/*
*************************
   - CLEAR STYLES
*************************
*/
* { font-family: Arial,Helvetica,sans-serif; font-size: 11px; line-height: 13px; color: #000000; }

html, body { padding: 0; margin: 0; width: 100%; height: 100%;}
body { background: url(/Files/Billeder/gfx/bg.jpg) repeat-x #FFFFFF; }

h1, h2, h3, h4, h1 p, h2 p, h3 p, h4 p { margin: 0; font-weight: normal; clear:both;}
h1, h1 * { font-size: 18px; line-height: 19px; padding-bottom: 30px;  font-family:Georgia, "Times New Roman", Times, serif;}
h2, h2 * { font-size: 13px; line-height: 15px; padding-bottom: 5px; margin: 15px 0 5px 0; font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif; }
h3, h3 * { font-size: 11px; line-height: 13px; margin: 10px 0 2px 0; font-weight: bold; }
h4, h4 * { font-size: 12px; line-height: 14px; }

a, a:link { color: #000000; text-decoration: underline; }
a:active { }
a:hover { text-decoration: none; }

img, a img { border: none; }
.nyhedHeader {display:block; clear:both;}

textarea { overflow: auto; border:1px solid #cccccc;}
select {border:1px solid #cccccc;}
input, input#AccessUserName, input#AccessUserEmail {width:130px; border:1px solid #cccccc; height:17px; background:white;}
span input, #spalte span input {border:none; background:none; color:#003876; font-weight:bold; cursor:pointer; width:auto; float:right; margin:5px 0 0 0; padding:0;}
LABEL {width:45px; display:block; float:left; padding:5px 0 0 0; color:#000000;}

form.smal, div.smal {width:190px;}

p, form, table, tr, td { margin: 0; padding: 0; }
p.groen, p.groen *, p.groen a {color:#30b457;}



span.newstext, #contentText span.newstext {color:#828080; line-height:16px; clear:both; display:block;}
#newselement h2, #newselement a  {color:#30b457;}
#newselement h2 { font-size: 15px; margin-top:7px;}
#contentText span.newstext {color:#000000;}
ul#newslist {clear:both;}
ul#newslist li a {color:#30b457; text-decoration:none; text-align:left; margin:7px 0 0 0; float:left;}
span.dato {color:#bab9b9;}

/*
*************************
   - PAGE SETUP
*************************
*/

#mainContainer { width: /*987px*/ 1024px; margin: 0 auto; padding: 25px 0 0px 0; position:relative;   }
#innerMainContainer { background: #FFFFFF url(/Files/Billeder/gfx/bund.png) no-repeat 7px bottom;  padding: 7px 7px 7px 7px; position:relative; left:18px; border:1px solid #e5e0dc; float:left; width:972px;}

#skygge_left, #skygge_right {background: url(/Files/Billeder/gfx/shadow_left.jpg); width:18px; height:327px; float:left; position:absolute; left:0; }
#skygge_right {background: url(/Files/Billeder/gfx/shadow_right.jpg); float:left; position:absolute; left:1006px;}

#bund {height:200px; background: url(/Files/Billeder/gfx/bund_gradient.jpg) repeat-x; width:100%; position:absolute; bottom:7px; width: 972px;}

#topContainer {width:972px; height:107px; margin-bottom: 0; background: #FFFFFF url(/Files/Billeder/gfx/top.jpg) no-repeat; }
#logo { float: left; padding:22px 0 0 24px;}
#serviceMenu { float: right; width:550px; margin: 18px 0 0 0; padding:0;}
#serviceMenu ul {margin:0; padding:0;}
#serviceMenu ul li { padding: 0 12px; border-left: 1px solid #FFFFFF; float:left; height:12px; list-style:none;}
#serviceMenu ul li.firstitem { border: none; }
#serviceMenu ul li a { font-size: 10px; color: #FFFFFF; text-decoration:none;}
#topSearch { margin: 19px 0 0 15px; float: right; }


#topMenu ul { height: 41px; width: 969px; margin:0 0 20px 0; padding: 0 0 0 3px; background:#9f9f9f; overflow:hidden;}
#topMenu ul li {height: 31px; width:121px; text-align:center; padding:10px 0 0 0;  float:left; background: url(/Files/Billeder/gfx/menu_skiller.jpg) no-repeat 103px 0; list-style:none;}
#topMenu ul li a { font-size: 11px; color: #FFFFFF; line-height: 15px; padding-right:20px;  text-decoration: none;}
#topMenu ul li a.inpath { font-weight:bold; text-decoration:underline; }
#topMenu ul li a#activeitem {font-weight:bold; text-decoration:none; text-decoration:underline;}

#contentContainer { padding: 0 0 16px 0; position: relative; }


#subMenu {width: 200px; padding-bottom: 120px; float:left;}
#subMenu ul { margin: 0 0 0 24px; padding: 0 18px 0 0; }
#subMenu ul li {list-style: none; border-bottom: 1px solid #CCCCCC; padding: 7px 0 7px 0;}
#subMenu ul li.firstitem {  }
#subMenu ul li a { font-size: 11px; color: #7F7F7F; line-height: 17px; padding:0 0 0 15px; text-decoration: none; background: url(/Files/Billeder/gfx/groen_pil.gif) no-repeat 0% 50%; }
#subMenu ul li a.inpath { font-weight: bold; color: #000000; }

#subMenu ul li ul { margin: -5px 0 0 15px; padding: 0; }
#subMenu ul li ul li { list-style: none; border-bottom: none;}
#subMenu ul li ul li a { }
#subMenu ul li ul li a.inpath { font-weight: normal; text-decoration: underline;  }

#contentArea { width: 750px; padding: 0 0 0 10px;  position: relative; }
#contentArea h1 { padding-top: 11px; }
#contentText { width: 490px; float:left;}
#contentText * {line-height: 18px; }
#spalte {width: 220px; float:right;}

.box { position: absolute; top: 0; right: 0; background: #9BC7E2; width: 130px; padding: 0 48px 33px 22px; }
.box #topImage { position: absolute; top: 0; left: 0; }
.box #bottomImage { position: absolute; bottom: 0; left: 0; }
.box * { color: #FFFFFF; }
.box .image img { position: absolute; top: 12px; right: 12px; }

#bottomContainer {position:absolute;}
#footer { float: left; padding-top: 14px;  }
#footer div small, #footer div small a { color: #767676; font-size: 11px; text-decoration:none;}

.serviceMenu2 { float: right; }
.serviceMenu2 ul li { padding: 0 10px; border-left: 1px solid #ABABAB; }
.serviceMenu2 ul li.firstitem { border: none; }
.serviceMenu2 ul li a { font-size: 11px; color: #767676; }

/*
*************************
   - GR? INDHOLDSBOX
*************************
*/

.graa_holder {position:relative; height:180px; width:675px; padding: 15px 15px 15px 20px; margin:30px 0 30px -213px; background: url(/Files/Billeder/gfx/afsnits_gradient.jpg) repeat-x; border-top: 1px solid #999999; border-bottom: 1px solid #999999; overflow:hidden;}
.graa_holder table {float:left; display:block;}
.graa_holder table td {vertical-align:top;}
.graa_holder table.foto {width:332px; float:right;}

/*
*************************
   - FRONTPAGE
*************************
*/
#forsidebanner {width:700px; height:309px; float:left; padding:0 0 0 15px; position:relative; }
#forsidebanner a, #forsidebanner  img, #forsidebanner a img {width:700px; padding:0; margin:0; display:block;}
#forsidebanner_lille {width:180px; height:289px; float:left; margin-left:20px; background: url(/Files/Billeder/gfx/nyhedsbox_gradient.jpg) repeat-x; position:relative; padding:20px 20px 0 20px; overflow:hidden;}
#forsidebanner_lille ul#newslist {padding-bottom:15px;}
#frontboxes {margin:20px 0 0 15px;}
#frontboxes .firstitem { margin-left: 0; }
.frontpageBox { float: left; width: 206px; height: 95px; padding: 85px 7px 0 7px; margin-left: 20px; position: relative; }
.frontpageBox *, .gradientBox * { font-size: 11px; color: #828080;}
.frontpageBox h1 { font-size: 16px; color: #30b457; font-weight:normal; font-family: Arial,Helvetica,sans-serif; padding-bottom: 7px; }
.frontpageBox h1 a {font-size: 16px; font-family: Arial,Helvetica,sans-serif;}
.frontpageBox a {color:#30b457; text-decoration:none;}

#spalte .frontpageBox { width: 206px; height: 95px; padding: 85px 7px 0 7px; position: relative; margin:10px 0 0 0;}

.gradientBox {float: left; width: 206px; padding: 7px 7px 7px 7px; background: url(/Files/Billeder/gfx/nyhedsbrevbox_gradient.jpg) repeat-x; color:#828080;}
.gradientBox h2 { color: #000000; }
.gradientBox LABEL { color:#000000;}

.frontpageBox ul { margin: 0; }
.frontpageBox ul li { list-style: none; height: 18px; }
.frontpageBox ul li a { text-decoration: none; }

.frontpageBox #readMore { position: absolute; bottom: 15px; right: 15px; }
.frontpageBox #readMore a { color: #0072BB; }

.frontpageBox table { margin-top: -3px; }
.frontpageBox table input[type=text] { width: 150px; }
.frontpageBox table input[type=submit] { position: relative; top: -24px; left: 215px; }



/*
*************************
   - STANDARD STYLES
*************************
*/

.floatLeft { float: left; }
.floatRight { float: right; }
.clearBoth { clear: both; }
.minHeight { float: left; width: 1px; overflow: hidden; }

.menu ul { margin: 0; }
.menu ul li { float: left; list-style: none; }
.menu ul li a { text-decoration: none; }

.button { background: #7EB8DD; padding: 3px 7px; height: 14px; position: relative; }
.button #leftImage { position: absolute; top: 0; left: 0; }
.button #rightImage { position: absolute; top: 0; right: 0; }
.button a { color: #FFFFFF; text-decoration: none; }