/*

   Stylesheet Internetauftritt Cleanteam GmbH & Co. KG

   (C) Copyright by Mike Battistella & einmaleins Buero fuer Gestaltung

   http://www.einmaleins.net/

   Ver. 08.05.2006

*/

html { height: 100%; }

body {
  background-color: #E5EDF2;
  z-index: 1;
  margin: 0px;
  text-align: center;

  height: 100%;

  /*scrollbar-3dlight-color: #ffffff;
  scrollbar-arrow-color: #cccccc;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-shadow-color: #FFFFFF;
  scrollbar-face-color: #afafaf;
  scrollbar-highlight-color: #ffffff;
  scrollbar-track-color: #ffffff;*/

}


#page {
  margin: 0 auto;
  width: 803px;
  height: 100%;
  background-color: #FFFFFF;
  border: 0px #123456 solid;
}

#header {
}

#logo {
    float: left;
    width: 229px;
    margin: 0;
    padding: 0;
    border: 0px dashed silver;
}

#header-rechts {
    text-align: right;
    vertical-align: top;
    padding: 0;
    margin-left: 230px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0px ridge silver;
    height: 160px;
}

#keyvisual {
  border: 0px dashed silver;
  margin: 0px;
  padding: 0px;
  height: 130px;
}

/* Primaernavigation */

#nav-1 {
  text-align: left;
  background-color: #FFEB00;
  width: 570px;
  height: 34px;

  padding: 0px;

  margin-top: -2px;
  margin-left: 3px;

  border: 0px ridge silver;
}


* html #nav-1 {
  text-align: left;
  background-color: #FFEB00;

  height: 31px;

  margin-top: -4px;
  margin-left: 0px;

  padding-left: 0px;
  padding-top: 3px;

  overflow: hidden;
}


#nav-1-content {
  height: 20px;

  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-top: 0px;

  padding-left: 0px;
  padding-right: 0px;
  padding-top: 14px;
  padding-bottom: 0px;

  border: 0px #f22f33 solid;
}

* html #nav-1-content {
  padding-top: 6px;
}

#nav-1 a {
  
  display:block;
  width:95px;

  height: 12px;

  border-bottom: 4px #FFEB00 solid;
  border-right: 1px #004B7C solid;




  padding-top: 0px;
  padding-bottom: 4px;

  white-space: nowrap;

  text-decoration: none;
  font-family: Arial, sans-serif;
  font-weight: roman;
  font-size: 11px;
  color: #004B7C;
  float:left;
}


#nav-1 a.nav1h, a.nav1home { 
  display:block;
  width:95px;

  height: 12px;
  border-bottom: 4px #FFEB00 solid;
  border-right: 1px #004B7C solid;




  padding-top: 0px;
  padding-bottom: 4px;

  white-space: nowrap;

  text-decoration: none;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #004B7C;
  float:left;
}


#nav-1 a:hover {
  display:block;
  width:95px;

  height: 12px;

  border-bottom: 4px #FFEB00 solid;
  border-right: 1px #004B7C solid;




  padding-top: 0px;
  padding-bottom: 4px;

  white-space: nowrap;

  text-decoration: none;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #004B7C;
  float:left;
}


 

/* Spezialanpassung, damit die Links nicht springen, wenn Sie fett angezeigt werden */
#nav-1 a.link-unternehmen:hover {
  padding-right: 11px;
  width: 90px;
}
#nav-1 a.link-unternehmen {
  width: 90px;
}

#nav-1 a.link-dienstleistung:hover {
  padding-right: 8px;
  width: 100px;
}
#nav-1 a.link-dienstleistung:hover {
  padding-right: 8px;
  width: 91px;
}

#nav-1 a.link-aktuelles:hover {
  padding-right: 9px;
  width: 70px;
}
#nav-1 a.link-aktuelles {
  padding-right: 13px;
  width: 70px;
}

#nav-1 a.link-kundenportal:hover {
  padding-right: 11px;
  width: 115px;
}
#nav-1 a.link-kundenportal {
  padding-right: 13px;
  width: 115px;
}

#nav-1 a.link-kontakt:hover {
  padding-right: 12px;
  width: 61px;
}

#nav-1 a.link-kontakt {
  padding-right: 13px;
  width: 61px;
}

#nav-1 a.link-shop:hover {
  padding-right: 10px;
}
#nav-1 a.link-shop{
  padding-right: 10px;
}


/* Abstand zwischen Header und Content */
#header-abstand {
  width: 100%;
  text-align: left;
}

#header-abstand-rand {
  height: 30px;
  width: 10px;
  font-size: 11px;
  background-color: #004B7C;
  text-align: left;
  padding: 0px;
  margin: 0px;
}



/* ------------------[ Hauptbereich ]-------------------- */
#main {
  border-left: 10px #004B7C solid;
  text-align: left;
  height: 400px;

}

/* ------------------[ Sekundaernavigation ]------------------ */

#nav-2 {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 20px;
  margin-right: 16px;
  border: 0px #ffaabb solid;
  float: left;
}

* html #nav-2 {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 13px;
  margin-left: 10px;
  float: left;
}

#nav-2-hintergrund {
  z-index: 2;
  padding: 0px;
  float: left;
  border-left: 10px #004B7C solid;
  background-color: #FFFFFF;
}

span.nav-2-kat {
  font-family: Arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
  font-size: 11px;
  color: #004B7C;
  width: 180px;
  margin-top: 10px;
  margin-bottom: 4px;
  display: block;
}

#nav-2 ul {
  margin: 0px;
  padding: 0px;
}

#nav-2 li:first-child {
  list-style-type: none;
  border-bottom: 1px #004B7C dotted;
  width: 190px;
  margin: 0px;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 10px;
}

#nav-2 li {
  font-size: 0px;
  list-style-type: none;
  border-bottom: 1px #004B7C dotted;
  width: 190px;
  margin: 0px;
  padding-left: 0px;
  padding-top: 13px;
  padding-bottom: 8px;
}


.indextools li {
  font-size: 0px;
  list-style-type: none;
  border-bottom: 0px #004B7C dotted;
  width: 190px;
  margin: 0px;
  padding-left: 0px;
  padding-top: 13px;
  padding-bottom: 8px;
}

#nav-2 a.nav2, .indextools a {
  border: 0px;
  padding: 0px;
  font-family: Arial, sans-serif;
  font-weight: normal;
  text-decoration: none;
  font-size: 11px;
  color: #004B7C;
  width: 180px;
  display: block;
}

#nav-2 a.nav3 {
  border: 0px;
  padding: 0px;
  font-family: Arial, sans-serif;
  font-weight: normal;
  text-decoration: none;
  font-size: 11px;
  color: #004B7C;
  width: 170px;
  display: block;
  margin-left: 10px;
}


#nav-2 a.nav2:hover, a.nav2h, .indextools a:hover {
  font-family: Arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
  font-size: 11px;
  color: #004B7C;
  border-right: 10px #FFEB00 solid;
  border-bottom: 0px #FFEB00 solid;
  width: 180px;
  display: block;
}

#nav-2 a.nav3h {
  font-family: Arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
  font-size: 11px;
  color: #004B7C;
  border-right: 10px #FFEB00 solid;
  border-bottom: 0px #FFEB00 solid;
  width: 170px;
  display: block;
  margin-left: 10px;
}


/* ----------- [ Inhaltsbereich ] --------------------------------------------- */

#content {
  border: 0px #FF0FFF solid;
  height: 350px;
  width: 567px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
  
  overflow-y:auto;
  float:left;

}

#contentstart {
  border: 0px #FF0FFF solid;
  height: 350px;
  width: 567px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0px;
  
  overflow:hidden;
  float:left;

}

div.contentblock img  {
  background-color: #FFFFFF;
  border: 0px #154322 solid;


}


/* -- [ Textspalte ] -- */

div.error {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #aa0000;
  /* border: 0px #fafa33 solid; */
  margin-bottom: 19px;
}


div.text {
  margin-left: 230px;
  margin-top:0px;
  padding-left: 0px;
  width: 290px;
  border: 0px #154322 solid;

}

div.contentblock a {
  color:#004b7c;
}
div.contentblock a:hover {
  color:#E5EDF2;
}

div.contentblock p, p.text, p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #004B7C;
  border: 0px #fafa33 solid; 
  margin-bottom: 19px;
  margin-top:19px;
  line-height: 16px;
}

div.contentblock b {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #004B7C;
  /* border: 0px #fafa33 solid; */
  margin-bottom: 5px;
  line-height: 16px;
  font-weight: bold;
}

div.contentblock li {
  list-style-type: square;
  color: #004B7C;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 18px;
  margin-left:-25px;
}

* html div.contentblock li {
  list-style-type: square;
  color: #004B7C;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 13px;

}
.bildunterschrift {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #004B7C;
  width:230px;
  


 
}
.bildblock {
 float:left;
  margin-bottom:19px;


}


div.scripttext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #004B7C;
  /* border: 0px #fafa33 solid; */
  margin-bottom: 19px;
  /* margin-left: 259px;   */

}
div.scripttext td {
vertical-align:top;
}


div.starttext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #004B7C;
  /* border: 0px #fafa33 solid; */
  /* margin-left: 259px;   */
margin-bottom: 19px;
  

}

.contentblock  h2 {
  background: url('/img/pfeilblau.gif') no-repeat 0px 3px;
  padding-left:15px;
}

h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #004B7C;
  margin: 0px;
  padding: 0px;
  margin-bottom: 19px;
  margin-left: 259px;  
}

h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #004B7C;
  margin-bottom:19px;


}

div.scripttext h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #004B7C;
  margin: 0px;
  padding: 0px;
  margin-bottom: 19px;
  margin-left: 230px;
  padding-left:15px;

}

div.contentblock  {

  
}

div.text  {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #004B7C;
  font-weight: roman;
  margin-bottom:19px;

}
div.text p {
margin-top:0px;
}

div.text h2 {
margin-bottom:0px;

}

h1.script {
  margin-left: 0px;
}


/*TABELLE*/
.tabelle {
  width:290px;

}
.tabelle th{
  font-family: Arial, Helvetica, sans-serif;
  background-color:#004B7C;
  color:#FFFFFF;
  font-weight:bold;
  font-size:10px;
  text-align:left;
  padding:2px;
  vertical-align:top;
}
.tabelle td{
  font-family: Arial, Helvetica, sans-serif;
  background-color:#E5EDF2;
  color:#004B7C;
  font-size:10px;
  text-align:left;
  padding:2px;
  vertical-align:top;

  
}
.tabelle td.empty{
  font-family: Arial, Helvetica, sans-serif;
  background-color:transparent;
  font-weight:normal;
  font-size:10px;
  text-align:left;
  padding:2px;

}
.tablefont {
margin-top:0px;
}

a.idxtab{
	font-weight:normal;
	text-decoration:none;
}

/* --- Formulare --- */
#content * input, select, textarea {
  border: 0px none #002c72;
  background-color: #E5EDF2;
  color: #002c72;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin-bottom: 3px;
  padding: 2px;
  
}

#content * button {
  margin: 0px;
  padding: 0px;
  border: 0px none #002c72;
  background-color: #FFFFFF;
  color: #002c72;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}


#form td, #form th  {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #004B7C;
  border: 0px;
  margin: 0px;
  padding: 0px;
  padding-bottom: 3px;

  
}

table, #content table.tabelle {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #004B7C;
  border: 0px #fafa33 solid;
  margin-bottom: 19px;
  padding: 0px;
  width:300px;
  
}

td .headline, th {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding: 0px;
  color: #004B7C;
  border: 0px #fafa33 solid;
  margin-bottom: 19px;
  margin-top: 0px;
  border-bottom: 1px #777777 solid;
}

td.imgblock {
  border: 0px;
}



/* CMS spezifisch */
table.txtcontainer {
  margin-top: 20px;
  width: 550px;
}

td.imgblock {
  width: 230px;

}


td.textblock {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #004B7C;
  border: 0px #fafa33 solid;
  vertical-align: top;
padding-left:0px;
}


/* Metanavigation */

#nav-meta {
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #004B7C;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 180px;  
  margin-right: 16px;
  padding: 0px;
  border: 0px #ffaabb solid;
  width: 610px;
}

* html #nav-meta {
  margin: 0px;
  margin-left: 180px;
}

#nav-meta ul {
  padding: 0px;
  margin: 0px;
  display: table-row;
}

#nav-meta ul li {
  list-style: none;
  padding: 0px;
}

#nav-meta a {
  text-decoration: none;
  color: #002c72;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 5px;
  padding-right: 30px;
}

#nav-meta-links {
  vertical-align: middle;
  margin: 0px;
  margin-left: 200px;
  padding: 0px;
  border: 0px #ff2c72 dashed;
}

* html #nav-meta-links {
  vertical-align: top;
  margin: 0px;
  margin-left: 300px;
  padding: 0px;
  padding-top: 5px;
}

#nav-meta-links a {
  text-decoration: none;
  color: #002c72;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 0px;
}






/* -----[ Suche ]--------------------------- */

#suche {

  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;

  color: #004B7C;

  z-index: 3;
height: 20px;

  border: 0px #ff2c72 dashed;
  overflow: hidden;
  vertical-align: top;
  


}

#suchfeldbezeichnung {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #004B7C;
  margin-right: 11px;
}


#trennlinine-suche {
  
  border: 0px #002c72 dotted;
  padding-right: 0px;
  padding-left: 34px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-left: 8px;
  margin-bottom: 13px;
}

#trennlinine-suche img {
  
  padding: 0px;
  margin: 0px;
}

#nav-meta form {
  margin: 0px;
  padding: 0px;
  border: 0px #123456 solid;
  width: 610px;
}

#suchfeldelemente {
  border: 0px #a12345 solid;
}

#suchfeldbezeichnung {
  vertical-align: middle;
}


#suchfeldelemente button {
  vertical-align: middle;
  padding: 0px;
  margin-left: 5px;
}

#suche input {
  width: 135px;
  height: 16px;
  padding-top: 2px;
  padding-left: 5px;
  
  margin-right: 11px;

  border: 0px none #002c72;
  background-color: #E5EDF2;
  color: #002c72;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  
}

#suche button {
  margin: 0px;
  padding: 0px;
  border: 0px dotted #002c72;
  background-color: #FFFFFF;
  color: #002c72;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

#content p.headline {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #004B7C;
  /* border: 0px #fafa33 solid; */
  margin: 0px;
  padding-top:0px;

  margin-bottom: 19px;



  border: 0px;
}

.scripttext p.headline {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #004B7C;
  /* border: 0px #fafa33 solid; */

  padding-top:0px;
  margin: 0px;
  margin-bottom: 19px;
  background: url('/img/pfeilblau.gif') no-repeat 0px 3px;
  padding-left:15px;

  border: 0px;
}