/*****************************************************************
 *  Stylesheet umweltzonen nrw:
 *  das informationsportal der handwerkskammer zu koeln Firefox
 *  Stand: 08/2008, 09/2007
 *  Copyright: www.till.net
 *****************************************************************/

HTML {
  font-size: 10px;
  width: 100%;
}

BODY {
  background-color: #FFFFFF;
  color: #000000;
  font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin: 0px;
  /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  min-width: 500px;
  padding: 0px;
  text-decoration: none;
}


/* ----- Allgemeine Vorgaben und Formatierungen ----- */

A {
  color: #88B346;
  font-weight: normal;
  text-decoration: underline;
}

A:link {
  color: #88B346;
  text-decoration: underline;
}

A:visited {
  color: #88B346;
  text-decoration: underline;
}

A:active {
  color: #88B346;
  text-decoration: underline;
}

A:hover {
  color: #BBCEAE;
  text-decoration: underline;
}

H1 {
  color: #88B346;
  font-size: 11px;
  margin: 0px;
  padding: 2px 0px 2px 0px;
}

H2 {
  font-size: 10px;
  margin: 0px;
  padding: 10px 0px 2px 0px;
}

P {
  line-height: 13px;
  margin: 0px;
  padding: 2px 0px 2px 0px;
}

DIV.imgbox {
  background: #E4E4E4;
  margin: 0px 5px 5px 5px;
  padding: 0px;
}

DIV.imgbox P {
  font-size: 9px;
  font-style: normal;
  font-weight: normal;
  padding: 2px;
  text-decoration: none;
  width: 200px;
}


/* ----- Interaktive Forumlare ----- */

DIV#submit {
  font-size: 9px;
  float: right;
  margin: 5px 0px 5px 5px;
  padding: 0px;
}

FORM {
  margin: 0px;
  padding: 0px;
}

INPUT {
  font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

SELECT {
  font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}

TEXTAREA {
  font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 9px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}


/* ----- Header ----- */ 

DIV#umweltzonenlogo {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 300px;
}

DIV#hwklogo {
  text-align: right;
  margin: 0px 0px 0px 310px;
  padding: 0px;
}


/* ----- Container DIV'S ----- */

DIV#containertopnav {
  background-color: #AEC0A1;
  border-top: 1px solid #BBCEAE;
  border-bottom: 1px solid #BBCEAE;
  height: 14px;
}

DIV#containernav {
  background-color: #F7F7F2;
  clear: both;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 250px;
}


/* ----- BreadCrumb ----- */

DIV#breadcrumb {
  margin: 0px;
  padding: 0px;
  position: bottom;
  text-align: left;
}

UL#breadcrumb {
  margin: 0px;
  padding: 1px 0px 2px 0px;
}

UL#breadcrumb LI {
  display: inline;
  font-size: 9px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

UL#breadcrumb A {
  color: #DEEAD5;
  font-weight: normal;
  margin: 2px 0px 0px 0px;
  padding: 0px 2px 0px 2px;
  text-decoration: none;
}

UL#breadcrumb A:hover {
  color: #FFFFFF;
}


/* ----- Navigation horizontal ----- */

DIV#topnav {
  clear: both;
  float: right;
  margin: 0px 0px 0px 181px;
  padding: 0px;
  position: bottom;
  text-align: right;
}

UL#topnav {
  margin: 0px;
  padding: 1px 0px 2px 0px;
}

UL#topnav LI {
  display: inline;
  font-size: 10px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

UL#topnav A {
  color: #DEEAD5;
  font-weight: normal;
  margin: 2px 0px 0px 0px;
  padding: 0px 2px 0px 2px;
  text-decoration: none;
}

UL#topnav A:hover {
  color: #FFFFFF;
}

UL#topnav A.click {
  color: #FFFFFF;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}


/* ----- Navigation vertikal links ----- */ 

DIV#containernav {
  background-color: #F7F7F2;
  clear: both;
  float: left;
  margin: 0px;
  padding: 0px;
}

DIV#nav {
  background-color: #F7F7F2;
  font-size: 11px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

UL#nav {
  margin: 0px;
  padding: 0px;
}

UL#nav LI {
  border-top: 1px solid #EAEADA;
  font-size: 11px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

UL#nav A {
  color: #636C5C;
  display: block;
  font-weight: normal;
  height: 16px;
  margin: 0px;
  padding: 5px 0px 0px 0px;
  text-decoration: none;
  text-indent: 10px;
  width: 100%;
}

UL#nav A:hover {
  background-color: #F0F0EB;
  color: #88B346;
}

UL#nav A.clicknav {
  background-color: #F0F0EB;
  color: #88B346;
  display: block;
  font-weight: normal;
  height: 16px;
  margin: 0px;
  padding: 5px 0px 0px 0px;
  text-decoration: none;
  text-indent: 10px;
  width: 100%;
}

/* font-size ausnahmsweise, damit Schriftgrösse kleiner ist */
UL#nav A.subnav {
  color: #636C5C;
  font-size: 10px;
  font-weight: normal;
  margin: 0px;
  padding: 4px 0px 0px 0px;
  text-decoration: none;
  text-indent: 15px;
}

UL#nav A.subnav:hover {
  background-color: #F0F0EB;
  color: #88B346;
}

UL#nav A.clicksubnav {
  background-color: #F0F0EB;
  color: #88B346;
  font-size: 10px;
  font-weight: normal;
  margin: 0px;
  padding: 4px 0px 0px 0px;
  text-decoration: none;
  text-indent: 15px;
}

/* font-size ausnahmsweise, damit Schriftgrösse kleiner ist */
UL#nav A.subnav2 {
  color: #636C5C;
  font-size: 9px;
  font-weight: normal;
  margin: 0px;
  padding: 4px 0px 0px 0px;
  text-decoration: none;
  text-indent: 25px;
}

UL#nav A.subnav2:hover {
  background-color: #F0F0EB;
  color: #88B346;
}

UL#nav A.clicksubnav2 {
  background-color: #F0F0EB;
  color: #88B346;
  font-size: 9px;
  font-weight: normal;
  margin: 0px;
  padding: 4px 0px 0px 0px;
  text-decoration: none;
  text-indent: 25px;
}


/* ----- Suche ----- */ 

DIV#suche {
  background-color: #88B346;
  color: #DEEAD5;
  font-size: 9px;
  font-weight: normal;
  height: 20px;
  margin: 0px 0px 0px -35px;
  padding: 5px 0px 1px 37px;
}

INPUT.suche {
  background-color: #F0F0EB;
  border: 1px transparent;
  color: #88B346;
  margin: 2px 0px 0px 0px;
  padding: 1px 2px 1px 2px;
}

A.suche {
  background-color: #F0F0EB;
  color: #88B346;
  font-weight: bold;
  margin: 0px;
  padding: 1px 0px 1px 0px;
  text-decoration: none;
}

A.suche:hover {
  color: #7FBEC7;
  text-decoration: none;
}


/* ----- Content ----- */ 

/* fuer "einspaltige" Darstellung mit Navigation links und mit Infoboxen rechts */
DIV#content {
  border-right: 1px solid #AEC0A1;
  border-left: 1px solid #AEC0A1;
  color: #000000;
  font-size: 11px;
  min-height: 500px;
  margin: 0px 250px 0px 250px;
  padding: 20px;
}

DIV#list1spheader {
  color: #88B346;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
}

DIV#list1spheader A {
  color: #88B346;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}

DIV#list1spheader A:hover {
  background-color: #F0F0EB;
  color: #88B346;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}

DIV#list1spcontent {
  color: #000000;
  margin: 0px;
  padding: 0px;
}

DIV#list1spfooter {
  margin: 0px;
  padding: 0px;
  text-align: right;
}

DIV#list1spfooter A {
  background-color: #F0F0EB;
  border-bottom: 1px solid #88B346;
  color: #88B346;
  margin: 0px;
  padding: 1px 5px 1px 5px;
  text-decoration: none;
}


/* ----- Infobox rechts ----- */ 

DIV#info {
  float: right;
  margin: 0px;
  padding: 0px;
  width: 250px;
}

DIV#boxheader {
  background-color: #88B346;
  color: #CDEB9F;
  font-size: 9px;
  font-weight: bold;
  margin: 0px;
  padding: 2px;
  text-align: middle;
}

DIV#box {
  color: #000000;
  font-size: 9px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}

UL#box {
  margin: 0px;
  /* Padding left, damit die list-Grafik in die Box hineinlaueft */
  padding: 0px 0px 0px 5px;
}

UL#box LI {
  list-style: none;
  margin: 0px;
  padding: 3px 0px 3px 0px;
}

UL#box A {
  color: #88B346;
  font-weight: normal;
  margin: 0px;
  padding: 0px 0px 3px 0px;
}

UL#box A:hover {
  color: #BBCEAE;
  font-weight: normal;
}


/* ----- Footer ----- */ 

DIV#footer {
  background-color: #E7E7E2;
  clear: both;
  color: #979D9D;
  font-size: 9px;
  height: 14px;
  margin: 0px;
  padding: 5px 1px 2px 1px;
  text-align: center;
}

DIV#footer A {
  color: #979D9D;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}

DIV#footer A:hover {
  color: #979D9D;
  margin: 0px;
  padding: 0px;
  text-decoration: underline;
}


/* Erweiterungen VT */

TABLE {
  font-size: 10px;
}

P.update {
  background-color: #00CC00;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  margin: 0px 0px 10px 0px;
  padding: 2px 0px 2px 3px;
  width: 99%;
}

DIV#fieldset {
  background-color: #F0F0EB;
  /*border: 1px solid #AEC0A1;*/
  margin: 0px;
  padding: 0px 3px 3px 3px;
}

DIV#legend {
  background-color: #88B346;
  color: #FFFFFF;
  font-weight: bold;
  line-height: 15px;
  margin: 0px -3px 5px -3px;
  padding: 0px 0px 0px 2px;
}