/*-----------------------------------------------------------------
-- written for Stadtkultur online -//- creator: pb@parterremedia.de
-- Positionierungen + Formatierungen für Header
-----------------------------------------------------------------*/
/* Start: Positionierungen
------------------------*/
#header {
 position:absolute; left:0; top:0; width:100%; height:108px;background-color: #ff0000; border: 0 none; margin-right:0; padding-right:0; z-index:1;
}
#logo {
 position:absolute; left:10px; top:11px; width:129px; height:65px; z-index:3; background-color: #ff0000;
}
#stadtkultur {
 position:absolute; left:155px; top:52px; width:182px; height:25px; z-index:3; 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, #engagement, #kontakt, #sitemap {
 position:absolute; top:5px; z-index:3;
 height:20px; 
 background-color: #ff0000; 
 text-align:center; 
 vertical-align: middle;
 } 
/*------------------------ 
untere Button-Leiste 
----------------------*/
#NaviUnten {
 position:absolute; left:0; top:85px; width:100%; height:24px; z-index:2; 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; width:100%; height:13px; z-index:1; background-color: red; 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 #5B5B5B;
 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;
 }
#AbschlussLinks {
 position:absolute; left: 350px; top:25px; 
 width:80px; height:7px; 
 text-align: right; 
 background-color: #ff0000;
 }

#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-family:verdana, arial, helvetica, sans-serif;
 font-size: 11px; font-weight: bold;
 color: #FFFFFF;
 text-align: center; text-decoration: underline;
 padding-top: 2px;
 }
a.headnavi:hover { text-decoration: none; }
a.headnavi:active {
 color: #FF0000; background-color: #FFFFFF;
 text-decoration: none;
}
/*--------------------------------------------------
-- Linkformatierung fuer untere Linkleiste im Header
-- sowie fetter, roter Link allgemein
--------------------------------------------------*/
a.headnavired:link {
 display: block;
 width: 100%; height: 15px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px; font-weight: bold;
 color: #5B5B5B;
 text-decoration: none;
 padding-top: 2px;
}
a.headnaviaktiv:link, a.headnaviaktiv:visited, a.headnaviaktiv:hover {
 display: block;
 width: 100%; height: 16px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px; font-weight: bold;
 color: white; background:#FF0000;
 text-decoration: none;
 padding-top: 2px;
}
a.headnavired:visited {
 display: block;
 width: 100%; height: 15px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px; font-weight:bold;
 color: #5B5B5B;
 text-decoration: none;
 padding-top: 2px;
}
a.headnavired:hover {
 display: block;
 width: 100%; height:16px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:11px; font-weight:bold;
 color: #FFFFFF; background-color:#ff0000;
 text-decoration: none;
 padding-top: 2px;
}
a.headnavired:active {
 display: block;
 width: 100%; height:15px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px; font-weight: bold; text-decoration: none;
 color: #ff0000; background-color: #FFFFFF;
 padding-top:2px;
}
.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;
}