body {background-image: url("../pics/verlaufoben.jpg"); background-repeat: repeat-x; color: #036; font-size: 100.01%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #036; text-align: center; margin: 0; padding: 0 }

#divoben { font-size: 70%; text-align: left; position: relative; width: 800px; height: 17%;  margin: 0 auto; }
#logo   { position: absolute; right: 0; bottom: 5px }
#navi		          { position: absolute; bottom:-1px; left:0; padding-bottom:7px; }
.navigation a            { color: #036; font-weight: bold; text-decoration: none; letter-spacing: 2px; margin-top: 1px; padding: 2px 6px 6px; border-left: 1px solid #036 }
.navigation a:hover          { background-color: white; padding-bottom: 7px; border-top: 1px solid #036 }
.naviaktiv a, .naviaktiv a:hover { color: #036; font-weight: bold; text-decoration: none; background-color: white; letter-spacing: 2px; margin-top: 2px; padding: 2px 6px 7px; border-top: 1px solid #036; border-left: 1px solid #036 }

#divmitte             { font-size: 75%; background-color: #fff; width: 100%; min-height: 465px; border-top: 1px solid #036; }
#content     { text-align: left; margin: 0 auto; padding-top: 10px; position: relative; width: 800px;}
#contentbaum     { background-image: url("../pics/baum.gif"); background-repeat: no-repeat; background-position: 0 bottom; text-align: left; margin: 0 auto; padding-top: 10px; position: relative; width: 800px; height: 455px }

#contentantenna     { background-image: url("../pics/antenna2.gif"); background-repeat: no-repeat; background-position: 30px 95%; text-align: left; margin: 0 auto; padding-top: 10px; position: relative; width: 800px; height: 455px }
#textfeld        {
	color: #000;
	line-height: 145%;
	margin-top: 18px;
	width: 415px;
	height: 435px;
	float: right;
	overflow:auto;
}
#headline       {
	line-height: 145%;
	width: 350px;
	height: 435px;
	float:left;
	overflow:auto;
	color: #036;
	text-transform: none;
}

#kontaktformular { position:absolute; top:80px; left:0; color: #000; line-height: 130%; margin-bottom: 30px; width:830px;}
#dse  { padding-right:15px; height: 380px; overflow: auto }
#leuteleistungen  { color: white; font-weight: normal; margin: 0 0 0 50px; padding: 0 0 0 3px; position: absolute; width: 230px; height: 135px; overflow: auto }
.leuteleistungen a  {color:white; text-decoration:none;}
.leuteleistungen a:hover  {color:white; text-decoration:underline;}
#leute  { position: absolute; width: 200px }
#leistung  { visibility: hidden; position: absolute; width: 200px }
#ref_menu     { background-image: url("../pics/ecke2.jpg"); background-repeat: no-repeat;padding-top: 30px; position: absolute; left:50%; width: 400px; height: 81px; margin:150px -200px; }
#Ebene1, #Ebene2, #Ebene3, #Ebene4, #Ebene5   {text-align:center; position:absolute; top:3px; left:0; width:400px; visibility: hidden;}

#frame    {position: absolute; left:50%; top:0; width: 800px; height: 300px; margin:100px -400px 0; border-top: 1px solid #036;padding-top:20px;}
.frame a, #refnavi a, #reftext a , #kontaktformular a {color:#036; text-decoration:none;}
.frame a:hover, #refnavi a:hover, #reftext a:hover, #kontaktformular a:hover {color:#036; text-decoration:underline;}

#refpic {float:left; width:600px;}
#refnavi    { color: #d8dadc; font-size: 100%; text-align: center; position: absolute; right: 0; bottom: 0; width: 150px }

#reftext       { color: #000; font-size: 100%; line-height: 155%; position: relative; width: 150px; height: 280px; float: right }
#reftext h3        { color: #036; font-size: 120%; font-weight: bold; line-height: 130%; letter-spacing: 2px; display: block; margin: 0 -3px 1px -6px; padding: 2px 0 5px 6px; width: 150px; border-bottom: 1px solid #036 }

#divunten    { color: #fff; font-size: 70%; background-color: #036; padding-top: 5px; width: 100%; clear: both }
#divunten a  { color: #fff; margin-left: 65px }
#divunten a:hover { text-decoration: none }

h1  { font-size: 155%; line-height: 130% }
h2  { font-size: 100%; margin-left: 20px }
h3  { color: #036; font-size: 90%; font-weight: bold; letter-spacing: 2px; display: block; margin: 0 -3px 1px -6px; padding: 2px 0 1px 6px; border-bottom: 1px solid #036; width:400px; }
h4  { color: white; font-size: 90%; font-weight: bold; letter-spacing: 4px; width: 400px }
h5  { color: #036; font-size: 90%; font-weight: bold; letter-spacing: 2px; display: block; margin: 0 -3px 1px -6px; padding: 2px 0 1px 6px; border-bottom: 1px solid #036;}
h6  { color: #036; font-size: 90%; font-weight: bold; letter-spacing: 2px; display: block; margin: 0 -3px 1px -6px; padding: 2px 0 1px 6px; width: 360px; border-bottom: 1px solid #036 }

sup { font-size: 50% }
#welcome    {position: absolute; left:50%; width: 400px; height: 81px; margin:150px -200px; text-align:center; font-size: 160%; }
#leute h5, #leistung h5  { color: white; font-size: 90%; font-weight: bold; letter-spacing: 2px; display: block; margin: 0 -3px 1px -6px; padding: 0 0 1px 6px; border-bottom: 1px solid white;}
#divmitte #contentbaum #headline h1 {
	line-height: 1em;
	margin: 0px;
	padding: 0px;
}
#sbuhead {
	margin: 0px;
	padding: 0px;
}
#capi {
	text-transform: uppercase;
}
.content_bew {
	color: #000;
}

#textfeld p {
	margin-top: 61px;
}
			
	/* =Shadow Nav
	-------------------------------------------------------------------------- */
		
		#nav-shadow {
			margin: 0 auto 50px auto;
			padding: 50px 0 0 127px;
			width: 497px;
			min-height: 170px;
			text-align: center;
			list-style: none;
			}
			
		#nav-shadow li {
	margin-right: 15px;
	width:135px;
	height: 136px;
	position: relative;
	float: left;

			}
			
		#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {
	margin: 0 auto;
	width: 135px;
	height: 136px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../pics/button.png) no-repeat;
	display: block;
	position: relative;
	z-index: 2;
			}
			
		/* Button Colors */
		
		#nav-shadow li.button-color-1 a {
			background-position: 0px 0px;
			}

		/* Button Shadow */
		
		#nav-shadow li img.shadow {
			margin: 0 auto;
			position: absolute;
			bottom: 0;
			top: 111px;
			left: 0;
			z-index: 1;
			opacity: 0.8;
			}
.pointer {
	cursor: pointer;
}