/* Standard-CSS für Aquaralia*/

html, body, div, h1, h2, h3, span, a, table, td, form, img {
  	margin: 0px;
	padding: 0px;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	color: black;
}

body {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#page {
	width: 800px;
	margin: auto;
	margin-top: 20px;
}

#headerOben {
	
}

html>body #headerOben {
	
}

#header {
	float: left;
	width: 800px;
	height: 87px;
	margin: 0px;
	padding: 0px;
	/*padding-top: 170px;
	padding-left: 410px;*/
	font-size: 20pt;
	font-weight: bold;
	text-align: left;
	color: #010080;
}

#logo {
	width: 117px;
	height: 87px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url('../images/logo.gif');
	background-repeat: no-repeat
}

html>body #logo {
	width: 117px;
	height: 87px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url('../images/logo.gif');
	background-repeat: no-repeat
}

#headermittel {
	width: 91px;
	height: 87px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url('../images/header1.gif');
	background-repeat: no-repeat
}

html>body #headermittel {
	width: 91px;
	height: 87px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url('../images/header1.gif');
	background-repeat: no-repeat;
}

#headerrechts {
	width: 592px;
	height: 87px;
	margin: 0px;
	line-height: 155%;
	padding-top: 25px;
	padding-left: 20px;
	float: left;
	background-color: #010080;
	color: #FFFFFF;
	font-size: 12pt;
}

html>body #headerrechts {
	width: 572px;
	height: 62px;
	margin: 0px;
	line-height: 155%;
	padding-top: 25px;
	padding-left: 20px;
	float: left;
	background-color: #010080;
	color: #FFFFFF;
	font-size: 12pt;
}

#inhalt {
	float: left;
	text-align: left;
	width: 800px;
	background-color: #FFFFFF;
}

html>body #inhalt {
	float: left;
	text-align: left;
	width: 799px;
	background-color: #FFFFFF;
}

#links {
	width: 171px;
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
}

#naviHaupt {
	width: 170px;
	margin: 0px;
	padding-top: 50px;
	float: left;
	font-size: 9pt;
	text-align: left;
}

#naviSub {
	width: 170px;
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
}

#proveedor1 {
	width: 164px;
	height: 37px;
	padding: 0px;
	float: left;
	margin-top:3px;
	background-image: url('../images/sorex.gif');
	background-repeat: no-repeat;
}

#proveedor2 {
	width: 164px;
	height: 36px;
	padding: 0px;
	float: left;
	margin-top:3px;
	background-image: url('../images/dow.gif');
	background-repeat: no-repeat;
}

#proveedor3 {
	width: 164px;
	height: 44px;
	padding: 0px;
	float: left;
	margin-top:3px;
	background-image: url('../images/basf.gif');
	background-repeat: no-repeat;
}

#proveedor4 {
	width: 164px;
	height: 44px;
	padding: 0px;
	float: left;
	margin-top:3px;
	background-image: url('../images/catch.gif');
	background-repeat: no-repeat;
}

#proveedor5 {
	width: 164px;
	height: 44px;
	padding: 0px;
	float: left;
	margin-top:3px;
	background-image: url('../images/bayer.gif');
	background-repeat: no-repeat;
}

#proveedor6 {
	width: 164px;
	height: 44px;
	padding: 0px;
	float: left;
	margin-top:3px;
	background-image: url('../images/gloria.gif');
	background-repeat: no-repeat;
}

#proveedor7 {
	width: 164px;
	height: 44px;
	padding: 0px;
	float: left;
	margin-top:3px;
	background-image: url('../images/bell.jpg');
	background-repeat: no-repeat;
}

#proveedores {
	width: 164px;
	height: 284px;
	padding: 0px;
	float: left;
	margin-top:3px;
	background-image: url('../images/proveedores.gif');
	background-repeat: no-repeat;
}

#atencion {
	margin-top:15px;
	border: 1px solid #000000;
	width: 166px;
	height: auto;
	padding-top: 10px;
	float: left;
}

#naviSub {
	width: 160px;
	margin: 0px;
	padding-left: 15px;
	float: left;
	font-size: 7pt;
	text-align: left;
}

#naviSub2 {
	width: 151px;
	margin: 0px;
	padding: 0px;
	float: left;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	color: #000000;
	background-color: #93E1E6;
}

#naviHauptUnten {
	width: 151px;
	height: 6px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url('../images/naviAbschluss.gif');
	background-repeat: no-repeat;
}

#content {
	width: 620px;
	margin: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top:0px;
	margin-top: 5px;
	float: right;
	font-size: 11pt;
	font-weight: normal;
	text-align: left;
	border-left: 2px solid #000000;
	background-image: url('../images/logogross.gif');
	background-repeat: no-repeat;
	background-position: 37px 45px;
}

html>body #content {
	width: 600px;
	margin: 0px;
	margin-top:5px;
	float: right;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top:0px;
	font-size: 11pt;
	font-weight: normal;
	text-align: left;
	background-image: url('../images/logogross.gif');
	background-repeat: no-repeat;
	background-position: 37px 45px;
}

#content2 {
	width: 620px;
	margin: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top:0px;
	margin-top: 5px;
	float: right;
	font-size: 11pt;
	font-weight: normal;
	text-align: left;
	border-left: 2px solid #000000;
}

html>body #content2 {
	width: 600px;
	margin: 0px;
	margin-top:5px;
	float: right;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top:0px;
	font-size: 11pt;
	font-weight: normal;
	text-align: left;
}

html>body #marco {
	width:601px;
	padding: 10px;
	clear:both;
	background-image: url('../images/logogross.gif');
	background-repeat: no-repeat;
}

#marco {
	width:620px;
	padding: 10px;
}

#titel {
	font-size:16pt;
	text-align:center;
	padding-top:7px;
	width:600px;
	height:32px;
	font-weight:bold;
	background-color: #010080;
	color: #FFFFFF;
	border: 1px solid #010080;
}

html>body #titel {
	font-size:16pt;
	text-align:center;
	padding-top:7px;
	width:600px;
	height:32px;
	font-weight:bold;
	background-color: #010080;
	color: #FFFFFF;
	border: 1px solid #010080;
}

.contentTextLinks {
	float: left;
	text-align: justify;
	font-size: 10pt;
	color: #010080;
	padding:5px;
	margin-top:8px;
	width: 340px;
	line-height: 120%;
}

.contentTextLinks2 {
	float: left;
	text-align: justify;
	font-size: 10pt;
	color: #010080;
	padding:5px;
	margin-top:10px;
	width: 330px;
	line-height: 120%;
}

.contentTextRechts {
	float: left;
	text-align: justify;
	padding: 0px;
	font-size: 10pt;
	color: #010080;
	margin-top:10px;
	width: 265px;
	border: 1px solid #010080;
	line-height: 120%;
}

.contentTextRechts2 {
	float: left;
	text-align: justify;
	padding: 0px;
	font-size: 10pt;
	color: #010080;
	padding-left: 10px;
	margin-top:25px;
	width: 270px;
	height:240px;
	line-height: 150%;
}

html>body .contentTextLinks {
	float: left;
	text-align: justify;
	font-size: 10pt;
	color: #010080;
	padding:5px;
	margin-top:5px;
	width: 320px;
	line-height: 120%;
}

html>body .contentTextLinks2 {
	float: left;
	text-align: justify;
	font-size: 10pt;
	color: #010080;
	width: 315px;
	padding-top:10px;
	margin-top:0px;
}

html>body .contentTextRechts {
	float: left;
	text-align: justify;
	font-size: 10pt;
	color: #010080;
	margin-top:12px;
	width: 255px;
	border: 1px solid #010080;
	line-height: 120%;
}

html>body .contentTextRechts2 {
	float: left;
	text-align: justify;
	font-size: 10pt;
	color: #010080;
	padding:5px;
	padding-left: 10px;
	margin-top:25px;
	width: 260px;
	height:220px;
	line-height: 150%;
}

.barrita {
	width:330px;
}

html>body .barrita {
	width:342px;
}

.marquito {
	width:330px;
}

html>body .marquito {
	width:340px;
}

.barrita2 {
	margin-top:95px;
	width:330px;
}

html>body .barrita2 {
	margin-top:40px;
	width:342px;
}

.barrita3 {
	margin-top:95px;
	width:330px;
}

html>body .barrita3 {
	margin-top:40px;
	width:352px;
}

.barrita4 {
	width:383px;
}

html>body .barrita4 {
	width:395px;
}

.barrita5 {
	width:598px;
}

html>body .barrita5 {
	width:600px;
}

.barrita6 {
	width:388px;
}

html>body .barrita6 {
	width:400px;
}

#abschluss {
	clear:both;
	width: 800px;
	margin-top: 5px;
	padding-top:10px;
	color: #010080;
	font-weight: normal;
	border-top: 2px solid #000000;
	line-height:100%;
}

html>body #abschluss {
	width: 799px;
	margin-top:5px;
	padding-top:5px;
	font-weight: normal;
	border-top: 2px solid #000000;
}

ul.menu {
	margin-left:0px;
	padding: 0px;
	margin-top:10px;
	margin-bottom:10px;
	margin: 0px;
	width: 117px;
	text-align: left;
	line-height: 280%;
	clear:left;
}

ul.menu1 {
	margin-left:0px;
	padding: 0px;
	margin: 0px;
	width: 117px;
	text-align: left;
	line-height: 280%;
	clear:left;
}

ul.menu2 {
	margin-left:0px;
	padding: 0px;
	margin-top: 10px;
	width: 117px;
	text-align: left;
	line-height: 280%;
	clear:left;
}

li.menu {
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	/*border-right: 3px solid #ffffff;*/
	background-image: url(../images/punto.gif);
	background-repeat: no-repeat;
	width: 150px;
	background-position: 5px 13px;
}

li.menuaktiv {
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	/*border-right: 3px solid #ffffff;*/
	background-image: url(../images/puntoaktiv.gif);
	background-repeat: no-repeat;
	width: 150px;
	background-position: 5px 13px;
}

html>body ul.menu1 {
	padding: 0px;
	margin: 0px;
	width: 117px;
	text-align: left;
	clear:left;
}

IMG.alignLeft {
	text-align: left;
	margin-right: 10px;
}

IMG.submenu2 {
	width:3px;
	height:3px;
	margin-bottom:10px;
}

html>body IMG.submenu2 {
	margin:0px;
	width:3px;
	height:3px;
	padding-bottom:2px;
}

A {
	text-decoration: none; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt; 
	margin: 0px;
	padding: 0px;
}

A:LINK {} A:VISITED {} A:HOVER {} A:ACTIVE {}

A.foot {
	color: #FFFFFF;
	font-size: 8pt;
}
A.foot:LINK {} A.foot:VISITED {} A.foot:HOVER {text-decoration: underline;} A.foot:ACTIVE {}

A.link {
	text-decoration: underline; 
	color: #000000; 
}

A.link2 {
	text-decoration: underline; 
}

A.link:LINK {} A.link:VISITED {} A.link:HOVER {} A.link:ACTIVE {}

A.menu { 
	width: 120px;
	height: 10px;
	margin: 0px;
	padding-left: 15px;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
}

html>body A.menu { 
	width: 141px;
	height: 28px;
	margin: 0px;
	padding-left: 25px;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
}

A.menuActive {
	width: 120px;
	height: 10px;
	margin: 0px;
	padding-left: 15px;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	color: #010080;
}

html>body A.menuActive {
	width: 141px;
	height: 28px;
	margin: 0px;
	padding-left: 25px;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	color: #010080;
}

A.submenu { 
	width: 138px;
	height: 20px;
	font-size: 7pt;
	text-align: left;
}

html>body A.submenu { 
	width: 141px;
	height: 38px;
	font-size: 7pt;
	text-align: left;
}

A.submenuaktiv { 
	width: 120px;
	height: 20px;
	font-size: 7pt;
	text-align: left;
	font-weight:bold;
	color: #010080;
}

html>body A.submenuaktiv { 
	width: 141px;
	height: 38px;
	font-size: 7pt;
	text-align: left;
	font-weight:bold;
	color: #010080;
}

A.submenulargo { 
	width: 135px;
	font-size: 7pt;
	text-align: left;
	
}

html>body A.submenulargo { 
	width: 141px;
	font-size: 7pt;
	text-align: left;
	
}

A.submenulargoaktiv { 
	width: 138px;
	font-size: 7pt;
	text-align: left;
	font-weight:bold;
	color: #010080;
}

html>body A.submenulargoaktiv { 
	width: 141px;
	font-size: 7pt;
	text-align: left;
	font-weight:bold;
	color: #010080;
}


A.menu:LINK {} A.menu:VISITED {}

 A.menu:HOVER
 
  {text-decoration: underline;}
  
   A.menu:ACTIVE {}

A.menuActive:LINK {} A.menuActive:VISITED {} A.menuActive:HOVER {} A.menuActive:ACTIVE {}

A.menuSub {
	width: 120px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	color: #2C2A2B;
	background-color: #93E1E6;
}

html>body A.menuSub {
	width: 141px;
	height: 28px;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	color: #2C2A2B;
	background-color: #93E1E6;
}


A.menuSub2 {
	width: 80px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	color: #2C2A2B;
	background-color: #93E1E6;
}

html>body A.menuSub2 {
	width: 141px;
	height: 28px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	color: #2C2A2B;
	background-color: #93E1E6;
}

A.menuSub:LINK {} A.menuSub:VISITED {} 

A.menuSub:HOVER {text-decoration: underline; color: #2C2A2B;} 

A.menuSub:ACTIVE {}

A.menuSubActive {
	width: 120px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	color: #2C2A2B;
	background-color: #93E1E6;
	text-decoration: underline;
}

html>body A.menuSubActive {
	width: 141px;
	height: 28px;
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	color: #2C2A2B;
	background-color: #93E1E6;
	text-decoration: underline;
}

A.menuSubActive2 {
	width: 80px;
	height: 10px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	color: #2C2A2B;
	background-color: #93E1E6;
	text-decoration: underline;
}

html>body A.menuSubActive2 {
	width: 141px;
	height: 28px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	color: #2C2A2B;
	background-color: #93E1E6;
	text-decoration: underline;
}

A.menuSubActive:LINK {} A.menuSubActive:VISITED {} A.menuSubActive:HOVER {} A.menuSubActive:ACTIVE {}

A.print {
	font-size:8pt;
}

A.goTo {
	margin: 0px;
	padding: 0px;
	font-size: 8pt; 
	color: #0C4424;
	padding-top: 7px;
}

H1 {
	font-family: Arial;
	margin: 0px;
	font-size: 14pt; 
	color: #010080;
	line-height: 120%;
}

H2 {
	font-family: Arial;
	margin: 0px;
	font-size: 14pt; 
	font-weight: bold;
	color: #010080;
	line-height: 120%;
}



.text {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
}

.textKlein {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
}

.textWeiss {
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
}

/*
*
* FORMS
*
*/

input, select { /* Alle Labels UND Formularelemente auswählen */
  margin-bottom: 3px;
  width: 200px;
  float: left;
}

html>body input, select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  margin-bottom: 3px;
  width: 200px;
  float: left;
}

label {
 text-align: center; 
 width: 80px;
 font-size:9pt;
 float: left;
}

html>body label {
 text-align: center; 
 width: 70px;
 font-size:9pt;
 float: left;
}

.check {
	margin:0px;
	width:300px;
	text-align:left;
	line-height: 150%;
	padding: 0px;
}

html>body .check {
	width: 190px;
	line-height: 150%;
	padding: 0px;
	margin-left:30px;
	text-align:left;
	padding-bottom:0px;
}

.servicio {
	width: 110px;
	line-height: 150%;
	padding: 0px;
}

.kontakt {
	width: 200px;
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

input#submit { 
  float: none;
  width: auto;
}

 form {
  background: #ffffff;
  margin:0;
  width:320px;
 }

html>body form {
  background: #ffffff;
  margin:0;
  width:325px;
 }

textarea {
  display: block;
  float: left;
  width: 200px; 
  height: 190px;
}

input[type="checkbox"], input[type="radio"]  {
	width: 10px;
	height: 10px;
}