@charset "utf-8";
/* CSS Document */

html, body {
		height:100%;
		padding-bottom:1px;
}

/*html, body, #tutti {height:100%;background-color:#e8e8e8;}
body > #tutti {height:auto; min-height:100%;}*/

body {
	margin:0 auto 0 auto;
	font-family:"Trebuchet MS", Arial, sans-serif;
	font-size:100.01%;
	background-color:#fcfcfc;
	color:#666;
	line-height:1.4em;
	width:85%;
	width:90%;
	/**/min-width:800px;
	max-width:960px;
	max-width:1040px;
	text-align:center;
}
/*Anfangswerte */
div, p, h1, h2, h3, h4, ul, dl, ol, li, form, table {
	padding:0;
	margin:0;
}

a:link, a:visited {color:#666;text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:underline;}

a img  {border:0;}



#tutti {
	position:relative;
	background-color:#f9f8f8;
	font-size:0.9em;
	text-align:left;
	background-image:url(../bilder/schattenLi2.jpg);
	background-repeat:repeat-y;
	}
	
/*body > #tutti {height:auto; min-height:100%;}*/

#kopf {
	height:300px;
	width:85%;
	width:90%;
	min-width:800px;
	max-width:960px;
	max-width:1040px;
	background-color:#fcfcfc;
	background-image:url(../bilder/HG_kopf300.jpg);
	background-position: left 4px;
	background-repeat:repeat-x;
	position:relative;
	width:100%;
	/*position:fixed;
	z-index:500;*/
	text-align:right;
	}
#kopfRe {
		height:300px;
		width:30px;
		position:absolute;
		top:0;
		right:0;
		background-image:url(../bilder/HG_kopfRE300.jpg);
		background-position: right 4px;
		background-repeat:no-repeat;
	}
#kopfLi {
		height:300px;
		width:30px;
		position:absolute;
		top:0;
		left:0;
		background-image:url(../bilder/HG_kopfLI300.jpg);
		background-position: left 4px;
		background-repeat:no-repeat;
	}
#logo {
	position:absolute;
	left:35px;
	top:85px;
	background-image:url(../bilder/logoTrans.png);
	background-repeat:no-repeat;
	width:235px;
	height:122px;
	}

#slogan {
width:190px;
height:87px;
background-image:url(../bilder/sloganTrans.png);
background-position:right;
background-repeat:no-repeat;
position:absolute;
	left:50px;
	top:185px;
}

#haus {
width:118px;
height:120px;
background-image:url(../bilder/haus.jpg);
background-repeat:no-repeat;
position:absolute;
right:90px;
bottom:109px;
}




#kopf {}

#inhalt {}

.trennlinie {}







#navi {
	font-size:0.9em;
	margin-left:50px;
	width:80%;
	color:#333;
	}
	
	#navi li {list-style-type:none;}
	#navi a {color:#333;}
	#navi li a:hover, #navi li a:active, #navi li.aktiv  {color:#FF9B00; font-weight:bold;text-decoration:none;}
	
	
#hauptnav {
	position:absolute;
	bottom:108px; 
	right:240px;
	}

	
#zweitnav {
	position:absolute;
	width:auto;
	bottom:108px; 
	right:48px;
	}
#navi #zweitnav a:hover {font-weight:normal;}	
#zweitnav li.aktiv {color:#FF9B00;font-weight:normal;}


#inhalt {
	background-image:url(../bilder/schattenRe2.jpg);
	background-repeat:repeat-y;
	background-position:right;
	padding:0 50px;
	padding-top:290px;
	padding-top:0;
	position:relative;
}
h1{
	line-height:1.4em;
	font-size:1.3em;
	font-weight:600;
	width:293px;
	color: #FF9B00;
	border-bottom:1px dotted #FF9B00;
	float:right;
	margin-bottom:20px;
}
h1.erste {position:absolute; top:250px; right:33px; text-align:left;width:312px;}
h2, h3 {
	line-height:1.4em;
	font-size:1.3em;
	font-weight:300;
	margin-top:15px;
	margin-bottom:10px;
	color: #FF9B00;
}

#inhalt p, #inhalt ul {margin-bottom:10px;}
#inhalt ul {margin-left:16px;}

#spalte1 {
	margin:0 340px 0 0;
	padding-top:25px;
	min-height:300px;
	}
	
#spalte2 {
	clear:right;
	width:300px; 
	float:right;
}
#spalte2 h2, #spalte2 p, #spalte2 ul {
	margin-left:12px;
}

.fotoContainer {
	width:288px;
	height:256px;
	background-image:url(../bilder/fotoContainer.jpg);
	background-repeat:no-repeat;
	position:relative;
}
.fotoContainer img {
	position:absolute;
	top:12px;
	left:12px;
}

#zweitnav li {display:inline;}

#fuss {
	border-top:1px dotted #84A6AD;
	border-bottom:1px dotted #84A6AD;
	font-size:0.9em;
	color:#84A6AD;
	margin-top:30px;
	padding:10px 0;
	
	clear:both;
	}

#fuss a {font-variant:normal;font-weight:bold;color:#666;}
#fuss a:link, #fuss a:visited {text-decoration:none;}
#fuss a:hover, #fuss a:active, #fuss a:focus {text-decoration:none;color:#FF9900;}


/* ################## Diverses ########### */
.klein {font-size:smaller;line-height:1.5em;}
.orange {color: #FF9B00}
.teaser{line-height:1.4em;font-size:1.2em; margin-bottom:20px;margin-top:-5px;}
.uebrigens {border-left:2px dotted #FF9B00;padding-left:10px;}
.pdf img {vertical-align:middle;}
.keinU{white-space:nowrap;}
.clearLe {clear:left;}
.todo {border-left:30px solid #6C0; padding: 0 10px;font-weight:bold;}
.newslinie{height:1px; border-top: 1px dotted #F90;margin-bottom:5px;}
.trennlinie {
	height:0px; 
	border-top: 1px dotted #F90;
	width:100%;
	position:absolute; 
	top:191px;
	}