body, h1, h2, h3, h4, h5, h6, div, p, table, td, ul, ol, li {
margin:0px;
padding: 0px;
}

/* Definiert Bilder in Tabellenzellen als Blockelement um ungewollte Luecken zu vermeiden */
td img {
display: block;
}

.nowrap {
white-space: nowrap;
}

body {
	background-color:#FFFFFF;
}

/* Die Positionen der einzelnen Bereiche */

#container {
	width: 860px;
	height: 404px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -202px 0 0 -460px;
	/* mit Jahreszeitenverzierung: margin: -202px 0 0 -430px; */
	overflow: hidden;
}

#animation #container {
	width: 954px;
	height: 716px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -358px 0 0 -477px;
	overflow: hidden;
}
	
#koerper {
	width: 860px;
	height: 404px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#logo {
	width: 133px;
	height: 29px;
	position: absolute;
	right: -1px;
	top: 32px;
}

#inhalt_links {
	width: 402px;
	height: 271px;
	position: absolute;
	top:58px;
	left: 74px;
}

#inhalt_links_kontakt {
	width: 250px;
	height: 250px;
	position: absolute;
	top:102px;
	left: 369px;
}

#inhaltinfo {
	width: 402px;
	height: 400px;
	position: absolute;
	top:58px;
	left: 74px;
	padding-left:45px;
	padding-right:20px;
	padding-top:20px;
	background-image:url(../../../images/info_hg.gif);
	background-repeat:no-repeat;
	background-position: 25px 3px;
}

#inhalt_rechts {
	height: 250px;
	position: absolute;
	top: 102px;
	left: 477px;
}

#inhalt_davor {
	height: 102px;
	position: absolute;
	top: 177px;
	left: 422px;
}

#start  #inhalt_rechts {
	height: 49px;
	position: absolute;
	top: 50px;
	left: 387px;
	width: 757px;
}

#anfahrt  #inhalt_rechts {
	position: absolute;
	top: 60px;
	left: 99px;
	width: 339px;
}

#inhalt_rechts_status {
	width: 400px;
	height: 250px;
	position: absolute;
	top: 102px;
	left: 477px;
}

/* Nur für das Impressum und den Kontakt */

#inhalt_rechts2 {
	width: 200px;
	height: 250px;
	position: absolute;
	top: 102px;
	left: 650px;
}

#anfahrt #container #inhalt_rechts2 {
	width: 300px;
	height: 250px;
	position: absolute;
	top: 102px;
	left: 477px;
}


/* Bereich für die Referenzennavi*/

#bilder {
	position: absolute;
	top: 59px;
	left: 476px;
	width: 116px;
	margin: 0;
	padding: 0;
	text-align:left;
	/* IE 5 Mac kann es nicht sehen \*/
	width: 660px;
	/* */
}

/* Die Schrift */
	
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7D7D7D;
	line-height: 150%;
}

.fett {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7D7D7D;
	font-weight: bold;
}

/* Navigation mit Hover-Effekten */
#navigation {
	position:absolute;
	top: 338px;
	left: 150px; /* mit Bild ca. 200px (z.B. Ostern) */
	width: 226px;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 34px;
	z-index:6;
	/* IE 5 Mac kann es nicht sehen \*/
	width: 400px;
	/* */
}

#navigation a {
	height: 34px;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

/* Nur für die Referenzen */
#subnavigation {
	position: absolute;
	top: 338px;
	left: 789px;
	width: 116px;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 34px;
	z-index:6;
	/* IE 5 Mac kann es nicht sehen \*/
	width: 660px;
	/* */
}

/*Nur auf Kontakt*/

#kontakt #subnavigation, #anfahrt #subnavigation {
	position: absolute;
	top: 338px;
	left: 732px;
	width: 127px;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 34px;
	z-index:6;
	/* IE 5 Mac kann es nicht sehen \*/
	width: 127px;
	/* */
}

#subnavigation a {
	height: 34px;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

#navigation a.navi_referenzen{
	width: 75px;
	background: url(../../../images/navigation/referenzen_nav.gif) no-repeat;
}

#navigation a.navi_kontakt {
	width: 75px;
	background: url(../../../images/navigation/kontakt_nav.gif) no-repeat;
}

#navigation a.navi_impressum {
	width: 76px;
	background: url(../../../images/navigation/impressum_nav.gif) no-repeat;
}

#subnavigation a.navi_web {
	width: 38px;
	background: url(../../../images/navigation/web_nav.gif) no-repeat;
}

#subnavigation a.navi_print {
	width: 38px;
	background: url(../../../images/navigation/print_nav.gif) no-repeat;
}

#subnavigation a.navi_flash {
	width: 38px;
	background: url(../../../images/navigation/flash_nav.gif) no-repeat;
}

#subnavigation a.navi_daten {
	width: 93px;
	background: url(../../../images/navigation/daten_nav.gif) no-repeat;
}

#subnavigation a.navi_anfahrt {
	width: 34px;
	background: url(../../../images/navigation/anfahrt_nav.gif) no-repeat;
}

/* folgendes ist fuer die Hover-Effekte und fuer den aktiven Link in der Navi*/
#navigation a:hover, #subnavigation a:hover, #web #container #navigation a.navi_referenzen, #print #container #navigation a.navi_referenzen, #flash #container #navigation a.navi_referenzen, #web #container #subnavigation a.navi_web, #print #container #subnavigation a.navi_print, #flash #container #subnavigation a.navi_flash, #kontakt #container #navigation a.navi_kontakt, #anfahrt #container #navigation a.navi_kontakt, #impressum #container #navigation a.navi_impressum, #kontakt #container #subnavigation a.navi_daten, #anfahrt #container #subnavigation a.navi_anfahrt{
	background-position: left bottom;
}

#navigation a span, #subnavigation a span {
	display: none;
}

/* verlinkte Referenzennamen */

a.text:link, a.text, a.text:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7D7D7D;
	line-height: 150%;
	text-decoration:none;
}

a.text:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5F7C9D;
	text-decoration:none;
}

/* verlinkte Mail/Internet in Kontakt */

a.mail:link, a.mail, a.mail:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7D7D7D;
	line-height: 150%;
	font-weight: bold;
	text-decoration:none;
}

a.mail:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #875D39;
	font-weight: bold;
	text-decoration:none;
}

#impressum a.mail:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #73995A;
	font-weight: bold;
	text-decoration:none;
}

/* verlinkte Referenzen */

a.bild:link, a.bild, a.bild:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7D7D7D;
	line-height: 150%;
	text-decoration:none;
	padding-right:20px;
}

a.bild:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7D7D7D;
	font-weight: bold;
	text-decoration:none;
	padding-right:20px;
}

.information {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7D7D7D;
	line-height: 140%;
}

a.internet:link, a.internet, a.internet:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5F7C9D;
	line-height: 150%;
	text-decoration:none;
}

a.internet:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5F7C9D;
	line-height: 150%;
	text-decoration:none;
	font-weight: bold;
}

.fettblau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5F7C9D;
	font-weight: bold;
	line-height: 150%;
}

.fetteisblau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A9B9CB;
	font-weight: bold;
	line-height: 150%;
}

.infoblau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5F7C9D;
	font-weight: bold;
}

.blau {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5F7C9D;
}

.auswahl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5F7C9D;
	line-height: 150%;
}
.fettgruen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9C605E;
	font-weight: bold;
}
.fettbraun {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #875D39;
	font-weight: bold;
}

/* Der Scrollbereich */

#divUpControl {
	position:absolute; 
	left:728px;
	top:105px; 
	width:30px;
	height:30px; 
	z-index:1; 
	text-align: right;
}

#divDownControl {
	position:absolute; 
	left:728px; 
	top:270px; 
	width:30px;
	height:30px; 
	z-index:1;
	text-align: right;
}
	
#divContainer {
	left: 477px; 
	visibility: hidden; 
	overflow: hidden; 
	width:350px; 
	clip: rect(0px 290px 186px 0px);
	position: absolute; 
	top: 102px; 
	height: 186px;
}
	
#divContent {
	width: 350px;
	position:absolute;
	left: 0px;
	top: 0px;
	padding: 0px;
}

.fettgruen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #73995A;
	font-weight: bold;
}