/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

 
* {
	color: #000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

html, body {
	height: 100%;
}

body {
	background: #d9dadc;
}

form .text {
	border-color: #000;
}

form .button {
	padding: 0 5px 0 5px;
	border-color: #000;
	background-color: #fff;
	color: #000;
}
	
#subtitle {
	position: absolute;
	top: 7px;
	right: 3px;
	width: 182px;
	height: 5px;
	/*background-image: url(../images/subtitle_bg.png);*/
	text-indent: -9999px;
}

#accesskeysNavigation li a {
	position: absolute;
	z-index: 2;
	left: -10000px;
	padding: 2px 6px;
	text-decoration: underline;
	color: #fff;
	background: #D54A09;	
}

#accesskeysNavigation li a:focus,
#accesskeysNavigation li a:active {		
	left: 0;
	top: 38px;
}

#box {
	position: relative;
	width: 900px;
	min-height: 620px;
	height: auto !important;
	height: 620px;
	/* f�r Zentrierung */
	margin: 30px 0 30px 50px;
	background: #fff;
}

#header {
	position: relative;
	height: 83px;
	/*background: #b1d900;*/
	/*background: #A1BDEA;*/
	background:#ff9900;
	z-index: 1;
}

	#title {
		position: absolute;
		top: 22px;
		right: 15px;
		z-index: 2;
		/*background: #fff url(../images/logo_green.gif) no-repeat 50% 50%;*/
		background: #fff url(../images/logo_orange.gif) no-repeat 50% 50%;
	}
	
		#title a {
			display: block;
			width: 238px;
			height: 25px;
			text-indent: -9999px;
		}		
		
	ul#mainNavigation {
		position: absolute;
		bottom: 0 !important;
		bottom: -1px;
		height: 31px;
		width: 629px !important;
		width: 900px;
		padding: 0 255px 0 16px;
		background: #3B5984;
		z-index: 1;
	}
	
		#mainNavigation li {
			float: left;
		}
		
		#mainNavigation li a {
			display: block;
			padding: 8px 20px 10px 0;
			color: #fff;
			background: #3B5984;
		}
		
		#mainNavigation li ul {
			position: absolute;
			display: none;
			/*left: -9999px;*/
			width: 180px !important;
			width: 240px;
			height: auto !important;
			height: 1px;
			margin-left: -35px;
			margin-top: -3px;
			padding: 1px 30px 30px 30px;
		}
	
		#mainNavigation li li {
			float: none;
			width: 140px !important;
			width: 142px;
			height: auto !important;
			height: 1px;
			padding: 0;
			margin-top: -1px;
			border: 1px solid #ff9900;
		}
	
		#mainNavigation li li a {
			height: auto !important;
			height: 1px;
			padding: 5px 5px 7px 5px;
		}
	
		#mainNavigation li li ul {
			position: absolute;
			padding: 30px 30px 30px 0;
			margin-top: -50px;
			margin-left: 134px;
		}
	
		#mainNavigation li:hover ul,
		#mainNavigation li.sfhover ul,
		#mainNavigation li:hover li:hover ul,
		#mainNavigation li.sfhover li.sfhover ul,
		#mainNavigation li:hover li:hover li:hover ul,
		#mainNavigation li.sfhover li.sfhover li.sfhover ul {
			display: block;
			/*left: auto;*/
		}
		
		#mainNavigation li:hover ul ul,
		#mainNavigation li.sfhover ul ul,
		#mainNavigation li:hover li:hover ul ul,
		#mainNavigation li.sfhover li.sfhover ul ul {
			display: none;
			/*left: -9999px;*/
		}
		
		#mainNavigation li li:hover ul,
		#mainNavigation li li.sfhover ul,
		#mainNavigation li li:hover li:hover ul,
		#mainNavigation li li.sfhover li.sfhover ul {
			display: block;
			/*left: auto;*/
		}
		
		/* wegen hover schriftfarbe */		
			#mainNavigation li:hover a,
			#mainNavigation li.sfhover a,
			#mainNavigation li:hover li:hover a,
			#mainNavigation li.sfhover li.sfhover a,
			#mainNavigation li:hover li:hover li:hover a,
			#mainNavigation li.sfhover li.sfhover li.sfhover a {
				color: #ff9900;
			}
			
			#mainNavigation li:hover ul a,
			#mainNavigation li.sfhover ul a,
			#mainNavigation li:hover li:hover ul a,
			#mainNavigation li.sfhover li.sfhover ul a {
				color: #fff;
			}
			
			#mainNavigation li li:hover a,
			#mainNavigation li li.sfhover a,
			#mainNavigation li li:hover li:hover a,
			#mainNavigation li li.sfhover li.sfhover a {
				color: #ff9900;
			}
				
		/* IE 7 Hacks */
		*+html #mainNavigation li.sub {
			margin-bottom: -3px;
		}

			
	ul#metaNavigation {
		position: absolute;
		bottom: 0px;
		left: 646px;
		z-index: 2;
	}
	
		#metaNavigation li {
			float: left;
		}
		
		#metaNavigation li a {
			display: block;
			padding: 8px 20px 10px 0 !important;
			padding: 7px 20px 9px 0;
			color: #fff;
			background: #3B5984;
		}
		
		#mainNavigation li a:hover {
			color: #ff9900;
		}

#col2 {
	position: relative;
	float: left;
	width: 900px;
	min-height: 495px;
	height: auto !important;
	height: 495px;	
}

	#mainContent {
		padding: 10px 20px 52px 20px;
	}
	
	.homepage #mainContent {
		position: absolute;
		bottom: 17px;
		right: 17px;
		padding: 0;
		width: 177px;
	}	

	.layout1 #mainContent {
		padding: 27px 50px 59px 389px;		
	}
	
	.layout2 #mainContent {
		padding: 233px 50px 59px 33px;
	}

#footer {
	/*position: relative;*/
	position: absolute;
	bottom: 0;
	height: 42px;
	width: 900px;
	background: #3b5984;
}

	ul#footerNavigation {
		padding: 0 255px 0 16px;
	}
	
		#footerNavigation li {
			float: left;
		}
	
		#footerNavigation li a {
			display: block;
			padding: 13px 20px 15px 0pt;
			color: #fff;
			background: #3b5984;
		}
		
		#footerNavigation li a:hover {
			color:#FF9900;
		}