@charset "utf-8";
/* CSS Document */

/*********************************Global*********************************/

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color:#fff;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 18px;
}

a, img, a img {
	border: none;
}

p, ul, li, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

a {
	color: #444;
	text-decoration: underline;	
}

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


small {
	font-size: 11px;
}

hr {
	background-color: #ededed; /* Farbe für Opera und Firefox */ 
 	color: #ededed; /* Farbe für Internet Explorer (IE) */
 	border: 0; 
 	height: 3px;
	position: relative;
	clear: both;
	margin: 0 0 14px 0;
}

.clear {
	clear: both;
	height: 1px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.nopad {
	padding: 0 !important;
}

.lastbox {
	margin-right: 0px !important;
}

.half-height {
	min-height: 200px !important;
}

.left {
	float: left !important;
	margin-left: 0px !important;	
}

.right {
	float: right !important;
	margin-right: 0px !important;	
}

.stock1 { color: green;	}
.stock2 { color: orange; }
.stock3 { color: red; }

.pic {
	border: 1px solid #e4e4e6;
}

.fav,
.check,
.attention,
.invalid {
	background-repeat: no-repeat;
	padding-left: 25px;
}

.fav { background-image: url(../img/ico_star.png); 	background-position: 0 3px; }
.check { background-image: url(../img/ico_check.png); }
.attention { background-image: url(../img/ico_attention.png); }
.invalid { background-image: url(../img/ico_invalid.png); }

.box-shadow {
	-webkit-box-shadow: 3px 3px 6px 3px rgba(68, 68, 68, 0.3);
	-moz-box-shadow: 3px 3px 6px 3px rgba(68, 68, 68, 0.3);
	box-shadow: 3px 3px 6px 3px rgba(68, 68, 68, 0.3);
}

.message1,
.message2 {
	background-color: #FEEFB1;
	border: 1px solid #FEE065; 
	padding: 2px 5px 2px 30px;
	margin: -5px 0 10px 0;
	background-image: url(../img/ico_message.png);
	background-repeat: no-repeat;
	background-position: 5px 2px;
	text-align: left !important;
	position: relative;
}

.message2 {
	background-color: #ffb2b7;
	border: 1px solid #d13003; 	
	background-image: url(../img/ico_attention.png);	
}

/*Für ältere Browser HTML5-Elemente definieren*/
header, article, nav, section, footer, hgroup{ 
	display: block; 
}

/********************************Webfonts**********************************/
/*
@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/opensans/OpenSans-Light-webfont.eot');
    src: url('fonts/opensans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/opensans/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('fonts/opensans/OpenSans-LightItalic-webfont.eot');
    src: url('fonts/opensans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('fonts/opensans/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/opensans/OpenSans-Regular-webfont.eot');
    src: url('fonts/opensans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/opensans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*
@font-face {
    font-family: 'OpenSansItalic';
    src: url('fonts/opensans/OpenSans-Italic-webfont.eot');
    src: url('fonts/opensans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-Italic-webfont.woff') format('woff'),
         url('fonts/opensans/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/opensans/OpenSans-Semibold-webfont.eot');
    src: url('fonts/opensans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/opensans/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('fonts/opensans/OpenSans-SemiboldItalic-webfont.eot');
    src: url('fonts/opensans/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('fonts/opensans/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/opensans/OpenSans-Bold-webfont.eot');
    src: url('fonts/opensans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/opensans/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('fonts/opensans/OpenSans-BoldItalic-webfont.eot');
    src: url('fonts/opensans/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('fonts/opensans/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*
@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('fonts/opensans/OpenSans-ExtraBold-webfont.eot');
    src: url('fonts/opensans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('fonts/opensans/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('fonts/opensans/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('fonts/opensans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('fonts/opensans/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('fonts/opensans/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}*/


/*****************************Form-Elemente******************************/

::-webkit-input-placeholder  { 
	color: #a9a9a9;
	font-style: italic;
}
input:-moz-placeholder { 
	color: #a9a9a9;
	font-style: italic;
}

input, select, textarea {
	border: 1px solid #e4e4e6;
	padding: 4px;
	font-size: 12px;
	font-weight: bold;
	color: #444;
	margin: 0 0 3px;
	font-family: Arial, Helvetica, sans-serif;
}

input:focus, textarea:focus {
	border: 1px solid #444;
}

label {
	display: block;
	font-size: 10px;
	color: #444;
	margin: 0 0 5px;
}

.cb {
	font-size: 12px;
}

.cb input {
	padding:3px;
	width: 15px;
	height: 15px;
	margin-right: 5px	
}

.shortnum {
	width: 50px;
}

form .large_input {
	width: 300px;
	font-size: 16px;
	padding: 8px 10px;
}

form .key {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
}

.key .message1 {
	display: block;
	float: left;
	background-image:url(../img/ico_top.png);
	margin-top: 0;
}

form label {
	padding: 0 5px 0 0;
}

input[type=radio] {
  width: 15px;
  height: 15px;
  padding: 5px;
  display: block;
  clear: left;
  float: left;
  background-color: transparent;
  border: none;
}

form .btn {
	float: right;
	color:#4D4D4D!important;
	font: normal normal normal 12px/18px 'OpenSansBold', Arial, sans-serif;	
	text-align:center;
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.5059);			
	cursor: pointer;
}

form .big_btn {
	padding: 10px 20px;
	color:#4D4D4D!important;
	font: normal normal normal 20px/20px 'OpenSansBoldRegular', Arial, sans-serif;
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.5059);
	cursor: pointer;
}

form .btn:hover ,
form .big_btn:hover {
	border: 1px solid #444;
}

/*Suchfeld*/
.search {
	width: 127px;
	padding: 0px 20px 0 8px;
	margin: 0 5px;
	height: 20px;
	border: 1px solid #a9a9a9;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	background-image: url(../img/ico_search.png);
	background-repeat: no-repeat;
	background-position: right;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;	
}

.radio_select label {
	position: relative;
	display: block;
	border: 1px solid #e4e4e6;
	padding: 5px 0 0 30px;
	font-size: 14px;
	margin-bottom: 20px;	
}

.radio_select label:hover {
	border: 1px solid #444;
}

.radio_select input {
	position: absolute;
	top: 5px;
	left: 5px;
}

.radio_select .selected {
	border: 1px solid #dd1303;
	background-color: #f6f6f6;
}

.spinner {
	float: right;
}

.spinner a {
	float: left;
	clear: both;
	display: block;
	border: 1px solid #444;
	line-height: 7px;
	width: 8px;
	height: 8px;
	text-align: center;
	text-decoration: none;
	font-size: 10px;
	font-weight: 800;
	margin: 0 0 2px 2px;
}

.spinner a:hover {
	border: 1px solid #dd1303;
}

.spinner .spin_down {
	line-height: 5px;
}


/*****************************Buttons******************************/

/**Small Buttons**/
.btn_small_wk { background-image: url(../img/btn_small_wk.png); }
.btn_small_comp { background-image: url(../img/btn_small_comp.png); }
.btn_small_conf { background-image: url(../img/btn_small_conf.png); }
.btn_small_cancel { background-image: url(../img/btn_small_cancel.png); }
.btn_small_select { background-image: url(../img/btn_small_select.png); }
.btn_small_fav { background-image: url(../img/btn_small_fav.png); }
.btn_small_cta { background-image: url(../img/btn_small_cta.png); }
.btn_small_close { background-image: url(../img/btn_small_close.png); }
.btn_small_reload { background-image: url(../img/btn_small_reload.png); }
.btn_small_pricerange { background-image: url(../img/btn_small_pricerange.png); }
.btn_small_mail { background-image: url(../img/btn_small_mail.png); }
.btn_small_edit { background-image: url(../img/btn_small_edit.png); }
.btn_small_reset { background-image: url(../img/btn_small_reset.png); }
.btn_small_fullscreen { background-image: url(../img/btn_small_fullscreen.png); }

.btn_small_wk,
.btn_small_comp,
.btn_small_conf,
.btn_small_cancel,
.btn_small_select,
.btn_small_fav,
.btn_small_cta,
.btn_small_reload,
.btn_small_pricerange,
.btn_small_mail,
.btn_small_edit,
.btn_small_reset,
.btn_small_fullscreen {
	background-repeat:no-repeat;
	border-right:1px solid #727272;
	box-shadow:0 1px 1px 0 rgba(68, 68, 68, 0.3);
	-moz-box-shadow:0 1px 1px 0 rgba(68, 68, 68, 0.3);
	-webkit-box-shadow:0 1px 1px 0 rgba(68, 68, 68, 0.3);	
	color:#4D4D4D!important;
	display:block;
	font: normal normal normal 11px/22px 'OpenSansBold', Arial, sans-serif;	
	height:22px;
	min-width:71px;
	padding:0 4px 0 30px;
	position: relative;
	float: left;
	text-align:center;
	text-decoration:none!important;
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.5059);		
}

.btn_small_cta {
	padding: 0 4px 0 20px;
}

.btn_small_wk:hover,
.btn_small_comp:hover,
.btn_small_conf:hover,
.btn_small_cancel:hover,
.btn_small_select:hover,
.btn_small_fav:hover,
.btn_small_cta:hover,
.btn_small_reload:hover,
.btn_small_pricerange:hover,
.btn_small_mail:hover,
.btn_small_edit:hover,
.btn_small_reset:hover,
.btn_small_fullscreen:hover {
	background-position: 0 -22px;
	color: #444 !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-right: 1px solid #b9b9b9;	
}


/**Large Buttons**/
.btn_large_wk { background-image: url(../img/btn_large_wk.png); }
.btn_large_comp { background-image: url(../img/btn_large_comp.png); }
.btn_large_select { background-image: url(../img/btn_large_select.png); }
.btn_large_back { background-image: url(../img/btn_large_back.png); }
.btn_large_mail{ background-image: url(../img/btn_large_mail.png); }

.btn_large_wk,
.btn_large_comp,
.btn_large_select,
.btn_large_back,
.btn_large_mail {
	background-repeat:no-repeat;
	border-right:1px solid #727272;
	box-shadow:  0px 1px 2px 1px rgba(68, 68, 68, 0.3);	
	-moz-box-shadow:  0px 1px 2px 1px rgba(68, 68, 68, 0.3);
	-webkit-box-shadow:  0px 1px 2px 1px rgba(68, 68, 68, 0.3);
	color:#4D4D4D!important;
	display:block;
	font: normal normal normal 15px/28px 'OpenSansBold', Arial, sans-serif;
	height:28px;
	min-width:115px;
	padding:0 6px 0 42px;
	text-align:center;
	text-decoration:none!important;
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.5059);		
}

.btn_large_wk:hover,
.btn_large_comp:hover,
.btn_large_select:hover,
.btn_large_back:hover,
.btn_large_back:hover {
	background-position: 0 -28px;
	color: #444 !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-right: 1px solid #b9b9b9;	
}

/**Andere Buttons**/

.btn_small_close {
	text-indent: -9999px;
	width: 23px;
	min-width: 23px;
}

.btn_small_close:hover {
	background-position: 0 -22px;
}

.btn_download {
	background-image: url(../img/ico_download.png);
	background-repeat: no-repeat;
	background-position: 0 100%;
	padding: 5px 0 0 20px;
}

.btn_del:hover, .btn_del:focus {
	outline: none;
	background-image: url(../img/ico_del-over.png);
}

.btn_small_3603D {
	width: 70px;
	height: 30px;
	text-indent: -99999px;
	background-image: url(../img/360-3D-small.png);
	background-repeat: no-repeat;
}

.btn_small_3603D:hover {
	background-image: url(../img/360-3D-small-over.png);
}

.magn {
	position: absolute;
	bottom: 5px;
	right: 10px;
	text-indent: -9999px;
	background-image: url(../img/ico_magn.png);
	background-repeat: no-repeat;
	display: block;
	width: 20px;
	height: 20px;
}

.magn:hover {
	background-image: url(../img/ico_magn-over.png);
}

.head_btn_wrapper {
	float: left;
}

.head_btn_wrapper a {
	margin-right: 10px;
}

/*Fallbacks*/
.ui-spinner {position: relative; border: 0px solid white; }
.ui-spinner-buttons {position: absolute}
.ui-spinner-button {overflow: hidden}

/*ICOs*/
.ico_prev {
	background-repeat: no-repeat;
	padding-left: 15px;
	background-image: url(../img/ico_back.png);
	font: normal normal normal 12px/18px 'OpenSansSemibold', Arial, sans-serif;
	text-transform:uppercase;
	background-position: 0px 4px;	
}

.ico_next {
	background-repeat: no-repeat;
	padding-right: 15px;
	background-image: url(../img/ico_next.png);	
	font: normal normal normal 12px/18px 'OpenSansSemibold', Arial, sans-serif;
	text-transform:uppercase;
	background-position: right 4px;	
}


/*******************************Overall********************************/

#overall {
	background-color:#5c5c5c;
	border-bottom:1px solid #444;
	font: normal normal normal 12px/14px 'OpenSansRegular', Arial, sans-serif;
	height:22px;
	left:0;
	position:absolute;
	text-align:center;
	top:0;
	width:100%;
}

#overall a, 
#overall #langSelect, 
#overall p {
	color: #dbdbdb;
	text-shadow:0 -1px -1px rgba(68, 68, 68, 0.5059);	
	text-decoration: none;
}

#overall p  {
	padding-top: 4px;
}

#langSelect {
	position: absolute;
	right: 20px;
	top: 4px;
	background-repeat: no-repeat;
	background-position: 95% 5px;
	padding-right: 25px;
	width: 180px;
}

#langSelect p {
	float: left;
	margin-right: 15px;
	padding: 0;
}

.lang_de {
	background-image: url(../img/ico_lang_de.png);
	background-position: 0 1px;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.lang_en {
	background-image: url(../img/ico_lang_en.png);
	background-position: 0 1px;	
	background-repeat: no-repeat;
	padding-left: 20px;
}

#langSelect #langMenu {
	float: right;	
	list-style: none;
	margin: -2px 0 0;
}

#langMenu li {
	background-color: #5c5c5c;
	border-bottom: 1px solid #444;
	padding: 3px 0 0 0;
	position: relative;
	float: right;
	clear: both;
	width: 100px;
	height: 17px;
}

/*******************************Container********************************/

#container {
	position: relative;
	width: 970px;
	margin: auto;
	margin-top: 50px;
}

.smallgrid {
	position: relative;
	float: left;
	clear: left;
	width: 175px;
}

.largegrid {
	position: relative;
	float: left;
	width: 780px;
	margin-left: 15px;
}


/*********************************Header*********************************/

#mainheader {
	position: relative;
	float: left;
	margin-bottom: 8px;
}

#logo {
	position: relative;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
}

#headnav {
	position: relative;
	float: left;
	width: 778px;
	height: 37px;	
	margin: 12px 0 0 15px;
	padding: 0;
	display: table;
	list-style: none;
	background-image: url(../img/headnav-bg.png);
	background-repeat: repeat-x;
	border-top: 1px solid #c4c4c4;
	border-left: 1px solid #a6a3a2;
	border-right: 1px solid #a6a3a2;
	border-bottom: 1px solid #a9a9a9;	
}

#headnav li {
	table-layout: fixed;	
	display: table-cell;
	text-align: center;	
	border-left: 1px solid white;
	border-right: 1px solid #a6a3a2;
	background-repeat: no-repeat;
	background-position: right;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5059);
}

#headnav li:first-child {
	border-left: none;
	padding: 0 0 0 1px;
}

#headnav li:last-child {
	border-right: none;
	padding: 0 1px 0 0;
}

#headnav .active, 
#headnav .active:hover {
	background-image: url(../img/headnav-active.png);
	background-repeat: no-repeat;
	border-left: none;
	border-right: none;
	padding: 0 1px;
	background-position: left;
	background-size: 100% 37px;
	color: #fff;
	text-shadow: none;
}

#headnav .active a,
#headnav .active a:hover {
	color: #f2f2f2;
}

#headnav .active a:hover {
	color: #fff;
}

#headnav li:hover {
	background-image: url(../img/headnav-over.png);
	background-repeat: no-repeat;
	border-left: none;
	border-right: none;
	padding: 0 1px;
	background-position: left;
	background-size: 100% 37px;
}

#headnav li a {
	display: block;
	height: 36px;
	font: normal normal normal 14px/36px 'OpenSansSemibold', Arial, sans-serif;	
}

#headnav li a {
	display: block;
	text-decoration: none;
	color: #444;
}

#headnav .logged-in span {
	padding-top: 2px;
}

#headnav .logged-in a small {
	color: #d10007;
}

/*Subnav*/
.sub_nav {
	position: relative;
	float: left;
	width: 778px;
	margin: -31px 0 30px 0px;
	padding: 0;
	list-style: none;	
}

.sub_nav li {
	table-layout: fixed;	
	text-align: center;	
	float: left;
	border-left: 1px solid white;
	border-right: 1px solid #a6a3a2;
	border-top: 1px solid #a9a9a9;
	border-bottom: 1px solid #a6a3a2;
	background-repeat: no-repeat;
	background-position: right;
	height: 30px;
	width: 172px;
	padding: 0 10px;
	margin: 20px 0 0px 0;
	background-image: url(../img/headnav-bg.png);
	background-repeat: repeat-x;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5059);
}

.sub_nav li:nth-child(4n+1) {
	border-left: 1px solid #a6a3a2;
	width: 174px;
}

.sub_nav li:hover {
	background-image: url(../img/headnav-over.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size: 100% 37px;
}

.sub_nav li a {
	display: block;
	font: normal normal normal 12px/30px 'OpenSansSemibold', Arial, sans-serif;
	height: 30px;	
	text-decoration: none;
	color: #444;
}

/*User-Box*/
#user_box {
	position: absolute;
	right: 1px;
	top: 51px;
	padding: 10px;
	background-color: #fff;
	z-index: 80;
	box-shadow:  0px 1px 2px 1px rgba(68, 68, 68, 0.3);	
	-moz-box-shadow:  0px 1px 2px 1px rgba(68, 68, 68, 0.3);
	-webkit-box-shadow:  0px 1px 2px 1px rgba(68, 68, 68, 0.3);
	display: none;	
}

#user_box form {
	margin-bottom: 10px;
}

#user_box form,
#user_box p,
#user_box ul {
	float: left;
	clear: both;
}

#user_box p {
	border-bottom: 3px solid #e4e4e6;
	font-size: 11px;
	color: #444; 
	font-weight: bold;
	margin: 10px 0 5px;
	width: 100%;
}

#user_box ul {
	margin: 10px 0;
}

#user_box li {
	list-style: none;
	border-bottom: 1px dotted #e4e4e6;
	padding: 5px 0;
	text-align: center;
}

#user_box li a {
	text-decoration: none;
}

#user_box input[type=checkbox] {
	margin-top: 10px;
}

#user_box .cb {
	font-size: 12px;
}

/*Bilder-Galerie*/
#presenter {
	position: relative;
}

#presenter .magn {
	height: 100%;
	width: 100%;
	position: 0 0;
	background-position: right bottom;
}

.thumbs li {
	list-style: none;
	position: relative;
	float: left;
	margin: 5px 10px 0 0;
}

/********************************LiveSearch*******************************/
#LSResult {
	position: absolute;
	left: 15px;
	top: 208px;
	z-index: 200;
	background-color: #fff;
	box-shadow:  0px 1px 2px 1px rgba(68, 68, 68, 0.3);	
	-moz-box-shadow:  0px 1px 2px 1px rgba(68, 68, 68, 0.3);
	-webkit-box-shadow:  0px 1px 2px 1px rgba(68, 68, 68, 0.3);	
}

#LSResult ul {
	list-style: none;
}

#LSResult ul li .pic {
	float: left;
	margin-right: 10px;
}

#LSResult ul li {
	height: 76px;
	width: 500px;
	position: relative;
}

#LSResult ul li a {
	display: block;
	height: 60px;
	padding: 8px 35px 8px 15px;
	border-bottom: 1px dotted #a9a9a9;
	text-decoration: none;
}

#LSResult ul a:hover {
	background-color: #e4e4e6;
	border-bottom: 1px solid #a9a9a9;
	background-image: url(../img/ico_next.png);
	background-repeat: no-repeat;
	background-position: right 50%;
}

#LSResult #ls_nav {
	padding: 5px 5px;
	background-color: #e4e4e6;
	border-top: 5px solid #a9a9a9;		
}

#LSResult #ls_nav .ico_next {
	float: right;
}
#LSResult #ls_nav .ico_prev {
	float: left;
}

/*********************************Sidebar*********************************/

aside hr {
	margin: 15px 0 10px 0;
}

#conf-link {
	background-image: url(../img/ico_conf.png);
	background-repeat: no-repeat;
	padding: 2px 0 2px 25px;
	margin: 0 5px 10px;
	font: normal normal normal 16px/18px 'OpenSansSemiboldItalic', Arial, sans-serif;	
	color: #dd1303;
}

#conf-link:hover {
	padding-left: 27px;
}

#telnum {
	color: #444;
	font: normal normal normal 17px/18px 'OpenSansBold', Arial, sans-serif;
}

aside nav, aside section {
	border: 1px solid #a9a9a9;
	margin-bottom: 15px;
	line-height: 17px;	
}

aside a {
	color: #444;
	display: block;
	text-decoration: none;
}

aside a:hover {
	text-decoration: none;
	color: #444;
}

aside section p {
	padding: 0 5px;
	margin: 10px 0 10px 0;
	line-height: 16px;
}

aside section strong {
	font-size: 18px;	
}

aside section form {
	margin: 0 0 10px 0;
}

/**SideBoxes gemeinsame Eigenschaften**/
.sidebox1 h1,
.sidebox2 h1 {
	font: normal normal normal 12px/18px 'OpenSansSemibold', Arial, sans-serif;	
}

.sidebox1 li:hover,
.sidebox2 li:hover {
	background-color: #e4e4e6; 
}

.sidebox1 ul,
.sidebox2 ul {
	list-style: none;
	padding: 0;
	margin: 0 0 5px 0;
}

.sidebox1 li,
.sidebox2 li {
	font-size: 12px;
	padding: 5px 0 5px 5px;
}

.sidebox1 .active,
.sidebox2 .active {
	background-color: #e4e4e6;
	border-bottom: 1px solid #c4c4c4;
	border-top: 1px solid #c4c4c4;
}

.sidebox1 .active,
.sidebox1 li:hover {
	background-image: url(../img/ico_menu_open.png);
	background-position: 155px;
	background-repeat: no-repeat;
}

.sidebox1 .sub1,
.sidebox2 .sub1 {
	font-size: 11px;
	font-weight: normal;
	padding: 5px 0 5px 10px;
	border-bottom: 1px solid #e4e4e6;
}

.sidebox1 .sub1:hover,
.sidebox1 .sub1_active {
	background-image: none;
	background-color: #f2f2f2;
}

.sidebox1 .sub1 a:hover,
.sidebox1 .sub1_active a {
	color: #d13303;
}

.sidebox1 .sub2,
.sidebox2 .sub2 {
	font-size: 11px;
	font-weight: normal;
	padding: 3px 0 3px 20px;
}

.sidebox1 .sub2 {
	background-image: url(../img/ico_menu_sub2.png);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	border-bottom: 1px solid #e4e4e6;	
}

.sidebox1 .sub2:hover {
	background-color: #fff;
	background-image: url(../img/ico_menu_sub2-over.png);
	background-repeat: no-repeat;
	background-position: 10px 5px;	
}

.sidebox1 .sub2 a:hover {
	color: #d13303;
}


/**SideBox1**/
.sidebox1 h1 {
	margin: -1px -1px 5px -1px;
	padding: 0 0 0 5px;
	color: #fff;
	background-image: url(../img/sidebar-header-bg.png);
	background-size: 100% 100%;
	background-repeat: repeat-x;
	line-height: 16px;	
	height: 16px;
	border: 1px solid #b70300;
}

.sidebox1 li {
	font-weight: bold;
}

#currency_vat {
	margin: 5px 5px 15px 5px;
}

#currency_vat select {
	float: left;	
	margin-right:10px;
	padding: 1px;
}

/**SideBox2**/
.sidebox2 h1 {
	margin: 5px -1px 3px -1px;
	padding: 1px 5px;
	color: #fff;
	background-color: #a9a9a9;
}

/**SideBox3**/
.sidebox3{
	border: none;
	margin-bottom: 15px;
}

#certs {
	margin-top: 30px;
}

#certs li {
	list-style: none;
	position: relative;
	float: left;
	margin: 5px 0px;
}

/**Product-History**/
#product_history {
	clear: both;
}

#btn_pHistory {
	float: right;
}

#product_history li {
	float: left;
	padding: 15px 5px;
	border-top: 1px solid #a9a9a9;
	word-wrap:break-word;
}
#product_history li:first-child {
	border-top: none;
}

#product_history li:hover {
	background-color: #f2f2f2;
}

#product_history li a {
	width: 163px;
	display: block;
}

#product_history .pic {
	float: left;
}

#product_history span {
	font-size: 11px;
	display: block;
	width: 81px;
	margin-left: 10px;
	float: left;
}

/*********************************Breadcrumb*********************************/

#breadcrumb {
	padding: 0;
	margin: 0 0 5px 0;
}

#breadcrumb li {
	font-size: 12px;
	font-weight: normal;
	padding: 0;
	margin: 0 8px 0 0;
	position: relative;
	float: left;
	list-style: url(../img/ico_open.png);
	list-style-position: inside;
}

#breadcrumb li, #breadcrumb a {
	color: #a9a9a9;
}

#breadcrumb li:first-child {
	list-style: none;
}


/*********************************Slider*********************************/

/**Slider allgemein**/


/**Slider Navigation**/
#slide-nav {
	width: 778px;
	height: 37px;
	padding: 0;
	margin: 0;
	display: table;
	list-style: none;
	background-image: url(../img/headnav-bg.png);
	background-repeat: repeat-x;
	border-top: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;	
	z-index: 50;
}

#slide-nav li {
	table-layout: fixed;	
	display: table-cell;
	text-align: center;	
	border-left: 1px solid white;
	border-right: 1px solid #a6a3a2;
	background-repeat: no-repeat;
	background-position: right;
	font: normal normal normal 13px/37px 'OpenSansSemibold', Arial, sans-serif;		
	color: #444;	
}

#slide-nav li:last-child {
	border-right: none;
	padding: 0 1px 0 0px;
}

#slide-nav li:hover {
	background-image: url(../img/headnav-over.png);
	background-repeat: no-repeat;
	border-left: none;
	border-right: none;
	padding: 0px 1px 0;
	background-position: left;
	background-size: 100% 37px;
	color: #000;
}

#slide-nav .active, 
#slide-nav .active:hover {
	background-image: url(../img/slidenav-active.png);
	background-repeat: no-repeat;
	border-left: none;
	border-right: none;
	padding: 0px 1px 0;
	background-position: left;
	background-size: 100% 37px;
	color: #666666;
}


/**Offer**/
.offer {
	position: relative;
	border: 1px solid #a9a9a9;
	margin-bottom: 0px;
	height: 337px;
}

.offer .slide {
	position: absolute;
	height: 300px;
}

.offer .slide .text {
	position: relative;
	margin: 30px 0 0 30px;
	z-index: 10;
	width: 50%;
}

.offer .slide a {
	text-decoration: underline;
}

.offer .slide hgroup a:hover {
	color: #444;
}

.offer .slide h1 {
	margin: 0;
	padding: 0;
	color: #dd1303;
	font: normal normal normal 24px/28px 'OpenSansSemiboldItalic', Arial, sans-serif;	
}

.offer .slide h2 a {
	margin: 0;
	padding: 1px;
	font: normal normal normal 32px/40px 'OpenSansBold', Arial, sans-serif;
	text-decoration: none;
}

.offer .slide h2 a:hover {
	color: #000;
}

.offer .slide h3 {
	margin: 5px 0 0;
	padding: 0;
	font: normal normal normal 14px/22px 'OpenSansSemibold', Arial, sans-serif;
	color: #a9a9a9;
}

.offer .slide footer {
	margin: 15px 0 0;
}

.offer .slide footer a:link {
	color: #a9a9a9; 
}

.offer .slide footer a:hover {
	color: #000;
	text-decoration: none;
}

.offer .slide .btn_large_select {
	position: absolute;
	bottom: 15px;
	right: -25px;
}

.offer .slide .offer_bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}

.offer slide .offer_desc {
	margin: 10px 0 0;
	padding: 0;	
}

.offer .slide .offer_price {
	font: normal normal normal 32px/42px 'OpenSansBold', Arial, sans-serif;	
	color: #444;
}

.offer #slide-nav {
	position: absolute;
	bottom: 0;
	left: 0px;
	border-bottom: none;
}


/*********************************Content-Elemente*********************************/

.largegrid .cat {
	background-image:url(../img/listing-head-bg.jpg);
	background-repeat:no-repeat;
	color:#606060;
	font: normal normal normal 12px/53px 'OpenSansSemiboldItalic', Arial, sans-serif;
	height:53px;
	margin:0 0 30px;
	padding:0 10px 0 20px;
	width:750px;
}

.content {
	margin: 20px 0 0;
}

.largegrid .headline {
	border-bottom: 2px solid #dd1303;
	margin: 0 0 10px 0;
}

.largegrid .headline h1 {
	font: normal normal normal 16px/30px 'OpenSansBold', Arial, sans-serif;	
	color: #444;
}

.headline .btn_back,
.headline .btn_next {
	position: relative;
	float: right;
	padding: 6px 20px;
	background-color: #e4e4e6;
	color: #444;
	text-decoration: none;
	font-size: 14px;
	margin: 0 0 -1px 0;
}

.headline .btn_back:hover {
	background-image: url(../img/ico_back.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding: 6px 15px 6px 25px;
}

.headline .btn_next:hover {
	background-image: url(../img/ico_next.png);
	background-repeat: no-repeat;
	background-position: 95% 10px;
	padding: 6px 25px 6px 15px;
}

.ticker {
	height: 400px;
	overflow: hidden;
}

.ticker li {
	display: block;
	height: 100px;
	border-bottom: 1px solid #ededed;
	background-image: url(../img/ticker_bg.png);
	background-repeat: repeat-x;
}

.ticker li:hover {
	background-image: url(../img/ticker_bg-over.png);
}

.ticker li a {
	display: block;
	height: 60px;
	padding: 20px 5px;	
	font-size: 12px;
}

.ticker li a:hover {
	text-decoration: none;
	color: #dd1303;
}

.ticker li strong {
	display: block;
	font-size: 11px;
	color: #000;
}

.ticker li span,
.ticker li strong {
	display: block;
	float: left;
	width: 170px;
}

.ticker li .pic {
	float: left;
	margin-right: 10px;
	padding: 3px
}

/*********************************Content-Boxen*********************************/

/**ContentBoxes gemeinsame Eigenschaften**/

.box1,
.box2,
.box3,
.box6 {
	position: relative;
	float: left;
	width: 248px;
	border: 1px solid #a9a9a9;
	margin: 0 15px 15px 0;
}

.box1 a,
.box3 a,
.box6 a {
	color: #000;
	text-decoration: none;
}

.box1:hover,
.box3:hover {
	border: 1px solid #444444;
}

.box1 hgroup { /*Firefox 3.6*/
	position: absolute;
	top: 0;
	left: 0;
	width: 250px;
	height: 300px;
	z-index: 10;
}

.box1 h1,
.box3 h1 {
	position: absolute;
	left: -1px;
	font: normal normal normal 19px/33px 'OpenSansBold', Arial, sans-serif;	
	text-align: center;
	vertical-align: middle;
	width: 250px;
	background-image: url(../img/box4_bg.png);
	background-repeat: repeat-x;
	height: 33px;
	color: #fff;
	padding: 0;
	z-index: 10;
	text-shadow:0 -1px -1px rgba(68, 68, 68, 0.5059);			
}

.box1 .conf,
.box3 .conf {
	font-size: 18px;
	background-image: url(../img/ico_conf_white.png);
	background-repeat: no-repeat;
	padding-left: 25px;
}

.box1 h2,
.box3 h2 {
	font: normal normal normal 18px/18px 'OpenSansRegular', Arial, sans-serif;	
	color: #a9a9a9;
	padding: 5px 5px 0 5px;
}

.box1 h2, .box1 h3,
.box3 h2, .box3 h3 {
	position: relative;
	float: right;
	clear: both;
	margin: 0;
	padding-right: 5px;
	z-index: 10;
	text-align: right;
}

.box1 h3,
.box3 h3 {
	font: normal normal normal 24px/24px 'OpenSansSemibold', Arial, sans-serif;	
	color: #dd1303;
	padding: 0px 5px 5px 0;
}

.box1 .item,
.box3 .item {
	position: absolute;
	top: 55px;
	left: 0;
	z-index: 5;
}

.box1 .price,
.box3 .price {
	position: absolute;
	text-align: right;
	right: 0px;
	z-index: 10;
	font: normal normal normal 18px/18px 'OpenSansSemibold', Arial, sans-serif;
	display: block;
	background: rgba(255,255,255,0.8);
	padding: 3px 8px 3px 5px;
}

.box1 .price span,
.box3 .price span {
	display: block;
	font-weight: normal;
	font-size: 10px;
}

/**box1**/
.box1 {
	height: 330px;
}

.box1 h1 {
	bottom: 15px;
}

.box1 .rating {
	position: absolute;
	top: 50px;
	right: 5px;
	z-index: 10;
}

.box1 .details {
	position: absolute;
	bottom: 3px;
	padding: 5px;
	margin: 0;
	color: #808080;	
	font-size: 11px;
	line-height: 14px;
}

.box1 .manufact {
	position: absolute;
	bottom: 85px;
	left: 10px;
	z-index: 10;
}

.box1 .price {
	bottom: 85px;
}


/**box2**/
.box2 {
	min-height: 400px;	
}

.box2 h1 {
	font: normal normal normal 14px/22px 'OpenSansSemibold', Arial, sans-serif;	
	margin: -1px -1px 0px -1px;
	padding: 0 0 0 5px;
	color: #fff;
	background-image: url(../img/sidebar-header-bg.png);
	background-size: 100% 100%;
	background-repeat: repeat-x;
	height: 22px;
	border: 1px solid #b70300;
}

.box2 .pic {
	position: relative;
	margin: 10px 5px 10px 5px;
}

.box2 .details {
	position: relative;
	padding: 5px;
	margin: 0;
	color: #808080;
	color: #000;
}

.box2 .btn_small_cta {
	position: absolute;
	bottom: 10px;
	right: 5px;
}

.box2 form {
	position: relative;
	width: 228px;
	margin: auto;
	margin-top: 30px;
}

.box2 input[type=text] {
	width: 218px;
}

.box2 select {
	width: 228px;
}

.box2 input[type=submit] {
	margin-top: 30px;
}

/**box3**/
.box3 {
	height: 248px;
}

.box3 h1 {
	bottom: 15px;
}

.box3 .manufact {
	margin: 10px 49px 0;
}

.box3 .item {
	top: 40px;
}

.box3 .blank {
	top: 10px;
}


.box3 .price {
	top: 170px;
	color: #a9a9a9;
}

/**box6**/
.box6 {
}


/**Content-TextBoxes gemeinsame Eigenschaften**/

.box4,
.box5,
.box7 {
	border: 1px solid #ededed;
	border-top: 3px solid #ededed;
	position: relative;
	float: left;
	padding: 5px;
}

.box4 .headline h1,
.box5 .headline h1 {
	margin: 5px 0 0;
}

.box4 .headline,
.box5 .headline {
	border-bottom: none;
}

.box5 ul,
.box4 ul {
	list-style: url(../img/ico_next.png);
	margin-left: 30px;
	margin-bottom: 15px;
}

.box5 li,
.box4 li {
	padding: 2px 0;
	border-bottom: 1px dotted #e4e4e6;
}


/*box4*/
.box4 {
	width: 238px;
	float: right;
	margin: 0 0 15px 15px;	
}

.box4 .thumbs {
	float: left;
}

.box4 .thumbs li {
	list-style: none;
	position: relative;
	float: left;
	margin: 5px 9px 0 0;
}

.box4 .thumbs li:last-child {
	margin: 5px 0 0;
}

.box4 #presenter .magn {
	height: 100%;
	width: 100%;
	position: 0 0;
	background-position: right bottom;
}

.box4 .title {
	float: left;	
	border-bottom: 3px solid #e4e4e6;
	color: #444; 
	margin: 5px 0 5px;
	width: 100%;
	font: normal normal normal 16px/26px 'OpenSansBold', Arial, sans-serif;	
}

.box4 .linklist ul {
	margin: 20px 0;
}

.box4 .rss_ico {
	position: absolute;
	right: 10px;
	top: 12px;
}

.box4 .linklist li {
	list-style: none;
	clear: both;
	border-bottom: 1px dotted #e4e4e6;
	padding: 5px 3px;
}

.box4 .linklist .active {
	background-color: #e4e4e6;
	font-weight: bold;
	background-image: url(../img/ico_back.png);
	background-repeat: no-repeat;
	background-position: 3px 10px;
	padding-left: 20px;
}

.box4 .linklist li a {
	text-decoration: none;
}


/*box5*/
.box5 {
	width: 503px;
	margin: 0 0 15px 0;
	float: left;
}

.box5 .pic {
	margin: 0 0 15px 26px;
}

.box5 .intro {
	font-weight: bold;
}

.box5 .headline {
}

.box5 h2 {
	font: normal normal normal 12px/18px 'OpenSansSemibold', Arial, sans-serif;	
	color: #d10007;
}

.box5 .headline small {
	color: #dd1303;
	display:block;
	font: normal normal normal 12px/14px 'OpenSansSemiboldItalic', Arial, sans-serif;	
}

.box5 p {
	margin: 0 0 15px 0;
}

.box5 .cont_link {
	max-width: 66%;
	font: normal normal normal 14px/18px 'OpenSansSemibold', Arial, sans-serif;
	float: right;
	background-image:url(../img/ico_open.png);
	background-repeat: no-repeat;
	background-position: 0 -5px;
	padding: 0 0 0 15px;
}

.box5 footer {
	border-top: 5px solid #e4e4e6;
	margin: 50px -5px 20px;
}

.box5 footer ul {
	margin: 10px 0 0 30px;
}

.box5 footer li {
	padding: 1px 0;
	list-style:url(../img/ico_open.png);
}

.box5 footer a {
	text-decoration: none;
}

.box5 footer h1 {
	font-size: 14px;
	margin: 10px 5px 0;
}

/*box7*/
.box7 {
	width: 770px;
}

.box7 .headline {
	margin-top: 10px;
}

/**Headlist z.b. Filternav, Konfigurator**/
.headlist {
	margin: 0 0 30px 0;
}

.headlist .headline {
	margin-bottom: 5px;
}

.headlist section {
	position: relative;
	float: left;
	border-bottom: 1px solid #a9a9a9;
	width: 100%;
	padding: 15px 0;
	font-size: 12px;
}

.headlist .tableheader {
	font: normal normal normal 11px/18px 'OpenSansSemibold', Arial, sans-serif;
	background-color: #e4e4e6;
	border: 1px solid #a9a9a9;
	margin-top: 30px;
}

.headlist .tableheader span:first-child {
	margin-left: 76px;
	line-height: 21px;
}

.headlist .hl_row_title h1 /*,
.headlist footer h1*/ {
	display: block;
	position: relative;
	float: left;
	line-height: 20px;
	text-transform: uppercase;
	width: 120px;
	font: normal normal normal 12px/18px 'OpenSansSemibold', Arial, sans-serif;
}

.headlist .pic {
	float: left;
	margin: 0 21px 0 0;
}

.headlist .shortnum {
	font-size: 12px;
	font-weight: 600;
	padding: 2px;
	width: 40px;
}

.headlist .hl_item {
	float: left;
	width: 340px;/*376px; /*380*/
	font: normal normal normal 12px/18px 'OpenSansSemibold', Arial, sans-serif;
}

.headlist .hl_item a {
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: right;
	padding: 0 17px 0 0;		
}

.headlist .hl_item a:hover {
	background-image: url(../img/ico_popup.png);
	text-decoration: underline;
}

.hl_smallcell {
	float: left;
	width: 84px;
	text-align: right;
	line-height: 21px;
}

.headlist .hl_price {
	font: normal normal normal 12px/18px 'OpenSansSemibold', Arial, sans-serif;
	float: left;
	width: 80px;
	margin-left: 20px;
	text-align: right;
}

.headlist .preselected .hl_item,
.headlist .preselected .hl_price {
	color: #a9a9a9;
}

.headlist footer {
	position: relative;
	float: left;
	width: 100%;
	margin: 2px 0 0;
	/*border-top: 1px solid #a9a9a9;*/
	width: 100%;
	padding: 10px 0;
}

.headlist footer small {
	text-transform: none;
	font-weight: normal;
}

.headlist footer .btn_large_wk {
	float: right;
	clear: both;
	margin-top: 40px;
}

.headlist .hl_btn {
	float: right;
	margin-left: 5px;
}

/**Popup für Bildergalerie**/
#pic_popup {
	position: absolute;
	-webkit-box-shadow: 3px 3px 6px 3px rgba(68, 68, 68, 0.3);
	-moz-box-shadow: 3px 3px 6px 3px rgba(68, 68, 68, 0.3);
	box-shadow: 3px 3px 6px 3px rgba(68, 68, 68, 0.3);
	background-color: #fff;	
	z-index: 150;
}

#pic_popup #close_popup {
	position: absolute;
	top: 5px;
	left: 5px;
	text-indent: -9999px;
	background-image: url(../img/ico_del.png);
	display: block;
	width: 15px;
	height: 22px;
}

#pic_popup #large_pic {
	float: left;
}

#pic_popup .thumbs {
	float: right;
	margin: 5px 5px 0 5px;
	cursor: pointer;
}

#pic_popup .thumbs li {
	position: relative;
	clear: right;
	float: right;
}

#pic_popup .thumbs li img:hover {
	border: 1px solid #444;
}


/**Contact-Table**/
.contact-table {
	width: 66%;
	margin: auto;
}

.contact-table td {
	padding: 5px 10px 0px;
}

.contact-table .desc {
	padding: 0 10px 10px;
}

.contact-table .spacing {
	padding: 30px 0;
}

.contact-table .big_btn {
	float: right;
}

/**Staffelpreise**/

.price_table {
	font-size: 11px;
	float: right;
	padding: 0;
	margin: 10px 0;
	border-spacing: 0px;
	border: 1px solid #a9a9a9;
	text-align: right;
}

.price_table td {
	padding: 3px 10px;
	border-bottom: 1px solid #e4e4e6;	
}

.price_table thead tr:first-child {
	background-color: #e4e4e6;
	font: normal normal normal 12px/18px 'OpenSansSemiboldItalic', Arial, sans-serif;
}

.price_table tfoot td {
	border-top: 3px double #e4e4e6;
	border-bottom: 0;
}


/************************************Footer************************************/

#footer {
	position: relative;
	float: left;
	width: 780px;
	clear: both;
	margin: 50px 0 200px 190px;
	border-top: 2px solid #a9a9a9;
	padding: 10px 0 0;
}

#footer a {
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer nav, 
#footer section {
	position: relative;
	float: left;
	width: 250px;
	margin: 0 15px 30px 0;
}

#footer h1 {
	font: normal normal normal 16px/18px 'OpenSansSemibold', Arial, sans-serif;
	font-size: 16px;
	color: #dd1303;
	margin-bottom: 10px;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer li {
	padding: 1px 0;
}

#copyright {
	text-align: center;
	color: #cccccc;
}

/**********************************Shipping**********************************/
#shipping {
	position: absolute;
	background-color: #fff;
	padding: 5px;
	font-size: 11px;
	width: 300px;
	border: none;
}

/**********************************Warenkorb+Vergleich************************/

.wkSide, .wkTop,
.compSide, .compTop {
	font: normal normal normal 12px/18px 'OpenSansSemibold', Arial, sans-serif;
}

.wkSide,
.compSide {
	position: fixed;
	top: 163px;
	width: 73px;
	min-height: 79px;
	background-image: url(../img/warenkorb_bg.png);
	background-repeat: no-repeat;	
}

.compSide {
	top: 363px;
	background-image: url(../img/comp_side.png);	
}

.wkSide .count,
.compSide .count {
	text-align: right;
	padding: 3px 3px 0 0;
	color: #fff;
	font: normal normal normal 11px/18px 'OpenSansBold', Arial, sans-serif;	
}

.wkSide .price,
.compSide .comp_title  {
	text-align: center;
	padding-top: 41px;
	color: #444;
	font: normal normal normal 10px/14px 'OpenSansBold', Arial, sans-serif;
}

.wkSide a,
.compSide a {
	text-decoration: none;
}

.wkSide ul,
.compSide ul {
	margin-top: 15px;
	list-style: none;
}

.wkSide li,
.compSide li {
	padding: 0 0 15px 0;
}

.wkSide li a,
.compSide li a {
	text-decoration: none;
	color: #444;
}

.wkSide li a:hover,
.compSide li a:hover {
	text-decoration: underline;
	color: #000;
}

.wkTop {
	position: absolute;
	top: 104px;
	width: 202px;
	height: 50px;
	background-image: url(../img/warenkorb_top_bg.png);
	background-repeat: no-repeat;
	z-index: 1001;		
}

.compTop {
	position: absolute;
	top: 104px;
	width: 101px;
	height: 50px;
	background-image: url(../img/comp_top.png);
	background-repeat: no-repeat;		
}

.wkTop a {
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: block;
}

.wkTop .count,
.compTop .count {
	position: relative;
	float: left;
	margin: 3px 10px 0 33px;
	font: normal normal normal 12px/18px 'OpenSansBold', Arial, sans-serif;
	color: #fff;
}

.compTop .count {
	margin: 3px 10px 0 63px;
}

.wkTop .price {
	position: relative;
	float: right;
	padding: 5px 10px 0 0;
	font: normal normal normal 16px/18px 'OpenSansBold', Arial, sans-serif;
	color: #fff;
}

.wkTop ul,
.compTop .comp_title {
	float: left;
	clear: both;
	margin-top: 8px;
	display: table;
	list-style: none;	
	width: 202px;
}

.wkTop ul {
	margin-top: -19px;
}

.compTop .comp_title {
	width: 101px;
	text-align: center;
	padding-top: 2px;
	color: #444;
}

.wkTop li {
	table-layout: fixed;	
	display: table-cell;
	padding: 0 4px;
	text-align: center;	
	font-size: 12px;
}

.wkTop li a {
	text-decoration: none;
	color: #444;
}

.wkTop li a:hover {
	text-decoration: underline;
	color: #000;
}

/*#######################################################################*/
/******************************Produkt-Listing****************************/

/**Filter-Nav auf Kategorieseite**/
#filternav section ul {
	position: relative;
	float: left;
	font-weight: normal;
	list-style: none;
	width: 650px;
}

#filternav section li {
	position: relative;
	float: left;
	font-weight: normal;
	font-size: 12px;
	line-height: 22px;
	height: 22px;
}

#filternav a {
	padding: 3px 11px 3px 11px;	
}

#filternav a:hover {
	background-image:url(../img/ico_redplus.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}

#filternav .active {
	background-color: #e4e4e6;
	font: normal normal normal 12px/22px 'OpenSansBold', Arial, sans-serif;
	color: #000;
	padding: 3px 5px 3px 5px;
	margin: 0 6px;	
}

#filternav .active:hover {
	color: #444;
	text-decoration: line-through;
	background-image: none;
}

/**Produkt-Liste**/

.productlist .head {
	font-weight: bold;
	height: 15px;
	line-height: 15px;
	background-color: #e4e4e6;
	border: 1px solid #a9a9a9;	
}

.productlist #showall_price_range {
	position: relative;	
	clear: both;
	float: right;
}

.productlist .head .active {
	background-image: url(../img/sidebar-header-bg.png);
	background-size: 100% 100%;
	background-repeat: repeat-x;
	border: 1px solid #b70300;
	margin: -1px 0 0 -1px;
	height: 15px;
}

.productlist .head .active a {
	color: #fff;
}

.productlist .head .active a:hover {
	color: #e4e4e6;
}

.productlist .head a {
	color: #444;
	text-decoration: none;
	background-image: url(../img/ico_sort.png);
	background-position: right 4px;
	background-repeat: no-repeat;
	padding: 0 25px 0 0;
	font-size: 11px;
}

.productlist .head a:hover {
	color: #000;
	text-decoration: none;
	background-position: right -11px;	
}

.productlist .head .product {
	width: 394px;
	position: relative;
	float: left;
	padding: 0 10px;
}

.productlist .head .attr {
	padding: 0 10px !important;
}

.productlist article {
	border-left: 1px solid #a9a9a9;	
	border-right: 1px solid #a9a9a9;	
	border-bottom: 1px solid #a9a9a9;
	padding: 10px 5px 20px 5px;
}

.productlist article header {
	margin: 5px 0 0 5px;
	width: 768px;
	position: relative;
	float: left;
}

.productlist h1 {
	font: normal normal normal 16px/18px 'OpenSansBold', Arial, sans-serif;
	background-image: none;
	width: auto;
	padding: 0;	
	margin: 0 0 10px 0;
}

.productlist h1 a{
	color: #000;
	text-decoration: underline;
}

.productlist h1 a:hover {
	color: #dd1303;
	text-decoration: none;	
}

.productlist .description {
	font-weight: normal;
	position: relative;
	float: left;
	font-size: 11px;
	width: 314px;
	margin: 0 10px 0 0;
}

.productlist .productpic {
	clear: both;
	position: relative;
	float: left;
	width: 70px;
	margin: 5px 10px 5px 0;
}

.productpic .magn {
	bottom: 0;
	right: 0;
}

.productlist .stock1,
.productlist .stock2,
.productlist .stock3 {
	display: block;
	margin-top: 10px;
}

.productlist .btn_small_3603D {
	float: left;
	clear: left;
	margin-top: 10px;
}

.productlist .attr {
	width: 98px;
	position: relative;
	float: left;
	font-size: 11px;
	padding: 0px 10px 10px;
}

.productlist .price {
	float: left;
	margin: 0;
	font: normal normal normal 16px/18px 'OpenSansBold', Arial, sans-serif;
}

.productlist .btn_small_wk, 
.productlist .btn_small_comp,
.productlist .btn_small_pricerange,
.productlist .btn_small_select {
	margin: 0px 0 10px;
	clear: both;
	float: left;
}

.productlist footer,
#comp_nav {
	padding: 5px 0;
	background-color: #e4e4e6;
	border-left: 1px solid #a9a9a9;
	border-right: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;		
	border-top: 5px solid #a9a9a9;
}

#comp_nav {
	border-top: 1px solid #a9a9a9;
	float: right;
}

.productlist footer #article_count,
.productlist footer #article_count p,
.productlist footer #article_count ul {
	float: left;
}

.productlist footer #article_count p {
	padding: 3px 5px;
}

.productlist footer #sitelist,
#comp_nav #sitelist {
	float: right;
}

.productlist footer li,
#comp_nav li {
	list-style: none;
	float: left;
	padding: 3px 10px;
	border-right: 1px solid #a9a9a9;
}

.productlist footer li:last-child,
#comp_nav li:last-child {
	border-right: none;
}

.productlist footer .active,
#comp_nav .active {
	font-weight: bold;
}

.productlist .price_range {
	position: relative;
	float: right;
	margin-right: 12px;
	background-color: #fff;
}

.productlist .price_range_dyn {
	position: absolute;
	right: 130px;
	background-color: #fff;
	-webkit-box-shadow: 3px 3px 6px 3px rgba(68, 68, 68, 0.3);
	-moz-box-shadow: 3px 3px 6px 3px rgba(68, 68, 68, 0.3);
	box-shadow: 3px 3px 6px 3px rgba(68, 68, 68, 0.3);
	z-index: 500;	
}
.productlist .price_range_dyn table {
	margin: 0;
}

/*Sonderklassen für weniger Cols*/

.col4 .head .product {	width: 386px; }
.col4  article header {	width: 398px; }
.col4  article header h2 {	width: 298px; }

.col3 .head .product {	width: 504px; }
.col3  article header {	width: 516px; }
.col3  article header h2 {	width: 416px; }


.col3-slim .head .product { width: 386px; }
.col3-slim  article header {	width: 398px; }
.col3-slim  article header h2 {	width: 298px; }
.col3-slim  article header h2 {	width: 298px; }
.col3-slim .head span:last-child { width: 216px }
.col3-slim .productpic { display: none; }
.col3-slim .btn_small_wk,
.col3-slim .btn_small_comp,
.col3-slim .btn_small_pricerange {
	float: right;
}
.col3-slim .btn_small_wk {
	margin-top: 0;
}

/*#######################################################################*/
/******************************Produkt-Details****************************/
.product #social_plugin {
	margin-top: 10px;
	float: left;
}

.product .headline h1 {
	text-transform: uppercase;
	font-size: 20px;
	display: block;
	position: relative;
	float: left;	
}
.product .col33 {
	position: relative;
	float: left;
	width: 250px;
	margin-right: 15px;
}

.product footer {
	margin-top: 50px;
}

.product footer #social_share {
	float: right;
}

.abstract strong, .abstract p {
	display: block;
	margin-bottom: 15px;
}

.abstract #presenter img {
	width: 248px;
	padding: 0;
	margin: 0;
}

.product .btn_large_3603D {
	float: left;
	margin: 10px 0px 0 0;
	background-image: url(../img/btn_3D-360.png);
	height: 84px;
	width: 69px;
	display: block;
	text-indent: -9999px;
}
.product .btn_large_3603D:hover {
	background-position: 0 -86px;
}

.product #manufact {
	float: right;
	margin: 20px 0 0;
}

.abstract .megalist {
	border: 1px solid #e4e4e6;
	padding: 5px;
	float: right;
	list-style: none;
	margin: 10px 0 0;
	width: 155px;
}

.abstract .megalist li {
	border-bottom: 1px solid #e4e4e6;
	background-color: #f6f6f6;	
	padding: 2px 5px 2px 25px;
	background-position: 3px 3px;
	color: #444;
	font: normal normal normal 12px/18px 'OpenSansSemibold', Arial, sans-serif;	
	background-image: url(../img/ico_check.png);
	background-repeat: no-repeat;
	list-style:none;
	margin: 0;
}
.abstract .megalist li:nth-child(even) {
	background-color: #fff;
}

.abstract .megalist li:first-child {
	border-top: 1px solid #e4e4e6;
}

.abstract .lastbox {
	text-align: right;
}

.abstract .price  {
	font: normal normal normal 24px/18px 'OpenSansBold', Arial, sans-serif;	
}

.abstract .rating  {
	float: right;
	clear: both;
	margin-top: 20px;
}

.abstract .shortnum {
	font-size: 18px;
	padding: 5px;
	float: right;
}

.abstract label {
	display: inline;
}

.abstract .btn_large_wk,
.abstract .btn_large_comp,
.abstract form,
.abstract .rating  {
	float: right;
	clear: both;	
	margin: 10px 0 0;
}

/**Overview**/
#overview {
	position: relative;
	float: left;
	width: 778px;
	/*border: 1px solid #a9a9a9;	*/
	/*background-color: #E4E4E6;	*/
	margin-top: 30px;
	padding: 5px 0;
}

#overview table {
	border-spacing: 0;
}

#overview .configuration {
	position: relative;
	float: left;
	width: 248px;
	margin-right: 20px;
	font-size: 11px;
}

#overview #checklist_wrapper {
	border: 1px solid #e4e4e6;
	position: relative;
	float: right;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;	
	padding: 6px 9px;
	height: 100%;
}

#overview #checklist_wrapper .checklist {
	position: relative;
	float: left;
	width: 106px;
	margin-right: 10px;
	font-size: 11px;	
}

#checklist_wrapper .checklist:last-child {
	margin-right: 0;
}

#checklist_wrapper .checklist td {
	vertical-align: top;
	padding: 2px 4px 2px 0;	
}

#checklist_wrapper .checklist .feature_false,
#checklist_wrapper .checklist .feature_true {
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: inline-block;
	width: 15px;
	height: 15px;
	background-position: 0 3px;
}

#checklist_wrapper .checklist .feature_false { background-image:url(../img/ico_no_small.png); }
#checklist_wrapper .checklist  .feature_true { background-image:url(../img/ico_check_small.png); }

#overview .configuration td {
	vertical-align: top;
	border-bottom: 1px solid #e4e4e6;	
	padding: 4px;
}

#overview .configuration tr:first-child td {
	border-top: 1px solid #e4e4e6;
}

#overview table .key {
	color: #d13003;
}

/**Slider**/
.product .slider {
	position: relative;
	margin-top: 30px;
	min-height: 7px;
	padding-top: 30px;
	border: 1px solid #a9a9a9;
}

.product #slide-nav {
	position: absolute;
	top: 0;
	left: 0;
	border-top: none;
	border-bottom: 1px solid #a9a9a9;	
}

.product .slide {
	position: relative;
	padding: 30px 100px;
}

.product .slide ul {
	margin-left: 12px;
	padding-bottom: 20px;
}

.product .slide .slide_title h1 {
	color: #dd1303;
	font: normal normal normal 22px/32px 'OpenSansSemiboldItalic', Arial, sans-serif;
	border-bottom: 3px solid #e4e4e6;
}

.product .slide .slide_text {
	margin: 15px 0 0;
}

.product .slide .btn_small_cta {
	position: absolute;
	top: 36px;
	right: 100px;
}

.slide .box1 {
	margin: 18px 14px 0 0;
}

.slide .productlist {
	margin-top: 15px;
}

.slide .productlist article {
	border-width: 0 0 1px 0;
}


/**Specs-Table**/
.specs {
	width: 100%;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	text-decoration: none;
	color: #444444;	
	border-top: 3px solid #e4e4e6;		
}

.specs a {
	color: #444;
	text-decoration: none;
}

.specs a:hover {
	text-decoration: underline;
}

.specs td {
	vertical-align: top;
}

.specs tr {
	padding: 0;
	margin: 0;
}

.specs .key {
	background-image: url(../img/table-bg.png);
	background-repeat: repeat-y;
	background-position: right;
	width: 150px;
	padding: 10px 15px;
	margin: 0;
	font-weight: bold;
	border-bottom: 1px solid #e4e4e6;
	border-right: 1px solid #fff;
}

.specs .val {
	border-left: 1px solid #e4e4e6;
	padding: 10px 15px;
	border-bottom: 1px solid #e4e4e6;
}

.specs li,
.product .slide li,
.abstract li führt zu Problemen im IE7 {
	list-style: url(../img/ico_plus.png);
	border-bottom: 1px dotted #e4e4e6;
	padding: 5px 0;
	margin-left: 20px;
}

.specs .first {
	font-weight: bold;
	list-style: none;
	margin-left: 0;
	border-bottom: 3px double #444;
}

.specs .check {
	background-image: none;
	padding: 0;
}

.specs .check li{
	list-style: url(../img/ico_check.png);
}

/**Rating/Comments**/
.ratingSummary {
	margin-bottom: 20px;
}

.ratingSummary thead td {
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px dotted #e4e4e6;
}

.ratingSummary .stars {
	width: 70px;
}

.ratingSummary .progress {
	width: 100px;
	height: 20px;
	background-color: #e4e4e6;
	padding: 0;
}

.ratingSummary .progress .bar {
	display: block;
	height: 20px;
	background-color: #dd1303;
}

.product .comment {
	border-bottom: 1px dotted #e4e4e6;
	padding: 20px 0;
}

.product #new_commment {
	border-bottom: 3px solid #e4e4e6;
	padding-bottom: 20px;
	margin-bottom: 40px;
}

.product #new_commment strong {
	display: block;
	color: #d13003;	
	font-size: 14px;
	margin: 0 20px 10px 0;
	float: left;
}

#starselect {
	display: block;
	float: left;
	width: 100px;
	height: 20px;
	overflow: hidden;
}

.product #new_commment form {
	width: 277px;
}

.product #new_commment textarea {
	width: 267px;
	height: 100px;
}

.product #new_commment input[type="submit"] {
	float: right;
	margin: 20px 0 0;
}

.product #new_commment p {
	font-size: 11px;
	margin-bottom: 11px;
	float: right;
	width: 279px;
}


/**comp_cases**/
#comp_cases {
	margin-top: 30px;
}

#comp_cases article {
	width: 240px;
	margin-right: 15px;
	border-top: 1px solid #e4e4e6;
	border-bottom: 1px solid #e4e4e6;	
	padding: 5px 5px;
	position:relative;
	float: left;
	margin-bottom: 20px;
}

#comp_cases .headline {
	margin-top: 30px;
}

#comp_cases .headline h1 {
	float: none;
	text-transform: none;
	font: normal normal normal 18px/26px 'OpenSansSemiboldItalic', Arial, sans-serif;
}

#comp_cases article h1 a {
	text-decoration: none;
}

#comp_cases article h1 a:hover {
	text-decoration: underline;
}

#comp_cases article pic {
	float: left;
}

#comp_cases article header {
	float: right;
	width: 157px;
}

#comp_cases article h1 {
	font-size: 11px;
	font-weight: normal;
}



/*#######################################################################*/
/********************************Konfigurator*****************************/

.configurator .cat h1 {
	background-image: url(../img/ico_conf_cat.png);
	background-repeat: no-repeat;
	background-position: 0 15px;
	padding: 0 0 0 30px;
}

.configurator .headline h1 {
	margin-top: 30px;
}

.configurator .preselected .check {
	background-image: url(../img/ico_check_grey.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	color: #a9a9a9;
}

.configurator .active-item .productlist {
	border-bottom: none;
}

.configurator .headlist .active-item .hl_row_title h1 {
	padding-left: 25px;
	background-image: url(../img/ico_arrow_down.png);
	background-repeat: no-repeat;
}

.configurator .headlist .empty h1 {
	padding-left: 25px;	
}

#save_preset {
	float: right;
}

#save_preset input {
	padding: 3px 1px;
	font-size: 11px;
	width: 200px;
}

#save_preset .save_form {
	background-image: url(../img/ico_save.png);
	background-repeat: no-repeat;;
	margin-left: 5px;
	border: none;
	width: 22px;
	height: 22px;
	cursor: pointer;
}

.configurator .btn_small_reset {
	margin-left: 20px;
}

#conf_amount {
	float: right;
	margin-right: 20px;
}
#conf_amount input {
	font-size: 16px;
}

/*#######################################################################*/
/********************************Bestellprozess***************************/

#login_overlay {
	width: 810px;
	z-index: 110;
	background-color: #fff;
	position: absolute;
	padding: 15px;
}

#login_overlay .cat {
}

#login_overlay .box4 {
	float: left;
	margin: 0 10px 0 0;
}

#order_process {
	position: relative;
	float: left;
	width: 778px;
	margin: -5px 0 20px 0px;
	padding: 0;
	display: table;
	list-style: none;
	border: 1px solid #e4e4e6;
	box-shadow:0 1px 1px 0 rgba(68, 68, 68, 0.3);
	-moz-box-shadow:0 1px 1px 0 rgba(68, 68, 68, 0.3);
	-webkit-box-shadow:0 1px 1px 0 rgba(68, 68, 68, 0.3);		
}

#order_process li {
	table-layout: fixed;	
	display: table-cell;
	text-align: center;	
	vertical-align: bottom;
	border-left: 1px solid white;
	border-right: 1px solid #e4e4e6;
	background-repeat: no-repeat;
	background-position: center;
	padding: 5px;
	width: 154px;
	height: 90px;
	font: normal normal normal 12px/18px 'OpenSansSemibold', Arial, sans-serif;
	text-shadow:0 1px 1px rgba(200, 200, 200, 0.8);	
}

#order_process li:first-child {
	border-left: none;
	padding: 5px 5px 5px 6px;
}

#order_process li:last-child {
	border-right: none;
	padding: 5px 6px 5px 5px;
}

#order_process #picto_wk_inactive,
#order_process #picto_adress_inactive,
#order_process #picto_money_inactive,
#order_process #picto_control_inactive,
#order_process #picto_finish_inactive,
#order_process #picto_wk_checked,
#order_process #picto_adress_checked,
#order_process #picto_money_checked,
#order_process #picto_control_checked {
	background-color: #e4e4e6;
	color: #8f8f8f;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8);	
}


#order_process #picto_wk_active { background-image: url(../img/picto_wk.png); }
#order_process #picto_wk_inactive { background-image: url(../img/picto_wk-inactive.png); }
#order_process #picto_wk_checked { background-image: url(../img/picto_wk-checked.png); }

#order_process #picto_adress_active { background-image: url(../img/picto_adress.png); }
#order_process #picto_adress_inactive { background-image: url(../img/picto_adress-inactive.png); }
#order_process #picto_adress_checked { background-image: url(../img/picto_adress-checked.png); }

#order_process #picto_money_active { background-image: url(../img/picto_money.png); }
#order_process #picto_money_inactive { background-image: url(../img/picto_money-inactive.png); }
#order_process #picto_money_checked { background-image: url(../img/picto_money-checked.png); }

#order_process #picto_control_active { background-image: url(../img/picto_control.png); }
#order_process #picto_control_inactive { background-image: url(../img/picto_control-inactive.png); }
#order_process #picto_control_checked { background-image: url(../img/picto_control-checked.png); }

#order_process #picto_finish_active { background-image: url(../img/picto_finish.png); }
#order_process #picto_finish_inactive { background-image: url(../img/picto_finish-inactive.png); }

#repeat_footer_btns {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

#order_footer {
	margin-top: 50px;
}

#order_footer .wrapper {
	float: left;
	width: 100%;
}

/*Extra Highlight für Button-Lösung*/
.order_summary {
	margin-top: 15px;
	border: 1px solid #DD1303;		
	padding: 0 10px 5px;
	-webkit-box-shadow:  1px 1px 2px 1px rgba(68, 68, 68, 0.3);
	-moz-box-shadow:  1px 1px 2px 1px rgba(68, 68, 68, 0.3);
	box-shadow:  1px 1px 2px 1px rgba(68, 68, 68, 0.3);
	margin-bottom: 0;
}
.order_summary .tableheader {
	margin-top: 10px;
}

.order_summary .description {
	font: normal normal normal 11px/14px Tahoma, Arial, sans-serif;
	margin: 3px 0;
}

.order_summary .description a {
	color: #DD1303;
}

#summary {
	border-spacing: 0px;
	width: 228px;
	margin: 20px 10px;
}

#summary td {
	padding: 5px 8px;
	border-bottom: 1px solid #e4e4e6;
}

#summary .key {
	font-size: 11px;
}

#summary .val {
	text-align: right;
}

#summary .subtotal td {
	border-top: 2px solid #e4e4e6;
}

#summary .total td {
	border-top: 3px double #444;
	font-weight: bold;
	padding: 12px 8px;
}

#footer_summary {
	position: relative;
	float: left;
	width: 100%;
	margin: 2px 0 0;
	width: 100%;
	padding: 10px 0;
}

#footer_summary section {
	border-bottom: none;
	padding: 1px 0;
}

#footer_summary h1 {
	float: left;
	width: 640px;
	padding-right: 30px;
	text-align: right;
}

#footer_summary .hl_smallcell,
#footer_summary h1  {
	font: normal normal normal 12px/18px 'OpenSansSemibold', Arial, sans-serif;
}

#footer_summary .pre_total {
	border-top: 1px solid #a9a9a9;
	padding: 10px 0 0;
	margin-top: -10px;
	border-bottom: none;
}

#footer_summary .subtotal {
	border-top: 3px solid #e4e4e6;
	margin: 8px 0 0;
	padding: 8px 0 0;
}

#footer_summary .total {
	border-top: 3px double #444;
	margin: 10px 0 0;
	padding: 10px 0 0;
	border-bottom: none;
}

#footer_summary .total h1,
#footer_summary .total .hl_smallcell,
#footer_summary .subtotal h1,
#footer_summary .subtotal .hl_smallcell {
	font: normal normal normal 12px/18px 'OpenSansBold', Arial, sans-serif;
}

#footer_summary small {
	text-transform: none;
	font-weight: normal;
}

#order-comment {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 10px;
}

#order-comment textarea {
	position: relative;
	float: left;
	width: 220px;
	margin-right: 30px;
	padding-right: 24px;
	height: 100px;
}

#order-comment .let_count {
	text-align: center;
	width: 25px;
	position: absolute;
	left: 232px;
	top: 40px;
}

#order-comment p {
	position: relative;
	float: left;
	width: 479px;
}

/*Shipment*/

#laufzeit {
	margin: 15px 5px;
}

#laufzeit select {
	margin-bottom: 20px;
}

#laufzeit .shortnum,
#laufzeit label {
	float: left;
}

#laufzeit label {
	clear: left;
}

#laufzeit input[type="submit"] {
	float: right;
	margin-top: 0;
}


/*#######################################################################*/
/********************************UserDataTable***************************/
#user_data_table {
	margin-top: 15px;
}

#user_data_table td {
	padding: 5px 0;
}

#user_data_table .val,
#user_data_table label {
	width: 100px;
	text-align: right;
	font-size: 11px;
	padding-right: 10px;
	line-height: 22px;
	vertical-align: top;
}

#user_data_table input,
#user_data_table textarea {
	width: 250px;
	font-size: 12px;
	float: left;
	margin-right: 10px;	
}

#user_data_table select {
	width: 260px;
	float: left;
}

#user_data_table .shortnum {
	width: 25px;
}

#user_data_table input[type="checkbox"] {
	width: 15px;
	height: 15px;
	font-size: 12px;	
}

#user_data_table .trenner {
	height: 15px;
}

#user_data_table input[type="submit"] {
	float: right;
	width: 100px;	
}

#user_adress_list {
	border-spacing: 0;
	width: 100%;
}

#user_adress_list .active,
#user_adress_list .btn_small_edit,
#user_adress_list .btn_small_select {
	float: right;
	clear: both;
	margin-bottom: 10px;
}

#user_adress_list td { 
	border-bottom: 1px solid #a9a9a9;
	padding: 30px 50px;
}

#user_adress_list .active {
	font-weight: bold;
	color: #d13003;
	display: block;
	background-image: url(../img/ico_check.png);
	background-repeat: no-repeat;
	padding-left: 20px;
}

#user_order_history {
	margin-top: 30px;
}

#user_order_history thead tr,
#user_order_history thead tr:hover {
	background-color: #fff;
	font-weight: bold;
}

#user_order_history thead td {
	border-bottom: 3px solid #a9a9a9;
	padding: 3px 5px	
}

#user_order_history {
	width: 100%;
	border-spacing: 0;	
}

#user_order_history td {
	padding: 10px 5px;
	border-bottom: 1px solid #a9a9a9;
}

#user_order_history tr:nth-child(even) {
	background-color: #f2f2f2;
}

#user_order_history tr:hover {
	background-color:#e4e4e6;
}

#user_order_history .checked {
	background-image: url(../img/ico_check.png);
	background-repeat: no-repeat;
	padding-left: 20px;
}

#user_order_history .canceled {
	background-image: url(../img/btn_small_close.png);
	background-position: -5px -25px;
	background-repeat: no-repeat;
	padding-left: 20px;
}


/*#######################################################################*/
/********************************CompareTable****************************/

#comp_table .head td {
	border-bottom: 3px solid #d13003;
	padding: 50px 0 5px;
	font: normal normal normal 12px/18px 'OpenSansSemibold', Arial, sans-serif;
}

#comp_table .head td:first-child {
	text-align: left;
	font-size: 16px;
}


#comp_table {
	width: 780px;
	margin: -2px 0 50px 0;
	position: relative;
	float: left;
	clear: both;
	padding: 0;
	border-spacing: 0;
	text-decoration: none;
	color: #444444;	
	border-right: 1px solid #e4e4e6;
	border-top: 5px solid #a9a9a9;	
}

#comp_table td {
	vertical-align: top;
	text-align: center;
}

#comp_table tr {
	padding: 0;
	margin: 0;
}

#comp_table .key {
	background-image: url(../img/table-bg.png);
	background-repeat: repeat-y;
	background-position: right;
	padding: 10px 15px;
	margin: 0;
	font-weight: bold;
	border-bottom: 1px solid #e4e4e6;
	border-right: 1px solid #fff;
}

#comp_table .val {
	border-left: 1px solid #e4e4e6;
	padding: 10px 15px;
	border-bottom: 1px solid #e4e4e6;
}

#comp_table .val strong {
	display: block;
	margin-bottom: 10px;
	font: normal normal normal 14px/18px 'OpenSansBold', Arial, sans-serif;
}
#comp_table .btn_small_3603D {
	display: inline-block;
	margin-top: 10px;
}

#comp_table .btn_small_close {
	display: inline-block;
}

#comp_table .btn_small_wk {
	float: none;
	display: inline-block;
	margin-top: 15px;
}

#comp_table .feature_false,
#comp_table .feature_true {
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: inline-block;
	width: 15px;
	height: 15px;
}

#comp_table .feature_false { background-image:url(../img/ico_no.png); }
#comp_table .feature_true { background-image:url(../img/ico_check.png); }

#comp_nav .btn_small_reset {
	float: left;
	margin-left: 10px;
}

#comp_sub_nav {
	position: relative;
	float: left;
	width: 780px;
	margin: -31px 0 30px 0px;
	padding: 0;
	list-style: none;	
	border-bottom: 1px solid #a6a3a2;
}

#comp_sub_nav li {
	table-layout: fixed;	
	text-align: center;	
	float: left;
	border-left: 1px solid white;
	border-right: 1px solid #a6a3a2;
	border-top: 1px solid #a9a9a9;
	background-repeat: no-repeat;
	background-position: right;
	height: 30px;
	width: 368px;
	padding: 0 10px;
	margin: 0px 0 0px 0;
	background-image: url(../img/headnav-bg.png);
	background-repeat: repeat-x;
	font: normal normal normal 12px/18px 'OpenSansSemibold', Arial, sans-serif;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5059);
}

#comp_sub_nav li:hover {
	background-image: url(../img/headnav-over.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size: 100% 37px;
}

#comp_sub_nav li:nth-child(2n+1) {
  	border-left: 1px solid #a6a3a2;
}

#comp_sub_nav li a {
	display: block;
	line-height: 30px;
	height: 30px;	
	text-decoration: none;
	color: #444;
}

#comp_sub_nav .active,
#comp_sub_nav .active:hover {
	background-image: url(../img/slidenav-active.png);
	background-repeat: no-repeat;
	background-position: left;
	background-size: 100% 37px;
	color: #666666;
}