/* CSS Document */


/* Allgemein */
body {
	font-family:verdana, tahoma, arial, helvetica, sans-serif;
	font-size:13px;
	padding:0px;
	line-height:132%;
	color:#735135;
	margin: 0px;
	margin-left:80px;
	background-color:#E3E3E3;
	background-image: url(pics/hg_links.jpg);
	background-repeat: repeat-y;
	}
	
body.fenster { background-color:white; margin:40px;}	
	
td	{ font-family:verdana, tahoma, arial, helvetica, sans-serif; font-size:13px; line-height:132%;}	

a 	{ color:#735135; text-decoration:none; border-bottom:solid 1px #D20026;}

a:hover {text-decoration:none; background-color:#F3EFEE; }

p	{ margin-top:2px; margin-bottom:8px;}

h1	{ color:#666666; margin-bottom:10px; margin-top:0px; font-size:15px; font-weight:normal; line-height:135%; letter-spacing:2px; }

h2	{ font-size: 13px; font-weight:normal; margin-top:30px; margin-bottom:0px; color:#D20026; letter-spacing:1px; line-height: 135%; }

div.spalte_schmal h2 { margin-top:20px;   }	
div.spalte_schmal h2 a { color:#D20026;   }	

h3	{ font-size: 13px; font-weight:normal; margin-bottom:0px; color:#666666; letter-spacing:1px;}

h4	{ font-size: 10px; font-weight:normal; margin-bottom:2px; color:#D20026; letter-spacing:1px; text-transform:uppercase; line-height:140%;}

hr { border-bottom:1px #EBEAE6 solid; height:0px;   }

small{ font-size: 10px;}

big { font-size: 13px; line-height: 20px; letter-spacing: 1px;}

ul { list-style: outside square; margin-left:0px; padding-left:4px; margin-top:4px; margin-bottom:4px;}
li { padding-bottom:5px; margin-top:4px; padding-left:0px;  color:#D9D7D3; margin-left:13px;  }
li .text { color:#735135;}

ol, ol li { color:#735135;}
	
.pfeil { padding-left:6px;}	

/* Grund-Layout */
.grundtabelle {	height:100%; background-color:white; background-position:580px 241px; background-repeat:no-repeat;}

.mitte 	{ width:730px; }
.rechts	{ width:200px; background-image:url(pics/hg_rechts.jpg); background-position:right top; background-repeat:repeat-y; }

.kopf 	{ height:30px; }
.foto	{ height:211px;}
.navigation	{ height:30px; }

.kopf .mitte { text-align:right; vertical-align:bottom;}

.foto .mitte { vertical-align:top; background-image:url(pics/metall.jpg); background-position:bottom; background-repeat:no-repeat; border-left:1px solid #E0E0D9; border-right:1px solid #E0E0D9;}

.navigation .mitte { color:#F0E1E8; vertical-align:bottom; border-left:1px solid #E0E0D9; border-right:1px solid #E0E0D9; }
.navigation .rechts { vertical-align:bottom;  }

.inhalt { vertical-align:top;}	
.inhalt .mitte { border-left:1px solid #E0E0D9; border-right:1px solid #E0E0D9;}
.inhalt .rechts { }
	
/* Foto */

.foto a 	  { border-bottom:none;}

.foto a:hover {background:none; }

/* Logo */
.foto .rechts img { margin-left:24px;}	
.foto .rechts a { border:none;}	
.foto .rechts a:hover { background-color:white;}	

/* Utilities */
.utilities { margin-bottom:1px;}
.utilities a, .utilities span.aktuell { color:#999999; font-size:10px; letter-spacing:1px; line-height:16px; text-decoration:none; padding-left:4px; padding-right:4px; border-right:#CCCBC0 solid 1px; border-bottom:none;}	
.utilities a#lastitem, .utilities span.aktuell#lastitem { padding-right:0px; border-right:white solid 1px;}	
.utilities a:hover {color:#666666;}
.utilities span.aktuell  { color:#D20026; }		
				
/* Navigation */
.navigation_container { margin-left:10px;}
.navigation a, .navigation span.aktuell  { color:#D20026; font-size:10px; letter-spacing:1px; text-transform:uppercase; text-decoration:none; padding:0px 8px 0px 8px;  border-right:#CCCBC0 solid 1px; padding-top:6px; border-bottom:none;}	
.navigation a#lastitem, .navigation span.aktuell#lastitem { padding-right:0px; border-right:white solid 1px;}	
.navigation a:hover, .navigation a.aktuell:hover { color:#9B001B; background-color:white;}
.navigation span.aktuell, .navigation a.aktuell  { color:#666666; }	

/* Subnavigation */
.subnavigation { margin-top:55px; }
.subnavigation a, .subnavigation span.aktuell  { font-size:10px; letter-spacing:1px; text-transform:uppercase; padding-left:18px; padding-right:10px; padding-bottom:13px; color:#D20026; text-decoration:none; display:block; line-height:14px;  border-bottom:none; }
.subnavigation a:hover  { color:#9B001B; text-decoration:none; background:none;}
.subnavigation span.aktuell, .subnavigation a.aktuell  { color:#666666; background-image:url(pics/marker.gif); background-repeat:no-repeat; background-position:0px 4px; }
 
/* Randbereich */
.inhalt .rechts p 	{ margin-bottom:10px; margin-top:0px;}		
.kontakt { font-size:11px; margin-left:16px; }



/* Inhalt */
div.inhaltsbereich {  margin-top:50px; margin-left:18px; margin-right:10px; }
div.spalte_breit { width:505px; }
div.spalte_mittel { width:435px; }
div.spalte_mittel_rechts { float:right; width:235px; font-size:11px; border-left:dashed 1px #E0E0D9; padding-left:14px; }
div.spalte_extrabreit { width:690px; }
div.spalte_schmal { float:right; width:145px; font-size:11px; border-left:dashed 1px #E0E0D9; padding-left:14px; }	
div.bildtext { margin-top:0px; padding-top:0px; width:230px; color:#D20026; font-size:10px;}

.hervorhebungskasten { margin-bottom:20px; margin-top:20px; background-color:#F3EFEE; padding:14px; padding-right:20px; padding-bottom:14px;}
.news .hervorhebungskasten, .spalte_schmal .hervorhebungskasten { margin-bottom:10px; margin-top:10px; padding:8px; padding-top:1px;  padding-right:6px; padding-bottom:6px;}


/* Startseite */
.news 	{ float:right; width:140px; font-size:11px; margin-top:24px; }	
.news h4	{ margin-bottom:6px; margin-top:6px; }	
.telefonkontakt .mitte { border-left:1px solid #E0E0D9; border-right:1px solid #E0E0D9; background-image:url(pics/telefon_hg.gif); background-repeat:no-repeat; background-position:158px bottom; font-size:10px; height:211px; vertical-align:bottom;}
.telefonkontakt p { margin-left:180px; margin-top:12px; margin-bottom:4px;}	
.telefonkontakt p#lastitem { margin-top:0px; margin-bottom:130px;}	
.telefonkontakt a:hover { background-color:#E0E0D9; }


/* Bilder durchklicken */
div.bildklick {
	position: absolute;
	left:104px;
	top:529px;
	width:650px;
	height:300px;
	visibility:hidden;
	overflow:hidden;
}	
.bildklick table { margin-top:4px; }
.bildklick .foto { padding-right:6px;}
.bildklick .text { vertical-align:top; padding-left:8px; width:148px; color:#D20026; font-size:10px; }
.bildklick .text p { margin-bottom:30px; }
.bildklick a.weiterlink {  font-size:10px; text-decoration:none; }

div.bildklick_retro { position: absolute; left:98px; top:593px; width:650px; height:265px; visibility:hidden; overflow:hidden;}	
.bildklick_retro table { margin-top:4px; }
.bildklick_retro .foto { padding-right:8px; width:387px; text-align:right;}
.bildklick_retro .text { vertical-align:top; padding-top:30px; padding-left:0px; width:170px; color:#D20026; font-size:10px; }
.bildklick_retro .text p { margin-bottom:30px; }
.bildklick_retro a.weiterlink {  font-size:10px; text-decoration:none;  }


/* Formulare */
form#kontaktform 	{font-size:12px;}
form#kontaktform table	{ margin-top:12px;}
form#kontaktform td { padding-right:12px; padding-bottom:7px; }
form#kontaktform input, form#kontaktform textarea { background-color:#EDECE8; }

/* PRODUKTE */

/* Tabellen */
table.tabelle { margin-top:24px; margin-bottom:12px; }
table.tabelle td, table.tabelle th	{ text-align:left; font-size:11px; letter-spacing:0px; border-bottom:1px solid #E0E0D9; padding:2px; padding-right:20px; vertical-align:top; }
table.tabelle th { font-size:11px; font-weight:normal; color:#D20026; padding-bottom:3px;  }
table.tabelle th.shopverlinkung { font-size:10px; text-transform:uppercase; font-weight:normal; color:#A3A3A3; }
.tabelle .shopverlinkung { text-align:right; padding-right:1px; visibility:hidden;} /* visibility löschen, wenn Shop läuft */
.tabelle a 		 { color:#735135; text-decoration:none;  border-bottom:none;}
.tabelle a:hover { background-color:#F0EEED; text-decoration:none; }

.tabellengruppe table.tabelle { width:400px;}

table.tabelle#daten td, table.tabelle#daten th	{ border-right:1px solid #E0E0D9; padding:2px; padding-right:5px; padding-left:5px; vertical-align:top; }

table.tabelle#kontaktdaten td, table.tabelle#kontaktdaten th	{ padding:2px; padding-right:16px; padding-left:3px; vertical-align:top; }
table.tabelle#kontaktdaten th { font-size:10px; text-transform:uppercase; font-weight:normal; color:#A3A3A3; border-bottom:0px; }
table.tabelle#kontaktdaten td h2 { margin-top:18px; }

table.text td, table.text th	{ font-size:13px; width:220px; vertical-align:top; padding-right:40px; padding-bottom:10px; }

table.kasten    { margin-bottom:20px; margin-top:20px; background-color:#F3EFEE; }
table.kasten td { font-size:13px; vertical-align:top; padding:14px; padding-right:20px; padding-bottom:10px;}

.logobereich 	{ float:right; width:140px; font-size:11px; margin-right:14px; border-left:dashed 1px #E0E0D9; padding-left:16px; }	
.logobereich h4  { text-align:center; margin-top:5px;}  
.logobereich a  { display: block; width:140px; text-align:center;  margin-top:18px; margin-bottom:28px; border-bottom:none; }
.logobereich a#lastitem  { margin-bottom:12px; }	
.logobereich a img { border-width:0px; }
.logobereich a:hover { background-color:white;}