/*Stylesheet-Datei fuer die Bildschirm-Ausgabe*/

/*Grundstruktur*/
body{
  background: #EEE; 
  font-family:Verdana, Arial,sans-serif; 
  font-size:10pt; line-height:14pt;
  margin:0px; padding:0px;
}

/*Hier befinden sich alle Inhalte, der container bewirkt die zentrale Ausrichtung*/
#container {
  margin-left:auto; margin-right:auto;
  width:780px;
  margin-top:0px;    
  background: url(system_bilder/bg.jpg); background-repeat: repeat-y #FFFFFF; 
}

/*Navigation*/
#navi {  
  margin-left:6px; margin-top:20px;  
  width:173px; 
  font-size:10pt; line-height:13pt;
  font-family: Verdana,Arial,sans-serif;     
  text-align:right;
  border-top:1px solid #FFD724;   
  background: url(system_bilder/navi_bg.jpg); background-repeat: repeat-y; 
  background-color:#FFFFFF;      
}
/*Die Navigation-Links*/
#navi a{
  display:block; 
  padding:6px; padding-right:17px;
  text-decoration:none;
  Color:black;   
  border-bottom:1px solid #FFD724; 
  border-left:1px solid #BBB;  
}
/*aktiviert*/
#navi a:hover{
  background: url(system_bilder/navi_bg2.jpg);
  font-weight:bold;
}
/*Der Anvigationspunkt, der ausgewaehlt ist*/
#aktiv{
  background: url(system_bilder/navi_bg2.jpg);
  background-repeat: repeat-y; 
  border-bottom:1px solid #FFD724;
  border-left:1px solid #BBB;
}
#aktiv a{
display:block;
  padding:6px; padding-right:17px;
  border:0px;
  margin:0px;
}

/*Untermenue*/
.u_menue{  
  display:none;  
  margin-left:180px; margin-top:2px;
  width:180px;
  line-height:11pt; font-size:10pt;
  font-family: Verdana,Arial,sans-serif;  
  position:absolute;
  border:1px solid #BBB;
  background:#FFF;
}
.u_menue a{
  display:block;
  margin:8px; margin-bottom:0px; margin-right:8px; 
  text-decoration:none;
  color:black;
  border-bottom:1px solid #EEE;  
}
.u_menue a:hover{font-weight:bold;}
.u_menue2 {padding:5px;}
.u_menue3{width:180px;}  

/*CSS-Hacks wegen internet-explorer*/
html>body .u_menue{width:200px; border:none; background:none; margin-top:5px;}
html>body .u_menue2{background: url(system_bilder/bg_grau.png);padding:5px;}
html>body .u_menue3{background: url(system_bilder/boden_grau.png);height:30px; width:200px;}
html>body .u_menue a{margin-right:25px;}
html* .u_menue{margin-top:0px;}

/*Die folgenden Elemente gestalten die dynamische Navigation*/
#transparent{
  position:absolute;
  left:0px;
  display:none;
  width:100%;
  height:530px;
  background: url(system_bilder/transparent.gif) ;
}
.transparent_link{
  font-size:10pt;
  font-family: Verdana,Arial,sans-serif;
  text-align:right;
  font-weight:bold;
  position:absolute;
  display:none;
  width:157px;
  height:25px;
  padding-top:6px;
  padding-right:17px;
  margin-left:6px;
  border:1px solid #FFD724;/* #FFD724 */
  border-left:1px solid #BBB;
  background: url(system_bilder/navi_bg2.jpg);
}


#transparent2{top:215px;}
#transparent3{top:245px;}
#transparent4{top:275px;}
#transparent8{top:415px;}

html* #transparent2{top:210px;}
html* #transparent3{top:240px;}
html* #transparent4{top:270px;}
html* #transparent8{top:410px;}
* html #transparent2{top:210px;}
* html #transparent3{top:240px;}
* html #transparent4{top:270px;}
* html #transparent8{top:410px;}

/*
#transparent1{top:185px;}
#transparent2{top:215px;}
#transparent3{top:245px;}
#transparent7{top:385px;}

html* #transparent1{top:180px;}
html* #transparent2{top:210px;}
html* #transparent3{top:240px;}
html* #transparent7{top:380px;}
* html #transparent1{top:180px;}
* html #transparent2{top:210px;}
* html #transparent3{top:240px;}
* html #transparent7{top:380px;}
*/

/*Erftstadt-Logo*/
#erftstadt{margin-left:1px; margin-top:25px;margin-bottom:10px;}

/*Der Textbereich*/
#text{
  margin-left:30px;
  margin-right:45px;
  margin-top:25px;
  margin-bottom:5px;
}

/*Die Fusszeile*/
#fusszeile{
clear:both;
  width:530px;
  font-size:9pt;
  margin-top:30px; margin-left:25px; margin-bottom:15px; 
  border-top:1px solid #DDD;
}
#fusszeile_druck{display:none}
#fusszeile a{Color:black; font-weight:bold; }

/*Der Schatten am Boden der Seite*/
#boden{
  background: url(system_bilder/bg_fuss.jpg);
  height:18px; margin-bottom:0px; margin-top:0px;
}

/*Ende Grundgeruest*/
/******************/

/*Text-Gestaltungsmittel*/

ul{padding:0px;margin:0px;}
ul div{margin-bottom:5px;}
li{margin-left:25px;}
a{text-decoration:none;}
h1{font-size:13.5pt; font-family: Verdana,Arial}
h2{font-size:11pt; font-family: Arial,sans-serif; margin:25px 0px 0px 0px;}
blockquote{margin-left:10px;padding:0px;}
/*Trennlinie*/
#trennung{
  margin-top:15px; 
  margin-bottom:15px; 
  border-top:1px solid #DDD;
}
/*Fur Hinweise wie den Spam-Mail-Schutz*/
#hinweis{
  padding-left:8px; 
  font-size:10pt; 
  border-left:1px solid red;
  margin:8px;
  margin-left:3px;
} 
#mail_hinweis{
  font-size:10.3pt; 
  Color:red;
}
/*Positioniert Bilder und schafft einen Abstand*/
.img_left{
  border:0px;
  float:left;
  margin:10px;
  margin-left:0px;
}
.img_right{
  border:0px;
  float:right;
  margin:10px;
  margin-right:0px;
}
/*Tabelle in hellem Grau*/
#table_eins{
font-size:10pt;
line-height:13pt;
  background:#CCC;
}
#table_eins tr{
  background:#FFF;/*#FFF2BB;  FEF6E3*/
}
#table_eins td{
  padding:5px;
  padding-left:7px;
  padding-right:7px;  
}

/*Der Aktuell-Bereich der Startseite ist nich nicht eingerichtet*/
 #aktuell{
 font-family:Arial,Verdana,sans-serif;
  float:right;
  width:170px;
/*   background:#EFEFEF url(system_bilder/navi_bg.jpg); */
  border:1px solid #FFDD00; 
  font-size:9pt; line-height:11pt;
  padding:0px;
  margin-left:12px;
 /*  Color:#333;   */
}
#aktuell #kopf_aktuell{
  background:url(system_bilder/aktuell_bg.jpg);
  font-size:11pt;
  padding:6px;
  padding-left:10px;  
}
#aktuell #inhalt{
  padding:10px;
  padding-bottom:0px;
}
#aktuell a{
  
  Color:#000;
  

}
#aktuell a:hover{
  text-decoration:underline;
}
#archiv{     
    float:left;
    width:45px; height:35px;
    background: url(system_bilder/archiv_inaktiv.jpg) no-repeat;
    }
    #archiv:hover{
      background: url(system_bilder/archiv.jpg) no-repeat;
    }
    
#aktuell #login{  
  float:right;
  text-decoration:none;
/*   Color:#F05502;  */  
  Color:#FFF;
  font-family:Arial,sans-serif;
  font-weight:bold; 
  font-size:10pt;
}
#aktuell #login:hover{
  Color:black;
}
#table_archiv{
width:515px;
 border-top:1px solid #FFDD00;
 padding-top:5px;
 margin:0px;
 background:#FFFFE8;
}
#table_archiv td{
  padding-left:12px;
  padding-right:12px;
} 
#table_archiv #titel{
  font-size:12pt;
}

a img{border:none}
h1 a{font-size:9pt; margin-left:10px; font-weight:normal}
a.login{position:absolute; top:20px; margin-left:720px; color:white; font-weight:bold;}
a.login:hover{color:black;}