/*########################################################################################################################*/
/*### 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(funktionsmenu.css);
@import url(hauptmenu.css);
@import url(headerbereich.css);
@import url(linke_spalte.css);
@import url(rechte_spalte.css);
@import url(mittlere_spalte.css);
@import url(klassen_inhaltselemente.css);
@import url(footerbereich.css);
@import url(account.css);
@import url(product_list.css);
@import url(product_detail.css);
@import url(category_menu.css);
@import url(basket.css);
@import url(wishlist.css);
@import url(faq.css);
@import url(sitemap.css);
@import url(contact.css);
@import url(giftcard.css);
@import url(infocenter.css);
@import url(promotion.css);
@import url(searchbar.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: #e0e0e0;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333;
}

h1,h2,h3,h4,h5{
	font-weight: bold;
	font-family: Verdana, Geneva, 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;}

p{line-height:1.5em;}

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


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


fieldset, form, label, textarea, input, select{ font-size:1em; }
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 {}
/*########################################################################################################################*/
/*### PAGE
/*########################################################################################################################*/

#page-margins{
	margin:0 0 0 10px;
	width:980px;
	overflow: hidden;
}

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

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

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

#header{	
	width: 978px;
	height: 119px;
	overflow: hidden;
	background:#ffffff;
}
/*########################################################################################################################*/
/*### left
/*########################################################################################################################*/

#col1{
	width: 220px;
	float: left;
	overflow: hidden;
}

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

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

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


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

#footer1{	
	width: 978px;
	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: 1000px;
	top: 42px;
	color:#999999;
}
#banner img{margin-top:10px;}

/*########################################################################################################################*/
/*### 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;}

.box-border-grey-bottom{border-bottom: 1px solid #999999;}

.box-border-lightgrey-bottom{border-bottom: 1px solid #cccccc;}
.box-border-lightgrey-top{border-top: 1px solid #cccccc;}
.box-border-lightgrey-topbottom{border-bottom: 1px solid #cccccc;border-top: 1px solid #cccccc;}

.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-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:#999999;}
.color-blue{color:#4a83b8;}
.color-red{color:#eb5f55;}
.color-green{color:#a0b12d;}
.color-sonderanfertigungen{color:#91cdcd;}

.color-grey a{color:#999999; text-decoration: underline;}
.color-white a{color:#ffffff; text-decoration: underline;}
.color-blue a{color:#4a83b8; text-decoration: underline;}
.color-red a{color:#eb5f55; text-decoration: underline;}
.color-green a{color:#a0b12d; text-decoration: underline;}

.werbung-title{color:#999999;	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;
}