/* PRELOADER */

#preloadedImages {
margin-left:-3000px;
float:left;
}

/* ALLGEMEINES */

body {margin:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; text-decoration: none; color:#464855; background-color:#fff6dd}
div.seitenbreite {width:985px; margin:0 auto;}

a {color: #0781ea; text-decoration:none}
a:hover {color: #cc8600; text-decoration:none}
h1 {font-size:125%; font-weight:bold}
h2 {font-size:100%; font-weight:bold; text-transform:uppercase; color:#ffffff}
h3 {font-size:100%; font-weight:bold; margin-top:0;}
h1, h2, h3 {margin-bottom:0;}
hr {background-color:#d6e5ee;color:#d6e5ee;height:1px;border-style:none;}
.fehler {font-weight:bold; color:#ff0000}

/* HEAD */

div.breadcrumb-meta {background-image:url(../images/layout/head-dotted.gif); background-position:bottom; background-repeat:no-repeat; width:974px; height:30px; margin-top:5px}
div.breadcrumb {float:left; text-indent:28px; font-size:75%; margin-top:7px}
div.meta {float:right; font-size:75%; margin-top:7px; text-transform:uppercase; margin-right:10px;}
	div.meta a {color:#000000}
	div.meta a:hover {color:#cc8600}
	div.logo {position:absolute; top:11px; left:13px}
	div.siegel {position:absolute; top:-1px; left:784px}
div.header {background:url(../images/layout/header.gif) repeat-x; width:974px; height:124px; position:relative; margin-top:1px;}
div.header-navigation {background-image:url(../images/layout/top-navigation.jpg); background-position:top; background-repeat:no-repeat; width:974px; height:33px; padding-top:1px} 
div.header-navigation-links {float:right; margin-right:10px;}
	div.header-navigation a,
	div.header-navigation div.wkinfo {display:block; height:24px; color:#ffffff; text-transform:uppercase; font-weight:bold; padding-top:7px; float:left} 
	div.header-navigation a:hover{color:#e99d00} 
	div.header-navigation a.normal{font-weight:normal} 
	div.header-navigation .trenner {background-image:url(../images/layout/top-navigation-trenner.jpg); background-position:right; background-repeat:no-repeat; height:31px; width:2px; display:block; float:left; margin:0px 10px 0px 10px} 
	div.warenkorb {background-image:url(../images/icons/warenkorb.jpg); background-position:left; background-repeat:no-repeat; width:15px; height:14px; float:left; margin:9px 5px 0px 0px}
	div.mein-konto {background-image:url(../images/icons/mein-konto.jpg); background-position:left; background-repeat:no-repeat; width:15px; height:12px; float:left; margin:11px 5px 0px 0px} 
	div.header-abschluss {background-image:url(../images/layout/head-dotted.gif); background-position:top; background-repeat:no-repeat; width:974px; height:1px;}

/* NAVIGATION/CATEGORYS */

div.categorys {float:left; width:230px; margin:17px 0px 17px 11px}
	div.categorys h2 {background-image:url(../images/layout/h2-head-blau.jpg); text-indent:16px; padding-top:7px; display:block; background-position:top; background-repeat:no-repeat; width:205px; height:25px; margin:0px}
		div.categorys h2.cat {margin-top:11px}
	div.categorys .searchcontent {background-color:#e0f7ff; border-right:1px solid #ccdae2; border-left:1px solid #ebf8ff; padding:16px; width:171px}
	div.categorys .catcontent {background-color:#e0f7ff; border-right:1px solid #ccdae2; border-left:1px solid #ebf8ff; padding:8px 5px 8px 5px; width:193px}
a.firstinlist {display:block; width:194px; text-indent:11px; color:#3a5968; text-transform:uppercase; border-bottom:1px solid #d1e2ec; font-size:90%; padding:3px 0px 3px 0px}
a.firstinlist:hover {background-color:#f6fcff}
a.inlist {display:block; width:183px; color:#3a5968; text-transform:uppercase; border-bottom:1px solid #d1e2ec; border-top:1px solid #f6fcff; font-size:90%; padding:3px 0px 3px 11px}
a.inlist:hover {background-color:#f6fcff}
a.lastinlist {display:block; width:194px; text-indent:11px; color:#3a5968; text-transform:uppercase; border-top:1px solid #f6fcff; font-size:90%; padding:3px 0px 3px 0px}
a.lastinlist:hover {background-color:#f6fcff}

.warenkorbbutton {display:block;background-image:url(../images/layout/bestellen.gif); background-position:top; background-repeat:no-repeat; width:201px; height:26px; border:0px; cursor:pointer; background-color:transparent}
.warenkorbbutton:hover {background-image:url(../images/layout/bestellen-hover.gif)}

.zurkassebutton {display:block;background-image:url(../images/layout/kasse.gif); background-position:top; background-repeat:no-repeat; width:116px; height:26px; border:0px; cursor:pointer; background-color:transparent;}
.zurkassebutton:hover {background-image:url(../images/layout/kasse-hover.gif);}

.abschliessenbutton {display:block;background-image:url(../images/layout/kaufabschliessen.gif); background-position:top; background-repeat:no-repeat; width:163px; height:26px; border:0px; cursor:pointer; background-color:transparent;}
.abschliessenbutton:hover {background-image:url(../images/layout/kaufabschliessen-hover.gif);}

.speichernbutton {display:block;background-image:url(../images/layout/speichern.gif); background-position:top; background-repeat:no-repeat; width:121px; height:26px; border:0px; cursor:pointer; background-color:transparent;}
.speichernbutton:hover {background-image:url(../images/layout/speichern-hover.gif);}

.wkloeschbutton {display:block;background-image:url(../images/layout/wkloeschen.gif); background-position:top; background-repeat:no-repeat; width:180px; height:26px; border:0px; cursor:pointer; background-color:transparent; }
.wkloeschbutton:hover {background-image:url(../images/layout/wkloeschen-hover.gif);}

.hinzubutton {display:block;background-image:url(../images/layout/hinzubutton.gif); background-position:top; background-repeat:no-repeat; width:124px; height:26px; border:0px; cursor:pointer; background-color:transparent; }
.hinzubutton:hover {background-image:url(../images/layout/hinzubutton-hover.gif);}

.anfordernbutton {display:block;background-image:url(../images/layout/anfordern.gif); background-position:top; background-repeat:no-repeat; width:124px; height:26px; border:0px; cursor:pointer; background-color:transparent; }
.anfordernbutton:hover {background-image:url(../images/layout/anfordern-hover.gif);}

.loginbutton {display:block;background-image:url(../images/layout/einloggen.gif); background-position:top; background-repeat:no-repeat; width:124px; height:26px; border:0px; cursor:pointer; background-color:transparent; }
.loginbutton:hover {background-image:url(../images/layout/einloggen-hover.gif);}

.detailbutton {display:block;background-image:url(../images/layout/detail.gif); background-position:top; background-repeat:no-repeat; width:201px; height:26px; border:0px; cursor:pointer; background-color:transparent; }
.detailbutton:hover {background-image:url(../images/layout/detail-hover.gif);}

.menu1, .menu1:hover  {display:block; width:183px; color:#3a5968; text-transform:uppercase; border-bottom:1px solid #d1e2ec; border-top:1px solid #f6fcff; font-size:90%; padding:3px 0px 3px 11px}
.msel1, .msel1:hover  {display:block; width:183px; color:#3a5968; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #d1e2ec; border-top:1px solid #f6fcff; font-size:90%; padding:3px 0px 3px 11px}

.menu2, .menu2:hover  {display:block; width:179px; color:#3a5968; text-transform:uppercase; border-bottom:1px solid #d1e2ec; border-top:1px solid #f6fcff; font-size:85%; padding:3px 0px 3px 15px}
.msel2, .msel2:hover  {display:block; width:179px; color:#3a5968; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #d1e2ec; border-top:1px solid #f6fcff; font-size:85%; padding:3px 0px 3px 15px}

.menu3, .menu3:hover  {display:block; width:175px; color:#3a5968; text-transform:uppercase; border-bottom:1px solid #d1e2ec; border-top:1px solid #f6fcff; font-size:85%; padding:3px 0px 3px 19px}
.msel3, .msel3:hover  {display:block; width:175px; color:#3a5968; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #d1e2ec; border-top:1px solid #f6fcff; font-size:85%; padding:3px 0px 3px 19px}

.menu4, .menu4:hover  {display:block; width:171px; color:#3a5968; text-transform:uppercase; border-bottom:1px solid #d1e2ec; border-top:1px solid #f6fcff; font-size:85%; padding:3px 0px 3px 23px}
.msel4, .msel4:hover  {display:block; width:171px; color:#3a5968; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #d1e2ec; border-top:1px solid #f6fcff; font-size:85%; padding:3px 0px 3px 23px}

.menu5, .menu5:hover  {display:block; width:167px; color:#3a5968; text-transform:uppercase; border-bottom:1px solid #d1e2ec; border-top:1px solid #f6fcff; font-size:85%; padding:3px 0px 3px 27px}
.msel5, .msel5:hover  {display:block; width:167px; color:#3a5968; font-weight:bold; text-transform:uppercase; border-bottom:1px solid #d1e2ec; border-top:1px solid #f6fcff; font-size:85%; padding:3px 0px 3px 27px}

.menu1:hover, .msel1:hover, 
.menu2:hover, .msel2:hover, 
.menu3:hover, .msel3:hover, 
.menu4:hover, .msel4:hover,
.menu5:hover, .msel5:hover { background-color:#f6fcff; }

div.catabschluss {background-image:url(../images/layout/cat-abschluss.jpg); display:block; background-position:top; background-repeat:no-repeat; width:205px; height:11px; margin:0px}

/* MAIN CONTENT */

div.main-content {width:725px; margin:17px 0px 17px 238px; vertical-align:top;}
	div.main-content h2 {background-image:url(../images/layout/h2-head-gelb.jpg); text-indent:16px; padding-top:7px; display:block; background-position:top; background-repeat:no-repeat; width:725px; height:25px; margin:0px}
		div.main-content h2.nextcontent {margin-top:11px}
	div.main-content .content {background-image:url(../images/layout/content-hintergrund.jpg); padding:8px 18px 8px 18px; width:689px; position:relative;}
	div.main-content .content-schmal {background-image:url(../images/layout/content-hintergrund-schmal.jpg); padding:8px 0px 8px 18px; width:707px; min-height:45px; position:relative}
	div.contentabschluss {background-image:url(../images/layout/content-abschluss.jpg); display:block; background-position:top; background-repeat:no-repeat; width:725px; height:11px; margin:0px}
	div.produktbild {position:absolute; top:13px; left:20px; text-align:center}
	div.contentbild {position:absolute; top:20px; left:30px; padding:1px; background-color:#ffffff; border:1px solid #acb4b8}
	div.normalcontent {margin-left:0px}
		div.normalcontent h1 {margin:10px 0px 0px 0px}
		div.normalcontent .titel {color:#0765d1; font-size:80%; letter-spacing:-1px; text-transform:uppercase; line-height:12px;}
		div.normalcontent a.info {color:#424242; font-style:italic}
	div.slidercontent { padding-left:13px;padding-right:13px;width:665px;position:relative; overflow:hidden;}
		div.content .prevFloat {position: absolute; left:1px; top:55px; display:block; width:12px; height:72px; overflow:hidden}	
		div.content .nextFloat {position: absolute; left:678px; top:55px; display:block; width:12px; height:72px; overflow:hidden}	
	div.productcontent {margin-left:180px}
		div.productcontent h1 {margin:10px 0px 0px 0px}
		div.productcontent h1.nextcontent {margin-top:11px}
		div.productcontent span.price {font-size:130%; color:#ff0000;}
		div.productcontent span.versand {font-size:90%; color:#5e5f63;}
		div.productcontent .bestellen {float:right}

/*	div.produkt-slider {float:left; width:213px; text-align:center; margin:5px 0px 0px 5px}*/
		.produkt-slider .bild {width: 132px; height: 132px; text-align:center; vertical-align: middle;}
		.produkt-slider .bild img {width: 132px;}

		.produkt-slider a.bestellbutton {height:42px; width:209px; display:block; background-image:url(../images/layout/slider-bestellen.gif); background-repeat:no-repeat; position:relative}
		.produkt-slider a.bestellbutton:hover {background-image:url(../images/layout/slider-bestellen-hover.gif);}
			.produkt-slider .bestellbutton span.price {position:absolute; top:7px; left:128px; font-weight:bold; font-size:90%; text-align:center; color:#ff0000; line-height:13px;width:50px; cursor: pointer; }

		.produkt-slider a.bestellbutton2 {height:42px; width:140px; display:block; background-image:url(../images/layout/slider-bestellen2.gif); background-repeat:no-repeat; position:relative}
		.produkt-slider a.bestellbutton2:hover {background-image:url(../images/layout/slider-bestellen2-hover.gif);}
			.produkt-slider .bestellbutton2 span.price {position:absolute; top:7px; left:75px; font-weight:bold; font-size:90%; text-align:center; color:#ff0000; line-height:13px;width:50px; cursor: pointer; }

			.produkt-slider { width: 639px; }
			.produkt-slider td { width: 215px; }
/*		div.produkt-slider a.detaillink {background-image:url(../images/layout/detail-pfeil.gif); background-position:left; background-repeat:no-repeat; padding-left:9px; font-size:80%}*/
	
	div.topprodukt {float:left; width:155px; border-right:1px solid #d6e6ee; border-left:1px solid #f6fcff; padding-left:10px; padding-right:5px; font-size:90%}
		div.topprodukt .topbild {height:132px; width:132px; background-color:#ffffff; border:1px solid #acb4b8; margin-left:10px}
		div.topprodukt span.price {font-size:140%; color:#ff0000;}
		div.topprodukt span.versand {font-size:85%; color:#5e5f63;}
		div.topprodukt a.detaillink {background-image:url(../images/layout/detail-pfeil.gif); background-position:left; background-repeat:no-repeat; padding-left:9px; font-size:90%}

/* FOOTER */

div.footer {font-size:80%; background-image:url(../images/layout/footer.jpg); background-position:bottom; background-repeat:no-repeat; width:974px; height:26px; text-align:center; padding-top:7px}
div.footer-links {width:950px; text-align:center; margin-top:18px}
	div.footer-links a {color:#464855; font-size:90%}
	div.footer-links a.ext {color:#464855; font-size:80%}
	
/*FORMULARE*/

input.searchinput {background-color:#ffffff; border:1px solid #b5b5b5; text-indent:4px; width:168px; height:18px; padding-top:6px; color:#000000; font-size:90%; margin-top:8px}
select.searchselect {background-color:#ffffff; border:1px solid #b5b5b5; width:170px; padding:4px; color:#000000; font-size:90%;}
input.searchbutton {background-image:url(../images/layout/suchen-submit.jpg); background-position:top; background-repeat:no-repeat; width:205px; height:24px; border:0px; cursor:pointer;}
input.searchbutton:hover {background-image:url(../images/layout/suchen-submit-hover.jpg)}
.topproduktbutton {background-image:url(../images/layout/top-produkte-bestellen.gif); background-position:top; background-repeat:no-repeat; width:155px; height:26px; border:0px; cursor:pointer; background-color:transparent}
.topproduktbutton:hover {background-image:url(../images/layout/top-produkte-hover.gif)}

/* SLIDER */

pre
{
	display:block;
	font:12px "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	width:500px;
	overflow:hidden;
}		

.slider ul, .slider li
{
	margin:0;
	padding:0;
	list-style:none;
}
		
.slider, .slider li
{ 
	/* 
		define width and height of container element and list item (slide)
		list items must be the same size as the slider area
	*/

	width:665px;
	overflow:hidden; 
	display:block;
}

.slider li {
  width:639px;
  padding-left: 13px;
  padding-right: 13px;
}

span.prevFloat {float:left; overflow:hidden;}
span.nextFloat {float:right; overflow:hidden;}	
	
/*Login und Kundenkonto */
#tabs {position: absolute; z-index: 99; right: 0px;}

div.tab {background-image:url(../images/icons/mein-konto.jpg); background-position:left; background-repeat:no-repeat; width:15px; height:12px; float:left; margin:11px 5px 0px 0px}
div.tab2 {display:block; height:24px; color:#ffffff; text-transform:uppercase; font-weight:bold; padding-top:7px; float:left} 

/*.big_tab {position: absolute; z-index: 77777; color: #fff; background-image: url(../images/other/tab_bg_act.png); background-position: bottom; padding: 10px 8px; text-shadow: #c0c0c0 3px 3px 5px; height: 74px; }*/
.big_tab {position: absolute; z-index: 77777; color: #fff; background: url(../images/other/tab_bg_act.png) left bottom repeat-x #017bff; padding: 10px 8px; text-shadow: #c0c0c0 3px 3px 5px; } 
.big_tab_sfoot_left {position: absolute; left: 0px; bottom: 0px; background-image: url(../images/other/tab_bg_sfoot_li.png); height: 3px; width: 3px;}
.big_tab_sfoot_right {position: absolute; right: 0px; bottom: 0px; background-image: url(../images/other/tab_bg_sfoot_ri.png); height: 3px; width: 3px;}
.big_tab_foot_left {position: absolute; left: 0px; bottom: 0px; background-image: url(../images/other/tab_bg_foot_li.gif); height: 15px; width: 10px;}
.big_tab_foot_right {position: absolute; right: 0px; bottom: 0px; background-image: url(../images/other/tab_bg_foot_ri.gif); height: 15px; width: 10px;}
.big_tab .input_text {width: 150px; border: none; background-color: transparent; height: 18px; margin-left: 10px;  background-image: url(../images/other/input_bg.png); background-repeat: no-repeat; text-align: center;}
.big_tab table {padding: 0px; margin: 0px; color: #fff; font-size: 1em;}
.userlogin {width: 155px;}
.hidden {display: none;}
.text-shadow {text-shadow: #c0c0c0 3px 3px 5px;}
#login_field a {color: #fff; font-weight:bold;}
/*#login_field .userlinkkundenkonto {float: left;}
#login_field .logout {float: right;}*/

/* neue Stile */

.dimage {
	border: 1px solid gray;
	background-color: white;
	padding: 0;
	margin-left: 5px;
	margin-top: 5px;
	float: left;
	width: 170px;
}

.dimage img {
	border: 0;
	width: 150px;
}

.warn { font-color: red; }

table.anpassen {
	width: 100%;
	border: 1px solid gray;
	background-color: white;
}

table.anpassen select, table.anpassen input {
	width: 120px;
}

table.anpassen td {
	border-top: 1px solid gray;
	vertical-align: middle;
}

div.topprodukt .topbild {
	vertical-align: middle;
	height: 132px;
	width: 132px;
}

div.topprodukt .topbild a {
	display: block;
}

div.topprodukt .topbild img {
	width: 132px;
	border: 0;
}

.navheader {
	background-image: url(../images/layout/h2-head-gelb.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 725px;
	height: 32px;
	margin: 0px;
}

.navheader a, .navheader a:hover {
	color: white;
}

.navheader table {
	width: 100%;
	border: none;
	height: 30px;
	padding: 0 15px 0 15px;
	text-transform: uppercase;
}

.cl, .cr, .cf {
	height: 0;
	font-size: 1px;
	line-height: 0;
	padding: 0;
	margin: 0;
}

.cl { clear: left; }
.cr { clear: right; }
.cf { clear: both; }

img {
	border: 0;
}

.thumb {
	padding: 0;
	border: 1px solid #CCCCCC;
	background-color: white;
	overflow: hidden;
	text-align: left;
}

.thumb, .thumb a {
	display: block;
}

.thumb img {
	visibility: hidden;
}

.xs { font-size: 10px; }
.inlineforms form { display: inline; }

input.chgcart {
	width: 28px;
	height: 26px;
	background-image: url(../images/layout/aktualisieren.gif);
}

input.chgcart:hover {
	background-image: url(../images/layout/aktualisieren-hover.gif);
}

.weitereseiten .ws_brackets {
	display:none;
}

.weitereseiten .ws_active, .weitereseiten .ws_inactive, .weitereseiten .ws_navi {
	background-image: url(../images/layout/seite.gif);
	background-repeat: repeat-x;
	border: 1px solid #777777;
	line-height: 12px;
	font-size: 11px;
	padding-left: 3px;
	padding-right: 3px;
	color: #000000;
}

.weitereseiten .ws_active {
	border-color: #cc0000;
	color: #cc0000;
}

/*
.shipping {
	border: none;
	width: 14px;
	height: 14px;
	background-image: url(../images/layout/ampel.gif);
	background-repeat: no-repeat;
	vertical-align:text-bottom;
}

.shipping-green { background-position: 0px 0px; }
.shipping-yellow { background-position: -14px 0px; }
.shipping-red { background-position: -28px 0px; }
.shipping-unknown { background-position: -42px 0px; }
*/

table.infotab td { vertical-align: middle; }
table.infotab a { white-space: nowrap; }

table.ratingavg td { white-space: nowrap; }
span.norating { font-style: italic; }

div.sortierer table { position:relative; }
div.sortierer select { width: 215px; }

/*.printpreis { font-size: smaller; }*/
.preis { color: red; font-size: 120%; font-weight: bold; }
.versand { white-space: nowrap; }

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

table.fulltab { border: 0; width: 100%; }
table.fulltab td { vertical-align: top; }

.gesamtpreis { color: red; font-weight: bold; }
.rabatt { color: green; }

input.loginsubmit { width: 23px; height: 22px; background-image: url(../images/other/submit_login.png); }
.highlight { color: #ffffff; font-weight: bold; }
.price { font-size: 120%; }

.zahlarten_detailseite {
    padding:0px 0px 0px 10px;
}
.zahlarten_detailseite ul {
    margin:0px; padding:5px 0px 5px 20px; 
    list-style-image:url(../images/layout/haken_gruen_listicon.gif);
}
.zahlarten_detailseite ul li {
    font-weight:bold;
}