/* Style-Angaben für das Projekt Rastatt*/


/* hier werden die allgemeinen Tags überschrieben */


/* alle Texte sollten innerhalb eines p ode td-Tags stehen (schwarz, ohne Unterstrich) */

 td, p  {
 font-family: Verdana, Sans;
 Font-Size: 11px; color: rgb(0,0,0);
 line-height: 140%;
 margin: 5px 0px 10px 0px;
 padding: 0;
 }

 td.navi  {
 font-family: Verdana, Sans; 
 Font-Size: 11px; 
 color: rgb(0,0,0); 
text-decoration: none;
 }
 
/* Überschrift größer in grau */   

 h1     {
 margin: 5px 0px 5px 0px;
 padding: 0;
 font-family: Verdana, Sans;
 Font-Size: 14px; 
 color: #7B7B7B; 
 border-bottom: 1px solid #cccccc;
 }

 h2     {
 font-family: Verdana, Sans;
 Font-Size: 12px;
 color: #7B7B7B;
 margin: 10px 0px 5px 0px;
 padding: 0;
 background-color: #DDDDDD;
 }

 h3     {
 font-family: Verdana, Sans;
 font-weight:normal;
 Font-Size: 11px;
 color: #7B7B7B;
 margin: 10px 0px 5px 0px;
 padding: 0;
 }

/* fette Texte in grau ohne Unterstrich */   

 b      {
 font-family: Verdana, Sans; 
 Font-Size: 11px;
 color: #7B7B7B;
 text-decoration: none;
 }

 .b2      {
 font-family: Verdana, Sans;
 Font-Size: 11px;
 color: rgb(148,147,148);
 text-decoration: none;
 }

.b3      {
 font-family: Verdana, Sans;
 Font-Size: 11px;
 color: rgb(67,58,139);
 text-decoration: none;
 }

/* Links in blau, Unterstreichung/Farbe können durch eine "<a><p>Text</p></a>"-Notation umgangen */
/* werden (alternativ auch b oder td)*/   

 a.navi      {
 font-family: Verdana, Sans;
 Font-Size: 11px;
 color: #ffffff;
 text-decoration: none;
 } 

 a.navi:hover {
 font-family: Verdana, Sans;
 Font-Size: 11px;
 color: #000000;
 text-decoration: none;
 }

 a.navi4      {
 font-family: Verdana, Sans;
 Font-Size: 11px;
 color: #000000;
 text-decoration: none;
 }
 
 a.navi4:hover {
 font-family: Verdana, Sans;
 Font-Size: 11px;
 color: #9C9C9C;
 text-decoration: none;
 }

 a      {
 font-family: Verdana, Sans;
 Font-Size: 11px;
 color: #7B7B7B;
 text-decoration: none;
 }

 a:hover {
 font-family: Verdana, Sans;
 Font-Size: 11px;
 color: #000000;
 text-decoration: none;
 }

 .a2      {
 font-family: Verdana, Sans;
 Font-Size: 11px;
 color: #7B7B7B;
 }

 .layer      {
 font-family: Verdana, Sans;
 Font-Size: 11px;
 color: rgb(67,58,139);
 text-decoration: none;
 }

 .layer1      {
 font-family: Verdana, Sans;
 Font-Size: 11px;
 color: rgb(194,48,42);
 text-decoration: none;
 }

 .black      {
 font-family: Verdana, Sans;
 Font-Size: 11px;
 color: rgb(0,0,0);
 text-decoration: none;
 }

/* Hintergrundfarbe / Wiederholung */

 body  {
 background-color=rgb(256,256,256);
 background-image: url(images/recyc.gif);
 background-position:center;
 background-repeat:no-repeat;
 }	
	
/* hier werden zusätzliche Klassen erzeugt */	

/* Notationen für *_n.htm */
/* vermeiden des Unterstrich bei Links (<a href>) */

 .nodec {
 text-decoration: none;
 }

/* Hintergrundbild und linker Rand 

 .navi {
 background-image:url(images/hgr_n.jpg);
 margin-left:5px;
 } */

/* Breite der Rahmentabellen*/

 .navi_table {
 width: 175px;
 }
     
/* Notationen für *_i.htm */
/* Verschiebung der Linkliste bei Unternavigationen */

.unternavi {
 padding-left:5px;
 }
					
/* Genereller linker Rand (wird im äußersten div-Tag eingesetzt) */

 .linkerRand {
 padding-left:20px;
 padding-top:5px;
 }
   
/* Verschiebung von Blöcken in einigen *_i.htm-Dateien */

 .textblock {
 padding-left:60px;
 }

/* Block um Bild mit rechts vorbeilaufendem Text */

 .img{
 float:left;
 width:3px;
 padding-right:5;
 }

/* Bildunterschriften */

 .comment {
 font-family: Verdana, Sans;
 Font-Size: 9px;
 color: #000000;
 clear:left;
 }					

/* Texte in den Fenstern des Hauses */

 .klein {
 font-Size:10px;
 }

/* Notationen für index.htm */
/* Text auf Titelseite (Adresse) */

 .std { 
 font-size:8pt;
 font-family:Verdana;
 color:black;
 text-decoration:none;
 }
 
/* Definition für bewegte Elemente */
 .ani {
 position: absolute;
 top: -100px;
 }
      

 /* fusszeile */
#Fusszeile {
     height: 30px;
     text-align: center;
     text-valign: center;
    color: #7B7B7B;
    background-color: transparent;
    border-top: 1px solid silver;

  }

/* Aufzählungszeichen für ul */
 ul {
 list-style-type:square;
 }

/* Aufzählungszeichen für li */

 li {
 list-style-type:square;
 font-family: Verdana, Sans;
 Font-Size: 11px; 
 color: rgb(0,0,0);
 line-height: 140%;
 }

/* Bild vor PDF-Link */

 a.pdf {
 background: url(images/allg_pdf.gif);
 background-repeat: no-repeat;
 background-position: left;
 padding-left: 18px;
 padding-top: 5px; 
 height: 16px;
 }

/* Bild vor internen-Link */

 a.link {
 background: url(images/allg_link.gif);
 background-repeat: no-repeat;
 background-position: left;
 padding-left: 17px;
 height: 11px;
 }

/* Bild vor E-Mail */

 a.mail {
 background: url(images/allg_mail.gif);
 background-repeat: no-repeat;
 background-position: left;
 padding-left: 18px; 
 height: 11px;
 }

/* Bild vor Druck */

 a.druck {
 background: url(images/druck.png);
 background-repeat: no-repeat;
 background-position: left;
 padding-left: 18px;
 padding-top: 5px; 
 height: 11px;
 }


/* rechte Spalte  */

 #right {
 clear: right;
 float: right;
 width: 240px;
 margin: 0px 0px 10px 0px;
 padding: 5;
 border: 1px solid #ddd;
 background: transparent;
 font-family: Verdana, Sans;
 Font-Size: 11px; color: rgb(0,0,0);
 line-height: 140%;
 }


/* Inhalt  */

 #content {
 position:relative;
 margin: 0px 250px 0px 0px;
 padding: 0px;
 background: transparent;
 }

 #content #box {
 margin: 5px 0 5px 0;
 padding: 5px;
 border: 1px solid #ddd;
 background: transparent;
 }

/* Fusszeile  */

#fuss {
 clear: both;
 }

/* Bildausrichtung  */

 .bildrechts {
 float:right;
 margin: 0px 0px 10px 10px;
 border: 1px solid #ddd;
 Width: 100px;
 }

 .bildlinks {
 float:left;
 margin: 0px 10px 10px 0px;
 border: 1px solid #ddd;
 Width: 100px;
 }

/* Linie  */

hr{
background-color: #CCCCCC; /* Farbe für Opera und Firefox */ 
color: #ddd; /* Farbe für Internet Explorer (IE) */
border: 0; 
height: 1px; 
}

/* menue1  */

#menue1 {
background-color: #FF9900;
width: 100%;
padding: 0px 0;
border: 1px solid #FFFFFF;
margin: 0;

}
#menue1 ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#menue1 li {
display: inline;
margin: 0px;
padding: 0px;
}

#menue1 li a, #menue1 li a:link {
float: left;
text-decoration: none;
padding: 4px 5px;
color: #FFFFFF;
border-right: 1px solid #FFFFFF;
}

#menue1 li a:visited {
color: #FFF;
}

#menue1 li a:hover, #menue1 li a:focus, #menue1 li a:active {
color: #000;
background-color: #FFCC80;
}




/* menue2  */

#menue2 {
background-color: #EEEEEE;
width: 100%;
padding: 0px 0;
border: 0px solid #FFFFFF;
margin: 0;

}
#menue2 ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}

#menue2 li {
display: inline;
margin: 0px;
padding: 0px;

}

#menue2 li a, #menue2 li a:link {
float: left;
text-decoration: none;
padding: 4px 5px;
color: #7B7B7B;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}

#menue2 li a:visited {
color: #7B7B7B;
}

#menue2 li a:hover, #menue2 li a:focus, #menue2 li a:active {
color: #000;
background-color: #CCCCCC;
}