/* 
		Børnerådet
		Overall screen css styles 
		
		Modified : 14-07-07
		Created by : Henrik Ladefoged / Dynamicweb
		
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
* {
	margin: 0; padding: 0; /* Reset all margins globally */
}
html {
	font-size: 100%;
	}
	body, html {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		background-color: #fff;
		}
		body {
		font-size: 70%;
		color: #333;
		}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Headings
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
h1, h2, h3, h4, h5 {
	font-size: 100%;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Links
 * * * *  * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
a {
	color:#555555; text-decoration:none; }
	a:hover{
		text-decoration:underline;
	}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	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; }
input.viaCheckbox, input.viaRadio {margin-right: 1em;}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	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 {
	width: 960px; margin: 15px auto 0 auto; padding: 50px 0 0 0; position: relative;
	background: #f5f3e8 url('../Images/kid3.jpg') no-repeat;
	}

	#topnav-background {
		position: absolute; top: 103px; left: 65px; background-color: #fff; width: 830px; height: 39px; 
		opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.7; z-index: 80; 
		color: #fff;
		}

	#topnav { 
		position: absolute; top: 103px; left: 65px; z-index: 85; 
		}
		#topnav ul, #topnav li {list-style-type: none; display: inline;}
		#topnav li a {
			float: left;
			color: #373535;
			font-weight: bold;
			text-transform: uppercase;
			display: inline;
			font-size: 90%;	
			padding: 13px 12px 7px 12px;
			background: url('../Images/topnav-sep.gif') no-repeat right 10px;
		}
		#topnav li a.selected, #topnav li a.expanded, #topnav li a:hover { border-bottom: 8px solid #BC2D3D; text-decoration: none;}
		#topnav li a.last { background: none; }

	#dot {
		position: absolute; top: 8px;  left: 6px; z-index: 85; }
		#dot a { padding: 17px 14px 3px 0; }

	#payoff { height: 1%; position: absolute; top: 80px; left: 65px; z-index: 85; }
		
	#topfunctions {	position: absolute; top: 28px; right: 140px; z-index: 85; }
		#topfunctions a {	
			padding: 0 15px 0 10px;
			background: transparent url('../Images/minidot.gif') no-repeat 0px 0px;
		 }
		 #search {position: absolute; top: 24px; right: 8px; }
			 #search input.txtfield-short { padding: 2px; width: 100px; margin-right: 3px; border: 1px solid #C2C2C2;}
			 #search input.search-button { 
				cursor: hand; 
				vertical-align: bottom; 
				height: 18px; width: 15px; padding: 1px 5px 3px 5px; border:0; background: #BC2D3D url('../Images/search-arrow.gif') no-repeat 5px 6px; }
			 #search label {display: none; }
			 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Frontpage containers
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	#frontPageContentContainer {
		float: left;
		margin: 207px 0 0 0;
		background: transparent url('../Images/frontpage-content-bg.gif') no-repeat 200px 71px;
		}
		#frontPageContentContainer #logo {	
			float: left; margin-top: 124px;width: 200px; 
			padding: 10px 0 10px 0;
			background-color: #f5f3e8;
			text-align: center;
			color: #757575; font-size: 90%; line-height: 200%;
			}
		#leftCol { 
			font-size: 90%;
			float: left; 
			margin-top: 48px; 
			width: 230px;
			background: #9BB33D url('../Images/news-dot.gif') no-repeat top left;
			}
			#leftCol ul, #leftCol li { list-style-type: none;}
			#leftCol li a  { 
				display: block;
				/* font-weight: bold; */
				padding: 7px 5px 7px 30px;
				background: #9BB33D url('../Images/news-bg.gif') no-repeat top left;
				}
				#leftCol li a:hover  { 
					text-decoration: none;
					background: url('../Images/news-bg-over.gif') no-repeat top left;
				}
				#leftCol span a  {
					border-top: 1px solid #ADC063;
					padding: 10px 5px 10px 30px;
					display: block;
				}
			
		#middleCol { 
			font-size: 90%;
			float: left; 
			margin-top: 24px; 
			width: 190px; 
			padding: 0px 10px 10px 30px;
			background: #ED7C23 url('../Images/midcol-dot.gif') no-repeat top left;
			}
		#rightCol { 
			float: left; 
			/* background-color: #CF3D24; */
			width: 300px; 
			}
			#rightCol-top {
				padding: 0px 10px 10px 30px;
				background: #CF3D24 url('../Images/rightcol1-dot.gif') no-repeat top left;
			}
			#rightCol-bottom {
				font-size: 90%; 
				padding: 0px 10px 10px 30px;
				background: #D1A900 url('../Images/rightcol2-dot.gif') no-repeat top left;
			}
		
		#leftCol h2, #middleCol h2, #rightCol h2, #rightCol-top h2, #rightCol-bottom h2 { color: #fff; text-transform: uppercase; padding: 6px 0 4px 0px; margin-bottom: 10px;}
		#leftCol h2 { padding: 6px 0 4px 30px; }			
		
		#leftCol, #middleCol, #rightCol { color: #fff;}
		#leftCol a, #middleCol a, #rightCol a { color: #fff;}

		#feature img {
			border-top: 5px solid #fff;
			border-bottom: 5px solid #fff;
		}
		#feature a {
			line-height: 0;
}
		#article-rotator {	
			font-size: 90%;
			}
			#article-rotator em {
				font-weight: bold; display: block; font-style: normal;
			}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Subpage containers
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	#breadCrumb {
		margin: 143px 0 0 0;
		width: 546px;
		float: right; 
		clear: both;
		background-color: #f5f3e8;
		padding: 13px 0 13px 30px;
		font-size: 90%;
		}
		#breadCrumb ul, #breadCrumb li {list-style-type: none; display: inline; }
		#breadCrumb li a { color: #BC2D3D; font-weight: bold;}


	#subPageContentContainer {
		float: left;
		}
		#subPageContentContainer #logo {	
			float: left; margin-top: 162px;width: 200px; 
			padding: 10px 0 10px 0;
			background-color: #f5f3e8;
			text-align: center;
			color: #757575; font-size: 90%; line-height: 200%;
			}
			#inner-subPageContentContainer {
				width: 760px;
				float: left;
				min-height: 300px;
				_height: 300px;
				background: #F6F5F2 url('../Images/inner-content-bg.gif') repeat-y;
			}
			#leftNav { 
				float: left; 
				background: #FCFCFB url('../Images/leftnav-dot.gif') no-repeat top left;
				width: 184px; 
				padding: 29px 0 0 0;
				}
				#leftNav ul, #leftNav li {list-style-type: none; }
				#leftNav li a {
					color: #373535;
					font-weight: bold;
					display: block;
					font-size: 90%;
					padding: 5px 5px 5px 17px;
					}
					#leftNav li a.selected, #leftNav li a.expanded, #leftNav li a:hover {
						background-color: #BC2D3D; color:#fff; 
						/* JF background-color: #fff; color:#BC2D3D; */
						text-decoration: none;
					}
					#leftNav li li a {
						color: #878686;
						padding: 5px 0px 5px 27px;
						}
						#leftNav li li a.selected, #leftNav li li a.expanded, #leftNav li li a:hover { 
							color: #BC2D3D;
							background: none;
						}
						#leftNav ul ul { margin-bottom: 10px;}
						
		/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
			Content styling
		 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
			#contentCol { float: left; padding: 0px 30px 20px 30px; background-color: #f5f3e8; width: 516px; line-height: 140%;}
			#contentCol h1 {text-transform: uppercase; font-size: 150%;line-height: 140%;padding-left: 15px; border-left: 6px solid #9BB33D;margin: 0 0 10px 0;}
			#contentCol h2 {margin: 0 0 5px 0;}
			#contentCol h3 {text-transform: uppercase; font-size: 110%;line-height: 140%;margin: 0 0 5px 0;}
			#contentCol h4 {font-size: 80%; color: #969593; font-weight: normal; padding-left: 15px; border-left: 6px solid #5C7130; margin: 0 0 10px 0;}
			#contentCol h5 {font-size: 80%; color: #969593; font-weight: normal; padding-left: 15px; border-left: 6px solid #5C7130; margin: 0 0 10px 0;}			
			#contentCol p { margin: 10px 0 10px 0; }
			
			/* Content Links */
			#contentCol a { color: #c22b3e; font-weight: bold;}

			/* Content bullets */	
			#contentCol ul li { list-style-type: none; padding: 0 0 0 20px;
				background: transparent url('../Images/minidot.gif') no-repeat 4px .6em;
			}
			/* Content bullets for Hœringssvar */	
			#contentCol ul.horingssvar li { list-style-type: none; padding: 0 0 10pt; background: none;}
			
			#contentCol ol { padding-left: 3em;}

			#contentCol div.document {padding-bottom: 2em;}
			#contentCol div.document img { float: left; margin: 10px 10px 10px 0px;}

			div.factbox {	
				background: #fff url('../Images/factbox-top.gif') no-repeat left top;
				width: 190px;
				float: right;
				margin: 0 0 20px 20px;
				}
				div.factbox-inner {
					background: transparent url('../Images/factbox-bottom.gif') no-repeat left bottom;
					padding: 20px;
					}
				div.factbox-image {margin: 5px 0 5px 5px; }
				div.factbox-links {
					margin: 5px 0 5px 0;
					}
					div.factbox-links a {display: block; color: #9f2734; font-weight: bold;}

				div.news-list {
					}
					div.news-list dt { 
						padding: 0 0 0pt 20px;
						font-size: 90%;
						background: transparent url('../Images/minidot.gif') no-repeat 4px .6em;
					}
					div.news-list dd {padding: 0 0 10pt 20px;margin: 0 0 5px 0; }
					#contentCol div.news-list h3 {margin: 0; line-height: 100%; font-size: 120%; }
					

				div.activities {
					}
					div.activities dt { 
						font-size: 90%;
						font-weight: bold;
						display: block;
						float: left;
						line-height: 1.25em;
					}
					div.activities dd {display: block; margin: 0 0 5px 0; float: left; line-height: 1.25em; width: 175px; } 


		#footer { 
			float: left;
			width: 960px; height: 4px; 
			background: url('../Images/footer.gif') no-repeat top left;
		}
			
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
	Mail a friend
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#mailfriend {
	position: absolute; top: 200px; left: 28%; width: 460px; z-index: 95;
	background-color: #A63744;
	padding: 5px;
	}
	#mailfriend h5 {
		font-size: 120%;
		color: #fff;
		padding: 3px 5px 5px 10px;
	}
	#mailfriend-content, #mailfriend-content-reply {
		background-color: #fff;
		padding: 10px;
		}
		#mailfriend-content-reply {text-align: center;}
	#mailfriend-close {
		position: absolute;
		top: 10px;
		right: 15px;
		text-align: right;
		}
		#mailfriend-close a {
			color: #fff;
			font-weight: bold;
			padding: 0 20px 0 0;
			background: url('../images/mailfriend-close.gif') no-repeat right center;
		}

	#mailfriend-content label { display: block;	margin: 4px 0 0 0;}
	#mailfriend-content-left {
		width: 45%;
		float: left;
		margin-right: 20px;
		}
		#mailfriend-content-left input.viaTextField {
			padding: 2px; width: 190px; margin-right: 3px; border: 1px solid #C2C2C2;
			margin: 0 0 0 0;
		}


	#mailfriend-content-right {
		width: 45%;
		float: left;
		}
		#mailfriend-content-right textarea.viaTextArea {
			width: 190px;
			border: 1px solid #C2C2C2;
			margin: 0 0 5px 0;
		}
		#mailfriend-content-right input.viaSendButton {
			display: block;
			padding: 1px 5px 3px 10px; color: #fff; font-weight: bold; border:0; background: #BC2D3D url('../Images/search-arrow.gif') no-repeat 5px 6px; 
		}

	
#glass {
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8; z-index: 90; 
}
div#forPrintOnly { display: none; }

div.inputPart {
	margin-bottom: 8px;
	display: block;
	vertical-align: middle;
	}
	div.inputPart input.viaRadio, div.inputPart input.viaCheckbox {
		vertical-align: middle;
	}
	input.viaSingle {
		font-size: 100%;
		padding: 3px;
		background-color: #fff;
		border: 1px solid #ccc;
	}