/* CSS Document for owd template 'solution' */
/* general styling */ * { 	margin: 0; 	padding: 0; } html, body { 	height: auto; 	background: #dddad1; 	color: #1a3804; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 12px; }  
/* table image fix*/ td img {display: inline;}   
/* the hyperlinks */ a { 	color: #458023; 	text-decoration: underline; } a:hover { 	color: #265b00; }   
/* site specific styling */   
/* the container centers the page */ 
#container { 	
	width: 802px; 	
	height: auto; 	
	margin: 0 auto 0 auto;
 }	   

/* the topbar that contains the most upper links */ 
#topbar { 	width: 802px; 	height: 24px; 	line-height: 24px; 	vertical-align: middle; 	text-align: right; }  
/* the links in the topbar are an unordered list, formatted here */ 	
#topbar ul { 		float: right; 	} 	
#topbar li { 		
	list-style: none; 		
	display: block; 		
	width: auto; 		
	float: left; 	
	} 	
#topbar a { 
	text-decoration: none; 
	display: block; 		
	padding: 0 10px 0 10px; 		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 		
	text-transform: uppercase; 	
} 	
#topbar a:hover { 
	background: #458023;
	color: #FFF; 
	}   

/* the header that contains the big image */ 
#header { 	
	width: 802px; 	
	height: 160px; 	
	background: #458023 url('../images/header.jpg') no-repeat top left; 
	position: relative 
}  

/* the big title text in the header */ 	
#header h1 { 
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
	font-size: 30px; 
	font-weight: 100; 
	letter-spacing: -1px; 
	color: #FFF; 
	position: absolute; 
	top: 60px; 
	left: 20px; 
	}  

/* the navigationbar in the header */ 
#navbar { 	
	position: absolute; 
	bottom: 11px; 
	right: 6px; 
}  

/* the links in the navigationbar are an unordered list */ 	
#navbar ul { 	
} 
#navbar li { 
	list-style: none;
	display: block; 
	width: auto;
	float: left;
 	} 

#navbar a { 
	text-decoration: none;
	display: block; 
	padding: 4px 10px 4px 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase; 
	} 	

#navbar a:hover { 
	background: #458023; 
	color: #FFF;
 	} 	 

/* the core contains all the site contents */ 
#core { 	
	width: 802px; 	
	height: auto; 	
	margin-top: 5px; 	
	background: #FFF url('../images/coreback.gif') repeat-y top left; 
	}  

/* the coreleft contains the left part of the core */ 
#coreleft { 	
	width: 140px; 	
	height: auto; 	
	background: #deebd2; 	
	float: left; 
}  

/* the links in coreleft are another unordered list */ 	
#coreleft ul { 	
	margin: 0;
	}
#coreleft li { 
	display: block; 
	height: auto; 
	width: 136px; 
	margin: 2px;
 	} 	

#coreleft a { 		
	display: block;
	height: auto; 
	padding: 4px; 
	width: 128px;
	color: #325d19; 
	background: url('../images/readmore_arrow.gif') no-repeat 97% center; 
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 0px none; 
}  	

#coreleft a:hover { 		
	background: #458023 url('../images/readmore_over.gif') no-repeat 97% center; 		
	color: #FFF 	
} 	 	

#coreleft h3 { 		
	padding: 20px 4px 0 4px;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 18px;
	margin: 0; 	
}

#coreleft p {
	padding: 5px;
	margin-top: 0px; 
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 	} 	  

/* the corecenter contains the center part of the core */

#corecenter { 	
	width: 662px; 
	height: auto;
 	float: left;
	background-color: white; 
}

#corecenter h2 { 		
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
	font-size: 20px; 
	color: #3e6717; 
	padding: 10px 0 0 10px; 
	}

#corecenter h3 { 		
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
	font-size: 16px; 
	color: #3e6717; 
	padding: 10px 0 0 20px; 
	}	
	
#corecenter p { 		line-height: 20px; 		padding: 0 10px 10px 10px; 		color: #8C8163; 	}

.wrapper p{ 		line-height: 20px; 		padding: 0 18px 10px 10px !important; 		color: #8C8163; 	}

#corecenter ul { 		padding: 20px; 		width: auto; 	}
#corecenter li { 		list-style: none; 		line-height: 20px; 		border-bottom: 1px solid #DDD; 	}
#corecenter li a { 		text-decoration: none; 		color: #a6c384; 		display: block; 		height: auto; 		padding: 4px; 	}
#corecenter li a:hover { 		background: #a6c384; 		color: #000; 	}  
/* the footer contains all copyright info etcetera */ 
#footer { 	clear: both; 	
width: 740px; 	height: 30px; 	background: #458023; 	line-height: 30px; 	vertical-align: middle; 	text-align: right; 	font-family: Verdana, Arial, Helvetica, sans-serif; 	font-size: 10px; } 	#footer p { 		color: #FFF; 		padding-right: 20px; 	} 	#footer a { 		color: #FFF; 	}    


#newcorecenter { 	width: 590px; 	height: auto; 	float: left; }
#newcorecenter h2 { 		font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 		font-size: 20px; 		color: #3e6717; 		padding: 10px 0 0 10px; 	}
#newcorecenter p { 		line-height: 20px; 		padding: 0 10px 10px 10px; 		color: #8C8163; 	}
#newcorecenter ul { 		padding: 20px; 		width: auto; 	}
#newcorecenter li { 		list-style: none; 		line-height: 20px; 		border-bottom: 1px solid #DDD; 	}
#newcorecenter li a { 		text-decoration: none; 		color: #a6c384; 		display: block; 		height: auto; 		padding: 4px; 	}
#newcorecenter li a:hover { 		background: #a6c384; 		color: #000; 	}  
/* the footer contains all copyright info etcetera */ #footer { 	clear: both; 	width: 740px; 	height: 30px; 	background: #458023; 	line-height: 30px; 	vertical-align: middle; 	text-align: right; 	font-family: Verdana, Arial, Helvetica, sans-serif; 	font-size: 10px; } 	#footer p { 		color: #FFF; 		padding-right: 20px; 	} 	#footer a { 		color: #FFF; 	}    

/* the core contains all the site contents */ 
#newcore { 	
	width: 740px; 	
	height: auto; 	
	margin-top: 5px; 	
	background: #FFF url('../images/coreback.gif') repeat-y top left; 
}  

#newcoreleft { 	
	width: 140px; 	
	height: auto; 	
	background: #deebd2; 	
	float: left; 
}  

/* the links in coreleft are another unordered list */ 	
#newcoreleft ul { 	}
#newcoreleft li { 
	display: block; 
	height: auto; 
	width: 136px; 
	margin: 2px;
 	} 	

#newcoreleft a { 		
	display: block;
	height: auto; 
	padding: 4px; 
	width: 128px;
	color: #325d19; 
	background: url('../images/readmore_arrow.gif') no-repeat 97% center; 
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 0px none; 
}  	

#newcoreleft a:hover { 		
	background: #458023 url('../images/readmore_over.gif') no-repeat 97% center; 		
	color: #FFF 	
} 	 	

#newcoreleft h3 { 		
	padding: 20px 4px 0 4px;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 18px;
	margin: 0; 	
}

#newcoreleft p {
	padding: 5px;
	margin-top: 0px; 
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 	} 	  

.yellowclass{
width: 400px;
padding: 8px;
margin: 2pt 2pt 2pt 8pt;
background-color: lightyellow;
border: 1px solid #004A00;
}

#contentContainer h2{	/* No margins above <h2> tags */
	margin-top:0px;
}


#mainContainer{
	width:600px;
	margin:0 auto;
	text-align:left;
	padding:5px;
	margin-top:20px;
	border:1px solid #000;
	background-color: lightyellow;
}
#contentContainer{
	float:left;
	border:1px solid #000;
	background-color: lightyellow;
	overflow:auto;
	margin-right:10px;
	padding:10px;
	
	/* CSS HACK */
	width: 497px;	/* IE 5.x */
	width/* */:/**/480px;	/* Other browsers */
	width: /**/480px;
	
	/* CSS HACK */
	height: 412px;	/* IE 5.x */
	height/* */:/**/390px;	/* Other browsers */
	height: /**/390px;
			
}


#contentContainer .openingText{
	color:red;
}

#articleListContainer{	/* <ul> container for article list */
	float:left;
	height:410px;
	overflow:auto;	
	width:240px;
	border:1px solid #000;
	background-color:#FFF;	
}
.articleList{
	margin:0px;
	padding:2px;
}
.articleList li{	/* General layout article in list */
	list-style-type:none;
	border:1px solid #999;
	background-color:#EEE;
	height:50px;
	margin:1px;
	padding:2px;
	color:#333;
	cursor:pointer;
}
.articleList li.articleMouseOver{	/* Mouse over article in list - layout */
	border:1px solid #000;
	color:#000;
}
.articleList li.articleClick{	/* Active article in list - layout */
	border:1px solid #000;
	color:#000;
	background-color:#317082;
	color:#FFF;
}

.keyText{	/* Just a column I use for key text inside articles - the one with the light blue bg and dotted border */
	background-color:#FFF;
	border:1px dotted #000;
	float:right;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	width:150px;
	padding:3px
}
.clear{
	clear:both;
}

.centerbox{
  margin: 5pt 8pt 5pt 8pt !important;
}

 ul.quizliste{
      height: 25px;
      list-style-type: none;
      width: 100%;
      margin-bottom: 20px !important;
      padding: 0px !important;
      border: 0px solid #fff;
    }
 ul.quizliste li{
      float: left;      
      margin-left: 0px;margin-right: 1px;
      text-align: center;
      width: 24.00%;	
      line-height: 15px !important;
    }


ul.quizliste li a{
   background-color: #05568B; 
   border: 1px solid #05568B;
   display: block;
   font-size: 11px;
   font-weight: bold;
   height: 14px;
   padding: 6px 0px 6px 0px;
   margin: 2px 0px 2px 0px;
   
}



.quizliste a:link,
.quizliste a:visited,
.quizliste a:hover {
  
  color: #fff;
  text-decoration: none;
}

a.quizliste_not_selected {
    background-color: #05568B !important;
    color: #fff;
    border: 1px solid #05568B;
    text-decoration: none;
}

a.quizliste_selected {
    background-color: #EEECE8 !important;
    border: 1px solid #05568B;
    color:#05568B !important;
    text-decoration: none;
}

.redtopbutton{
  background-color: #800020;
}

.bluetopbutton{
  background-color: #00008B;
}

.greentopbutton{
  background-color: #355E3B;
}


.top3button{  
  float:left;
  height: 80pt;border: 1pt solid white;
  margin:5pt 0pt 0pt 5pt;
  width:31%; 
}

.top3button a{  
 display: block;
 color:#000;
 text-decoration: none;
}
.top3button h1{
  color:white;
  font-size: 2.5em;
  margin-left:5pt;
}

.top3button div{
  border:0pt solid black;
  margin:0pt;
}

.top3button div div{
  border: 1pt solid white;
  height: 60pt; 
  margin: 3pt;
  padding:6pt;
}
.top3button span{
  color: white;
  font-size: 0.8em;
  font-weight: bold;
  
}


div.quizbutton{

background-color:lightyellow;
color:#fff;

font-size:1.0em;
margin: 1em 0;
position: relative;

}

div.quizbutton a {
  display: block;
color:#000;
text-decoration: none;
}

div.quizbutton a.miljo {
padding: 10pt 0pt 10pt 0pt;
text-align: center;
width:100%;
}

div.quizbutton  a.miljo:visited,
div.quizbutton  a.miljo:hover { 
  background-color:#000; 
  color: #fff;
  text-decoration: none;
}

.clearing {
clear:both;
}

div.julekalender a {
  display: block;
color:#000;
text-decoration: none;
}

div.julekalender a.miljo:visited,
div.julekalender   a.miljo:hover { 
  background-color:white; 
  color: red;
  text-decoration: none;
}


ul.julekalender{
      height: 25px;
      list-style-type: none;
      width: 100%;
      margin-bottom: 20px !important;
      padding: 0px !important;
      border: 0px solid #fff;
    }
 ul.julekalender li{
      float: left;      
      margin-left: 0px;margin-right: 1px;
      text-align: center;
      width: 24.00%;	
      line-height: 15px !important;
    }


ul.julekalender li a{
   background-color: red; 
   border: 1px solid black;
   color: white !important;
   display: block;
   font-size: 14px !important;
   font-weight: bold;
   height: 14px;
   padding: 6px 0px 6px 0px;
   margin: 2px 0px 2px 0px;
   
}

.vmstats  th, td{
  width: 10%;
}


table.tablesortergreen {
	font-size: 10px;
	background-color: #d0f0c0;	
	border: 1px solid #000;
}
table.tablesortergreen th {
	text-align: left;
	padding: 1px;
	background-color: #560319;
}
table.tablesortergreen td {
	color: #000;
	padding: 1px;
}
table.tablesortergreen .even {
	background-color: #3D3D3D;
}
table.tablesortergreen .odd {
	background-color: #6E6E6E;
}
table.tablesortergreen .header {
	background-image: url(green/bg.png);
	background-repeat: no-repeat;
	border-left: 1px solid #FFF;
	border-right: 1px solid #000;
	border-top: 1px solid #FFF;
	padding-left: 3px;
	padding-bottom: 5px;
	padding-top: 5px;
	height: auto;
}
table.tablesortergreen .headerSortUp {
	background-image: url(green/asc.png);
	background-repeat: no-repeat;
}
table.tablesortergreen .headerSortDown {
	background-image: url(green/desc.png);
	background-repeat: no-repeat;
}

img.gold
{
width:20px;
height:32px;
background:url(/img/golsilbrotin.GIF) -2px 6px;
}

img.silver
{
width:20px;
height:32px;
background:url(/img/golsilbrotin.GIF) -24px 6px;
}

img.bronze
{
width:20px;
height:32px;
background:url(/img/golsilbrotin.GIF) -52px 6px;
}

img.tin
{
width:20px;
height:32px;
background:url(/img/golsilbrotin.GIF) -79px 6px;
}

span.soloname{
  font-weight:bold;
  width: 80px;
  margin-left:8px;
}

div.deltager{
  float:left;
  font-weight:bold;
  margin-left:10px;
  width:70px;
  padding-top:15px;
}

div.stars{
  margin-top: 0px;
  width: 400px;
  float:left;
}