* {
  margin: 0;
  padding: 0;
  font-family: arial, helvetica, sans-serif;
  }

body {
  color: #196C1B;
  font-size: 1em;
  font-size: 100.01%; /* FIX: Beseitigt den Riesenfonts-Bug im IE */  
  }

img { border: 0; }

img.flagge { border: 1px solid #000; }

a { color: #196C1B; }

/* äußere Tabelle */
table.layout {
  width: 975px;
  top: 168px;
  left: 0px;
  position:absolute;
  }

/* äußere Tabelle */
table.layout_print {
  left: 0px;
  position:absolute;
  }

/***** Bereich unter Headergrafik ****/
/* dunkelbraun oben links */
#header_grafik {
  border-right: 1px solid #166B18;
  width: 974px;
  }

#grafik_onlineshop {
  background: #8E704A;
  border-right: 1px solid #745023;
  }

#platzhalter_rechts { /* unter dem Mann rechts */
  border-left: 1px solid #166B18;
  border-right: 1px solid #166B18;
  height: 64px;
  width:169px;
  }
  
#navigation_top {
  background: #E3DCD3;  
  height: 64px;
  vertical-align:top;
  }

#navigation_top li {
  list-style: none;
  display:inline;
  }

#navigation_top a {
  color: #735E3E;
  font-size: 0.8em;
  text-decoration: none;
  display:block;
  margin: 2px 0px;
  }

#navigation_top a:hover { text-decoration: underline; }

#navigation_top a.rot {
  color: #CC3300;
  text-decoration: none;
  }

#navigation_top a.rot:hover { text-decoration: underline; }

#navigation_login {
	color: #735E3E;
  background: #E3DCD3;  
	font-size: 90%;
  vertical-align:top;
  }

#navigation_flagge {
	color: #735E3E;
  background: #E3DCD3;  
  }

#navigation_bottom {
	color: #735E3E;
  background: #E3DCD3;  
	font-size: 90%;
  vertical-align:top;
	padding-bottom:200px;
  }

#navigation_login a {
  color: #735E3E;
  font-size: 0.9em;
  display:block;
  margin: 2px 0px 2px 0px;
	text-decoration: none;
  }

#navigation_login a:hover { text-decoration: underline; }

#gkinfo {
	color: #735E3E;
  background: #E3DCD3;  
	font-size: 90%;
  vertical-align:top;
  padding: 10px 10px 10px 10px;
  }

#gkinfo a {
  color: #735E3E;
  font-size: 0.9em;
  display:block;
  margin: 2px 0px 2px 0px;
	text-decoration: none;
  }

/**** S U C H E   D I A L O G *****/
.lupe {
  float: left;
  width: 40px;
  padding-top: 30px;
  }
  
#suche {  
  float: left;
  width: 130px;
  }

#suche select {
  background-color: #D5CABD;
  color: #745023;
  font-size: 0.7em;
  margin: 1px 0px 1px 2px;
  width: 124px;
  }

#suche .suchbegriff {
  background-color: #D5CABD;
  color: #745023;
  font-size: 0.7em;
  margin: 1px 0px 1px 2px;
  width: 120px;
  }
  
/**** Hauptnavigation  *******/
.hauptnavi {
  margin: 5px 10px 5px 10px;
  float:left;
  width:580px;
  }
.hauptnavi2 {
  margin: 5px 10px 5px 10px;
  float:left;
  }
  
/***** WG-Navigation *****/
#wg_navigation { 
  background-color: #D5CABD;
  border-right: 1px solid #745023;
  height: 100%;
  padding: 25px 0px 25px 0px;
  vertical-align:top;
  width: 225px; 
  }
  
#wg_navigation p { color: #735E3E; }

#wg_navigation li {
  list-style: none;
  display:inline;
  } 

#wg_navigation a.navi_1 {
  color: #735E3E;
  display: block;
  font-size: 0.8em;
  font-weight: bold;
  padding: 0px 0px 0px 25px;
  margin: 2px 0px 2px 0px;
  text-decoration: none;
  }
  
#wg_navigation a.navi_1:hover { text-decoration: underline; }

#wg_navigation a.navi_2 {
  color: #735E3E;
  display: block;
  font-size: 0.8em;  
  padding: 0px 0px 0px 25px;
  margin: 2px 0px 2px 0px;  
  text-decoration: none;
  }

#wg_navigation a.navi_2:hover { text-decoration: underline; }

#wg_navigation .bg_navi_3 { background: #E2DAD1; }

#wg_navigation a.navi_3 {
  color: #735E3E;
  display: block;
  font-size: 0.8em;
  padding: 0px 0px 0px 26px;
  margin: 2px 0px 2px 0px;  
  text-decoration: none;
  }
  
#wg_navigation a.navi_3:hover { text-decoration: underline; }

#wg_navigation a.navi_3_aktiv {
  color: #735E3E;
  display: block;
  font-size: 0.8em;
  font-weight: bold;  
  padding: 0px 0px 0px 26px;
  margin: 2px 0px 2px 0px;  
  text-decoration: none;
  }
  
#wg_navigation a.navi_3_aktiv:hover { text-decoration: underline; }

#wg_navigation .bg_navi_4 { background: #EBE5DF; }

#wg_navigation a.navi_4 {
  color: #735E3E;
  display: block;
  font-size: 0.8em;
  padding: 0px 0px 0px 33px;
  margin: 2px 0px 7px 0px;  
  text-decoration: none;
  }
  
#wg_navigation a.navi_4:hover { text-decoration: underline; }
  
#wg_navigation a.navi_4_aktiv {
  color: #735E3E;
  display: block;
  font-size: 0.8em;
  font-weight: bold;
  padding: 0px 0px 0px 33px;
  margin: 2px 0px 7px 0px;  
  text-decoration: none;
  }
  
#wg_navigation a.navi_4_aktiv:hover { text-decoration: underline; }

/**** Inhalt (Contentbereich) *****/

#content div.gesamte_breite p.mit_farbe { margin-bottom: 0; } 

#content div.linke_spalte p {
	background:#E7F0E7;
	margin-bottom:0;
	}
  
#content div.rechte_spalte p { background:#E7F0E7; }  

#content ul {
	background:#E7F0E7 none repeat scroll 0 0;
  padding: 10px 15px 15px 30px;
  margin-bottom: 20px;
  }

#content div.linke_spalte p.mit_farbe ,
#content p.mit_farbe, 
#content div.mit_farbe {
  background: #E7F0E7;
  padding: 5px 15px 1px 15px;
  margin-bottom: 20px; 
  }

#content div.active_wizard p { margin-bottom: 0; }

#content div.standard {
  margin-bottom:20px;
  padding-bottom:1px;
  }

/* IE 6 Hack */
*html #content p.mit_farbe { margin-bottom: 20px; }

#content p.ohne_farbe {
  padding: 10px 15px 10px 15px;
  margin-bottom: 20px;
  }

#block_tabelle td { vertical-align: top; }

#zusatz {
  padding: 0;
  vertical-align:top;
  float:left;
  margin-bottom:0.5em;
  margin-top:0.5em;
   width:566px; 
 
  }

#zusatz p { 
  padding: 5px; 
 /* width:560px; */
  }

/*****  P R O D U K T E   -  L I S T E   ******/
table.warenkorb {
  background-color: #E7F0E7;
  font-size:0.9em;  
  }

table.bestellblock {
  background-color: #E7F0E7;
  font-size:0.9em;  
  width:250px;
  float:right;
  }
  
table.bestellblock td {text-align: left;}

table.weitenauswahl {
  margin:1px 5px 0px 0px;
  font-size:100%; 
  background:none repeat scroll 0 0 #C9DCC9;
  border:1px solid #196C1B;
  color:#196C1B;
  float:left;
  padding-right:2px;
  padding-left:2px;
  }

.symbolleiste {
  background-color: #E7F0E7;
  float:left;
  width:100%;
  border-bottom: 1px solid #fff; 
  border-top: 1px solid #fff;
  padding:5px 0 5px 0;
  font-size:0.7em; 
  }

.bestelltabelle {
  background-color: #E7F0E7;
  float:left;
  width:100%;
  border-bottom: 1px solid #fff; 
  border-top: 1px solid #fff;
  padding:5px 0px 5px 0px;
  font-size:1.2em; 
  margin-bottom:25px;
  table-layout:fixed; 
  }

.produkte_braun {
  color: #735E3E;
  padding: 0px 4px 0px 4px;  
  vertical-align:top; 
  }

.produkte_braun_fett {
  color: #735E3E;
  padding: 0px 4px 0px 4px;  
  vertical-align:top; 
  font-weight:bold;
  }

.produkte_gruen {
  padding: 0px 4px 0px 4px;  
  vertical-align:top;
  }

.produkte_gruen_fett {
  padding: 0px 4px 0px 4px;  
  vertical-align:top;
  font-weight:bold;
  }

.produkte_auswahl {
  background: #E7F0E7;
  padding: 10px 10px 10px 10px;
  }

.produkte_input {
  background: #B3CFB3;
  width: 30px;
  /* margin: 1px 0px 1px 2px; */
  margin-top:1px;
  margin-right:0;
  margin-bottom:1px;
  margin-left:2px;
  text-align:center; /*damit in der Produktauswahl die 1 in der Mitte steht!*/  
  }

.produkte_select {
  background: #B3CFB3;
  margin: 1px 0px 1px 2px;
  padding:1px;
  float:left;
  }

/* funktioniert nicht im opera */
input.big_radio {
  height:1.3em;  
  width:1.3em;
  _height:1.7em; /* nur ie */
  _width:1.7em; /* nur ie */
  }
  
img.schuh {
  /* Groessenbegrenzung fuer die Schuhgrafiken in der Artikelliste */
  max-width:250px; 
  float:left;
  }

img.schuh2 { max-width:250px; }

div.bildbox {
	width:250px; 
	float:left;
	text-align: center;
	font-weight:bold;
	}
	
div.bildbox a { color: red; }

/**** rechte Seite   *****/
#rechte_seite {
  background: #B8D2B9; 
  border-left: 1px solid #166B18;
  border-right: 1px solid #166B18;  
  color: #196C1B;
  font-size: 0.75em;
  padding: 10px 0px 20px 0px;
  width: 167px;
  }

#rechte_seite p {
  margin: 15px 0px 2px 0px; 
  padding: 0px 15px 0px 15px;
  }

#rechte_seite  a {
  font-weight: bold;
  text-decoration: none;
  }

#rechte_seite div {
  background-color: #DDE9DD;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  }

#rechte_seite img {
  margin-left: -30px;
  position:relative;
  width: 166px; 
  }

/* Fuer Grafik zum Aendern der Font-groesse */
#rechte_seite img.font_switcher {
	width: 17px; 
	height: 16px;
	margin: 3px 0 0 0; 
	cursor: pointer;
  }

/***** M O R E   R E S U L T S  ******/
.moreres {
  background-color: #D2E2D2;
  border-top: 1px solid #166B18;
  padding: 6px 0px 6px 0px;
  width: 100%;
  font-weight: bold;
  text-align:center;
  }

.moreres a { text-decoration: none; }

.moreres_seiten a { font-weight: normal; }

.moreres_seiten {
  padding: 0 10px 0 15px;
  float: left;
  }

.moreres_warenkorb {
  padding: 0 15px 0 10px;
  float: right;
  }

/*****  allg. Font-Stile   ****/
.rot { color: #FF0000; }

.hinweiszeile {
  color: #FF0000;
  font-size:1.2em;
  font-weight:bold;
  background:url(/image/sucheerfolglos2.gif) no-repeat center center;
  text-align:center;
  height: 146px;
  vertical-align:middle;
  }

.fettrot {
  font-size:1.2em;  
  color:red; 
  font-weight:bold;
  padding-left:10px;
  padding-top:5px;
  }

.fettblau {
  font-size:1.2em;  
  color:navy; 
  font-weight:bold;
  }

.fett { font-weight: bold; }

.rabatt {
  float:right; 
  color:red; 
  font-size: 1.4em; 
  font-weight: bold;
  margin: 0 10px 10px 0;
  }

.rabatt_mittel {
  color:red; 
  font-size: 0.95em; /*vorher 0.8*/ 
  font-weight:bold;
  }

.rabatt_klein {
  float:right; 
  color:red; 
  font-size: 0.95em; /*vorher 0.8*/ 
  font-weight:bold;
  }

img.bildlinks {
  float:left;
  margin: 5px 5px 5px 5px;  /*ertsen 5px auf 0px gesetzt weil HM das bild auf der Shopseite weiter oeben haben möchte!*/
  }

img.bildlinks2 {
  float:left;
  margin: 5px 5px 25px 5px;  
  }

img.bildrechts {
  float:right;
  margin: 5px 5px 5px 5px;  /*ertsen 5px auf 0px gesetzt weil HM das bild auf der Shopseite weiter oeben haben möchte!*/
  }

/**** Flaggenseite *****/
a.land {
  color: #735E3E;
  font-size: 0.6em;
  text-decoration: none; 
  }
  
div.land {
  float: left;
  line-height: 20px;
  margin-bottom: 10px;
  width: 70px;
  }
  
.kontinent {
  color: #735E3E;
  font-size: 0.8em;
  font-weight: bold;
  margin-bottom: 10px;  
  }
  
#start_balken {
  background-color: #745023;
  height: 10px;
  width: 100%;
  }

#start_fuellen {
  background-color: #EBE5DF;
  width: 100%;  
  }

#start_inhalt {
  height: 440px;
  padding-top: 25px;
  width: 580px;
  }

#start_teaser {
  padding-top: 25px;
  width: 227px;
  }

.start_sub {
  float: right;
  padding: 5px 0px 0px 0px;
  text-align: left;
  width: 128px;
  }

a.link {
  color: #C3AE8E;
  font-size: 0.6em;
  text-decoration: none; 
  }

/* ab hier obsolet!*/

/**** Festlegen allgemeiner Formatierungen für mehrere classen/ids ****/
#del_inhaltmitte p,
.del_info,
.del_info_inhalt,
#del_inhaltmitte,
#del_inhaltlinks,
#del_inhaltrechts { 
 font-size: 2em; 
 color: lime;
 }

#del_inhaltmitte p {
  margin: 10px 0px;
  padding: 0px 15px;
  }

.del_info {
  background-color: #E7F0E7;
  padding-bottom: 10px;
  margin-bottom: 20px;
  }

.del_info_inhalt {
  padding-bottom: 10px;
  margin-bottom: 20px;
  }

#del_inhaltmitte {
	font-size: 0.8em;
	margin-top: 25px;
  }

#del_inhaltlinks {
  float: left;
  font-size: 0.8em;  
  margin-top: 25px;
  width: 245px;
  }

.del_inhaltlinks_select {
  font-size: 2em;
  background-color: #B3CFB3;
  color: #166B18;
  font-weight: bold;
  margin-left: 15px;
  width: 180px;
  }

#del_inhaltlinks p {
  font-size: 2em;
  margin: 10px 0px;
  padding: 0px 15px;
  }

#del_inhaltrechts .kopf p {
  font-size: 2em;
  margin: 0px;
  padding: 6px 15px 5px;
  }

#del_inhaltrechts {
  float: right;
  font-size: 0.8em;  
  margin-top: 25px;
  width: 245px;
  }

#del_inhaltrechts p {
  font-size: 2em;
  margin: 10px 0px;
  padding: 0px 15px;
  }

/******  *******/

.del_kopf_alt {
  font-size: 2em;
  background-color: #D2E2D2;
  border-top: 1px solid #166B18;
  font-weight: bold;
  padding-bottom: 1px;
  width: 100%;
  }
  
.del_kopf_alt a {
  font-size: 2em;
  font-weight: bold;
  text-decoration: none;
  }

.del_kopf2 {
  font-size: 2em;
  background-color: #D2E2D2;
  border-top: 1px solid #166B18;
  font-weight: bold;
  padding: 6px 0px 6px 0px;
  width: 100%;
  text-align: center;
  }
  
.del_kopf2 a {
  font-size:2em;
  font-weight: bold;
  text-decoration: none;
  }

#del_schuhe1 {
  position: absolute;
  left: 390px;
  top: 450px;
  z-index: 10;
  }

#del_schuhe2 {
  position: absolute;
  left: 785px;
  top: 275px;
  z-index: 11;
  }

#del_schuhe3 {
  position: absolute;
  left: 790px;
  top: 425px;
  z-index: 12;
  }

.del_sub1 {
  float: right;
  padding: 5px 0px 0px 0px;
  text-align: left;
  width: 92px;
  }

.del_weite {
  float: left;
  height: 35px;
  margin-right: 5px;
  }

del_input.warenkorb { vertical-align: text-bottom; }

.display_block { display: block; }

.display_none { display: none; }

input.freunde_werben {
	overflow: hidden;
	margin: 0 0 0 15px;
	padding: 0 0 0 25px;
	border: 0;
	background: url(../image/a_post.gif) no-repeat left center;
	color: #196C1B;
	font-size: 1em;
	width: 11em;
  }

* html input.freunde_werben {
	margin: 0;
	cursor: hand;
  }

input.freunde_werben:hover { cursor: pointer; }

.inline-button {
   _width:12em;
   font: bold 101% arial, helvetica, sans-serif;
   margin: 0 0.2em; padding: 0.1em 0.1em 0.1em 0.4em; _padding:0.1em 0.1em 0.1em 0.3em;
   border: 1px solid #196C1B;
   white-space: nowrap;
   text-decoration: none;
   vertical-align: middle;
   background: #ccc;
   color: #000;
	 margin: 10px 10px 10px 10px;
   }
	 
.inline-button em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.4em 0.1em 0.3em;
   background: #FFF;
   color: #000;
   }
   
.inline-button span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
   
.inline-button:hover {
   background: #d5cabd;
   color: #FFF;
   }
   
.inline-button:hover em {
   background: #000;
   color: #FFF;
   }
	
.green { 
  background: #B8D2B9; 
  color: #196C1B 
  }

.green em { 
  background: #FFF; 
  color: #196C1B 
  } 
	  
/* dyn. Formular */

fieldset.dyn_form {
	border: 0;
	font-size: 0.9em;
	padding: 1em 0;
	}	

.dyn_form label {
	width: 15em;
	display: block;
	float: left;
	margin-top: 0.4em;
	}	

.dyn_form input, .dyn_form textarea, .dyn_form select { margin-top: 0.4em; }

.dyn_form select { width: 15em; }

.dyn_form .submitbutton {
	margin-left: 18.7em;
	border: 1px solid #036;
	}

.dyn_form .radio {
	margin-top: 0.5em;
	float: left;
	margin-left: 18.7em;
	margin-right: 1em;
	}	

.dyn_form .checkbox {
 	margin-right:10px; 
 	float: left;	
 	margin-left: 18.7em;
  }  
  
.gktabelle  {
  margin-top:2em;
  padding:0;
  }

.gktabelle td {
  padding:10px;
  vertical-align:top;
  }

.gktabelle a { text-decoration: none; }