/* ### Vorbereitende Maßnahmen | Reset ##################################################################*/
	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	* { margin:0; padding: 0; } 

	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { height: 100% } 
	body { 
		min-height: 100%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser 
			Fensters geändert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #000;        
		background: #012756;
		background-image:url(grafiken/hg.jpg);
    background-repeat:repeat-x;
		text-align: left;
	} 
	
	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }
    
    

/* ### Main-Styles ##################################################################*/
    
    
body,table,td,div,form,input,pre {
    font-family: arial, helvetica; 
    font-size: 12px; 
    color: #37414B; 
    vertical-align: top;
    }
    
#seite {
    margin:auto;
    width: 990px;
    }
    
/* ### Kopf-Styles ##################################################################*/
    
#kopf { 
    width:auto;
    height:107px;
    }
    
#logo {
    float:left;
    margin:40px 0px 0px 10px;
    }

#slogan {
    float:right;
    margin:63px 0px 0px 0px;
    }
    
    
#hnav { 
    width:auto;
    height:31px;
    background-image:url(grafiken/hg_hnav.gif);
    background-repeat:repeat-x;
    background-repeat:no-repeat;
    }
    
/* ### Körper-Styles ##################################################################*/ 
    
#koerper { 
    width:auto;
    height:600px;
    background: #FFF;
    }
   
#fotos_startseite { float:left; width:500px; height:600px; background-image:url(grafiken/foto_startseite.jpg); background-repeat:no-repeat; } 
#fotos_unternehmen { float:left; width:500px; height:600px; background-image:url(grafiken/foto_unternehmen.jpg); background-repeat:no-repeat; }
#fotos_produkte { float:left; width:500px; height:600px; background-image:url(grafiken/foto_produkte.jpg); background-repeat:no-repeat; }
#fotos_raumplan_xl { float:left; width:500px; height:600px; background-image:url(grafiken/foto_raumplan_xl.jpg); background-repeat:no-repeat; }
#fotos_raumplan { float:left; width:500px; height:600px; background-image:url(grafiken/foto_raumplan.jpg); background-repeat:no-repeat; }
#fotos_logo { float:left; width:500px; height:600px; background-image:url(grafiken/foto_logo.jpg); background-repeat:no-repeat; }
#fotos_cubus { float:left; width:500px; height:600px; background-image:url(grafiken/foto_cubus.jpg); background-repeat:no-repeat; }
#fotos_zeichenservice { float:left; width:500px; height:600px; background-image:url(grafiken/foto_zeichenservice.jpg); background-repeat:no-repeat; }
#fotos_schulungen { float:left; width:500px; height:600px; background-image:url(grafiken/foto_schulungen.jpg); background-repeat:no-repeat; }
#fotos_consulting { float:left; width:500px; height:600px; background-image:url(grafiken/foto_consulting.jpg); background-repeat:no-repeat; }
#fotos_datensupport { float:left; width:500px; height:600px; background-image:url(grafiken/foto_datensupport.jpg); background-repeat:no-repeat; }
#fotos_kontakt { float:left; width:500px; height:600px; background-image:url(grafiken/foto_kontakt.jpg); background-repeat:no-repeat; }
#fotos_hotline { float:left; width:500px; height:600px; background-image:url(grafiken/foto_hotline.jpg); background-repeat:no-repeat; }
#fotos_anfahrt { float:left; width:500px; height:600px; background-image:url(grafiken/foto_anfahrt.jpg); background-repeat:no-repeat; }
#fotos_impressum { float:left; width:500px; height:600px; background-image:url(grafiken/foto_impressum.jpg); background-repeat:no-repeat; }

#inhalt {
    float:right;
    width:411px;
    height:545px;
    padding:0px 25px 0px 0px;
    margin:30px 0px 25px 0px;
    overflow:auto;
    }
    
/* ### Fuss-Styles ##################################################################*/
    
#fuss { 
    width:auto;
    height:37px;
    padding-top:13px;
    }
    
#unav { 
    float:right;
    width:350px;
    height:26px;
    }
      
/* ### Standard-Styles ##################################################################*/ 
    
#koerper ul {margin-left:30px;}
.bildlinks {float:left;}
.bildrechts {float:right;}
.saubersauger {clear:both;}
.SpamMessage {color: #eb1a6e;}
#vorladen {visibility: hidden;}


/* ### Linkfarben ##################################################################*/

a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #000000; }

#inhalt a img { border:1px solid #000000; padding:2px; background: #ffffff;}
#inhalt a:hover img { border:1px solid #000000; padding:2px; background: #c1dffb;} 

/* ### Navigation ##################################################################*/

#hnav ul {
    float:left;
    display:inline;		/* Fix für IE Doubled Float Margin Bug    */ 
    margin:0;			/* Standard-Listendefinition zurücksetzen */
    padding: 0;
}

#hnav ul li {
    float: left;
    display:inline;     /* Fix für IE Doubled Float Margin Bug    */ 
    margin: 0px 3px 0px 0px;
    padding: 0;
    font-size: 12px;
    line-height: 14px;
    list-style-type: none;
}

#hnav ul li a {
    display:block;
    width: auto;
    font-size: 14px;
    font-family: arial;
    font-weight:bold;
    background: transparent;
    text-decoration: none;
    color: #000;
    margin: 0px;
    padding: 8px 12px 8px 12px;
}

#hnav li ul {
  position: absolute;
  left: -9999em;
  height: auto;
  width: 160px;
  margin: 0px 0px 0px -30px;
  padding-top:11px;
  background:#c1dffb;
}

#hnav li li {
  width: 160px;
  /*height:15px;*/
  height:auto;
  padding:0px 0px 2px 0px;
}

#hnav li li:hover, #hauptnav li li.sfhover{
  width: 160px;
  /*height:15px;*/
  height:auto;
  text-decoration:none;
  margin:0px;
  color:#fff;
  background:#afcde9;
}

#hnav li ul a {
  width: 160px;
  /*padding-left: 1em;*/
  color:#000;
  padding-top:5px;
  margin:0px;
  font-size: 11px;
}

#hnav li ul ul {
  margin: 0px;
  padding:0px;
}
 
#hnav li:hover ul ul, #hnav li:hover ul ul ul, #hnav li.sfhover ul ul, #hnav li.sfhover ul ul ul {
  left: -9999em;
  margin: -27px 0px 0px 160px;
  background:#fcf5e7;
  width: 100px;
}
 
#hnav ul ul ul a {
  width: 100px;
}
 
#hnav li li li:hover, #hauptnav li li li.sfhover{
  background:#fff;
  width: 100px;
}

#hnav li:hover ul, #hnav li li:hover ul, #hnav li li li:hover ul, #hnav li.sfhover ul, #hnav li li.sfhover ul, #hnav li li li.sfhover ul {
  left: auto;
}
 
#hnav li:hover, #hnav li.sfhover {
  display:block;
  text-decoration:none;
  background: #afcde9;
}
#hnav li.menuparent_act{
}
#hnav li.menuparent_act2{
}
#hnav li.menuparent_act a{
  background: #553019;
  color:#fff;
}
#hnav li.menuparent_act ul a{
  background: transparent;
  color:#333;
}
#hnav li ul ul{
  margin: 0px 0px 0px 0px;
}

/* ### Sonstige-Styles ##################################################################*/