/* Allgemeine Elementformatierungen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */
*{
 margin:0;
 padding:0;
}
body, html
{
height: 100%;
margin: 0;
padding: 0 0 1px 0;
}

body {
  background: #fff;
  background: #FFF url(images/bg_big.gif) repeat-x;
  font-family: Tahoma, Verdana,Arial, Helvetica, sans-serif;
  font-size: 100.01%;
  padding: 0px 0;
  margin: 0;
  text-align: center;
  line-height: 140%;
 
}

a { text-decoration: none;}

a:link    { color: #234D60; text-decoration: none; }
a:visited { color: #628A9F; text-decoration: none; }
a:focus, a:hover, a:active { color: #BD1823; text-decoration: none; }

img{border: 0;}



/* Allgemeine Klassen
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}



/* Rahmen, Kopf
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#rahmen {
  width: 1000px;
  background: #FFF url(images/bg_main.gif) repeat-y;
  border: 0px solid #FFF;
  margin: 0 auto;
  text-align: left;
   border: 0px solid #fff;
      min-height: 100%;  
  height: auto !important;
  height: 100%;  
}

* html #rahmen {
  width: 950px;    /* fuer IE 5 und 5.5 */
  wid\th: 950px;   /* fuer IE 6 */

}

#header {
  width: 1000px;
  height: 162px;
  background: #FFF;
  padding: 0px 0 0px 0px;
}
#foto {
float: right;
height: 158px;
}


#header2 {
  width: 1000px;
  height: 47px;
  background: #E40052;
  padding: 0px 0 0px 0px;
}


#main{

width: 1000px;

 border-left: 0px solid  #fff;
  border-right: 0px solid  #fff;

   min-height: 100%;  
  height: auto !important;
  height: 100%;  
 

  }



#main:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

* html #innen{
width: 974px;
wid\th: 974px;

}

hr{border: 1px solid #fff; height:1px;}



/* content
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#content {
  float:left;
  width: 645px;
  padding: 38px 0 20px 50px;
  border-right: 0px solid #FFF;  /* Senkrechte Linie rechts */
  border-left:0px solid #FFF;   /* Senkrechte Linie links */
  color: #66666D;
  font-size: 90%;
  line-height: 150%;
  letter-spacing:0.1em;
  
}

* html #content {  /* Box Model Hack - notwendig wegen border-Angabe */
  width: 657px;    /* Fuer IE 5 und 5.5 */
  wid\th: 655px;   /* Fuer IE 6 */
}


#content h1, h2, h3 {
 color: #c52548;
 margin: 0 20px 20px 0px;
}

#content  strong {

 color:#66666D;
 }

#content h2 {
  font-size: 140%;
  }
#content h3{
  font-size: 120%;
  }

#content p {

  margin-top: 1.4em;
  

}

#content a:link, #content a:visited {
font-size: 100%;
color: #c52548;
  font-weight: bold;
}

#content a:focus, #content a:hover, #content a:active {
font-size: 100%;
  color: #c52548;
}

#content ul{padding-left: 30px;
margin-top: 0px;
padding-top:0px;}

#content ul li{list-style-type:square;
margin-top: 0px;
padding-top:0px;}

.nachoben { text-align: right; }
.graufett {font-weight: bold;
color: #66666D;
}
.rot {font-weight: bold;
color: #c52548;
}
.grau {font-weight: bold;
color: #66666D;
}
.weiss{font-weight: bold;
color: #fff;
font-size: 16px;

}


/* Spalte 3
/* * * * * * * * * * * * * * * * * * * * * * * * * * */

#rechts {
  float: right;
  width:270px;
height:100%;
   padding: 28px 0 10px 0;
  border-bottom: 0px solid #FFF;
}

*html #rechts{
height:100%;
}
#rechts h1 {
  color: #98999c;
  font-size: 80%;
  line-height: 160%;
  margin: 0 20px;
}

#rechts p {

  line-height: 150%;
  margin: 1em 20px;
}


#footer {

clear:both;
width: 1000px;
height: 50px;
border: 0px solid #ff0000;
}
#kont {
margin-top: 160px;
margin-left:22px;
}

* html #kont {
margin-top: 140px;
margin-left:22px;
}


/* Rote Menueleiste
/* * * * * * * * * * * * * * * * * * * * * * * * * * */


/* Hauptmenu */

#navcontainer { 
width: 250px; 
margin-left: 20px;
font-size:90%;
}

#navcontainer ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:100%;
letter-spacing: 0.1em;

}

#navcontainer li
{
margin: 0px;
padding: 0px;
line-height: 20px;
display: inline; /* Bug in IE6 mit doppelten Abstaenden, deswegen die Kombi inline-block */
}

#navcontainer ul li a{  

/* Allgemeine Angaben für die Links in der Liste, braucht 
man nicht für alle wiederholen. Hintergrundbild besser dem Link mitgeben anstatt dem Listenpunkt */
padding-top: 5px;
padding-bottom: 5px;
display: block;
width: 250px;
height: 20px;
}


#navcontainer ul li#menu2 a{  /* Spezialangaben */
background: url(http://www.institutbohn.de/images/btn_frauenkompetenz.gif) 0px 0px no-repeat;

}

#navcontainer ul li#menu3 a{
background: url(http://www.institutbohn.de/images/btn_wup.gif) 0px 0px no-repeat;
}

#navcontainer ul li#menu4 a{
background: url(http://www.institutbohn.de/images/btn_mein_profil.gif) 0px 0px no-repeat;
}

#navcontainer li a span {
position: absolute;
left: -1232px;
top: -2342px;
}


/* Hauptmenu zweite Ebene */

#navcontainer li li a span{  /* Die wollen wir ja wieder sehen */
position: relative;
left: 12px;
top: 3px;
}

#navcontainer li li a{ /* Und huebsch machen */
background: transparent !important; /* sonst wuerden sich die Hintergruende wiederholen, important da es oben mit der ID (#menu) genauer definiert wurde */

color: #66666D;
}

#navcontainer ul ul { /* Abstand nach unten */
margin-bottom: 16px;



}
#navcontainer li li  a:active, li li a:current, li li  a:hover{

font-weight:bold;

}

#navcontainer ul li  .active{

font-weight:bold;

}




/* Hauptmenu dritte Ebene */

#navcontainer li li li{


}

#navcontainer li li li a{
margin-left: 12px;

}
#navcontainer li li li a:active, li li li a:current, li li li a:hover{
margin-left: 12px;
font-weight:bold;

}