/*----------------------------------------------------------------*/
/* CSS by K4SYSTEMS */
/*----------------------------------------------------------------*/


/*----------------------------------------------------------------*/
/* Allgemeines */
/*----------------------------------------------------------------*/

* { padding: 0; margin: 0;}

html {   height: 100%;}

body {
  font-size: 82.5%;
  background: #fff url(../bilder/back_body.jpg) repeat-x;
  background-position:bottom;
  font-family: Arial,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
}

h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, input, textarea, select {
  font-family: Arial,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
  color: #000;
  text-align: left;
}


ul, li {  padding: 0;  margin: 0;  list-style-type: none;}
img, a img {  border: 0;}
form { display: inline;}
acronym { cursor: help;  border-bottom: 1px dotted;}

/*----------------------------------------------------------------*/
/* h1 und co */
/*----------------------------------------------------------------*/
p {
  line-height: 1.6em;
  margin: 0 0 1.0em 0;
}

a {
	color: #00579C;
}
a.pdf {	padding: 7px 0 0 20px;background:url(../bilder/icon_pdf.png) left bottom no-repeat; color: #005782;}
a.word {padding: 7px 0 0 20px;background: url(../bilder/icon_doc.gif) left bottom no-repeat; color: #005782;}
a.xls {padding: 7px 0 0 20px;background: url(../bilder/icon_xls.gif) left bottom no-repeat; color: #005782;}
a.extern {padding: 7px 0 0 20px;background: url(../bilder/icon_external.gif) left bottom no-repeat; color: #005782;}

h1 {
	border-bottom: #0465aa 1px solid;
	padding: 0 0 4px 0;
	margin: 26px 0 10px 0;
	font-size:1.5em;
	color:#0465aa;
}

h2 {
	border-bottom: #CCCCCC 1px solid;
	padding: 0 0 4px 0;
	margin: 20px 0 10px 0;
	font-size:1.1em;
	color:#000;
}
/*----------------------------------------------------------------*/
/* pseudoklassen */
/*----------------------------------------------------------------*/
.clear {
  clear: both;
}

.versteckt, .no_screen {
  display: none;
}
/*----------------------------------------------------------------*/
/* die Seite */
/*----------------------------------------------------------------*/

#top { background:url(../bilder/back_top.jpg) top left repeat-x; width:100%}
#shad { background: url(../bilder/back_shad.png) bottom center no-repeat; width:856px; margin: 0 auto; padding: 0 0 10px 0; }
#wrap { width:826px; margin: 0 auto;}
#header { height:280px; background:url(../bilder/back_header.jpg) bottom center no-repeat;/* border-left:#FFFFFF 2px solid; border-right:#FFFFFF 2px solid; */}
#logo { padding: 24px 0 5px 0;}
#site { 
	background:#FFFFFF; 
	min-height:400px; 
	border-left:#FFFFFF 2px solid; 
	border-right:#FFFFFF 2px solid;
}
#links { 
	float:left; 
	width:216px;
	min-height:400px;
	margin:10px;
	background:#f4f5ed url(../bilder/back_subnav.jpg) top center no-repeat;
/*	border:#a6dcf4 1px solid;*/
/*	border-width: 10px 0 10px 10px;
	border:#FFFFFF solid; */
}
#links p {
	padding: 0 10px;
}
#links h2 {
	margin: 10px;
}
#inhalt { 
	float:right; 
	width:565px;
	padding: 0 15px 10px 0;
	min-height:400px;
}
#footer { 
	background:#fbfcf6 url(../bilder/back_footer.jpg) top left no-repeat;
	border:#FFFFFF 2px solid; 
	border-top: #0465aa 3px solid;
	height:90px;
	padding: 10px;
}
#footer table { margin: 0 0 0 40px;}
#footer td {
	vertical-align:top;
	width:228px;
	padding: 0 0 0 10px;
	border:#a6dcf4 1px solid;
	border-width: 0 0 0 1px;
	font-size:0.8em;
	line-height:1.4em;
	color:#666666;
	font-family:"Trebuchet MS";
}

/*----------------------------------------------------------------*/
/* Hauptnavigation  horizontal*/
/*----------------------------------------------------------------*/

#topnav { margin: 147px 0 0 0; height:30px;}
#topnav ul li { float:left; display:inline;}
#topnav ul li a 
	{
	display:block;
	margin: 0 4px;
	padding: 3px 6px 11px 6px;
	font-variant:small-caps;
	color:#000000;
	font-size:1.1em;
	text-decoration:none;
	font-weight:bold;
}
#topnav ul li a:hover 
	{
	padding: 5px 5px 7px 5px;
	background:#FFFFFF;
	border:#000000 solid;
	border-width: 1px 1px 0 1px;
}
#topnav ul li.selected a, #topnav ul li.selected a:hover  
	{
	display:block;
	padding: 5px 10px 7px 10px;
	font-variant:small-caps;
	color:#000000;
	font-size:1.1em;
	text-decoration:none;
	font-weight:bold;
	background:#FFFFFF;
	border:#000000 solid;
	border-width: 1px 1px 0 1px;
}

/*----------------------------------------------------------------*/
/* Iconnavigation  horizontal*/
/*----------------------------------------------------------------*/

#iconnav {
	float:right;
	height:38px;
	background:url(../bilder/back_iconnav_right.jpg) top right no-repeat;
	width:360px;
}
#iconnav ul {
	width:300px; 
	height:30px;
}
#iconnav ul li {
	float:left; 
	display:inline; 
	margin: 0 4px;
}
#iconnav ul li a {
	display:block; 
	padding:11px 8px 0 0; 
	text-decoration:none; 
	color: #000; 
	font-variant:small-caps; 
	font-weight:bold;
}
#iconnav ul li a:hover {
	color: #000;
}
span.iconnav_left {
	float:left; 
	background: url(../bilder/back_iconnav_left.jpg) top left no-repeat; 
	width:20px; height:38px;
}
#sprachauswahl {
	float:right; 
	font-size:0.9em; 
	color: #666666; 
	padding: 6px 20px 0 10px;
	border-left:#999999 1px solid;
}
#sprachauswahl select {
	width: 86px; 
	height:19px; 
	font-size:0.8em; 
	margin:3px 0 0 4px;
}

/*der Warenkorblink */
#n22 {	background: url(../bilder/ico_warenkorb.png) left bottom no-repeat;
	padding-left:20px;
}
#n22 a {

}


/*----------------------------------------------------------------*/
/* Subnavigation  horizontal*/
/*----------------------------------------------------------------*/
#titelSub_shop { display:none;}
#links h3 { color:#053e66; display:block; padding:10px 0 4px 10px; margin:0 0 5px 0; border-bottom:#053e66 1px solid;}
#online-shop #titelSub_shop {display:block; margin-top:20px;}
#warenkorb #titelSub_shop {display:block; margin-top:20px;}

/*erste Ebene*/
#links ul { background:#f4f5ed; width:220; list-style:hiragana;}
#links ul li {}
#links ul li.selected { border:none;}
#links ul li a { 
	display:block;
	text-decoration:none; 
	height:16px; 
	padding:8px 0 8px 30px; 
	border:#FFF solid; 
	border-width: 0 0 2px 0; 
	color:#333333;
	background:url(../bilder/back_subnav_lev1.gif) top left no-repeat;
}
#links ul li a:hover { 
	background:#fbfcf6 url(../bilder/back_subnav_lev1_on.gif) top left no-repeat;
}
#links ul li.selected a{ 
	background:#fbfcf6 url(../bilder/back_subnav_lev1_on.gif) top left no-repeat;
	border:#d9dccb solid; 
	border-width: 0 0 1px 0;
}

/*zweite Ebene*/
#links ul li ul { background:#FFFFFF;}
#links ul li.selected ul { border:none; padding-bottom:6px;}
#links ul li ul li { margin: 0 0 0 10px;}
#links ul li.selected ul li a {
	display:block; 
	text-decoration:none; 
	padding:6px 6px 6px 30px; 
	border:#d9dccb solid; 
	border-width: 0 0 1px 0;
	background: #fbfcf6 url('../bilder/back_subnav_lev1.gif') left no-repeat;
}
#links ul li.selected ul li a:hover { 
	background:#FFF url(../bilder/back_subnav_lev1_on.gif) top left no-repeat;
}
#links ul li.selected ul li.selected a {
	background:#FFF url(../bilder/back_subnav_lev1_on.gif) top left no-repeat;
}
#links ul li.selected ul li.first a {
	border:#d9dccb solid; 
	border-width: 1px 0 1px 0;
}

#links ul li ul li.last a { border:none;}

/*----------------------------------------------------------------*/
/* kontakformular */ 
/*----------------------------------------------------------------*/
table.kontaktformular { margin: 0 0 0 30px; font-family:"Trebuchet MS";}

/*Die Feldlabel*/
.spalte-1 { width: 100px; height: 30px;}

.spalte-2 select.default { width: 300px; border: #CCCCCC 1px solid; height:20px; }
.spalte-2 select.default:hover {border: #3399CC 1px solid; background: #FFFEF0;}

/*die inputfelder*/
.spalte-2 .default { width: 300px; border: #CCCCCC 1px solid; height:20px; }
.spalte-2 .default:hover {border: #3399CC 1px solid; background: #FFFEF0;}

/*das Textareafeld für die Nachricht*/
.spalte-2 textarea.default { width: 300px; border: #CCCCCC 1px solid; height:70px; margin-top:4px;}
.spalte-2 textarea.default:hover {border: #3399CC 1px solid; background: #FFFEF0;}

.cx_pflicht { color:#CC0000;}

/*die Buttons*/
td.buttons {}
input.submit_send { float:left;  text-align: center; margin: 20px 0 10px 100px; background: url(../bilder/back_button_frm_kontakt.jpg) left repeat-x; border:#666 1px solid; padding: 2px 5px; color:#000;}
input.submit_send:hover {background: url(../bilder/back_button_frm_kontakt_on.jpg) left repeat-x;}
input.submit_clear { float:right; text-align: center; margin: 20px 0 10px 0; background: url(../bilder/back_button_frm_kontakt.jpg) left repeat-x; border:#666 1px solid; padding: 2px 5px; color:#000;} 
input.submit_clear:hover {background: url(../bilder/back_button_frm_kontakt_on.jpg) left repeat-x;}


/*----------------------------------------------------------------*/
/* Shop-Formate */ 
/*----------------------------------------------------------------*/

/*----------------------------------------------------------------*/
/* Shop-Startseite */ 
/*----------------------------------------------------------------*/

#shop_startseite {
	width:565px;
}
#shop_startseite ul {
	width:565px;
}
#shop_startseite li {
	display:inline;
	margin: 0;
	padding: 0;
}
#shop_startseite li a {
	display:inline-block; 
	font-size:1.1em; 
	font-weight:bold; 
	text-transform:uppercase;
	text-decoration:none;
	color: #006699;
	background:url(../bilder/back_kategorie_02.jpg) top left no-repeat;
	width: 250px;
	height:70px;
	padding:14px 6px 6px 14px;
	margin: 4px;
}
#shop_startseite li a:hover {
	color: #000;
}

/* Artikelliste */

#artikel_uebersicht { width:566px;}
#artikel_uebersicht .artikel1 { background: #F7F7F7}
#titel_artikelliste { 
	height:21px; 
	background:url(../bilder/back_titel_prodlisten.jpg) top left repeat-x; 
	color:#000000; 
	border: #CCCCCC 1px solid; 
	margin: 20px 0 0 0; 
	font-weight:bold;
	padding: 5px 0 0 0;
}
#titel_artikelliste .titel_01 {margin:0 0 0 10px;}
#titel_artikelliste .titel_02 { margin:0 0 0 74px;}
#titel_artikelliste .titel_03 { margin:0 0 0 25px;}
#titel_artikelliste .titel_04 { margin:0 0 0 190px;}
.artikel { border-bottom:#CCCCCC 1px solid; margin: 0 0 0 0; padding: 10px 4px 10px 0;}
.artikel .bild { float:left; width:100px;}
.artikel .bild a img { border: #D7E8EC 2px solid;}
.artikel .bild a:hover img { border: #B0C9DB 2px solid;}
.artikel .kurzinfo {float:right; width:458px; height:94px;}
.artikel .name .artikelnummer {font-size:1.1em; font-weight:bold; margin: 0 50px 0 0;}
.artikel .name a { color:#3399CC; font-weight:bold;}
.artikel .name a:hover { color: #006699;}
.artikel .preis { float:right; width:440px;font-size:1.3em; margin:36px 0 0 0; padding:0; text-align:right; font-weight:bold;}
.artikel .preis_mwstinfo { float:right; width:440px;font-size:0.7em; margin:0; padding:0; text-align:right; color: #999999;}

/* Seitennavi Pageing */
.seitennavi {
	margin:5px 0 0px 0;
	width: 100%;
}
.seitennavi td {
	text-align:center;
}
.seitennavi .seitenzahl {
	font-size: 1.3em;
}
.seitennavi span {
	font-weight:bold;
}
.seitennavi .seitennavi_navi {
 margin: 0 auto;
}
.seitennavi .seitennavi_navi a {
	display: inline-block;
	margin: 0 5px;
	padding: 2px 4px;
	background: #ececec;
}
.seitennavi .seitennavi_navi a.selected {
	font-weight: bold;
	font-size: 1.4em;
	text-decoration: none;
}
.seitennavi .seitennavi_navi a.seite_weiter {
	display: inline-block;
	margin: 0 5px;
	padding: 2px 4px;
	border: none;
	background: none;
}


/* Artikel Detailansicht */

#artikel_details {}

#artikel_details .artikel { border:none;}
#artikel_details .artikel .bild { float:left; width:236px; height:236px;}
#artikel_details .artikel .bild a { text-decoration:none;}
#artikel_details .artikel .produktname { float:right; background:#FFFF00; font-weight:bold; padding: 5px 10px 5px 5px; width:295px;}
#artikel_details .artikel .beschreibung {float:right; padding: 5px 10px 5px 5px; width:295px; height:150px;} 
#artikel_details .artikel .preis {	float:right;font-size:1.7em; padding: 5px 10px 5px 5px; width:295px; }
#artikel_details .artikel .lieferstatus {}

.to_basket_container { float:right; width:566px; margin: 15px 0 0 0; border-bottom:#F3F3F3 1px solid;}
.to_basket_container tr {}
.to_basket_container td{ padding: 6px 0;border-top:#F3F3F3 1px solid;}
.to_basket_container .varianten_name { font-weight:bold; padding-left:10px;}
.to_basket_container .varianten_preis { text-align:right; padding-right:10px;}
.to_basket_container .varianten_menge { text-align:right; padding-right:10px; width:20px;}
.to_basket_container .menge {width:30px; text-align:center; margin: 0 0 0 20px;}
.to_basket_container .varianten_in_warenkorb { text-align:right; padding-right:10px; width:140px;}
.to_basket_container .btn_in_warenkorb_legen { width:130px; text-align:center; height:26px; background: url(../bilder/back_titel_prodlisten.jpg); color:#000000;}

/* ähnliche Artikel*/
.crosssale_products { margin: 20px 0 0 0;}


/* Artikel in den Warenkorb gelegt */
#item_added { padding: 20px 0 0 0;}
#item_added .artikel { border-bottom:#CCCCCC 1px solid; margin: 0 0 0 0; padding: 10px 4px 10px 0;}
#item_added .infotext { background: #E6FFE6; border:#339900 1px solid; text-align:center; vertical-align:middle; border-left:none; border-right:none; padding:10px 0;}
#item_added .artikel .bild { float:left; width:91px; height:91px;}
#item_added .artikel .bild a { text-decoration:none;}
#item_added .artikel .produktname { float:right;font-weight:bold; padding: 5px 10px 5px 5px; width:440px;}
#item_added .artikel .preis {float:right;font-size:1.7em; padding: 5px 0 0 5px; width:440px; text-align:right; margin:0;}
#item_added .artikel .preis_mwstinfo { float:right; width:440px;font-size:0.7em; margin:0; padding:0; text-align:right; color: #999999;}
#item_added .artikel .lieferstatus {}
#item_added .artikel .name a { color:#3399CC; font-weight:bold;}
#item_added .artikel .name a:hover { color: #006699;}

#item_added .item_added_navi { margin:20px 0 0 0; border:#339900 1px solid; border-left:none; border-right:none; padding:10px 0;}
#item_added .item_added_navi a.zumwarenkorb{ 
	float:right; text-decoration:none; color:#666666; 
	display:block; 
	padding:7px 10px; 
	background:url(../bilder/back_button_frm_kontakt.jpg) top left repeat-x; 
	border:#CCCCCC 1px  solid;
}
#item_added .item_added_navi a.zumwarenkorb:hover{ 
	color:#000; 
	background: url(../bilder/back_button_frm_kontakt_on.jpg) top left repeat-x; 
	border: #999999 1px  solid;
}

#item_added .item_added_navi a.weitershoppen{ 
	float:left; text-decoration:none; color:#666666; 
	display:block; 
	padding:7px 10px; 
	background:url(../bilder/back_button_frm_kontakt.jpg) top left repeat-x; 
	border:#CCCCCC 1px  solid;
}
#item_added .item_added_navi a.weitershoppen:hover{ 
	color:#000; 
	background: url(../bilder/back_button_frm_kontakt_on.jpg) top left repeat-x; 
	border: #999999 1px  solid;
}

/*----------------------------------------------------------------*/
/* Basket Steps */ 
/*----------------------------------------------------------------*/

#basket_steps {
	width:100%;
	margin: 10px 0;
}
#basket_steps td {
	height:40px;
	border:#339900 solid; border-width: 1px 0;
	text-align:center;
	background: #FFF;
}
#basket_steps td.selected_last,
#basket_steps td.selected {
	font-weight:bold;
	color: #0066FF
}
#basket_steps td.fertig {
	background: #F4F4F4;
	font-weight:bold;
	color: #AAA
}
#basket_steps td.fertig2 { 
	background: #F4F4F4;
	font-weight:bold;
	color: #AAA
}


/* 1. Warenkorb */
#warenkorb_hold {}
#warenkorb_tabelle {
	width:100%;
	margin: 10px 0 0 0;
}
#warenkorb_tabelle th { 
	background:url(../bilder/back_titel_prodlisten.jpg) top left repeat-x; 
	padding: 5px 0; 
	border:#CCCCCC 1px solid;
	border-left:none;
	border-right: none;
}

#warenkorb_tabelle { margin: 10px 0 10px 0;}
#warenkorb_tabelle td.menge {width:80px; text-align:center;}
#warenkorb_tabelle td.menge input { width:40px;}
#warenkorb_tabelle td.bez {}
#warenkorb_tabelle td.bez a{ text-decoration:none; color:#3366CC; font-weight:bold;}
#warenkorb_tabelle td.preis {text-align:right;}
#warenkorb_tabelle td.gesamtpreis { text-align:right;}
#warenkorb_tabelle td.loeschen {text-align:right;}
#warenkorb_tabelle tr.bg0 { background:#fff; height:40px;}
#warenkorb_tabelle tr.bg1 { background:#F7F7F7; height:40px;}
#warenkorb_tabelle td.devider { height:20px; border-bottom:#CCCCCC 1px solid;}
#warenkorb_tabelle td.devider2 { height:10px;}
#warenkorb_tabelle td.preislich {padding: 4px 0; text-align:right; font-weight:bold;}
#warenkorb_tabelle td.gesamtwert.preislich {font-size:1.1em; font-weight:bold; padding:4px 0;}
#warenkorb_tabelle td.gesamtpreis.preislich {font-size:1.3em; font-weight:bold; padding:4px 0;}
#warenkorb_tabelle td.preislich.hinweis {font-weight:normal;}
#warenkorb_tabelle td.preislich.versand1 {}
#warenkorb_tabelle td.preislich.hinweis.versand2 {font-size:0.8em; color: #666666; padding:0px;}

#warenkorb_tabelle td.abschliessen1 { padding:10px 0; border:#336600 1px solid; border-left:none; border-right:none;}
.zurueck a,
#warenkorb_tabelle td.abschliessen1 a {
	float:left; text-decoration:none; color:#666666; 
	display:block; 
	padding:7px 10px; 
	background:url(../bilder/back_button_frm_kontakt.jpg) top left repeat-x; 
	border:#CCCCCC 1px  solid;
	color:#000000;
	font-weight:bold;
}
#warenkorb_tabelle td.abschliessen2 { padding:10px 0; border:#336600 1px solid; border-left:none; border-right:none;}
#warenkorb_tabelle td.abschliessen2 a {
	float:right; text-decoration:none; color:#666666; 
	display:block; 
	padding:7px 10px; 
	background:url(../bilder/back_btn_bestellen.jpg) top left repeat-x; 
	border:#336600 1px  solid;
	color:#fff;	
}

/* 2. Lieferadresse Adresse */
#form_container { border:#FF0000 1px solid;}
p.cx_error {background:#FFE1E1; border:#FF0000 1px solid;  border-left:none; border-right:none; padding:10px; }
table.adresse { width:100%;}
table.adresse td.block1{ padding: 0 0 20px 0;}
table.adresse td.block1 table.formular { width:100%;}
table.adresse td.block1 table.formular .s0 { width:130px; padding:0;}
table.adresse td.block1 table.formular .s1 { padding: 0 0 12px 0;}
table.adresse td.block1 table.formular .s1 input { height:18px;}
table.adresse td.block1 table.formular .s1 select { width:100px;}
table.adresse td.block1 table.formular .s1 .kommentar { font-size:0.8em; color:#666666;}
table.adresse td.block2{}


.form_container_buttons { border:#339900 1px solid; border-left:none; border-right:none; margin:10px 0; width:100%;}
.abschluss { width:100%;}
.abschluss td.zurück { padding:10px; text-align:left; width:50%;}
.abschluss td.weiter { padding:10px; text-align:right;width:50%;}
.abschluss .weiter input {
	float:right; text-decoration:none; color:#666666; 
	padding:6px 10px; 
	background:url(../bilder/back_btn_bestellen.jpg) top left repeat-x; 
	border:#336600 1px  solid;
	color:#fff;
	font-weight:bold;
}

/* 3. Zahlungarten */
.formular { width: 100%; margin:10px 0 0 0;}
.formular .s0 { width:40%;}
.formular .s1 {}
.s1 .zahlungsarten { width:300px; margin:0;}
.s1 .zahlungsarten td {padding: 3px 0;}
.s1 .zahlungsarten td label { margin: 0 0 0 10px;}
#einwilligung { padding:10px; background:#F4F4F4;}
#einwilligung .cbox { float:left; width:30px;}
#einwilligung .text { float:right; width:500px;}

/* 4 Übersicht */

.adressueberblick { width:500px; margin: 10px auto;}
.adressueberblick td { padding:5px;}
.adressueberblick .s0 { font-weight:bold;}
.adressueberblick .s1 {}

/*----------------------------------------------------------------*/
/* Startseite */ 
/*----------------------------------------------------------------*/

table.home img {
	margin: 10px;
}