
body {margin:0px;padding:0px;font-family:Tahoma, Arial, "Trebuchet MS", Verdana, Helvetica;font-size:12px;color:#837970;text-align:left;background:#fff url(../pics/bg-lines.jpg) center 200px repeat-x fixed;height:100%;width:100%;line-height:17px}
	
a {color:#5ca6d4;text-decoration:none}
a:hover {text-decoration:underline;color:#5ca6d4}
a.ext {background:url(../pics/ext.gif) left 2px no-repeat;color:#7cb116;padding-left:14px;text-decoration:none}

h1 {color:#57ace2;font-size:20px;font-weight:normal;padding:0px;margin:0px 0px 20px 0px;font-family:Segoe UI, Tahoma, Arial, "Trebuchet MS", Verdana, Helvetica}
h2, .three h2, .three h3, .two h2, h3, h4, h5, h6 {color:#838383;font-size:18px;font-weight:normal;font-family:Segoe UI, Tahoma, Arial, "Trebuchet MS", Verdana, Helvetica;padding:0px;margin:0px 0px 20px 0px}

.three h2, .three h3, .two h2, .two h3 {color:#585858;font-size:16px;margin:0px 0px 13px 0px}

strong, b {font-weight:bold}
img	{border:0px}	
.pics {float:left;margin:0px 15px 15px 0px}	
.pics-line {float:left;margin:0px 15px 0px 0px;border:1px solid #f0f0f0}
	
a .pics:hover, #logo a img:hover, .footer-right a img:hover, .footer-diff a img:hover, .button-grey:hover, .button-green:hover, .three .image a img:hover, .button-green-detail:hover, .banner .image a:hover, .banner a.image:hover, .image a:hover
{-moz-opacity:0.7;opacity:0.7}
	
acronym:hover {cursor:help;background:#fff}
	
dl, dl.right {float:left;margin:6px 15px 15px 0px;box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2)}
dl.right{float:right;margin:0px 0px 15px 15px}

dl a, dl a:hover {color:#9f9f9f;text-decoration:none}
dt {display:inline}
dfn {font-style:normal}
dd {background:	#f3f3f3 url(../pics/bildunterschrift-bg.gif) repeat-x;padding:5px 8px 5px 8px;margin:0px;font-size:11px;line-height:14px;border:1px solid #dfdfdf}
dd em, small{font-size:9px;color:#9f9f9f;text-shadow:0 1px 0 #fff;font-style:normal}
	
ul {margin:0px;padding:0px;list-style-image: url(../pics/dot.gif);list-style-position:inside}
sup, sub{line-height:7px;font-size:11px;font-weight:bold}
p {margin-bottom:0px}

.rahmen {padding:6px;border:1px solid #dfdfdf;border-bottom:1px solid #ccc}

/***************************************************************** positions ***/
/*******************************************************************************/

#yp {position:fixed;right:0px;top:0px;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3}
*+html #yp {display:none}
#yp:hover {filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0}

#out {text-align:center;width:100%;height:537px;background:url(../pics/content-bg.png) no-repeat center 188px}
#in {text-align:center;width:980px;height:100%;margin:auto}
#container {text-align:left;width:980px;float:left}
	
/*********************************************************************** top ***/
/*******************************************************************************/
	
#top {width:980px;float:left;margin:0px 0px 28px 0px}
#logo {float:left;margin:20px 0px 0px 0px}
	
#top-navi {float:right;margin:20px 0px 0px 0px}
#top-navi a {background:#f2f2f2;padding:4px 8px 4px 9px;border-right:0px;font-size:11px;color:#606060;float:left}
	
#top-navi a:hover {background:#62c9f3;color:#fff;text-decoration:none}
#top-navi img {float:left;margin:0px 5px 0px 0px}
.top-links {float:right;margin-left:3px}
#top-phone {float:left;font-size:11px;margin-right:20px;padding:4px 0px 0px 0px}
.wk a {background:#e1610b url(../pics/wk.gif) repeat-x!important;color:#fff!important}
.wk a:hover {background:#e1610b!important}
	
/********************************************************************** menu ***/
/*******************************************************************************/
	
#menu {width:960px;float:left;background:url(../pics/menu-line.gif) repeat-x bottom;padding:0px 0px 4px 20px}
#menu ul {padding:0px;margin:0px;float:left}
#menu li {float:left;display:inline-block}
	
#menu a {background:#fff;padding:13px 15px 14px 15px;color:#606060;font-size:14px;text-decoration:none;float:left;border-right:2px solid #e7e7e7}
#menu a:hover {text-decoration:none;background:#f3f3f3 url(../pics/menu-hover.gif) no-repeat top center}
#menu a.active {background: #4abbea url(../pics/menu-active.gif) repeat-x;color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.1)}
	
#basket {float:right;margin-top:16px}
#basket a {background:#f2f2f2;padding:4px 8px 4px 8px;border-right:0px;font-size:11px}
#basket a:hover {background:#62c9f3;color:#fff}
#basket img {float:left;margin:2px 5px 0px 0px}
	
/******************************************************************* submenu ***/
/*******************************************************************************/
	
#submenu {width:960px;height:28px;float:left;background:#4abbea url(../pics/submenu-line.gif) repeat-x bottom;padding:0px 0px 0px 20px}
#submenu ul {padding:0px;margin:0px;float:left}
#submenu li {float:left;display:inline-block}
	
#submenu a {padding:3px 25px 4px 25px;color:#fff;font-size:12px;text-decoration:none;float:left;background:url(../pics/sub-line.gif) no-repeat center left;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.1)}
#submenu a:hover {text-decoration:none;background:#3da9d6 url(../pics/submenu-hover.gif) no-repeat center left}
#submenu a.active {background:url(../pics/sub-active.png) no-repeat bottom left;padding-bottom:17px}
	
#bookmark {float:right;margin:19px 0px 0px 0px}
#bookmark div {float:left;margin-left:10px}
#bookmark a {background:none;padding:0px;border:none;font-size:11px}
	
/******************************************************************* content ***/
/*******************************************************************************/

#top-content {margin:25px 0px 0px 0px;width:940px;float:left;background:#fff url(../pics/top-content.gif) repeat-x bottom left;padding:20px 20px 20px 20px}
#content {margin:25px 0px 0px 0px;width:940px;float:left;background:#fff;padding:20px 20px 20px 20px;border-bottom:1px dotted #f0f0f0}
#bottom-content {margin:0px;width:940px;float:left;background:#fff;padding:20px 20px 20px 20px}
	
/********************************************************************** left ***/
/*******************************************************************************/

#left {width:200px;float:left}
#left ul, #left .widget_categories ul {padding:0px 0px 0px 0px;margin:0px 0px 20px 0px;float:left;width:200px}
#left li, #left .widget_categories li {float:left;display:block;width:200px}
#left a, #left li span, #left .widget_categories li a {padding:8px 25px 8px 25px;color:#837970;font-size:14px;text-decoration:none;border-bottom:1px solid #f0f0f0;display:block;background:#FAFAFA url(../pics/left-arrow.gif) no-repeat 10px center}
.widgettitle {display:none}
#left a:hover, #left .widget_categories a:hover, #left .widget_categories .children a:hover {text-decoration:none;background:#f3f3f3 url(../pics/left-arrow.gif) no-repeat 10px center}
#left a.active, #left li span.active, #left .widget_categories .current-cat a {color:#57ace2;background:#FAFAFA url(../pics/left-arrow.gif) no-repeat 10px center}
#left ul ul, #left .widget_categories .children ul {padding:0px;margin:0px;width:200px;padding:5px 0px 15px 0px;background:#fff;border-bottom:1px solid #f0f0f0;float:left}
#left .children {border-bottom:0px!important}
#left ul ul li a, #left .widget_categories .children a {padding:3px 25px 3px 25px;color:#837970;font-size:12px;text-decoration:none;border-bottom:0px;display:block;background: none}
	
/********************************************************************* right ***/
/*******************************************************************************/

#right
	{
	float:		left;
	line-height:19px;
	width:		700px;
	margin-left:30px;
	padding-right:10px;
	}
	
.flow
	{
	font-size:	11px;
	line-height:17px;
	float:		left;
	width:		100%;
	border-bottom:1px dotted #f0f0f0;
	padding:    0px 0px 20px 0px;
	margin:		0px 0px 20px 0px;
	}
	
.tipps
	{
	font-size:	11px;
	line-height:17px;
	float:		left;
	width:		100%;
	border-bottom:1px dotted #f0f0f0;
	padding:    40px 0px 20px 0px;
	margin:		0px 0px 20px 0px;
	background:	url(../pics/tipps.jpg) no-repeat;
	}
	
.top-start
	{
	float:		left;
	width:		100%;
	padding:    0px 0px 10px 0px;
	margin:		0px
	}
	
.start
	{
	float:		left;
	width:		100%;
	border-bottom:1px dotted #f0f0f0;
	padding:    0px 0px 20px 0px;
	margin:		0px 0px 20px 0px;
	}
	
.hinweis
	{
	float:		left;
	border:1px solid #d5e3a6;
	background:#e6f0c3;
	font-size:11px;
	padding:    5px 10px 5px 10px;
	}
	
#social
	{
	width:		100%;
	float:		right;
	width:		700px;
	padding:15px 10px 15px 0px;
	}
	
#social div
	{
	margin-right:20px;
	float:		left;
	}
	
/******************************************************************** footer ***/
/*******************************************************************************/

#footer
	{
	width:		940px;
	float:		left;
	margin:		25px 0px 30px 0px;
	background:	#f3f3f3 url(../pics/steps.gif) no-repeat right bottom;
	padding:	0px 20px 10px 20px;
	text-shadow:0 1px 0 #fff;
	}
	
#footer ul
	{
	padding:    0px;
	margin:		0px;
	float:		left;
	width:		140px;
	}
	
#footer li
	{
	float:		left;
	display:	block;
	width:		140px;
	}
	
.footer-box a
	{
	padding:    3px 5px 3px 5px;
	color:		#837970;
	font-size:	11px;
	text-decoration:none;
	border-bottom:1px solid #f0f0f0;
	display:	block;
	}
	
.footer-box a:hover
	{
	text-decoration:none;
	background:	#fff;
	}
	
.footer-box
	{
	width:		140px;
	float:		left;
	margin:		0px 20px 0px 0px;
	}
	
.footer-topic
	{
	float:		left;
	font-size:	14px;
	padding:    10px 0px 10px 0px;
	margin-left:4px;
	}
	
.footer-diff
	{
	width:		140px;
	float:		left;
	margin:		0px 20px 5px 60px;
	}
	
.footer-diff img
	{
	padding:    0px 0px 0px 5px;
	}
	
.footer-right
	{
	float:		right;
	margin:		10px 0px 0px 0px;
	}
	
.seperator
	{
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #fff;
	float:left;
	height:0px;
	width:143px;
	margin:10px 0px 10px 5px
	}
	
/********************************************************************** copy ***/
/*******************************************************************************/

#copy
	{
	width:		940px;
	float:		left;
	margin:		25px 0px 30px 0px;
	background:	#f3f3f3;
	padding:	5px 20px 5px 20px;
	font-size:	11px;
	}
	
#copy a
	{
	color:		#837970;
	text-decoration:none;
	padding:	4px 5px 4px 5px;
	border-right: 1px dotted #ccc;
	}
	
#copy a:hover
	{
	color:		#837970;
	text-decoration:none;
	background:	#fff;
	}
	
#copy-left
	{
	float:		left;
	}
	
#copy-right
	{
	float:		right;
	}
	
	
/********************************************************************* visits ***/
/*******************************************************************************/

#visits
	{
	width:		940px;
	float:		left;
	margin:		25px 0px 0px 0px;
	background:	#f3f3f3;
	padding:	5px 20px 5px 20px;
	font-size:	11px;
	}
	
#visits a
	{
	color:		#837970;
	text-decoration:none;
	padding:	4px 5px 4px 5px;
	border-right: 1px dotted #ccc;
	}
	
#visits a:hover
	{
	color:		#837970;
	text-decoration:none;
	background:	#fff;
	}
	
#visits-left
	{
	float:		left;
	}
	
/********************************************************************* three ***/
/*******************************************************************************/

.three
	{
	width:		173px;
	float:		left;
	margin:		0px 30px 30px 0px;
	background:	#fafafa;
	padding:	0px 20px 20px 20px;
	font-size:	12px;
	-moz-border-radius:3px;
	}
	
.three:hover
	{
	background:	#f3f3f3;
	}
	
.three .price
	{
	position:	absolute;
	background:	url(../pics/price.png) no-repeat;
	padding:	5px 0px 21px 6px;
	color:		#fff;
	font-weight:bold;  
	margin:		83px 0px 0px -36px;
	width:		70px; 
	}
	
.three .price em {font-size:10px;font-style:normal;font-weight:normal;position:absolute;margin:-5px 0px 0px -1px}
.three .price span {font-size:11px;font-style:normal;font-weight:normal;margin:0px 2px 0px 0px}
	
.tipp
	{
	position:	absolute;
	background:	url(../pics/tipp.png) no-repeat;
	padding:	5px 0px 23px 0px;
	color:		#fff;
	font-weight:bold;  
	margin:		23px 0px 0px -16px;
	width:		60px;
	text-align:	center;
	}
	
.product-detail
	{
	width:		283px;
	float:		left;
	margin:		0px 30px 0px 0px;
	background:	#fafafa;
	padding:	0px 20px 20px 20px;
	font-size:	12px;
	-moz-border-radius:3px;
	}
	
.product-detail .price
	{
	position:	absolute;
	background:	url(../pics/price-detail.png) no-repeat;
	padding:	14px 0px 30px 9px;
	color:		#fff;
	font-weight:normal;  
	margin:		203px 0px 0px -36px;
	width:		98px;
	font-size:	22px;
	}
	
.product-detail .price em {font-size:11px;font-style:normal;position:absolute;margin:-5px 0px 0px 0px}
.product-detail .price span {font-size:11px;font-style:normal;margin:0px -4px 0px 0px}
	
.product-details
	{
	width:		660px;
	float:		left;
	margin:		0px 30px 0px 0px;
	background:	#fafafa;
	padding:	0px 20px 20px 20px;
	font-size:	12px;
	-moz-border-radius:3px;
	}
	
.product-details iframe
	{
	border:		1px solid #e3e3e3;
	width:		660px;
	height:		1000px;
	margin-top:	20px;
	padding-top:10px;
	background:	#fff;
	}
	
.new-designer iframe
	{
	width:		980px;
	height:		1500px;
	margin:0px 0px 0px -20px ;
	background:	#fff;
	}
	
.product-banner
	{
	width:		660px;
	float:		left;
	margin:		0px 30px 0px 0px;
	background:	#fafafa;
	padding:	0px 0px 0px 0px;
	font-size:	12px;
	-moz-border-radius:3px;
	}
	
.gallery, .motives
	{
	width:		660px;
	float:		left;
	margin:		0px 30px 0px 0px;
	background:	#fafafa;
	padding:	20px 20px 20px 20px;
	font-size:	12px;
	-moz-border-radius:3px;
	}
	
.gallery img
	{
	border:		1px solid #e3e3e3;
	margin-right:39px;
	}
	
.motives img
	{
	margin-right:17px;
	}
	
.one
	{
	float:		left;
	margin:		0px 10px 10px 0px;
	background:	#fafafa;
	padding:	0px;
	-moz-border-radius:3px;
	}
	
.two
	{
	width:		295px;
	float:		left;
	margin:		0px 30px 0px 0px;
	background:	#fafafa;
	padding:	0px 20px 20px 20px;
	font-size:	12px;
	-moz-border-radius:3px;
	}
	
.three .links, .three .text, .three .image, .two .links, .two .text, .two .image, .product-detail .image, .product-details .image
	{
	width:		100%;
	float:		left;
	margin:		20px 0px 0px 0px;
	}

.one .image
	{
	float:		left;
	margin:		0px 0px 0px 0px;
	}
	
.three .text h2, .two .text h2
	{
	margin-bottom:8px;
	}
	
.three .text h2 a, .two .text h2 a, .three .text h3 a, .two .text h3 a, .three .text h4 a, .two .text h4 a, .three .text h5 a, .two .text h5 a, .three .text h6 a, .two .text h6 a
	{
	color:		#585858;
	}
	
.three .image img, .two .image img, .product-detail .image img, .product-details .image img, .product-banner img, .one .image
	{
	border:		1px solid #f0f0f0;
	}
	
.links .left
	{
	float:		left;
	}
	
.links .right
	{
	float:		right;
	}
	
.coupon
	{
	position:absolute;margin:-58px 0px 0px 755px;background:	url(../pics/coupon.gif) no-repeat;width:205px;height:103px
	}
	
/******************************************************************** buttons ***/
/*******************************************************************************/

.button-grey
	{
	background:	url(../pics/button-grey-left.png) no-repeat;
	padding:	0px 0px 0px 8px;
	font-size:	11px;
	float:		left;
	margin-right:10px;
	}
	
.button-grey a
	{
	background:	url(../pics/button-grey-right.png) no-repeat right top;
	padding:	4px 11px 8px 3px;
	color:		#837970;
	font-weight:bold;
	font-size:	11px;
	float:		left;
	}
	
.button-green
	{
	background:	url(../pics/button-green-left.png) no-repeat;
	padding:	0px 0px 0px 8px;
	font-size:	11px;
	float:		left;
	}
	
.button-green a
	{
	background:	url(../pics/button-green-right.png) no-repeat right top;
	padding:	4px 11px 8px 3px;
	color:		#fff;
	font-weight:bold;
	font-size:	11px;
	float:		left;
	}
	
.button-green-detail
	{
	background:	url(../pics/button-green-detail-left.png) no-repeat;
	padding:	0px 0px 0px 8px;
	font-size:	15px;
	float:		left;
	}
	
.button-green-detail a
	{
	background:	url(../pics/button-green-detail-right.png) no-repeat right top;
	padding:	11px 13px 15px 5px;
	color:		#fff;
	font-weight:normal;
	font-size:	18px;
	float:		left;
	}
	
.button-title {float:left;margin-right:20px;padding:3px 0px 0px 0px}
	
.dissmis{opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5}

/******************************************************************* tooltip ***/
/*******************************************************************************/
	
#screenshot
	{
	position:	absolute;
	margin-top:	-80px;
	margin-left:-10px;
	background:#fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	box-shadow:	1px 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);
	padding:    5px;
	display:	none;
	color:		#ccc;
	text-align:	center;
	font-size:	11px;
	font-weight:bold;
	background:	#ececec;
	color:		#837970;
	}
	
#screenshot img
	{
	margin-bottom:5px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:		1px solid #fff;
	}
	
.sold-out
	{
	color:		#ba0c0c;
	font-weight:bold;
	}
	
.soldout
	{
	position:	absolute;
	margin:		10px 0px 0px 200px;
	background:	url(../pics/sold-out.png) no-repeat;
	width:		95px;
	height:		36px;
	}
	
.soldout-2
	{
	position:	absolute;
	margin:		10px 0px 0px -10px;
	background:	url(../pics/sold-out-2.png) no-repeat;
	width:		70px;
	height:		27px;
	}
	
.ausverkauft, .ausverkauft-gestalten
	{
	float:		left;
	padding:	7px 7px 7px 35px;
	background:	#f4b6b6 url(../pics/achtung.png) no-repeat 10px 10px;
	border:		1px solid #e38d8d;
	margin-top:	20px;
	}
	
.ausverkauft small, .ausverkauft-gestalten small
	{
	color:		#902828;
	text-shadow:none;
	font-size:	11px;
	}
	
.ausverkauft-gestalten
	{
	margin-top:	5px;
	margin-bottom:15px;
	width:		655px;
	}
	
.tabelle
	{
	float:		left;
	padding:	7px 70px 7px 12px;
	background:	#fdf4cb url(../pics/tabelle.jpg) no-repeat right bottom;
	border:		1px solid #f3e9a2;
	margin-top:	20px;
	}
	
.tabelle small
	{
	color:		#a6964b;
	text-shadow:none;
	font-size:	11px;
	}

/******************************************************************** banner ***/
/*******************************************************************************/
	
.banner 
	{
	float:		left;
	width:		200px;
	padding-bottom:20px;
	background:	#fff;
	}
	
.banner .image
	{
	float:		left;
	border:		1px solid #f0f0f0;
	}
	
.banner .text
	{
	position:	absolute;
	background:	#fff;
	width:		178px;
	margin-top:	88px;
	margin-left:1px;
	color:		#837970;
	font-size:	11px;
	filter:		alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:	0.85;
	padding:    5px 10px 5px 10px;
	}
	
.banner .image a, .banner a.image
	{
	color:		#837970;
	padding:    0px!important;
	background:	none!important;
	}
	
.banner-in
	{
	float:		left;
	border:		1px solid #f0f0f0;
	padding:    5px 10px 5px 10px;
	width:		178px;
	background:	#fafafa;
	}
	
.banner ul
	{
	margin:		0px!important;
	padding:    0px!important;
	list-style-image:url(../pics/haken.gif);
	list-style-position:inside;
	}
	
.banner li
	{
	display: 	list-item!important;
	line-height:20px;
	font-size:	11px;
	}
	
.iframe-form
	{
	margin-left:0px; 
	padding-top:10px;
	border:		0px;
	width:		700px; 
	height:		810px;
	}
	
.gutschein
	{
	float:		left;
	border:		4px solid #fff;
	background:	#9bc600 url(../pics/scanline.gif) repeat;
	color:		#fff;
	padding:    20px;
	font-size:	20px;
	box-shadow:	1px 1px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);
	vertical-align:middle;
	font-weight:bold;
	}
	
.gutschein span
	{
	font-size:	12px;
	}
	
.rows td{border-right: 1px dotted #ccc;border-bottom: 1px dotted #ccc;font-size:11px;padding:2px 5px 2px 5px}
.row-grey{background:#F0F0F0}
	
/******************************************************************** header ***/
/*******************************************************************************/
	
#header
	{
	margin:		0px 0px 20px 0px;
	width:		100%;
	height:		200px;
	float:		left;
	background: #ccc;
	}
	
/**************************************************************** image menu ***/
/*******************************************************************************/	
	
#imageMenu {
	width:	940px;
	height: 200px;
	overflow: hidden;
}

#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 1880px;
	
	}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1880px;
	background:#FFFFFF none repeat scroll 0%;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:188px;
	height: 200px;
}

#imageMenu ul li.landscapes a {background:url(../pics/start-bud-spencer-shirt.jpg) repeat scroll 0%}
#imageMenu ul li.people a {background:url(../pics/start-gestalten.jpg) repeat scroll 0%}
#imageMenu ul li.nature a {background:url(../pics/start-maenner.jpg) repeat scroll 0%}
#imageMenu ul li.urban a {background:url(../pics/start-frauen.jpg) repeat scroll 0%}
#imageMenu ul li.abstract a {background:url(../pics/start-kinder-babies.jpg) repeat scroll 0%;width:592px}
#imageMenu a:hover {filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9}

/******************************************************************** rating ***/
/*******************************************************************************/

.rat-out
	{
	margin:		0px 0px 20px 0px;
	width:		100%;
	float:		left;
	background: #FAFAFA;
	}
	
.rat-user
	{
	font-style:	italic;
	float:		left;
	padding:    20px 20px 0px 20px;
	}
	
.rat-title
	{
	font-weight:bold;
	float:		left;
	width:		100%;
	padding:    10px 20px 0px 20px;
	}
	
.rat-desc
	{
	float:		left;
	width:		100%;
	padding:    10px 20px 20px 20px;
	}
	
.rat-desc .description
	{
	float:		left;
	width:		660px;
	}
	
.rat-stars-05, .rat-stars-1, .rat-stars-15, .rat-stars-2, .rat-stars-25, .rat-stars-3, .rat-stars-35, .rat-stars-4, .rat-stars-45, .rat-stars-5
	{
	position:	absolute;
	margin-top:	20px;
	margin-left:522px;
	width:		165px;
	background:url(../pics/rating-05.gif) 85px 2px no-repeat;
	}
	
.rat-stars-1 {background:url(../pics/rating-1.gif) 85px 2px no-repeat}
.rat-stars-15 {background:url(../pics/rating-15.gif) 85px 2px no-repeat}
.rat-stars-2 {background:url(../pics/rating-2.gif) 85px 2px no-repeat}
.rat-stars-25 {background:url(../pics/rating-25.gif) 85px 2px no-repeat}
.rat-stars-3 {background:url(../pics/rating-3.gif) 85px 2px no-repeat}
.rat-stars-35 {background:url(../pics/rating-35.gif) 85px 2px no-repeat}
.rat-stars-4 {background:url(../pics/rating-4.gif) 85px 2px no-repeat}
.rat-stars-45 {background:url(../pics/rating-45.gif) 85px 2px no-repeat}
.rat-stars-5 {background:url(../pics/rating-5.gif) 85px 2px no-repeat}
.rat-stars span{display:inline-block}
	
.info-tipp
	{
	-moz-border-radius:3px 3px 3px 3px;
	background:#FFFADC;
	border:1px solid #f3e69d;
	font-size:11px;
	padding:10px;
	width:670px;
	line-height:17px;
	}
	
.point
	{
	border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;
	background:#78cbee;
	font-size:9px;
	font-weight:bold;
	padding:2px 6px 2px 6px;
	color:#fff;
	}
	
.box-spruch {
    border-bottom: 1px dotted #CCCCCC;
	background:#fafafa url(../pics/on-shirt.gif) right bottom no-repeat;
    float: left;
    font-size: 11px;
    line-height: 22px;
    padding: 20px 20px 20px 20px;
    text-align: left;
    width: 295px;
	margin:0px 0px 30px 0px;
}

.spruch {
    font-family: "Times New Roman",Times,serif;
    font-size: 17px;
    font-style: italic;
	float: left;
}

.spruch-wrapper {float:left;width:30px}
		
/*********************************************************************** 404 ***/
/*******************************************************************************/
	
#error-out{width:100%;height:100%}			
#error-in{width:685px;margin:auto}	
#error{margin-left:-40px}	
#error-loading{position:absolute;margin:-367px 0px 0px 254px}	
#count{display:none}
		
/****************************************************************** slidebar ***/
/*******************************************************************************/
		
#slidebar{position:fixed;top:205px;left:0px}
	
.slide, .slide-2, .slide-3, .slide-bookmark
	{
	margin-top:10px;margin-left:-11px;
	width:32px;
	filter:		alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:	0.7;
	}
	
.slide-bookmark{margin-left:-153px;width:174px}	
.follow{margin-left:10px;margin-top:0px}

.book
	{
	position:absolute;
	margin-top:-23px;
	margin-left:9px;
	}
			
.slide:hover, .slide-2:hover, .slide-3:hover, .slide-bookmark:hover
	{
	margin-left:0px;
	filter:		alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:	1.0;
	}
	
/******************************************************************** colors ***/
/*******************************************************************************/

.weiss{background:url(../pics/weiss.gif) no-repeat 5px 7px}
#left .weiss a.active{background:#FAFAFA url(../pics/weiss.gif) no-repeat 5px 7px}
#left .weiss a:hover{background:#F3F3F3 url(../pics/weiss.gif) no-repeat 5px 7px}
.grau{background:url(../pics/grau.gif) no-repeat 5px 7px}
#left .grau a.active{background:#FAFAFA url(../pics/grau.gif) no-repeat 5px 7px}
#left .grau a:hover{background:#F3F3F3 url(../pics/grau.gif) no-repeat 5px 7px}
.schwarz{background:url(../pics/schwarz.gif) no-repeat 5px 7px}
#left .schwarz a.active{background:#FAFAFA url(../pics/schwarz.gif) no-repeat 5px 7px}
#left .schwarz a:hover{background:#F3F3F3 url(../pics/schwarz.gif) no-repeat 5px 7px}
.gelb{background:url(../pics/gelb.gif) no-repeat 5px 7px}
#left .gelb a.active{background:#FAFAFA url(../pics/gelb.gif) no-repeat 5px 7px}
#left .gelb a:hover{background:#F3F3F3 url(../pics/gelb.gif) no-repeat 5px 7px}
.rot {background:url(../pics/rot.gif) no-repeat 5px 7px}
#left .rot a.active{background:#FAFAFA url(../pics/rot.gif) no-repeat 5px 7px}
#left .rot a:hover{background:#F3F3F3 url(../pics/rot.gif) no-repeat 5px 7px}
.pink{background:url(../pics/pink.gif) no-repeat 5px 7px}
#left .pink a.active{background:#FAFAFA url(../pics/pink.gif) no-repeat 5px 7px}
#left .pink a:hover{background:#F3F3F3 url(../pics/pink.gif) no-repeat 5px 7px}
.lila{background:url(../pics/lila.gif) no-repeat 5px 7px}
#left .lila a.active{background:#FAFAFA url(../pics/lila.gif) no-repeat 5px 7px}
#left .lila a:hover{background:#F3F3F3 url(../pics/lila.gif) no-repeat 5px 7px}
.blau{background:url(../pics/blau.gif) no-repeat 5px 7px}
#left .blau a.active{background:#FAFAFA url(../pics/blau.gif) no-repeat 5px 7px}
#left .blau a:hover{background:#F3F3F3 url(../pics/blau.gif) no-repeat 5px 7px}
.gruen{background:url(../pics/gruen.gif) no-repeat 5px 7px}
#left .gruen a.active{background:#FAFAFA url(../pics/gruen.gif) no-repeat 5px 7px}
#left .gruen a:hover{background:#F3F3F3 url(../pics/gruen.gif) no-repeat 5px 7px}
.braun{background:url(../pics/braun.gif) no-repeat 5px 7px}
#left .braun a.active{background:#FAFAFA url(../pics/braun.gif) no-repeat 5px 7px}
#left .braun a:hover{background:#F3F3F3 url(../pics/braun.gif) no-repeat 5px 7px}
	
/*************************************************************** news-ticker ***/
/*******************************************************************************/
		
.news-ticker{float:left;width:100%}
	
.news-ticker div
	{
	float:			left;
	width:			660px;
	border-bottom: 	1px dotted #F0F0F0;
	font-size:		11px;
	padding:        10px 20px 10px 20px;
	}
	
.new-1 {background:#FAFAFA url(../pics/new-1.gif) no-repeat top right}
.new-1 span {font-weight:bold}
	
/***************************************************************** searching ***/
/*******************************************************************************/
		
.search{float:right;margin:2px 4px 0px 0px}
.search form{margin:0px;padding:0px}
.search input{margin:0px;padding:0px;background:url(../pics/search-bg.gif) no-repeat;border:none;padding:2px 3px 4px 30px;font-size:11px;width:104px;height:14px}
.search input:focus, .search input:hover{background:url(../pics/search-bg-focus.gif) no-repeat}

.phpsearch_header{background-color:#F0F7F9;padding:4px;text-align:right}

.phpsearch_list, .phpsearch_list li{margin:5px 0px;padding:0px;list-style:none}
.phpsearch_list_item{border-bottom:1px dotted #F0F0F0;margin:0px 0px 20px 0px;padding:20px 0px 20px 0px;width:100%}
.phpsearch_list_item h3{margin-bottom:10px}
.phpsearch_list_item:hover{background:#FAFAFA}
.phpsearch_field{background:#f7fcfd;padding:20px}
.phpsearch_list_item p{margin:0px;padding:0px}
.phpsearch_importance{color:grey}
.phpsearch_link a, .phpsearch_importance{font-size:11px}

.phpsearch_error{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background:#FEF1EC;
	color:#CD0A0A;
	border:1px solid #CD0A0A;
	margin:6px;
	padding:3px;
}
.phpsearch_pagination{text-align:center}

.phpsearch_pagination span{padding:0 4px}

/******************************************************************* sitemap ***/
/*******************************************************************************/
		
.sitemap a{padding:0px;display:block}
.sitemap ul{margin:10px 0px 10px 0px;padding:0px;list-style:none}
.sitemap ul ul{margin-left:30px}
.sitemap ul ul ul{}
.sitemap li{background:url(../pics/sitemap-top.gif) no-repeat 0px 5px;padding-left:15px;font-weight:bold}
.sitemap li ul li,
.sitemap li ul li ul li,
.sitemap li ul li ul li ul li,
.sitemap li ul li ul li ul li ul li
{background:url(../pics/sitemap-middle.gif) no-repeat 0px 4px;padding-left:15px;font-weight:normal}
	
/************************************************************ product-zoomer ***/
/*******************************************************************************/
		
.Clear{clear:both}
.RbZoom{outline:0;display:block;text-decoration:none;opacity:1.0!important;-moz-opacity:1.0!important}
.RbZoomImageCont{box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.2)}
.RbZoomPop{border:1px solid #aaa;background:#ffffff;cursor:-moz-zoom-in;cursor: -webkit-zoom-in}

/****************************************************************** pagepeel ***/
/*******************************************************************************/
	
.xteam-pagepeel{position:absolute;top:0px;right:0px;z-index:9999}
.xteam-pagepeel img.peel{position:absolute;top:0px;right:0px;width:75px;height:79px;z-index:100}
.xteam-pagepeel img.map{width:100%;height:100%;position:absolute}
.xteam-pagepeel .back{position:absolute;top:0px;right:0px;width:75px;height:75px}
.xteam-pagepeel .corner{z-index:0;background-repeat:no-repeat;background-image:url(../css/pagepeel/t-shirt-video-hilfe.png);background-position:top right}
.xteam-pagepeel .link{z-index:200}
.xteam-pagepeel .peel-content{display:none;position:absolute;left:15px;bottom:27px}
.xteam-pagepeel .peel-hint{display:block;position:absolute;left:5px;bottom:5px}
.xteam-pagepeel.open .peel-content{display:block}
.xteam-pagepeel.open .peel-hint{display:none}

/***************************************************************** accordion ***/
/*******************************************************************************/

#acc {float:left;width:980px;list-style:none;margin:-21px 0px 0px -20px;padding:0px;background:url(../pics/ndesigner-top-line.gif) repeat-x}
.acc-pic {float:left;background:url(../pics/ndesigner-steps.gif) no-repeat}
#acc h3 {width:980px;height:71px;font-weight:bold;margin:0px;padding:0px;cursor:pointer;background:url(../pics/acc-close.png) no-repeat right}
#acc .opener, #acc .closed {background:url(../pics/acc-open.png) no-repeat right}

#acc .acc-section {overflow:hidden; background:#fff}
#acc .acc-content {float:left;width:948px; padding:15px; border:1px dotted #ccc; border-top:0px;background:url(../pics/designer/designer-acc-top.gif) repeat-x}

.acc-inner {float:left;width:200px;font-size:11px;margin-right:35px}
.acc-inner img {float:left;margin:0px 10px 10px 0px}

/************************************************************ visibility box ***/
/*******************************************************************************/

.vis-pos {position:absolute;margin:-60px 0px 0px 0px}
.vis-box {float:left;margin:auto;background:#fff;
box-shadow:1px 1px 15px rgba(0, 0, 0, 0.4);-moz-box-shadow:1px 1px 15px rgba(0, 0, 0, 0.4);-webkit-box-shadow:1px 1px 15px rgba(0, 0, 0, 0.4)}
.vis-info {padding:8px;font-size:11px}
.vis-close{position:absolute;margin:8px 0px 0px 483px}

/****************************************************************** ddslider ***/
/*******************************************************************************/

#header-slide{margin:0px 0px 20px 0px;width:100%;height:248px;float:left;background:#ccc}
#yourSliderId, #yourSliderId li {height:248px;width:100%}
#yourSliderId {list-style:none!important;float:left;margin:0px!important;padding:0px!important;overflow:hidden!important;position:relative!important}
#yourSliderId li {display:none;float:left;margin:0px;position:absolute;width:100%}
#yourSliderId li.current {display:block;z-index:2!important}
#yourSliderId li.next {display:block;z-index:1!important}
#yourSliderId li ul li {display:block!important;position:relative!important}

.slider_arrow_left {bottom:10px;cursor:pointer!important;float:left;height:22px;left:10px;position:absolute;width:22px;z-index:5}
.slider_arrow_left {background:url(../css/ddslider/images/left_arrow.png) no-repeat top left}
.slider_arrow_right {bottom:10px;cursor:pointer;float:left;height:22px;left:37px;position:absolute;width:22px;z-index:5}
.slider_arrow_right {background:url(../css/ddslider/images/right_arrow.png) no-repeat top left}
.slider_selector, .slider_selector_dis {bottom:10px;list-style:none;margin:0 0 0 5px;position:absolute;right:10px;z-index:5}
.slider_selector li, .slider_selector_dis li {display:block!important;background:url(../css/ddslider/images/slider_selector.png) no-repeat top left;cursor:pointer;float:left;margin:0 3px!important;height:10px!important;position:relative!important;width:10px!important}
.slider_selector li.current, .slider_selector_dis li.current {background:url(../css/ddslider/images/slider_selector_current.png) no-repeat top left}
.slider_selector_dis li {cursor:default!important;z-index:5}
/* right left arrows slide: .slider-navi {float:left;position:relative;width:100%;z-index:15}*/.slider-navi {display:none}

.slide-content-out{width:960px;height:300px;padding:30px 0px 0px 30px}
.slide-content{float:left;width:450px}
.slide-title{float:left;background:#fff;padding:20px 15px 20px 15px;font-size:25px;color:#57ace2;text-transform:uppercase;font-family:Segoe UI;font-weight:bold}
.slide-desc{clear:both;padding:15px 15px 15px 0px;font-size:15px;color:#fff;line-height:20px}
		
@media only screen and (max-width: 1145px) {

#slidebar, #yp, .xteam-pagepeel
	{
	display:none;
	}
	
}
