/*NUR F†R IE*/  * html #container { 	height:100%;	} * {margin: 0;padding: 0;}        }html>body #navi li {        display: block;        } html {     	height: 100%;    margin-bottom: 0.1em;}body {  text-align:center;  background: rgb(20,50,80) url(images/body-bg.gif) center repeat-y;  height: 100%;}#container {   z-index:2;position : relative;    width: 800px;    height: 100%;     background : #fff url(images/body-bg.gif) top repeat-y;    margin: 0 auto;    text-align:left; 	padding: 0;	border: 0;}#top {z-index:1;position : relative;background : #fff url(images/top-bg.gif) top no-repeat;top : 0px;left : 0px; height: 184px;width : 800px; }#top h1 {margin: 0;}/**********Drop down NAVIGATION**********/ul.dropdown { background:#7392A1; height: 21px;	 font:0.8em/1.3em Arial, Helvetica, Verdana, sans-serif; list-style: none; margin:0; padding:0 0 0 70px; width:730px;color:#666;}ul.dropdown * ul { list-style: none; margin:0; padding:0; display:none; position:absolute; z-index:99;}ul.dropdown li { float: left; padding: 0 0 0 30px;}ul.dropdown li ul li { padding: 0;}ul.dropdown li * li { float: none; position: relative;}ul.dropdown ul * ul { left:98%; top:0; width:100%;}ul.dropdown ul * a { width:20em;}ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul, ul.dropdown li:hover ul ul ul ul { display:none;}ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul { display:block;}ul.dropdown a { display:block; background-color: #7392A1; color:#fff; padding: 2px 4px 2px 4px; text-decoration: none;}ul.dropdown a:hover { background-color: #014f75; color: #cad6d1;}ul.dropdown ul { border: 0; background-color: #7392A1;}ul.dropdown ul a { background-color: #b2c7d3; color: #044f75; padding: 4px; text-decoration: none;}ul.dropdown ul a:hover { background-color: #88a4b3; color: #fff;}ul.dropdown ul li { background-color: #ccc;}ul.dropdown hr { background-color: #444444; height: 1px; margin: 3px; border: 0;}.first {font-weight: bold;}.first ul {font-weight: normal;}/**********Drop down NAVIGATION Ende**********//************INHALT************/#content {z-index:5;position : absolute;top : 210px;left :100px;width : 500px;background: #fff ;padding : 70px 0 0 0; margin : 0;border : 0;}#content a {color: rgb(0,0,150);text-decoration : none;}#content a:hover {color: rgb(0,60,150);}#content #reftable {width: 100%;}#content tr {text-align:left;vertical-align: top;background: rgb(230,230,230);}#content tr.head {text-align:left;vertical-align: top;background: #fff;color: rgb(120,0,40);padding: 5px 0 0 0;}#content tr.head td {padding: 7px 0 0 0;}#content table { border:0 none; border-collapse:collapse; border-spacing:0; }#content td { border:0 none; padding:0; }#content td img { display:block; vertical-align:bottom; }#content .contenttxt {vertical-align:top;width: 460px;margin: 0;padding : 20px;}#content .contentpct {vertical-align:top;background-color: #666;}#content ul {margin-left : 30px;padding: 0;}#content li {list-style-image: url(images/punkt.gif); margin: 2px 0 2px 30px;}#content li p {padding: 0;margin-left : 0px;}#content blockquote {margin-left: 30px;}#content .kasten {display:block;background-color:#ccc;padding:5px;}#content p.imgbalk {margin: 0;}#content p.bildtext {font: 0.7em/1.1em Arial, Helvetica, Verdana, sans-serif;color: #333;}#imgright {float : right;height: 100%;margin-left:30px;}#imgright p {margin: 0;padding : 0;}#txtright {float : right;margin: 30px 0px 20px 30px;border:2px solid rgb(200,200,200);padding : 5px;}#txtright p{margin: 0;padding : 0;font: 0.7em/1.2em Arial, Helvetica, Verdana, sans-serif;}#headline {position: absolute;top: 0;left: 0;}/******* Illustration***********/#illu {position: absolute;top: 280px;left: 664px;}/******* Anfang Tabelle Content***********/#content table.preis {text-align:left;width : 559px;margin: 0 30px 0 30px;}#content table.preis tr {text-align:left;vertical-align: top;background: rgb(230,230,230);}#content table.preis td {font: 0.8em/1.3em Arial, Helvetica, Verdana, sans-serif;color: #666;padding: 5px;margin: 0;border:1px solid #fff;}#content table.preis tr.head {text-align:left;vertical-align: top;background: #fff;font-weight: bold;padding: 5px 0 10px 0;}#content table.preis td.head {color: rgb(120,100,40);font-weight: bold;padding: 7px 0 0px 0;}/******* Ende Tabelle Content***********/#footer {position: absolute;z-index: 10;margin: 0 ;padding: 0;bottom: 10px;}#footer p {font: 0.7em/1em Arial, Helvetica, Verdana, sans-serif;margin: 0 0 0 20px;}#footer a {text-decoration : none;color: #999;  }#footer a:hover {color: rgb(0,65,100);}/******* Kontaktformular Anfang***********/.kontform {width: 400px;padding : 0px; border: 0;}.kontform td {vertical-align: top;}/******* Kontaktformular Ende***********/h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, Verdana, sans-serif;}h4,h5,h6 {  font: 0.8em/1.3em Arial, Helvetica, Verdana, sans-serif; }p {  font: 0.8em/1.3em Arial, Helvetica, Verdana, sans-serif;margin: 5px 0px 5px 0px;padding : 0;color: #666;}h1  { color: rgb(211,72,42); font: 1.2em tahoma, arial, sans-serif;margin: 0px 0px 20px 0px;}h2  { color: rgb(0,65,100);font: bold 0.9em arial, sans-serif;margin: 20px 0px 10px 0px;}h3  { color: #ff7f50; font: 1em Arial, Helvetica, Verdana, sans-serif;font-weight: bold;margin: 0;}h4 {  font-weight: bold;color: #751a25;	margin: 0;}h5 {  color: rgb(124,30,25);font-weight: bold;margin-bottom: 10px;}h6 {  font-weight: bold;color: #751a25;}.left { float: left;}.right { float: right;}.zitat {  color: rgb(124,30,25);font: bold 0.7em/1.2em Arial, Helvetica, Verdana, sans-serif;margin: 0;}