/*  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;}


html * { margin:0; padding:0; font-size: 100.01%; }

  
  body { font-family:  Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size: 70.00%; line-height:145%; color: #000; }
    
  /*--- Ueberschriften ----*/

  h1,h2,h3,h4,h5,h6 { font-weight:normal; color:#000; margin: 0; line-height:150%; }

  h1 { font-size: 1.3em; font-weight:bold; color:#0058A4; margin:12px 0 8px 0px; }                   
  h2 { font-size: 1.1em; font-weight:bold; color:#0058A4; margin:14px 0 6px 0px;}                       
  h3 { font-size: 1.1em; font-weight:bold; color:#444; margin:1.5em 0 0.5em 0;} 
  h4 { font-size: 1.0em; font-weight:bold; margin:1.5em 0 0.5em 0;}                 
  h5 { font-size: 116.67%; }                    /* 14px */
  h6 { font-size: 116.67%; } 
  

img { 
border: none; 
}

a { 
text-decoration: none; 
}

td { 
vertical-align:top; 
}

.hinweis { 
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;   
background-color: #FF5ACE;
color:black;
padding-left:20px;
margin-bottom:20px;
}

/*  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
{
float:left;
}

#nav1, #nav2, #nav3, #nav4, #nav5, #nav6
{
width: 120px;
height: 139px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:black;
padding:0px;
margin:0px;
font-size:11px;
line-height:14px;
text-align:center;
voice-family: "\"}\""; 
  voice-family:inherit;
line-height:13px;
 voice-family: "\"}\"";
}

#nav1[id], #nav2[id], #nav3[id], #nav4[id], #nav5[id], #nav6[id]{
line-height:100%;
}

#knopf  {
position:absolute;
top:119px;
width: 15px;
height: 20px;
}

#nav1  {
left:15px;
}
#nav2  {
left:135px;
}
#nav3  {
left:237px;
}
#nav4  {
left:376px;
}
#nav5  {
left:495px;
}
#nav6  {
left:615px;
}

#nav1 a{ 
background: url(../img/navhell1.jpg); background-repeat:no-repeat;
color:black;
width: 120px;
display:block;
bottom:0px;
}

#nav1 a:hover{ 
background: url(../img/nav1.jpg); background-repeat:no-repeat;
background-color:#0058A4;
color:#0058A4;
font-weight:bold;
height:139px;
voice-family: "\"}\""; 
  voice-family:inherit;
padding-top:14px;
height:125px;
color:white;
 voice-family: "\"}\"";
}

#nav2 a{ 
background: url(../img/navhell2.jpg); background-repeat:no-repeat;
color:black;
width: 120px;
display:block;
bottom:0px;
}

#nav2 a:hover{ 
background: url(../img/nav2.jpg); background-repeat:no-repeat;
background-color:#FF8C00;
color:#0058A4;
font-weight:bold;
height:139px;
voice-family: "\"}\""; 
  voice-family:inherit;
padding-top:14px;
height:125px;
color:white;
 voice-family: "\"}\"";
}

#nav3 a{ 
background: url(../img/navhell3.jpg); background-repeat:no-repeat;
color:black;
width: 120px;
display:block;
bottom:0px;
}

#nav3 a:hover{ 
background: url(../img/nav3.jpg); background-repeat:no-repeat;
background-color:#0090C0;
color:#0058A4;
font-weight:bold;
height:139px;
voice-family: "\"}\""; 
  voice-family:inherit;
padding-top:14px;
height:125px;
color:white;
 voice-family: "\"}\"";
}

#nav4 a{ 
background: url(../img/navhell4.jpg); background-repeat:no-repeat;
color:black;
width: 120px;
display:block;
bottom:0px;
}

#nav4 a:hover{ 
background: url(../img/nav4.jpg); background-repeat:no-repeat;
background-color:#FFDC3A;
color:#0058A4;
font-weight:bold;
height:139px;
voice-family: "\"}\""; 
  voice-family:inherit;
padding-top:14px;
height:125px;
color:white;
 voice-family: "\"}\"";
}

#nav5 a{ 
background: url(../img/navhell5.jpg); background-repeat:no-repeat;
color:black;
width: 120px;
display:block;
bottom:0px;
}

#nav5 a:hover{ 
background: url(../img/nav5.jpg); background-repeat:no-repeat;
background-color:#003064;
color:#0058A4;
font-weight:bold;
height:139px;
voice-family: "\"}\""; 
  voice-family:inherit;
padding-top:14px;
height:125px;
color:white;
 voice-family: "\"}\"";
}

#nav6 a{ 
background: url(../img/navhell6.jpg); background-repeat:no-repeat;
color:black;
width: 120px;
display:block;
bottom:0px;
}

#nav6 a:hover{ 
background: url(../img/nav6.jpg); background-repeat:no-repeat;
background-color:#FFB400;
color:#0058A4;
font-weight:bold;
height:139px;
voice-family: "\"}\""; 
  voice-family:inherit;
padding-top:14px;
height:125px;
color:white;
 voice-family: "\"}\"";
}


#logo{
position:absolute;
top:0px;
left:735px;
width: 260px;
height: 139px;
text-align:left;
background:white;
}

/*  inhalt mitte */

#inhalt{
margin:0px 15px 15px 20px;
padding-top:16px;
color:black;
}

#inhalt a, .kasten3 a{
color:#0058A4;
text-decoration:none;
font-weight:bold;
}

#inhalt a:hover{
color:#FFB400;
}

#inhalt p, #rechtespalte p { margin-bottom:6px; }

#inhalt ul { list-style-type: none; padding: 0; margin: 0 0 10px 10px;}
#inhalt ul li { background-image: url('../img/bullorange.gif'); background-repeat: no-repeat; background-position: 0 .4em; margin:0 0 0px 0px; padding-left:14px; }

#inhalt .tip {   
background-color: #0058A4;
color:white;
padding:2px 2px 2px 2px;
}

#inhalt .eingerueckt {   
font-weight:bold;
padding-left:20px;
}

#inhalt .ausgerueckt {   
padding-left:10px;
margin-left:10px;
}

#inhalt hr{
line-height:20px;
border:solid 1px;
height:1px;
border-color:orange;
width:100%;
text-align:left;
margin-top:15px;
margin-right:8px;
}

#inhalt[id] hr{
width:98%;
padding-right:15px;
margin-bottom:0px;
}


/*  linke spalte subnav */

#subnavblau {
position:absolute;
top:24px;
left:5px;
width:250px;
}

#subnavblau a{
background: url(../img/subblau.gif); background-repeat:no-repeat;
margin:0px;
padding-left:20px;
height:26px;
line-height:26px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:black;
voice-family: "\"}\""; 
  voice-family:inherit;
padding:7px;
padding-left:20px;
 voice-family: "\"}\"";
}

#subnavblau[id] a{
line-height:26px;
}

#subnavblau a:hover{
background: url(../img/subblau_over.gif); background-repeat:no-repeat;
margin:0px;
color:#0058A4;
}

#subnavblau a.hilight_blau{
background: url(../img/subblau_over.gif); background-repeat:no-repeat;
font-weight:bold;
margin:0px;
}

#subnavblau a.hilight_orange{
background: url(../img/suborange_over.gif); background-repeat:no-repeat;
font-weight:bold;
margin:0px;
}

#subnavorange {
position:absolute;
top:24px;
left:5px;
width:250px;
}

#subnavorange a{
background: url(../img/suborange.gif); background-repeat:no-repeat;
margin:0px;
padding-left:20px;
height:26px;
line-height:26px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:black;
voice-family: "\"}\""; 
  voice-family:inherit;
padding:7px;
padding-left:20px;
 voice-family: "\"}\"";
}

#subnavorange[id] a{
line-height:26px;
}

#subnavorange a:hover{
background: url(../img/suborange_over.gif); background-repeat:no-repeat;
margin:0px;
color:#0058A4;
}

#subnavorange a.hilight_blau{
background: url(../img/subblau_over.gif); background-repeat:no-repeat;
font-weight:bold;
margin:0px;
}

#subnavorange a.hilight_orange{
background: url(../img/suborange_over.gif); background-repeat:no-repeat;
font-weight:bold;
margin:0px;
}
/*  rechte spalte adressen und bilder */

#adressen {
margin-top:40px;
background: url(../img/graustreifen.gif); background-repeat:no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color:#0058A4;
padding-left:30px;
}

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

#adressen a:hover{
color:#FFB400;
}

#adressen .anfahrt{
color:#FFB400;
text-decoration:none;
}

#adressen .anfahrt:hover{
color:#0058A4;
}

#bilder {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:26px;
color:#FFB400;
padding-left:30px;
padding-top:20px;
}

#bilder a{
color:#FFB400;
text-decoration:none;
}

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

#bilder img{
padding-top:20px;
margin-top:20px;
voice-family: "\"}\""; 
  voice-family:inherit;
margin-top:0px;
 voice-family: "\"}\"";
}

#bilder[id] img{
margin-top:0px;
}

#inhalt img{ 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#inhalt .bildlinks{
margin:5px 12px 0px 0px;
padding:0px 0px 0px 0px;
}

#inhalt .bildlinks2{
margin-right:8px;
}

#inhalt .bildrechts{
margin:5px 5px 0px 8px;
padding:0px 0px 0px 0px;
}

.rechtseinzug{
clear:both;
padding-right:120px;
}

.bu {
	font-size:95%;
	padding-right:15px;
	font-style:italic;

}

#inhalt table td { padding-bottom:2px; }

.bu2{
font-size:85%;
line-height:120%;
padding-right:15px;
clear:both;
padding-right:25px;
}
.aktuell-termin { 
clear:both;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight:bold;  
background-color: #7DAAD1;
color:#FFFFFF;
padding:2px 2px 2px 8px;
margin:34px 5px 5px 0px;
}
.aktuell { 
clear:both;
  font-weight:bold; 
  font-size:1.1em;
background-color: #7DAAD1;
color:#FFFFFF;
padding:3px 8px 4px 8px;
margin:20px 5px 10px 0px;
}
#inhalt .aktuell a, #inhalt .aktuell-termin a{ 
color:#FFFFFF;
}

.seminar { 
clear:both;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight:normal;  
background-color: #7DAAD1;
line-height:140%;
color:white;
padding:2px 2px 2px 8px;
margin:15px 0px 0px 0px;
}

.seminar[class] { 
margin:10px 5px 0px 0px;
}

.clear { 
clear:both;
height:20px;
}
.clearleft { clear:left; }


p.aktuell2 { padding:2px 8px; }


.teaser { width:200px; margin-left:10px; background-color:#FFD97D;}
.teaser_rechts { width:200px; margin-left:30px; background-color:#FFD97D;}
.teaser h2, .teaser_rechts h2 { background-color: #FFB400; color:white; padding:2px 2px 2px 8px; }
.teaser h1, .teaser_rechts h1 { font-size:12px; margin: 0 10px;}
.teaserhg p, .teaserhg img { margin: 4px 10px;}
.teaserhg p img{ margin: 4px 0px;}


.enger{
letter-spacing:-1px;
}

#brandaktuell{
background-color:#FFD97D;
width:95%;
padding:0px;
padding-left:20px;
padding-right:20px;
padding-bottom:0px;
margin:20px 0px 0px 0px;
}

#bildergalerie{
margin-top:20px;
}

#bildergalerie img{
padding-right:20px;
padding-bottom:6px;
}

.kasten { 
clear:both;
background-color: #D2D2D3;
padding:0px 14px 18px 14px;
margin:20px 0 20px 0;
}
.kasten2 { 
clear:both;
background-color: #D2D2D3;
padding:10px 10px 12px 10px;
margin:20px 0 20px 0;
}

.kasten3 { 
display:block; 
text-align:left;
margin-left:20px;
padding:10px;
background-color: #F2F2F2;
border:1px solid #D2D2D3;
}

.zitat {  
display:block; 
background-color: #D2D2D3;
margin-top:20px;
margin-bottom:20px;
padding:15px;
padding-left:20px;
padding-top:4px;
}

.zitat2 {  
display:block; 
float:right;
text-align:left;
padding:10px;
background-color: #F2F2F2;
border:1px solid #D2D2D3;
width:170px;
margin-left:10px;
}

