/*Standard-CSS-Datei www.aqua-systeme.net*/

/*----------Farben----------*/
/*Body Hintergrundfarbe - hellgrau = E7E7E7*/
/*Content Hintergrundfarbe - hellgrau = F4F4F4*/
/*Leftnavbar Hintergrundfarbe - hellgrau = E7E7E7*/
/*Topnavbar Hintergrundfarbe - dunkelgrau = BCBCBC*/
/*Schriftfarbe - dunkelblau = 000066*/
/*Trennlinienfarbe - grau = 999999*/
/*Hyperlink :link :visited - grellblau = 080DED*/
/*Hyperlink :active :hover - grellorange = FF9933*/

/*----------Allgemeine Formatierungen----------*/
* { 
	margin:0;
	padding:0; }
	
html, body {
	background-color:#E7E7E7;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000066;
	font-size:90%;
	height:100%; }
	
h1 {
	font-size:120%;
	color:#f3f3f3;
	background-color:#BCBCBC;
	border:1px solid #A7A7A7;
	padding:8px 10px;
	margin:20px 10px 30px 0px; }

h2 {
	font-size:95%;
	font-variant:small-caps;
	color:#f3f3f3;
	background-color:#BCBCBC;
	border:1px solid #A7A7A7;
	padding:8px 10px;
	margin:20px 10px 30px 0px; }

h3 {
	font-size:110%;
	padding:10px 0 10px 0; }
	
h4 {
	font-size:100%;
	padding:10px 0 10px 0; }

p, pre {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000066;
	font-size:90%;
	line-height:18px;
	margin:0.8em 0; }
	
img { margin:0 10px 0 0; }

/*----------Trennlinien----------*/
.hrgrau {
	border-style:solid;
	border-top:1px;
	border-color:#C4C4C4;
	color:#C4C4C4;
	width:82%;
	height:1px;
	margin:10px auto;
	padding:0; }

.hrgraukontakt {
	border-style:solid;
	border-top:1px;
	border-color:#C4C4C4;
	color:#C4C4C4;
	width:92%;
	height:1px;
	margin:15px 0 0 12px;
	padding:0; }
		
.hrgraulang {
	border-style:solid;
	border-top:1px;
	border-color:#999999;
	color:#999999;
	width:96%;
	height:1px;
	margin:20px auto;
	padding:0; }
	
/*----------Hyperlinks----------*/
a {
	outline:0; }

a:link, a:visited {
	text-decoration:none;
	color:#080DED; }
	
a:active, a:hover {
	text-decoration:none;
	color:#FF9933; }

/*----------banner/Logo----------*/
#logo {
    position:absolute;
    margin:45px 0 0 230px;
    z-index:100; }

/*----------wrapper----------*/
#wrapper { width:900px;
	margin:0; }
	
/*----------Bereich für Image----------*/
#header {
	background-image:url(images/headerbg.jpg);
	background-repeat:no-repeat;
	background-color:#F4F4F4;
	width:900px;
	height:160px; }

/*----------Bereich für Logo/Firmenbezeichnung----------*/
#topleft {
	background-image:url(images/topleftbg.jpg);
	background-repeat:no-repeat;
	background-color:#BCBCBC;
	width:230px;
	height:36px;
	float:left; }

/*----------Bereich für Tele/Fax----------*/
#topnavbar {
	background-color:#BCBCBC;
	width:670px;
	height:36px;
	float:left; }

#topnavbar ul {	
	list-style-type:none;
	margin:2px 0 0 0;
	padding-top:10px;
	font-size:88%; }
	
#topnavbar ul li {
	display:inline;
	padding-left:30px; }


/*----------Bereich für Navigation 1+2+3. Ebene----------*/
#leftnavbar {
	background-color:#E7E7E7;
	width:228px;
	clear:both;
	float:left; }

#leftnavbar ul {
	list-style-type:none;
	margin:8px 0 0 15px; }

#leftnavbar ul.zwei {
	margin-left:60px; }
	
#leftnavbar li {
	margin-top:2px; }
	
#leftnavbar ul li a.leftnav:link, a.leftnav:visited, a.leftnav:active {
	display:block;	
	color:#000066;
	text-decoration:none;	
	padding:8px; }
	
#leftnavbar ul li a.leftnav:hover {
	color:#f3f3f3;
	background-color:#BCBCBC; }
	
.activeleft {
	display:block;
	color:#FFFFFF;
	background-color:#BCBCBC;
	padding:8px; }

/*----------Bereich für die Inhalte----------*/
#content {
	background-color:#F4F4F4;
	border-left:2px solid #D0D0D0;
	border-bottom:2px solid #D0D0D0;
	width:620px;
	min-height:500px;
	float:left;
	padding:10px 20px 0 30px; }

#content ul {
	margin:10px 0 10px 30px;
	padding:0px; }

#content li { 
	list-style-image: url(images/pfeilliste.gif); }

#content li.listpoint {
	list-style-image:none;
	margin-left:15px; }
	
#content li.listpoint2 {
	list-style-image:none;
	margin-left:15px;
	margin-bottom:10px; }

#content ul li ul li.listpoint {
	list-style-image:none;
	margin-left:-10px; }

#content li.pointnone {
	list-style-type:none;
	list-style-image:none; }
	
#content li.liste {
	color:#FF9933;
	padding:4px; }
	
#content .listenfeld {
	background-color:#E7E7E7;
	border-top:1px solid #8C8C8C;
	border-right:1px solid #8C8C8C;
	border-bottom:1px solid #D0D0D0;
	border-left:1px solid #D0D0D0;
	color:#000066;
	width:500px;
	padding:5px 0 5px 10px;
	margin:20px auto 0 ; }
	
#content table {
	width:610px;
	margin:10px 0 30px 0;
	font-size:95%;
	border-collapse:separate;
	border:1px solid #A7A7A7; }
	
#content caption {
	margin-bottom:20px;
	font-size:115%;
	font-weight:bold; }
	
#content td {
	background-color:#E7E7E7;
	vertical-align:top;
	padding:5px 10px 5px 5px; }
		
	
/*----------Formatierungen der Kontaktseiten----------*/

/*----------Hausanschrift----------*/
#anschriftrubrik {
	background-color:#BCBCBC;
	border-top:1px solid #8C8C8C;
	border-right:1px solid #8C8C8C;
	border-bottom:1px solid #D0D0D0;
	border-left:1px solid #D0D0D0;
	color:#000066;
	font-weight:bold;
	font-size:90%;
	width:500px;
	padding:5px 0 5px 10px;
	margin:20px auto 0; }
	
#anschrift {
	background-color:#E7E7E7;
	border-top:1px solid #8C8C8C;
	border-right:1px solid #8C8C8C;
	border-bottom:1px solid #D0D0D0;
	border-left:1px solid #D0D0D0;
	width:500px;
	height:125px;
	margin:20px auto 20px;
	padding:0 0 10px 10px; } /*hier muss der wert für den E abgeändert werden*/
	
.anschriftname { font-weight:bold; }
	
/*----------Kontaktdaten----------*/
.kontaktrubrik {
	background-color:#BCBCBC;
	border-top:1px solid #8C8C8C;
	border-right:1px solid #8C8C8C;
	border-bottom:1px solid #D0D0D0;
	border-left:1px solid #D0D0D0;
	color:#000066;
	font-weight:bold;
	font-size:90%;
	width:500px;
	padding:5px 0 5px 10px;
	margin:10px auto 0; } 
	
.kontakt {
	background-color:#E7E7E7;
	border-top:1px solid #8C8C8C;
	border-right:1px solid #8C8C8C;
	border-bottom:1px solid #D0D0D0;
	border-left:1px solid #D0D0D0;
	width:500px;
	min-height:142px;
	margin:20px auto 20px;
	padding:5px 0 5px 10px; }

.kontakt2 {
	background-color:#E7E7E7;
	border-top:1px solid #8C8C8C;
	border-right:1px solid #8C8C8C;
	border-bottom:1px solid #D0D0D0;
	border-left:1px solid #D0D0D0;
	width:510px;
	min-height:48px;
	margin:20px auto 20px;
	padding:5px 0 5px 0;
    text-align: center; }
	
.kontaktfloat { 
	float:left;
	margin:8px 35px 5px 5px; }
	
.kontaktname { font-weight:bold; }

.kontakttext { font-size:90%; }

.kontakttext2 {
    font-size:90%;
    background-color:#CCCCCC;
    border-top:1px solid #8C8C8C;
	border-right:1px solid #8C8C8C;
	border-bottom:1px solid #B0B0B0;
	border-left:1px solid #B0B0B0;
    width:250px;
    padding:5px;
    margin:10px auto 0; }

	
/*----------Klassen----------*/	
.bold {
	font-weight:bold; }
	
.bottomdiff {
	margin-bottom:10px; }
	
.center {
	text-align:center; }
	
.clear {
	clear:both; }

.colorbg {
	background-color:#FFCC99;
	border:1px solid #FF6633;
	padding:15px;
	margin:30px 15px 30px 5px; }
	
.einrückung {
	margin-left:30px; }
	
.floatleft {
	float:left; }
	
.floatright {
	float:right; }
	
.font80 {
	font-size:80%; }
	
.font85 {
	font-size:85%; }
	
.hidden {
	visibility:hidden; }
	
.imgnoborder {
	border:none; }
	
.imgbottom {
	margin-bottom:-3px; }
	
.imgright {
	margin-right:25px; }
	
.imagefloatl { float:left;
	margin:0 30px 15px 0; }
	
.image2floatl { float:left;
	margin:0 10px 15px 30px; }
	
.imagefloatr { float:right;
	margin:0 15px 15px 30px; }

.imagetext { font-size:85%;
	font-style:oblique; }
	
.imageclear	{ display:block;
	clear:both; }

.kontaktformcolor {
    color: #CC0000;
    font-weight: bold; }
	
.markerblue {
	color:#0033FF; }
	
.markergrey {
	color:#333333; }

.markerred {
	color:#FF3300; }
	
.oblique {
	font-style:oblique; }
	
.topdiff {
	margin-top:40px; }