* {
  margin: 0;
  padding:0;
  background:none;
 
}
html, body {width:100%;height: 100%;min-height: 100%;}
body {
  font-weight:800;
  text-align: left;  
  font: 12px/100% Arial, Helvetica, sans-serif;
  line-height:145%;
  text-align: left;
  margin:0;
  padding:0;
  height:100%;
  background: url(../img/bg.png) fixed repeat-x top left;
}

#wrapper {
	position:relative;
	margin:0 auto;
	/*width: 825px;*/
	width:960px;
	padding:0 10px;
  	min-height: 100%; /* For Modern Browsers */
  	height: auto !important; /* For Modern Browsers */
  	height: 100%; /* For IE */
	/*background: url(../img/wall.png) repeat-y top left;
	*/
}

/*--- header ---------------------------------------------------------------*/
#header {
	position:relative;
	margin:0 auto;
	padding:0;
	/*background:  url(../img/head_wall.png) top left;
	filter:Alpha(opacity=60);
	opacity:60%;*/
}
/*--- logo -----------------------------------------------------------------*/

#brand{
	position:relative;
	width:100%;
	text-align:left;
}
#brand img, #brand a img{ min-width:30%; margin:5px 0; }

#hint{
    position: relative;
    width:100%;
    height:230px;
    background:red;
}

/*-- flash-contents---------------------------------------------------------*/
#flash_head {
	position: absolute;
	width:952px;
	top:90px;
	margin:0 4px;
	z-index:332;
	background: url(../img/wall.png) repeat-y top center;
}

#flash_foot {
	position: relative;
	margin:5px 3%;
	height:150px;
	padding:0;
	border-top:1px solid #c2c2c2;
}
/*-- main container: contains all between headerer and footerer ----------------*/
#content {
	position:relative; 
	width:100%;
	display:block;
	padding:0 0 0.8em 0;
	text-align:left;
	word-wrap:break-word;
	background: url(../img/wall.png) repeat-y top center;
	z-index:333;
}
* html #content{ background:#fff;}
#content .top{
	position:relative; 
	disply:block;
	width:100%;
	height:8px;
	margin:-8px 0 12px 0;
	background: url(../img/cont_top.png) no-repeat top center;
}
/*--- the main container is devided in sub containers ----------------------*/
#content_left{
	position:relative;
	width:22%;
	margin:0 3%;
	float:left;
}
* html #content_left{
	margin:0 0 0 1.8%;
}
#content_center {
	position:relative;
	width:68%;
	float:right;
	margin:0 3% 0 0;
}
* html #content_center {
	width:67.5%;
	margin:0 1.8% 0 0;
}
#content_right {
	position:relative;
	width: 220px;
	width:22.5%;
	float:left;
	margin:0 10px;
	margin:0 1.5%;
}

* html #content_right {
	width:21.5%;
}
/*--- footer ---------------------------------------------------------------*/
#footer {
   position:relative;
   margin:0 auto 20px auto;
   padding:0 3% 1.4em 3%;
   background: url(../img/footer_wall.png) no-repeat center bottom;
   z-index:9999;
}
* html #footer{ background:#fff url(../img/footer_wall.png) no-repeat center bottom;}
#footer div { padding:0.8em 0;font-size:80%;border-top:1px solid #c2c2c2; line-height:1.2em; text-align: justify;}
#footer .nav{ position:relative;display:block; top:0; left:10px; margin:0 5px; font-size:90%; color:#fff;}
#footer div a:link , #footer div a:visited{
   font-weight:bold;
   color: #fff;
   font-size:110%;
}
#footer div a:hover{
	color: #00ccff;
}
/*--- global styles ----------------------------------------*/
#flash_head img, #content_left img{ width:100%;}

/*--- global navigation ----------------------------------------------------*/
a:link, a:visited {
	color: #000033;
	text-decoration:none;
	font-weight:bold;
}
a:hover{
	color:#c9022d;
}
/*--- breadcrump -----------------------------------------------------------*/
#bread_crump{position:absolute;left:0; width:100%; margin-left:0;top:84px; color:#fff; font-size:12px; letter-spacing:0.1em; text-indent:20px; height:18px;  z-index:36;}
#bread_crump a:link, #bread_crump a:visited{ color:#FFFFFF; font-weight:bolder; font-size:12px; letter-spacing:0.1em;}
#bread_crump a:hover{ color: #99FFFF;}
/*--- head navigation ------------------------------------------------------*/

#nav {
	position: relative;
	padding:2px 2% 6px;
	z-index:334;
	height:2.2em;
	text-align:left;
	background: url(../img/nav_wall.png) top left;
}
#nav li {
	position:relative;
	display: block;
	float:left;
	margin:2px 0 6px;
	list-style-type:none;
}

/*--- head navigation items ------------------------------------------------*/

#nav a:link ,#nav a:visited  {
	position:relative;
	font-size:100%;
	margin-right:1px;
	padding:5px 16px;
  	font-weight: bold;
	text-decoration: none;
	text-align:center;
	color:#fff;
}

#nav a:hover, #nav a#mbtn_active {
	background:#fff url(../img/mbtn.gif) repeat-x bottom left;
	
	background:#g2g2g2;
	border-bottom:5px solid none;
}


/*--- main navigation ------------------------------------------------------*/

#main_nav_container {
	position:relative;
	margin:0;
	padding: 0;
	width: 100%;
	height:18px;	
}


.main_nav_list li {
	position:relative;
	display: block;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position: inside;
}

/*--- main navigation items ------------------------------------------------*/

.main_nav_list a:link ,.main_nav_list a:visited  {
	font-size:11px;
	margin:0;
	position:relative;
    display: block;
	padding:5px 0;
  	font-weight: bold;
	text-decoration: none;
	text-align:center;
	color:#000033;	
}

.main_nav_list a:hover {
	color: #99CC00;
}


.main_nav_list a#mbtn_active {
	color: #99CC00;
}


/*--- container for the subnavigation --------------------------------------*/

.sub_nav_container {
	position:relative;
	width:100%;
	text-align:left;
	top:0px;
	margin:0 0 1.5em 0;
	padding:0;
	color: #333333;
	list-style-type:none;
	height:100%;
}
.sub_nav_container img {
	margin:0;
	padding:0;
	position:relative;
	display:inline;
}
/*--- subnavigation --------------------------------------------------------*/
.sub_nav_list {
	width:100%;
	position:relative;
	display:block;
	padding:5px 0;
	color:#333;
	border-bottom:1px solid #c2c2c2;
}
.sub_nav_list li {
	position:relative;
	top:0px;
	margin:0;
	padding: 0;
	list-style-type:none;
	list-style-position:outside;
}

.sub_nav_list a img{ width:100%; display:block;}

/*--- subnavigation items --------------------------------------------------*/
/*.sub_nav_list a img { border:0; position:relative; top:0;margin:1px; max-width:50px;width:50px; height:31px; float:left; display:block;}
*/
.sub_nav_list a:link , .sub_nav_list a:visited{
  	font-size:100%;
  	font-weight: 700;
	letter-spacing:0.02em;
	text-decoration: none;
	padding:0;
	margin:0;
	left:0;
	display: block;
	font-weight:bold;
	voice-family: "\"}\"";
	voice-family: inherit;
	color:#000;
	text-indent:0;
}
.sub_nav_list a:hover{
  color:#999;
}
.sub_nav_list a#mbtn_active{
  color:#999;
}
.sub_nav_list a#msbtn_active{
  color:#999;
}
.sub_nav_list a:link.sbtn, .sub_nav_list a:visited.sbtn{
  color:#000;
  text-indent:5px;
}
.sub_nav_list a:hover.sbtn{
  color:#999;
  text-indent:5px;
}
.sub_nav_list a#sbtn_active{
  color:#999;
  text-indent:5px;
}

/*--- info navigation ------------------------------------------------------*/


.hidden_nav_list li{
	position:relative;
	width:32.66%;
	margin:0px;
	padding: 0;
	list-style-type:none;
	border: #0099FF;
	float:left;
}

/*--- info navigation items with hidden layer that apears at a:hover------------------------------------------------*/

.hidden_nav_list a:link,.hidden_nav_list a:visited  {
	width:100%;
	float:left;
	padding:5px;
    display: block;
  	font-weight: bold;
	text-decoration: none;
	color:#000033;
	z-index:11;
}

.hidden_nav_list a:hover {
	padding:5px;
	background-color:#33CCFF;
	text-decoration: none;
}

.hidden_nav_list a:link img, .hidden_nav_list a:visited img{
	float:left;
	margin:0;
	width:75px;
	height:75px;
}
.hidden_nav_list a:hover img{
	float:left;
	margin:0;
	width:75px;
	height:75px;
}
.hidden_nav_list a:link img, .hidden_nav_list a:visited img{display:block; color:#000033;}

.hidden_nav_list a:link span, .hidden_nav_list a:visited span{
	display:none;
	visibility:hidden;	
}
.hidden_nav_list a:hover span{
	display: block;
	background:red;
	visibility: visible;
	position:absolute;
	width:200px;
	top:10px;
	left:10px;
	
	color:#fff;
	font-size:100%;
	font-weight:normal;
	width:60%;
}

.hidden_nav_list a#mbtn_active {
	text-decoration: none;
	color:#99cc00;
}


/*---detail-buttons------------------------------------------*/
#details_open a:link, #details_open a:visited {
	margin: 5px 5px 0 0;
	color:#999990;
	text-decoration:none;
	width:20px;
	height:19px;
	font-size:0.8em;
	margin:2px;
	background:#fff url(../img/det_open.png) no-repeat top right;
}

#details_open a:hover {
	color:#FF6B08;
	text-decoration:underline;
	background:#ff6600 url(../img/det_open.png) no-repeat bottom right;
}

#details_close a:link, #details_close a:visited {
	position:absolute;
	right:0px;
	top:0px;
	color:#666;
	text-decoration:none;
	width:20px;
	height:19px;
	font-size:0.8em;
	margin:2px;
	background:#fff url(../img/det_close.png) no-repeat top left;
}

#details_close a:hover {
	color:#FF6B08;
	text-decoration:underline;
	background:#ff6600 url(../img/det_close.png) no-repeat bottom left;
}

/*-----------------------------------------------------------*/

.form_till{ border:none; margin-left:200px; padding:0;width:67%;}

.left { display:block; float:left;width:40%; padding:4px 0 0 4px;}
.left_headline { display:block; float:left;width:100%; padding:0 0 0 4px;}

.right { display:block; float:left;width:40%; padding:4px 0 0 4px;}
.clearing{clear:both; height:0px; font-size:0px;}

/*global forms------------------------------------------------------------*/

fieldset { border: 1px solid #ccc; position:relative; padding:5px;margin: 5px 0;}
fieldset legend { font-weight:bold; color:#c9022d;padding:0 2px;}
fieldset input{ width:185px; margin:1px 0;height:1.5em;}
fieldset input[type='text']{border:1px solid #ccc;}
fieldset input[type='checkbox']{margin:2px 0;}
fieldset textarea{ width:185px;margin:1px 0;border:1px solid #ccc;}

fieldset .left { display:block; float:left;width:30%; padding:4px 0 0 4px;clear:left;}

/*btns--------------------------------------------------------------------*/
.submit_btn{
	width:175px;
	border:0;
	margin:5px 0;
	padding:0;
	color:#fff;
	font-weight:bold;
	height:18px;
	cursor:pointer;
	background:url(../img/btn.png) no-repeat right top;
}
.submit_btnhov{
	width:175px;
	border:0;
	margin:5px 0;
	padding:0;
	color:#000;
	font-weight:bold;
	height:18px;
	cursor:pointer;
	background:url(../img/btn.png) no-repeat right bottom;
}

/*------------------------------------------------------------*/
.basket_btn{
	width:150px;
	float:left;
	position:relative;
	border:0;
	top:-2px;
	margin:0 4px;
	padding:0;
	font-weight:bold;
	height:21px;
	cursor:pointer;
	background:url(../img/basket.gif) no-repeat left top;
}
.basket_btnhov{
	width:150px;
	border:0;
	padding:0;
	color:#00ccff;
	font-weight:bold;
	height:21px;
	cursor:pointer;
	background:url(../img/basket.gif) no-repeat left bottom;
}

/*------------------------------------------------------------*/
.inbasket_btn{
	width:182px;
	float:left;
	border:0;
	margin:1px 4px;
	padding:0;
	font-weight:bold;
	height:21px;
	cursor:pointer;
	background:url(../img/in_basket.gif) no-repeat left top;
}
.inbasket_btnhov{
	width:182px;
	border:0;
	margin-bottom:2px;
	padding:0;
	color:#00ccff;
	font-weight:bold;
	height:21px;
	cursor:pointer;
	background:url(../img/in_basket.gif) no-repeat left bottom;
}

/*------------------------------------------------------------*/
.search_btn{
	width:20px;
	float:right;
	border:0;
	margin:0 0 1px 2px;
	padding:0;
	color:#fff;
	font-weight:bold;
	height:18px;
	cursor:pointer;
	background:url(../img/search_btn.png) no-repeat right top;
}
.search_btnhov{
	width:20px;
	float:right;
	border:0;
	margin:0 0 1px 2px;
	padding:0;
	color:#000;
	font-weight:bold;
	height:18px;
	cursor:pointer;
	background:url(../img/search_btn.png) no-repeat right bottom;
}

#fast_search {position:relative;float:right;width:210px;top:0px;right:20px; z-index:37;}

#fast_search input[type='submit']{ position:relative; margin:0;top:0; margin-right:0; right:0;}
#fast_search input[type='text']{margin:0 4px 0 0;border:1px solid #ccc; width:175px;padding:1px 0; float:left; background:#fff;}


.bad { font-weight:bold; color:red;}

/*---------styles--------------------------------------------------------*/
h1 {
	position:relative;
	display:block;
	font-weight:bold;
	color:#c9022d;
	text-align:left;
	/*background: url(../img/arrow_red.gif) no-repeat -5px;*/
}
#content_left h1{
	font-size:145%;
	line-height:155%;
}

#content_center h1{
	width:100%;
	margin-top:0;
	font-size:150%;
	line-height:180%;
	border-bottom:1px solid;
}


#content h2 {
	font-size: 140%;
	font-weight:bold;
	color:#000;
	text-align:left;
	
	/*background: url(../img/arrow_red.gif) no-repeat -5px;*/
}
#content h3 {
	font-size: 102%;
	font-weight:bold;
	line-height: 16px;
	color:#000000;
	text-align:left;
}

#content_left h3, #content_right h3 {
	font-size: 115%;
	font-weight:bold;
	line-height: 115%;
	color: #c9022d;
	text-align:left;
}


#container_content span .sec{
	margin:5px 0;
	border-bottom:1px ridge #ccc;
	display:block;
}



#content_center h1+p, #content_center h1+div { margin:0.8em 0; }

#content_center h2{margin:0.6em 0;}
#content_center p{ margin:0.7em 0; }

#content_center .home{ border:none;}
#content_center .home+div{ margin:0 0 0.5em 0;}

#content_center .col3 h2 { margin:0.6em 5px 0.15em;}
#content_center .col4 h2 { margin:0.3em 0 0.8em; }

#content_center ul {
	
	list-style-type:circle;
	list-style-position: outside;
	margin:5px 0;
}
#content_center li{
	margin:0 15px;
}
#content_center_1 ul li{
	list-style-type:circle;
	list-style-position: inside;
	margin:0 0 5px 0;
}

div#content_main span {
	color:#99ffff;
}




#reg_item { position: relative; bottom:3px; }
b #reg_item{ position: relative; bottom:4px; size:6px; }

#content_txt {
	display:block;
	margin: 0 5px 0 5px;
	
}
#content_txt p{
	display:block;
	margin-bottom:15px;
	
}

#content_list {
	list-style-image: url(../img/list_item.gif);
	display:block;
	margin: 0 0 0 5px;
	
}
#content_list li {
	margin: 0 0 0 25px;
}
#content_list li a:link, #content_list li a:visited{
	list-style-type:disc;
	font-weight:bold;
}
#content_list li b{
	font-weight:bold;
}

#news_list {
	list-style-type:none;
	display:block;
	margin: 0 0 5px 0;
	border:1px solid #ccc;
	
}
#news_list li {
	margin: 0 0 10px 0;
	padding:5px;
}
#news_list li a:link, #content_list li a:visited{
	list-style-type:none;
	font-weight:bold;
}
#news_list li b{
	font-weight:bold;
}
a img { border:none;}
a:link, a:visited {
	color: #000;
	text-decoration:none;
	font-weight:bold;
}
a:hover{
	color:#999;
}
/*--- ref_list ------------------------------------------------------*/
#ref_list {
	position:relative;
	list-style-type:none;
	display:block;
	top:-5px;
}
#ref_list li {
	text-indent:5px;
	
}
#ref_list li a:link, #ref_list li a:visited{
	height:23px;
	padding: 0;
	list-style-type:none;
	display:block;
	color:#A7A7A7;
	font-weight:bold;
	font-size:1.1em;
	line-height:1.7em;
	border-bottom:1px dashed #A7A7A7;
}
#ref_list li a:hover{
	display:block;
	font-weight:bold;
	color:#FF6B08;
}
#ref_list li a#btn_active{
	height:23px;
	display:block;
	color:#000000;
	border-bottom:1px solid #000;
}
#ref_list li a:hover#btn_active {
	color:#FF6B08;
	display:block;
	border-bottom:1px solid #A7A7A7;
}
#flash_home {
	position:relative;border-top:1px solid #b5b5b5;border-bottom:1px solid #b5b5b5;top:0; height:195px;margin:5px 0; z-index:10;
}
#sec_container {
	 border-top:1px solid #b5b5b5;border-bottom:1px solid #b5b5b5;margin:5px 0;position:relative;top:0; width:100%;
}

.superlink1{position:relative;left:0;display:block; float:left;width:24.95%; border:none;margin:0 auto;text-align:center;height:120px;}
.superlink1 a {position:absolute;display:block;width:100%;top:5px; left:5px;height:120px;}
.superlink1 a:link img, .superlink1 a:visited img{position:relative; left:5px;margin-top:5px;}
.superlink1 a:link, .superlink1 a:visited{text-decoration:none; color: #666666;}
.superlink1 a:hover {text-decoration:none; color: #000000; background:gray;}

.superlink3 {display:block;width:100%;position:relative; margin:0;border-bottom:1px solid #ccc; height:36px;}
.superlink3 a {display:block;width:100%;cursor:pointer;font-size:9px;height:36px;}
.superlink3 a:link{ display:block;text-decoration:none; color: #333333;}
.superlink3 a:visited{ display:block;text-decoration:none; color: #FFCC00;background:#999;}
.superlink3 a:hover {text-decoration:none;color: #fff; background:#888;}
.superlink3 a img{float:left;margin-left:3px;margin-top:3px; height:25px;}


.info_link { position:relative; display:block;}
.info_link a:link,.info_link a:visited {height:100px;background: url(../img/products/tonline.png) no-repeat top left;}
.info_link a:hover { background: url(../img/products/tonline.png) no-repeat bottom left;}

#basket_info{width:200px;position:relative;border-bottom:1px solid #ccc; background:#999; padding:5px;color:#c9022d;line-height:110%; font-weight:bold;margin:20px 0 0 0;}
#basket_info form{position:relative; margin:2px 0 -6px 0; }
#basket_info input[type='submit'] { }

.ppage { position:relative; padding:5px 0; margin:5px 0; }

#notice { font: 156% "Times New Roman", Times, serif; line-height:118%; font-style:oblique; font-weight:bold;color:#333;}
.notice { font: 150% "Times New Roman", Times, serif; font-style:oblique; font-weight:bold;color:#333; margin:0; display:block;}

#home_container { position:relative;display:block; width:104%; height:295px; margin:2px 0;}
#home_container div h2 {margin:7px 5px 3px 5px;}
#home_container div h2+p {margin: 5px;}
#home_container div p {margin:5px;}

.sec_container { position:relative;display:block; width:104%; margin-bottom: 2px; top:-5px; border:none;}

.col2 { position:relative;width:65%;height:100%; margin:0 10px 5px 0;border:1px solid #ccc; float:left;}
.col3 { position:relative;width:30%;height:100%; margin:0 2% 5px 0;border:1px solid #ccc; float:left;}
.col4 { position:relative;width:47%;height:100%; margin:0 2% 5px 0;float:left;}
.page_sec{
	position:relative;
	display:block;
	margin-bottom:10px;
	height:100%;
	color:#333;
}

#top_offer_container {position:relative; display:block; top:0;border:1px solid #ccc;text-align:justify; }
#top_offer_container p {text-align:justify;}
#top_offer_container div {height:265px; background: url(../img/sonderposten.png) no-repeat bottom right;}
#top_offer_container div a span{ position:relative;display:block; height:100%; margin:10px; }
#top_offer_container a span img{ position:relative;display:block; margin:10px 0 10px 10%; height:120px;}
#top_offer_container a {text-align:justify;}

#content_left .top_offer {position:relative;width:100%; padding:0; color:#c9022d;}
#content_left .top_offer a { border-top: 1px solid #ccc; margin:0 0 5px;}
#content_left .top_offer a span{ display:block; padding:5px; background: url(../img/wall.png) top center;}
#content_left .top_offer a .price{ width:96%; font-size:180%; color:#FF0000; text-align:right;}



#top_offer_container {position:relative; display:block; top:0;border:1px solid #ccc;}
#top_offer_container div {height:265px; background: url(../img/sonderposten.png) no-repeat bottom right;}
#top_offer_container div a span{ position:relative;display:block; height:100%; margin:10px; }
#top_offer_container a span img{ position:relative;display:block; margin:10px 0 10px 10%; height:120px;}


/*sprungmarken verstecken-----------------------------------------------*/
.nostyle { display:none;}
.nostyle a{ display:none;}
hr { display:none;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.referenceList{
    position: relative;
    display: block;
    left: 0;
    margin-left: -1%;
    margin-top: 10px;
    padding: 0;

}
.referenceList .ref{
    width: 31.3%;
    margin:10px 1% 10px;
    float: left;
    padding: 0;
    background: #fff;
    text-transform: capitalize;
}
.referenceList .ref h3 a{
    position:absolute;
    display: block;
    width: 24%;
    margin:1em 1% 0 1%;
    padding:5px 1em;
    color: #fff;
    font-size: 120%;
    background:red;
    z-index: 445;
    text-transform: capitalize;
}
.referenceList .ref h3 a:hover{
    color: red;
    background: #fff;
}
.ref img{
    position: relative;
    display: block;
    margin:1%;
    width: 95%;
    height: 144px;
    z-index: 444;
    color: #fff;
}
.ref span{
    position: relative;
    display: block;
    top: 10px;
    margin:0 3%;
    padding: 0 3%;
    background: red;
}

.indexInfo{
    position: relative;
    display: block;
}
.indexInfo img{
    width:100%; height:100px; margin:0 auto;
}
.indexInfo a{
    position: absolute;
    right: 3em;
    bottom: 1.7em;
}