/* Start of CMSMS style sheet 'a-screen' */
/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-family:inherit; vertical-align:baseline;}
img {vertical-align: bottom;}
:focus {outline: 0;}
ol, ul {list-style:none;}

/* text-format */
body {font-family: verdana, helvetica, sans-serif; font-size:12px; line-height:18px; color:#555;}
h1 {font-size:18px; padding-bottom:22px; color:#550000; font-weight:normal;}
h2 {font-size:14px; color:#550000; padding-bottom:0px; font-weight:normal;}
p {font-size:13px; color:#555; padding-bottom:18px;}
ol, ul {font-size:13px; color:#555; padding-bottom:18px;}
#content a:link, #content a:visited {color:#555; text-decoration:underline;}
#content a:hover {color:#550000; text-decoration:underline;}

/* layout */
html {height:100%; margin-bottom:1px; overflow-y:scroll;}
body {background:#550000;}
#container {position:relative; width:876px; margin:20px auto 20px auto; padding:235px 24px 24px 24px; background:#fff;}

#container img {vertical-align:bottom;}
img.left {float:left; margin:0 10px 10px 0;}
img.right {float:right; margin:0 0 10px 10px;} 
                               
#banner {position:absolute; top:43px; left:297px; height:188px; width:603px;}
#banner p {margin:0; padding:0;}

#logo {position:absolute; top:43px; left:24px; width:263px; height:188px; background:#0e523b;}
#logo h1 {position:relative; width:263px; height:188px; overflow:hidden; color:#fff; margin:0; padding:0;}
#logo h1 a {color:#555; text-decoration:none;}
#logo h1 span {position:absolute; top:0; left:0; z-index:1; display:block; width:263px; height:188px; background:url(uploads/kongemarken/kongemarkens-kunstterapi-logo.png) no-repeat 0 0}

#wrap {overflow:hidden; width:876px;}  
#sidemenu {float:left; width:253px; min-height:380px; padding-top:30px;}
body.galleri #content {padding-top:0;}
#content {float:right; width:573px; padding-top:30px; padding-right:20px;}
body.galleri #content {padding-top:0;}

#topmenu {position:absolute; top:14px; right:14px; z-index:1;}

#footer {clear:both; padding:40px 0 0 15px; width:861px; overflow:hidden;} 
#footer p.pix {position:relative; float:left; width:220px; height:25px; padding:0;}
#footer p.pix span {position:absolute; top:0; left:0; z-index:1; display:block; width:220px; height:25px; padding:0; background:url(uploads/kongemarken/footer.png) no-repeat -26px 0;} 
#footer p {position:relative; float:left; width:auto; height:25px; padding:0 0 0 24px; font-size:14px; color:#555;} 
#footer p span {position:absolute; top:0; left:1px; width:15px; height:25px; padding:0; background:url(uploads/kongemarken/footer.png) no-repeat 0 0;} 
#footer p a {color:#500; text-decoration:none;}

#webdesign {position:absolute; bottom:0; right:-20px; width:19px; height:180px; padding:0;} 

/* topmenu */
#topmenu ul {height:24px;}
#topmenu li {float:right;}
#topmenu a:link, #topmenu a:visited {display:block; font-size:14px; padding:0 10px; line-height:18px; text-decoration:none; text-align:center; font-weight:normal; color:#555;}
/*#topmenu li a:focus {color:#555; outline:none; font-weight:bold;}
#topmenu li a:hover {color:#000; outline:none; /*text-decoration:underline; font-weight:bold;}*/
#topmenu li.currentpage {display:block; font-size:14px; padding:0 10px; line-height:18px; text-decoration:none; text-align:center; font-weight:bold; color:#555;}

/* sidemenu */
#sidemenu ul {padding-bottom:18px;}
#sidemenu li {font-size:14px; line-height:23px; padding-left:10px;}
#sidemenu ul ul {padding:0 0 18px 22px;}
#sidemenu a:link, #sidemenu a:visited {text-decoration:none; color:#555; }
#sidemenu a:hover{color:#000; /*text-decoration:underline; font-weight:bold;*/}
/*#sidemenu a:focus {color:#555; outline:none; font-weight:bold;}
#sidemenu a:active {color:#555; outline:none; font-weight:normal;}*/
#sidemenu li.currentpage {padding-left:18px; color:#555; font-weight:bold; background:url(uploads/kongemarken/pil.png) no-repeat 0 0;}
#sidemenu ul li.currentparent {padding-left:33px; color:#555; font-weight:bold; background:url(uploads/kongemarken/pil2.png) no-repeat 2px 8px;}
#sidemenu ul li.currentparent li {padding-left:0px; font-weight:normal;}

/* accessability */
span.accesskey {text-decoration:none;}
.accessibility, hr {position:absolute; top:-999em; left:-999em;}
dfn {position:absolute; left:-1000px; top:-1000px; width:0; height:0; overflow:hidden; display:inline;}

/* IE6 hacks */
* html body {text-align:center;}
* html #container {text-align:left;}
* html #topmenu {height:1%;}
* html #footer {height:1%;} 
* html #sidemenu {height:410px;}
* html #sidemenu li a {height:1%;}

/* IE7 hacks */
#sidemenu a {min-height:14px; /* Fixes IE7 whitespace bug */ }
/* End of 'a-screen' */