/* *************************************************************************************/
/* BASIS - STYLES **********************************************************************/
/* *************************************************************************************/

body{
	background-color:#e8f0f5;
	}
body,td,th,input,select,textarea, .norm{
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#525252;
	}
form.thinborder input, 
form.thinborder select,
form.thinborder textarea,
input.thinborder,
select.thinborder,
textarea.thinborder{
	border:1px solid #CCC;
}

form.noborder input, 
form.noborder select,
form.noborder textarea,
input.noborder,
select.noborder,
textarea.noborder{
	border:0;
}	

td{empty-cells:show;}

a, a *,.link{
	color:#0A90F9;
	text-decoration:none;
	}
a.incognito,a.incognito *{
	color:#525252;
}
a:hover, a:hover *{
	color:#F98508;
	}	

img {
border: none;
	}

h1,h2,h3,h4,h1 *,h2 *,h3 *,h4 *,.h1,.h2,.h3,.h4{
	display:inline;
	font-weight:bold;
	color:inherit;
	}
a.h1,a.h2,a.h3,a.h4{
	color:#0A90F9;
	}
h1, h1 *, .h1{font-size:24px;}

h2, h2 *, .h2{font-size:18px;}

h3, h3 *, .h3{font-size:14px;}

h4, h4 *, .h4{font-size:12px;}

little{
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

small, .small{
	font-size:10px;
	font-weight :normal;
	}
	
.smaller {
	font-size:9px;
	font-weight :normal;
}

.hammer {
	display:display:-moz-inline-box;
	width: 270px;
	height:60px;
	margin-bottom:20px;
}

em{
	font-size:inherit;
	font-style:normal;
	color:#CC0000 !important;
}
s{
	text-decoration:line-through !important;
}
u{
	text-decoration:underline !important;
}
.error{
	color:#FF0000;
	font-weight :bold;
}
.ok{
	color:#00CC00;
	font-weight :bold;
}	

/* Tabellengitter */
table.gridTable{
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-collapse:collapse;
	empty-cells:show
}
table.gridTable td, table.gridTable th{
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
table.gridTable th{
	text-align:left;
	background-color:#E5E5E5;
}
table.gridTable .noGrid, table.gridTable .noGrid td,table.gridTable .noGrid th{
	border:0;
}	

/* *************************************************************************************/
/* BASISKLASSEN FÜR SEITENAUFBAU ***************************************************** */
/* *************************************************************************************/

.titletop{
	width:960px;
	height:100px;
	background:url(/img/page_top.jpg) #D6D7E0 no-repeat top left;
	font:bold 11px;
}
#titlebottom{
	width:960px;
	height:100px;
	background:url(/img/page_bottom.jpg) #D6D7E0 no-repeat top left;
	margin:0;
	padding:0 10px 10px 10px;
	color: #525252;
}	

.navTop{
	width:959px;
	overflow:hidden; 
}
.navLeft{
	width:160px;
	height:50%;
}

#claim{
	border-top:1px solid #AAA;
	border-bottom:1px solid #AAA; 
	background-color:#d2dbe3; 
	height:14px;
	font-weight:bold;
	font-size:14px;
}

/* HEADER - KLASSEN ******************************************************************** */

#header{
	position:absolute; 
	top:0px;
}
#header #loginInfo{
 	position:absolute; 
	top:16px; 
	left:0px; 
	height:20px; 
	width:940px; 
	text-align:right;
}
#header #buttonMerkzettel{
	position:absolute; 
	top:68px; 
	left:653px; 
	width:265px; 
	height:30px; 
	text-align:left;
}
#header #buttonLogin{
	position:absolute; 
	top:68px; 
	left:522px; 
	width:265px; 
	height:30px; 
	text-align:left;
}
#header #suchFeld{
	position:absolute; 
	top:25px; 
	left:523px; 	
	width:265px; 
	height:50px; 
	background-image:url(/img/bg_suche_kompakt.gif); 
	background-position:left; 
	background-repeat:no-repeat; 
	text-align:left;
}
#header #suchFeld #eingabe{
	position:relative; 
	left:5px; 
	top:9px; 	
	width:240px; 
	height:12px; 
	border:0; 
	background-color:#FFF; 
	padding-top:0px;
}
#header #suchFeld #buttonSuche{
	position:relative; 
	left:0px; 
	top:16px; 
	width:125px; 
	height:16px;
	padding-top:0px; 
}

#header #suchFeld #buttonErweiterteSuche{
	position:relative; 
	left:5px; 
	top:16px; 
	padding-top:0px; 
	cursor:pointer;
}

#header #warenkorbFeld{
	position:absolute; 
	top:30px; 
	left:789px; 
	width:152px; 
	height:41px; 
	padding-top:22px; 
	background-image:url(/img/warenkorb.gif); 
	background-repeat:no-repeat;
	text-align:center;
}
#header #buttonsWarenkorb{
	position:absolute; 
	top:72px; 
	left:788px; 
	width:153px; 
	height:21px; 
	padding:0;
	background-image:url(/img/warenkorb_kasse.gif); 
	background-repeat:no-repeat;
	text-align:center;
}

/* NAVIGATIONS - KLASSEN ****************************************************************/

/*******************/
/* Hauptnavigation */
/*******************/

#navi{
	width:160px;
	overflow:hidden;
}
#navi * .blank a{
	margin:0px;
}
#navi * a, .menusingle a{ 
	display:block;
	margin:0px 0px 8px 28px;
	font-size:12px;
	font-weight:bold;
	color: #575757;
	text-decoration:none;
	line-height:14px;
}
#navi * .arrow{
	margin:3px 0 0 12px;
}
#navi * a:hover,.menusingle a:hover{
	color: #0A90F9;
}
#navi * a.lit,.menusingle a.lit{
	color: #F98508;
}

/* Einzel-Links*/
#navi .single, .menusingle{
	margin-top:3px;
	padding-top:3px;
	background:url(/img/nav_single.jpg) no-repeat bottom right;
	height:20px;
}
#navi .single a, .menusingle a{
	margin-top:auto;
	margin-bottom:auto;
}

/* Link-Menus*/
#navi .menu{
	background-image:url(/img/nav_bg.jpg);
	background-repeat:repeat-y;
	}
	
#navi .menu .title{
	background:url("/img/nav_kat_blau.gif") repeat-x 0px 0px;
	width:128px;
	height:22px;
	margin:0px 0px 3px 11px;
	padding:4px 0px 0px 18px;
	font-size:12px;
	font-weight:bold;
	color: #575757;
	text-decoration:none;
}

#navi .menu #sub{
	margin:0 0 -5px 0px;
}
#navi .menu #sub a{
	font-size:10px;
	font-weight:normal;
	line-height:9px;
}
#navi .menu .trenner{
	width:146px;
	height:1px;
	margin-left:11px;
	border-top:1px solid #C1C1C1;
}	


/*******************/
/* Topnavigation   */
/*******************/

#naviTop{
	width:780px;
	height:20px;
	overflow:hidden;
	background:url(/img/nav_box_l_single.jpg) no-repeat;
}
#naviTop a{
 	display:block;
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:12px;
	color: #575757;
	text-decoration:none;
	font-weight:bold;
	line-height:9px;
	padding-top:6px;
	margin-bottom:8px;
}
#naviTop a.lit,#naviTop a:hover{
	color: #0A90F9;
}	
#naviTop .pipe{
	background:url(/img/nav_box_l_single_pipe.jpg) no-repeat 0px 1px;
}

/**************************/
/* Breadcrumbnavigation   */
/**************************/

#breadcrumb{
	background:url(/img/box_l_single.jpg) no-repeat left top; 
	width:770px;
	height:40px;
	overflow:hidden;
	padding: 0px 0px 0 20px;
	line-height:40px;
}
#breadcrumb a, #breadcrumb span, .arrowed{
	background:url(/img/arrow_r_blue.jpg) no-repeat;
	padding-left:14px;
}
#breadcrumb span a{
	background:none;
	padding-left:0;
}
#breadcrumb #addthis{
	margin:-29px 27px 0 0; 
	text-align:right;
}
#breadcrumb #addthis a{
	background:none;
	padding:0;
}
#breadcrumb #rightbox{
	margin:-40px 27px 0 0; 
	text-align:right;
}
#breadcrumb #rightbox a{
	background:none;
	padding:0;
}


/* CONTENTBOX - KLASSEN ****************************************************************/

/*******************/
/* Content-Tabelle */
/*******************/
.contentBox	{
	width:800px;
	padding-left:10px;
}	

#contentTable, #bestTable{
	table-layout:fixed;
	overflow:hidden;
	empty-cells:show;
	width:780px;
	border:0;	
}

.contentTableRow{
	width:260px;
}

/*********************/
/* Small-Box (250px) */
/*********************/
.box_s{
	width:250px;
	padding: 0 20px 0 10px;
	background:url(/img/box_s_bg.jpg) repeat-y left top; 
	vertical-align:top;
}
.box_s .title{
	width:250px;
	margin-left:-10px;
	padding:0px 0px 2px 10px;
	background:url(/img/box_s_bg_grau.jpg) repeat-y left top; 

}
.box_s_top{
	width:250px;
	height:10px;
	background:url(/img/box_s_top.jpg) no-repeat left top; 
}
.box_s_top_title{
	width:250px;
	height:10px;
	background:url(/img/box_s_top_grau.jpg) no-repeat left bottom; 
}
.box_s_bottom{
	width:250px;
	height:10px;
	background:url(/img/box_s_bottom.jpg) no-repeat left top; 
}
.box_s_bottom_title{
	width:250px;
	height:10px;
	background:url(/img/box_s_bottom_grau.jpg) no-repeat left top; 
}

/**********************/
/* Medium-Box (510px) */
/**********************/
.box_m{
	width:510px;
	padding: 0 20px 0 10px;
	background:url(/img/box_m_bg.gif) repeat-y left top; 
	vertical-align:top;
}
.box_m .title{
	width:510px;
	margin-left:-10px;
	padding:0px 0px 2px 10px;
	background:url(/img/box_m_bg_grau.gif) repeat-y left top; 

}

.box_m_top{
	width:510px;
	height:10px;
	background:url(/img/box_m_top.jpg) no-repeat left top; 
}
.box_m_top_title{
	width:510px;
	height:10px;
	background:url(/img/box_m_top_grau.gif) no-repeat left bottom; 
}
.box_m_bottom{
	width:510px;
	height:10px;
	background:url(/img/box_m_bottom.gif) no-repeat left top; 
}
.box_m_bottom_title{
	width:510px;
	height:10px;
	background:url(/img/box_m_bottom_grau.gif) no-repeat left top; 
}

/*********************/
/* Large-Box (780px) */
/*********************/

.box_l{
	width:769px;
	/*padding: 0 10px 0 10px;*/
	background:url(/img/box_l_bg.jpg) repeat-y center top; 
	vertical-align:top;
}

.box_l_top{
	width:769px;
	height:10px;
	background:url(/img/box_l_top.jpg) no-repeat center top; 
}

.box_l_bottom{
	width:769px;
	height:10px;
	background:url(/img/box_l_bottom.jpg) no-repeat center top; 
}




.box_l_ad{
	width:780px;
	height:109px;
	padding: 9px 15px 0 15px;
	background:url(/img/box_l_bg_ads.jpg) no-repeat left top; 
	vertical-align:top;
}
.box_l .title{
	width:780px;
	margin-left:-10px;
	padding:0px 0px 2px 10px;
	background:url(/img/box_l_bg_grau.jpg) repeat-y left top; 

}
.box_l_top_title{
	width:780px;
	height:10px;
	background:url(/img/box_l_top_grau.jpg) no-repeat left bottom; 
}
.box_l_top_ohneRand{
	width:780px;
	height:4px;
	background:url(/img/box_l_top.jpg) no-repeat left -6px; 
}

.box_l_bottom_title{
	width:780px;
	height:10px;
	background:url(/img/box_l_bottom_title.jpg) no-repeat left top; 
}
.box_l_line{
	width:780px;
	height:5px;
	background:url(/img/box_l_line.gif) no-repeat left top; 
}
/*****************/
/* Spezial-Boxen */
/*****************/

/* Einzeilige Box */
.box_single_l{
	width:760px;
	overflow:hidden;
	padding: 0px 13px 0 0px;
	height:40px;
	background:url(/img/box_l_single.jpg) no-repeat left top; 
	vertical-align:middle;
}

/* ProduktBox */
.box_produkt{
	width:250px; 
	height:413px;
	padding:10px 18px 15px 7px;
	background:url(/img/box_produkt.gif) no-repeat left top;  
	text-align:center; 
	cursor:pointer;
}
.box_produkt .pic{
	height:250px; 
	width:235px;
	overflow:hidden;
	cursor:pointer;
}
.box_produkt .name{
	height:48px; 
	width:235px;
	margin-top:8px;
	cursor:pointer;
}
.box_produkt .artnr{
	height:16px; 
	width:235px;
	cursor:pointer;
}
.box_produkt .preis{
	height:56px; 
	width:235px;
	padding-top:4px; 
	cursor:pointer;
}
.box_produkt .button{
	width:235px;
}

/* Leerbox*/
.box_blank{
	padding:6px 10px 6px 0;
}

/* TAB-KLASSEN ********************************************************************************** */

#tabs {
	height:30px;
	width:160px;
	margin-left:10px;
	margin-top:3px;
}
#tabs div {
	float:left;
    background:url("/img/tab_left.gif") no-repeat left top;
}
#tabs div:hover,#tabs div.current{
	background-position:left -42px;
}	  
#tabs div a {
	display:block;
	height:inherit;
	width:63px;
	margin: 0px 0px 0px 4px;
	padding:2px 0px 0px 0px;
    background:url("/img/tab_right.gif") no-repeat right top;
	font-size:12px;
	font-weight:bold;
    color:#575757;
}
#tabs div a:hover,#tabs div.current a {
	background-position:right -42px;
}
#tabs div.current a{
    color:#f89315;
}

/* INFO-BOX ********************************************************************************** */

.info{
	position:absolute;
	background-color:#FFFFFF;
	border:2px solid #0A90F9;
	padding:5px;
	width:auto;
}
.info .top{
	text-align:right;
	background-color:#F98508; 
	color:#FFFFFF; 
	font-weight:bold;
	height:16px;
}
.info .close{
	text-align:center;
	background-color:#FF0000; 
	color:#FFFFFF; 
	font-weight:bold;
	height:16px;
	width:16px;
}

/* DIVBUTTON ********************************************************************************** */

.divButton{
	height:17px; 
	line-height:17px; 
	font-weight:bold; 
	border:1px solid #c1c1c1; 
	padding-left:14px; 
	padding-top:1px;
	background-image:url(/img/button_div.gif); 
	background-repeat:no-repeat; 
	cursor:pointer;
}
.divButton:hover{
	color:#F98508;
}

/* HAMMERSCHNÄPPCHEN ************************************************************************** */

#hammerZelle{
	background-image:url(/img/bg_schnaeppchen.jpg);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding-top:5px;
	height:335px;
}
#hammerBild{
	float:right; 
	width:200px; 
	height:315px;
	margin-top:15px;
	margin-right:8px;
	background-repeat:no-repeat; 
	background-position:center 25px; 
	cursor:pointer;
	overflow:visible;
}
#hammerTitel{
	width:250px; 
	font-size:21px; 
	font-weight:bold; 
	margin-top:17px; 
	margin-left:10px;
}
#hammerUntertitel{
	width:250px; 
	height:30px;
	font-size:21px; 
	font-weight:bold; 
	margin-left:10px;
}
#hammerProdukt{
	width: 250px; 
	height:35px;
	margin-left:10px;
}

#hammerText{
	margin-left:10px;
	margin-top:10px; 
	width: 255px; 
	height:76px;
}
#hammerPreis{
	width:255px;
	margin-left:10px;
	margin-top:5px;
}
#hammerBegrenzt{
	width:255px; 
	margin-top:20px; 
	margin-left:10px;
}


/* ACCORDION ************************************************************************** */


.ui-accordion 		{ margin: 0; padding: 0;  list-style-type: none; width: 245px;  }
.ui-accordion li 	{ margin: 0; padding: 0; }

.ui-accordion li .ui-accordion-header {
	display: block;
	/*padding-left: 5px;
	margin-right: 3px; */
	height: 24px;
	width:241px;
	background-image: url(/img/accordion-middle.png);
	text-decoration: none;
	line-height: 24px;
	position: relative;
	left: 2px;
}
.ui-accordion li .ui-accordion-right {
	display: block;
	background-image: url(/img/accordion-right.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	right: -3px;
	height: 24px;
	width: 3px;
}
.ui-accordion li .ui-accordion-left {
	display: block;
	background-image: url(/img/accordion-left.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 24px;
	width: 3px;
}
.ui-accordion li .content{
	width:245px; 
	/* padding:5px; */
	background-position:bottom; 
	background-repeat:no-repeat
}

.ui-accordion li a.head{
	color:#525252;
	font-size:14px;
	font-weight:bold; 
}
/* .ui-accordion li:hover .ui-accordion-left:hover { background-image: url(/img/accordion-left-over.png); } */
.ui-accordion li:hover .ui-accordion-header:hover { background-image: url(/img/accordion-middle-over.png); }
/* .ui-accordion li:hover .ui-accordion-right:hover { background-image: url(/img/accordion-right-over.png); } */

/* .ui-accordion li.selected .ui-accordion-left.selected { background-image: url(/img/accordion-left-act.png); } */
.ui-accordion li.selected .ui-accordion-header.selected { background-image: url(/img/accordion-middle-act.png); }
/* .ui-accordion li.selected .ui-accordion-right.selected { background-image: url(/img/accordion-right-act.png); } */


/* VORTEILE ************************************************************************** */
/* eKomi - Tooltip : */
div#qTip {
	 padding: 5px;
	 border: 1px solid #009900;
	 border-right-width: 2px;
	 border-bottom-width: 2px;
	 display: none;
	 background: #FFFFFF;
	 color: #000000;
	 font: 11px Arial;
	 text-align: left;
	 position: absolute;
	 z-index: 1000;
}
.sublineVorteile{
	margin-left: 25px;
	margin-right: 30px;
	margin-bottom:30px;
	font-size:16px; 
	font-weight:bold;
}

.VorteileTextHeader{
	font-size:12px;
	font-weight:bold; 
	margin-bottom:5px;
	margin-top:5px;
}

.VorteilePic{
	margin-right: 20px;
	width:75px;
	vertical-align:top;
}

.VorteileText{
	width: 272px;
	inline: block;
	vertical-align:top;
	margin-bottom:5px;
}


/* NEW BOX TITLE ************************************************************************** */

#newbox_title_bg {
	background-image:url(/img/newbox_bg.png);
	background-repeat:repeat-x;
	background-position:left;
	height:28px;
}

#newbox_title {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#575757;
	margin-left:10px;
	padding-top:6px;
}

#newbox_title_1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#575757;
	margin-left:10px;
	padding-top:6px;
}

#newbox_table{
	width:768px;
	border:none;
}

#newbox_auswahl{
	margin-left: 20px;	
	margin-top:20px;
	margin-right: 180px;
}

.newbox_vline{
	background:url(/img/box_s_bg.jpg); 
	vertical-align:top;
	background-repeat: repeat-y;
}

.newbox_hline{
	background:url(/img/box_s_bg.jpg);
	background-repeat: repeat-x;
}

.newbox_text {
	margin_left: 50px;
	margin-bottom:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#575757;	
}

.ueberuns_text {
	margin-left: 50px;
	margin-right:60px;
	display:block;
}