/*########################################################################################################################*/
/*### Import Styles
/*########################################################################################################################*/

@import url(header.css);
@import url(nav_main.css);
@import url(searchbox.css);
@import url(opinions.css);
@import url(footer.css);
@import url(col2_content.css);
@import url(promotion.css);
@import url(listviews.css);
@import url(detailview.css);
@import url(nav_left.css);
@import url(basket.css);
@import url(content.css);
@import url(popup.css);
@import url(video.css);
@import url(wishlist.css);
@import url(gutschein.css);
@import url(notepad.css);
@import url(tellafriend_popup.css);
@import url(tellafriend.css);
@import url(iphone.css);
@import url(global.css);
@import url(logout.css);


/*########################################################################################################################*/
/*### CSS RESET
/*########################################################################################################################*/

center, isindex, menu, dir,
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
font-variant: inherit;
vertical-align: baseline;
}

/*########################################################################################################################*/
/*### GENERAL
/*########################################################################################################################*/

body{
	background:#bdc7ca url(../img/bg_body.jpg) repeat-x 0 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}

h1,h2,h3,h4,h5{
	font-weight: bold;
	 font-family:Arialn Arial, Helvetica, sans-serif;
}

h1{font-size:1.4em; margin-bottom:1em;}
h2{font-size:1.4em; color:#4a83b8;}
h3{font-size:1.0em; color:#4a83b8;}
h4{font-size:1.4em;  color:#4a83b8; margin-bottom:1em;}
h5{font-size:1.4em; margin-bottom:1em;}
h6{font-size:1.3em; line-height:1.5em;  font-family:Arialn Arial, Helvetica, sans-serif; color:#666; }

p{line-height:1.5em; font-family: Arial, Helvetica, sans-serif;}
font{ font-family: Arial, Helvetica, sans-serif;}

a{color:#666666; text-decoration: underline;}
a:hover{text-decoration:underline;}

ul li{ margin-left:30px;}
ol li{margin-left:30px;}


fieldset, form, label, textarea, input, select{ font-size:1em; font-family: Arial, Helvetica, sans-serif;}
textarea, select{ background:#fff url(../img/input_back.gif) repeat-x 0 0; border:1px solid #999;}
dl, dd, dt { }

.form-element{
	width:100%;
	margin-bottom: 1em;
}
.form-element label{
	width: 150px;
	display:block;
	float: left;
}

.input-field input,
.input-field select,
.input-field textarea{
	width: 300px;
}
.input-field-radio input{
	margin-right:10px;
	margin-left:5px;
}

#col2 input, 
#col2 fieldset, 
#col2 textarea, 
#col2 select{	
	border: 1px solid #4a83b8;
}

table,td,tr,tbody {}

font{	font-size: 11px;	font-family: Arial, Helvetica, sans-serif; face: Arial, Helvetica, sans-serif; }

/*########################################################################################################################*/
/*### Top of Page
/*########################################################################################################################*/

#top-row{
	background: #dbe1e3 url(../img/bg_top_row.jpg) repeat-x 0 0;
	width: 988px;
	height: 55px;
	overflow: hidden;
	margin-left:10px;
}

#top-row-inner{margin:0 0 0 4px;}

#top{
	background: url(../img/bg_header_top.png) no-repeat 0 0;
	width: 988px;
	height: 4px;
	margin-left:10px;
	overflow: hidden;
}
/*

*html #top{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../img/bg_header_top.png');
}
*/

/*########################################################################################################################*/
/*### PAGE
/*########################################################################################################################*/
#all{
	width: 988px;
	background: url(../img/bg_all.png) repeat-y 0px 0px;
	margin-left:10px;
}
/*
*html #all{
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='crop', src='../img/bg_all.png');
}
*/
#page-margins{
	margin:0 0 0 4px;
	width:980px;
	overflow: hidden;
}

#page{
	border-left:0px solid #999;
	border-right:0px solid #999;
}

#main{	
	background:#ffffff url(../img/main_back.gif) repeat-y 0 0;
	width: 980px;
	padding:0 0 20px 0;
}


/*########################################################################################################################*/
/*### Header
/*########################################################################################################################*/

#header{	
	width: 980px;
	height: 125px;
	overflow: hidden;
	background: url(../img/bg_header.jpg) no-repeat 0 0;
}
/*########################################################################################################################*/
/*### left
/*########################################################################################################################*/

#col1{
	width: 220px;
	float: left;
	overflow: hidden;
	background: url(../img/bg_col1.jpg) no-repeat 0 0;
}

/*########################################################################################################################*/
/*### right
/*########################################################################################################################*/

#col2{
	width: 760px;
	float: left;
	overflow: hidden;
}

#col2-inner{
	margin: 0 10px 0 11px;
}


/*########################################################################################################################*/
/*### Footer 1
/*########################################################################################################################*/

#footer1{	
	width: 980px;
	padding:1px 0 0 0;
	background:#e0e0e0 url(../img/footer1_back.gif) repeat-x 0 0;
}

/*########################################################################################################################*/
/*### Footer 2
/*########################################################################################################################*/

#footer2{	
	width: 980px;
	padding:20px 0 40px 0;
	background:#888888 url(../img/footer2_back.gif) no-repeat 0 0;
	color:#ffffff;
	text-align: center;
} 

/*########################################################################################################################*/
/*### Banner
/*########################################################################################################################*/

#banner{
	position: absolute; 
	left: 1008px;
	top: 42px;
	color:#999999;
}
#banner img{margin-top:10px;}


/*########################################################################################################################*/
/*### Nur fuer Produkt Detailseiten
/*########################################################################################################################*/

#main-product-info{	
	background:#ffffff;
	width: 980px;
	padding:0 0 20px 0;
}

#row-product-info{
	width: 980px;
	float: none;
	overflow: hidden;
}

#row-product-info-inner{
	margin: 0 10px 0 11px;
}


/*########################################################################################################################*/
/*### General Classes
/*########################################################################################################################*/
#multisort{
	margin-bottom:1em;
}

strong{
	font-weight:bold;
}

.clear{	float: none; clear: both; }

.hide-element{	display: none; visibility: hidden;}

.bold{font-weight: bold;}
.normal{font-weight: normal;}

.left{	float: left;}
.right{	float: right;}

.left-prozent-50{	float: left;	width: 50%;}
.right-prozent-50{	float: right;	width: 50%;}

.width80{	width:80px; overflow:hidden;}
.width5{	width:5px; overflow:hidden;}
.width-prozent-50{	width:50%; overflow:hidden;}

.height1em{height:1em;}
.height50px{height:50px;}

.padding10{padding:10px;}
.padding20{padding:20px;}
.padding2010{padding:20px 10px;}

.margin-bottom-1em{	margin-bottom: 1em;}
.margin-bottom-2em{	margin-bottom: 2em;}
.margin-bottom-05em{	margin-bottom: 0.5em;}

.margin-left-15{	margin-left: 15px;}
.margin-left-30{	margin-left: 30px;}

.margin-top-10{	margin-top: 10px;}
.margin-top-5{	margin-top: 5px;}
.margin-top-15{	margin-top: 15px;}

.box-border-grey-bottom{background: url(../img/border.gif) no-repeat left bottom;padding:0 0 5px 0;}

.box-border-lightgrey-bottom{ border-bottom: 1px solid #eee;}
.box-border-lightgrey-top{background: url(../img/border.gif) no-repeat -10px 0; }
.box-border-lightgrey-topbottom{border-bottom: 1px solid #eee;border-top: 1px solid #eee;}

.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

.text-underline{	text-decoration: underline;}

.font-small{font-size:0.8em;}
.font-middle{font-size:0.9em;}
.font-big{font-size:1.2em;}
.font-bigger{font-size:1.3em;}
.font-biggest{font-size:1.4em;}
.font-normal{font-size:1.0em;}

.color-white{color:#ffffff;}
.color-grey{color:#666666;}
.color-light-grey{color:#999;}
.color-blue, .color1{color:#4a83b8;}
.color-red, .color2{color:#eb5f55;}
.color-green, .color4{color:#a0b12d;}
.color-sonderanfertigungen, .color5{color:#91cdcd;}

.color-grey a{color:#666666; text-decoration: underline;}
.color-light-grey a{color:#999; text-decoration: underline;}
.color-white a{color:#ffffff; text-decoration: underline;}
.color-blue a, .color1 a{color:#4a83b8; text-decoration: underline;}
.color-red a, .color2 a{color:#eb5f55; text-decoration: underline;}
.color-green a, .color4 a{color:#a0b12d; text-decoration: underline;}

.content-color-green{color:#a0bf64;}

.werbung-title{color:#666666;	font-size: 0.8em; margin:0 0 0.5em 0;}

.trenner{background:#ccc; height:1px; line-height:0px; margin-bottom:5px; display:block;}

.pdf-link {
	font-weight: bold;
   background: url(../img/pdf.gif) no-repeat 2px 0;
   padding:3px 0 0 25px;
	margin:0 0 0.3em 0;
	display: block;
	text-decoration: underline;
}

.ok-link {
	background: url(../img/ok.gif) no-repeat left center;
	padding: 0 0 0 20px;
	margin: 0 0 0.2em 0;
}

.ok-link-bold {
	background: url(../img/ok.gif) no-repeat left center;
	padding: 0 0 0 20px;
	margin: 0 0 0.2em 0;
	font-weight: bold;
}

.ok-link a{
	text-decoration:underline;

}
.pdf-link a{
	text-decoration:underline;
}

.ssl-link{
   background: url(../img/ssl_icon.gif) no-repeat 2px 0;
   padding:3px 0 0 25px;
	margin:0 0 0.3em 0;
	display: block;
	text-decoration: underline;
}
.ssl-link a{
	text-decoration:underline;
}

.content-container a{
	text-decoration:underline;
}
.content-container a:hover{
	text-decoration:none;
}

.bg-big1{
	background: url(../img/big1.gif) no-repeat 0 0; 
	padding: 10px 0 0 50px;
	height:30px;
}

.bg-big2{
	background: url(../img/big2.gif) no-repeat 0 0; 
	padding: 10px 0 0 50px;
	height:30px;
}

.bg-big3{
	background: url(../img/big3.gif) no-repeat 0 0; 
	padding: 10px 0 0 50px;
	height:30px;
}

.haken-green{	background: url(../img/haken_green.png) no-repeat left top; color:#a0bf64; font-weight:bold; font-size:1.4em; padding-left:30px;}

.arrow-right{background: url(../img/arrow_right.png) no-repeat 0 0; padding:3px 0 10px 30px; font-weight:bold; text-decoration: none;}
.arrow-right a{ text-decoration: none;}
#col2 .arrow-right input{ border: none; width:400px; color:#666; font-weight:bold; background: transparent; text-align: left; cursor: pointer;}


.intext-icon{vertical-align:bottom; margin-bottom: 1px;}


/*########################################################################################################################*/
/*### xmas 2011
/*########################################################################################################################*/

#xmas2011{
	position: absolute;
	left:16px;
	top:181px;
	overflow: hidden;
	width:975px;
	height: 8px;
}
#xmas2011-snowman{
	position: absolute;
	left:506px;
	top:196px;
	overflow: hidden;
	width:25px;
	height: 34px;
	z-index:9888;
}
#xmas2011-haus{
	position: absolute;
	left:925px;
	top:150px;
	overflow: hidden;
	width:65px;
	height: 41px;
}

/*########################################################################################################################*/
/*### counter 2011
/*########################################################################################################################*/

#counter2011{	
	position: absolute;
	left:25px;
	top:134px;
	overflow: hidden;
	width:373px;
	height: 42px;
	background: url(../img/2011_12_counter.png) no-repeat 0 0;
}

#counter2011 .counter2011-zahlen { float:left; width:107px; margin:0 0 0 7px; height: 27px;color:#fff; font-weight: bold; font-size: 18px; letter-spacing: 13px; line-height:1.7em;}

#counter2011 .counter2011-link {float:left; margin:30px 0 0 10px;}
#counter2011 .counter2011-link a{background:#5e91c0; color:#fff; font-size: 10px; font-weight: bold; padding:0px 5px 2px 5px; text-decoration: none;}

/*########################################################################################################################*/
/*### Columns Plugin
/*########################################################################################################################*/


.clear{	float: none; clear: both; }
		
.columns {  width:100%;}
		
.columns div { padding: 0;  float: left; margin-right: 2%;}

.c66 { width: 62%; overflow: hidden; float: left; }
		
.c50 { width: 46%; overflow: hidden;  }
		
.c33 { width: 29%; overflow: hidden; float: left; }
		
.c25 { width: 21%; overflow: hidden; float: left; }