/* (C)2007 Michael Hantz Webdesign Grünstadt */
/* www.hantz-webdesign.de */
/* Bearbeitungsstand: 05.01.2008 */

/* ---------------------------------------------------------------------- */
/* +++++++++++++++++++++++  Allgemeine Angaben  +++++++++++++++++++++++++ */
/* ---------------------------------------------------------------------- */
body {
  margin:0;
  margin-top:0;
  padding:0;
  background-color:#afafaf;
  background-image:url(higru-grau-01.jpg);
  background-repeat:repeat-x;
  font-family:verdana, arial, helvetica, sans-serif;
  font-size:11px;
  line-height:13px;
  color:#474747;
}

p, dl, form {margin:0;padding:0;}
p cite {font-size:12px;text-align:right;}
td.linie {padding-bottom:3px; border-bottom:1px dotted #c0c0c0;} /*Referenzen*/
td.foto {padding-right:5px;padding-bottom:12px;} /*Referenzen*/
td {vertical-align:top;}
td a {font-size:9px;color:#002A69;}

.klein {font-size:9px;font-family:arial, helvetica, sans-serif;}

.ueber {
  font-size:13px;
  font-weight:bold;
  font-variant:small-caps;
  letter-spacing:1px;  
  color:#BC693D;  
}

a.standard:link {
  text-decoration:none;
  color:#726145;
}
a.standard:visited {
  text-decoration:none;
  color:#A4A4A4;
}
a.standard:active {
  text-decoration:none;
  color:#BCBCBC;
}
a.standard:hover {
  text-decoration:underline;
}

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

/* -- Aufnehmender Container -- */
.hauptrahmen {
  width:852px; /* Gesamtbreite Hauptcontainer */
  margin:0 auto; /* Zentrieren der Seite */
  background-color:transparent;
}
/* -- Kopfzeile -- */
.kopfzeile {
  background-color:#d8d8d8;
  background-image:url(kopfzeile.jpg);
  background-repeat:no-repeat;
  padding-top:143px;
}
/* -- Gesamtcontainer für den Seitenkörper -- */
.vollcontainer {
  float:left;
  width:852px;
  background-color:white;
}
/* -- Container rechte Spalte (für Inhalte) -- */
.inhaltsspalte {
  margin-left: 420px; /*Linker Rand so breit wie Navispalte*/
}
.inhaltsspalte_start{
  margin-left: 0; /*Linker Rand so breit wie Navispalte */
  background-image:url(higru-innen.jpg);
  background-repeat:repeat-x;  
}
/* -- Textcontainer in der .inhaltsspalte rechts -- */
.innencontainer {
  padding-top:10px;
  margin:0; /*Margins li, re, und für das innere DIV in jeder Spalte*/
  margin-left:15px;
  margin-right:15px;
}
/* -- Container linke Spalte (für Navigation) -- */
.navispalte_start {
  float:left;
  width:0; /*Breite der Navispalte*/
  margin-left:-852px; /*Linker Rand Breite: -(Hauptrahmenbreite)*/
  margin-top:183px;
}
.navispalte {
  float:left;
  width:420px; /*Breite der Navispalte*/
  margin-left:-852px; /*Linker Rand Breite: -(Hauptrahmenbreite)*/
  margin-top:182px;
}
#grafik-webdesign {
  background-image:url(foto-webdesign.jpg);
  background-position:bottom left;
  background-repeat:no-repeat;
}
#grafik-grafikdesign {
  background-image:url(foto-grafikdesign.jpg);
  background-position:bottom left;
  background-repeat:no-repeat;
}
#grafik-weitereleistungen {
  background-image:url(foto-weitereleistungen.jpg);
  background-position:bottom left;
  background-repeat:no-repeat;
}
#grafik-aktionen {
  background-image:url(foto-aktionen.jpg);
  background-position:bottom left;
  background-repeat:no-repeat;
}
#grafik-referenzen {
  background-image:url(foto-referenzen.jpg);
  background-position:bottom left;
  background-repeat:no-repeat;
}
#grafik-kontakt {
  background-image:url(foto-kontakt.jpg);
  background-position:bottom left;
  background-repeat:no-repeat;
}
#grafik-impressum {
  background-image:url(foto-impressum.jpg);
  background-position:bottom left;
  background-repeat:no-repeat;
}

/* -- Navigationslinkscontainer innerhalb der linken .navispalte -- */
.navicontainer {
  padding-top:10px;
  margin:0; /*Margins li, re, und für das innere DIV in jeder Spalte*/
  margin-left:15px;
  margin-right:15px;
  width:400px;
  height:200px;
  background-position:top left;
  background-repeat:no-repeat;
}
#webdesign {background-image:url(navi-webdesign.gif);}
#grafikdesign {background-image:url(navi-grafikdesign.gif);}
#weitereleistungen {background-image:url(navi-weitereleistungen.gif);}
#aktionen {background-image:url(navi-aktionen.gif);}
#referenzen {background-image:url(navi-referenzen.gif);}
#kontakt {background-image:url(navi-kontakt.gif);}
#impressum {background-image:url(navi-impressum.gif);}


/* -- Textboxen der Titelseite -- */
.a, .b { 
  float:left;    
  background-position:top left;
  background-repeat:no-repeat;
  height:193px;
  width:399px;
}
.c {
  position:relative;
  top:11px; 
  left:-15px;
  width:100%;
  z-index:0; 
}
/* -- Textboxen rechts der Folgeseiten (d:Kopf, e:Körper, f:Fuß) -- */
.d { 
  position:relative;
  top:17px;  
  width:398px;
  height:17px;
  background-image:url(textrahmen-kopf.jpg);
  background-repeat:no-repeat;  
}
.e {
  background-image:url(textrahmen-body.jpg);
  background-repeat:repeat-y;
  padding-top:17px;
  padding-left:15px;
  padding-right:15px;
}
.f {
  background-image:url(textrahmen-fuss.jpg);
  background-repeat:no-repeat;
  height:17px;
}

/* -- Fusszeile -- */
.fusszeile { 
  clear:left; 
  background-image:url(fusszeile-titel.jpg);
  background-repeat:no-repeat;
  color: #d1d1d1;
  width:100%;    
  height:37px;  
  padding-top:5px;  
  font-size:9px;  
}
.fusszeile p a {
  background:transparent;
  color:#d1d1d1;
  text-decoration:none;
}

/* ---------------------------------------------------------------------- */
/* +++++++++++++++++++++++++++++   Navigation   ++++++++++++++++++++++++++*/
/* ---------------------------------------------------------------------- */
/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_nine */

.pro9 {padding:0 0 0 5px; margin:0; list-style:none; height:30px; position:relative;}
.pro9 li {float:left;}
.pro9 li a {display:block; float:left; height:30px; line-height:29px; background:url(pro_nine_0a.gif) no-repeat; color:#000; text-decoration:none; font-size:11px; font-family:arial,  verdana, helvetica, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 11px; cursor:pointer;}
.pro9 li a b {float:left; display:block; padding:0 11px 0 0; background:url(pro_nine_0.gif) right top;}
.pro9 li.current a {color:#fff; background:url(pro_nine_2a.gif) no-repeat;}
.pro9 li.current a b {background:url(pro_nine_2.gif) right top;}
.pro9 li a:hover {color:#fff; background:url(pro_nine_1a.gif) no-repeat;}
.pro9 li a:hover b {background:url(pro_nine_1.gif) right top;}
.pro9 li.current a:hover {color:#fff; background:url(pro_nine_2a.gif) no-repeat; cursor:default;}
.pro9 li.current a:hover b {background:url(pro_nine_2.gif) right top;}

/* -- Positionsangaben für die Navilinks im .navicontainer -- */
.links {width:62%;padding-left:5px;}

#links-webdesign {padding-top:31px;}
#links-grafikdesign {padding-top:70px;}
#links-weitereleistungen {padding-top:43px;}
#links-aktionen {padding-top:80px;}
#links-kontakt {padding-top:70px;}
#links-referenzen {padding-top:90px;}
#links-impressum {padding-top:70px;}

.links ul {
  font-size:11px;
  line-height:17px;  
  list-style-type:none;
  margin-top:0;
  padding-top:0;
}
.links ul li {
  border-bottom:1px dotted #DCDCDC;
}
.links ul li a {
  text-decoration:none;
  color:#000;
  background-image:url(higru-pfeil.gif);
  background-position:left;
  background-repeat:no-repeat;
  padding-left:15px;
}
.links ul li a:hover {
  text-decoration:none;
  color:#BC693D;
  background-image:url(higru-pfeil-aktiv.gif);
  background-position:left;
  background-repeat:no-repeat;
  padding-left:15px;
}
li#aktiv a {
  font-weight:bold;
  color:#947900;
  background-image:url(higru-pfeil-aktiv.gif);
  background-position:left;
  background-repeat:no-repeat;
  padding-left:15px;
}

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

.ueberblick {width: 375px;text-align:left;}

.ueberblick th {   
  background-color:#EAE1E7; 
  line-height:15px;
  vertical-align:top; 
  font-size: 10px;
  font-weight:bold;  
}
.ueberblick th div { 
  width:90px;  
}
#th_ueber { 
  background-color:#b7705a;
  line-height:23px;	
	font-size: 14px;
	font-variant:small-caps;
	color:#fff;
	width:100%;
}
.ueberblick td {
  font-size:10px; 
  text-align:center; 
  background-color:#D5CDD2;
  line-height:15px;  
  font-weight:normal;       
}
.ueberblick td div { 
  width:285px;
}
#td_nachricht {background-color:#d5cdd2;}
#td_senden {background-color:#BFBFBF;}

#div_senden {
  background-color:#BFBFBF;
  text-align:center;
  width:100%;
}
.formfieldrequired {
  color:red;
  font-weight:bold;
}