/***************************************************
 *  Stylesheet Handwerkskammer zu Köln Firefox
 *  Allgemeingueltige Formatierungen und Vorgaben
 *  Stand: 09/2008, 08/2008, 08/2007
 *  Copyright: www.till.net
 **************************************************/

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

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

TABLE {
  font-size: 11px;
}

.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}

.clearfix {
  display: inline-block; /* Fixes IE/Mac */
}

/* Hides from IE-mac \*/
* html .clearfix,
* html .clearfix * {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* ----- Header, Horizontale Navigation ----- */

DIV#header {
  margin: 0px;
  padding: 0px;
}

DIV#top {
  background-image:url(bg_top.jpg);
  background-position: top left;
  background-repeat: repeat-y;
  border-top: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;  
  margin: 0px;
  padding: 1px 0px 1px 5px;
}

DIV#head {
  background-image:url(bg_headimg.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  margin: 0px;
  padding: 0px;
  text-align: right;
}

DIV#navtop1left {
  background-color: #E1E0E0;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 180px;
}

DIV#navtop1 {
  background-color: #E1E0E0;
  border-bottom: 1px solid #FFFFFF;
  margin: 0px;
  padding: 0px;
  text-align: right;
}

DIV#top A {
  color: #FFFFFF;
  text-decoration: none;
}

A.navtop1 {
  color: #5C5959;
  font-size: 10px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin: 0px;
  padding: 2px 0px 2px 0px;
  text-decoration: none;
}

A.navtop1:link {
  color: #5C5959;
  text-decoration: none;
}

A.navtop1:visited {
  color: #5C5959;
  text-decoration: none;
}

A.navtop1:active {
  color: #5C5959;
  text-decoration: none;
}

A.navtop1:hover {
  color: #FFFFFF;
  text-decoration: none;
}

A.navtop1klick {
  color: #FFFFFF;
  font-size: 10px;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  margin: 0px;
  padding: 2px 0px 5px 0px;
  text-decoration: none;
}

A.navtop1klick:link {
  color: #FFFFFF;
  text-decoration: none;
}

A.navtop1klick:visited {
  color: #FFFFFF;
  text-decoration: none;
}

A.navtop1klick:active {
  color: #FFFFFF;
  text-decoration: none;
}


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

DIV#wrapper1 {
  background: url(bg_left.jpg) 25% 0;
}

DIV#wrapper2 {
  background: url(bg_right.gif) 80% 0;
}

/* ----- Center Content, Right Content ----- */

DIV#wrapright {
  float: right;
  width: 76%;
}	

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

DIV#center {
  font-size: 11px;
  float: left;
  margin: 0px;
  padding: 0px;
  width: 73.333%;
}


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

DIV#content {
  color: #000000;
  margin: 5px;
  min-height: 450px;
  padding: 0px 5px 5px 5px;
}


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

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

DIV#list1spheader A:hover {
  background-color: #F4F4F4;
  color: #2F53A7;
  display: block;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  width: 100%;
}

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

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

DIV#list1spfooter A {
  background-color: #F0F0EB;
  color: #2F53A7;
  margin: 0px;
  padding: 1px 5px 1px 5px;
  text-decoration: none;
}


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

DIV#homeleft {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 50%;
}

DIV#homeright {
  margin: 0px 0px 0px 50%;
  padding: 0px;
}

DIV#hometitle {
  background: #A3C7ED;
  border-bottom: 1px solid #2F53A7; 
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  height: 13px;
  margin: 0px 10px 2px 0px;
  padding: 2px;
}

DIV#hometitlebildung {
  background: #FBCB3D;
  border-bottom: 1px solid #2F53A7; 
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  height: 13px;
  margin: 0px 10px 2px 0px;
  padding: 2px;
}

DIV#hometitleberatung {
  background: #C7CE40;
  border-bottom: 1px solid #2F53A7; 
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
  height: 13px;
  margin: 0px 10px 2px 0px;
  padding: 2px;
}

DIV#homebox {
  background-color: #F4F4F4;
  color: #000000;
  margin: 0px 10px 0px 0px;
  padding: 2px;
}

DIV#homelink {
  font-size: 11px;
  font-weight: bold;
  margin: 0px;
  padding: 2px 5px 2px 0px;
  text-align: right;
}

DIV#homelink A {
  color: #3759A6;
  text-decoration: none;
}

DIV#homelink A:hover {
  color: #666666;
  text-decoration: none;
}

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

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

A {
  color: #3759A6;
  text-decoration: underline;
}

A:link {
  color: #3759A6;
  text-decoration: underline;
}

A:visited {
  color: #3759A6;
  text-decoration: underline;
}

A:active {
  color: #3759A6;
  text-decoration: underline;
}

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


H1 {
  color: #3759A6;
  font-size: 14px;
  margin: 0px 0px 7px 0px;
  padding: 0px;
}

H2 {
  color: #999999;
  font-size: 13px;
  margin: 0px 0px 7px 0px;
  padding: 0px;
}

H3 {
  color: #3759A6;
  font-size: 12px;
  font-weight: bold;
  margin: 0px 0px 7px 0px;
  padding: 0px;
}

H4 {
  color: #999999;
  font-size: 12px;
  font-weight: bold;
  margin: 0px 0px 7px 0px;
  padding: 0px;
}

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

P.contentfooter {
  font-size: 10px;
  margin: 20px 0px 0px 20px;
  padding: 0px;
}


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

DIV#right {
  margin: 0px 0px 0px 73.333%;
  padding: 0px;
}

DIV#box {
  margin: 0px;
  padding: 0px;
  text-align: left;
}

DIV#boxheader {
  background-color: #3759A6;
  color: #D6DDEE;
  font-size: 10px;
  font-weight: bold;
  margin: 0px;
  padding: 3px;
}

DIV#boxcontent {
  background-color: #D6DDEE;
  color: #3759A6;
  font-size: 10px;
  font-weight: normal;
  margin: 0px;
  padding: 3px;
}

DIV#boxlink {
  background-color: #D6DDEE;
  margin: 0px;
  padding: 2px 0px 2px 0px;
  text-align: right;
}

A.box {
  background-color: #3759A6;
  color: #D6DDEE;
  font-size: 10px;
  font-weight: bold;
  margin: 0px;
  padding: 2px 5px 2px 5px;
  text-decoration: none;
}

A.box:link {
  color: #D6DDEE;
  text-decoration: none;
}

A.box:visited {
  color: #D6DDEE;
  text-decoration: none;
}

A.box:active {
  color: #D6DDEE;
  text-decoration: none;
}

A.box:hover {
  color: #FFFFFF;
  text-decoration: none;
}

DIV#boxnav {
  background-color: #D6DDEE;
  margin: 0px;
  padding: 0px 0px 4px 0px;
}

UL#boxnav {
  font-size: 10px;
  background-color: #D6DDEE;
  margin: 0px;
  padding: 0px;
  text-align: left;
}

UL#boxnav LI {
  background-color: #D6DDEE;
  list-style: none;
  margin: 0px;
  padding: 0px 0px 10px 0px;
}

UL#boxnav A {
  background-color: #3759A6;
  color: #D6DDEE;
  display: block;
  font-weight: bold;
  margin: 0px;
  padding: 2px 5px 2px 5px;
  text-decoration: none;
}

UL#boxnav A:hover {
  color: #FFFFFF;
  display: block;
  text-decoration: none;
}


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

DIV#left {
  margin: 0px 76% 0px 0px;
  padding: 0px;
}

DIV#lefttopspace {
  margin: 0px;
  padding: 20px 0px 0px 0px;
}

DIV#bannerbox {
  margin: 0px;
  padding: 0px;
}

DIV#bannerboxtitle {
  background-color: #B0B8C1;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  margin: 0px 0px 3px 0px;
  padding: 2px 2px 3px 2px;
}

DIV#banner1 {
  background-image:url(umweltzonen_banner.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  height: 55px;
  margin: 0px 0px -8px 0px;
  padding: 0px;
}

DIV#banner2 {
  background-image:url(zukunft.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  height: 79px;
  margin: 0px 0px -8px 0px;
  padding: 0px;
}

DIV#banner3 {
  background-image:url(berufsinfo_banner.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  height: 55px;
  margin: 0px 0px -8px 0px;
  padding: 0px;
}

DIV#banner4 {
  background-image:url(innung_banner.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  height: 55px;
  margin: 0px 0px -8px 0px;
  padding: 0px;
}

DIV#banner5 {
  background-image:url(energieforum_banner.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  height: 55px;
  margin: 0px 0px -8px 0px;
  padding: 0px;
}


div#banner6 {
  background-image:url(abwasser-button.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  height: 55px;
  margin: 0px 0px -8px 0px;
  padding: 0px;
}

div#banner7 {
  background-image:url(trial-genial.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  height: 81px;
  margin: 0px 0px -8px 0px;
  padding: 0px;
}

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

DIV#footer {
  background: #E1E0E0;
  clear: both;
  color: #3759A6;
  font-size: 10px;
  margin: 0px;
  padding: 2px;
}

A.footer {
  color: #3759A6;
  text-decoration: none;
}

A.footer:link {
  color: #3759A6;
  text-decoration: none;
}

A.footer:visited {
  color: #3759A6;
  text-decoration: none;
}

A.footer:active {
  color: #3759A6;
  text-decoration: none;
}

A.footer:hover {
  color: #666666;
  text-decoration: underline;
}


/* ----- Interaktive Formulare ----- */

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

DIV#suche {
  color: #3759A6;
  font-size: 10px;
  font-weight: bold;
  margin: 0px;
  padding: 2px 0px 10px 0px;
  text-align: left;
}

INPUT.suche {
  //background-color: #D6DDEE;
  //background-image:url(google.gif);  
  //background-repeat: no-repeat;
  background-color: #ffffff;
  border: 1px #3759A6 solid;
  color: #3759A6;
  font-size: 10px;
  margin: 4px 0px 0px 0px;
  padding: 2px;
  width: 110px;
}

P.google {
  font-size: 10px;
  font-weight: normal;
  color: #000000;
}

A.suche {
  font-weight: bold;
  color: #2F53A7;
  text-decoration: none;
}

A.suche:link {
  color: #2F53A7;
  text-decoration: none;
}

A.suche:visited {
  color: #2F53A7;
  text-decoration: none;
}

A.suche:active {
  color: #2F53A7;
  text-decoration: none;
}

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

DIV#folderlisttitle {
  border-bottom: 1px solid #2F53A7; 
  font-size: 12px;
  font-weight: bold;
  //height: 13em;
  margin: 0px 10px 0px 0px;
  padding: 2px;
}

DIV#folderlisttitle A {
  text-decoration: none;  
}

DIV#folderlistbox {
  color: #000000;
  margin: 0px 10px 0px 0px;
  padding: 2px;
}

TD.form {
  margin: 0px;
  padding: 0px 2px 0px 4px;
}

TD.form2 {
  background-color: #F0F0F0;
  color: #666666;
  margin: 0px;
  padding: 1px 5px 1px 5px;
}

.grey {
  background-color: #F8F8F8;
}

.white {
  background-color: #FFFFFF;
}


DIV.editbox {
  font-size: 10px;
  margin: 2px;
  padding: 2px;
  border: 1px solid #000;
}