*  {margin:0; padding:0}
body {
  text-align: center;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
	background: transparent url(../gfx/bgrnd.jpg) repeat-x;
	background-color: #375371;
	}
.floatfix {height:1px;font-size: 0;line-height: 0;clear: both;}	
h1 {
  font-size: 22px; 
  font-weight:bold; 
  text-align: left; 
  color: #00163b;
  line-height: 24px;
  }
h2 {
  font-size: 15px; 
  font-weight:bold; 
  text-align: left; 
  color: #1e3d6f;
  }
.right {
text-align: right;
}
#main{
  text-align: left;
  margin: auto;
  width: 980px;
}
#header_main {	
  background: transparent url(../gfx/header_bgrnd.jpg) no-repeat;
  width: 980px;
  height: 184px;
  }
#header_logo {	
  background: transparent url(../gfx/effektivo-logo.jpg) no-repeat scroll left top;
  width: 246px;
  height: 145px;
  overflow: hidden;
  text-indent: -9999px;
  }
#header_logo a {	
  display: block;
  height: 100px;
  }

#header_login {
    float: right;
    width: 240px;
    background: #9de6cb;

}  
  
  
#header_navigation {	
  width: 980px;
  height: 39px;
	line-height: 39px;
  }  
/*############################################*/
/* ...........        LEFT        ........... */
/*############################################*/ 
#left {	
  float: left;
  width: 200px;
  margin-top: 10px;
  }    
#left_navi_top {	
  background: transparent url(../gfx/left_navi_top.png) no-repeat scroll left top;
  width: 200px;
  height: 29px;
  }
 #left_navi_center {	
  background: transparent url(../gfx/left_navi_center.jpg) repeat-y scroll left top;
  width: 200px;
  } 
 #left_navi_bottom {	
  background: transparent url(../gfx/left_navi_bottom.png) no-repeat scroll left top;
  width: 200px;
  height: 7px;
  }   
#left_navi_center ul {
	}	
#left_navi_center li {
  list-style: none; 
  line-height: 32px;   
  background: transparent url(../gfx/left_navi_spacer.jpg) no-repeat scroll left bottom;    
	}	
#left_navi_center li:hover {
  background-color: #ffffff;  
	}		
#left_navi_center li a {
  margin-left: 10px;  
	text-decoration: none;
	color: #3b3d4c;
	font-size: 12px;
	height: 32px;
	display: block;
	}	
#left_navi_center li a:hover {
  color: #000000;
	} 
#left_navi_center .aktiv {
  list-style: none; 
  line-height: 32px;   
  background: transparent url(../gfx/left_navi_spacer_aktiv.jpg) no-repeat scroll left bottom;    
	}	
#left_navi_center .aktiv a {
  margin-left: 10px;  
	text-decoration: none;
	color: #00163b;
	font-size: 12px;
	height: 32px;
	display: block;
	}	
#left_info_top {	
  background: transparent url(../gfx/left_info_top.png) no-repeat scroll left top;
  width: 200px;
  height: 29px;
  }
 #left_info_center {	
  background: transparent url(../gfx/left_navi_center.jpg) repeat-y scroll left top;
  width: 200px;
  } 
 #left_info_bottom {	
  background: transparent url(../gfx/left_navi_bottom.png) no-repeat scroll left top;
  width: 200px;
  height: 7px;
  } 
#left_info_center ul {
	}	
#left_info_center li {
  list-style: none; 
  line-height: 32px;     
  background: transparent url(../gfx/left_navi_spacer.jpg) no-repeat scroll left bottom;  
	}	
#left_info_center li:hover {
  background-color: #ffffff;  
	}		
#left_info_center li a {
  margin-left: 10px;  
	text-decoration: none;
	color: #3b3d4c;
	font-size: 12px;
	height: 32px;
	display: block;
	}	
#left_info_center li a:hover {
  color: #000000;
	} 
 
#left_kunde_top {	
  background: transparent url(../gfx/left_kunde_top.png) no-repeat scroll left top;
  width: 200px;
  height: 29px;
  }	 
    
#left_service_top {	
  background: transparent url(../gfx/left_service_top.png) no-repeat scroll left top;
  width: 200px;
  height: 29px;
  }	
 #left_add_soldi {	
  background: transparent url(../gfx/l_add-geldscheinpruefer-soldi-460.png) no-repeat;
  width: 200px;
  height: 300px;
  } 	
  #left_add_soldi a {	
  display: block;
  width: 200px;
  height: 300px;
  }
  
#left_sw_top {	
  background: transparent url(../gfx/left_sw_top.jpg) no-repeat scroll left top;
  width: 200px;
  height: 29px;
  }  
/*############################################*/
/* ...........       CENTER       ........... */
/*############################################*/ 
#center {	
  float: left;
  width: 770px;
  margin-top: 10px;
  margin-left: 10px;
  font-size: 14px;
  }   
#center_top {	
  background: transparent url(../gfx/center_top.png) no-repeat scroll left top;
  width: 770px;
  height: 29px;
  }
#header_shownav {	
  width: 760px;
  margin-left: 10px;
  height: 29px;
	font-size: 13px;
	color: #3b3d4c;  
	line-height: 29px;
  }	
#header_shownav a {	
  text-decoration: none;
	color: #3b3d4c;
  }	
#header_shownav a:hover {	
	color: #00163b;
  }	    
 #center_center {	
  background: #ffffff;
  width: 750px;
  padding: 10px;
  } 
 #center_bottom {	
  background: transparent url(../gfx/center_bottom.png) no-repeat scroll left top;
  width: 770px;
  height: 10px;
  }     
 /*############################################*/
/* ...........        RIGHT        ........... */
/*############################################*/ 
#right {	
  float: left;
  width: 200px;
  margin-top: 10px;
  margin-left: 10px;
  font-size: 14px;
  }    
#right_wk_top {	
  background: transparent url(../gfx/right_wk_top.png) no-repeat scroll left top;
  width: 200px;
  height: 29px;
  }
 #right_wk_center {	
  background: transparent url(../gfx/right_wk_center.jpg) repeat-y scroll left top;
  width: 180px;
  padding:  2px 10px 0px 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #3b3d4c;
  } 
.right_wk_img {	
  border: 1px solid #3b3d4c;
  margin-right: 3px;
  }  
 #right_wk_bottom {	
  background: transparent url(../gfx/left_navi_bottom.png) no-repeat scroll left top;
  width: 200px;
  height: 7px;
  }    	
/*############################################*/
/* ...........     KATEGORIEN     ........... */
/*############################################*/    

#kategorie_top {	
  margin-right: 5px;  
  margin-bottom: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #3b3d4c;
	border-bottom: 1px solid #bdbdbd;
  }  
#kategorie_top_1 {	
	font-size: 13px;
	color: #3b3d4c;
  }  
#kategorie_top_2 {	
	font-size: 10px;
	color: #3b3d4c;
	text-align: right;
  } 
#kat_show_artikel {	
  width: 750px;
  }	  
.kat_kat_block {	
  float: left;
  margin-left: 0px;
  margin-right: 7px;
  margin-bottom: 5px;  
	border: 1px solid #bdbdbd;
  width: 175px;
  height: 240px;
  } 
.kat_kat_bild {	
  text-align: center;
  padding: 10px;
  padding-top: 10px;
  }   
.kat_block_text {	
  padding: 10px;
  padding-top: 2px;
  }    
.kat_block_child {	
  text-align: center;
  padding: 10px;
  padding-top: 8px;
  }      
.kat_artikel_block {	
  float: left;
  margin-left: 0px;
  margin-right: 8px;
  margin-bottom: 5px;  
	border: 1px solid #bdbdbd;
  width: 177px;
  height: 240px;
  }
.kat_artikel_block:hover {	
	border: 1px solid #7994bd;
  }  
.kategorie_bild {	
  text-align: center;
  padding: 8px;
  padding-bottom: 5px;
  }  
.block_text {	
  padding: 5px;
  padding-top: 0px;
  } 
.block_artikel {
  font-size: 12px;
  font-weight: bold;
}  
.block_untertitel {
  font-size: 10px;
  font-weight: bold;
  color: #292c4d;
}  
.block_preis {	
  font-size: 14px;
  color: #465d7c;
  font-weight: bold;
  }  
.mwst {	
  font-size: 8px;
  color: #3b3d4c;
  }        
.kat_kat_liste {	
  margin-left: 0px;
  margin-bottom: 10px;  
	border-bottom: 1px solid #bdbdbd;
  width: 750px;
  }   
.kat_artikel_liste {	
  margin-left: 0px;
  margin-bottom: 10px;  
	border-bottom: 1px solid #bdbdbd;
  width: 740px;
  }    
.kategorie_bild_liste {	
  float: left;
  padding: 5px;
  padding-bottom: 0px;
  }  
.block_text_liste {	
  margin-left: 160px;
  }  
.block_liste_text {	
  padding-top: 10px;
  padding-bottom: 5px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #3b3d4c;
  } 
.block_artikel_liste {
  font-size: 15px;
  font-weight: bold;
}  
.block_untertitel_liste {
  font-size: 13px;
  font-weight: bold;
  color: #292c4d;
}  
.block_preis_liste {	
  font-size: 16px;
  color: #465d7c;
  font-weight: bold;
  }          
/*############################################*/
/* ...........   PRODUKT DETAIL   ........... */
/*############################################*/
  
#produkt_detail_wrap {	
  width: 750px;
  background-color: #ffffff;
  }
#produkt_bild {	
  float: left;
  width: 280px;
  }
#produkt_bild_bild {	
  width: 280px;
  height: 280px;
  }  
#produkt_bild a {	
  text-decoration: none;
  border: 0px;
  }
#produkt_bild img {	
  }
#bild_s_wrap {	
  padding-top: 5px;
  padding-bottom: 5px;
  }  
.bild_m {border: 0px;}  
.bild_s {border: 1px solid #bdbdbd; margin-right: 10px; margin-bottom: 10px;} 
.bildtext{color: #bdbdbd; font-size: 10px;}
#produkt_detail_preis {	
  width: 430px;
  margin-left: 320px;
  }
.pdpreis_preis {	
  font-family: verdana,Arial,sans-serif;
  font-size: 24px;
  font-weight: bold;
  color: #30528a;
  }
 .pdpreis_mwst {	
  font-size: 0.7em;
  color: #3b3d4c;
  }
 .pdpreis_mwst a {	
  color: #3b3d4c;
  }
 .pdpreis_mwst a:hover {	
  color: #000000;
  }
 .pdpreis_lieferzeit {	
  font-size: 0.7em;
  color: #3b3d4c;
  }
.versandkostenfrei {	
  color: #3b3d4c;
  } 
 .versandkostenfrei a {	
  font-size: 0.8em;
  color: #30528A;
  font-weight: bold;
  } 
.versandkostenfrei a:hover {	
  font-size: 0.8em;
  color: #002e79;
  font-weight: bold;  
  }  
#detail_auswahlliste {
  width: 234px;
  height: 38px;
  background: transparent url(../gfx/detail_combo_bgrnd.jpg) no-repeat scroll left top;
 }    
#auswahl {
  margin-left: 15px;
  margin-top: 8px;
  width: 190px;
 } 
.variation {
  width: 650px;
  border: 1px solid #dddddd;
  margin-top: 5px;
 }
#wk_add {
  width: 204px;
  height: 82px;
  padding-top: 18px;
  padding-bottom: 12px;
  padding-left: 17px;
  padding-right: 13px;
  background: transparent url(../gfx/detail_form_bgrnd.jpg) no-repeat left top;
 }  
#vorteile {
  margin-top: 20px;
  width: 183px;
  height: 37px;
} 
#produkt_detail_text {
  font-family: Arial,sans-serif;
  font-size: 0.85em;
  width: 640px;
  margin-top: 20px;
 }
 .pd_text_titel {	
  font-size: 1.1em;
  color: #3b3d4c;
  }
#detail_cross_top {
  width: 750px;
  height: 9px;
  background: transparent url(../gfx/cross_top.png) no-repeat scroll left top;
 }  
#detail_cross_center {
  width: 750px;
  background-color: #cad1dd;
 } 
#detail_cross_bottom {
  width: 750px;
  height: 10px;
  background: transparent url(../gfx/cross_bottom.png) no-repeat scroll left top;
 }   
.detail_cross_block {	
  float: left;
  margin-left: 6px;
  margin-right: 0px;
	border: 1px solid #bdbdbd;
  width: 178px;
  height: 150px;
  background-color: #ffffff;  
  }
.cross_bild {	
  text-align: center;
  }  
.cross_text {	
  text-align: center;
  padding: 5px;
  padding-top: 5px;
  padding-bottom: 2px;
  font-size: 11px;
  color: #00163b;
  font-weight: bold;
  }  
.artikel_beschreibung {	
  font-size: 12px;
  color: #00163b;
  line-height: 19px;
  }   
.artikel_beschreibung ul {
  margin-left: 15px;
} 
.artikel_beschreibung a {	
  font-size: 12px;
  color: #00163b;
  line-height: 19px;
  font-weight: bold;
  } 
.artikel_beschreibung a:hover {	
  font-size: 12px;
  color: #38517a;
  line-height: 19px;
  font-weight: bold;
  }     
 .zub_wrap {	
  margin-left: 0px;
  margin-bottom: 10px;  
	border-bottom: 1px solid #bdbdbd;
  width: 720px;
  }     
 .zub_bild {	
  float: left;
  padding: 5px;
  padding-bottom: 15px;
  } 
 .zub_text {	
  padding-top: 10px;
  padding-bottom: 5px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #3b3d4c;
  }  
 .ersatzartikel {	
    -moz-box-shadow: 0 0 3px #787878;
    border: 1px solid #7C7C7C;
    margin-top: 5px;
    padding: 5px;
    width: 80px;
    height: 80px;
  }  
 .ersatzartikeltext {	
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #3b3d4c;
  } 
.divbut {
  margin-top: 10px;
  height: 26px;
  width: 140px;
  -moz-box-shadow: 0px 0px 3px #000;
  -webkit-box-shadow: 0px 0px 3px #000;
  box-shadow: 0px 0px 3px #000;
  border: 2px solid #ffffff;
  -moz-border-radius:6px;
  -webkit-border-radius:6px; 
  border-radius:6px; 
  background-color: #9ba8b8;
  text-align: center;
  line-height: 22px;
}  
.divbut a {
  text-decoration: none;
  color: #15273c;
  text-shadow: 1px 1px 0px #ffffff;
  font-weight: bold;
}   
.divbut a:hover {
  text-decoration: none;
  color: #395472;
  text-shadow: 1px 1px 0px #ffffff;
  font-weight: bold;
}    
/*############################################*/
/* ...........        HOME        ........... */
/*############################################*/    

#home_top {	
  margin-right: 5px;  
  margin-bottom: 10px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #3b3d4c;
	border-bottom: 1px solid #bdbdbd;
  }  
#home_bgrnd {	
  width: 750px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #3b3d4c;
  background: transparent url(../gfx/home_bgrnd.jpg) no-repeat scroll left top;
  }     
.home_text_1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	color: #517aa2;
}  
.home_text_2 {
	font-family: arial, helvetica, sans-serif;
	font-size: 17px;
	color: #21232f;
}    
   
/*############################################*/
/* ...........       FOOTER       ........... */
/*############################################*/   

#footer {	
  margin-top: 25px;  
  }    
 .footer_text {	
  text-align: center;
  font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #3b3d4c;
  } 
#cloud {	
  margin-top: 30px;
  width: 740px;
  border: 1px solid #c9c9c9;
  padding: 5px;  
  }  
.cloud_1 {
	font-size: 15px;
	color: #a8a8a8;  
	text-decoration: none;
} 
.cloud_1 {
	font-size: 15px;
	color: #8194a5;  
	text-decoration: none;
}  
.cloud_1 a {
	font-size: 15px;
	color: #8194a5;  
	text-decoration: none;
} 
.cloud_1 a:hover {
	font-size: 15px;
	color: #376099;  
	text-decoration: none;
} 
.cloud_2 {
	font-size: 14px;
	color: #667a92;  
	text-decoration: none;
} 
.cloud_2 a {
	font-size: 14px;
	color: #667a92;  
	text-decoration: none;
} 
.cloud_2 a:hover {
	font-size: 14px;
	color: #4d4d4d;  
	text-decoration: none;
} 
.cloud_3 a {
	font-size: 13px;
	color: #4d6782;  
	text-decoration: none;
} 
.cloud_3 a:hover {
	font-size: 13px;
	color: #8e8e8e;  
	text-decoration: none;
}
.cloud_4 a {
	font-size: 12px;
	color: #415c79;  
	text-decoration: none;
} 
.cloud_4 a:hover {
	font-size: 12px;
	color: #1764cc;  
	text-decoration: none;
}  
.cloud_5 a {
	font-size: 10px;
	color: #385371;  
	text-decoration: none;
} 
.cloud_5 a:hover {
	font-size: 10px;
	color: #8e8e8e;  
	text-decoration: none;
} 
.cloud_6 {
	font-size: 11px;
	color: #b9c2d6;  
	text-decoration: none;
}
.cloud_6 a {
	font-size: 11px;
	color: #385371;  
	text-decoration: none;
} 
.cloud_6 a:hover {
	font-size: 11px;
	color: #8e8e8e;  
	text-decoration: none;
} 
/*############################################*/
/* ...........       KONTAKT       ........... */
/*############################################*/  
  
.kontaktbox {
  height: 20px;
  border: 1px solid #595959;
  font-size: 13px;
  font-family: arial, helvetica, sans-serif;
} 
.kontaktbox_rot {
  height: 20px;
  border: 1px solid #d80000;
  font-size: 13px;
  font-family: arial, helvetica, sans-serif;   
} 
.kontakarea {
  border: 1px solid #595959;
  font-size: 13px;
  font-family: arial, helvetica, sans-serif;  
} 
.kontakt_tbl {
  width: 380px;
  height: 33px;
  padding-left: 4px;
  padding-top: 6px;
  background: transparent url(../gfx/kontakt_bgrnd.jpg) no-repeat scroll left top;
 }  
.kontakt_tbl2 {
  width: 380px;
  height: 170px;
  padding-left: 4px;
  padding-top: 6px;
  background: transparent url(../gfx/kontakt_bgrnd2.jpg) no-repeat scroll left top;
 }  
.kontakt_suc {
  height: 80px;
  padding: 5px;
  background-color: #d5ffd9;
  border: 1px solid #4a9351;
  font-size: 15px;
 }   
 @charset "utf-8";
/* CSS Document */
#navigation 
{

}
#navigation li
{

float:left;
display:block;
}
#navigation li a
{
background-image:url(../gfx/header_navigation_sprite.jpg);
display: block;
outline: none;
position: relative;
height: 39px;
text-decoration: none;
width: auto;
}	
	#navigation .home 
	{
	background-position:0px 0px;
	width:200px;
	height:39px;	
	}	
	#navigation .service
	{
	background-position:-200px 0px;
	width:200px;
	height:39px;
	}	
	#navigation .kontakt
	{
	background-position:-400px 0px;
	width:200px;
	height:39px;
	}
	#navigation a .hover {
	background: transparent  url(../gfx/header_navigation_sprite.jpg) no-repeat;
	display:block ;
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	}
	#navigation .home .hover {
	background-position: -0px -39px;	
	}
	#navigation .service .hover{
	background-position: -200px -39px;	
	}
	#navigation .kontakt .hover{
	background-position: -400px -39px;	
	}	
	
.border {
    margin: 5px;
    padding: 5px;
    border: 1px solid #bfbfbf;
    color: #6c6c6c;
    font-size: 11px;
}	
	
/*###########################################################################*/
#vorteile_ul 
{

}

#vorteile_ul li
{

float:left;
display:block;
}

#vorteile_ul li a
{
background-image:url(../gfx/button_vorteile_sprite.jpg);
display: block;
outline: none;
position: relative;
height: 31px;
text-decoration: none;
width: auto;

}
	
	#vorteile_ul .vorteile 
	{
	background-position:0px 0px;
	width:155px;
	height:31px;
	
	}
	

	#vorteile_ul a .hover {
	background: transparent  url(../gfx/button_vorteile_sprite.jpg) no-repeat;
	display:block ;
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	
	}
	
	#vorteile_ul .vorteile .hover {
	background-position: -0px -31px;	
	}

/*###########################################################################*/

/* trigger button */ 
#download_now { 
    background:transparent url(../gfx/button_vorteile_sprite.jpg) no-repeat scroll 0 0; 
    display:block; 
    height:31px; 
    margin-bottom:30px; 
    overflow:hidden; 
    text-indent:-999em; 
    width:155px; 
    cursor:pointer; 
} 
 
/* mouseover state */ 
#download_now:hover { 
    background-position:0 -31px ;         
} 
 
/* clicked state */ 
#download_now:focus { 
    background-position:0 -31px; 
} 
 
/* tooltip styling */ 
.tooltip { 
    display:none; 
    background:url(white_arrow.png); 
    height:255px; 
    padding:0px 30px 0px 30px; 
    width:233px; 
    font-size:11px; 
    color:#000; 
} 
 
/* a .label element inside tooltip */ 
.tooltip .label { 
    color:yellow; 
    width:35px; 
} 
 
.tooltip a { 
    color:#ad4; 
    font-size:11px; 
    font-weight:bold; 
}

/*###########################################################################*/


div.tooltip_wk { 
    background-color:#fff; 
    border:1px solid #000; 
    padding:5px 5px; 
    width:200px; 
    display:none; 
    color:#000; 
    text-align:left; 
    font-size:10px; 
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}



/*###########################################################################*/

#navi_detail
{

}

#navi_detail li
{

float:left;
display:block;
}

#navi_detail li a
{
background-image:url(../gfx/navi_detail_sprite.jpg);
display: block;
outline: none;
position: relative;
height: 40px;
text-decoration: none;
width: auto;

}
	
	#navi_detail .vorteile 
	{
	background-position:0px 0px;
	width:140px;
	height:40px;
	
	}
	
	#navi_detail .pdf
	{
	background-position:-140px 0px;
	width:140px;
	height:40px;
	}
	
	#navi_detail .ausdruck
	{
	background-position:-280px 0px;
	width:140px;
	height:40px;
	
	}

	#navi_detail a .hover {
	background: transparent  url(../gfx/navi_detail_sprite.jpg) no-repeat;
	display:block ;
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	
	}
	
	#navi_detail .vorteile .hover {
	background-position: -0px -40px;	
	}
	#navi_detail .pdf .hover{
	background-position: -140px -40px;	
	}
	#navi_detail .ausdruck .hover{
	background-position: -280px -40px;	
	}
/* root element for tabs  */
#pane {
  border-left: 1px solid #818181;
  border-right: 1px solid #818181;
  border-bottom: 1px solid #818181;
  padding: 10px;
}

ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(blue.png) no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;	
}
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('gfx/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background-image: url('gfx/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('gfx/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('gfx/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('gfx/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('gfx/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('gfx/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('gfx/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('gfx/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('gfx/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('gfx/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('gfx/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('gfx/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('gfx/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('gfx/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('gfx/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('gfx/fancybox.png');
	background-position: -40px -122px;
}

#lieferzeit {
  	background: transparent url(../gfx/bgrnd.jpg) repeat-x;
  	font-size: 14px;
  	color: #ffffff;
  	padding: 20px;
  	padding-top: 40px;
  	padding-bottom: 40px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/gfx/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/gfx/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/gfx/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/gfx/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/gfx/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/gfx/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/gfx/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/gfx/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/gfx/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/gfx/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/gfx/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/gfx/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/gfx/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/gfx/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/gfx/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/gfx/fancy_shadow_nw.png', sizingMethod='scale'); }

.imp-artikel {
  float: left;
  margin-left: 45px;
  margin-bottom: 30px;  
  width: 100px;
  height: 100px;
  -moz-box-shadow: 0px 0px 5px #000;
  -webkit-box-shadow: 0px 0px 5px #000;
  box-shadow: 0px 0px 5px #000;
}

.hinweis {
  font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #2E2E2E;
  background-color: #eaeaea;
  border: 1px solid #a7a7a7;
  padding: 5px;
}



.loginformg {
    float: left;
    width: 280px;
	left: 0;
    position: static;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #cecece;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    0px 0px 4px rgba(0, 0, 0, 0.2);
	box-shadow:         0px 0px 4px rgba(0, 0, 0, 0.2);
    font-weight: normal;
    padding: 16px 16px 40px;
}

.loginput {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #d7d7d7;
    font-size: 14px;
    margin-bottom: 16px;
    margin-right: 6px;
    margin-top: 2px;
    padding: 3px;
    width: 90%;
}

.loginput:focus {
    background: none repeat scroll 0 0 #ecf2f8;
    border: 1px solid #c5d7e8;
}

.nologerror {
    border-width: 1px;
    margin: 0 0 16px 8px;
    padding: 12px;
}

.logerror {
    width: 290px;
    background-color: #FFEBE8;
    border-color: #CC0000;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    0px 0px 8px rgba(0, 0, 0, 0.4);
	box-shadow:         0px 0px 8px rgba(0, 0, 0, 0.4);	
    border-style: solid;
    border-width: 1px;
    margin: 0 0 16px 0;
    padding: 12px;
}

.knderror {
    width: 290px;
    background-color: #FFEBE8;
    border-color: #CC0000;	
    border-style: solid;
    border-width: 1px;
    margin: 0 20px 20px 20px;
    padding: 12px;
}
.fnew {
    width: 420px;
    background-color: #ddf3d9;
    border-color: #bed5ba;	
    border-style: solid;
    border-width: 1px;
    margin: 0 20px 20px 20px;
    padding: 12px;
}


#kkneu {
    float: right;
    text-align: center;
  display: block;
  margin-right: 100px;
  text-decoration: none;
  width: 200px;
  padding: 10px;
  background-color: #ffffff;
  color: #3b3d4c;
  border: 1px solid #cacaca;
  border-radius: 4px 4px 4px 4px;
  box-shadow: -10px -15px 30px rgba(0, 0, 0, 0.1) inset, 1px 1px 1px #ffffff inset, 2px 2px 4px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
  text-shadow: 0 1px 1px rgba(50, 50, 50, 0.3);
}
#kkneu:hover {
  background-color: #e5eef9;
}

.bestellung {
  display: block;
  margin-right: 10px;
  text-decoration: none;
  width: 660px;
  padding: 10px;
  background-color: #ffffff;
  color: #3b3d4c;
  border: 1px solid #cacaca;
  border-radius: 4px 4px 4px 4px;
  box-shadow: -10px -15px 30px rgba(0, 0, 0, 0.1) inset, 1px 1px 1px #ffffff inset, 2px 2px 4px rgba(0, 0, 0, 0.2);
  font-size: 12px;
  line-height: 20px;
  text-shadow: 0 1px 1px rgba(50, 50, 50, 0.3);
}
.bestellung:hover {
  background-color: #e5eef9;
}

.bestellungdetail {
    border-top: 1px solid #686868;
    background: #ffffff;
    font-size: 11px;

}