html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100.01%;
	background-color:#efefef;
	color:#333333;
	margin:0;
	padding:0;
	text-align:center;
}

html {
  overflow-y		: scroll	/* Scrollbar immer anzeigen */
}

/* Allgemein */
h1 {font-size:100%; margin:0; padding:10px 0 12px 0;}
h2 {font-size:90%; padding:0; margin: 0 0 10px 0;}
table {padding:0; margin:0; border:0; font-size:100%;}
td {padding:0; margin:0; border:0;}

.headline {font-weight:bold; padding: 113px 0 20px 0; margin: 0;}
.headline2 {font-weight:bold; padding: 35px 0 4px 0; margin: 0;}
.headline3 {font-weight:bold; padding: 2px 0 4px 0; margin: 0;}
.headline4 {font-weight:bold; padding: 78px 0 4px 0; margin: 0;}
.rechts {text-align:right;}
.nachoben {padding-left: 700px;}
.anm {text-align:right;}
.klein {font-size:7pt; padding:0; margin:0;}
.red {color:#e2001a;}
.register_link {color:#e2001a;font-weight:bold;text-decoration:underline}
.message {color:#e2001a; width:194px; height:1.1em;}
.bez1 {font-weight:bold; width:194px; height:2.6em;}
.bez2 {font-weight:bold; width:194px; height:1.2em;}
.bez3 {font-size:7pt; width:194px; height:1.1em;}
.detailbez {font-weight:bold; padding:0; margin:0;}
.spacer {width:10px; height:40px;}
.top {width:10px; height:35px;}
.button {background-color:#d8ebc3; 
        color:#5a5954; 
        border-top: 2px solid #dedede;
        border-left: 2px solid #dedede;
        border-right: 2px solid #999999;
        border-bottom: 2px solid #999999;
        -moz-border-radius:4px;}
.button:hover {background-color:#009036; color:#ffffff;}
.button[disabled] {background-color:#efefef; color:#999999;
        border-top: 2px solid #eeeeee;
        border-left: 2px solid #eeeeee;
        border-right: 2px solid #bbbbbb;
        border-bottom: 2px solid #bbbbbb;
        -moz-border-radius:4px;}
.gruen {color:#00772d;}
.rand {padding-left:20px;}

a {color:#333333;}
a:link {}
a:visited {}
a:hover {color:#e2001a;}
a:active {color:#e2001a;}


.backlink {padding-top:15px;}
.backlink a {color:#333333; font-weight:bold;  text-decoration:underline;}
.backlink a:link {}
.backlink a:visited {}
.backlink a:hover {color:#e2001a;}
.backlink a:active {color:#e2001a;}


.clearbox {
	clear:both;
}

#container {
	margin: 0px auto;
	padding: 0;
	width: 1000px;
	background-color: #ffffff;
	text-align: left;
}

/* IE 6 Korrektur*/
*html #container {
  margin: 0px auto;
	padding: 0;
	width: 1024px;
	background-color:#ffffff;
}

/* linke Spalte */

#linkespalte {
	float:left;
	width:168px;
	margin-left:9px;
	margin-top: 35px;
}

#logo {
	margin-bottom:15px;
}

#extra_nav {
  margin-top:16px;
  font-size:72%;
}

#extra_nav ul {list-style-type:none; margin: 0; padding:0;}
#extra_nav li {
	background: url(../img/nav.gif) no-repeat left;
	margin: 0;
	padding-top:3px;
	padding-bottom:3px;
}
#extra_nav li a { text-decoration:none; color:#00772d; display:block; padding-left: 25px;}
#extra_nav li a:link {}
#extra_nav li a:visited {}
#extra_nav li a:hover {color:#e2001a; text-decoration:underline;}
#extra_nav li a:active {}


#sonder_nav {
margin-top:8px;
margin-right:5px;
padding-top:8px;
border-top:1px solid #cdcdcd;
font-size:72%;
}

#sonder_nav ul {list-style-type:none; margin: 0; padding:0;}
#sonder_nav li {
	background: url(../img/nav.gif) no-repeat left;
	margin: 0;
	padding-top:3px;
	padding-bottom:3px;
}
#sonder_nav li a { text-decoration:none; color:#00772d; display:block; padding-left: 25px;}
#sonder_nav li a:link {}
#sonder_nav li a:visited {}
#sonder_nav li a:hover {color:#e2001a; text-decoration:underline;}
#sonder_nav li a:active {}

.nav_aktiv a {font-weight:bold;}
.ln_navi2 {background: url(../img/nav2.gif) no-repeat left;  }
.ln_navi2 a {color:#5a5954;}
.ln_navi2_aktiv {background: url(../img/nav2.gif) no-repeat left;}
.ln_navi2_aktiv a {font-weight:bold;}
.ln_navi3 {padding-left:10px;}
.ln_navi3 a {color:#5a5954;}
.ln_navi3_aktiv {padding-left:10px;}
.ln_navi3_aktiv a {font-weight:bold;}



#navigation {
margin-top:8px;
margin-right:5px;
padding-top:8px;
border-top:1px solid #cdcdcd;
font-size:72%;
}

#navigation ul {list-style-type:none; margin: 0; padding:0;}
#navigation li {
	margin: 0;
	padding-top:3px;
	padding-bottom:3px;
}
#navigation li a {text-decoration:none; display:block; padding-left: 25px;}
#navigation li a:link {}
#navigation li a:visited {}
#navigation li a:hover {color:#e2001a; text-decoration:underline;}
#navigation li a:active {}

.navi1 {background: url(../img/nav.gif) no-repeat left;}
.navi1 a {color:#00772d;}
.navi1_aktiv a {color:#00772d}
.navi1_aktiv {background: url(../img/nav.gif) no-repeat left;}
.navi1_aktiv a {font-weight:bold;}
.navi2 {background: url(../img/nav2.gif) no-repeat left;  }
.navi2 a {color:#5a5954;}
.navi2_aktiv {background: url(../img/nav2.gif) no-repeat left;}
.navi2_aktiv a {font-weight:bold;}
.navi3 {padding-left:10px;}
.navi3 a {color:#5a5954;}
.navi3_aktiv {padding-left:10px;}
.navi3_aktiv a {font-weight:bold;}

#produktmap {
}

#produktmap ul {list-style-type:none; margin: 0; padding:0;}
#produktmap li {
	margin: 0;
	padding-top:3px;
	padding-bottom:3px;
}
#produktmap li a {text-decoration:none; display:block; padding-left: 25px;}
#produktmap li a:link {}
#produktmap li a:visited {}
#produktmap li a:hover {color:#e2001a; text-decoration:underline;}
#produktmap li a:active {color:#e2001a;}

/* linke Spalte: ENDE */

/* Inhalt*/

#content {
	float:left;
	width: 634px;
	font-size: 72%;
}

#content_products {
	float:left;
	border-top:1px solid #cdcdcd;
	border-left:1px solid #cdcdcd;
}

#content_products a {color:#333333; text-decoration:none;}
#content_products a:link {}
#content_products a:visited {}
#content_products a:hover {color:#e2001a; text-decoration:underline;}
#content_products a:active {color:#e2001a;}

#content2 {
	float:left;
	width: 624px;
	margin-left:10px;
}

#content_hilfe {
  font-size: 72%;
  padding: 20px;
}

#topnavi {
  width:634px;
  height:15px;
  padding-top:10px;
  padding-bottom:10px;
  font-size:96%;
  }
  
#bottomnavi {
  width:634px;
  height:15px;
  padding-top:10px;
  padding-bottom:10px;
  font-size:96%;
  }

#breadcrumbs {float:left;padding-top:2px;}
#breadcrumbs a {text-decoration:none;}
#breadcrumbs a:link {}
#breadcrumbs a:visited {}
#breadcrumbs a:hover {color:#d34645; text-decoration:underline;}
#breadcrumbs a:active {color:#d34645;}

#pager {float:right;}
#pager p {float:left;}

#platzhalter {margin-top:20px;width:628px; height:400px; border:1px solid #999999;}

#steps {width: 480px; padding:0; margin: 0px auto;}
  
#steps ul {
  list-style-type:none;}
  
#steps ul li{
  float:left;
  text-align:center;
  font-size:76%;}
  
#steps ul li a{
  display:block;
  width:140px;
  height:70px;
  border:0px;
  background-repeat:no-repeat;}

a#step2 {background:url(../img/goto_step2.gif);}
a#step2:hover {background:url(../img/goto_step2_mo.gif);}
a#step3 {background:url(../img/goto_step3.gif);}
a#step3:hover {background:url(../img/goto_step3_mo.gif);}
a#step4 {background:url(../img/goto_step4.gif);}
a#step4:hover {background:url(../img/goto_step4_mo.gif);}
a#step5 {background:url(../img/goto_step5.gif);}
a#step5:hover {background:url(../img/goto_step5_mo.gif);}
a#step6 {background:url(../img/goto_bestellen.gif);}
a#step6:hover {background:url(../img/goto_bestellen_mo.gif);}
a#backstep1 {background:url(../img/backto_step1.gif);}
a#backstep1:hover {background:url(../img/backto_step1_mo.gif);}
a#backstep2 {background:url(../img/backto_step2.gif);}
a#backstep2:hover {background:url(../img/backto_step2_mo.gif);}
a#backstep3 {background:url(../img/backto_step3.gif);}
a#backstep3:hover {background:url(../img/backto_step3_mo.gif);}
a#backstep4 {background:url(../img/backto_step4.gif);}
a#backstep4:hover {background:url(../img/backto_step4_mo.gif);}
a#weiter {background:url(../img/weitereprodukte.gif);}
a#weiter:hover {background:url(../img/weitereprodukte_mo.gif);}

#intro {margin-top:35px;}
#intro div { width:630px;height:390px; }

.produkte {
  float:left;
  padding-top:6px;
  padding-right:3px;
}

.box {
  float:left;
  font-family: Arial, Helvetica, sans-serif;
  border-right: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  padding: 8px;
}

.box1 {
  float:left;
  font-family: Arial, Helvetica, sans-serif;
  border-right: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  padding: 9px;
}

.liste {
  width: 194px;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size:72%;
  padding:3px 6px 3px 8px;
}

.netto {
    float:left;
    width:67px;
		height:25px;
		padding:0;
	  margin:0;
}

.brutto {
    float:left;
    width:67px;
		height:25px;
		padding:0;
	  margin:0;
}

.buy {
    float:left;
    width:19px;
		height:19px;
		padding:0;
	  margin:6px 0 0 4px;
}
  
.menge {
    float:left;
    width:30px;
		border:1px solid #888888;
		height:15px;
		padding:1px;
	  margin:6px 0 0 0;
}

#detail {
  float:left;
  width: 612px;
  border-bottom: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
  padding:8px;
}

#detailbild {
  float:left;
  min-height: 300px;
  text-align:center;
}

#detailliste {
  float:left;
  width: 272px;
  padding-left:20px;
}
  
#kaufempfehlung {
  float:left;
  width: 272px;
  border-top: 1px solid #cdcdcd;
  margin-top: 20px;
  padding-top: 12px;
}
  
.empfehlung {
  float:left;
  width: 272px;
  padding-top: 8px;
}
/* Inhalt: ENDE */

/* rechte Spalte */

#suche {
  height: 30px;
  margin-top: 5px;
}

#suchfeld {
    width: 100px;
    height: 15px;
		border: 1px solid #888888;
		margin: 0;
		padding: 1px;
}

#suche_button {
	width: 19px;
	height: 19px;
	border: 0;
  background-image: url(../img/go.gif);
	background-repeat: no-repeat;
}

#info{
	float:right;
	width:182px;
	margin-left:7px;
}

#anmeldung {
	font-size:70%;
	padding:5px;
	background-color:#c9e2fa;
}

#anmelden {
	width:19px;
	height:19px;
	border:0;
	margin:0;
	background-image: url(../img/go.gif); 
	background-repeat: no-repeat;
}

#kdnr {
	  width:50px;
	  height: 15px;
		border:1px solid #888888;
	  margin:0; 
    padding: 1px;}
	
#passwort {
    width:80px;
    height: 15px;
		border:1px solid #888888;
	  margin:0; 
    padding: 1px;}
	
#warenkorb {
	font-size:70%;
	padding: 5px 5px 5px 25px;
	background-color:#d8ebc3;
}

#wkheader {
	margin-top:6px;
  font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:72%;
	color:#ffffff;
	padding: 2px 0 2px 0;
	height:15px;
  background-color:#009036;
}

#wkheader a {color:#ffffff; text-decoration:none; background-image: url(../img/wk.gif); background-repeat: no-repeat; 	padding: 2px 0 3px 25px;}
#wkheader a:hover {text-decoration:underline;}

#wkfooter {
  font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:72%;
	color:#ffffff;
	padding: 2px 0 2px 0;
	height:15px;
  background-color:#d8ebc3;
}

#wkfooter a {font-weight:bold; text-decoration:none; background-image: url(../img/bestellung.gif); background-repeat: no-repeat; 	padding: 2px 0 3px 25px;}
#wkfooter a:hover {text-decoration:underline;}

#mein_frank {
	margin-top:6px;
  font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:72%;
	color:#ffffff;
	padding: 2px 0 2px 0;
	height:15px;
	background-color:#009036;
}

#mein_frank a {color:#ffffff; text-decoration:none;	background-image: url(../img/nav.gif); background-repeat: no-repeat; padding: 2px 0 3px 25px;}
#mein_frank a:hover {text-decoration:underline;}

#meinfrank {
	font-size:70%;
	padding: 5px 5px 5px 25px;
	line-height:140%;
	background-color:#d8ebc3;
}

#gewerbe {
	margin-top:6px;
  font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:72%;
	color:#ffffff;
	padding: 2px 0 2px 0;
	height:15px;
	background-color:#009036;
}

#gewerbe a {color:#ffffff; text-decoration:none; background-image: url(../img/nav.gif); background-repeat: no-repeat; padding: 2px 0 3px 25px;}
#gewerbe a:hover{text-decoration:underline;}

#info p {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0 1px 0;
	padding-left: 0.5em;
	padding-top:0em;
	padding-bottom:0.3em;
}

#info img {margin-right: 10px; margin-top: 4px;}

.icon {
	float:left;
}

.smallfont {
	font-size: 90%;
}

/* rechte Spalte: ENDE */

#footer {
	width:1000px;
	margin-top:20px;
	padding-bottom:10px;
	font-size:70%;
	padding-top:3px;
	color:#888888;
	text-align:center;
}

#footer a {text-decoration:none;color:#00772d;}
#footer a:link {}
#footer a:visited {}
#footer a:hover {color:#e2001a; text-decoration:underline;}
#footer a:active {color:#e2001a;}

.nonselectable {
	-moz-user-select: none;
    -khtml-user-select: none;
     user-select: none;
}