/* 
		Børneinfo 2009
		Overall screen css styles 
		
		Created by : Henrik Ladefoged / Illumi a/s 
		
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
* {
	margin: 0; padding: 0; /* Reset all margins globally */
}
html {
	font-size: 100%;
	overflow: -moz-scrollbars-vertical;
	}
	body, html {
		font-family: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
		background-color: #fff;
		}
		body {
		font-size: 70%;
		color: #333;
		}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Headings
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
h1, h2, h3, h4, h5 {
	font-size: 100%; font-weight: normal; 
}
h1 {
	font-size: 160%;
	font-weight: bold;
}
h2 {
	font-size: 140%;
} 
h3 {
	font-weight: bold;
} 


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Links
 * * * *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
a {
	color:#4272b5; text-decoration:none; }
	a:hover{
		text-decoration:underline;
	}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Images
 * * * *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
img{border:none;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Float clears
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.clear{clear:both; height: 1;}
.clearFix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Accessibility elements
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div#skip {
	position:absolute; left:-999em; top:0; }
    span.accesskey { text-decoration:none; }
    .accessibility { position: absolute; top: -999em; left: -999em; }	

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Main containers
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#main, #submain {
	width: 960px; margin: 0px auto 0 auto; padding: 0px 0 0 0; position: relative;
	background: url('../Img/bi-top-bg.jpg') no-repeat left top;
	padding-top: 240px;
	}
	#submain {
		background: url('../Img/bi-top-subpage-bg.jpg') no-repeat left top;
	}

	#logo {
		position: absolute;
		top: 20px;
		left: 28px;
		z-index: 999;
		}
		#logo a
		{
			display: block;
			width: 138px;
			height: 114px;
			}

	#topnav-background {
		position: absolute; top: 150px; left: 20px; width: 920px; height: 40px; background-color: #39a9e4;
		opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.9; z-index: 80; 
		color: #fff;
		}

	#topnav { 
		position: absolute; top: 150px; left: 20px; z-index: 85; 
		}
		#topnav ul, #topnav li {list-style-type: none; display: inline;}
		#topnav li a {
			float: left;
			color: #fff;
			font-weight: bold;
			display: inline;
			font-size: 120%;	
			padding: 12px 12px 12px 12px;
			background: url('../Img/topnav-sep.gif') no-repeat right 10px;
		}
		#topnav li a.selected, #topnav li a.expanded  { background-color: #000; }  
		#topnav li a:hover  { background-color: #39a9e4; text-decoration: none;}
		#topnav li a.selected:hover, #topnav li a.expanded:hover { background-color: #000; }
		#topnav li a.last { background-image: none; } 

		#payoff { height: 1%; position: absolute; top: 0px; right: 20px; z-index: 85; }
		
		#pageFunctions { position: absolute; top: 218px; right: 20px; z-index: 90; }
		#pageFunctions a {color: #000;}
			#pageFunctions a.print { padding: 0 10px 0 0; margin-right: 10px; border-right: 1px solid #b8b8b8;}

		 #search {position: absolute; top: 114px; right: 20px; }
			 /* #search input.txtfield-short { padding: 4px;  color: #fff; background-color: #000; width: 155px; margin-right: 3px; border: 1px solid #000; vertical-align: top; } */
			 #search input.viaFormSingleLine { padding: 4px;  color: #fff; background-color: #000; width: 155px; margin-right: 3px; border: 1px solid #000; vertical-align: top; }
			 #search input.search-button { cursor: hand;  }
			 #search label {display: none; }
			 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	containers
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
div.leftCol, div.middleCol, div.rightCol { }

		div.leftCol { 
			float: left; 
			width: 220px;
			margin-right: 20px;
			padding-bottom: 200px;
			background: url(../Img/left-col-blob.gif) no-repeat 120px bottom;
			}
			div.leftColfrontpage { 
				display: none;
			}
			
		div.middleCol { 
			float: left; 
			width: 460px; 
			margin-right: 40px;
			margin-top: 40px;	
			}
			div.middleColfrontpage { 
				float: left; 
				width: 460px; 
				padding-top: 10px;
			}

		div.rightCol { 
			float: right; 
			width: 220px; 
			margin-top: 40px;
			}
			div.rightColfrontpage { 
				float: right; 
				width: 460px; 
				margin-top: 0px;
			}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Color boxes
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	div.box {
		border-top: 1px solid #fff;
		position: relative;	
		background-color: #000;
		padding: 20px;
		padding-top: 16px;
		color: #fff;
		}
		div.box a { 
			/* display: block;  */
			color: #fff;
		}
		div.boximage {  }
		div.boximage.full { clear: both; margin: 0px 0px 5px 0px;}
		div.boximage.left { width: 180px; float: left; margin: 0px 10px 10px 0px;}
		div.boximage.right { width: 180px; float: right; margin: 0px 0px 10px 10px;}

		div.boxbottom {
			height: 34px;
			background: url(../Img/box-bottom-arrow.png) no-repeat top right;
		}
		div.box ul.box-links li  {
			list-style-type: none !important;
		}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Breadcrumb
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	#breadCrumb {
		position: absolute;
		top: 238px; left: 240px;
		color: #666;
		width: 460px;
		}
		#breadCrumb ul, #breadCrumb li {list-style-type: none; display: inline; }
		#breadCrumb li a {
			padding: 0px 13px 0px 0px;
			margin-right: 7px;
			color: #000;
			background: url(../Img/breadcrumb-bullet.gif) no-repeat right center;
		}
		#main #breadCrumb { display: none; } 

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Flash
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#flashAlternativeContent {
}

#rightColFlash { 
	margin: -10px 0 20px 0;
	padding-bottom: 20px;
	background: url(../Img/rightcol-separator.png) no-repeat left bottom;

}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Left Navigation
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
			#leftNav { 
				float: left; 
				width: 220px;
				margin-top: 40px;
				padding-bottom: 33px;
				background: #39a9e4 url(../Img/leftnav-bottom.gif) no-repeat left bottom;
				}
				#leftNav ul, #leftNav li {list-style-type: none; }
				#leftNav li a {
					color: #fff;
					font-size: 110%;
					font-weight: bold;
					text-transform: uppercase;
					display: block;
					padding: 4px 0 5px 16px;
					background: #ef3a1d url(../Img/leftnav-sep-dotted.gif) no-repeat left bottom;
					}
					#leftNav li a.selected, #leftNav li a.expanded, #leftNav li a:hover {
						background-color: #000; color:#fff; 
						text-decoration: none;
						}
						#leftNav li a.last {
							background: none;
						}
					#leftNav li li a {
						font-weight: normal;
						background: none;							
						background-color: #fd897a;
						color: #000;
						padding-left: 27px;
						text-transform: none;
						}
						#leftNav li li a.selected, #leftNav li li a.selected.last { 
							background-color: #fd897a;					
							background: url(../Img/leftnav-bullet.gif) no-repeat 14px 10px;
							color: #000;
							font-weight: bold;
						}
						#leftNav li li a.expanded, #leftNav li li a:hover { 
								background-color: #fd897a;					
								color: #000;
								/* text-decoration: underline; */
								font-weight: bold;
						}
				#leftNav li li a.last  {
					background: url(../Img/leftnav-sep-dotted.gif) no-repeat left bottom;
					}
						

		/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
			Content styling
		 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
		div.document, div.module  {
			margin-bottom: 20px;
		}
		div.middleCol, div.rightCol, div.rightColfrontpage  {
			font-size: 110%;
			line-height: 140%;
		 }
		div.middleCol h1, div.rightCol h1, div.rightColfrontpage h1 {
			line-height: 120%;
			margin: 0 0 5px 0;
		 }
		div.middleCol h2, div.rightCol h2, div.rightColfrontpage h2 {
			line-height: 120%;
		 }
		div.middleCol ul.indent {
			padding: 0pt 20px 20px;
		}
		div.middleCol li, div.rightCol li, div.rightColfrontpage li {
		/* list-style-type: none;  */
		}
		div.module p {
			margin-bottom: 10px;
		}
		
		div.document ul {
			padding: 5px 0 5px 0;
			}
			div.document li {
					margin-left: 20px;
			}

		/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
			Newslist
		 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
		div.module.newslist em {
			font-style: normal; 
			font-size: 90%;
			display: block;
			margin-top: 15px;
			color: #333;
		}
		div.module.newslist h3 a {
			text-transform: uppercase;
			font-weight: bold;
		}

		/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
			Content images
		 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
		div.image.full { clear: both; margin: 0 0 10px 0; }			 
		div.image.left { float: left; margin: 5px 15px 5px 0; }			 
		div.image.right { float: right; margin: 5px 0 5px 15px; }			 

		/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
			Footer
		 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
		#footer { 
			clear: both;
			width: 720px; 
			background: url(../Img/footer-bg.gif) no-repeat 0px 0px;
			height: 24px;
			padding: 78px 0px 0px 240px;
			margin-bottom: 20px;
		}
			

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Forms
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
form, fieldset, input, textarea {
	display: inline; font-size: 1em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
div.formError { color: #BC2D3D; position: relative; left: -10px; font-style:italic; font-weight:bold; }
div.formhelp { }

input.viaFormSingleLine {
	border: 1px solid #000;
	font-size: 100%;
	padding: 2px;
}
input.viaFormPassword {}
input.viaFormEmail {}
input.viaFormCheckBox {}
textarea.viaFormTextArea {}
input.viaFormRadio {}
input.viaFormButtonReset, input.viaFormButtonSubmit, table.form input.Submit {
	margin: 10px 5px 10px 0;
	padding: 5px 10px 5px 10px;
	color: #000;
	font-weight: bold;
	border-top: 2px solid #f4f4f4;
	border-left: 2px solid #f4f4f4;
	border-right: 2px solid ccc;
	border-bottom: 2px solid ccc;
	cursor: hand;
	}
	input.viaFormButtonReset:hover, input.viaFormButtonSubmit:hover, table.form input.Submit:hover {
		background-color: #000;
		color: #fff;
		border: 2px solid #000;
		cursor: hand;
	}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Forms2
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
table.form { 
	table-layout: fixed;
}

table.form td {
	/* border: 1px solid black;  */
	vertical-align: top;
}

table.form label.lblAbove {
	display: block;
	
	font-size: 90%;
	margin: 0 0 2px 0;
	}
	table.form label.lblRight {
		font-size: 90%;
		margin: 0 0 0 5px;
	}
	table.form label.lblLeft {
		font-size: 90%;
		margin: 0 5px 0 0;
	}

table.form ul, table.form li {
	list-style-type: none;
	} 
	table.form li {
		background: none !important;
		padding: 0 0 4px 10px !important;
	} 
	table.form li label input {
		margin: 0 3px 0 3px;
	}

table.form h2 {
	border-bottom: 1px solid #ccc;
	margin: 20px 0 5px 0;
	padding:0 0 8px 0px;

}

input.Email.wXXSmall, input.Email.wXSmall, input.Email.wSmall, input.Email.wMedium, input.Email.wLarge, input.Email.wXLarge, input.Email.wXXLarge,
input.TextBox.wXXSmall, input.TextBox.wXSmall, input.TextBox.wSmall, input.TextBox.wMedium, input.TextBox.wLarge, input.TextBox.wXLarge, input.TextBox.wXXLarge, textarea.TextArea.wXXLarge	
{ 
	font-size: 1em;	
	padding: 2px;
	border: 1px solid #000;
	background-color: #fff;
	 }
	input.TextBox.wXXSmall:focus,  input.TextBox.wXSmall:focus, input.TextBox.wSmall:focus, input.TextBox.wMedium:focus, input.TextBox.wLarge:focus, input.TextBox.wXLarge:focus, input.TextBox.wXXLarge:focus	
	{ 
		font-size: 2.5em;
		border: 1px solid #000;		
		border-bottom: 3px solid #000;		
		border-top: 3px solid #000;		
	 }

input.TextBox.wXXSmall { width: 75px;} 
input.TextBox.wXSmall { width: 100px;}  
input.TextBox.wSmall { width: 135px;}  
input.TextBox.wMedium { width: 200px; }  
input.TextBox.wLarge { width: 300px;}  
input.TextBox.wXLarge { width: 400px;}  
input.TextBox.wXXLarge { width: 460px; } 

div.field {
	padding: 3px;
	}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Poll
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
		div.poll {
			position: relative;
		}

		div.poll li {
			list-style-type: none;
			padding: 5px 0 5px 0;
		}
		div.poll-bar { height: 15px; background-color: #ff7d0d; }

		div.poll input.viaFormButtonSubmit {
			position: absolute;
			bottom: 0px;
			right: 0px;
			background-color: #000;
			border-color: #000;
			color: #fff;
			cursor: hand;
			margin: 5px 0 0 0; 

		}
		div.poll input.viaFormRadio {
			margin-right: 5px;
		}