@charset "utf-8"; /* Deklaration der Zeichenkodierung*/

/** JENNER WERBUNG - wwww.jenner-werbung.de
----------------------------------------------------------
Regeln für allgemeine Elemente
---------------------------------------------------------- */

/* setzt alle Rahmenabstände auf 0 */
* {
  margin: 0;
  padding: 0;
  vertical-align: top /* sorgt dafür, dass alle Inline-Elemente bündig mit der Oberkante 
  ihrer Zeilenboxen beziehungsweise Tabellenzellen ausgerichtet sind */
}

/* Bilder */
img {
vertical-align: bottom; /* damit Bilder richtig in der Zeilenbox liegen und keine unerwünschten Abstände nach unten entstehen, keine Rahmen */
border: 0 none;                           
}

/* Alle Standardrahmen um Bilder werden auf 0 gesetzt) */
a:link img, a:visited img, a:hover img, a:focus img, a:active img {
  border: 0;
}

h1, h2, h3, h4 {
font-family: Verdana, Arial, Helvetica, san-serif;
}
h1 { /* auf Index-Seite: h1 = Logo */
font-size: 1.4em;
color:#FFFFFF; /* alternativanzeige ist weiß (wenn logo nicht erscheint) */
background:#000000; /* Hintergrund Kopf schwarz (oben) */
text-align:right;
padding: 15px 140px 0px 0px;
}
h2 {
font-size: 1.1em;
color: #00519e; /*dunkel blau*/
text-align:left;
padding: 30px 0px 0px 170px;
}
h3 {
font-size: 1.5em;
background-color:#FFFFFF;
color: #089bd5;
}
h4 {
font-size: 0.9em;
color: #569293;
}

body {
font-family: Verdana, Arial, Helvetica, san-serif;
color: #000000; /* allg. Schriftfarbe is schwarz*/
background: transparent url(bilder/hg.jpg) left top repeat-x ;
text-align: center; /*zentrierte Darstellung auch in alten IE*/
}

a { /*grundsätzliche linkfarben*/
color: #00519e;
text-decoration: none;
}

a:hover {
color: #db0132; /*rot*/
text-decoration: none;
}

#container {
position: relative;
background:#b4cae5; /*hell blau*/
border: solid 1px #00519e; /*dunkel blau */
width: 800px;
/*height:900px;*/
height:1400px;
margin: 0px auto;
text-align: left;
}

#kopf {
display:block;
width:650px;
}

#infos {
position: absolute;
padding-left:5px;
left: 590px;
top: 330px;
width: 205px;
text-align: left;
color: #000000;
font-size: 60%;
line-height: 18px;
background-color:#e2f0fe;
}
#infos a.linkicon  {
color: #089bd5; /*cyan*/
font-size: 1.2em;
font-weight: bold;
background: url(bilder/linker-2.gif) no-repeat;
padding: 0px 2px 0px 18px;
border-bottom: solid 1px #00519e;
}
#infos a.linkicon:hover  {
color: #db0132; /*rot*/
font-size: 1.2em;
font-weight: bold;
background: url(bilder/linker-2over.gif) no-repeat;
padding: 0px 2px 0px 18px;
border-bottom: solid 1px #db0132;
}

.infoteaser {
color: #00519e;
font-size: 1.1em;
font-weight: bold;
}



/* - - - INAHLT - - - */ 

#copy {
margin: 15px 0px 0px 170px; 
padding: 20px 0px 0px 20px;
width: 380px;
color: #000000;
font-size: 70%;
line-height: 24px;
}

.copyteaser {
color: #db0132;
font-size: 1.0em;
font-weight: bold;
}

#tuev {
position:absolute;
left:10px;
bottom:20px;
}



/* - - - SPALTE MIT NAVI - - - */ 

#navcontainer /*kompetter kontainer*/
{
position: absolute;
width:160px;
height:280px;
left: 10px;
top: 395px;
background-color:#b4cae5; /* h'grund navi-einheit ! wichtig bei IE 7 WINDOOWS! */

}

ul#Navigation {
width: 125px; /* !!!WIchtig für Mouse-Over, Breite navi-einheit */
margin: 0px;
padding: 0;
text-align: left;
}

  ul#Navigation li {
    list-style: none;
/*    width: 10px;  ?? */
    float: none;
    position: relative;
    margin: 8px 0px 0px 0px; /* vert. Abstand der Buttons zu einander */
    padding: 0;
  }

  * html ul#Navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
  }
  *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;
  }

  ul#Navigation li ul { /*1.Unternavigation*/
    /*background-color: #8baed8;*/ 
    width: 130px; /* !!! Wichtig für Mouseover! Breite H'grund von 1. Unternavigation */
    margin: 0 0 0 15px; /*Versatz*/
    padding: 1 5 5 3px;
    position: right;
    display: none;  /* 1. Unternavigation ausblenden */
  }
  * html ul#Navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
  *:first-child+html ul#Navigation ul {  /* !!! Workaround fuer den IE 7 */
    background-color:#e6ebf3;
    padding-bottom:0.4em;
  }
  ul#Navigation li:hover ul {
    display: block;  /* Ausklapp-Navigation in modernen Browsern einblenden */
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0.2em;
  }

  ul#Navigation a, ul#Navigation span {
    display: block;
    width: 120px;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0px 0px 1px 17px;
    text-decoration: none;
    color: #00519e; /*dunkel blau */
	font-size: 70%;
	font-weight:bold;
	border:solid 1px #b4cae5; /*hell blau*/
	
  }

  * html ul#Navigation a, * html ul#Navigation span {
    width: 8.6em;   /* 8.6em - Breite nach altem MS-Boxmodell fuer IE 5.x */
    w\idth: 165px;  /* 6.4em - korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
  }

  ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
 	width: 120px; /* Breite der Listenelemente bei Mouse-Over*/
    color: #db0132; /*rot*/
    border-bottom: dotted 1px #db0132;
  }
  
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: #b4cae5; /*hell blau*/;
    font-weight: bold;
    background-color: #ffffff;    
  }
  
  ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    color: #ffffff;
    background-color: #73823c; 
  }

#Navigation a.navicon {
background: url(bilder/linker-1.gif) no-repeat;
border:1px solid #b4cae5;
}
#Navigation a.navicon:hover { 
color: #db0132;
font-weight: bold;
background: url(bilder/linker-1over.gif) no-repeat;
border-bottom:solid 1px #db0132;
}


/* - - - FUSSZEILE - - - */ 

#footer {
position:absolute;
text-align:left;
bottom:5px;
left:10px;
color:#ffffff;
font-size:0.6em;
}