/* Position + HG-Farbe für alle */
body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background: #e4e8eb;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
}

/* Link */
a:link {
	color: #000000;
	text-decoration: none;
}

	/* Link Navi */
	a.link2:link {
		color: #000000;
		text-decoration: none;
	}
	
		/* Link Navi */
		a.link3:link {
			color: #000000;
			text-decoration: none;
		}
		
			/* Link Navi */
			a.link4:link {
				color: #000000;
				text-decoration: none;
			}

/* Link besucht */
a:visited {
	color: #000000;
	text-decoration: none;
}

	/* Link Navi */
	a.link2:visited {
		color: #000000;
		text-decoration: none;
	}
	
		/* Link Navi */
		a.link3:visited {
			color: #000000;
			text-decoration: none;
		}
		
			/* Link Navi */
			a.link4:visited {
				color: #000000;
				text-decoration: none;
			}

/* Link Mouseover */
a:hover {
	color: #000000;
	text-decoration: none;
}

	/* Link Navi */
	a.link2:hover {
		color: #134c95;
		text-decoration: none;
	}
	
		/* Link Navi */
		a.link3:hover {
			color: #ff8c10;
			text-decoration: none;
		}
		
			/* Link Navi */
			a.link4:hover {
				color: #000000;
				text-decoration: underline;
			}

/* Link Mouseklick */
a:active {
	color: #000000;
	text-decoration: none;
}

	/* Link Navi */
	a.link2:active {
		color: #134c95;
		text-decoration: none;
	}
	
		/* Link Navi */
		a.link3:active {
			color: #ff8c10;
			text-decoration: none;
		}
		
			/* Link Navi */
			a.link4:active {
				color: #000000;
				text-decoration: underline;
			}
			
ul {
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 1px;
	margin-top: 1px;
}

li {
	padding-left: 10px;
	margin-left: 0px;
	margin-bottom: 6px;
	margin-top: 6px;
	background-image: url(files/alle/ulpunkt.gif);
	background-repeat: no-repeat;
	background-position: 0 .35em;
}
			
.bold {
	font-weight: bold;
}

.blau {
	color: #134c95;
	font-size: 16px;
	line-height: 20px;
}

.blauohne {
	color: #134c95;
}

.orangeohne {
	color: #ff8c10;
}

.klein {
	font-size: 9px;
	line-height: 13px;
}

.orange {
	color: #ff8c10;
	font-size: 16px;
	line-height: 20px;
}

p {
	line-height: 16px;
}

.head {
	color: #FFFFFF;
	font-size: 27px;
	line-height: 37px;
	text-align: center;
}

.headplanung {
	color: #FFFFFF;
	font-size: 27px;
	line-height: 37px;
}


/* Hintergrund */
#hg {
	position: relative;
	width: 1024px;
	height: 650px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	z-index:1;
	background: #FFFFFF;
	border: 1px solid #b1bbc3;
}

/* Hintergrund start oben */
#hgstartoben {
	position: absolute;
	width: 1024px;
	height: 325px;
	z-index:2;
	background: #b1bbc3;
}

/* Hintergrund planung oben */
#hgplanungoben {
	position: absolute;
	width: 1024px;
	height: 170px;
	z-index:2;
	background: #b1bbc3;
}

/* eingang links */
#einganglinks {
	position: absolute;
	width: 255px;
	height: 320px;
	z-index:3;
	background: #f4f4f9 url(files/start/start_links.gif) no-repeat;
	left: 240px;
	top: 260px;
	border: 1px solid #134c95;
	background-color: #f4f4f9;
}

/* eingang links text */
#einganglinkstext {
	position: absolute;
	width: 255px;
	z-index:4;
	left: 240px;
	top: 442px;
	text-align: center;
}

/* eingang rechts */
#eingangrechts {
	position: absolute;
	width: 255px;
	height: 320px;
	z-index:3;
	background: #f4f4f9 url(files/start/start_rechts.jpg) no-repeat;
	left: 526px;
	top: 260px;
	border: 1px solid #ff8c10;
	background-color: #ffe8cf;
}

/* eingang rechts text */
#eingangrechtstext {
	position: absolute;
	width: 255px;
	z-index:4;
	left: 526px;
	top: 442px;
	text-align: center;
}

/* headline start */
#headstart {
	position: absolute;
	left: 0px;
	top: 166px;
	z-index:10;
	width: 1025px;
}

/* headline planung */
#headplanung {
	position: absolute;
	left: 60px;
	top: 89px;
	z-index:10;
	width: 535px;
	height: 80px;
}

/* Abbinder */
#footer {
	position: absolute;
	left: 60px;
	top: 654px;
	z-index:2;
	font-size: 9px;
	color: #000000;
}

/* impressum */
#impr {
	position: absolute;
	left: 750px;
	top: 654px;
	z-index:2;
	font-size: 9px;
	color: #000000;
}

/* logo */
#logo {
	position: absolute;
	left: 622px;
	top: 26px;
	z-index:5;
	width: 375px;
	height: 217px;
}

/* logo planung */
#logoplanung {
	position: absolute;
	left: 622px;
	top: 26px;
	z-index:5;
	width: 375px;
	height: 131px;
}

/* ----------------------- button links */
#button_links {
	position: absolute;
	width: 135px;
	height: 30px;
	left: 302px;
	top: 536px;
	background: #134c95;
	z-index:4;
}

#navibuttonlinks {
	position: absolute;
	width: 135px;
	height: 25px;
	z-index:3;
	text-align: center;
	top: 5px;
}

a.navibuttonlinks {
	display: block;
	color: #ffffff;
	height: 25px;
	width: 135px;
	background-color: #134c95;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
}

a.navibuttonlinks:hover {
	display: block;
	color: #ffffff;
	height: 25px;
	width: 135px;
	background: #134c95;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	text-decoration: underline;
}
/* ----------------------- button links */

/* ----------------------- button links impressum */
#button_links2 {
	position: absolute;
	width: 135px;
	height: 30px;
	left: 342px;
	top: 276px;
	background: #134c95;
	z-index:4;
}

#navibuttonlinks2 {
	position: absolute;
	width: 135px;
	height: 25px;
	z-index:3;
	text-align: center;
	top: 5px;
}

a.navibuttonlinks2 {
	display: block;
	color: #ffffff;
	height: 25px;
	width: 135px;
	background-color: #134c95;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
}

a.navibuttonlinks2:hover {
	display: block;
	color: #ffffff;
	height: 25px;
	width: 135px;
	background: #134c95;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	text-decoration: underline;
}
/* ----------------------- button links */

/* ----------------------- button rechts */
#button_rechts {
	position: absolute;
	width: 135px;
	height: 30px;
	left: 586px;
	top: 536px;
	background: #ff8c10;
	z-index:4;
	background-color: #ff8c10;
}

#navibuttonrechts {
	position: absolute;
	width: 135px;
	height: 25px;
	z-index:3;
	text-align: center;
	top: 5px;
}

a.navibuttonrechts {
	display: block;
	color: #ffffff;
	height: 25px;
	width: 135px;
	background-color: #ff8c10;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
}

a.navibuttonrechts:hover {
	display: block;
	color: #ffffff;
	height: 25px;
	width: 135px;
	background: #ff8c10;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	text-decoration: underline;
}
/* ----------------------- button rechts */
/* ----------------------- button rechts impressum */
#button_rechts2 {
	position: absolute;
	width: 135px;
	height: 30px;
	left: 546px;
	top: 276px;
	background: #ff8c10;
	z-index:4;
	background-color: #ff8c10;
}

#navibuttonrechts2 {
	position: absolute;
	width: 135px;
	height: 25px;
	z-index:3;
	text-align: center;
	top: 5px;
}

a.navibuttonrechts2 {
	display: block;
	color: #ffffff;
	height: 25px;
	width: 135px;
	background-color: #ff8c10;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
}

a.navibuttonrechts2:hover {
	display: block;
	color: #ffffff;
	height: 25px;
	width: 135px;
	background: #ff8c10;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	text-decoration: underline;
}
/* ----------------------- button rechts */
#navi_planung {
	position: absolute;
	left: 0px;
	top: 170px;
	width: 1024px;
	height: 23px;
	z-index:10;
	background: #f4f4f9;
	text-indent: 60px;
	font-size: 13px;
	padding-top: 7px;
}

#navi_bau {
	position: absolute;
	left: 0px;
	top: 170px;
	width: 1024px;
	height: 23px;
	z-index:10;
	background: #ffedda;
	text-indent: 60px;
	font-size: 13px;
	padding-top: 7px;
	background-color: #ffedda;
}

#planung_links {
	position: absolute;
	left: 0px;
	top: 200px;
	width: 40px;
	height: 450px;
	z-index:11;
	background: #134c95;
	background-color: #134c95;
}

#text_links {
	position: absolute;
	left: 60px;
	top: 226px;
	width: 450px;
	height: 406px;
	z-index:11;
}

#text_linksscroll {
	position: absolute;
	left: 60px;
	top: 226px;
	width: 450px;
	height: 406px;
	z-index:11;
	overflow: auto;
}

#planung_rechts {
	position: absolute;
	left: 582px;
	top: 226px;
	width: 410px;
	height: 410px;
	background: #134c95;
	z-index:11;
}

#bild_rechts {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 408px;
	height: 350px;
	background: #f4f4f9;
	z-index:12;
	background-color: #f4f4f9;
}

#bild_rechts_ganzbau {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 408px;
	height: 408px;
	background: #ffedda;
	z-index:12;
	background-color: #ffedda;
}

#bild_rechts_ganz {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 408px;
	height: 408px;
	z-index:12;
}

#textburechts {
	position: absolute;
	left: 582px;
	top: 586px;
	width: 408px;
	z-index:13;
	text-align: center;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 20px;
}

#zerti {
	position: absolute;
	left: 678px;
	top: 187px;
	width: 310px;
	height: 410px;
	z-index:15;

}
/* --------------------------------- PLANUNG - PLANUNG */
#planung_1text {
	position: absolute;
	left: 600px;
	top: 244px;
	width: 366px;
	z-index:20;
	overflow: auto;
	height: 370px;
	padding-right: 15px;
	visibility: hidden;
}

#planung_1 {
	position: absolute;
	left: 50px;
	top: 256px;
	display: block;
	width: 520px;
	height: 55px;
	padding-left: 10px;
	padding-top: 5px;
	z-index:20;
}

.planung_1 {
	position: absolute;
	left: 50px;
	top: 256px;
	display: block;
	width: 520px;
	height: 55px;
	padding-left: 10px;
	padding-top: 5px;
	z-index:20;
		
}


a.planung_1 {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 520px;
	height: 55px;
	padding-left: 10px;
	padding-top: 5px;
	z-index:20;
		
		
}

a.planung_1:hover {
	background: url(files/planung/planung/planung_1.gif) no-repeat;
}

#planung_1hg {
	position: absolute;
	left: 50px;
	top: 256px;
	display: block;
	width: 520px;
	height: 55px;
	padding-left: 10px;
	padding-top: 5px;
	z-index:19;
	background: url(files/planung/planung/planung_1.gif) no-repeat;
}

#planung_2text {
	position: absolute;
	left: 600px;
	top: 244px;
	width: 366px;
	z-index:20;
	overflow: auto;
	height: 370px;
	padding-right: 15px;
}

#planung_2 {
	position: absolute;
	left: 50px;
	top: 303px;
	display: block;
	width: 520px;
	height: 55px;
	padding-left: 10px;
	padding-top: 5px;
	z-index:20;
}

.planung_2 {
	position: absolute;
	left: 50px;
	top: 303px;
	display: block;
	width: 520px;
	height: 55px;
	padding-left: 10px;
	padding-top: 5px;
	z-index:20;
}

a.planung_2 {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 520px;
	height: 55px;
	padding-left: 10px;
	padding-top: 5px;
	z-index:20;
}

a.planung_2:hover {
	background: url(files/planung/planung/planung_1.gif) no-repeat;
}

#planung_2hg {
	position: absolute;
	left: 50px;
	top: 303px;
	display: block;
	width: 520px;
	height: 55px;
	padding-left: 10px;
	padding-top: 5px;
	z-index:19;
	background: url(files/planung/planung/planung_1.gif) no-repeat;
	visibility: hidden;
}

#planung_3text {
	position: absolute;
	left: 600px;
	top: 244px;
	width: 366px;
	z-index:20;
	overflow: auto;
	height: 370px;
	padding-right: 15px;
	visibility: hidden;
}

#planung_3 {
	position: absolute;
	left: 50px;
	top: 353px;
	display: block;
	width: 520px;
	height: 55px;
	padding-left: 10px;
	padding-top: 5px;
	z-index:20;
}

.planung_3 {
	position: absolute;
	left: 50px;
	top: 353px;
	display: block;
	width: 520px;
	height: 55px;
	padding-left: 10px;
	padding-top: 5px;
	z-index:20;
}

a.planung_3 {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 520px;
	height: 55px;
	padding-left: 10px;
	padding-top: 5px;
	z-index:20;
}

a.planung_3:hover {
	background: url(files/planung/planung/planung_1.gif) no-repeat;
}

#planung_3hg {
	position: absolute;
	left: 50px;
	top: 353px;
	display: block;
	width: 520px;
	height: 55px;
	padding-left: 10px;
	padding-top: 5px;
	z-index:19;
	background: url(files/planung/planung/planung_1.gif) no-repeat;
	visibility: hidden;
}

#planung_4text {
	position: absolute;
	left: 600px;
	top: 244px;
	width: 366px;
	z-index:20;
	overflow: auto;
	height: 370px;
	padding-right: 15px;
	visibility: hidden;
}

#planung_4 {
	position: absolute;
	left: 50px;
	top: 403px;
	display: block;
	width: 520px;
	height: 55px;
	padding-left: 10px;
	padding-top: 5px;
	z-index:20;
}

.planung_4 {
	position: absolute;
	left: 50px;
	top: 353px;
	width: 520px;
	height: 55px;
	padding-left: 10px;
	padding-top: 5px;
	z-index:20;
}

a.planung_4 {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 520px;
	height: 55px;
	padding-left: 10px;
	padding-top: 5px;
	z-index:20;
}

a.planung_4:hover {
	background: url(files/planung/planung/planung_2.gif) no-repeat;
}

#planung_4hg {
	position: absolute;
	left: 50px;
	top: 403px;
	display: block;
	width: 520px;
	height: 55px;
	padding-left: 10px;
	padding-top: 5px;
	z-index:19;
	background: url(files/planung/planung/planung_2.gif) no-repeat;
	visibility: hidden;
}

#planung_5text {
	position: absolute;
	left: 600px;
	top: 244px;
	width: 351px;
	z-index:20;
	visibility: hidden;
}

#planung_5atext {
	position: absolute;
	left: 729px;
	top: 431px;
	z-index:20;
	width: 212px;
	height: 127px;
	visibility: hidden;
}

#planung_5 {
	position: absolute;
	left: 50px;
	top: 468px;
	display: block;
	width: 520px;
	height: 55px;
	padding-left: 10px;
	padding-top: 5px;
	z-index:20;
}

.planung_5 {
	position: absolute;
	left: 50px;
	top: 468px;
	display: block;
	width: 520px;
	height: 55px;
	padding-left: 10px;
	padding-top: 5px;
	z-index:20;
}

a.planung_5 {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 520px;
	height: 55px;
	padding-left: 10px;
	padding-top: 5px;
	z-index:20;
}

a.planung_5:hover {
	background: url(files/planung/planung/planung_2.gif) no-repeat;
}

#planung_5hg {
	position: absolute;
	left: 50px;
	top: 468px;
	display: block;
	width: 520px;
	height: 55px;
	padding-left: 10px;
	padding-top: 5px;
	z-index:19;
	background: url(files/planung/planung/planung_2.gif) no-repeat;
	visibility: hidden;
}

#planung_6 {
	position: absolute;
	left: 50px;
	top: 533px;
	display: block;
	width: 520px;
	height: 55px;
	padding-left: 10px;
	padding-top: 5px;
	z-index:20;
}

#planung_7 {
	position: absolute;
	left: 50px;
	top: 598px;
	display: block;
	width: 520px;
	height: 55px;
	padding-left: 10px;
	padding-top: 5px;
	z-index:20;
}
/* --------------------------------- PLANUNG - PLANUNG */
#bau_links {
	position: absolute;
	left: 0px;
	top: 200px;
	width: 40px;
	height: 450px;
	z-index:11;
	background: #ff8c10;
	background-color: #ff8c10;
}

#bau_rechts {
	position: absolute;
	left: 582px;
	top: 226px;
	width: 410px;
	height: 410px;
	background: #ff8c10;
	z-index:11;
	background-color: #ff8c10;
}

/* --------------------------------- BAU - BEGASUNGSANLAGEN */
#bau_1text {
	position: absolute;
	left: 600px;
	top: 244px;
	width: 366px;
	z-index:20;
	overflow: auto;
	height: 370px;
	padding-right: 15px;
}

#bau_1 {
	position: absolute;
	left: 50px;
	top: 256px;
	display: block;
	width: 520px;
	height: 32px;
	padding-left: 10px;
	padding-top: 13px;
	z-index:20;
}

.bau_1 {
	position: absolute;
	left: 50px;
	top: 256px;
	display: block;
	width: 520px;
	height: 32px;
	padding-left: 10px;
	padding-top: 13px;
	z-index:20;
		
}


a.bau_1 {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 520px;
	height: 32px;
	padding-left: 10px;
	padding-top: 13px;
	z-index:20;
		
		
}

a.bau_1:hover {
	background: url(files/bau/begasung_phosphin/bau_1.gif) no-repeat;
}

#bau_1hg {
	position: absolute;
	left: 50px;
	top: 256px;
	display: block;
	width: 520px;
	height: 32px;
	padding-left: 10px;
	padding-top: 13px;
	z-index:19;
	background: url(files/bau/begasung_phosphin/bau_1.gif) no-repeat;
}

#bau_2text {
	position: absolute;
	left: 600px;
	top: 244px;
	width: 366px;
	z-index:20;
	overflow: auto;
	height: 370px;
	padding-right: 15px;
	visibility: hidden;
}

#bau_2 {
	position: absolute;
	left: 50px;
	top: 303px;
	display: block;
	width: 520px;
	height: 32px;
	padding-left: 10px;
	padding-top: 13px;
	z-index:20;
}

.bau_2 {
	position: absolute;
	left: 50px;
	top: 303px;
	display: block;
	width: 520px;
	height: 32px;
	padding-left: 10px;
	padding-top: 13px;
	z-index:20;
}

a.bau_2 {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 520px;
	height: 32px;
	padding-left: 10px;
	padding-top: 13px;
	z-index:20;
}

a.bau_2:hover {
	background: url(files/bau/begasung_phosphin/bau_1.gif) no-repeat;
}

#bau_2hg {
	position: absolute;
	left: 50px;
	top: 303px;
	display: block;
	width: 520px;
	height: 32px;
	padding-left: 10px;
	padding-top: 13px;
	z-index:19;
	background: url(files/bau/begasung_phosphin/bau_1.gif) no-repeat;
	visibility: hidden;
}

#bau_3text {
	position: absolute;
	left: 600px;
	top: 244px;
	width: 366px;
	z-index:20;
	overflow: auto;
	height: 370px;
	padding-right: 15px;
	visibility: hidden;
}

#bau_3 {
	position: absolute;
	left: 50px;
	top: 353px;
	display: block;
	width: 520px;
	height: 32px;
	padding-left: 10px;
	padding-top: 13px;
	z-index:20;
}

.bau_3 {
	position: absolute;
	left: 50px;
	top: 353px;
	display: block;
	width: 520px;
	height: 32px;
	padding-left: 10px;
	padding-top: 13px;
	z-index:20;
}

a.bau_3 {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 520px;
	height: 32px;
	padding-left: 10px;
	padding-top: 13px;
	z-index:20;
}

a.bau_3:hover {
	background: url(files/bau/begasung_phosphin/bau_1.gif) no-repeat;
}

#bau_3hg {
	position: absolute;
	left: 50px;
	top: 353px;
	display: block;
	width: 520px;
	height: 32px;
	padding-left: 10px;
	padding-top: 13px;
	z-index:19;
	background: url(files/bau/begasung_phosphin/bau_1.gif) no-repeat;
	visibility: hidden;
}

#bau_4text {
	position: absolute;
	left: 600px;
	top: 244px;
	width: 366px;
	z-index:20;
	overflow: auto;
	height: 370px;
	padding-right: 15px;
	visibility: hidden;
}

#bau_4 {
	position: absolute;
	left: 50px;
	top: 403px;
	display: block;
	width: 520px;
	height: 32px;
	padding-left: 10px;
	padding-top: 13px;
	z-index:20;
}

.bau_4 {
	position: absolute;
	left: 50px;
	top: 353px;
	width: 520px;
	height: 32px;
	padding-left: 10px;
	padding-top: 13px;
	z-index:20;
}

a.bau_4 {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 520px;
	height: 32px;
	padding-left: 10px;
	padding-top: 13px;
	z-index:20;
}

a.bau_4:hover {
	background: url(files/bau/begasung_phosphin/bau_1.gif) no-repeat;
}

#bau_4hg {
	position: absolute;
	left: 50px;
	top: 403px;
	display: block;
	width: 520px;
	height: 32px;
	padding-left: 10px;
	padding-top: 13px;
	z-index:19;
	background: url(files/bau/begasung_phosphin/bau_1.gif) no-repeat;
	visibility: hidden;
}

/* --------------------------------- BAU - BEGASUNGSANLAGEN */

#impressum {
	position: absolute;
	left: 0px;
	top: 339px;
	width: 1027px;
	z-index:20;
	text-align: center;
}

#haftung {
	position: absolute;
	left: 20px;
	top: 339px;
	width: 987px;
	z-index:20;
	text-align: center;
	height: 285px;
	overflow: auto;
}
