/* CSS Document zu Flott und Sauber Homepage */

			body {
					margin: 0px; 
					padding: 0px; 
					font-family: Verdana, Arial, Helvetica, sans-serif; 
					background: #b4ebf9;
					border-top: 1px solid #515169;
			}
			
			#whtlin_01 {
					background: #dae0ff;
					clear: both;
					padding-top: 1px;
					color: #70d4fc;
			}
			
			#whtlin_02 {
					background: #ced6ff;
					clear: both;
					padding-top: 1px;
					color: #70d4fc;
			}
			
			#whtlin_03 {
					background: #c4ceff;
					clear: both;
					padding-top: 1px;
					color: #70d4fc;
			}
			
			#whtlin_04 {
					background: #bac5ff;
					clear: both;
					padding-top: 1px;
					color: #70d4fc;
			}
			
			#whtlin_05 {
					background: #b1beff;
					clear: both;
					padding-top: 1px;
					color: #70d4fc;
			}
			
			#whtlin_06 {
					background: #a9b7ff;
					clear: both;
					padding-top: 1px;
					color: #70d4fc;
			}
			
			#whtlin_07 {
					background: #a1b0ff;
					clear: both;
					padding-top: 1px;
					color: #70d4fc;
			}
			
			#whtlin_08 {
					background: #97a8ff;
					clear: both;
					padding-top: 2px;
					color: #70d4fc;
			}
			
			#whtlin_09 {
					background: #8fa1ff;
					clear: both;
					padding-top: 1px;
					color: #70d4fc;
			}
			
			#whtlin_10 {
					background: #869aff;
					clear: both;
					padding-top: 1px;
					color: #70d4fc;
			}
			
			#whtlin_10 {
					background: #7c91ff;
					clear: both;
					padding-top: 2px;
					color: #70d4fc;
			}
			
			#whtlin_11 {
					background: #7289ff;
					clear: both;
					padding-top: 1px;
					color: #70d4fc;
			}
			
			#whtlin_12 {
					background: #6881ff;
					clear: both;
					padding-top: 3px;
					color: #70d4fc;
			}
			
			#whtlin_13 {
					background: #5d77ff;
					clear: both;
					padding-top: 3px;
					color: #70d4fc;
			}
			
			#whtlin_14 {
					background: #536fff;
					clear: both;
					padding-top: 3px;
					color: #70d4fc;
			}
			
			#whtlin_15 {
					background: #4967ff;
					clear: both;
					padding-top: 3px;
					color: #70d4fc;
			}
			
			#header {
					background: #405fff;
					padding: 0px;
					margin-bottom:0px;
					font-family: arial;
					font-size: 4em; 
					color: #f4f8df;	
					text-align: center;
			}
			
			#subtitle, h1 {
					text-align: center;
					border-top: 0px solid #515169;
					border-bottom: 0px solid #515169;
					font-size: 15px;
					font-family: Arial, Helvetica, sans-serif;
			}
			
			#footer {
					background: #405fff;
					color: #b4ebf9;
					font-weight:bold; 
					font-stretch:extra-expanded;
					font-size:11px;
					clear: both; 
					margin-top: 5px; 
					margin-bottom: 5px;
					padding-left: 10px;
					padding-top: 10px;
					padding-bottom: 10px;
					border-top: 1px solid #515169;
					border-bottom: 1px solid #515169;
			}
<!--/* ist bei der aktuellen version der site nicht aktiv - bleibt aber als 'platzhalter' für die gleichförmigen bildwechsel bei der navigation*/ -->	
#yourher {color: #b4ebf9; font-size: 9px; margin-bottom: 9px;}
<!--/* derzeit nicht aktiv auf einer der sites - bleibt bestehen für spätere zwecke*/ -->	
#content{padding: 15px;float: left;width: 51%;}
/* bezieht sich auf einen rahmen mit text an der rechten seite (hervorgehoben - derzeit nicht in gebrauch - kann später wieder aktiv werden, daher bleibt es im stylesheet bestehen */
#related{width: 15%;float: right;margin-top: 200px;padding: 5px;background: #f1c865;border-left: 3px solid #66ff00; border-top: 6px solid #66ff00;border-bottom: 10px dashed #66ff00;}
			
			#nav	{
					float: left;
					width: 12%;
					background:	url(../images/WetLeaf72.jpg); 
					padding: 20px;
					font-weight: bold;
			}	
			#nav ul{
					margin: 0px;
					padding: 0px;
					list-style: none;
			}
			
/* so werden die buttons in der liste mit abstand veresehen - hier 5pixel */
			#nav li { margin-bottom: 5px; }
			
			#nav a {
					background: url(../images/buttonBlueLight.gif) no-repeat;
					width: 100px;
					height: 20px;
					text-decoration: none; 
					color:#0000FF; 
					font-size: 95%;
					display: block ;
					font-weight: strong;
					padding-left: 5px;
		}

/* wenn mit der maus über den link gefahren wird, verändert sich die farbe dazu sagt man hover */
			#nav a:hover, #nav a#aktiv {
					background: url(../images/ButtonBlue.gif) no-repeat;
					width: 100px;
					height: 20px;
					display: block;
					color:#444555
			}
<!--/* 'unsichtbarer' punkt - als platzhalter für gleichmäßigen Bildfluss beim Navigieren*/ -->				
			#blulin	{
					background: #lf3fe2;
					clear: both;
					padding-top: 10px;
					color: #70d4fc;
			}
			
			#einsatz: {
					color: 7c7c7c;
					font-size: 4px;
					padding-left: 15px;
			}
<!--/* die 'dots' sind bestandteil der ersten ausgabe der site - werden eventuell zu einem späteren zeitpunkt wieder aktiv - daher bleiben sie im stylesheet bestehen */ -->
#dots a 		{background: url(../images/DOT_1.gif) no-repeat;width: 240px;height: 240px;text-decoration: none;display: block;float: left;text-align: center;padding-top: 100px;font-size: 28px;}
#dots a:hover 	{background: url(../images/DOT_2.gif) no-repeat;width:240px;height:240px;display: block;float: left;color:#0066FF;}
#dots ul 		{margin: 0px;padding: 0px;list-style: none;}	

			#leistung_1 {
					list-style: none;
			}
			#kontakt{
					padding-left: 20px;
					padding-top: 15px;
					margin-left: 200px;
					background:#lf3fe2;
					font-size:16px;
					font-weight: bold;
					font-family:Arial, Helvetica, sans-serif;
					color:#444555;
			}
			
			#ueberuns {
					margin-left: 200px;
					margin-right: 55px;
					font-size: 16px;
					font-family: Arial, Helvetica, sans-serif;
					color:#444555;
			}
<!--/* rt, lt, rb u lb bilden zusammen einen hintergrund - werden aktuell nicht benötigt, könnten aber später wieder zum einsatz kommen und bleiben daher im stylsheet */ -->			
.rt {background: url(../images/corner_rt.gif) top right no-repeat;}
.lt {background: url(../images/corner_lt.gif) top left no-repeat;}
.rb {background: url(../images/corner_rb.gif) bottom right no-repeat;}
.lb {background: url(../images/corner_lb.gif) bottom left no-repeat;}
.rt p {padding: 10px;}
	
	.teaser	{background: #1ae8b5 ; padding: 10px;}
	
	.einsatz {color: #444555;font-size: 12px;padding: 25px;}
			
	.leistung { width:36%; float: left; color: #444555;}
	
	.partner { list-style: none; width: 45%; float: left; margin-top: 15px; color: #444555;}
	.frei { background: #FFFFFF; width: 148px; font-size: 15px; }