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

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

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color:#fafafa;
	background-image:url(../img/site_bg.png);
	background-size: 100% auto;
	background-repeat:no-repeat;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 18px;
}

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

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: #2862b0;
	text-decoration: none;
}

small {
	font-size: 10px;
}

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

.hr2col {
	width: 502px;
	clear: none;
	float: left;
	margin: -20px 0 20px;
	background-color: transparent;
	color: #fff;
}

.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;
}

.auto-height {
	min-height: 1px !important;
	height: auto !important;
}

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

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

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

.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);
}

/*Icon-Links*/
.stock1 { 
	color: #3ac250;	
	background-image: url(../img/ico_stock1.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 15px;
	display: block;
}
.stock2 { color: #c28d3a;	
	background-image: url(../img/ico_stock2.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 15px;
	display: block;
}
.stock3 { color: #c23a3a;	
	background-image: url(../img/ico_stock3.png);
	background-repeat: no-repeat;
	background-position: 0 4px;	
	padding-left: 15px;
	display: block;
}

.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); }

.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);	
}

.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;	
}

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

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

input[type=text], select, textarea {
	border: 1px solid #e4e4e6;
	padding: 4px;
	font-size: 12px;
	font-weight: normal;
	color: #444;
	margin: 0 0 3px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

input[type=text]:focus, textarea:focus {
	border: 1px solid #444;
	padding: 2px;
}

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

.cb {
	font-size: 12px;
	line-height: 22px;
}

.cb input {
	padding:3px;
	width: 15px;
	height: 15px;
	margin: 4px 5px 0 0;
	position:relative;
	float: left;
	border: none;
}

.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;
}

.btn_submit {
	background-image:url(../img/bg_cta_button.png);
	font: bold normal normal 14px/28px Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	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);	
	background-position: right -2px;
	height: 28px;
	color: white;
	padding: 0 50px 0 7px;
	text-align: center;	
	border: 2px solid #fff;	
	text-shadow:0 -1px -1px rgba(20, 20, 20, 0.7);
	position: relative;
	display: block;
	text-decoration: none;
}

.btn_submit:hover{
	background-position: right -30px;
	color: #fff !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 2px solid #e4e4e6;		
}

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

/*Große Radio-Selects, z.B. im Bestellprozess*/
.radio_select label {
	position: relative;
	display: block;
	border: 1px solid #e4e4e6;
	padding: 5px 5px 5px 30px;
	font-size: 12px;
	margin-bottom: 10px;	
}

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

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

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

/*+/- Für alte Browser*/
.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_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_reset { background-image: url(../img/btn_small_reset.png); }
.btn_small_close { background-image: url(../img/btn_small_close.png); }

.btn_small_wk,
.btn_small_conf,
.btn_small_cancel,
.btn_small_select,
.btn_small_reset {
	font: bold normal normal 12px/22px Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	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);	
	background-position: right 0;
	height: 22px;
	color: white;
	padding: 0 26px 0 7px;
	text-align: center;	
	border: 2px solid #fff;
	text-shadow:0 -1px -1px rgba(20, 20, 20, 0.7);
	position: relative;
	display: block;
	text-decoration: none;	
	min-width:69px;
	text-decoration:none!important;
}

.btn_small_wk:hover,
.btn_small_conf:hover,
.btn_small_cancel:hover,
.btn_small_reset:hover,
.btn_small_select:hover {
	background-position: right -22px;
	color: #fff !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;	
}

/**Light Small Buttons**/
.btn_light_pricerange { background-image: url(../img/ico_pricerange.png); }
.btn_light_comp { background-image: url(../img/ico_compare.png); }
.btn_light_edit { background-image: url(../img/ico_edit.png); }
.btn_light_reset { background-image: url(../img/ico_reset.png); }
.btn_light_save { background-image: url(../img/ico_save.png); }

.btn_light_pricerange,
.btn_light_comp,
.btn_light_edit,
.btn_light_reset,
.btn_light_save {
	font: normal normal normal 12px/20px Tahoma, Arial, sans-serif;
	background-repeat: no-repeat;
	background-position: left -4px;
	height: 20px;
	color: #444;
	padding: 0 0 0 20px;
	text-align: left;	
	position: relative;
	display: block;
	text-decoration:none;
}

.btn_light_pricerange:hover,
.btn_light_comp:hover,
.btn_light_edit:hover,
.btn_light_reset:hover,
.btn_light_save:hover {
	background-position: left -24px;
	color: #2862B0 !important;
	text-decoration: underline;
}

.btn_outline {
	background-color: #e4e4e6;
	border: 1px solid #a9a9a9;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	padding: 0px 5px 0px 25px;
	background-position: 5px -4px;
}
.btn_outline:hover {
	background-position: 5px -24px!important;
}

/**Light Large Buttons**/
.btn_light_large_comp { background-image: url(../img/ico_compare_large.png); }
.btn_light_large_conf { background-image: url(../img/ico_config_large.png); }
.btn_light_large_next { background-image: url(../img/ico_next_large.png); }

.btn_light_large_comp,
.btn_light_large_conf,
.btn_light_large_next {
	font: normal normal normal 16px/28px Tahoma, Arial, sans-serif;
	background-repeat: no-repeat;
	background-position: left -6px;
	height: 28px;
	color: #444;
	padding: 0 0 0 30px;
	text-align: left;	
	position: relative;
	display: block;
	text-decoration:none;
}

.btn_light_large_comp:hover,
.btn_light_large_conf:hover,
.btn_light_large_next:hover {
	background-position: left -34px;
	color: #2862B0 !important;
	text-decoration: underline;
}

/**Large Buttons**/

.btn_large_next { background-image:url(../img/bg_cta_button.png); }
.btn_large_back { background-image:url(../img/btn_large_back.png); }
.btn_large_wk { background-image: url(../img/btn_large_wk.png); }

.btn_large_next,
.btn_large_back,
.btn_large_wk {
	font: bold normal normal 14px/28px Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	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);	
	height: 28px;
	text-align: center;	
	border: 2px solid #fff;	
	text-shadow:0 -1px -1px rgba(20, 20, 20, 0.7);
	position: relative;
	display: block;
	text-decoration: none;
	background-position: right 0;
	background-repeat:no-repeat;
	color: white;
	padding: 0 50px 0 7px;
	min-width:115px;		
}

.btn_large_next:hover,
.btn_large_back:hover,
.btn_large_wk:hover {
	background-position: right -28px;
	color: #fff !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 2px solid #e4e4e6;		
}

.btn_large_back {
	background-position: left 0!important;
	padding: 0 7px 0 50px!important;
	color:#444!important;	
}

.btn_large_back:hover {
	background-position: left -28px;
	color: #000 !important;	
}

.btn_large_active{
	background-position: right -56px!important;
}

/**Andere Buttons**/

.link_more {
	color: #2862b0;
	text-decoration: underline;
}

.link_more:hover {
	color: #d13007;
	text-decoration: none;
}

.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: 82px;
	height: 31px;
	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);
}

.head_btn_wrapper {
	float: left;
}

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

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

#overall {
	background-color:#5c5c5c;
	border-bottom:1px solid #444;
	font: normal normal normal 12px/14px Tahoma, 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;
}

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

#container {
	position: relative;
	width: 960px;
	margin: auto;
	margin-top: 47px;
	background-color: #fff;
	-webkit-box-shadow: 0px 3px 6px 3px rgba(68, 68, 68, 0.2);
	-moz-box-shadow: 0px 3px 6px 3px rgba(68, 68, 68, 0.2);
	box-shadow: 0px 3px 6px 3px rgba(68, 68, 68, 0.2);
}

.smallgrid {
	position: relative;
	float: left;
	clear: left;
	width: 174px;
	margin-left: 7px;
}

.largegrid {
	position: relative;
	float: left;
	width: 759px;
	margin-left: 14px;
}


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

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

#headpic {
	position: relative;
	float: left;
}

#logo {
	position: absolute;
	top: 30px;
	left: 10px;
	margin: 0;
	padding: 0;
	height: 56px;
}

header nav {
	position: relative;
	float: left;
	width: 763px; /*960*/
	height: 27px;
	padding-left: 197px;	
	background-image: url(../img/navi_bg.png);
	background-repeat: repeat-x;
}

#headnav {
	position: relative;
	float: left;
	height: 27px;
	width: 763px;	
	padding: 0;
	list-style: none;
	z-index:5;
}

#headnav li {
	float: left;
	text-align: center;	
	background-position: right;
	padding: 0 4px;	
	margin: 0 3px;
}

#headnav .active, 
#headnav .active:hover {
	background-color: #fff;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;	
	box-shadow:1px 1px 1px 0 rgba(68, 68, 68, 0.8);
	-moz-box-shadow:1px 1px 1px 0 rgba(68, 68, 68, 0.8);
	-webkit-box-shadow:1px 1px 1px 0 rgba(68, 68, 68, 0.8);	
	margin-top: -5px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #2862b0;
	background-image: none;
	border: none;
	padding-left: 4px;
	padding-right: 4px;	
}

#headnav .active a,
#headnav .active a:hover {
	color: #2862b0;
	text-shadow: none;	
	display: block;
}

#headnav li:hover {
	margin-top: -5px;
	padding: 2px 3px;	
	background-color: #f5efe1;
	border: 1px solid #ccc6b8;
	background-image: url(../img/nav_hover_bg.png);
	background-repeat: repeat-x;
	background-position: 0 25px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;	
}

#headnav li a {
	display: block;
	height: 27px;
	padding: 0 12px;
	font: normal normal normal 13px/27px Tahoma, Arial, sans-serif;
	text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.8);
	display: block;
	text-decoration: none;
	color: #fff;	
}

#headnav li a:hover {
	color: #444;
	text-shadow: none;
}

#social_icons {
	position: relative;
	float: right;
	margin: 3px 5px 0 0;
}

/********************************LiveSearch*******************************/
#LSResult {
	position: absolute;
	left: 25px;
	top: 155px;
	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 {
	position: relative;
	float: left;
	margin-top: -87px;
}

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 Tahoma, Arial, sans-serif;	
	color: #2862b0;
}

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

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

aside nav, aside section {
	border: 1px solid #d6d6d6;
	margin-bottom: 7px;
	line-height: 17px;
	background-color: #fff;
	z-index: 18;
	position: relative;	
}

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: bold normal normal 11px/18px Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	margin: 2px 2px 5px 2px;
	padding: 3px 5px;
	color: #444;
	background-color: #efefef;
	line-height: 16px;	
	height: 16px;		
}

.sidebox2 li:hover {
	background-color: #f2f2f2;
	border-bottom: 1px solid #a9a9a9;
}

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

.sidebox1 li,
.sidebox2 li,
.sidebox5 li {
	font-size: 12px;
	margin: 3px 5px 5px 5px;
	/*padding-left: 2px;*/
	padding: 6px 0 6px 6px;
	border-bottom: 1px solid #a9a9a9;
}

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

.sidebox1 .active,
.sidebox1 li:hover {
	background-image: url(../img/ico_menu_open.png);
	background-position: 148px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #a9a9a9;
}

.sidebox1 .active a,
.sidebox1 li a:hover {
	color: #2862b0;
}

.sidebox1 .sub1,
.sidebox2 .sub1 {
	font-size: 11px;
	font-weight: normal;
	padding: 0px 5px 0px 15px;
	border-bottom: 1px solid #f2f2f2;
	background-image: url(../img/ico_menu_sub1.png);
	background-position: 2px 2px;
	background-repeat: no-repeat;
}

.sidebox1 .sub1:hover,
.sidebox1 .sub1_active {
	background-color: #f2f2f2;
	background-image: url(../img/ico_menu_sub1.png);	
	background-position: 2px 2px;	
}

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

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

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

.sidebox1 .sub2 a {
	color: #2862b0;
}

.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 {
	color: #2862b0;
}

/**SideBox2**/

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

#currency_vat select {
	float: left;	
	margin: 3px 10px 0 0;
	padding: 1px;
}


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

#certs {
	margin-top: 30px;
}

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

/**Sidebox4**/
.sidebox4 {
	padding: 5px 5px 5px;
	margin-bottom: -1px;
	border-bottom: none;
	z-index: 20;
}

/**Sidebox5**/
.sidebox5 {
	z-index: 150;
}

.sidebox5 .btn_large_next {
	min-width: 111px;
	z-index: 160;	
}

.sidebox5 .pending_userCP {
	position: absolute;
	z-index: 150;
	background-color: #fff;
	width: 160px;
	padding: 15px 5px;
	border: 1px solid #a9a9a9;
	border-top: 0;
	left: -0px;
	-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);
}

.sidebox5 #username {
	font-weight: bold;
	border-bottom: 3px solid #e4e4e6;
	padding: 0px 5px 5px 8px;
	color: #2862B0;
}

.sidebox5 #username small {
	font-weight: normal;
	color: #444;
}

.sidebox5 ul {
	margin: 5px 0 0;
}

.sidebox5 li a {
	background-image: url("../img/ico_open.png");
	padding: 3px 3px 3px 15px;
	background-repeat: no-repeat;
	background-position: 0 -3px;
}

.sidebox5 li a:hover {
	color: #2862B0;	
}

.sidebox5 .active {
	border-bottom: 1px solid #a9a9a9;
}

.sidebox5 .active a {
	color: #2862B0;	
	background-image: url("../img/ico_next_hover.png");	
	background-position: right 7px;
}

.sidebox_active {
	border: 1px solid #009DDA;
	background-color: #f5f5f5;
}

.sidebox5 .loginform {
}

.sidebox5 .btn_small_select {
	position: relative;
	float: left;
	width: auto;
}

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

#btn_pHistory {
	float: right;
}

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

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

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

#product_history .pic {
	float: left;
	width: 60px;
}

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

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

#breadcrumb {
	position: relative;
	padding: 10px 0 0;
	margin: 0 0 14px 0;
	padding-left: 197px;
	background-color: #fff;
	width: 763px;
	float: left;
	z-index: 15;
}

#breadcrumb ul {
	max-width: 700px;
	overflow: hidden;
}

#breadcrumb ul li {
	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;
	max-width: 400px;
	white-space: nowrap;
}

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

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

#breadcrumb #rss {
	position: absolute;
	right: 10px;
	top: 18px;
}


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

/**Slider allgemein**/


/**Slider Navigation**/
#offer {
	position: relative;
	float:left;
	width:757px;
	height: 300px;
	border: 1px solid #e4e4e6;
	padding: 0;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	margin-bottom: 20px;
	z-index: 10;
	overflow: hidden;
}
#offer-nav {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 1001;
}
#offer-nav li {
	list-style: none;
	float: left;
	text-indent: -9999px;
	background-image: url(../img/ico_slider_inactive.png);
	margin: 0 4px 0 0;
	width: 15px;
	height: 15px;

}
#offer-nav li:hover {
	background-color: #fff;
	color: $ciblue;	
	cursor: pointer;
}	
#offer-nav .activeNav,
#offer-nav .activeNav:hover {
	background-image: url(../img/ico_slider_active.png);	
}
#offer article {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 40;
	overflow: hidden;			
}
#offer article img {
	margin-left: -19px;
}
#offer article .info {
	position: absolute;
	top: 350px;
	width: 360px;
	left: 0;
	padding: 0px 15px;
}
#offer article hgroup,
#offer article p {
	position: relative;
	float: left;
	clear: both;
	margin-bottom: 10px;
	width: 100%;
}
#offer article h1 {
	font-size:14px;
	font-weight: normal;
	color:#000;
}
#offer article h2 {
	font-size:30px;
	line-height:36px;	
	font-weight: normal;		
	color:#000;
	margin-bottom: 5px;
}
#offer article .price {
	font-size:20px;
	line-height:24px;	
	font-weight: normal;		
	color:#000;
	margin-bottom: 5px;
}
#offer article small {
	display: block;
	float: left;
	clear: both;
	font-size: 11px;
	width: 100%;
	line-height: 14px;
}
#offer article  a {
	text-decoration: none;
}

#offer article .btn_large_next {
	position: absolute;
	bottom: 10px;
	right: 20px;
}


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

.content {
	margin: 20px 0 0;
}

.largegrid .headline {
	border-bottom: 3px solid #2862B0;
	margin: 0 0 10px 0;
}

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

.largegrid .headline p {
	margin-top: 20px;
}

.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;
}

.subhead {
	color: #2862b0;
	margin: 30px 0 7px 0;
	padding: 0 0px 7px 190px;
	border-bottom: 4px solid #e4e4e6;
	text-align: right;
	font-weight: normal;
	font-size: 20px;
}


/*********************************SidePanel*********************************/

.sidepanel {
	position: relative;
	float: right;
	width: 243px;
}

.konfig-tiles article,
.choose-tiles article {
	min-width: 237px;
	min-height: 63px;
	margin-right: 14px;
}

.konfig-tiles .btn_light_large_conf,
.konfig-tiles .btn_light_large_next {
	position: absolute;
	right: 2px;
	bottom: 10px;
	background-position: left -34px;
	color: #2862B0 !important;
	font: normal normal normal 14px/28px Tahoma, Arial, sans-serif;
	background-repeat: no-repeat;
	height: 28px;
	padding: 0 8px 0 20px;
	text-align: left;
	display: block;
	text-decoration:none;		
}

.sidepanel article,
.konfig-tiles article,
.choose-tiles article {
	position:relative;
	float: left;
	padding: 3px;
	height: 63px;
	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);
	margin-bottom: 14px;	
}

.sidepanel article:hover {
	margin: 2px -2px 12px 2px;
}

.konfig-tiles article:hover,
.choose-tiles article:hover {
	margin: 2px 12px 12px 2px;
}

.sidepanel article h1,
.konfig-tiles article h1,
.choose-tiles article h1 {
	position: absolute;
	right: 2px;
	top: 2px;
	padding: 2px 8px;
	font: bold normal normal 14px/27px Tahoma, Arial, sans-serif;
	color: #2862b0;
	background-color: #fff;
}

.sidepanel article a,
.konfig-tiles article a,
.choose-tiles a {
	text-decoration: none;
}

.choose-tiles article h1 {
	font: bold normal normal 16px/27px Tahoma, Arial, sans-serif;
}

.sidepanel .tickerbox {
	height: 187px;
}

.sidepanel .tickerbox:hover {
	margin: 0 0 14px 0;
}

.ticker {
	height: 187px;
	overflow: hidden;
	padding: 0 11px;
}

.ticker li {
	display: block;
	height: 60px;
	list-style:none;
}

.ticker li:hover {
}

.ticker li a {
	display: block;
	height: 45px;
	font-size: 11px;
	padding-top: 5px;
	text-decoration: none;
}

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

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

.ticker li span,
.ticker li strong {
	display: block;
	float: left;
	clear: both;
	width: 100%;
}

.sidepanel .box22,
.sidepanel .box22:hover {
	box-shadow:  none;	
	-moz-box-shadow:  none;
	-webkit-box-shadow:  none;
	margin: 0 0 14px 0;
}
.sidepanel .box22 h1 {
	font: normal normal normal 14px/22px Tahoma, Arial, sans-serif;	
	padding: 0 0 0 5px;
	color: #000;
	background-color: #e4e4e6;
	height: 22px;
	border: 1px solid #a9a9a9;
	position: relative;
	margin: 0;
	right: 0;
	top: 0;
}

.sidepanel .box22 ul {
	margin: 10px 0 0; 
}

.sidepanel .box22 li {
	list-style: none;
	margin: 8px 3px;
	font-size: 11px;
}

.sidepanel .box22 a,
.sidepanel .box22 .active a {
	display: block;
	background-image: url(../img/ico_next.png);
	background-position: 3px 5px;	
	background-repeat: no-repeat;
	padding: 0 5px 0 18px;
	text-decoration: none;
	border-bottom: 1px solid #e4e4e6;	
}

.sidepanel .box22 li a:hover,
.sidepanel .box22 .active a {
	border-bottom: 1px solid #a9a9a9;
	background-image: url(../img/ico_next_hover.png);
}

.sidepanel .box22 .active a {
	color: #2862b0;
}

.sidepanel .box22 p {
	margin: 3px;
}

.sidepanel .box22 select {
	margin: 5px 3px 10px;
}

/*********************************Content-Boxen*********************************/
.targettiles {
	position: relative;
	float: right;
	width: 516px;
}

.box11 {
	position: relative;
	float: left;	
	width: 243px;
	margin: 0 14px 42px 0;
}

.box11 h1 {
	font: bold normal normal 14px/27px Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	background-image:url(../img/navi_bg.png);
	height: 27px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	color: white;
	padding: 0 7px;	
	text-align: right;
	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);
	text-shadow:0 -1px -1px rgba(20, 20, 20, 0.7);
	position: absolute;
	top: 100px;
	right: 3px;
}

.text-only h1 {
	position: relative;
	top: 0;
	left: 0;
	text-align: left;
	background-image:none;
	border: none;
	color: #2862B0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	text-shadow: none;
	border-bottom: 2px solid #444;	
}

.box11 .targetpic {
	display: block;
	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);
	width: 243px;
	height: 154px;
	margin: 0 2px 2px 0px;
	text-decoration: none;	
}

.box11 .targetpic:hover {
	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);
	margin: 2px 0px 0px 2px;	
}

.box11 .targetpic:hover h1 {
	position: absolute;
	top: 102px;
	right: 1px;	
}

.box11 .targetpic img {
	border: 3px solid #fff;
}

.box11 select {
	width: 243px;
}

.box11 option {
	font-size: 11px;
	padding: 3px;
}

.box11 p {
	position: relative;
	float: left;
	color: #444;
	padding: 0 30px 0 0;
}

.box11 p strong {
	display: block;
	font: bold normal normal 14px/27px Tahoma, Arial, sans-serif;
	color: #2862b0;
}

.box11 ul {
	margin-left: 0px;
}

.box11 li {
	list-style: none;
	margin: 8px 3px;
	font-size: 11px;
}

.box11 ul li a,
.box11 p a {
	display: block;
	background-image: url(../img/ico_next.png);
	background-position: 3px 5px;	
	background-repeat: no-repeat;
	padding: 0 5px 0 18px;
	text-decoration: none;
	border-bottom: 1px solid #e4e4e6;	
}

.box11 ul li a:hover,
.box11 p a:hover {
	border-bottom: 1px solid #a9a9a9;
	background-image: url(../img/ico_next_hover.png);
}

.box11 p a {
	margin-top: 10px;
}

.box11 ul .deep a {
	text-align: right;
	background-position: right 10px;
	background-image: url(../img/ico_next_hover.png);
	border-bottom: none;
	padding: 5px 18px 0 5px;
	color: #2862B0;
	font-weight: bold;
}

.box11 ul .deep a:hover {
	background-image: url(../img/ico_next.png);
	color: #444;
	text-decoration:underline;
	border-bottom: none;
}

.box12 {
	position: relative;
	float: left;	
	width: 243px;
	margin: 0 14px 42px 0;
	border-top: 1px solid #e4e4e6;
	border-bottom: 1px solid #e4e4e6;
	padding: 7px 0;	
	min-height: 90px;
}

.box12 .pic {
	border: none;
	position: relative;
	float: left;
	margin-right: 14px;
}

.box12 header,
.box12 .details {
	position: relative;
	float: left;
	width: 154px;
}

.box12 header h1 {
	font-size: 11px;
}

.box12 .details {
	font-size: 11px;
}

.box15 {
	position: relative;
	float: left;	
	width: 500px;
	margin: 0 0px 42px 0;
}

.box15 h1 {
	font: bold normal normal 14px/27px Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	height: 27px;
	color: white;
	padding: 0 7px;	
	position: relative;
	color: #2862B0;
	border-bottom: 2px solid #444;
}
.box15 p {
	padding: 10px 7px;
}

.box15 ul {
	margin-left: 0px;
}

.box15 li {
	list-style: none;
	margin: 10px 3px;
	font-size: 12px;
}

.box15 li a {
	display: block;
	background-image: url(../img/ico_next.png);
	background-position: 3px 5px;	
	background-repeat: no-repeat;
	padding: 0 5px 0 18px;
	text-decoration: none;
	border-bottom: 1px solid #e4e4e6;	
}

.box15 li a:hover {
	border-bottom: 1px solid #a9a9a9;
	background-image: url(../img/ico_next_hover.png);
}

#dl_search {
	position: relative;
	float: left;
	margin: 15px 0;
	width: 490px;	
}

#dl_search input[type=text] {
	font-size: 14px;
	padding: 5px 8px;
	width: 473px;
	border: 1px solid #009DDA;
}

#dl_search input[type=submit] {
	float: right;
}


/**PromoBoxes gemeinsame Eigenschaften**/
.promobox-1,
.promobox-2 {
	position: relative;
	width: 751px;
	border: 1px solid #e4e4e6;
	padding: 3px 3px 8px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	margin-bottom: 20px;
}

.promobox-1 hr {
	height: 5px;
}

.promobox-1 article {
	width: 167px;
	position: relative;
	float: left;
	margin: 0 10px;
	border-right: 1px solid #009dda;	
}

.promobox-1 .last {
	border-right: none;
}

.promobox-1 article .item {
	width: 167px;
	margin-bottom: 20px;
}
.promobox-1 article a,
.promobox-2 article a {
	text-decoration: none;
}

.promobox-1 article h1 {
	color: #2862B0;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
	min-height: 36px;
}
.promobox-1 article .price {
	display: block;
	font-size: 14px;
	margin: 10px 0 20px;
}

.promobox-2 article {
	position: relative;
	float: left;	
	width: 226px;
	margin: 0 10px;
	min-height: 215px;
}

.promobox-2 article:nth-child(odd) {
	margin: 0;
	padding: 0 20px;
	width: 218px;
	background-image:url(../img/seperator-bg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.promobox-2 article h1 {
	font: normal normal normal 12px/16px Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	color: #444;	
}
.promobox-2 article h2 {
	font: bold normal normal 16px/22px Tahoma, Arial, sans-serif;
	color: #2862b0;	
}
.promobox-2 article h3 {
	margin-top: 5px;
	font: normal normal normal 12px/16px Tahoma, Arial, sans-serif;
	color: #444;
	min-height: 48px;	
}

.promobox-2 article .item {
	position: relative;
	width: 180px;
	margin: 10px auto 0;
	display: block;
}

.promobox-2 .center_wrapper {
	width: 100%;
	position:relative;
	float: left;
	margin: 0 0 20px;
}

.promobox-2 .manufact {
	position: relative;
	float: left;
	margin-top: -20px;
}

.promobox-2 .price {
	position: relative;
	float: right;
	margin-top: -15px;
	font: bold normal normal 12px/22px Tahoma, Arial, sans-serif;
	color: #444;
}

.promobox-2 .btn_large_next,
.promobox-2 .btn_small_conf {
	position: relative;
	width: 150px;
	margin: 0 auto 0;
	display: block;
}

.promobox-2 .btn_small_conf {
	margin-top: 20px;
}

/**ContentBoxes gemeinsame Eigenschaften**/
/**box22**/

.box22, 
.box23,
.box24 {
	position: relative;
	float: left;
	width: 234px; /*246*/
	min-height: 400px;	
	border: 1px solid #e4e4e6;
	padding: 5px 5px 12px;
	margin: 0 10px 20px 0;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;	
}

.box22:hover {
	box-shadow:  1px 2px 3px 1px rgba(68, 68, 68, 0.3);	
	-moz-box-shadow:  1px 2px 3px1px rgba(68, 68, 68, 0.3);	
	-webkit-box-shadow:  1px 2px 3px 1px rgba(68, 68, 68, 0.3);	
}

.box22 h1,
.box23 h1 {
	font: normal normal normal 14px/22px Tahoma, Arial, sans-serif;	
	padding: 0 0 0 5px;
	color: #000;
	background-color: #e4e4e6;
	height: 22px;
	border: 1px solid #a9a9a9;
}

.box22 .adress {
	position: relative;
	margin-top: 30px;
	font-size: 12px;
	border: 1px solid #a9a9a9;
	background-color: #f6f6f6;
	color: #555;
	padding: 5px 5px 35px 5px;
}

.auto-height .adress {
	margin-top: 15px;
}

.box22 .adress .btn_light_edit {
	position: absolute;
	display: block;
	right: 5px;
	bottom: 5px;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	padding: 0px 3px 0px 20px;
}

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

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

.box22 select {
	width: 228px;
}

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

.box22 .btn_submit {
	float: right;
}

/*box23*/

.box23 {
	width:491px;
	min-height: 1px;	
}

.box23 header {
	margin-bottom: 15px;
}

/*box24*/

.box24 {
	width:491px;
	min-height: 1px;	
}

.box24 h1 {
	font: normal normal 400 30px/36px Tahoma;
	padding: 20px;
	color: #2862b0;
}

.box24 p {
	margin: 0 0 10px 20px;
}

.box24 ul {
	margin-left: 30px;	
}


/**Content-TextBoxes gemeinsame Eigenschaften**/

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

.box4 .headline h1,
.box5 .headline h1 {
	margin: 5px 0 15px;
	font-size: 18px!important;
	line-height: 24px;
}

.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: 233px;
	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: 487px;
	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 14px/24px Tahoma, Arial, sans-serif;	
	color: #2862b0;
}

.box5 .headline small {
	color: #2862b0;
	display:block;
	font: normal normal normal 14px/24px Tahoma, 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;
}

/*fullbox*/
.fullbox {
	border: 1px solid #e4e4e6;
	padding: 8px 8px 12px;
	margin-bottom: 20px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

.fullbox hr {
	margin: -6px -6px 0;
}

/**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 Tahoma, 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 Tahoma, 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: 319px;/*376px; /*380*/
	font: normal normal normal 12px/18px Tahoma, 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 Tahoma, 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;
	background-color: #fff;
}

.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;
	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: 243px;
	margin: 0 15px 30px 0;
}

#footer h1 {
	font: normal normal normal 16px/18px Tahoma, Arial, sans-serif;
	font-size: 16px;
	color: #2862b0;
	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 Tahoma, Arial, sans-serif;
	z-index: 150;
}

.wkSide,
.compSide {
	position: fixed;
	top: 183px;
	width: 80px;
	min-height: 79px;
	background-color: #fff;
	border: 1px solid #009DDA;
	border-top: 3px solid #009DDA;	
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 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);
	background-image:url(../img/warenkorb_top_bg.png);
	background-repeat: no-repeat;	
	background-position: center 18px;
}

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

.wkSide .count,
.compSide .count {
	text-align: right;
	padding: 7px 8px 0 0;
	color: #2862B0;
	font: bold normal normal 11px/18px Tahoma, Arial, sans-serif;	
}

.wkSide .price,
.compSide .comp_title  {
	text-align: center;
	padding-top: 34px;
	color: #2862B0;
	font: bold normal normal 12px/15px Tahoma, Arial, sans-serif;
}

.wkSide a,
.compSide a {
	text-decoration: none;
	width: 100%;
	height: 100%;	
}

.wkSide ul,
.compSide ul {
	position: absolute;
	top: 90px;
	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: 115px;
	width: 190px;
	height: 45px;
	background-color: #fff;
	border: 1px solid #2862B0;
	border-top: 3px solid #009DDA;	
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	background-image:url(../img/warenkorb_top_bg.png);
	background-repeat: no-repeat;	
	background-position: 10px 11px;
}

.compTop {
	position: absolute;
	top: 115px;
	width: 95px;
	height: 45px;
	background-color: #fff;
	border: 1px solid #2862B0;
	border-top: 3px solid #009DDA;	
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	background-image: url(../img/comp_side.png);
	background-repeat: no-repeat;	
	background-position: 3px 11px;			
}

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

.wkTop .count,
.compTop .count {
	position: relative;
	float: left;
	margin: 2px 10px 0 45px;
	font: bold normal normal 11px/18px Tahoma, Arial, sans-serif;
	color: #2862B0;
}

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

.wkTop .price {
	position: relative;
	float: right;
	padding: 6px 10px 0 0;
	font: bold normal normal 14px/18px Tahoma, Arial, sans-serif;
	color: #2862B0;
}

.wkTop ul,
.compTop .comp_title {
	float: right;
	clear: both;
	margin: 0px 5px 0 0;
	list-style: none;	
}

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

.compTop .comp_title {
	text-align: right;
	padding: 3px 5px;
	color: #444;
	font-size: 11px;		
}

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

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

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

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


.listing {
	position: relative;
	width: 751px;
	margin-bottom: 20px;
}

.listing .listinghead {
	position: relative;
	border-bottom: 3px solid #a9a9a9;
	margin-bottom: 10px;
	width: 100%;	
}

.listing .listinghead span {
	display: block;
	position: relative;
	float: left;
	width: 100px;	
	padding: 0 15px;
}

.listing .listinghead span:first-child {
	width: 350px;
	padding-left: 0;
}

.listing .listinghead a {
	display: block;
	position: relative;
	float: left;	
	font: bold normal normal 11px/22px Tahoma, Arial, sans-serif;
	text-decoration: none;
	background-image: url(../img/ico_sort.png);
	background-position: right -5px;
	background-repeat: no-repeat;
	padding: 0 30px 0 0;
	height: 22px				
}

.listing .listinghead a:hover {
	color: #2862B0;
	text-decoration: none;
	background-position: right -25px;	
}


.listing article {
	border: 1px solid #e4e4e6;
	padding: 8px 8px 12px;
	margin-bottom: 20px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	min-height: 137px;
	width: 733px;
}

.listing article h1 {
	margin: 0px 0 15px 0;
	font-weight: bold;
}

.listing article h1 a {
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #a9a9a9;	
	font-size: 12px;
	padding: 0 8px 3px 0;
	color: #444;	
}

.listing article h1 a:hover {
	background-image: url(../img/ico_menu_next.png);
	background-position: right 4px;
	background-repeat: no-repeat;
	border-bottom: 1px solid #444;
	color: #2862B0;
}

.listing article .productpic {
	position: relative;
	border: 1px solid #e4e4e6;
	float: left;
	padding: 5px;
	margin-right: 10px;
	display: block;
}

.listing article .description {
	position: relative;	
	float: left;
}

.listing article .btn_small_3603D {
	float: left;
	clear: both; 
}

.listing article .price {
	font-size: 12px;
	color: #444;
}

.listing article div {
	position: relative;
	float: left;
	width: 100px;
	padding: 0 15px;
}

.listing article .first {
	width: 343px;
	padding-left: 0;
}

.listing article .last {
	padding-right: 0;
}

.listing article .btn_small_wk {
	margin-bottom: 10px;
}

.listing article .stock1,
.listing article .stock2,
.listing article .stock3 {
	margin-top: 8px;
}

.listing article .btn_light_comp,
.listing article .btn_light_pricerange {
	margin: 0 0 5px 5px;
}

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

.price_range_dyn {
	position: absolute;
	width: auto;
	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);	
}
.price_range_dyn table {
	position: relative;
	float: left;
	margin: 0;
}

.listing footer {
	width: 100%;
}

.listing 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;
}

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

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

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

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

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

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

/**Dünne Cols für Listing ohne Produktbilder**/

.slim-col article {
	min-height: 100px;
}

.slim-col article header {
	border-left: 3px solid #2862b0;
	padding-left: 10px;
}

.slim-col .description {
	padding-left: 10px;
}



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

#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_blueplus.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}

#filternav .active {
	background-color: #e4e4e6;
	font: bold normal normal 12px/22px Tahoma, 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-Details****************************/
.product #social_plugin {
	margin-top: 10px;
	float: left;
}

.product .headline h1 {
	position: relative;
	font-weight: bold;
}
.product .col33 {
	position: relative;
	float: left;
	width: 243px;
	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 {
	position: relative;
	z-index: 1001;
}

.abstract #presenter img {
	width: 241px;
	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 11px/18px Tahoma, 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: bold normal normal 24px/18px Tahoma, Arial, sans-serif;	
}

.abstract .stock1,
.abstract .stock2,
.abstract .stock3 {
	float: right;
}

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

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

.abstract label {
	display: inline;
}

.abstract_count label {
	position: relative;
	float: right;
	margin-top: 7px;
}
.abstract_count input {
	position: relative;
	float: right;
}

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

.abstract .btn_light_comp {
	margin-right: 10px;
}

/**Overview**/
#overview {
	position: relative;
	float: left;
	width: 759px;
	margin-top: 30px;
	padding: 5px 0;
}

#overview table {
	border-spacing: 0;
}

#overview .configuration {
	position: relative;
	float: left;
	width: 243px;
	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: 100px;
	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: #2862B0;
}

/**Slider, Nur auf Produktseite**/
.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;
	width: 757px;
	height: 30px;
	display: table;
	list-style: none;
	background-image: url(../img/headnav-bg.png);
	background-repeat: repeat-x;
	z-index: 50;		
}

.product #slide-nav li {
	font: 12px/30px Tahoma, "Arial", sans-serif;
	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;
	color: #444;	
}

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

.product #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;
}

.product #slide-nav .active, 
.product #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;
}

.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 Tahoma, Arial, sans-serif;
	border-bottom: 3px solid #e4e4e6;
}

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

.product .slide .btn_small_select {
	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;
}

.slide .listing {
	margin: 20px 0 0 3px;
}

.slide .listing article {
	border: none;
}


/**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: 130px;
	height: 26px;
	margin-top: -4px;
	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: 259px;
}


/**comp_cases**/
#comp_cases {
	margin-top: 30px;
	border: 1px solid #e4e4e6;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;	
	padding: 0 10px;
}

#comp_cases article {
	width: 220px;
	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 {
	border-bottom: none;
	border-top: 5px solid #e4e4e6;
	margin: 3px -7px 15px;
}

#comp_cases .headline h1 {
	float: none;
	padding: 3px 7px;
	text-transform: none;
	font: normal normal normal 18px/26px Tahoma, Arial, sans-serif;
	color: #2862B0;
}

#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: 143px;
}

#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: 4px 1px;
	font-size: 11px;
	width: 200px;
}

#save_preset input[type=submit] {
	background-image: url(../img/btn_save.png);
	background-repeat: no-repeat;;
	margin-left: 3px;
	border: none;
	width: 22px;
	height: 22px;
	cursor: pointer;
}

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

.configurator .btn_small_select,
.configurator .btn_small_cancel {
	float: right;
}

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

.configurator .listing {
	margin: 20px 0 0 3px;
	border-top: 3px solid #e4e4e6;
}

.configurator .listing article {
	border: none;
}

/*#######################################################################*/
/********************************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: 757px;
	height: 35px;
	margin: 0 0 20px 0px;
	padding: 0;
	display: table;
	list-style: none;
	border-left: 1px solid #e4e4e6;
	border-right: 1px solid #e4e4e6;	
	background-image: url(../img/bar_white.png);
	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;
	width: 203px;
	height: 35px;
	font: normal normal normal 14px/35px Tahoma, Arial, sans-serif;
	text-shadow:0 1px 1px rgba(200, 200, 200, 0.8);	
	color: #a9a9a9;
}

#order_process .last,
#order_process .first {
	width: 74px;
}

#order_process .first { background-image: url(../img/bar_wk_active.png); }
#order_process #wk_checked { background-image: url(../img/bar_wk_checked.png); }
#order_process .last { background-image: url(../img/bar_ok.png); }
#order_process #ok_active { background-image: url(../img/bar_ok_active.png); }

#order_process .active { 
	background-image: url(../img/bar_active.png); 
	text-shadow: 0px -1px -1px rgba(20, 20, 20, 0.702);
	color: #fff;	
}
#order_process .checked { 
	background-image: url(../img/bar_checked.png); 
	text-shadow: 0px -1px -1px rgba(20, 20, 20, 0.702);
	color: #fff;	
}

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

#order_footer {
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	margin-top: 40px;
}

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

/*Extra Highlight für Button-Lösung*/
.order_summary {
	margin-top: 15px;
	border-top: 3px solid #2862b0;
	border-left: 1px solid #2862b0;
	border-right: 1px solid #2862b0;
	border-bottom: 1px solid #2862b0;		
	padding: 0 10px 5px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 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: #2862b0;
}

#summary {
	border-spacing: 0px;
	width: 228px;
	margin: 20px auto;
	font-size: 11px;	
}

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

#summary .key {
}

#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: 620px;
	padding-right: 30px;
	text-align: right;
}

#footer_summary .hl_smallcell,
#footer_summary h1  {
	font: bold normal normal 12px/18px Tahoma, 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: bold normal normal 12px/18px Tahoma, Arial, sans-serif;
}

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

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

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

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

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

#accept_agb {
	font-size: 12px;
	display: block;
	float: right;
	text-align: right;
	margin: 50px 0;
}


/*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;	
	border: 1px solid #a9a9a9;
	padding: 3px;
}

#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 #444;
	padding: 50px 0 5px;
	font: normal normal normal 12px/18px Tahoma, Arial, sans-serif;
	color: #2862B0;
}

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


#comp_table {
	width: 759px;
	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 #444;	
}

#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 Tahoma, 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_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;
}

#comp_nav #sitelist {
	float: right;
}

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

#comp_nav li:last-child {
	border-right: none;
}

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

#comp_sub_nav {
	position: relative;
	float: left;
	width: 759px;
	margin: 0px 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: 357px;
	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 Tahoma, 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;
}


/*#######################################################################*/
/********************************Kacheln**********************************/

.tiles {
	position: relative;
	border: 1px solid #e4e4e6;
	border-top: 3px solid #e4e4e6;
	padding: 0;
	margin-bottom: 20px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	width: 756px;	
}

.tiles hr {
}

.tiles .headline {
	border-top: 5px solid #e4e4e6;
	margin: 3px 3px 30px 3px;
	border-bottom: none;	
}
.tiles .headline h1 {
	font-weight: bold;
	border-bottom: none;
	margin-bottom: 10px;
}
.tiles article {
	position: relative;
	float: left;
	border: 1px solid #e4e4e6;
	width: 250px;
	min-height: 160px;
	padding: 10px 0;
}
.tiles article:hover {
	border: 1px solid #009DDA;
}
.tiles article .pic {
	border: none;
	float: left;
	position: relative;
	margin: 20px 10px 80px;
	width: 80px;
}
.tiles article header {	
	margin: 25px 10px 10px 0;
	position: relative;
	float: left;
	width: 	140px;
}
.tiles article h1 {
	font-size: 18px;
	color: #2862B0;
	margin-bottom: 10px;
}
.tiles article h2 {
	font-size: 12px;
	color: #444;
}
.tiles article h3 {
	font-size: 11px;
	color: #444;
	min-height: 54px;
	font-weight: normal;
}
.tiles article .btn_small_conf {
	position: relative;
	float: left;
}

.tiles article .marker_active,
.tiles article .marker {
	display: block;
	width: 100;
	text-align: center;
	padding: 3px 0;
	background-color: #f5f5f5;	
	color: #444;
	margin-bottom: 10px;
	border-top: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
}

.tiles article .marker:hover {
	color: #2862B0;
	border-top: 1px solid #2862B0;
	border-bottom: 1px solid #2862B0;
}

.tiles article .marker_active {
	font-weight: bold;
	color: #2862B0;
	background: #e4e4e6 url("../img/ico_check.png") no-repeat 5px 3px;
}

.tiles article .btn_light_edit {
	position: absolute;
	display: block;
	right: 10px;
	bottom: 10px;
	background-color: #e4e4e6;
	border: 1px solid #a9a9a9;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	padding: 0px 3px 0px 20px;
}

.tiles article .adress {
	padding: 5px 20px;
}

/*#######################################################################*/
/********************************Tutorials********************************/
.tut_table1 {
	border-spacing: 0;
}

.tut_table1 td {
	vertical-align: top;
	font-size: 12px;
	border-bottom: 1px solid #e4e4e6;
	padding: 15px 0;
}

.tut_table1 img {
	padding: 3px;
	border: 1px solid #e4e4e6;
	margin-right: 15px;
}

.tut_table1 img:hover {
	border: 1px solid #444;
}

/*#######################################################################*/
/********************************Spoiler**********************************/

.spoiler {
	margin-top: 20px;
}

.spoiler article {
	margin-bottom: 20px;
}

.spoiler h1 {
	display: block;
	background-image: url(../img/ico_spoiler.png);
	background-position: 3px 5px;	
	background-repeat: no-repeat;
	padding: 0 5px 0 18px;
	text-decoration: none;
	border-bottom: 1px solid #e4e4e6;
	font: normal normal 400 12px/18px Tahoma;
	height: auto;
	cursor: pointer;	
}

.spoiler h1:hover {
	border-bottom: 1px solid #a9a9a9;
}