/* CSS Document */


body {
background: url(../gfx/bg_body.jpg) repeat-x top left #fff;
text-align: center;
margin: 0;	
padding:0;
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #444;
margin-top: 5px;
}

.clear{
clear: both;
_height: -1%;
padding: 0;
margin: 0;
}

hr {
background-color: #ccc;
bord_er-bottom: #444;
height: 3px;
}

table {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #444;
}


/* Fonts på Stouby Design */

h1.contentpagetitle, h2, .componentheading, .contentheading {
font: 20px Arial, Helvetica, sans-serif;
color:#444;
margin: 0;
padding: 15px 0 0 0;
}

h1 {
padding: 10px 0 0 0;
}


h4 {
font: bold 16px/12px Arial, Helvetica, sans-serif;
color: #444; 
margin: 20px 0 0 0;
padding: 0;
}


p {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color: #444;
margin-top: 5px;
}

a {
font: normal 12px/18px Arial, Helvetica, sans-serif;
color:#444;
text-decoration: underline;
}

a:visited {
color: #cc2b34;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

a:active {
text-decoration: none;
color: #cc2b34;
}

#RightContent a{
margin: 0;
color: #444;
}

.rightcontent_frontside a {
margin: 0;
color: #444;
}

h3 {
font: bold 16px Arial, Helvetica, sans-serif;
margin: 0 0 0 10px;
padding: 25px 0 5px 0;
color: #cc2b34;
}


#RightContent p, #RightContentFrontsideWrapper .rightcontent_frontside p {
margin: 0 10px;
}

#MainContentFrontside .infoboks h2 {
font: 18px Arial, Helvetica, sans-serif;
color:#444;
margin: 0;
padding: 5px 0 0 0;
_padding: 0px 0 0 0;
}


/* Rammen der holder indholdet inde på midten af siden*/

#OuterWrapper {
width: 900px;
text-align: left;
margin: 0em auto;
padding: 0;
overflow: hidden;
}


/* Header - sidens top */

#Header {
width: 900px;
height: 136px;
}

#Logo a {
text-decoration: none;
border: none;
}

#Logo img{
border: none;
margin-top: 30px;
}


#Logo {
padding: 10px 0 0 10px;
float: left;
}

/* Navigation i toppen af siden til højre */

#TopTools {
background: transparent;
float: right;
height: 20px;
margin: 0;
padding: 0;
}

#TopTools ul {
padding: 0;
margin: 0;
overflow: hidden;
}

#TopTools li {
padding: 0 10px 0 10px;
margin: 0;
margin-left: -1px;
margin-top: 10px;
list-style: none;
float: left;
border-left: 1px solid #444;
}

#TopTools a {
color: #444;
text-decoration: none;
font: 10px Arial, Helvetica, sans-serif;
display: block;
line-height: 10px;
padding: 1px 2px;
}

#TopTools a:hover {
color: #444;
text-decoration: underline;
}


/* Hovedmenu / navigation */

#MenuWrapper {
width: 900px;
height: 38px;
margin: 0 0 4px 0;
padding: 0;
float: left;
overflow: hidden;
background:url(../gfx/bg_menu.jpg) repeat-x top left;
}

#MenuWrapper ul {
margin:0;
padding: 0 10px 10px 0;
list-style:none;
}

#MenuWrapper li {
float:left;
padding:0;
margin-bottom: 2px;
border-right: 1px solid #fff;
height: 36px;
}

#MenuWrapper a{
display:block;
padding: 0px 20px 7px 20px;
_padding: 5px 20px 7px 20px;
text-decoration:none;
font: normal 12px/36px Arial, Helvetica, sans-serif;
_font: normal 12px/25px Arial, Helvetica, sans-serif;
color:#fff;
}


#MenuWrapper a:hover {
color:#fff;
text-decoration: underline;
}

#MenuWrapper a.mainlevel#active_menu{
color:#fff;
text-decoration: underline;
}

/* Rammen rundt om primær indhold - dækker over menu, maincontent og højre-colon */

#Content {
width: 900px;
margin:0;
}

/* Venstre menu på undersider */

#LeftContent {
width: 167px;
float: left;
margin: 0;
padding: 0;
background: url(../gfx/bg_undermenu.jpg) repeat-x top left;
}

#LeftMenu {
margin: 0;
padding: 0;
}

#LeftMenu ul{
padding: 0;
margin: 10px 0 0 0;
}

#LeftMenu li {
background: url(../gfx/dots_undermenu.gif) repeat-x bottom left;
width: 167px;
list-style: none;
padding: 0;
margin: 0;
}

#LeftMenu a{
display: block;
height: 30px;
padding: 2px 5px 2px 20px;
margin: 0;
text-decoration: none;
font: normal 12px/30px Arial, Helvetica, sans-serif;
background: url(../gfx/pil_undermenu.gif) no-repeat 8px center;
color: #444;
}

#LeftMenu li a:visited{
text-decoration: none;
}

#LeftMenu li a:hover{
text-decoration: underline;
}

#LeftMenu li a:active{
text-decoration: underline;
}


#LeftMenu li ul {
margin: 0;
padding: 0;
}

#LeftMenu li ul li {
list-style: none;
padding: 0;
margin: 0;
height: 35px;
}


#LeftMenu li ul li a.sublevel {
display: block;
height: 30px;
padding: 2px 5px 2px 35px;
margin: 0;
text-decoration: none;
font: normal 12px/30px Arial, Helvetica, sans-serif;
background: url(../gfx/pil_undermenu_sub.gif) no-repeat 20px center;
color: #444;
}

#LeftMenu a.mainlevel#active_menu {
text-decoration: underline;
background: url(../gfx/pil_undermenu_active.gif) no-repeat 8px center;
}

#LeftMenu li ul li a.sublevel#active_menu {
text-decoration: underline;
background: url(../gfx/pil_undermenu_sub_active.gif) no-repeat 20px center;
}

/* Hovedindholdet på undersider */

#MainContent {
width: 523px;
float: left;
margin: 0 0 0 5px;
}

#MainContentPic {
height: 94px;
border: 1px solid #ccc;
padding: 3px;
overflow: hidden;
}

#MainContentText {
width: 523px;
margin-top: 4px;
background: url(../gfx/bg_content.jpg) repeat-x top left;
}

#MainContentText ul {
margin: 5px 0 10px 0;
padding: 0; 
}

#MainContentText li {
font: normal 13px/14px Arial, Helvetica, sans-serif;
list-style-type: square;
margin: 5px 0 0 40px;
color: #000;
}

#MainContentText table {
border-color:#444;
margin:0;
padding: 0;
}

#MainContentText td {
padding: 5px;
border-color: #444;
}

#MainContentText caption p span{
float: left;
font:12px/14px Arial, Helvetica, sans-serif;
color: #000;
font-weight: bold;
}

/* Indhold i højre kolonne*/

#RightContent {
width: 200px;
background: url(../gfx/bg_colon_right.jpg) repeat-x top left;
float: left;
margin-left: 5px;
}



/* Indhold nederst på siden */

#Footer {
width: 900px;
background: url(../gfx/bg_footer.gif) repeat-x top left;
margin-top: 30px;
}

#FooterContent {
_margin: 15px 0 5px 0;
padding-top: 14px;
_padding-top: 0;
}

#FooterContent .design {
float: right;
width: 113px;
height: 16px;
}

#FooterContent .design a{
font: normal 10px Arial, Helvetica, sans-serif;
text-decoration: none;
color: #ccc;
}

#FooterContent .design a:visited{
color: #ccc;
}

#FooterContent .design a:hover{
text-decoration: underline;
}

#FooterContent .design a:active {
text-decoration: underline;
}

/* Diverse forms - input er stylet for at give en større og breddere flade */

#RightContent input {
padding: 2px;
width: 170px;
margin: 5px 10px;
}

.rightcontent_frontside input{
padding: 2px;
width: 210px;
margin: 5px 10px;
}

.rightcontent_frontside submit.button {
w_idth: 50px;
float: right;
}

#RightContent .submit, .rightcontent_frontside .submit_hojrekolonne{
width: 50px;
float: right;
}


#RightContentFrontsideWrapper{
width: 239px;
float: left;
margin-left: 5px;
}

.rightcontent_frontside{
background: url(../gfx/bg_colon_right.jpg) repeat-x top left;
}

#MainContentFrontside {
width: 656px;
background: url(../gfx/bg_content.jpg) repeat-x top left;
float: left;
padding: 15px 0;
}


#MainContentFrontside .infoboks {
width: 201px;
float: left;
margin: 0 5px 10px 5px;
_margin: 0 2px 10px 2px;
padding: 5px;
}

#MainContentFrontside .infobokscontent{
background: url(../gfx/dots_vertikalt.gif) repeat-y top right;
padding-right: 8px;
_padding-right: 12px;
width: 201px;
_width: 190px;
}

#MainContentFrontside .infoboks_bordertop {
width: 198px;
_width: 190px;
height: 2px;
background: url(../gfx/top_infoboks.gif) no-repeat top left;
}

#MainContentFrontsideWrapperTop {
margin: 0 0 5px 0;
w_idth: 665px;
wi_dth: 656px;
background: url(../gfx/dots_horrisontalt.gif) repeat-x bottom left;
}


#MainContentFrontsideWrapperBottom {
margin-top: 15px;
margin-left: -10px;
width: 665px;
}


#MainContentFrontsideWrapperTop .contentintro img {
border: 1px solid #ccc;
padding: 3px;
m_argin-top: 35px;
ma_rgin-left: 5px;
ove_rflow: hidden;
}

a.readon{
color: #444;
background: url(../gfx/link_frontside.gif) no-repeat 2px 2px; 
padding: 0 0 0 20px;
margin-top: 10px;
display: block;
}

#MainContentFrontside .contentintro a:visited{
color: #cc2b34;
}

#MainContentFrontside .contentintro a:hover{
text-decoration: none;
}

#MainContentFrontside .contentintro a:active{
color: #cc2b34;
text-decoration: none;
}

#MainContentFrontside .contentintro table{
width: 200px;
}



.column_0 {
width: 32%;
float: left;
background: url(../gfx/top_infoboks.gif) no-repeat top left;
margin-top: 10px;
}

.column_1 {
width: 32%;
float: left;
margin: 10px 10px 0 10px;
background: url(../gfx/top_infoboks.gif) no-repeat top left;
}

.column_2 {
width: 32%;
float: left;
background: url(../gfx/top_infoboks.gif) no-repeat top left;
margin-top: 10px;
}