body {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #666666; background-color: #FFCC99;text-align: center;}
#content {background-color: #FF9966; background-image: url("Bilder/Punkt.gif");	background-repeat:no-repeat;background-position:bottom left;
	width: 732px; text-align: left;	margin: auto; border:1px solid #fc9;
	voice-family: "\"}\""; voice-family:inherit; width:730px;}
.logo {padding: 15px 0 0 0; margin: 0;}
a {text-decoration: none; font-weight: bold;}
#navi {width: 150px; float: left; background:transparent;}
#navi a {border: 0; display: block; background-image:url(Bilder/quadrat_grau.gif); background-repeat:no-repeat; background-position: 3px 9px;
	color: #333333;	font-size: 12px; padding: 6px 0px 6px 16px;}
#navi a:hover {background-color:#fc9; background-image:url(Bilder/quadrat_rot.gif); color:#c33;} 
#navi a.sub {padding-left: 24px; background-color:#fc9; font-size:11px; color:#c33; background-image:url(Bilder/quadrat_rot_klein.gif); background-position: 12px 9px;}
#navi a.aktion {padding-left: 24px; background-color:#fc9; font-size:11px; color:#fff;background-image:url(Bilder/quadrat_weiss_klein.gif); background-position: 12px 9px;}
#navi a.aktiv {background-color:#fc9; color:#c33; background-image:url(Bilder/quadrat_rot.gif); background-position: 3px 9px;}
#navi a.aktiv:hover, #navi a.sub:hover {background-color:#ccc;}	
#navi a.aktion:hover {background-color: #c33}

#text {position:relative; float: right; width: 580px; background-color: #FFFFFF; padding: 30px 0px 40px 0px;}
#text p, #text form,  #text table.layout {margin: 15px 60px 20px 80px;line-height: 160%;font-size: 80%;}
#text form {border: 1px solid #fc9; padding: 20px;}
#text input {display: block;}
#text input.checkbox {display:inline;}
#text input.parallel {display:inline;}
#text #aktionsformular input, #text #aktionsformular select, #text #aktionsformular textarea {margin-bottom: 5px;}
table {margin-left: 20px; margin-right: 20px; font-size: 80%; line-height: 130%;}
th {text-align: left; background-color: #fc9; padding: 5px; margin: 0; vertical-align:top;}
td {vertical-align:top; border: 1px solid #fc9; padding: 5px; margin: 0;}
#text table.layout td {border: 0; margin: 0; padding-left: 0;}
#text img {float:left; margin: 5px 20px 20px 0px;}
#text img.rechts {float:right; margin: 5px 0px 10px 20px;}
#text img.referenz {margin: 0px 10px 0px 0px; float: none;} 
#text a {color:#FF9966; font-weight:bold;}
#text .presse {width: 576px; text-align:center; margin-top: 25px;}
#text .presse img {border: 0; margin:0; float:none;}
#text p.bild {line-height: 100%; }
#text p.bild img {float:none; vertical-align:top; margin: 0px 60px 0px 0px;}
#text a:hover {color:#3300CC;}
#text a.unten {padding-left: 10px; height: 20px; text-decoration:none; background-image:url(Bilder/quadrat_orange_navi.gif); background-repeat:no-repeat;}
#text a.unten:hover {color:#3300CC; background-image:url(Bilder/quadrat_blau_navi.gif);}
#text .wie_h1 {font-size: 22px; font-weight:normal;}
#text span.smalltext {font-size: 70%; margin-top: 0;}

#text .kasten p, #text .kasten ul {font-size: 100%; margin: 15px 20px}

#text div.referenz {background-color:#FFE0C1; margin: 10px 50px 10px 70px; padding: 0 0 10px 10px; }
#text div.referenz h5 {margin: 10px 0 0 0; padding-top: 5px;}
#text div.referenz h5 img {margin-bottom: 0; padding-bottom: 0;}
#text div.referenz p.clearer {height: 1px; line-height: 1px;}
table.tellafriend {background-color: #fff; border: 1px solid grey;}
table.tellafriend td {border: 0; text-align: left;}
table.tellafriend input {margin-bottom: 5px;}
p.tellafriend {font-size: 80%; text-align:left; padding-left: 50px;}
p.tellafriend a {color:#FF9966; }
.clearer {clear: both; }
.kasten {margin: 20px 80px 0px 100px;line-height: 160%;font-size: 80%; background-color:#ffe0c1; padding: 10px;}
.zentriert {text-align:center; padding: 10px;}
.rahmen {border:1px solid #fc9; padding: 10px; margin:15px 60px 20px 80px;}
#text div.rahmen p {margin-right:0; margin-left:0;}
#text div.rahmen ul {margin-left: 35px;}
h1 {font-size: 140%; margin-top: 60px; margin-left: 50px; text-align: right;margin-right: 40px; font-weight:normal;}
h5, h6 {font-size: 90%; margin: 30px 40px 0px 50px; color:#c33;}
h6 {background-image:url(Bilder/quadrat_rot_gross.gif); background-repeat:no-repeat; background-position: 0 1px;padding-left: 16px; margin-left: 70px;}
#text ul {list-style-image:url(Bilder/quadrat_orange.gif);margin: 15px 60px 0px 95px;line-height: 160%;font-size: 80%; }
#text ul.pagebrowser {margin: 15px 50px 15px 80px; list-style-type:none; list-style-image: none; padding: 0; float:left;}
#text ul.pagebrowser li {float:left; width: 150px;}
#text ul.pagebrowser .half {width: 225px; }
#text ul.pagebrowser .center {text-align: center;}
#text ul.pagebrowser .last {text-align: right;}

#text ol {margin: 15px 60px 0px 95px;line-height: 160%;font-size: 80%;}
/*für Referenzen*/
h5 span.beruf {font-size: 90%; color:#666; font-weight: normal;}
h5 span.firma {font-size: 90%; color:#666;}