/* CSS for page layout */

* {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 128.5%;
}

#start .enter,
#starthauert .enter,
#startguenther .enter {
	position: relative;
	top: 40px;
	margin: auto;
	text-align: center;
}

#start .enter a,
#starthauert .enter,
#startguenther .enter {
	margin: auto;
	behavior: url(/fileadmin/template/js/iepngfix.htc);
}

#start .enter a {
	display: block;
	width: 1000px;
	height: 63px !important;
	height: 608px;
	outline: 0;
	padding-top: 545px;
	color: #FFF;
	font-weight: bold;
	font-size: 17px;
	line-height: 20px;
	background: url(../images/intro_hduenger.jpg) no-repeat left top;
	cursor: pointer;
}

#starthauert .enter {
	width: 949px;
	height: 580px;
	background: url(../images/intro_hauert_090810.png) no-repeat left top;
}

#startguenther .enter {
	width: 963px;
	height: 586px;
	background: url(../images/intro_hduenger3.png) no-repeat left top;
}

#start #langNav {
	display: none;
}

#starthauert #langNav,
#startguenther #langNav {
	text-align: center;
	position: relative;
	margin: auto;
	width: 600px;
	margin-top: 51px;
	padding-bottom: 50px;
}

#starthauert #langNav a,
#startguenther #langNav a {
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	display: inline;
}

#starthauert #langNav a.de,
#startguenther #langNav a.de {
	position: relative;
	left: -149px;
}

#starthauert #langNav a.fr,
#startguenther #langNav a.fr {
	position: relative;
	left: 143px;
}

#main {
	position: static;
	width: 949px;
	height: auto;
	margin: auto;
	background: url(/fileadmin/template/images/new_head5.gif) no-repeat 3px 0 !important;
	background: url(/fileadmin/template/images/new_head5.gif) no-repeat 9px 0;
	behavior: url(/fileadmin/template/js/iepngfix.htc);
	text-align: left;
	padding-left: 3px !important;
	padding-left: 0;
}

#head {
	position: relative;
	height: 130px;
	width: 949px;
}

	#head #flag {
		position: absolute;
		top: 43px;
		left: 856px !important;
		left: 865px;
		width: 112px;
		height: 67px;
		background: no-repeat 0 0;
		background-image: url(/fileadmin/template/images/flag.png);
		behavior: url(/fileadmin/template/js/iepngfix.htc);
		z-index: 999;
	}
	
	#guenther #head #flag,
	#hauert #head #flag {
		display: none;
	}
	
	#guenther.hobby #head #flag {
		display: block;
	}

	#head h1 a {
		display: block;
		text-indent: -9999px;
		outline: 0;
		width: 921px;
		height: 92px;
		padding-left: 0 !important;
		padding-left: 1px;
		position: absolute;
		left: 14px !important;
		left: 23px;
		top: 81px !important;
		top: 81px;
		background-repeat: no-repeat;
		background-position: 0 0;
	}

#leftCol {
	width: 197px;
	float: left;
	padding-top: 43px;
	position: relative;
	left: 0 !important;
	left: 9px;
}

	#mainNav {
		margin: 65px 0 0 11px;
	}
	
	#mainNav li {
		line-height: 12px;
	}
	
	#mainNav li a {
		display: block;
		width: 154px !important;
		width: 184px;
		height: 24px;
		font-size: 14px;
		line-height: 17px;
		font-weight: bold;
		color: #009d50;
		padding: 8px 15px 0 15px;
		background: url(../images/mainnav_bg.gif) no-repeat 0 0;
		margin-bottom: 2px;
	}
	
	#guenther #mainNav li a,
	#hauert #mainNav li a {
		padding: 8px 5px 0 10px;
		width: 189px !important;
		width: 204px;
		background: url(../images/mainnav_bg_long.gif) no-repeat 0 0;
	}
	
	#mainNav a:hover,
	#mainNav a.cur,
	#mainNav a.act { 
		background: url(../images/mainnav_bg_act.gif) no-repeat 0 0;
		color: #FFF;
	}
	
	#guenther #mainNav a:hover,
	#guenther #mainNav a.cur,
	#guenther #mainNav a.act,
	#hauert #mainNav a:hover,
	#hauert #mainNav a.cur,
	#hauert #mainNav a.act { 
		background: url(../images/mainnav_bg_act_long.gif) no-repeat 0 0;
		color: #FFF;
	}
	
	#mainNav li ul {
		width: 185px;
		background: url(../images/subnav_bg_top2.gif) no-repeat 0 0;
		padding-top: 14px;
		margin-bottom: 2px;
	}
	
	#guenther #mainNav li ul,
	#hauert #mainNav li ul {
		width: 204px;
		background: url(../images/subnav_bg_top3.gif) no-repeat 0 0;
	}
	
	#mainNav li ul span {
		display: block;
		height: 17px;
		width: 185px;
		background: url(../images/subnav_bg_bottom2.gif) no-repeat 0 0;
	}
	
	#guenther #mainNav li ul span,
	#hauert #mainNav li ul span {
		width: 204px;
		background: url(../images/subnav_bg_bottom3.gif) no-repeat 0 0;
	}
	
	#mainNav li ul li {
		background: url(../images/subnav_bg2.gif) repeat-y 0 0;
		width: 185px;
	}
	
	#guenther #mainNav li ul li,
	#hauert #mainNav li ul li {
		width: 204px;
		background: url(../images/subnav_bg3.gif) repeat-y 0 0;
	}
	
	#mainNav li ul li a,
	#guenther #mainNav li ul li a,
	#hauert #mainNav li ul li a {
		color: #FFF;
		font-weight: normal;
		background-image: none;
		margin-bottom: 0;
		padding: 4px 15px 3px 15px;
		height: auto;
	}
	
	#mainNav li ul li.first a {
		padding-top: 0;
	}
	
	#mainNav li ul li.last a {
		padding-bottom: 0;
	}
	
	#mainNav li ul li a:hover,
	#mainNav li ul li a.cur,
	#mainNav li ul li a.act,
	#guenther #mainNav li ul li a:hover,
	#guenther #mainNav li ul li a.cur,
	#guenther #mainNav li ul li a.act,
	#hauert #mainNav li ul li a:hover,
	#hauert #mainNav li ul li a.cur,
	#hauert #mainNav li ul li a.act { 
		font-weight: bold;
		background-image: none;
	}
	
	#searchBox {
		margin: 3px 0 1px 11px;
		width: 185px;
		height: 58px;
		background: url(../images/searchbox_bg.gif) no-repeat 0 0;
	}
	
	#guenther #searchBox,
	#hauert #searchBox {
		width: 204px;
		background: url(../images/searchbox_bg_long.gif) no-repeat 0 0;
	}
	
	#searchBox label {
		display: block;
		font-size: 14px;
		line-height: 17px;
		font-weight: bold;
		color: #009d50;
		padding: 6px 0 0 14px;
	}
	
	#guenther #searchBox label,
	#hauert #searchBox label {
		padding: 6px 0 0 9px;
	}
	
	#searchBox input.searchInput {
		margin: 7px 0 0 15px !important;
		margin: 6px 0 0 15px;
		width: 137px !important;
		width: 138px;
		color: #009d50;
		border: none;
		border-right: 1px solid #FFF;
	}
	
	#searchBox input.searchSubmit {
		background: url(../images/searchbox_submit.gif) no-repeat 0 0 transparent;
		border: none;
		width: 14px;
		height: 14px;
		cursor: pointer;
		margin-left: 2px;
		position: relative;
		top: 2px;
	}
	
	#guenther #searchBox input.searchSubmit,
	#hauert #searchBox input.searchSubmit {
		margin-left: 21px;
	}
	
	#navBox,
	#navBox2 {
		margin-left: 10px;
		width: 196px !important;
		width: 207px;
		background: url(../images/navbox_bg.gif) no-repeat 0 0;
		display: none;
		padding: 10px 0 0 11px;
	}
	
	#navBox *,
	#navBox2 * {
		color: #FFF;
		font-weight: bold;
		font-size: 14px;
	}
	
	#navBox a,
	#navBox2 a {
		font-size: 16px;
		text-decoration: none;
	}
	
	#navBoxBottom,
	#navBoxBottom2 {
		margin-left: 10px;
		width: 207px;
		height: 10px;
		background: url(../images/navbox_bg_bottom.gif) no-repeat 0 0;
	}
	
	#guentherhobby #navBox,
	#guenther #navBox,
	#hauert #navBox,
	#hauert #navBox2 {
		display: block;
	}
	
#midCol {
	margin-left: 222px !important;
	margin-left: 227px;
	margin-right: 178px !important;
	margin-right: 170px;
	padding-top: 43px;
}

	#midCol #metaNav {
		overflow: hidden;
		margin: 18px 0 0 1px;
		width: 514px !important;
		width: 545px;
		padding: 0 0 3px 31px;
		border-bottom: 1px solid #919394;
	}

	#midCol #metaNav li {
		float: left;
	}
	
	#midCol #metaNav li a {
		display: block;
		color: #878889;
		line-height: 16px;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		/*margin-right: 71px;*/
		margin-right: 51px;
	}
	
	#midCol #metaNav li.last a {
		margin-right: 0;
	}
	
	#midCol #metaNav li a:hover,
	#midCol #metaNav li a.cur,
	#midCol #metaNav li a.act {
		color: #009036;
	}

	#midCol #rootlineNav {
		display: none;
		width: 545px;
		margin: 32px 0 0 1px;
	}
	
	#hauert #midCol #rootlineNav,
	#guenther #midCol #rootlineNav {
		width: 514px !important;
		width: 545px;
		padding-left: 31px;
	}
	
	#midCol #rootlineNav span {
		padding: 0 2px;
	}

	#midCol #rootlineNav span.rootlineLbl {
		padding-left: 0;
	}
	
	#midCol #rootlineNav * {
		font-size: 9px;
		color: #878889;
	}
	
	#midCol .ctArea {
		overflow: hidden !important;
		overflow: visible;
		margin: 25px 0 0 0;
		height: auto !important;
		height: 300px;
		min-height:500px;
		padding-bottom: 40px;
	}
	
	#hauert #midCol .ctArea,
	#guenther #midCol .ctArea {
		padding-left: 32px;
	}
	
	#company #midCol .ctArea {
		margin-right: -7px !important;
		margin-right: -10px;
		position: relative;
		z-index: 999;
		background: url(../images/unternehmen_bg.jpg) no-repeat 192px 85px;
		padding-bottom: 120px;
	}
	
#rightCol {
	position: relative;
	right: 0 !important;
	right: -9px;
	margin-top: 43px;
	width: 161px;
	float: right;
}

	#rightCol #spacer {
		position: absolute;
		z-index: 999;
		top: 0px;
		left: -10px;
		width: 1px;
		height: 38px;
		background-color: #FFF;
	}

	#rightCol .ctArea {
		margin: 15px 0;
		padding-top: 0 !important;
		padding-top: 15px;
	}

#footer {
	clear: both;
	position: fixed;
	z-index: 999;
	bottom: 0;
	left: auto;
	width: 935px;
	height: 30px;
	background: #FFF;
	margin: 0 12px 0 10px !important;
	margin: 0 12px 0 16px;
	padding-left: 0 !important;
	padding-left: 5px;
}

	#footer * {
		font-size: 10px;
		line-height: 12px;
		color: #878889;
	}

	#copyrightHauert {
		position: absolute !important;
		position: relative;
		left: 2px;
		top: 10px;
	}
	
	#copyright {
		position: absolute !important;
		position: relative;
		left: 576px;
		width: 100px;
		top: 10px !important;
		top: 0;
		margin-top: 0 !important;
		margin-top: -2px;
	}
	
	#copyright a {
		position: absolute;
		top: 0px;
		left: 58px;
		display: block;
		width: 100px;
		text-indent: -96px;
		overflow: hidden;
	}
	
	#copyrightCrome {
		position: absolute !important;
		position: relative;
		top: 10px !important;
		top: -12px;
		left: 709px;
	}
	
	#bottomNav {
		position: absolute !important;
		position: relative;
		z-index: 999;
		left: 804px;
		top: 10px;
		margin-left: 0 !important;
		margin-left: 804px;
		margin-top: 0 !important;
		margin-top: -24px;
	}
	
	#bottomNav li {
		float: left;
	}
	
	#bottomNav li a {
		padding-right: 8px;
		margin-right: 6px;
		background: url(../images/bottomnav_border.gif) no-repeat 100% 3px;
	}
	
	#bottomNav li.last a {
		padding: 0;
		margin: 0;
		background-image: none;
	}

