/* CSS Document */

/* Allgemein */
body {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial;
	font-size:12px; line-height:150%; color:#333333;
	margin:40px; margin-top:0px; margin-bottom:0px; 
	background-color:#4A3C3A;
	}
	
.fenster .inhalt {background-color:d1e8f9; padding:35px; padding-right:14px; height:100%; padding-bottom:180px;}
.fenster h1 {margin-right:-16px; }
	
td	{ font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial;
	font-size:12px; line-height:150%;}	

a { color:#FF6633; }

a:hover { color:#33CC33; }

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

h1, h2	{ color:#FF6633; margin-bottom:6px; margin-top:0px; font-size:16px; font-weight:normal; line-height:150%; letter-spacing:1px; }

h3	{ color:#FF6633; font-size:12px; font-weight:normal; margin-top:24px; margin-bottom:2px;  }

h4	{ color:#33CC33; font-size:12px; font-weight:normal; margin-bottom:0px; }

h5	{ color:#FF6633; font-size:11px; letter-spacing:1px; text-transform:uppercase; font-weight:normal; margin-bottom:0px; margin-top:0px; }



hr { color: #C8D215; height: 1px;}

small{ font-size: 11px;}

big { font-size: 16px;	line-height: 20px;  }
	
.zitat {
	padding:12px; color:#E64415; letter-spacing:1px; line-height:165%;
}

ul { list-style:none; margin-left:0px; padding-left: 0px; margin-top:4px; margin-bottom:6px;}
li { padding-bottom:5px; margin-top:2px; margin-bottom:0px;  padding-left:12px; background-image:url(../pics/bullet.gif); background-position:0px 7px; background-repeat:no-repeat; }

.hochgestellt { vertical-align: 25%; font-size: 9px; }

.normal {font-weight: normal;}

.hervorhebung { color:#FF6633;}

/* Grund-Layout */
.haupttabelle 	{ width:722px; height:100%; }
.header_links   { width:160px; height:360px;} /* leer */
.header_rechts  { width:560px; background-image:url(../pics/box_rechts.gif); background-position:right; 
				  background-repeat:repeat-y; vertical-align:top; background-color:white;}
.navigation 	{ width:160px; vertical-align:top; }
.inhaltsbereich { width:560px; vertical-align:top; background-color:white; 
				  background-image:url(../pics/box_rechts.gif); background-position:right; 
				  background-repeat:repeat-y;}
.footer_links   { width:160px; height:28px;} /* leer */
.footer_rechts  { width:560px; background-color:white; vertical-align:middle; 
				  background-image:url(../pics/box_rechts.gif); background-position:right; background-repeat:repeat-y;}

/* Header */	
.header_rechts .illu	{ width:550px; height:360px; background-image:url(../pics/fotos/situation/rotate.php); background-position:left top; background-repeat:no-repeat;}
.header_rechts .logo  	{ margin-left:20px; margin-top:20px;}
.header_rechts .claim  	{ line-height:150%; margin-top:156px; margin-left:20px; color:white;}
				
/* Navigation */
.navigation_box 		{ width:140px; background-color:white; margin-top:-10px; margin-bottom:10px; padding-right:10px; 			
						  background-image:url(../pics/box_rechts.gif); background-position:right top; 
						  background-repeat:repeat-y;}
.navigation_box H3 		{ margin:10px; padding-top:10px; margin-bottom:4px;}
.navigation_box H3#shirts 		{ padding-left:30px; background-image:url(../pics/shirt_icon.gif); background-position:0px 8px; background-repeat:no-repeat;}
.navigation ul  		{ display:block; list-style-type:none; list-style-image:none; text-align:left; 
						  margin:0px; padding:0px; padding-right:-10px; padding-bottom:10px; width:150px; 
						  overflow:hidden; 
						  background-image:url(../pics/box_unten.gif); background-position:right bottom; 
						  background-repeat:no-repeat;}				
	

.navigation li { width:120px; margin:0px; margin:0px 10px; margin-right:20px; padding:0px; border-top:dotted 1px #33CC33; background-image:none;}
.navigation li#firstitem { border-top:0px;}	
	
*html .navigation li { display:inline; width:130px; margin-right:10px; } /* IE fix */

.navigation li a, .navigation li a:visited, .navigation li a.aktuell {
	display:block; 
	padding:8px 0px; padding-bottom:9px; 
	text-decoration:none; color:#333333; 
	line-height:100%;
	}

.navigation li a:hover, .navigation li a:focus { color:#33CC33; text-decoration:none; }
.navigation li a.aktuell { background-image:url(../pics/marker.gif); background-position:right; background-repeat:no-repeat; color:#FF6633; }

/* Inhalt */
.inhalt { padding-left:20px; padding-top:45px; padding-right:30px; padding-bottom:30px; }

/* Produkt */
IMG.produkt { border:1px solid #999999; width:160px; height:160px;}
IMG.produkt#mittel { border:1px solid #999999; width:100px; height:100px; margin-left:10px; margin-bottom:10px;}
IMG.produkt#klein { width:30px; height:30px; margin-top:10px; margin-right:10px;}

TABLE.produkt 				   	{ background-color:#E5E4D8; padding:15px; margin-top:15px; clear:both;}
TABLE.produkt a					{ text-decoration:none;}
TABLE.produkt a:hover			{ text-decoration:underline; color:#FF6633;}		
		
TABLE.produkt TD.beschreibung 	{ vertical-align:top; }
TABLE.produkt TD.preis 			{ vertical-align:bottom; }
TABLE.produkt TD.preis H1 		{ margin-bottom:0px; }
TABLE.produkt TD.preis P 		{ margin-bottom:0px; }
TABLE.produkt TD.farben 		{ vertical-align:bottom;}
.farben IMG						{ margin-top:10px; border:1px solid #999999; margin-right:10px; width:15px; height:15px;}
TABLE.produkt TD.foto 			{ vertical-align:bottom; }
TABLE.produkt TD.foto IMG		{ border:1px solid #999999;} 


/* Startseite */
DIV.produkt  	{ background-color:#E5E4D8; padding-left:0px; padding-top:20px; padding-right:20px; padding-bottom:0px;  margin-top:20px; clear:both; width:480px;}
DIV.produkt IMG.produktmittel { border:0px solid #999999; width:100px; height:100px; margin-left:20px; margin-bottom:20px;}
*HTML DIV.produkt  	{ width:500px;}

/* Produktdetail */
div.foto 			{ float:right; margin-left:10px;}

/* Rechte Spalte */
.rechte_spalte { width:170px; float:right; border-left:dotted 1px #33CC33; padding-left:15px; padding-bottom:0px; margin-left:20px; margin-right:-10px; margin-bottom:15px;}
.rechte_spalte h2 { margin-top:4px;}

*HTML .rechte_spalte { margin-right:0px;}

/* Fusszeile */
.footer_rechts .utilities { border-top:dotted 1px #33CC33; margin:0px 20px; margin-top:8px;}
.footer_rechts .utilities a { font-size:10px; text-decoration:none; color:#333333; padding-right:20px; }
.footer_rechts .utilities a:hover { color:#33CC33; }

/* Buttons */
a#button { display:block; text-align:center; height:23px; width:145px; background-image:url(../pics/button_leer.gif); background-position:left top; background-repeat:no-repeat; padding-top:1px; cursor:hand; }
a:hover#button { text-decoration:none; background-image:url(../pics/button_leer_ro.gif);  }


/* Tabellen */
table.tabelle { margin-top:24px; margin-bottom:12px; }
table.tabelle td, table.tabelle th	{ text-align:left; border-bottom:1px solid #FFFFFF; padding:2px; padding-right:20px; vertical-align:top; }
table.tabelle th { font-weight:normal; color:d1e8f9; padding-bottom:3px; }

/* Kasten */
.kasten { margin:12px; margin-left:0px; padding:10px; padding-bottom:6px;  background-color:#70B129; }
.kasten h2, .kasten h3  { color:white; margin-bottom:3px; margin-top:2px; }
.kasten h3  {margin-bottom:0px; margin-top:2px; }
.kasten p  {margin-bottom:6px; margin-top:0px; }
.kasten h2 a { text-decoration:none; color:white; }
.kasten a { color:#DBEBC9; }
.kasten a:hover { color:white; }

/* Formulare */
form#bestellform 	{ background-color:#E5E4D8; padding:15px; margin-top:15px; clear:both;}
form#bestellform table	{ margin-top:12px;}
form#bestellform td { padding-right:12px; padding-bottom:7px; }
form#bestellform input, form#bestellform textarea { background-color:white; }

form#bestellform input#submit, form#bestellform input#reset { color:#FF6633; display:block; text-align:center; height:23px; width:145px; background:none; border:none; background-image:url(../pics/button_leer.gif); background-position:left top; background-repeat:no-repeat; padding-bottom:1px; cursor:hand; }

form#bestellform input#submit:hover, form#bestellform input#reset:hover {  background-image:url(../pics/button_leer_ro.gif); cursor:pointer; }