/* Hestlund CSS */
* { margin: 0; padding: 0; }

body {font:83%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; min-width: 760px; background: url(/filemanager/hestlundv1/back.gif) repeat-x; background-color: #97cc7d;}
p {margin-top: 10px; }

h1 { color: #000000; font-family:Tahoma, arial; font-size:24px; font-weight: normal; color: #DE7C0D; margin-top: -12px; margin-bottom: 6px;}
h2 { color: #000000; font-family:Tahoma, arial; font-size:16px; font-weight: bold; color: #000; margin-top: 0px; margin-bottom: 0px;}
h3 { color: #000000; font-family:Tahoma, arial; font-size:15px; font-weight: normal; color: #333333; margin-top: 0px; margin-bottom: 0px;}
h4 { color: #000000; font-family:Tahoma, arial; font-size:14px; font-weight: normal; color: #333333; margin-top: 0px; margin-bottom: 0px; }
h5 { color: #000000; font-family:Tahoma, arial; font-size:12px; font-weight: bolder; color: #333333; margin-top: 0px; margin-bottom: 0px; }
h6 { color: #000000; font-family:Tahoma, arial; font-size:32px; font-weight: normal; color: #DE7C0D; margin-top: -12px; margin-bottom: 0px;}

ul {margin-left: 14px; }
li {margin-left: 20px; }

.billedkant-silver {border: 1px solid #999; padding: 1px; text-decoration: none;}
.billedkant-hvid {border: 1px solid white; padding: 1px; text-decoration: none; }
.billedkant_galleri {border: 1px solid #999; padding: 1px; text-decoration: none;}

a:link { color: #DE7C0D; font-family:Tahoma, arial; font-size:13px; }
a:visited { color: #DE7C0D; font-family:Tahoma, arial; font-size:13px; }
a:hover { color: #999; font-family:Tahoma, arial; font-size:13px; }

#header {height: 150px; width: 902px; border-bottom:1px solid #FFF; background-color:#fff; margin-left: 1px; background-repeat:no-repeat;}

/* -- Forms -- */
.form {float:right; height:150px; width:175px;} 
.field {border: solid 1px #ccc; color:#666; font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif; margin:100px 0px 0px 0px; height: 17px;}
.formtext {font-color: #FFFFFF; letter-spacing:1px;}

.formstext a:link {color: #000; text-decoration: none; font-size:11px; cursor:hand; font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;}
.formstext a:visited {color: #000; text-decoration: none; font-size:11px; font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;}
.formstext a:hover {color: #888888 ; text-decoration: none; font-size:11px; cursor:hand; font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;}

/* --loginbox -- */
.loginbox { background-color:#000000; height: 20px; width: 70px; background: url(/filemanager/hestlundv1/loginbox.png) bottom; margin-left:30px; padding-bottom:4px; display:block;}
.logintext {color:#FFFFFF; font-family:Tahoma, arial; font-size:11px; text-align:center;}
.logintext a:link {color: #FFFFFF; text-decoration: none; font-size:11px; cursor:hand;}
.logintext a:visited {color: #FFFFFF; text-decoration: none; font-size:11px;}
.logintext a:hover {color: #C8C8C8; text-decoration: none; font-size:11px; cursor:hand;}

/* -- content--*/
#top {height:5px; width: 100%; background-color:#000000;}
#wrapper { margin: 0 auto; width:904px; background:url(/filemanager/hestlundv1/wrapperbackground.png); background-position:left;} 
#content { width: 761px; float: right;}

#maincontent { width: 560px; float: left; background-color:#FFF; border-left: 1px dotted #C0C0C0; border-right: 1px dotted #C0C0C0; border-bottom: 1px dotted #C0C0C0; padding:7px; min-height:425px;  height:auto !important; height:425px; margin: 0 0 0 2px;}

#firstcontent {width:143px; float:left; }
#secondaryContent { width: 151px; display: inline; /* :KLUDGE: Fixes IE double margin float bug */ float:right; margin:0 4px 0 0;} 

#menu { height:24px; background-color:#000; width:902px; display:block; margin-left: 1px;}

.none { }

.footer {width:904px; height:10px; padding:0; clear:both; background:url(/filemanager/hestlundv1/footer.png); background-repeat:no-repeat; background-position:bottom;} 
.footer p {color:#ffffff; font-size: 10px; letter-spacing: 1px; text-align:center;} 

/* -- News --*/
.newsbox {width: 145px; background:url(/filemanager/hestlundv1/news_bottom.gif) no-repeat left bottom; background-color:#fff; margin: 20px 0px 0px 0px;}
.newsbox h2 {background:url(/filemanager/hestlundv1/news_top.gif) no-repeat left top; padding-left: 8px; color:#000;}
.newsbox div {padding-left: 8px;width:117px;}

/* -- gradient --*/
#gradient {background:url(/filemanager/hestlundv1/gradient.png) no-repeat; width:575px; height:14px; padding:0; margin:0;}

/* -- boxe -- */
.boxtopleft {width: 133px; height: 103px; padding:0; margin: 2px 0px 0px 4px;}
.boxtopright {width: 130px; height: 103px; padding:0; margin: 0px 0px 0px 4px; }
.boxitems {width:133; height: 103px; margin:0 0px 0px 4px ; padding:0; }
.boxthink {width:133; height: 103px; margin:0 0px 0px 4px ; padding:0; }


/* ----- Kategorisering af albums ------*/
#albumcategory {width: 95%;}
#albumcategory p {font-family:"Tahoma", arial; font-size:11px; color: #000; padding: 2px 2px 2px 5px;}
#albumcategory a {font-family:"Tahoma", arial; font-size:11px; text-decoration: none; color: #000; background: url('/filemanager/hestlundv1/photo3.gif') no-repeat left; padding: 0 0 0 23px;}
#albumcategory a:hover  {text-decoration:underline;}

#listalbums {}
#listalbums img {border: 1px solid #999; background-color: #fff; padding: 2px; }
#listalbums a {font-family:"Tahoma", arial; font-size:11px; text-decoration: none; color: #000;}
#listalbums a:hover {text-decoration:underline;}

#galleryslidelayer1 {border 1px solid #000;}
#galleryfrontpage {border 1px solid #000;}


/* -- menu -- */

ul#navmenu-h 
{margin-left: 133px; 
border: 0 none; 
padding: 0; 
width: 630px; 
/*KHTML*/ 
list-style: none; 
height: 24px;}

ul#navmenu-h li 
{margin: 0; 
border: 0 none; 
padding: 0; 
float:left; /*Gecko*/ 
display: inline; 
list-style: none; 
position: relative; 
height: 24px;}

ul#navmenu-h ul 
{margin: 0; 
border: 0 none; 
padding: 0; 
width: 110px; 
list-style: none; 
display: none; 
position: absolute; 
top: 24px; 
left: 0; }

ul#navmenu-h ul:after /*IE 7*/
{ clear: both; 
display: block; 
font: 1px/0px serif; 
content: "."; 
height: 0; 
visibility: hidden;}

ul#navmenu-h ul li 
/*Sætter bredden på dropdown */{ width: 143px; 
float: left; /*For IE 7*/ 
display: block !important; 
display: inline; /*For IE*/ }

/* dropdown */ 

ul#navmenu-h a 
{border: 1px solid #000; 
border-right-color: #000; 
border-bottom-color: #000; 
padding: 0 8px; 
float: none !important; /*For Opera*/ 
float: left; /*For IE*/
display: block; 
background: #000; 
color: #FFF; 
font:11px/22px Tahoma, Arial, sans-serif; 
text-decoration: none;
height: auto !important; 
height: 1%; /*For IE*/
letter-spacing:1px;
margin-left: 6px;

}

/* roll over effekt paa 1. niveau */
ul#navmenu-h a:hover, 
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a { background: #000; color: #ccc;}

/* sub Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a { float: none; background: #000; color: #FFF; }

/* roll over effekt på 2. niveau*/
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a { background: #000; color: #ccc;}

ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul { display: none; position: absolute; top: 0; left: 130px;}

ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul { display: none;}

ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul { display: block; z-index: 1000;}

.module_gallery_albumname {
text-decoration: none;
}


/* -- Visning af mange billeder -- */
#motioncontainer /* -- små roterende billeder -- */
{margin: 0px auto; position:relative;overflow:hidden; width:98%; margin-top: 20px;}
#motioncontainer img {border: 1px solid #888888; padding: 2px; text-decoration: none; background-color: #fff;}
#motioncontainer a:hover img {cursor: hand;color: red;}
#motiongallery {position:absolute; left:0; top:10; white-space: nowrap; }

/* -- Visning af få billeder (showpictures_few.tpl) --*/ 
#fewimages {width: 96%; overflow:hidden; margin: 0px auto; background-color: #fff;}
#fewimages img {margin: 0 0 20px 0;border: 1px solid #999; background-color: #fff; padding: 2px;}