/* (C)2007 Michael Hantz Webdesign Grünstadt */
/* www.hantz-webdesign.de */
/* erstellt für RAe Zipper und Coll. */
/* Bearbeitungsstand: 10.06.2008 */
/* Hintergrund Body: #7A7A7B */

/* ---------------------------------------------------------------------- */
/* +++++++++++++++++++++++  Allgemeine Angaben  +++++++++++++++++++++++++ */
/* ---------------------------------------------------------------------- */
body {
  margin:5px 0 0 0;  
  padding:0;
  background-color:#7A7A7B;  
  font-family:verdana,arial,helvetica,sans serif;
  font-size:11px;
  font-weight:normal;
  color:#000;
}
img { border:0; }
p, dl, form {margin:0;padding:0;}
p cite {font-size:12px;text-align:right;}


.klein {font-size:9px;font-family:arial,helvetica,sans serif;}
.rot {color:#ea0000;}
.ueber {
  font-size:13px;
  letter-spacing:1px;  
  color:#874400;
  line-height:22px; 
  padding-top:15px;
  padding-bottom:15px;
  width:380px;   
}
.kopftext {
  font-size:20px;
  letter-spacing:5px;
  color:#7a7a7b;
  padding:45px 0 0 20px;
}
a.standard:link {
  text-decoration:none;
  color:#874400;
}
a.standard:visited {
  text-decoration:none;
  color:#874400;
}
a.standard:active {
  text-decoration:none;
  color:#BCBCBC;
}
a.standard:hover {
  text-decoration:none;
}
p.randsprung:hover { background:#fff;}
a.kopf:link {
  text-decoration:none;
  color:#7a7a7b;
}
a.kopf:visited {
  text-decoration:none;
  color:#7a7a7b;
}
a.kopf:active {
  text-decoration:none;
  color:#7a7a7b;
}
a.kopf:hover {
  text-decoration:none;
}

/* ---------------------------------------------------------------------- */
/* +++++++++++++++++++++++++  Layoutangaben  ++++++++++++++++++++++++++++ */
/* ---------------------------------------------------------------------- */

/* -- Breitenbestimmender Container Kopf, Körper, Fuß -- */
.hauptrahmen {
  width:945px; /* Gesamtbreite Hauptcontainer */
  margin:0 auto; /* Zentrieren der Seite */
  background-color:transparent;
}
/* -- Container für .kopfzeile, .inhaltsspalte und .randcontainer -- */
.vollcontainer {
  float:left;
  width:945px;
  background-color:transparent;  
}
/* -- Kopfzeile -- */
.kopfzeile {
  background-color:#fff;
  background-image:url(kopfzeile.jpg);
  background-repeat:no-repeat;
  height:122px;
  width:945px;  
}
/* -- Inhaltscontainer für Hauptinhalte 945px breit -- */
.inhaltsspalte {
  margin:0;
  margin-left:0; /*Linker Rand so breit wie Navispalte*/   
  background-color:#fff;
  border:3px solid #fff; 
  height:425px;
  background-image:url(higru.jpg);
  background-repeat:no-repeat;
  background-position:bottom left; 
}
/* -- SPALTE 1: Navigation blind innerhalb .inhaltsspalte -- */
.navispalte {
  float:left;
  width:0; /*Breite der Navispalte*/
  margin-left:-945px; /*Linker Rand Breite: -(Hauptrahmenbreite)*/        
}  
/* -- SPALTE 2: Textcontainer innerhalb der .inhaltsspalte -- */
.textcontainer {
  float:left; 
  padding:0px 20px 0 290px;     
  width:405px;
}

.fliess, .fliessweit, .fliessrand { width:385px; padding-left:10px; }
.fliessweit { line-height:17px; width:385px; }
.fliessindent { border-left:4px solid #874400; padding-left:10px; width:375px;}
#rot { color:#874400; }
.fliessintro { color:#555555; font-size:11px; font-style:italic; margin: 20px 0 10px 0; }

/* -- SPALTE 3: Randcontainer rechts innerhalb .inhaltsspalte -- */
.randcontainer {  
  float:left;    
  width:223px;   
  background-color:#CCCCCC;  
  margin:0; 
  height:425px; 
}
.randtext {
  padding:10px 0 0 15px;width:200px; /* Text in randcontainer */  
  height:298px;
}
.randtext2 {
  padding:10px 10px 0 10px;width:203px; /* Text in randcontainer */  
  height:298px;
}
.randsprung {
background:#EAEAEA;
line-height:25px;
border-top:1px dotted #E0E0E0;
border-top:1px dotted #fff;
padding-left:15px;
letter-spacing:2px;
}

/* -- Fusszeile -- */
.fusszeile { 
  clear:left; 
  background-color:#555555;  
  border:3px solid #fff;
  border-top:0;
  width:939px;      
  height:25px;
  line-height:25px;  
  color:#c0c0c0;
  font-size:9px;
  text-align:center;     
}


/* ---------------------------------------------------------------------- */
/* ------------------------    Kontaktformular    ----------------------- */
/* ---------------------------------------------------------------------- */

form#zipper {background:transparent; width:300px; padding:0px; margin-top:5px; border:0px;}

form#zipper fieldset {width:210px; display:block; border:1px solid #8E8C97; padding:5px; font-family:verdana,arial,helvetica,sans-serif; margin-bottom:0.5em; line-height:15px;height:210px;}

form#zipper fieldset#nachricht {width:382px;height:125px;}
* html form#zipper fieldset#nachricht {width:200px;height:85px;}

form#zipper legend {font-family:verdana,arial,helvetica,sans-serif; font-size:1.0em; font-weight:bold; border:1px solid #8E8C97; margin-bottom:5px; padding:3px; width:130px; background-color:#EEEBC2; }

form#zipper label {clear:left; display:block; float:left; width:60px; text-align:right; padding-right:0px; color:#594B3E; margin-bottom:0.5em;}

form#zipper input {border:1px solid #c0c0c0; background:#E5E5E5 url(form.gif) repeat-x top left; padding-left:0.5em; margin-bottom:0.6em; font-size:11px; width:134px;}

form#zipper textarea {width:360px; height:65px; border:1px solid #c0c0c0; padding:10px; overflow:auto; background:#F8F8F8;}

form#zipper #button1 {color:#000; padding-right:0.5em; cursor:pointer; width:160px; margin-left:8px; border:1px dotted #085103;background:transparent;background-color:#EEEBC2;font-weight:bold;letter-spacing:1px;}

form#zipper #button1:hover {background-position:center left; color:#fff;background-color:#807E68;}