html {
padding : 0;
margin : 0;
height : 100%;
min-height : 100%;

}
body {
background : #1e3472 url(../images/body_bg33.gif) repeat-y 50% 0;
font-size : 12px;
font-family : Trebuchet MS, Sans-Serif,Verdana, Arial, SunSans-Regular;
color : #564b47;
padding : 0;
margin : 0;
}
#wrapper {
margin : 0 auto;
padding : 0;
width : 880px;
}
span.hide  {
display : none;
}
img{
 border:0px;
}
span.red  {
color: red;
font-weight:bold;
}
a {
color : #3d496a;
font-size : 11px;
background-color : transparent;
text-decoration : none;
}
p, h1, h3, pre {
padding : 5px 15px;
margin : 0;
}
h3 {
font-size : 13px;
text-transform : uppercase;
color : #564b47;
background-color : transparent;
}
#left {
float : left;
margin : 0 0 0 10px;
width : 100px;
}
#right {
float : left;
display : inline;
margin : 0 0 0 33px;
width : 200px;
}

#content {
float : left;
display : inline;
margin : 0px 0 0 20px;
padding : 0;
width : 600px;
overflow : auto;
}
#content img.normal {
float : right;
clear:both;
margin-bottom:15px;
margin-top:5px;
padding: 5px;

}
#content img.topheader {
float : left;
clear:both;
margin:0px;
padding:0px;
padding-top:0px;

}
#content img.teaser{
clear:both;
float : right;
padding:2px;
margin-left:5px;
border: 2px solid #999;
margin-bottom:25px;

}
#content img.latest_news {
float : left;
margin-bottom:5px;
margin-top:0px;
padding-right: 10px;

}
#content p.contact{
float : left;
display : inline;
padding:2px;
margin-left:10px;
border: 0px solid #999;
margin-bottom:25px;
}
#content p.contact img.contactimg{
clear:both;
border:2px solid #3d496a;
display : block;
padding: 2px;
}

#content a.latest_news_a{
   text-transform : uppercase;
   text-decoration:underline;
   color: #3d496a;
   font-weight:bold;
}
#content a:hover.latest_news_a{
color: #59130f;
}

#right h2, #left h2 {
margin : 40px 5px 10px 5px;
padding : 5px 0 0 0;
font-size : 1.1em;
text-align : right;
text-transform : uppercase;
border-top : 15px solid #687391;
}


#right h2.navigationtitle{
margin : 80px 5px 10px 5px;
padding : 5px 0 0 0;
font-size : 1.1em;
text-align : right;
text-transform : uppercase;
border-top : 15px solid #687391;
}


#right h3, #left h3 {
clear:both;
margin : 0px 10px 20px 10px;
font-size : 0.9em;
text-align : right;
border-bottom : 3px solid #900;
}

#right p, #left p {
text-align : left;
margin : 0 5px 5px 5px;

}
#right img.logotop{
clear:both;
border:0px solid #3d496a;
display : block;
padding-left: 0px;
margin-left:-17px;
margin-top:20px;

}

img.adverts{
 border:0px;
}

#right a.adverts{
border-style: none;
text-decoration:none;

}
#right a:hover.adverts{
	background:#000;	
/*	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;	*/



}

#content h1 {
margin : 157px 5px 20px 5px;
padding : 5px 0 0 0;
font-size : 1.1em;
text-align : left;
text-transform : uppercase;
border-top : 15px solid #687391;
clear:both;
}
#content h2{ clear : both;  font-size:1.7em; margin : 0px 0px 10px 10px;   padding:0px 0 5px 5px; text-transform : uppercase; }

#content h3 {
clear : both;
margin : 0px 10px 20px 10px;
font-size : 1.1em;
text-align : right;
border-bottom : 3px solid #900;
}
#content h4 {
clear : both;
margin : 20px 10px 5px 20px;
font-size : 1.1em;
text-align : left;

}




/* --------------------- top ------------- */
#topsection{
	background: #FFFFFF;
	height: 90px; /*Height of top section*/
	margin-bottom: 40px;
}

#topsection h1{
	margin: 0;
	padding-top: 1px;
}
.clearfix:after  {
	content : ".";
	display : block;
	height : 0;
	clear : both;
	visibility : hidden;
}
.clearfix {
	display : inline-block;
}
.clearfix {
	display : block;
}
.accessibility {
	position : absolute;
	top : -999em;
	left : -999em;
}
#shortcuts  {
	float : right;
	max-width : 510px;
	margin : 12px 0px 2px 0;
}
#shortcuts ul {
	margin : 0;
	padding : 0;
}
#shortcuts ul li {
	display : inline;
	margin : 0;
	padding : 0;
	list-style-type : none;
	float: right;
}
#shortcuts ul li a {
	float : left;
	margin : 0 3px;
	padding : 1px 8px;
	font-size : 0.8em;
	color : #778a9d;
	text-transform : uppercase;
	text-decoration : none;
}
#shortcuts ul li a:hover {
	color : #43576b;
	text-decoration : underline;
}
#shortcuts ul li a.selected, #shortcuts ul li a.expanded {
	color : #43576b;
	font-weight : bold;
}
#header {
	height: 40px;
	padding: 30px;
}
#header img {
}
#header img:hover {
	background-color: #F2F2F2;
}
/* --------------------- End of top ------------------- */






/* --------------------- BOTTOM LAYOUT ------------------- */

	#bottominfo{
		border-top: 0px solid #42423b;
		background: #fff;
		padding-bottom:25px;
                padding-top:20px;
            
                margin-top: 20px;
		width: 600px;
		overflow: hidden;
                clear:both;
	}
	.bottomcolumn{
            
		
		width:275px;
		margin-right: 0px;
	}
	.bottomright{margin-left:15px; margin-right:10px; float: right; background: #eee; min-height: 220px;}
        .bottomleft{margin-right:0px; margin-left:15px; float: left; background: #eee; min-height: 220px;}
	
/* =BOTTOM */
	.bottomcolumn h3{
		border-bottom: 4px solid #9b968f;
		 font-size:18px;padding:5px 0 5px 5px;
	}
	.bottomcolumn p{
		padding: 10px 0px 5px 10px;
		font-size: 1.0em;
               
	}
        
       .bottomcolumn p a{
            font-size: 1.0em;
        }
        
        .bottomcolumn p a:hover{
            color: #59130f;
        }
        
        .bottomcolumn p span.title{
		font-size: 1.9em;
                color: #59130f;
	}
        
        
        .bottomcolumn p span.info{
		font-size: 14px;
                text-decoration:none;
                border: 0px;
                background: #eee;
	}
        
        .bottomcolumn p span.link{
		font-size: 14px;
                float:right;
                text-decoration:underline;
	}
        
	.iconlist{
		border-top: 1px dashed #d1cfcd;
		font-size: 1.2em;
	}
	ul.iconlist li a{
		padding-left: 25px;
		background: url(../images/footer_list.jpg) left bottom no-repeat;
		
	}
	ul.iconlist  li a:hover{background: #E9E4DE url(../images/footer_list.jpg) left top no-repeat;color: #42423b;}
	.enewsbox{
		float: left;
		width: 180px;
		height: 17px;
		padding:3px 5px;
		border: 4px solid #3d496a;
		font-size:13px;
	}
	.button{
		display: block;
		float: left;
		width: auto;
		line-height:1em;
		text-align: center;
		background: #3d496a;
		border: 4px solid #fff;
		color: #fff;
		cursor: pointer;
		margin:0;
		padding:3px 8px; /* IE6 */
	}
/* --------------------- End of BOTTOM LAYOUT ------------------- */












/* --------------------- FOOTER ------------------- */

#footer {clear: both; margin: 0 0 0 255px; padding: 10px 0 0 0; width: 600px; border-top: 3px dotted #605e4c;}
#footer p {position: relative; margin: 0 10px; padding: 0 0 5px 0; font-size: 0.8em;}
#footer p span {position: absolute; right: 10px;}
#footer p span span {position: relative; right: 0; color: #ccc;}

/* --------------------- End of footer ------------------- */



/*


#nav { float: left; width: 170px; margin-top: 30px; margin-left: 5px;}

 
#nav ul {
 list-style: none;
}

#nav li a{
 display: block;
 height: 25px;
  width: 100px; 
 padding: 9px;
 margin: 5px;
 background: inherit;
 border-left: 8px solid #3d496a;
 color: #000;
 text-transform: uppercase;
 font-size: 0.9em;}
 
#nav li a:hover {
 color: #FFF;
 background: #59130f;
 border-left: 8px solid #900;}
 
#nav li .active {
 color: #fff;
 background: #3d496a;;
 border-left: 8px solid #3d496a;}
 */
 



#menu  {
width : 190px;
float : left;
display : inline;
margin : 2px 5px 5px 5px;
margin-left : 4px;
padding : 0px 0 10px;

}
#menu ul {
font-family:"lucida grande", arial, sans-serif;
list-style : none;
font-size : 0.6em;
margin : 1.7em 0 2.5em;

}
#menu ul li {
border-bottom : 1px solid #cbcbcb;
padding : 0 0 1px;
margin : 0 0 8px 0 !important ;
margin : 0 0 5px 0;

width:140px ;
}
#menu li a {
display : block;
color : #4c0c0c;
font-weight : bold;
text-decoration : none;
border-bottom : 1px solid #fff;
border-left : 14px solid #cbcbcb;
padding : 1px 3px 1px 3px  ;
padding : 0 3px 0 3px;

margin-left :0;
margin-left : -35px;

}
#menu li a:hover {
border-left-color : #3d496a;
color : #3d496a;
} 
 
#menu li a.on  {

border-left-color : #3d496a;
}
 
#menu ul.submenu{
	width:auto;
	list-style-type:none;
border-bottom : 0px solid #cbcbcb;

}
#menu ul.submenu li{

	display:block;
	width:auto;
border-bottom : 0px solid #cbcbcb;
}
#menu ul.submenu li a{

	display:block;
	width:auto;
padding : 1px 2px 1px 2px  ;



 	
}
#menu ul.submenu li a:hover{
	
}
.activemenu{
color : #4c0c0c;
	font:bold 11px "Verdana";
	display:block;
	width:auto;
border-bottom : 0px solid #cbcbcb;

background:#ccc;

}
#menu ul.submenu li a.activemenu{
color : #4c0c0c;
	font:11px  "Verdana";
	display:block;
	width:auto;
	border-bottom : 0px solid #cbcbcb;

background:#ccc;

}
 
 
 
 
/* --------------------- Forms styles ------------------- */

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 550px; /*width of form rows*/
overflow: hidden;
padding: 5px 0;
border: 0px solid #3d496a;
margin-left:10px;
}
div.fieldwrapper h3{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
color: #687391; font-size:1.7em; margin:0 0 10px; width:620px;  padding:15px 0 0 0;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 200px; /*width of label (left column)*/
text-transform: uppercase;
border-bottom: 2px solid #3d496a;
margin-right: 15px; /*spacing with right column*/
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 10px; /* space following the field */

}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 250px;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 255px;
height: 150px;
}
div.fieldwrapper div.thefield textarea.lille{ /* style for TEXTAREA fields. */
width: 255px;
height: 100px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 5px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 80px;
background: #e1dfe0;
 }
/* --------------------- End of Forms ------------------- */



/* --------------------- Bestyrelse info ------------------- */
#content img.bestyrelseimg{
border:2px solid #3d496a;
padding: 2px;
float: left; 
margin: 4px; 
}
#content p.bestyrelseinfo{
display : inline;
}
.flamesHead { font-size: 16px; font-weight: 900;   }
.flamesHead a { font-size: 16px; font-weight: 900; margin-left: 13px;  }
.mailtoo { font-size: 16px; font-weight: 900; margin-left: 3px; color: #3d496a; text-decoration: underline; }
.bestyrelsetitle{ font-size: 16px; font-weight: 900;   }
#flames, #flames2 ,#flames3 ,#flames4 ,#flames5 ,#flames6 ,#flames7 ,#flames8 { border: 1px solid #999999; background-color: #e7e7e7; padding: 5px; margin: 5px; min-height:125px;}

/* --------------------- End of Bestyrelse info ------------------- */





/* --------------------- messages ------------------- */
.messages {
    font-family: "Trebuchet MS", Arial, Sans-serif;
    font-size: 13px;
    text-align: left;
    padding: 5px 20px 5px 45px;
}

.messages span {
	font-size: 16px;
	font-weight: bold;
	margin-right: 10px;
}

.success {
	background: #6bca81 url(../images/success.gif) 15px 50% no-repeat;
	color: #fff;
	border-top: 1px solid #609c43;
	border-bottom: 1px solid #609c43;
        margin-right: 10px;
        margin-left: 10px;
}

.error {
	background: #fff6bf url(../images/error.gif) 15px 50% no-repeat;
	color: #333;
	border-top: 1px solid #ffd324;
	border-bottom: 1px solid #ffd324;
        margin-right: 10px;
        margin-left: 10px;
}

.failed {
	background: #eb4e4e url(../images/delete.gif) 15px 50% no-repeat;
	color: #fff;
	border-top: 1px solid #b03b3b;
	border-bottom: 1px solid #b03b3b;
}

.info {
	background: #F8FAFC url(../images/information.gif) 15px 50% no-repeat;
	color: #333;
	border-top: 1px solid #B5D4FE;
	border-bottom: 1px solid #B5D4FE;
}
/* --------------------- End of messages ------------------- */


.code, code, pre  {
width : 95%;
margin-left : 15px;
font-size : 10px;
font-family : verdana, sans-serif;
overflow : hidden;
} 






#navigation {
	height: 42px;
	border-bottom: 3px solid #CCCCCC;
	background: url('images/menu_black_bg.png') repeat-x bottom;
	width: 100%;
	margin: 0px;
	padding:5px 0 0 0;
	font: 14px Arial, Helvetica, sans-serif;
}

#navigation ul {
	position: relative;
	left: 135px;
	top: 4px;
	width: 1001px;
    margin: 0 auto;	
    text-align: left;
	list-style: none;
}
#navigation li {
	float:left;
	width: auto;
	margin:0 0 0 0;
	display: block; 
}

#navigation ul li a {
	color: #999999;
	font-weight: bold;
	display: block; 
	min-height:31px;
	padding: 4px 10px;
	line-height:31px;
	text-decoration:none;
}

#navigation li.active {
	position: relative;
	top: -4px;
	color: #fff;
	background: #000 url('images/menu_active_right.png') no-repeat right top;
}

#navigation li.active a {
	padding: 8px 10px 3px 10px;
	text-decoration:none;
	color: #000;
	background: transparent url('images/menu_active_left.png') no-repeat left top;
}






/* main */
#navMenu ul {
list-style: none;
margin: 0;
padding: 0;
}
#navMenu {
width: 180px;
}
#navMenu li {
display:inline;
}

/* menu */
#navMenu li a:link, #navMenu li a:visited {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
font-size: 0.9em;
font-weight: bold;
color: #4c0c0c;
height: 12px;
display: block;
background: url(../images/bckMenu2.gif) no-repeat;
padding: 5px 0 6px 20px;
}
#navMenu li a:hover {
color: #3d496a;
background: url(../images/bckMenu2.gif) 0 -23px no-repeat;
padding: 5px 0 6px 20px;
}

/* subMenu */
#navMenu li li a:link, #navMenu li li a:visited {
font-weight: normal;
background: url(../images/bckSubMenu2.gif) no-repeat;
padding: 2px 0 3px 30px;
}
#navMenu li li a:hover {
background: url(../images/bckSubMenu2.gif) 0 -17px no-repeat;
padding: 2px 0 3px 30px;
}

/* subSubMenu */
#navMenu li li li a:link, #navMenu li li li a:visited {
color: #3d496a;
font-style: italic;
background: url(../images/bckSubSubMenu2.gif) no-repeat;
padding: 0 0 1px 40px;
margin-bottom:3px;
}
#navMenu li li li a:hover {
color: #3d496a;
font-style: italic;
background: url(../images/bckSubSubMenu2.gif) 0 -13px no-repeat;
padding: 0 0 1px 40px;
margin-bottom:3px;
}




#navMenu li.current a{
color: #000;
font-weight : bold;
}