/* STANDARD CSS FILE */

/* ---------------------------- */
/* STANDARD HTML TAG RESET  (Thanks to Eric Meyer, Blueprint, 960gs) */
/* ---------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
} 

/* Tabeller skal stadig have 'cellspacing="0"' efter markering. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Fjerner mulige (") fra <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Fjerner kanter omkring billeder. */
a img { border: none; }

/* ---------------------------- */
/* STANDARD HTML TAG DEFINITION */
/* ---------------------------- */

body {
	background-color: #ffffff;
	color: #7d7d7d; 
 	font-family: Verdana, Arial, sans-serif;
 	font-size: 12px;
	line-height: 1.5; 
}

form, input { 
	color: #7d7d7d; 
 	font-family: Verdana, Arial, sans-serif;
 	font-size:12px;
}

h1 {font-size:20px;} 
h2 {font-size:13px;} 
h3 {font-size:12px; font-weight: bold;} 
 
a:link, a:visited {color: #c50005; text-decoration: none; outline: none;} 

a:hover {text-decoration: underline; outline: none;}

a:active { text-decoration: none; outline: none;}

/* ----------------------------*/ 
/* PAGE ELEMENTS     */ 
/* ----------------------------*/ 

.container {
	width: 930px;
	margin: 0px auto;
} 


	/* ---------------------------*/ 
 	/* HEADER    */
	
	#header {
		margin-top: 20px;
		margin-bottom: 15px;
		width: 930px;
		height: 74px;
		background: url(images/headerbg.jpg) no-repeat;
	}
	
		.leftLogo {
			float: left;
			margin-left: 16px;
			margin-top: 16px;
		}
		
		#header ul {
			float: left;
			
			margin-top: 35px;
			font-size: 13px;
			font-weight: normal;
		}
		
			#header ul li {
				float: left;
				display: block;
				padding-left: 15px;
				margin-left: 7px;
				background: url(images/topDivider.png) no-repeat left;
			}
			
			#header ul li ul {
				margin-left: 0px;
				padding-top: 10px;
				margin-top: -10px;			}
			
			#header ul li ul li {
				margin-left: 0px;
				padding-left: 0px;
				background: none;
			}
			
				#header ul li a {
					color: #ffffff;
				}
				
				#header ul li. a {
					color: #f9b700;
				}
			
		#header p {
			float: left;
			margin-left: 270px;
			margin-top: 32px;
			font-size: 14px;
			font-weight: normal;
			color: #ffffff;
		}
		
		.rightLogo {
			float: right;
			margin-top: 20px;
			margin-right: 14px;
		}
	
	
	/* --- drop down menu --*/
	

.menu5 {
text-align:left; font-family: verdana, sans-serif; position:relative; font-size:0.9em;height:0em; margin:0; padding:0; list-style-type:none; margin-left:55px; z-index:1; 
}
.menu5 ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
.menu5 li {
float:left; position:relative;
}
.menu5 li a, .menu5 li a:visited {
display:block; text-decoration:none; float:left;  
}

.menu5 li a.drop, .menu5 li a.drop:visited {
font-weight:normal; 
}

.menu5 li ul {
visibility:hidden; position:absolute; top:0em; left:0; height:0; overflow:hidden;
}
.menu5 table {
margin:-1px; border-collapse:collapse;  font-size:1em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5 li:hover a,
.menu5 li a:hover {
text-decoration:underline; border:0;
}
.menu5 li:hover ul,
.menu5 li a:hover ul {
visibility:visible; height:auto; width:13em; background:#C50005; border:0px solid #ddd; left:0; top:2.0em; overflow:visible;
}
.menu5 li:hover ul li a,
.menu5 li a:hover ul li a {
display:block; font-weight:normal; background:transparent; text-decoration:none; height:auto; line-height:1em; padding:0.5em; width:12em; border-bottom:1px solid #fff;
}
* html .menu5 li a:hover ul li a {
width:10em; w\idth:9em; /* hack for IE5.5 */
}
.menu5 li:hover ul li a.drop,
.menu5 li a:hover ul li a.drop {
font-weight:bold;
}
.menu5 li:hover ul li ul,
.menu5 li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:9.5em; height:0; overflow:hidden; 
}
.menu5 li:hover ul li a:hover,
.menu5 li a:hover ul li a:hover {
text-decoration:underline;
}
.menu5 li:hover ul li:hover ul,
.menu5 li a:hover ul li a:hover ul {
visibility:visible; color:#000; border:1px solid #ddd; height:auto; background:#fff; 
} 
.menu5 li:hover ul li:hover ul.left,
.menu5 li a:hover ul li a:hover ul.left {
left:-9.3em;
}
.menu5 li:hover ul li:hover ul li a,
.menu5 li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.menu5 li:hover ul li:hover ul li:hover a,
.menu5 li a:hover ul li a:hover ul li a:hover {
text-decoration:underline;
}

	

	
	/* ---------------------------*/ 
 	/* MAIN   */
	
	#main {
		
	}
	
		.mainArea {
			float: left;
			width: 596px;
			height: 281px;
			background: url(images/backMainArea.jpg) no-repeat top left;
			padding-top: 25px;
			padding-left: 25px;
		}
		
			.mainArea h1 {
				width: 360px;
				color: #ffffff;
				font-size: 20px;
				font-weight: normal;
				margin-bottom: 15px;
			}
			
			.mainArea h2 {
				font-size: 12px;
				font-weight: bold;
				color: #ffffff;
				width: 360px;
				margin-bottom: 15px;
			}
			
			.mainArea ul {
				list-style: disc;
				color: #c50005;
				margin-left: 20px;
				margin-bottom: 10px;
			}
			
				.mainArea ul li span {
					color: #ffffff;
				}
		
		.sideArea {
			float: right;
		}
		
			.sideOne {
				width: 280px;
				height: 82px;
				background: url(images/side1b.jpg) no-repeat;
				padding-left: 20px;
				padding-top: 18px;
				margin-bottom: 3px;
			}
			
				.sideOne h2 {
					font-size: 14px;
					font-weight: bold;
					color: #333333;
				}
			
				.sideOne h3 {
					font-size: 14px;
					font-weight: bold;
					color: #c50005;
					margin-left: 60px;
					margin-top: 0px;
					margin-bottom: 4px;
				}
				
			.sideTwo {
				width: 280px;
				height: 82px;
				background: url(images/side2.jpg) no-repeat;
				padding-left: 20px;
				padding-top: 18px;
				margin-bottom: 3px;
			}

				.sideTwo h2 {
					font-size: 14px;
					font-weight: bold;
					color: #333333;
					margin-bottom: 10px;
				}
				
				.sideTwo p {
					font-size: 11px;
					color: #333333;
				}
				
			.sideThree {
				width: 280px;
				height: 82px;
				background: url(images/side3.jpg) no-repeat;
				padding-left: 20px;
				padding-top: 18px;
			}

				.sideThree h2 {
					font-size: 14px;
					font-weight: bold;
					color: #ffc000;
					margin-bottom: 6px;
				}

				.sideThree p {
					font-size: 11px;
					color: #ffffff;
					font-weight: bold;
					width: 115px;
				}
				
/** start page C **/
				
		.mainAreac {
			float: left;
			width: 674px;
		}
		
			.mainAreac h1 {
				font-size: 17px;
				font-weight: bold;
				color: #c50005;
				margin-top: 10px;
			}
			
			.mainAreac h2 {
				font-size: 14px;
				font-weight: bold;
				color: #333333;
			}
			
			.mainAreac p {
				font-size: 11px;
				font-weight: normal;
				color: #333333;
				margin: 10px 0px;
			}
			
			.mainAreac h3 {
				font-size: 11px;
				font-weight: bold;
				color: #333333;
				margin-top: 10px;
			}
			
			.mainAreac ul {
				list-style: disc;
				font-size: 11px;
				font-weight: normal;
				color: #333333;
				margin-left: 20px;
			}
			
			.mainAreac ol {
				font-size: 11px;
				font-weight: normal;
				color: #333333;
				margin-left: 20px;
			}
			
			
			
/** end page C **/

				
		/* Full Width Area */
				
		.fullArea {
			width: 930px;
			height: 377px;
			margin-top: -10px;
			background: url(images/backFull.jpg) no-repeat;
			position: relative;
		}
		
			.counterLeft {
				position: absolute;
				top: 0px;
				left: 0px;
				
				
			}
			
				.counterLeft h2 {
					font-size: 12px;
					font-weight: bold;
					color: #333333;
					width: 300px;
				}
			
				.counterLeft h3 {
					width: 200px;
					height: 51px;
					background: url(images/backCounter.jpg) no-repeat;
					font-size: 20px;
					font-weight: bold;
					letter-spacing: 0px;
					color: #c50005;
					text-align: center;
				}
			
			.counterRight {
				position: absolute;
				top: 0px;
				right: 0px;
				text-align: center;
				width: 200px;
			}
			
			.counterRight h2 {
				font-size: 12px;
				font-weight: bold;
				color: #333333;
			}
		
			.counterRight h3 {
				width: 200px;
				height: 51px;
				background: url(images/backCounter.jpg) no-repeat;
				font-size: 20px;
				font-weight: bold;
				letter-spacing: 0px;
				color: #c50005;
			}
			
			.centerContent {
				margin-left: 360px;
			}
			
				.centerContent h1 {
					font-size: 18px;
					font-weight: bold;
					color: #c50005;
					padding-top: 30px;
				}
				
					.centerContent h1 span {
						padding-left: 8px;
					}
				
				.centerContent h2 {
					font-size: 12px;
					font-weight: bold;
					color: #333333;
					padding-left: 16px;
					margin-top: 10px;
				}
				
					.centerContent h2 span {
						padding-left: 8px;
					}
				
				.centerContent h3 {
					font-size: 12px;
					font-weight: bold;
					color: #333333;
					padding-left: 24px;
				}
				
				.centerContent ul {
					list-style: disc;
					font-size: 11px;
					font-weight: bold;
					color: #c50005;
					padding-left: 45px;
				}
				
				.centerContent ul.first {
					margin-top: 20px;
				}
				
				.centerContent ul.second {
					padding-left: 50px;
				}
				
				.centerContent ul.third {
					padding-left: 55px;
				}
				
				.centerContent ul.fourth {
					padding-left: 60px;
				}
				
				.centerContent img {
					padding-left: 65px;
					margin-top: 10px;
				}
			
			.leftBadge {
				position: absolute;
				bottom: 0px;
				left: 0px;
				width: 187px;
				height: 199px;
			}
			
			.rightBadge {
				position: absolute;
				bottom: -10px;
				right: -10px;
				width: 187px;
				height: 199px;
			}
			
		/* Page */
		
		.mainAreaPage {
			float: left;
			width: 664px;
			padding-left:10px;
		}
		
			.mainAreaPage h1 {
				font-size: 17px;
				font-weight: bold;
				color: #c50005;
				margin-top: 0px;
			}
			
			.mainAreaPage h2 {
				font-size: 14px;
				font-weight: bold;
				color: #333333;
			}
			
			.mainAreaPage p {
				font-size: 11px;
				font-weight: normal;
				color: #333333;
				margin: 10px 0px;
				margin-right: 90px;
			}
			
			.mainAreaPage h3 {
				font-size: 12px;
				font-weight: bold;
				color: #333333;
				margin-top: 10px;
			}
			
			.mainAreaPage ul {
				list-style: disc;
				font-size: 11px;
				font-weight: normal;
				color: #333333;
				margin-left: 20px;
			}
			
			.mainAreaPage ol {
				font-size: 11px;
				font-weight: normal;
				color: #333333;
				margin-left: 20px;
			}
		
		.sideAreaPage {
			float: right;
			width: 256px;
			height: 522px;
			background: url(images/leftSide.jpg) no-repeat left top;
		}
		
			.sideAreaPage img {
				float: right;
				width: 247px;
				height: 522px;
			}
	
	/* ---------------------------*/
	/* BOTTOM BAR */ 

	#bottomBar { 
		margin-top: 0px;
		
	}
	
		.widget {
			float: left;
			width: 299px;
			height: 166px;
			background: url(images/backWidget.jpg) no-repeat;
			margin-right: 24px;
			margin-left:-5px;
		}
		
		.widget.last {
			margin-right: 0px;
		}
		
			.widget h2 {
				color: #ffffff;
				font-weight: bold;
				font-size: 13px;
				margin-left: 22px;
				margin-top: 9px;
			}
			
			.widget img {
				margin-left: 9px;
				margin-top: 4px;
			}
			
			
			.widget h3 {
				font-size: 10px;
				font-weight: bold;
				margin-left: 22px;
			}
			
			.widget p {
				font-size: 10px;
				margin-left: 22px;
				width: 260px;
			}
			
			.widget a img {
				
				margin-left: -13px;
				
			}
			
			.widget a {
				font-size: 10px;
				margin-left: 22px;
				color:#c50005;
			}
	
	
	/* ---------------------------*/
	/* FOOTER */ 

	#footer { 
		width: 930px;
		background: url(images/backFooter.jpg) no-repeat top left;
		margin-top: 25px;
		height: 50px;
	}
	
	#footer a:link, a:visited {color:#adacac;}
	
		#footer ul {
			list-style: none;
			font-size: 10px;
		}
		
			#footer ul li {
				float: left;
				margin: 20px 60px 0px 0px;
				color: #adacac;
			}
		
				#footer ul li strong {
			
					display: block;
				}
	
		
	
	

	
	
/* ----------------------------*/
/* CUSTOM CLASSES     */
/* ----------------------------*/

.leftAlign{float:left;}

.rightAlign{float:right;}

.clear {clear: both; height: 0px;}