/* CSS Document */

*  { padding:0; margin:0; border:0; }

body {
 font: normal normal 80% Arial, Verdana, Tahoma, Sans-serif;  /* textgrv_e des GESAMTEN dokuments ldsst sich |ber Dndern der % zahl verdndern */
 /* wenn du die textgrv_e f|r einen bestimmten teil der seite abdndern willst, dann folgende teile + code
 in: #navigation, #kopf, #inhalt
 dndern z.B.: font-size:90% (zum verkleinern aller texte im entsprechenden abschnitt)
 bzw z.B.: font-size:110% (um entsprechend zu vergrv_ern)
 */ 
 color:#333;
 background:#333 url('hintergrund.gif') repeat-y center center;
 text-align:center; /* zentriert die seite in ie */
}

ul { list-style-type:none; }
li { padding-left:0; }

p  {
margin-bottom:1em;
}

h1, h2 , h3, h4 { color:#cc0000;  }

strong {
 font-weight:bold;
 display:inline;
}

table, th, td { text-align:left;  vertical-align:top; font-size:1em; }
th { 
 font-weight:bold;
 color:#cc0000;
}
th, td {
 padding:0 30px 10px 0;
}
table {  margin:10px 0; }


a:link, a:visited { /* link normal, link einmal geclickt */
 text-decoration:none; color:#cc0000;
}
a:hover, a:focus { /* link mit maus dr|ber, link mit tab angewdhlt */
 text-decoration:underline;
}

/* listen formatierung */
ul.eingerueckt {
 margin-left:15px;
 list-style-type:square; /* andere optionen: disc(rund-gef|llt), square(kdstchen), decimal(1,2,3..) */
 list-style-position:outside;
}
/* listen formatierung ende */


/* allgemeine formatierungen */

.fett  { font-weight:bold; }
.kursiv { font-style:italic; }
.unterstrichen { text-decoration:underline; }
.farbig { color:#cc0000; }
.gross { font-size:125%; }
.klein { font-size:75%; }
.kapitaelchen { text-transform:uppercase; }

/* Fehler */
div.fehler {
 border:2px solid #cc0000;
 font-weight: bold;
 padding: 5px;
 margin: 5px;
}

/* Erfolg */
div.erfolg ul li {
border:2px solid #cc0000;
font-weight: bold;
padding: 5px;
margin: 5px;
}


/* allgemeine formatierungen ende */


#seite {
 margin:0 auto; /*zentriert die seite in ff */
 text-align:left;
 width:	770px;
 font-size:1em;
}

#kopf {
 margin-top:7px; /*abstand des kopfes nach oben */
 border-top:3px solid #999;
 border-bottom:3px solid #999;
 background:#333;
 padding:20px;
}

#kopf h1 { text-align:right; }
#kopf h1 a:hover, #kopf h1 a:focus { text-decoration:none; }
#kopf h2 { color:#999; text-align:right;  font-size:1.25em;}

#navigation {
 margin-top:20px;
 padding-bottom:10px;
 text-transform:uppercase;
}
#navigation li {
 float:left;
 margin-right:2em; /* abstand der navigationspunkte voneinander*/
}

#navigation a {
 font:normal bold 1.25em Arial, Verdana, Tahoma, Sans-serif;
 color:#999; 
 display:block;
}
#navigation a:hover, #navigation a:focus {
 text-decoration:none;
 color:#cc0000;
}
#navigation .aktiv {
 color:#cc0000;
}

#navigation #impressum {
 font-size:0.85em;
 line-height:2em;
}

#inhalt {
 padding:20px 0px 30px 10px;
 width:760px;
}

#inhalt h2, #inhalt h3, #inhalt p, #inhalt .bilder, #inhalt .info {
 clear:left;
}

.bilder { margin:10px 0; }
.bilder img {
 border:2px solid #cc0000;
 margin-right:3px;
}
.zentriert {
 text-align:center;
}
.links {
 text-align:links;
}
.rechts {
 text-align:right;
}

.info {
 padding-bottom:3em;
 width:750px;
}
.info li {
 float:left;
 margin-right:1em; /* gleicher werd wie .info p margin-right um | zwischen denk punkten zu zentrieren */
}
.info strong, .info p {

 display:inline;
}
.info strong {
 margin-right:5px;
}
.info p {
margin-right:1em; /* <-- */
}


#fuss { 
 border-top:3px solid #999;
 border-bottom:3px solid #999;
 background:#333;
 padding:20px;
 text-align:center;
 color:#999;
 margin-bottom:50px; /* weisser rand nach unten nach dem fuss */
}
#fuss li {
 display:inline;
}
#fuss a {
 color:#999;
}
#fuss a:hover, #fuss a:focus {
 color:#999;
 text-decoration:none;
 font-weight:bold;
}
#fuss .aktiv {
 font-weight:bold;
}
#fuss p {
 margin:0;
 font-weight:bold;
}


/* Formatierung des Kontaktformulars */
form.kontakt input, form.kontakt textarea {
 border:1px solid #cc0000;
 margin:1px 0px;
}

form.kontakt td {
 padding:0px 10px;
 margin:0px;
}

form.kontakt input.feld {
 width:200px;
}

form.kontakt #plz {
 width:50px;
}

form.kontakt #ort {
 float:right;
 width:140px;
}

form.kontakt textarea {
 width:300px;
 height:140px;
}

table.contact_table {
	width: 100%;
}