/*
CSS-file for Strictly CSS three column layout 2006
http://www.strictlycss.com
Developed by Eivind Savio
*/
* /*Set's border, padding and margin to 0 for all values*/
{
padding: 0;
margin: 0;
border: 0;
}
body, html {
	color:#525252;
		background-color:#EBEBEB;
		font-family:arial,verdana;font-size:14px;

	text-align: center; /*** Centers the design in old IE versions ***/
}
body {
	font-size: 12px;
}
div{padding:0;margin:0px; }
p {padding: 2px 0 15px 0;}

a {
	color: #525252;
}
a:hover{
	color: #000000;
	text-decoration: none;
}

h1, h2, h3, h4, h5 {
	font-family:georgia;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top:0px;
	margin:0px;
}
h1 {
	font-size: 20px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 12px;
}
h1 a, #header h2{
	color: #525252;
}
.clear { clear: both; }
#mainContainer {

	width: 900px;
	margin: 0 auto; /*** Centers the design ***/
	min-height: 300px;
	text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}
* html #mainContainer {
	height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}



/**************************
HEADER
**************************/
#header {
	background: #ffffff;
	padding: 10px
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
	background: url(images/pagebg.gif) #fff bottom left repeat-y;

	margin-top: 250px; /*** Make som space for our top menu ***/
	padding-left: 165px;
	background-color:#ffffff;
	
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner {

	width: 735px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
}
* html .inner {
	width: 100%;
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/

.float-wrap {
	float: left;
	width: 900px;
	margin-left: -165px; /*** Same length as .outer padding-left but with negative value ***/
	
}
* html .float-wrap {
/*** No need for hacking IE on this layout ***/
}
#content {
	float: right;
	width: 700px;
	padding-right:10px;


}
* html #content {
	position: relative; /*** IE needs this  ***/
}
#content a{color: blue;}
.contentWrap {
	width:680px;
	background:#F5F5F5;
	padding: 10px;
	
	float: left;
	min-height:500px;
}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap li {
padding-bottom: 2px;
}




/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left,
div.left is carried over into the proper position.
***/
#left {
float: left;
width: 163px;
min-height: 250px;
padding: 5px;
margin-left:15px;
}
* html #left {
position: relative; /*** IE needs this  ***/
height: 250px;
}
#left ul {

list-style: none;
/***padding-bottom: 4px;***/
	padding:0px;
}

#left ul ul {

list-style: none;
padding: 0px;
margin-left:15px;
}


#left li {

font-family:georgia;
font-size:14px;
line-height:28px;
}

#left li li{
line-height:28px;
font-family:georgia;
font-size:14px;
}


#left a {color:#525252; text-decoration:none;font-family:Georgia;font-size:14px;}
#left a:hover {color:#222222;text-decoration:none;font-family:Georgia;font-size:14px;}
#left a.SubMenuenValgt {color:#000000;text-decoration:none;font-family:Georgia;font-size:14px;}





/********
topmenubg
********/
#topmenubgold{float:left;
background: url(images/top_bg.gif) #fff bottom left repeat-x;
width:880px;




}






#topmenubg{float:left;
background: url(images/top_bg.gif) #fff bottom left repeat-x;
width:880px;

}

* html #topmenubg {
position: relative; /*** IE needs this  ***/
}
/*************************
topmenu COLUMN
**************************/


#topmenusp{float:left;

width:890px;
padding-left:10px;
}


#topmenu {
margin: -70px 0 0 -900px; /*** Move the topmenu column so it takes the positon as a top menu ***/

float: right;
width: 900px;


padding-top:1px;
padding-bottom:1px;


height: 31px;/*** vi skal huske at tilrette content på samme måde ***/
background: url(images/pagebg-streger.gif) #fff bottom left repeat-y;
border-top:1px solid #e9e9e9;
border-bottom:1px solid #e9e9e9;

}
* html #topmenu {
position: relative; /*** IE needs this  ***/
}


#topmenu ul {

list-style: none;
padding-left:180px;
	


}

#topmenu li {
background: url(images/topmenu_bg.gif) #536240 bottom left repeat-x;

	height: 30px;
	float: left;
	padding-left:4px;
	padding-right:4px;
	display: block;
	 line-height: 30px;
	border-top: 0.1em solid #dcdce9;

	color: #ffffff;
	text-decoration: none;
	text-align: center;
}

#topmenu a {color:#ffffff;text-decoration:none;font-family:Georgia;font-size:14px;}
#topmenu a:hover {color:#D9FFA7;text-decoration:none;font-family:Georgia;font-size:14px;}
#topmenu a.MainMenuenValgt {color:#D9FFA7;text-decoration:none;font-family:Georgia;font-size:14px;}



/*************************
topsubmenu COLUMN
**************************/
#topsubmenu {

background: url(images/pagebg-streger.gif) #fff bottom left repeat-y;

margin: -35px 0 0 -900px; /*** Move the topmenu column so it takes the positon as a top menu ***/
float: left;
width: 900px;

text-align:center;

height: 35px;/*** vi skal huske at tilrette content på samme måde ***/

}
* html #topsubmenu {
position: relative; /*** IE needs this  ***/
}
#topsubmenu ul {
	list-style: none;
	padding-left:200px;
}



#topsubmenu li {
	height: 34px;
	float: left;
	display: block;
	margin-right:5px;
	 line-height: 34px;
	color: #ffffff;
	text-decoration: none;
	text-align: center;
	
	
}

#topsubmenu a {color:#525252;text-decoration:none;font-family:arial,verdana;font-size:12px;}
#topsubmenu a:hover {color:#525252;text-decoration:none;font-family:arial,verdana;font-size:12px;}

/**************

TEST
***********/
#myheader {
margin: -250px 0 0 -900px; /*** Move the topmenu column so it takes the positon as a top menu ***/
float: left;
width: 900px;
height:180px;
text-align:center;
background: url(images/pagebg-streger.gif) #fff bottom left repeat-y;



}
* html #myheader {
position: relative; /*** IE needs this  ***/
}



#toplogo{float:left;width:190px;}
#toptekst{width:330px;float:left;text-align:left;margin-top:50px;
}
#toptekst h1 a{text-decoration:none;font-size:28px;}
#toptekst h2{text-decoration:none;font-size:12px;}


/*************************
topbillede COLUMN
**************************/

#topbillede {
float: left;
width: 900px;
text-align:center;

background: url(images/side_top.jpg) #fff bottom left repeat-x;
height:37px;

}


* html #topbillede {
position: relative; /*** IE needs this  ***/
}


#topbillede ul{font-family:georgia;font-size:14px;list-style: none;padding-top:10px;padding-left:695px;margin-top:0px;}
#topbillede li{float:right;display:block;margin-right:30px;}
#topbillede a{text-decoration:none;}

/**************************
FOOTER
**************************/
#footer {
width: 900px;
margin: 0 auto;
text-align: center;
background: url(images/side_bund.jpg) #fff bottom left repeat-x;
height:38px;
}
#footertext {
width: 900px;
margin: 0 auto;
text-align: center;
height:38px;
}

/**********
BILLEDERAMME

***********/
#billederamme{text-align:left;
background: url(images/billede-ramme.gif) top left no-repeat;width:160px;height:135px;float:left;margin-left:34px;padding-left:10px;padding-top:21px;
}


/********
VEJRET
*********/
#vejret{width:150px;margin-top:12px;color:#c6c6c6;float:left;text-align:center;font-size:10px;}
#grader {font-size:20px;margin-top:-80px;height:35px;float:right;}

/**************************
JHS COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left,
div.left is carried over into the proper position.
***/

#rightjhs {
width: 180px;
float:right;
min-height: 250px;
padding: 0px;

/***background:blue;***/

}
#rightjhs h1{margin-left:1px;height:34px;padding:0px;line-height:34px;text-align:left;padding-left:12px;font-family:Georgia;font-size:14px;font-weight:normal;color:#ffffff;background: url(images/right_head_bg.gif) repeat-x;}
#rightjhs ul{
	list-style: none;padding-top:20px;padding-left:0px;margin-top:0px;margin-bottom:20px;background: url(images/boks_pil.jpg) no-repeat;background-position: top center;}
#rightjhs li{margin-left:10px;}

* html #rightjhs {
position: relative; /*** IE needs this  ***/
height: 250px;

}

#madeby{width: 73px;
margin: 0 auto;
text-align: right;
filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;float:right;margin-top:-20px;}
#madeby:hover{filter:alpha(opacity=100);-moz-opacity:100;opacity:100;}