/*  farben: 
nav1-wirueberuns: blau 0058A4
nav2-frühförderzentrum: FF8C00
nav3-wohnen: 0090C0
nav4-arbeiten: orange FFB400
nav5-stiftung: 003064
nav6-aktuelles: FFDC3A
*/
.farbe1 { background-color:#0058A4;}
.farbe2 { background-color:#FF8C00;}
.farbe3 { background-color:#0090C0;}
.farbe6 { background-color:#FFB400;}
.farbe5 { background-color:#003064;}
.farbe4 { background-color:#FFDC3A;}


/*  body und schrift definitionen */
html { 
  padding:0px;
  margin:0px;
}

body {
  font-size: 101%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#000000;  
  padding:0px;
  margin:0px;
}

a { 
color: #0058A4;
text-decoration: none; 
}

img { 
border: none; 
}

/*  headernavigation  */

#headernav { 
font-size:10px;
text-align:right;
margin-right:260px;
color:#666666;
}

#headernav a { 
font-size:10px;
color:#666666;
padding:0;
text-decoration: none; 
}

#headernav a:hover { 
color:#0058A4;
}

/*  hauptnavigation mit bildern */

#nav1, #nav2, #nav3, #nav4, #nav5, #nav6
{
position:absolute;
top:0px;
width: 120px;
height: 600px;
background-color:#0058A4;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:white;
font-size:11px;
text-align:center;
float:left;
}

#nav1  {
left:15px;
z-index:20;
}
#nav2  {
left:135px;
z-index:30;
}
#nav3  {
left:255px;
z-index:40;
}
#nav4  {
left:375px;
z-index:50;
}
#nav5  {
left:495px;
z-index:60;
}
#nav6  {
left:615px;
z-index:70;
}

#nav1 a{ 
background: url(../img/navhome1.jpg); background-repeat:no-repeat;
color:white;
width: 120px;
height:100%;
display:block;
bottom:0px;
padding-top:120px;
}

#nav1 a:hover{ 
background: url(../img/navhome1over.jpg); background-repeat:no-repeat;
background-color:#7DAAD1;
color:white;
font-weight:bold;
padding-top:134px;
}

#nav2 a{ 
background: url(../img/navhome2.jpg); background-repeat:no-repeat;
color:white;
width: 120px;
height:100%;
display:block;
bottom:0px;
padding-top:120px;
}

#nav2 a:hover{ 
background: url(../img/navhome2over.jpg); background-repeat:no-repeat;
background-color:#FF8C00;
color:white;
font-weight:bold;
padding-top:134px;
}

#nav3 a{ 
background: url(../img/navhome3.jpg); background-repeat:no-repeat;
color:white;
width: 120px;
height:100%;
display:block;
bottom:0px;
padding-top:120px;
}

#nav3 a:hover{ 
background: url(../img/navhome3over.jpg); background-repeat:no-repeat;
background-color:#0090C0;
color:white;
font-weight:bold;
padding-top:134px;
}

#nav4 a{ 
background: url(../img/navhome4.jpg); background-repeat:no-repeat;
color:white;
width: 120px;
height:100%;
display:block;
bottom:0px;
padding-top:120px;
}

#nav4 a:hover{ 
background: url(../img/navhome4over.jpg); background-repeat:no-repeat;
background-color:#FFDC3A;
color:white;
font-weight:bold;
padding-top:134px;
}

#nav5 a{ 
background: url(../img/navhome5.jpg); background-repeat:no-repeat;
color:white;
width: 120px;
height:100%;
display:block;
bottom:0px;
padding-top:120px;
}

#nav5 a:hover{ 
background: url(../img/navhome5over.jpg); background-repeat:no-repeat;
background-color:#003064;
color:white;
font-weight:bold;
padding-top:134px;
}

#nav6 a{ 
background: url(../img/navhome6.jpg); background-repeat:no-repeat;
color:white;
width: 120px;
height:100%;
display:block;
bottom:0px;
padding-top:120px;
}

#nav6 a:hover{ 
background: url(../img/navhome6over.jpg); background-repeat:no-repeat;
background-color:#FFB400;
color:white;
font-weight:bold;
padding-top:134px;
}


#logo h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:white;
font-size:12px;
font-weight:normal;
line-height:20px;
padding: 0px 10px 0 20px;
}

#titeltext{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:white;
font-size:28px;
letter-spacing:0.16em;
}