/* - -- --- ---- ----- RESET ----- ---- --- -- - */

body, h1, h2, h3, h3, h4, h5, h6, p, ul, ol, li, form, input, img {
	border:0;
	margin:0;
	padding:0;
	border:none;
}

/* - -- --- ---- ----- Basis Styles ----- ---- --- -- - */

body {
	font:normal 11px verdana;
	color:#666666;
}


h1 {
	font:bold 12px arial;
	letter-spacing:2px;
	/* color:#526383; */
	color:#7f2a0d;
	padding:0 0 3px 0;
	margin:0 0 12px 0;
	border-bottom:2px solid #f3f3f3;
}

h2 {
	font:bold 12px arial;
	letter-spacing:1px;
	color:#7f2a0d;
	padding:0 0 15px 0;
}

h3 {
	font:bold 11px arial;
	letter-spacing:1px;
	color:#7f2a0d;
}

a {
	color:#7f2a0d;
	/* text-decoration:underline; */
}

a.dot {
	text-decoration:none;
	border-bottom:1px dotted #7f2a0d;
	/* color:#526383; */
	color:#7f2a0d;
}



#C {
	width:1015px;
	margin:10px auto;
	background:url(/img/bgr.gif) repeat-y;
}

.clear {
	clear:both;
}

span.s {
	font-size:10px;
}

#head {
	height:80px;
	background:#ffffff;
	position:relative;
}

#logo {
	position:absolute; 
	left:0px; 
	top:8px;
}

#subtitle {
	position:absolute; 
	left:95px; 
	top:21px; 
	font:bold 11px arial; 
	color:#999999; 
	letter-spacing:2px;
}

#slogan {
	position:absolute; 
	left:95px; 
	top:38px; 
	font:normal 9px verdana; 
	color:#aaaaaa; 
	letter-spacing:1px;
}

#kekse {
	position:absolute; 
	left:460px; 
	top:27px; 
	font:bold 11px arial; 
	letter-spacing:2px;
	background:url(/img/plus.gif) no-repeat 0px 3px; 
	padding-left:20px;
	/* border-bottom:1px dotted; */
}

#spielideen {
	position:absolute; 
	left:720px; 
	top:27px; 
	font:bold 11px arial;  
	letter-spacing:2px;
	background:url(/img/plus.gif) no-repeat 0px 3px; 
	padding-left:20px;
	/* border-bottom:1px dotted; */
}

#spielideen a, #kekse a {
	text-decoration:none;
	border-bottom:1px dotted #b3b3b3;
	color:#b3b3b3;
}

#spielideen a:hover, #kekse a:hover {
	text-decoration:none;
	border-bottom:1px dotted #7f2a0d;
	color:#7f2a0d;
}

#vdots {
	position:absolute; 
	left:80px; 
	top:17px;
	width:3px;
	height:41px;
	background:url(/img/vdots.gif) no-repeat;
}

#wdr, #agbs { margin:10px; }
.intro #wdr, #agb #agbs { margin:0; }

/* - -- --- TABS --- -- - */

#tabs {
	height:75px;
	background:url(/img/tabs.jpg) no-repeat #ffffff -1px 0px;
	position:relative;
}

#tabshop,
#tabservice,
#tabgalerie {
	position:absolute;
	font:bold 11px arial; 
	color:#a3a3a3; 
	letter-spacing:2px;
}

#tabshop {
	/* left:38px; */
	left:43px; 
	top:26px; /*
	top:16px; 
	color:#787878; */ 
}

#tabservice {
	left:240px; 
	top:13px;
}

#tabgalerie {
	left:434px; 
	top:13px;
}

#tabshop a { 
	/* color:#787878;  */
	text-decoration:none;
	border-bottom:1px dotted #7f2a0d;
	color:#7f2a0d;
}

#tabservice a,
#tabgalerie a { 
	color:#a3a3a3; 
	text-decoration:none;
}

#tabshop a:hover,
#tabservice a:hover,
#tabgalerie a:hover { 
	border-bottom:1px dotted #7f2a0d;
	color:#7f2a0d;
}

#pfad {
	position:absolute; 
	left:220px; 
	top:45px; 
	font:normal 10px verdana;
	color:#999999;
	letter-spacing:1px;
}

#pfad a {
	color:#999999;
	text-decoration:none;
	/* border-bottom:1px dotted #aaaaaa; */
}

#tabcart {
	position:absolute; 
	right:35px; 
	top:32px; 
	/* border:1px solid red; */
	width:170px;
	height:28px;
	text-align:center;
	letter-spacing:1px; 
	font:normal 10px verdana; 
	color:#999999;
}

img#gocart {
	position:absolute; 
	right:-14px; 
	top:20px;
}

#tabcart div.fullcart {
	letter-spacing:2px; 
	font:bold 10px verdana; 
	text-align:center;
}


#versandimg {
	position:absolute;
	right:10px;  
	top:75px; 
}

/* - -- --- CONTENT --- -- - */

#L {
	float:left;
	width:250px;
	/* border:1px solid red; */
	position:relative;
}

#R {
	float:right;
	width:700px;
	/* padding-top:20px;
	border:1px solid red; */
	position:relative;
	margin-right:50px;
}

#content {
	padding:20px 0;
}

#intro, .txt, .infotxt {
	text-align:justify;
	font:normal 12px arial;
	line-height:170%;
	padding-bottom:40px;
	letter-spacing:1px;
}

#markenbox {
	float:right; 
	width:185px; 
	height:561px; 
	background:url(/img/bgr-markenbox.gif) no-repeat; 
	text-align:center;
	margin-right:5px;
}

#markenbox img {
	margin:20px 0 10px 0;
}


.kattxt {
	margin:0 0 20px 0; 
	line-height:170%; 
	text-align:justify;
}


/* - -- --- index: Banner-Rotation --- -- - */

#banner {
	width:700px; 
	height:141px; 
	overflow:hidden; 
	background:url(/img/schatten.gif) bottom left no-repeat; 
	position:absolute; 
	top:36px; 
	left:0px;
}

#banner h2 {
	display:inline;
	font-size:11px;	
	padding-bottom:0px;
	margin:0;
}

/* - -- --- Menu --- -- - */
#menubar {
	position:absolute; top:0px; left:-9px; width:32px; height:100px;
}

#mb1 {
	position:absolute; top:0px; left:-1px; width:32px; height:20px; background:url(/img/menu.v2.gif) no-repeat;
}
#mb2 {
	position:absolute; top:20px; left:-1px; width:32px; height:260px; background:url(/img/menu.v2b.gif) repeat-y;
}
#mb3 {
	position:absolute; top:280px; left:-1px; width:32px; height:20px; background:url(/img/menu.v2.gif) no-repeat left bottom;
}


/* - -- --- Navigation --- -- - */

ul.navl {
	list-style:none; 
	margin:0 0 23px 30px;
}

ul.navl li {
	padding:0 0 7px 0; 
	font:bold 10px verdana;
}

ul.navl a {
	text-decoration:none;
	border-bottom:1px dotted #7f2a0d;
	color:#7f2a0d;
}



/* - -- --- DETAILSEITE: BILDER --- -- - */

#produktbilder {
	width:400px;
	float:left;
}

/* #imgwrapper {
	position:relative;
	width:400px;
	height:250px;
	overflow:hidden;
	margin:0 0 20px 0;
}

#produktbild {
	background:url(/img/loader.gif) no-repeat center center;
}

#produktbild img {
	border:none;
	height:250px;
	width:400px;
}

#thumbs { */
	/* padding:10px 0 0 0; */
/* }

#thumbs img {
	border:2px solid #e0e0e0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
   -khtml-border-radius:3px;
   border-radius:3px; */
	/* width:50px;
	height:36px; */
/* 	margin-right:7px;
} */
/* 
.carousel-box1, .carousel-box2 {
	position:relative; */
	/* border:1px solid red; */
/* }

.carousel-box1 #btnz, 
.carousel-box1 #btnv,
.carousel-box2 #btnz, 
.carousel-box2 #btnv {
	position:absolute;
}
.carousel-box1 #btnv {
	right:0px;
	top:9px;
}
.carousel-box1 #btnz {
	right:20px;
	top:9px;
} */

/* .carousel1 li img {
	border:2px solid #e0e0e0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
   -khtml-border-radius:3px;
   border-radius:3px;
}

.carousel2 { */
	/* margin-left:50px;
	border:1px solid red; */
/* }
.carousel2 li { */
	
	/* border:1px solid green; */
/* }

.carousel-box2 #btnv {
	right:0px;
	top:60px;
}
.carousel-box2 #btnz {
	left:0px;
	top:60px;
} */

.wt-gallery {
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	/* background-color:red; */
	width:400px;
	height:300px;
/* border:1px solid #000;
	padding:0px; */
	text-align:center;
	overflow:hidden;
}

.wt-gallery a {
	outline:none;
}

.wt-gallery .main-screen{
	position:relative;
	clear:both;
/* 	background-color:green;
border:1px solid red; */
	width:400px;
	height:300px;
	overflow:hidden;
	margin:0 auto;
}

.wt-gallery .main-img {
	display:none;
	position:absolute;
	top:0;
	left:0;
	border:0;
	z-index:0;
	width:400px;
	height:250px;
}

.wt-gallery .preloader{
	background:url(/img/loader.gif) center no-repeat;
	position:absolute;
	top:50%;
	left:50%;
	width:16px;
	height:16px;
	margin-top:-18px;
	margin-left:-18px;
	display:none;
	z-index:3;
}

.wt-gallery .desc,
.wt-gallery .info,
.wt-gallery .thumbnails li div p{
/* color:#FFF;
background-color:#000; */
	font-size:12px;
	text-align:left;
	position:absolute;
	left:0;
	z-index:4;
	width:100%;
	overflow:hidden;
	visibility:hidden;
}
.wt-gallery .info{
	height:0px;
}
.wt-gallery .inner-text {
	padding:8px;
}
.wt-gallery #timer{
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:100%;
	visibility:hidden;
	/* background-color:#666;
	filter:alpha(opacity=50);
	opacity:.5; */
	z-index:1;
}
.wt-gallery .inner-info{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:20px;
	line-height:20px;
	text-align:center;
	z-index:2;
}
.wt-gallery #prev-btn,
.wt-gallery #next-btn{
	display:block;
	width:28px;
	height:28px;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-14px;
	z-index:5;
	cursor:pointer;
	visibility:hidden;
}
.wt-gallery #prev-btn{
	background:#000 url(/img/arrz.png) center no-repeat;
	background:rgba(0,0,0,.75) url(/img/arrz.png) center no-repeat;
}
.wt-gallery #next-btn{
	background:#000 url(/img/arrv.png) center no-repeat;
	background:rgba(0,0,0,.75) url(/img/arrz.png) center no-repeat;
}
.wt-gallery .cpanel{
	position:relative;
	clear:both;
	width:400px;
	height:auto;
	margin:0;
	/* border:1px solid green; */
}
.wt-gallery .thumbnails{
	position:relative;
	width:400px;
	height:auto;
	float:left;
	overflow:hidden;
	z-index:1;
	/* border:1px solid yellow; */
}
.wt-gallery .thumbnails ul{
	list-style:none;
	position:relative;
	width:9999999px;
	height:auto;
	margin:0;
	padding:0;
	z-index:0;
}
.wt-gallery .thumbnails li{
	display:block;
	position:relative;
	float:left;
	margin-right:5px;
}
.wt-gallery .thumbnails li div {
	position:relative;
	float:left;
	width:50px;
	height:36px;
/* 	background-color:blue;
border:1px solid #000; */
	border:2px solid #e0e0e0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
   -khtml-border-radius:3px;
   border-radius:3px;
	margin-top:10px;
	overflow:hidden;
}
.wt-gallery .thumbnails li div p{
	width:auto;
	height:auto;
	border:0;
	margin:0;
	padding:2px;
	z-index:1;
	visibility:visible;
}
.wt-gallery .thumbnails li div img{
	position:absolute;
	top:0;
	left:0;
	border:0;
	z-index:0;
	width:50px;
	height:36px;
}
.wt-gallery li.curr-arrow{
	background:url(/assets/selected_arrow.png) center 2px no-repeat;
}
.wt-gallery li.curr div,
.wt-gallery li div.thumb-over{
	/* border-color:#09F; */
}
.wt-gallery div.data{
	display:none;
}
.wt-gallery #thumbs-back,
.wt-gallery #thumbs-fwd{
	float:left;
	position:relative;
	width:22px;
	height:40px;
	cursor:pointer;
	background-color:blue;
}
.wt-gallery #thumbs-back{
	background:url(/img/arrz.png) no-repeat center;
}
.wt-gallery #thumbs-fwd{
	background:url(/img/arrv.png) no-repeat center;
}
.wt-gallery .cbar{
	position:relative;
	clear:both;
	height:20px;
}
.wt-gallery .index,
.wt-gallery .index-hl{
	position:relative;
	display:inline-block;
	width:12px;
	height:12px;
	padding:4px 0;
}
.wt-gallery .index{
	background:url(/assets/circle.png) center no-repeat;
	cursor:pointer;
}
.wt-gallery .index-hl{
	background:url(/assets/circlefill.png) center no-repeat;
	cursor:default;
}

.wt-gallery .thumb-info{
	position:absolute;
	top:0;
	right:0;
	height:20px;
	line-height:20px;
	font-size:11px;
	color:#000;
}

.wt-gallery .vpiece,
.wt-gallery .hpiece{
	position:absolute;
	z-index:2;
}

#gallery-tooltip{
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
}

.txt-up{
	margin-left:-10px;
	margin-bottom:5px;
	background:url(/assets/tail.png) no-repeat;
	background-position:10px bottom;
	background-position-x:10px;
	background-position-y:bottom;
}

.txt-down{
	margin-left:-10px;
	margin-top:24px;
	background:url(/assets/rev_tail.png) no-repeat;
	background-position:10px top;
	background-position-x:10px;
	background-position-y:top;
}

#gallery-tooltip .tt-txt{
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#FFF;
	background-color:#000;
	max-width:300px;
	padding:4px;
	margin:8px 0;
}

.wt-gallery .desc,
.wt-gallery .info,
.wt-gallery .thumbnails li div p{
	/* background-color:rgba(0,0,0,.75) !important; */
}


/* - -- --- DETAILSEITE: Scroller empfohlene Produkte --- -- - */

.wt-scroller{
position:relative;	
display:block;
font-family:Arial,Helvetica,sans-serif;
background-color:#ffffff;
width:700px;
height:100px;
padding:10px 0 20px 0;

}
.wt-scroller .slides{
position:relative;
width:700px;
height:100px;
float:left;
overflow:hidden;
z-index:1;
}
.wt-scroller .slides ul{
list-style:none;
position:relative;
width:99999px;
margin:0;
padding:0;
z-index:0;
overflow:hidden;
}
.wt-scroller .slides ul li{
position:relative;
display:block;
float:left;
overflow:hidden;
width:300px;
height:200px;
}
.wt-scroller .slides ul li img{
position:absolute;
top:0;
left:0;
z-index:0;
border:0;
}
.wt-scroller .slides ul li p{
position:absolute;
top:0;
left:0;
z-index:1;
color:#FFF;
font-size:12px;	
width:290px;
padding:5px;
margin:0;
visibility:hidden;
}
.wt-scroller .outside{
background-color:#222;
}
.wt-scroller .inside{
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
background-color:rgba(0,0,0,0.75);
}
.wt-scroller .prev-btn,
.wt-scroller .next-btn{
float:left;
position:relative;
width:35px;
height:200px;	
cursor:pointer;
}
.wt-scroller .prev-btn{
background:url(/img/arrz.png) center no-repeat;
}
.wt-scroller .next-btn{
background:url(/img/arrv.png) center no-repeat;
}
.wt-scroller .lower-panel{
display:block;
position:relative;
clear:both;
text-align:center;
font-size:0;
}
.wt-scroller .scroll-bar{
position:relative;
background-color:#999;
background:-moz-linear-gradient(top, #999 0%, #666 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(100%,#666));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666', GradientType=0);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
width:100%;
height:5px;
cursor:pointer;
overflow:hidden;
}
.wt-scroller .thumb{
position:absolute;
top:0;
left:0;
width:100px;
height:5px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background-color:#FFF;
background:-moz-linear-gradient(top, #FFF 0%, #CCC 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(100%,#CCC));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#CCCCCC', GradientType=0);
}
.wt-scroller .index,
.wt-scroller .index-hl{
position:relative;
display:inline-block;
width:7px;
height:7px;
margin:0 4px;
background-image:url(assets/circle.png);
background-repeat:no-repeat;
}
.wt-scroller .index{
background-position:0 0;
cursor:pointer;
}
.wt-scroller .index-hl{
background-position:-7px 0;
cursor:default;
}

/* - -- --- DETAILSEITE: warenkorb --- -- - */

#buyme {
	width:280px;
	float:right;
	font-size:11px;
	/* border:1px solid red; */
}


#buyme div.preis {
	padding:10px 0 0 0;
	float:right;
	text-align:right;
	font:normal 10px verdana;
	color:#999999;
}
/*  
#buyme div.preis {
	padding:10px 0 0 0;
	font:bold 12px arial;
	letter-spacing:1px;
	color:#ff7f00;
	float:right;
	text-align:right;
}
 */
#buyme div.preis span.grundpreis {
	font:normal 10px verdana;
	color:#999999;
	letter-spacing:0px;
}

#buyme div.preis span.normalpreis {
	font:bold 12px arial;
	letter-spacing:1px;
	color:#ff7f00;
}

#buyme div.preis div.normalpreis2 {
	margin-top:5px;
}

#buyme div.preis div.normalpreis2 span {
	text-decoration:line-through;
	color:red;
}

#buyme div.preis div.normalpreis2 .nostrike {
	text-decoration:none;
	color:#999999;
}

#buyme div.preis span.normalpreis2 {
	text-decoration:line-through;
	color:red;
}

#buyme div.preis span.sonderpreis {
	font:bold 12px arial;
	letter-spacing:1px;
	color:#ff7f00;
}

#buyme div.artikelnummer {
	padding:10px 0 0 10px;
	font:bold 11px arial;
	letter-spacing:1px;
	color:#cccccc;
	float:left;
}

#buyme div.gocart {
	padding:20px 0 0 0;
	font:normal 10px verdana;
	color:#999999;
	text-align:right;
}

#buyme div.gocart a {
	text-decoration:none;
	margin-left:20px;
}

#buyme div.gocart a:hover {
	text-decoration:underline;
}

#buyme div.extra {
	padding:10px 0 0 0;
	font:normal 10px verdana;
	color:#999999;
	text-align:right;
	line-height:14px;
}

#select1, #select2, .vert, .absenden {float:right;}

#select1 {
	background:url(/img/bgr-fasttrack-menge.gif) no-repeat;
	padding:13px 5px 11px 20px;
}

#select2 {
	background:url(/img/bgr-fasttrack-artikel.gif) repeat-x;
	padding:13px 5px 11px 5px;
}

.vert {
	background:url(/img/bgr-fasttrack-div.gif) no-repeat;
	width:16px;
	height:45px;
}

.absenden {
	background:url(/img/bgr-fasttrack-warenkorb.gif) no-repeat right top;
	width:70px;
	height:45px;
}

/* Hide lists on page load */
.stylish-select ul.newList {left:-9999px;}

/* ... */
#select1 .newListSelected {
	background:#ffffff url(/img/x.gif) no-repeat scroll right center; 
	color:#666666; 
	height:17px; 
	padding:0; 
	width:30px;
}
#select1 .newListSelected div {	
	display:block;
	width:30px;
	cursor: hand; cursor: pointer;
}
#select1 ul.newList {
	list-style:none; 
	color:#666666; 
	width:30px; 
	background:#ffffff; 
	border:1px solid #cccccc; 
	top:22px; 
	left:0; 
	height:auto; 
	overflow:auto;  
	position:absolute; 
	z-index:9999;
}
#select1 ul.newList li {
	padding:0px 3px!important;
}
#select1 .hiLite { }
#select1 .newListHover {
	background:#cccccc !important; 
	color:#000000 !important; 
	cursor: hand; cursor: pointer;
}
#select1.newListSelHover { cursor:default; }
#select1 .newListSelHover, #select1 .newListSelFocus { }
#select1 .newListSelHover div, #select1 .newListSelFocus div { }

#select1 a { 
	text-decoration:none;
	display:block;
	color:#666666;	
	padding:5px 2px;
}



#select2 .newListSelected {
	background:#ffffff url(/img/dropdown.gif) no-repeat scroll right center; 
	color:#666666; 
	height:17px; 
	padding:0; 
	width:110px;
}
#select2 .newListSelected div {
	display:block;
	width:130px;
	cursor: hand; cursor: pointer;
}
#select2 ul.newList {
	list-style:none; 
	color:#666666; 
	width:130px; 
	background:#ffffff; 
	border:1px solid #cccccc; 
	top:22px; 
	left:0; 
	height:auto; 
	overflow:auto; 
	position:absolute; 
	z-index:9999;
}
#select2 ul.newList li {
	padding:0px 3px!important; 
}
#select2 .hiLite { }
#select2 .newListHover {
	background:#cccccc !important; 
	color:#000000 !important; 
	cursor: hand; cursor: pointer;
}
#select2 .newListSelHover { cursor:default; }
#select2 .newListSelHover, #select2 .newListSelFocus { }
#select2 .newListSelHover div, #select2 .newListSelFocus div { }

#select2 a { 
	text-decoration:none;
	display:block;
	color:#666666;	
	padding:5px 2px;
}

.blass {
color:red;
 }

#geschwister {
	padding-top:40px; 
	text-align:right;
}

#geschwister span {
	font:bold 11px arial;
	letter-spacing:1px;
	color:#526383;
}

#geschwister ul {
	padding-top:10px;
	list-style:none;
}

#geschwister ul li {
	list-style:none;
	display:inline;
	margin-left:15px;
}

#geschwister ul img {
	border:none;
	width:50px;
	height:36px;
}


#beschreibung {
	padding-top:30px;
}

#beschreibung p, #marken p, .modal p {
	padding-bottom:25px;
	text-align:justify;
	font:normal 12px arial;
	line-height:170%;
	letter-spacing:1px;
}

#beschreibung .L70 {
	float:left;
	width:430px;
	/* border:1px solid red; */
}

#beschreibung .L50 {
	float:left; 
	width:340px;
	/* border:1px solid red; */
}

#beschreibung .L30 {
	float:left; 
	width:230px;
	/* border:1px solid red; */
}

#beschreibung .R70 {
	float:right;
	width:430px;
	/* border:1px solid red; */
}

#beschreibung .R50 {
	float:right; 
	width:340px;
	/* border:1px solid red; */
}

#beschreibung .R30 {
	float:right; 
	width:230px;
	/* border:1px solid red; */
}


#frame {
	/* background:url(/img/loader.gif) no-repeat center center; */
	border:4px solid #cccccc;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	/* width:268px;
	height:180px;
	overflow:hidden;	
	position:relative; */
	float:right;
}

img.brdr {
	border:4px solid #cccccc;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}


table.techdata {
   font-family:arial;
   padding:0;
   margin:10px 0 30px 0;
   font-size:12px;
}

table.techdata td.spec {
	vertical-align:top;
   padding:0 30px 10px 0;
   font-weight:bold;
}

table.techdata td.val {
	vertical-align:top;
   padding:0 0 10px 0;
}

table.techdata ul {
   margin:0 0 0 14px; 
   padding:0;
}

table.techdata li {
   padding:0 0 3px 0;
   line-height:150%;
}


.tipp {
	font:normal 13px verdana;
	text-align:justify;
	line-height:170%;
	padding:12px 10px;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin:0 0 30px 0;
}

.s {
	font:normal 10px verdana;
}










#produkttabelle {
	margin:20px 0 30px 0;
	font-size:11px;
}

#produkttabelle table {
	width:100%;
}

#produkttabelle table table {
	width:175px;
}

#produkttabelle .hl {
	font:bold 10px verdana;
	color:#999999;
	border-bottom:none;
}

#produkttabelle td {
	padding:5px 30px 8px 0;
	border-bottom:1px solid #cccccc;
}

#produkttabelle td td {
	padding:0; 
	margin:0; 
	border-bottom:none;
}

#produkttabelle .bestellnr {
	color:#999999;
}

#produkttabelle span.sonderpreis {
	color:red;
	text-decoration:line-through;
}

#produkttabelle .order {
	text-align:right;
	padding-right:0px;
	font:normal 10px verdana;
	letter-spacing:1px;
	color:#787878;
}

#produkttabelle .order a {
	font:bold 10px verdana;
	letter-spacing:1px;
	color:#517700;
	text-decoration:none;
	padding:2px 0 2px 50px;
	background:url(/img/addtocart_S0.gif) no-repeat;
}

#produkttabelle .order a.na {
	color:#787878;
	text-decoration:underline;
	padding:2px 0;
	background-image:none;
}

#produkttabelle .order div.abs {
	width:175px;
	float:right;
}

#produkttabelle .order form {
	margin:0;
	padding:0;
}

#produkttabelle .order input.anzahl {
	font:normal 10px verdana;
	border:1px solid #cccccc;
	width:20px;
	margin:0 5px 0 0;
	color:#666666;
}

#produkttabelle .order input.btn-submit {
	width:112px; 
	height:17px; 
	border:none;
}

#produkttabelle .termin {
	text-align:center;
	padding:5px 5px 8px 5px;
}

#produkttabelle .hinweise {
	text-align:right; 
	padding-top:5px; 
	font:normal 10px verdana;
}

#legende {
	float:right;
}

#legende td {
	padding:5px;
}

#legende img {
	margin-left:30px;
}



/* - -- --- WARENKORB --- -- - */

#cart {
	/* border:1px solid red; */
}

#shoppingcart {
	/* margin-top:20px; */
}

#shoppingcart td.tblhead {
	padding:0 0 10px 0;
	font-weight:bold;
}

#shoppingcart td.tblinfo {
	padding:0 0 20px 0;
	/* height:50px; */
	font-weight:bold;
	text-align:center;
	color:#ff7f00;
}

#shoppingcart td.tblrow {
	padding:0 0 10px 0;
}

#shoppingcart td.tblrow a {
	color:#666666;
}

#shoppingcart td.gutschein {
	padding:20px 0 10px 0;
}

#shoppingcart td.gutschein td {
	padding:0 15px 0 0;
}

#shoppingcart input.menge {
	font-size:10px;
	border:1px solid #cccccc;
	padding:2px;
}

#shoppingcart input.gutschein {
	font-size:11px;
	border:1px solid #cccccc;
	padding:2px;
}


#shoppingcart td.zwischensumme {
	padding:0 0 10px 0;
	font-weight:bold;
}


#shoppingcart td.versandkosten {
	padding:0 0 10px 0;
}

#shoppingcart td.bestellsumme {
	font-weight:bold;
}

/* - -- --- WARENKORB: popup --- -- - */

#cartinfo {
	width:590px;
	height:150px;
	background:url(/img/bgr_warenkorbpopup.jpg) no-repeat;
	position:relative;
}

#cartinfo .modalcheckout {
	position:absolute;
	top:120px;
	left:120px;
	font:normal 11px arial;
	letter-spacing:2px;
}

#cartinfo .modalcheckout a {
	color:#787878;
	border-bottom:1px dotted #787878;
	text-decoration:none;
}

#cartinfo .modalclose {
	position:absolute;
	top:10px;
	right:0px;
}

#cartinfo .modalgoon {
	position:absolute;
	top:70px;
	left:420px;
	font-weight:bold;
	letter-spacing:2px;
	font-family:arial;
}

#cartinfo .modalgoon a {
	color:#3c4860;
	border-bottom:1px dotted #3c4860;
	text-decoration:none;
}

.vorschlaege {
	margin:10px 10px 0 10px;
	border-top:2px solid #efefef;
	padding-top:5px;
}

.modalhint div.vorschlag {
	float:left;
	width:170px;
	height:120px;
	/* border:1px solid #cccccc; */
}

.modalhint div.right {
	width:188px;
	margin-left:15px;
	background:url(/img/divider.gif) no-repeat -2px -10px;
}

.modalhint img {
	border:none;
	margin:10px 0 0 30px;
	width:120px
}

.modalhint div.hl a {
	font:bold 10px verdana;
	color:#526383;
	letter-spacing:1px;
	text-decoration:none;
}

.modalhint div.right img {
	margin-left:48px;
}

.modalhint div.right div.hl {
	padding-left:18px;
}

/* ##### checkout #####  */

.steps {
	width:700px;
	height:80px;
	background:url(/img/steps.v1.gif) no-repeat 0px 8px;
	/* margin:-10px 0 0 0; */
	position:relative;
	font:bold 10px verdana;
	letter-spacing:2px;
	color:#aaaaaa;
	/* border:1px solid red; */
	margin-top:20px;
}

.steps a {
	color:#aaaaaa;
	text-decoration:none;
	border-bottom:1px dotted #aaaaaa;
}

.steps span.aktiv {
	color:#7f2a0d;
}

table#checkoutADRESSE {
	width:700px;
	/* border:1px solid red;
	margin:0 0 0 75px; */
}

#checkoutADRESSE td.param {
	padding:8px 0 10px 0;
	vertical-align:top;
	width:100px;
}

#checkoutADRESSE td.val {
	vertical-align:top;
	padding-bottom:10px; 
}

#checkoutADRESSE td.val input.breit {
	width:550px;
	border:1px solid #cccccc;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#ffffff;
	margin:5px 0 0 0;
	padding:3px 7px;
	font:normal 11px verdana;
	color:#666666;
}

#checkoutADRESSE td.val input.schmal {
	width:100px;
	border:1px solid #cccccc;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#ffffff;
	margin:5px 0 0 0;
	padding:3px 7px;
	font:normal 11px verdana;
	color:#666666;
}

#checkoutADRESSE textarea.hinweise {
	width:550px;
	height:80px;
	border:1px solid #cccccc;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#ffffff;
	margin:5px 0 0 0;
	padding:3px 7px;
	font:normal 11px verdana;
	color:#666666;
}


/* - -- --- FOOT --- -- - */

#foot {	
	background:#ffffff url(/img/bottom.gif) no-repeat left -40px; 
	margin-bottom:50px;
	text-align:left;
	color:#999999;
}

#foot a {
	color:#999999;
	text-decoration:none;
}

#foot a:hover {

}

#foot a.fett {
	font:bold 10px verdana;
}


#copyright {
	float:left;
	padding:0 0 0 20px;
	font-size:10px;
}

#footerinfo {
	float:right;
	padding:0 20px 0 0;
}

#netzwerk {
	/* border:1px solid red; */
	padding:20px 0 20px 0;	
	text-align:right;
	line-height:20px;
	color:#999999;
}

#netzwerk a {
	color:#acacac;
	text-decoration:none;
}

#netzwerk a:hover {
	color:#999999;
	text-decoration:underline;
}


/* - -- --- ---- ----- Grafiken abrunden ----- ---- --- -- - */

.corner_ur, .corner_ul, .corner_or, .corner_ol {
	background:transparent url('/img/rounded.png') no-repeat;
	display: block;
	width:5px;
	height:5px;
	position: absolute;
	z-index: 10;
}

.corner_ur { 
	background-position: bottom right; 
	bottom:0; 
	right:0;
}
.corner_ul { 
	background-position: bottom left;
	bottom:0; 
	left:0; 
}
.corner_or { 
	background-position: top right; 
	top:0; 
	right:0;
}
.corner_ol { 
	background-position: top left; 
	top:0; 
	left:0;
}

/* - -- --- ---- ----- Produktbersicht (M) ----- ---- --- -- - */

.produkte {
	padding-left:15px; 
	/* border:1px solid red; */
}

.produkte2 {
	padding-left:15px; 
	/* border:1px solid red; */
	width:420px;
}

ul#listeM {
	/* display:block; */ 
	list-style:none;
	/* margin-left:20px;
	border:1px solid red; */
}

ul#listeM li {
	float:left;
	background:url(/img/divider.gif) no-repeat;
	height:200px;
	width:255px;
	/* border:1px solid green; */
}

ul#listeM li.first {
	background:none;
	width:205px; 
}

ul#listeM li.last {
	width:205px; 
}

ul#listeM li .pbox {
	width:170px;
	margin:0 auto;
}

ul#listeM li.first .pbox {
	margin:0 35px 0 0;
}

ul#listeM li.last .pbox {
	margin:0 0 0 35px;
}

ul#listeM li img.produkt {
	border:none;
	width:152px;
	height:94px;
	margin:0 9px; 
}

ul#listeM a.produkt {
	font:bold 10px verdana;
	color:#7f2a0d;
	letter-spacing:1px;
	text-decoration:none;
}

ul#listeM .preis {
	font:normal 10px verdana;
	color:#999999;
	padding:3px 0 20px 0;
}

ul#listeM span.p1 {
	font:bold 11px verdana;
	color:#ff7f00;
}
ul#listeM span.p2 {
	font:bold 11px verdana;
	color:red;
}

ul#listeM span.p3 {
	text-decoration:line-through;
}



/* - -- --- ---- ----- Toggle Panel ----- ---- --- -- - */

.wrap {
	width: 960px;
	margin: 0 auto;
}

#header {
	padding: 15px 0 10px;
	background:#dedede;
}

#togglePanel{
	height: 20px;
	cursor: pointer;
	background: url(/img/arrow.png) no-repeat center 0;
}

#togglePanel:hover{
	background-position: center -20px;
}

#togglePanel.closed{
	background-position: center -40px;
}

#togglePanel.closed:hover{
	background-position: center -60px;
} 


/* - -- --- ---- ----- Seite Referenzen ----- ---- --- -- - */

.kunde {
	/* border:1px solid red; */
	padding:0 0 50px 0;
	clear:both;
}

.kunde table.col3 {

}

.kunde table.col3 td {
	vertical-align:top;
}

.kunde table.col3 td.col3m {
	padding:0 30px;
}

.kunde .stimme {
	font-style:italic;
	font-size:12px;
	font-family:arial;
	line-height:170%;
	letter-spacing:1px;
}

.kunde .kommentar {
	padding:30px 0 0 0;
	line-height:170%;
}

.kunde .kundenbild {
	border:3px solid #cccccc;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.quotation {
	 width:29px;
	 height:20px;
	 margin:5px 15px 5px 0;
	 float:left;
}

.kunde .imgl {
	float:left; 
	margin:5px 30px 10px 0;
}

.kunde .imgr {
	float:right; 
	margin:5px 0 10px 30px;
}

#referenzen h2 {
	padding-bottom:20px;
}

.refnav {
	text-align:right;
	padding:0 0 30px 0;
}

.refnav a {
	margin:0 5px;
	text-decoration:none;
	font-weight:bold;
}

/* - -- --- ---- ----- Bereich Rezepte ----- ---- --- -- - */


#rezeptbilder {
	float:right; 
	margin:0 0 20px 40px;
	width:160px;
}

#rezeptbilder img {
	width:150px; 
	height:94px;
	border:3px solid #cccccc;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-bottom:25px;
}

.rezeptbild {
	width:199px; 
	height:125px; 
	float:right; 
	margin:0 0 20px 40px;
	border:3px solid #cccccc;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

ul#rezepte {
	list-style:none;
	margin:0 0 40px 0;
}

ul#rezepte li {
	padding:0 0 10px 0;
}

/* - -- --- ---- ----- Bereich Spielideen ----- ---- --- -- - */

ul.ideenliste {
	list-style:none;
	margin:0 50px 40px 0;
	float:left;
}

ul.ideenliste li {
	padding:0 0 10px 0;
}

ul.ideenliste li a {
	/* font-weight:bold; */
	text-decoration:none;
	border-bottom:1px dotted #7f2a0d;
}

.spielideen h1 {
	padding-bottom:0px;
	margin-bottom:0px;
	border-bottom:none;
}

#idnav {
	position:relative; 
	height:120px;
}

#idup { position:absolute; top:0px; left:42px; }
#idr { position:absolute; top:40px; right:0px; }
#idl { position:absolute; top:40px; left:0px; }
#idno { width:63px; height:63px; background:url(/img/idee.gif) no-repeat;position:absolute; top:20px; left:22px; text-align:center; padding-top:14px; font:bold 24px arial; color:#cccccc; }
#idfrom { padding-top:3px; color:#999999; }
#idh1 { position:absolute; top:35px; left:110px; }

img.bilderrahmen {
	border:3px solid #cccccc;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#aucheineidee {
	text-align:justify;
	font:normal 11px arial;
	line-height:170%;
	padding:50px 0 0 0;
	letter-spacing:1px;
}

/* - -- --- ---- ----- Bereich Tipps/Empfehlungen ----- ---- --- -- - */

.empfehlungen h2 {
	padding-bottom:3px;
}

.empfehlungen .from {
	padding-bottom:10px;
	color:#999999;
}

.imgtipp {
	float:left;
	margin:0 30px 10px 0;
}

.empfehlungen .item {
	padding:0 0 60px 0;
}


.markenliste img {
	float:left;
}


/* */

.err {
	text-align:center;
	font:bold 10px verdana;
	color:#990000;
	padding:20px 0 10px 0;
}

.suc {
	text-align:center;
	font:bold 10px verdana;
	color:#006600;
	padding:20px 0 10px 0;
}

.feld {
	width:476px;
	border:1px solid #cccccc;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background-color:#ffffff;
	margin:5px 0 0 0;
	padding:3px 7px;
	font:normal 11px verdana;
	color:#666666;
}

#recommended {
	padding-bottom:40px;
}

