/* CSS Document */




.links{float:left;}
.rechts{float:right;}
.clear{clear:both;}
.dummy{border:1px solid red;}

body,td,th {
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
body {
	background: #fff url(../img/bg_body.gif) 0px 0px repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
form{
	margin: 0;
}
#bg_wrapper{
	background:url(../img/bg_all.gif) 0px 0px repeat-y;
	overflow:hidden;
	width:1100px;
	margin-left:auto;
	margin-right:auto;
}

#header{
	background:url(../img/bg_top.gif) 0px 0px no-repeat;
	height:250px;
}

#footer{
	background:#e91d26 url(../img/bg_foot.gif) center 0px no-repeat;
	height:28px;
}
#footer_center{
	width:830px;
	margin-left:auto;
	margin-right:auto;
	height:28px;
}
#footer_content{
	padding-left:10px;
	color:#fff;
	padding-top:5px;
}
#footer a{
	text-decoration:none;
	color:#fff;
}
#footer a:hover{
	text-decoration:underline;
	color:#fff;
}

.content{
	margin-left:128px;
	width:830px;
}
#logoline{
	background:url(../img/bg_logo.gif) 0px 0px no-repeat;
	height:85px;
}

#bannerline{
	background:url(../img/bg_newsletter.gif) 0px 0px no-repeat;
	height:90px;
}
#secnav{
	margin-left:510px;
	height:40px;
	padding-top:8px;
}
#secnav a{
	border-right:1px solid #d52027;
	color:#d52027;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:2px;
	padding-top:2px;
	text-decoration:none;
	line-height:0.5;
	display:block;
	float:left;
}
#secnav a:hover{
	color:#333;
}

#nl_subscribe{
	margin-left:518px;
	width:300px;
	line-height:10px;
}
#nl_subscribe #email{
	width:170px;
}
.bu_big_banner{
	width:200px;
	height:55px;
	padding-top:20px;
	margin-left:600px;
}

#sale{
	position:absolute;
	top:0px;
	left:50%;
	width:99px;
	height:120px;
	margin-left:-10px;
	z-index:20;
}

/* start Banner linke Seite  */
#skyscraper{
	position:absolute;
	top:80px;
	left:50%;
	width:120px;
	height:620px;
	margin-left:420px;
	overflow:hidden;
	z-index:10;
}
/* ende Banner linke Seite  */




/* start quicknavi */
#quicknav{
	height:65px;
	background:url(../img/bg_quicknav.jpg) 0px 0px repeat-x;
	width:820px;
	overflow:hidden;
}

.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 620px;
	height: 62px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	height:62px;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin-right: 20px; /*margin around each panel*/
	
width: 100px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
#quicknav_gallery{
	float:left;
}
#bg_wrapper #header #quicknav #quicknav_gallery .belt .panel{
	width:100px;
}
#quickleft{
	width:140px;
	height:65px;
	overflow:hidden;
}
#quickright{
	width:50px;
	height:65px;
	overflow:hidden;
}
#qn_txt{
	font-weight:bold;
	padding-top:31px;
	padding-left:5px;
}
#qn_txt a{
	text-decoration:none;
	color:#333;
}
#qn_txt a:hover{
	color:#666;
}

/* ende quicknavi */



/* start screens */
.screenrow{
	clear:both;
	overflow:hidden;
}
.screen{
	float:left;
	width:273px;
}
.screen .image{
	background-color:#efefef;
	height:226px;
	padding:5px;
}
.screen .image a{
	border: 1px solid #d52027;
	display:block;
	width:258px;
	height:220px;
}
.screen .image a:hover{
	border: 1px solid #414141;
	width:258px;
	height:220px;
}
.screen .image img{
	border:0px solid #fff;
}
.screen .description{
	font-weight:bold;
	height:40px;
	padding-left:7px;
	padding-right:7px;
}
.screen .description a{
	text-decoration:none;
	color:#333;
}
.screen .description a:hover{
	text-decoration:underline;
	color:#666;
}

/* ende screens */


/* PNG IMG  fix for IE6 */
* html #sale img, .bu_big_banner img {
   behavior: url(css/pngbehavior.htc);
}