/* ### 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: 101%;	

	/* 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: #f4f4f4;

		background-image:url(img/hg.gif);

    background-repeat:repeat-x;     /* wagerecht */

		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:900px;

    }

    

/* ### Kopf-Styles ##################################################################*/

    

#kopf_wk { 

    width:auto;

    height:59px;

    text-align:right;

    }

  

#kopf { 

    width:auto;

    height:65px;

    }  

      

#kopflogo {

    float:left;

    width:286px;

    height:65px;

    }



 

/* ### Körper-Styles ##################################################################*/ 

    

#koerper { 

    width:auto;

    height:100px;

    border:1px solid #0000ff; /* BLAU */

    }

    

#linkeS { 

    float:left;

    width:242px;

    min-height:151px;

    }

    

    * html #linkeS { height:151px; } /* nur für IE 5.5 - 6.x */

    html + body #linkeS { height:151px; } /* nur vom IE 5.0 */

    

#rechteS { 

    position:relative;

    float:left;

    width:654px;

    min-height:674px;

    background-image:url(img/hg_rseite.gif);

    background-repeat:repeat-y;

    }

    

    * html #rechteS { height:674px; } /* nur für IE 5.5 - 6.x */

    html + body #rechteS { height:674px; } /* nur vom IE 5.0 */

    

#sprachbox {

    position:absolute;

    top:160px;

    right:0px;

    width:100px;

    height:20px;

    text-align:right;

    }

    

    

#inhalt {

    width:auto;

    padding:0px 20px 20px 20px;

    }



#ls_box1 {

    float:left;

    width:242px;

    height:151px;

    background-image:url(img/hg_verlauf.jpg);

    background-repeat:repeat-x;

    margin-bottom:20px;

    }

    

#ls_navi {

    float:left;

    width:205px;

    min-height:136px;

    padding:15px;

    border-top:1px solid #d9d9d9;

    border-bottom:1px solid #d9d9d9;

    border-left:1px solid #d9d9d9;

    background: #fff;

    background-image:url(img/hg_navi.jpg);

    background-repeat:repeat-y;

    }

    

    * html #ls_navi { height:136px; } /* nur für IE 5.5 - 6.x */

    html + body #ls_navi { height:136px; } /* nur vom IE 5.0 */

    

#ls_adresse {

    float:left;

    width:205px;

    height:202px;

    padding:0px 15px 0px 15px;

    font-size:10px;

    }

    

#ls_login {

    float:left;

    width:205px;

    min-height:60px;

    border-top:1px solid #d9d9d9;

    border-bottom:1px solid #d9d9d9;

    border-left:1px solid #d9d9d9;

    padding:15px;

    background: #fff;

    background-image:url(img/hg_navi.jpg);

    background-repeat:repeat-y;

    }



    * html #ls_login { height:60px; } /* nur für IE 5.5 - 6.x */

    html + body #ls_login { height:60px; } /* nur vom IE 5.0 */

    





/* ### Fuss-Styles ##################################################################*/

    

#fuss { 

    width:auto;

    height:10px;

    text-align:center;

    font-size:10px;

    }

    



/* ### Shopstyles-Styles ##################################################################*/ 

    

#productinfo_imgbox {
  min-height:50px;
  width:250px;
  float:left;
  }

* html #productinfo_imgbox { height:50px; } /* nur für IE 5.5 - 6.x */
html + body #productinfo_imgbox { height:50px; } /* nur vom IE 5.0 */

#productinfo_info {
  min-height:50px;
  width:350px;
  float:right;
  padding-bottom:20px;
  }

* html #productinfo_info { height:50px; } /* nur für IE 5.5 - 6.x */
html + body #productinfo_info { height:50px; } /* nur vom IE 5.0 */

#productinfo_andere { 
  min-height:50px;
  width:250px;
  float:left;
  padding-bottom:20px;
}

* html #productinfo_andere { height:50px; } /* nur für IE 5.5 - 6.x */
html + body #productinfo_andere { height:50px; } /* nur vom IE 5.0 */



.ueberschriftA { font-size:14px; font-weight:bold;}

.ueberschriftB { font-size:12px; font-weight:bold;}



.mod_box {

  width:auto;

  border-top:1px solid #d9d9d9;

  padding:15px 0px 15px 0px;

  }

  

.mod_box_spezial {

  width:620px;

  height:170px;

  border-top:1px solid #d9d9d9;

  padding:15px 0px 15px 0px;

  }







#shipping_cart_navi_box {width:auto;height:30px;border-top:1px solid #d9d9d9;padding:10px 0px 0px 0px;}

#shipping_cart_steps {width:auto;height:50px;padding:10px 0px 0px 0px;}

.rechts {float:right;}

.links {float:left;}



#adressbuch_default {

float:left;

margin-right:20px;

border:1px solid #d9d9d9;

padding:10px;

}



#adressbuch_eintrag {

float:left;

margin-right:20px;

border:1px solid #d9d9d9;

padding:10px;

}





/* ### Bestellschritt-Styles ##################################################################*/ 



#bestellschritt {

width:500px;

margin:auto;

}



#bestellschritt .bsmarker {

float:left;

padding:10px;

}



#bestellschritt .bsaktiv {

float:left;

padding:0px 10px 10px 10px;

}



#bestellschritt .bspunktbox {

width:auto;

height:10px;

}



#bestellschritt .bspunkt {

width:7px;

height:7px;

background: #000;

margin:auto;

}





/* ### Standard-Styles ##################################################################*/ 



.linie {width:auto; border-top:1px dotted #d9d9d9;}

.ueberschrift { font-size:14px; font-weight:bold;}

#koerper ul {margin-left:50px; list-style-type: circle;}

.bildlinks {float:left;}

.bildrechts {float:right;}

#saubersauger {clear:both;}

.SpamMessage {color: #299145;}

#vorladen {visibility: hidden;}

.copyright { width:860px; margin:auto; text-align:center; font-size:10px; padding:20px; visibility: hidden;}

.telefon_star {visibility: hidden;}



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



a.confirmationEdit:link {color: #a62c12; text-decoration: none;}

a.confirmationEdit:visited {color: #a62c12; text-decoration: none;}

a.confirmationEdit:active {color: #a62c12; text-decoration: none;}

a.confirmationEdit:hover {color: #a62c12; text-decoration: underline;}



a:link { color: #000000; }

a:visited { color: #000000; }

a:hover { color: #000000; }



/* ### Kategorie-Navigation ##################################################################*/





    

#ls_navi ul

{

border: 0;

margin: 5px 0px 0px 0px;

padding: 0;

list-style-type: none;

text-align: left;

}



#ls_navi ul li

{

display: block;

float: left;

text-align: center;

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

}



#ls_navi ul li a

{

width: 210px;

height: 19px;

padding: 5px 0px 0px 0px;

margin: 0px 0px 0px 0px;

font-weight: bold;

color: #606165;

text-decoration: none;

display: block;

text-align: left;

}







/* ### Haupt-Navigation ##################################################################*/



#nav_main {

    width: 613px;		/* Einfassen der Floats im IE */

    float:right;         /* Einfassen der Floats in allen anderen Browsern */

    line-height: 0px;

    height: 65px;

    border-right:1px solid #cecece;

}



#nav_main ul {

    float:left;

    display:inline;		/* Fix für IE Doubled Float Margin Bug    */ 

    margin:0;			/* Standard-Listendefinition zurücksetzen */

    padding: 0;

    margin-left: 3px;  /* Abstand des ersten Buttons vom linken Rand (-2 Pixel für 3D-Schatten) über basemod.css anpassen */

}



#nav_main ul li {

    float: left;

    display:inline;     /* Fix für IE Doubled Float Margin Bug    */ 

    margin: 0;

    padding: 0;

    font-size: 12px;

    line-height: 14px;

    list-style-type: none;

}



#nav_main ul li a {

    display:block;

    width: auto;

    font-size: 13px;

    font-weight: bold;

    background: transparent;

    text-decoration: none;

    color: #606165;

    margin: 0;

    padding: 46px 0px 5px 7px;

    border-left:1px solid #cecece;

    width: 114px;

}



#nav_main ul li a:hover {

    background: #f9f9f9;

    color: #606165;

    text-decoration: none;

}



#nav_main ul li#current a,

#nav_main ul li#current a:hover {

    color: #606165;

    background: #fff;

    text-decoration: none;

}





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