/*-----------------------------------------------------------------
-- written for Stadtkultur online -//- creator: pb@parterremedia.de
-- Positionierungen + Formatierungen für Header
-- geändert: 05.03.2004
-----------------------------------------------------------------*/
/* Start: Positionierungen
------------------------*/
#header {
 position:absolute; left:0; top:0; z-index:1;
width:100%; height:108px;
background-color: #ff0000;
border: 0 none;
margin-right:0; padding-right:0; 
}
#logo {
 position:absolute; left:10px; top:11px; width:129px; height:65px; z-index:3; background-color: #ff0000;
}
#stadtkultur {
 position:absolute; left:155px; top:52px; z-index:3;
 width:182px; height:25px;
 background-color: #ff0000;
	}
#home 	    {left:367px; width:160px;}
#leitbild   {left:527px; width:81px;}
#ueberuns   {left:608px; width:81px;}
#engagement {left:689px; width:117px;}
#sitemap    {left:806px; width:88px;}
#kontakt    {left:894px; width:81px;}
/* gemeinsame Properties für obere Linkleiste */
#home, #leitbild, #ueberuns, #verbund, #engagement, #kontakt, #sitemap {
 position:absolute; top:5px; z-index:3;
 height:20px; 
 background-color: #ff0000; 
 text-align:center; 
 vertical-align: middle; /* border:1px solid green; */
 }

/* --- untere Button-Leiste --- */
#NaviUnten {
 position:absolute; left:0; top:85px; z-index:2;
 width:100%; height:24px;
 background-color: #FFFFFF;
 }

/*#aktuelles,*/ #NavUntSchalt03	{
left:10px; top:2px; width:84px;
}

/*#JugendHilfe,*/ #NavUntSchalt07 {
left:98px; top:2px; width:138px;
}

/* Ausbildung, Medien */ #NavUntSchalt04 {
left:240px; top:2px; width:194px;
}

/*#stadtteilarbeit,*/ #NavUntSchalt01 {
left:438px; top:2px; width:170px;
}

/*#freizeit,*/ #NavUntSchalt02 {
left:612px; top:2px; width: 120px;
}

/*#KiTas,*/ #NavUntSchalt05 {
left:736px; top:2px; width:135px;
}

/*Grundschulen*/ #NavUntSchalt06 {
left:875px; top:2px; width:100px;
}


/* gemeinsame Properties für Buttons zusammengefasst */
/*#JugendHilfe, #dialog, #KiTas, 
#medien, #aktuelles, #freizeit, 
#stadtteilarbeit, */ /* spaeter loeschen */
.forAllNavUntSchalt {
 position:absolute; 
 height:18px; z-index:3;
 background-color: #FFFFFF; 
 text-align: center; 
 vertival-align: middle; 
 border: 1px solid #A0BDCE;
 }
 
#PfadLeiste {
 position:absolute; left:0; top:109px; z-index:1;
 width:100%; height:13px;
 background-color: #A0BDCE;
 text-align: left;
 }
 
/*---------------------------------------------
-- Start: Popups einblenden bei Mouseover
------------------------------------------*/
#FreizeitInfo,#JugendhilfeInfo,#StadtteilInfo,
#MedienInfos,#KiTaInfo,#DialogInfos,
#AktuellesInfo, #GrundschulInfos {
 position:absolute; left:733px; top:32px; z-index:14;
 width:240px; height:45px;
 visibility: hidden;
 border: 1px solid #A0BDCE;
 font: normal 10px/110% verdana,arial,helvetica,sans-serif;
 background-color: #FAFAFA; color:#000000;
 text-align:left; vertical-align:top;
 padding: 2px; margin:0;
 } /* Ende: Popups einblenden bei Mouseover */
	
/* Start: Positionierung für Linien unter Verweise in oberer NaviLeiste */
#top-line {
 position:absolute; left:430px; top:25px;
 width:548px; height:7px;
 background-color: #ff0000;
 border:0 none;/* border:1px solid green; */
 }
#AbschlussLinks {
 position:absolute; left:350px; top:25px;
 width:80px; height:7px;
 text-align: right;
 background-color: #ff0000;/* border:1px solid yellow; */
 }

#FlySquare {
 position: absolute; width:7px; height:7px; left:624px; top:25px; z-index:2;
}
#bereichstitel {
 position:absolute; left:350px; top:52px; z-index:6;
 width:380px; height:25px;
 font: 700 20px verdana,arial,helvetica;
 color: #ffffff; background-color: #ff0000;
 font-style: italic;
}
.bereichstitel-square {
 float: left;
 display: block;
 width:7px; height:25px;
 border:none;
}
/*-----------------------------------
-- Ende Header-Positionierungen --
-----------------------------------*/
/*----------------------------------------------
-- Link- + Schriftformatierung für Header
----------------------------------------------*/
a.headnavi:link, a.headnavi:visited, a.headnavi:hover, a.headnavi:active {
 font:bold 11px verdana, arial, helvetica, sans-serif;
 color: #FFFFFF; background:red;
 text-align: center; text-decoration: underline;
 padding-top: 2px;
}
/*a.headnavi:visited, */a.headnavi:hover, a.headnavi:active { text-decoration: none; }
/*--------------------------------------------------
-- Linkformatierung fuer untere Linkleiste im Header
-- sowie fetter, roter Link allgemein
--------------------------------------------------*/
/* aktiver Button in Navi-Leiste unten */
a.headnaviaktiv:link, a.headnaviaktiv:visited, a.headnaviaktiv:hover {
 display: block;
 width: 100%; height: 16px;/* 15px */;
 font:bold 11px Verdana, Arial, Helvetica, sans-serif;
 color: white; background:#FF0000;
 text-decoration: none;
 padding-top: 2px;
}
/* "normaler" Button in Navi-Lesite unten */
a.headnavired:link, a.headnavired:visited, a.headnavired:hover, a.headnavired:active {
 display: block;
 width: 100%; height: 16px;
 font:bold 11px Verdana, Arial, Helvetica, sans-serif;
 color: #5B5B5B; background:white;
 text-decoration: none;
 padding-top: 2px;
 }
a.headnavired:hover {
 color: #FFFFFF; background-color:#ff0000;
 }
a.headnavired:active {
 color: #ff0000; background-color: #FFFFFF;
 }
.bigwhite {
 font: 700 20px verdana,arial,helvetica,sans-serif;
 color: #ffffff; background-color: #ff0000;
}
.smallwhite {
 font: bold 11px verdana,arial,helvetica,sans-serif;
 color: #ffffff; background-color: #ff0000;
}
.kursiv, em, i {
 font-style: italic;
}
/*----------------------------------------------------------
-- Positionierung für Zertifizierungs-Icons
------------------------------------------------------------*/
#zerti_icons {
 position:absolute; z-index:5; top:40px; left:870px;
}