/* 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%;
	text-align: center;
}

body {
	background: url(../images/body_bg.gif) repeat-y 50% 0;
}

form .text {
	border-color: #000;
}


form .button {
	padding: 0 5px 0 5px;
	border-color: #000;
	background-color: #fff;
	color: #000;
}

#title {
	position: absolute;
	top: 9px;
	right: 22px;
	z-index: 1;
	background: url(../images/logo.png) no-repeat 50% 50%;
}

	#title a {
		display: block;
		width: 152px;
		height: 62px;
		text-indent: -9999px;
	}
	
#subtitle {
	position: absolute;
	top: 74px;
	right: 1px;
	z-index: 100;
	width: 958px;
	height: 16px;
	background: 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: 980px;
	/* fuer Zentrierung */
	margin: 0 auto;
	background: url(../images/newBox_bg.png) repeat-y 0 0;
}

/*kopfbereich*/
#header {
	position: relative;
	height: 330px;
	background: #fff url(../images/newHeader.jpg) no-repeat 0 93px;
}

#searchBox {
	position: absolute;
	top: 300px;
	right: 0;
	width: 185px;
	height: 30px;
	background: #7d7d75;
}

	#searchBox label {	
	display: none; 
	}

	#searchBox .text {
		position: absolute;
		top: 7px;
		left: -40px;
		width: 112px !important;
		width: 118px;
		padding: 1px 3px;
		border: 1px solid #343434;
		background-color: #fff;
		font-size: 10px;

	}
	
	#searchBox .button {
		position: absolute;
		top: 7px;
		left: 140px;
		z-index: 100;
		width: 35px;
		/*height: 17px;*/
		border:none;
		/*border: 1px solid #343434;*/
		background: transparent url(../images/search_button.jpg) no-repeat 50% 50%;
		text-indent: -9999px;

	}

#printheader {
	position: relative;
	height: 53px;
	background: #f6f6f6 url(../images/printlogo.png) no-repeat 0 0;
}

#printPage{
	#margin-left:347px;
}

/*globale navigation*/
ul#metaNavigation {
	position: absolute;
	top: 10px;
	left: 20px;;
}

	#metaNavigation li {
		float: left;
	}

	#metaNavigation li a {
		padding-left: 5px;
		margin-left: 5px;
		color: #999;
		background: url(../images/metaNav_spacer.gif) no-repeat 0 0;
	}

	#metaNavigation .first a {
		padding: 0;
		margin: 0;
		background: transparent;
	}



/*hauptnavigation*/
ul#mainNavigation {
	position: absolute;
	top: 300px;
	left: 0;
	height: 29px !important;
	height: 30px;
	padding-top: 1px;
	width: 795px;
	text-transform:uppercase;
	z-index:300;
	background: url(../images/mainNavigation_bg.png) repeat-x;
}

	#mainNavigation li {
		float: left;
	}
	
	#mainNavigation li:hover, 
	#mainNavigation li.sfhover {
		background-color: #f5e3d7;
	}

	#mainNavigation li.act, 
	#mainNavigation li.act {
		background-color: #f5e3d7;
	}
	
	#mainNavigation li:hover a, 
	#mainNavigation li.sfhover a {
		color: #af4a1e;
	}

	#mainNavigation li:hover li a, 
	#mainNavigation li.sfhover li a {
		color: #f5e3d7;
	}

	#mainNavigation li:hover li a:hover{
		color: #af4a1e;
	}

	/*schriftfarbe aktive 1. ebene*/
	#mainNavigation li a:hover{
		color: #af4a1e;
	}

	#mainNavigation li a.act {
		color: #af4a1e;
	}

	/*grundeinstellungen*/
	#mainNavigation li a {
		display: block;
		width: auto !important;
		width: 1px;
		height: auto !important;
		height: 1px;
		line-height: 18px;
		padding: 5px 15px;
		font-size: 10px;
		white-space: nowrap;
		font-weight: bold;
		font-size: 11px;
		color: #fff;
	}
	
	#mainNavigation li ul {
		position: absolute;
		bottom: 28px;
		left: -9999px;
		width: 188px !important;
		width: 210px;
		margin-left: -30px;
		padding: 30px 30px 3px 30px;
		text-transform:none;
	}

	#mainNavigation li li {
		clear: left;
		width: 186px !important;
		width: 188px;
		border: none;
		border-bottom: 1px dotted #ccc;
		opacity: 0.8;
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		filter: alpha(opacity=80);
		background-color: #af4a1e;
	}
	
	#mainNavigation li li:hover,
	#mainNavigation li li.sfhover {		
		height: 100%; /* Safari fix added by MB */
		opacity: 1.0;
		-moz-opacity: 1.0;
		-khtml-opacity: 1.0;
	}
	
	#mainNavigation li li a {
		width: 186px;
		font-size: 11px;
		line-height: 16px;
		padding: 2px 10px 2px 30px;
		#background-image: url(../images/icons/subNavigation.png);
		#background-position: 18px 8px;
		white-space: normal;
	}
	
	#mainNavigation li li a:hover,
	#mainNavigation li li a:sfhover {
		#background-image: url(../images/icons/subNavigation_hover.png);
		color: #af4a1e;

	}
	
	#mainNavigation li:hover ul, 
	#mainNavigation li.sfhover ul {
		left: auto;
	}


/*content 1 mit subNavigation*/
#col1 {
	position: relative;
	float: left;
	clear: both;
	width: 185px;
	background: transparent;
	height: 20px;
}


#mainContent .content p {
	color: #ccc;
}

#col2 .content h3 {
	color: #b8471d;
}

#col2 .content h4 {
	color: #b8471d;
}

#col2 .content h5 {
	color: #b8471d;
}


ul#subNavigation {
		margin-top: 15px;
		height: auto !important;
		height: 1px;
		border-top: 1px solid #b5481f;
	}
	
	#subNavigation * {
		font-size: 11px;
	}

		#subNavigation li {
			position: relative;
			padding-bottom: 1px;
			margin-bottom: -1px;
		}
	
		#subNavigation li a {
			display: block;
			height: auto !important;
			height: 1px;
			line-height: 14px;
			padding: 2px 5px 2px 14px;
			border-bottom: 1px solid ;
		}
	
			#subNavigation li a.act,
			#subNavigation li a.cur {
				font-weight: bold;
				background-color: #f5e3d7;
			}
				
			#subNavigation li a:hover {
				color: #f5e3d7;
				background-color: #b5481f;
			}
			#subNavigation li a.cur:hover {
				color: #f5e3d7;
			}
	
				#subNavigation li li a {
					padding-left: 26px;
					background: url(../images/subnavi_level2.gif) no-repeat 18px 9px;
				}
				
				#subNavigation li.act li a:hover {
					color: #f5e3d7;
				}
	
					#subNavigation li li li a {
						padding-left: 45px;
						background: url(../images/subnavi_level2.gif) no-repeat 37px 9px;
					}



/*conten 2*/
#col2 {
	position: relative;
	float: left;
	width: 610px;
	background: #fff url(../images/col1_bg.gif) no-repeat 0 0;
	min-height: 370px;
	height: auto !important;
	height: 370px;
	color: #000;
}

#rightContent .content p {
	color: #b8471d;
}

	#col2 * {
		/*color: #666;*/
		color: #000;
	}
	
		#col2 .content a {
			color: #AF4A1E;
		}

	#mainContent {
	padding: 10px 20px 10px 15px;
	}

	#rightContent {
	padding: 10px 20px 10px 15px;
	}

	.newsLatest {
	padding: 10px 20px 10px 15px;
	}

	#col2 li {
		margin-top:3px;
		padding:0pt 0pt 0pt 20px;
	}


/*content 3*/
#col3 {
	position: relative;
	float: left;
	width: 185px;
	background:transparent;
}
	
	#col3 * {
		color: #fff;
	}
 
/*fussbereich*/
#footer {
	position: relative;
	height: 18px;
	bottom: 0;
	width: 980px;
	border:none;
	background: url(../images/newFooter_bg.png) repeat-y 0 0;
	color: #fff;

}

	#copyright {
		position: absolute;
		top: -6px;
		left: 10px;
		height: 18px;
		line-height: 30px;
		color: #fff;
	}


/* -----------------------------------------------
	home Seite
----------------------------------------------- */
/*conten 1*/
.homepage #col1 {	
	width: 590px;
	background: #fff url(../images/col1_bg.gif) no-repeat 0 0;
	min-height: 370px;
	height: auto !important;
	height: 370px;

}

.homepage #col2 {
	width: 205px;
	background: transparent;
	color: #b8471d;
}

.homepage #box {
	background: url(../images/newHomepage_box_bg.png) repeat-y 0 0;
}

.homepage #col2 * {
	color: #b8471d;
}

.homepage #col2 h3 {
	padding-right:20px;
}

