body{background-color:#393529;padding:0; margin:0;}


/*
Den overordnede div der indeholder alt andet
*/
div#mainContainer{background-color:#fff;
background-image:url('../img/sitting.jpg');background-repeat:no-repeat;
background-position:left bottom;border-top:2px solid #af9e70;
height:500px;position:absolute; width:765px;
top:50%;margin-top:-225px;left:50%;margin-left:-385px;
}

/*
Den overordnede div til forsiden
*/
div#forside{background-color:#fff; border-top:2px solid #af9e70;
height:500px;position:absolute; width:765px; top:50%;margin-top:-225px;
left:50%;margin-left:-385px;
}

/* kolonner på forsiden*/
div#forside div#leftCol, div#forside div#rightCol{
position:absolute;
border-top:2px solid #af9e70;
border-left:2px solid #af9e70;
width:250px; height:300px;
overflow:auto;}

div#forside div#leftCol{
top:100px;left:225px;}

div#forside div#rightCol{
top:50px;left:380px;}

div#forside h1{font-family: impact, sans-serif;
font-size:150%;color:#af9e70;margin-top:0; 
position:absolute; background-color:#fff; z-index:10;
padding: 0 2px 0 4px;}

div#forside h1#left{top:83px; left:240px;}

div#forside h5{font-family: sans-serif;
font-size:100%;color:#af9e70;margin:15px 0 0 0;
text-decoration:underline;padding-left:1px;
}
div#forside div#leftCol p{margin:0;
font-size:90%; color:#af9e70;padding:5px;
}

/*
Topmenuen der indeholder sitenavigationen
*/
div#mainContainer div#siteNavigation, div#forside div#siteNavigation{
width:100%;
background-color:#af9e70;text-indent:25px;padding-top:3px;
}
div#mainContainer div#siteNavigation a, div#forside div#siteNavigation a{ padding: 2px 15px 2px 15px;
font-family: impact, sans-serif; text-decoration:none;color: #dfcfa3 ;
}
div#mainContainer div#siteNavigation a:hover, div#forside div#siteNavigation a:hover{ 
text-decoration:underline; color: #fff;
}
div#mainContainer div#siteNavigation a#currentSection, div#forside div#siteNavigation a#currentSection{
background-color:#fff; color: #af9e70; padding-bottom:1px;
border-top: 1px solid #421; border-left: 1px solid #421;
border-right:1px solid #421;
}

/*
Den lokale navigation, så bruger kan navigere i punktets artikler
*/
div#mainContainer div#localNavigation{position:relative;
top:30px;left:40px;}
div#mainContainer div#localNavigation a{ width:150px; display: block; text-decoration:none;
 margin: 2px 0 10px 0; padding:2px 0 0 15px;
border-left:2px solid #af9e70;border-top:2px solid #af9e70;
font-family: impact, sans-serif; color: #af9e70; font-size:10pt;
}
#mainContainer div#localNavigation a:hover{ color:#2c1f16;
border-left:12px solid #716f64; padding-left:5px;
}
div#mainContainer div#localNavigation a#here:after{content:" ]"}
div#mainContainer div#localNavigation a#here:before{content:"[ "}
div#mainContainer div#localNavigation a#here{color:#2c1f16; border-color:#2c1f16 ; }

/*
div med artikel. Bemærk at top-position for artikel-layer er
defineret som inline style i HTML dokumentet, da toppen registrerer ifht
den lokale navigation, som varierer fra sektion til sektion.
Bemærk at links-siden defineres specifikt, for at undgå cursor:help.
*/
div#mainContainer div#content, div#mainContainer div#links{ position:relative; width:460px;
height:380px;left:260px; overflow:auto; padding:0 25px 0px 0;
font-family: verdana, sans-serif; font-size:90%;color:#af9e70;
}
div#mainContainer div#content h1, div#mainContainer div#links h1{ font-family: impact, sans-serif;
font-size:150%;color:#af9e70;margin-top:0;
}
div#mainContainer div#content a{text-decoration:none;
color: #402b1a;}
div#mainContainer div#links a{text-decoration:none;
color: #402b1a;}
div#mainContainer div#content a:hover{text-decoration:underline;
 cursor:help;background-color:#efdec3;}
div#mainContainer div#links a:hover{text-decoration:underline;
background-color:#efdec3;}

div#validation{position:absolute;top:565px;left:470px;}
div#validation a{text-decoration:none;}
div#validation a img{border:0;}
