.folgetop {float:right; padding:0 10px 0 20px}
.protected_shops_top {float:right; margin-right:15px;}
.grad360 {margin-bottom:20px; margin-top:8px;}

a:hover{
	color:#6b81c7
}
.btn:hover{
	background:#0c2358;
	color:#fff
}

.inner-supplier {
    max-width: 150px;
}


#detailbox h1 {
	    font: 300 30px/0.9em "Lato","Helvetica Neue UltraLight","Helvetica Neue",Arial,Helvetica,sans-serif;
    letter-spacing: 1px;
    margin: 0px 0px 0.7em;
}



.ico_tipp, .ico_esd, .ico_new {
    background: none;
    border-radius: 0px;
    border: 0px solid #FFF;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
    color: #FFF;
    font-size: 0.7em;
    padding: 0px;
    text-align: center;
    display: inline-block;
}



#biSolvencyBirthdate {width:50%}



div.ico_new, div.ico_tipp, div.ico_esd {color: #fff;}

div.ico_new, div.ico_tipp, div.ico_esd {
    text-indent: -9999em;
    z-index: 210;
    position: absolute;
}


div.ico_new, 
div.ico_tipp, 
div.ico_esd {background: url(../images/herbertz/sprite_listing_10.png) no-repeat 0 0; }



div.ico_video {
	top: 84px; left: -1px; 
	width: 27px; height: 37px;
	background: url(../images/herbertz/video2.png) no-repeat 0 0; 
	position: absolute;
	text-indent:-3000px;
}

/* NEW */
div.ico_new {
	top: 20px; left: -1px; 
	width: 28px; height: 52px;
}

/* DOWNLOAD */
div.ico_esd,
#listing-3col .artbox div.ico_esd {
	height: 25px; width: 113px;
	background-position: 0 -136px;
	right: auto; left: 70px; top: -1px;
}

/* HIGHLIGHT */
div.ico_tipp {
	height: 84px; width: 84px;
	background-position: 0 -52px;
	left: 100px; top: 5px; display:none;

}

div.ico_new, div.ico_tipp, div.ico_esd {
    font-family: "Arial Black";
    font-size: 13px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #777;
    letter-spacing: -1px;
}


.icon:after{
	color:#0c2358;
}
.btn{
	background:#6b81c7;
}

.actions a:hover,#detail_menu a:hover,.ico.link:hover,.sidebar_nav a:hover,#servicenavi a:hover,#main_navigation a:hover{
	color:#6b81c7
}

#logo{
	top:23px; z-index:40
}
.my_options>a.account,.ajax_basket{
	background:#0c2358;
}
.my_options>a.account:hover,.ajax_basket:hover{
	background:#6b81c7;
}

.sub_opt_btn:hover{
	color:#6b81c7
}

.sub_opt_btn:hover .icon:after{
	color:#6b81c7
}
.my_options .notes_quantity{
	background:#6b81c7;
}
.topbar_currency input[type="submit"]:hover{
	color:#6b81c7
}
.ajax_basket_result .inner_cart .row a:hover .icon:after{
	color:#6b81c7
}
.topbar_lang .select_wrap:hover:after{
	color:#6b81c7
}
#breadcrumb a.last{
	color:#6b81c7;
}
#infobar{
	background:#fff
}
#searchcontainer{
	position:relative; border:1px solid #ccc
}
.inner_searchcontainer .form .icon{
	background:#0c2358;
}
#main_navigation a {color:#fff}

#main_navigation a:hover{
	color:#fff
}



#main_navigation .icon:after{
	color:#fff;
}

#main_navigation{
	background:#0c2358;
}
#main_navigation .firstlevel>li:first-child a:hover{
	color:#fff;
}

#main_navigation .firstlevel>li:first-child a:hover .icon:after{
	color:#0c2358
}
#main_navigation ul ul{
	background:#0c2358;
}
#main_navigation a{
	background:#0c2358;
}
#main_navigation a:hover,#main_navigation a.active{
	background:#6a80c7
}

#main_navigation a:hover .icon:after{
	color:#6b81c7
}
.sidebar_nav>ul>li.active.sub a.flag{
	color:#6b81c7
}

.sidebar_nav>ul>li.active.sub a.flag .icon:after{
	color:#6b81c7
}

	
	#main_navigation li.active>a{
		color:#fff; font-weight:normal;
	}
		.mobile_nav_button .icon:after{

		color:#0c2358;
	}
	
	
#main_navigation ul ul a{

	padding:6px 24px 6px 12px
}	
	
	.lostpassword{

	color:#6b81c7
}
.listing .artbox .title_desc:hover h3,.similar .artbox .title_desc:hover h3{
	color:#6b81c7
}

.emotion-link a:hover .icon:after{
	color:#6b81c7
}
.article_back .icon:after,.article_next .icon:after{
	background:#6b81c7;
}
.step_box li.active .text:after{
	background:#6b81c7;
}

.footer_menu .newsletter .icon{
	background:none repeat scroll 0 0 #6b81c7;
}
#compareContainerAjax{
	margin-right: 20px;
}
.comparisons{
	background:#6b81c7;
}
.searchresult a:hover .icon:after{
	color:#6b81c7
}

.searchresult a:hover h3{
	color:#6b81c7
}


#main_navigation a {
    padding: 12px 7px 12px 7px;
}





#infobar {

    padding: 20px 0 10px 0;
}


#searchcontainer {

    margin: 14px 0 14px 20px;
}





.sidebar_nav > ul > li.active.sub > a.flag {
    background: none repeat scroll 0% 0% #e1e1e1;
}


table.technischedaten {
display: block;
border: 0px solid #c7c7c7;
width: auto !important;
color: #939393;
font-family: "Lato","Helvetica Neue",Arial,Helvetica,sans-serif;
font-size:13px;
margin-top:20px;
}

table.technischedaten tbody tr td, table.technischedaten tbody tr th {
border-bottom: 1px dashed #dfdfdf;
border-top: 0px dashed #dfdfdf;
}

table.technischedaten tbody td {
padding: 5px; color:#555555
}

.youtube3iq {padding-bottom:20px;}
.clearb {clear:both}

.verkauf18detail {border-color: #DF7373;
    background: none repeat scroll 0% 0% #F7E9E9;
    box-shadow: 0px 0px 4px #F0D5DC;
	padding:8px; border:0px solid; margin-bottom:25px}
#detailBuyInfoNotAvailable .error {    border-color: #DF7373;
    background: none repeat scroll 0% 0% #F7E9E9;
    box-shadow: 0px 0px 4px #F0D5DC;
	padding:8px; border:0px solid}

.article_back:hover .icon:after,.article_next:hover .icon:after{
	background:#0c2358
}



a.ansicht360a {
	display:block;width:61px; height:61px; background: url(../images/herbertz/360a.png) no-repeat 0 0; text-indent: -9000px;
}
a.ansicht360a:hover{
	opacity: 0.8
}


























































































@media only screen and (max-width:1100px){
	.service_bar{
		width:30%;
		margin:0
	}

	#searchcontainer{
		width:100%
	}

	#submit_search_btn{
		width:50px
	}

	#main_navigation{
		position:absolute !important;
		z-index:9000;
		top:0 !important;
		width:100%;
		-webkit-transform:translate(-300%, 0);
		-moz-transform:translate(-300%, 0);
		-ms-transform:translate(-300%, 0);
		transform:translate(-300%, 0);
		-webkit-transition:all 0.3s ease-out;
		transition:all 0.3s ease-out
	}

	#main_navigation.active{
		-webkit-transform:translate(0, 0);
		-moz-transform:translate(0, 0);
		-ms-transform:translate(0, 0);
		transform:translate(0, 0)
	}

	#main_navigation .inner{
		padding:0
	}

	#main_navigation .inner>ul>li>a{
		background:#666;
		display:block
	}

	#main_navigation .inner>ul>li a{
		border-top:1px solid #d4d4d4
	}

	#main_navigation .inner>ul>li:first-child a{
		border-top:none;
		padding:24px 12px 24px 50%
	}

	#main_navigation li{
		float:none;
		width:100%
	}

	#main_navigation li.active>a{
		color:#fff; font-weight:bold;
	}

	#main_navigation a{
		border-left:none;
		border-right:none;
		border-top:1px solid #d4d4d4;
		box-shadow:0 -1px 0 #fff
	}

	#main_navigation ul ul{
		width:100%;
		display:block;
		position:relative;
		left:0
	}

	#main_navigation ul ul a{
		padding:12px 12px 12px 24px
	}

	#main_navigation ul ul ul{
		position:relative;
		width:100%;
		left:0
	}

	#main_navigation ul ul ul a{
		padding:12px 12px 12px 48px
	}

	.mobile_nav_button{
		position:fixed;
		z-index:10000;
		display:block;
		cursor:pointer;
		top:0;
		left:0;
		height:50px;
		width:50px;
		background:#f2f2f2;
		border-radius:0 0 4px 0;
		box-shadow:0 0 3px rgba(0,0,0,0.3)
	}

	.mobile_nav_button .icon:after{
		margin:0;
		position:absolute;
		left:16px;
		top:4px;
		color:#0c2358;
	}

	.mobile_nav_button.active{
		background:#59585a
	}

	.mobile_nav_button.active .icon:after{
		color:#fff
	}

	.mobile_nav_button.active .mobile_nav_show{
		display:none
	}

	.mobile_nav_button.active .mobile_nav_hide{
		display:block
	}

	.mobile_nav_hide{
		display:none
	}

	.mobile_nav_hide.icon:after{
		top:17px
	}

}

@media only screen and (max-width:1100px){

	#main_navigation .inner>ul>li>a{
		background:#666;
	}
}

@media only screen and (max-width:1100px){
	#page_header{
		background:#fff;
		min-height:70px
	}

	#page_header_topbar{
		position:fixed;
		padding:0 0 0 45px
	}

	.btn_text,.amount{
		border:0;
		clip:rect(0 0 0 0);
		height:1px;
		margin:-1px;
		overflow:hidden;
		padding:0;
		position:absolute;
		width:1px
	}

	.note .btn_text,.service .btn_text{
		position:relative;
		height:auto;
		width:auto;
		margin:0
	}

	.my_options a.account,.ajax_basket,#sub_option_toggle{
		padding:16px;
		box-shadow:0 0 3px rgba(0,0,0,0.3);
		font-size:1.6em;
		margin:0 4px 0 0
	}

	.my_options a.account .icon:after,.ajax_basket .icon:after,#sub_option_toggle .icon:after{
		margin:0
	}

	.sub_options{
		width:55px
	}

	.sub_options .sub_opt_btn:nth-child(2){
		margin-top:20px
	}

	.sub_options .sub_opt_btn:nth-child(2):before,.sub_options .sub_opt_btn:nth-child(2):after{
		background:#f2f2f2;
		content:"";
		display:block;
		height:10px;
		width:10px;
		position:absolute;
		top:-4px;
		right:50%;
		margin:0 0 0 -5px;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
		-webkit-transition:all 0.3s ease-out;
		transition:all 0.3s ease-out
	}

	.sub_options .sub_opt_btn:nth-child(2):before{
		-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.3);
		-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.3);
		box-shadow:0 0 3px rgba(0, 0, 0, 0.3);
		z-index:-1
	}

	.sub_options .sub_opt_btn:nth-child(2):hover:after{
		background:#fff !important
	}

	.sub_options .sub_opt_btn:nth-child(2):after,.sub_options .sub_opt_btn:nth-child(2):before{
		right:61%
	}

	#sub_option_toggle{
		cursor:pointer;
		width:50px;
		height:50px;
		display:block;
		background:#f2f2f2;
		border-radius:0 0 4px 4px;
		padding:15px 17px;
		color:#59585a
	}

	#sub_option_toggle.active:after{
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg)
	}

	#sub_option_toggle:after{
		content:"\f055";
		font-family:"font-awesome";
		display:inline-block;
		-webkit-transition:all 0.3s ease-out;
		transition:all 0.3s ease-out
	}

	.sub_opt_btn{
		background:#f2f2f2;
		border-top:1px solid #d4d4d4;
		border-left:1px solid #d4d4d4;
		border-right:1px solid #d4d4d4;
		box-shadow:0 1px 0 #fff inset;
		width:360%;
		border-radius:0;
		padding:14px 12px 0;
		height:40px;
		display:none;
		margin:0 0 0 -46px;
		-webkit-transition:all 0.3s ease-out;
		transition:all 0.3s ease-out
	}

	.sub_opt_btn:hover{
		background:#fff
	}

	.sub_opt_btn:last-child{
		border-radius:0 0 4px 4px
	}

	.topbar_lang .select_wrap{
		margin:-10px;
		width:135px
	}

	.topbar_lang .select_wrap select{
		width:115%
	}

	.topbar_currency{
		position:relative
	}

	.topbar_currency form{
		width:50%;
		float:left
	}

	.topbar_currency input{
		height:20px
	}

	#page_header_teaser{
		display:none
	}

	#logo{
		left:auto;
		right:6px;
		top:6px
	}

	#servicenavi{
		left:0;
		top:-125px;
		width:100%
	}

	#servicenavi li:first-child:before,#servicenavi li:first-child:after{
		left:35%
	}

	.ajax_basket_result{
		top:70px;
		right:-100px
	}

	.ajax_basket_result .inner_cart .row:first-child a:before,.ajax_basket_result .inner_cart .row:first-child a:after{
		background:#f2f2f2;
		content:"";
		display:block;
		height:10px;
		width:10px;
		position:absolute;
		top:-4px;
		right:50%;
		margin:0 0 0 -5px;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
		-webkit-transition:all 0.3s ease-out;
		transition:all 0.3s ease-out
	}

	.ajax_basket_result .inner_cart .row:first-child a:before{
		-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.3);
		-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.3);
		box-shadow:0 0 3px rgba(0, 0, 0, 0.3);
		z-index:-1
	}

	.ajax_basket_result .inner_cart .row:first-child a:hover:after{
		background:#fff !important
	}

	.ajax_basket_result .inner_cart .row:first-child a:before,.ajax_basket_result .inner_cart .row:first-child a:after{
		right:38%
	}

	.ajax_basket_container .ajax_loader{
		top:18px;
		left:70px
	}

}


@media only screen and (max-width:1100px){
	.folgetop {display:none}
.protected_shops_top {display:none}
}

@media only screen and (max-width:900px){

	.grad360 {display:none}
}
@media only screen and (max-width:600px){
#searchcontainer {
    width: 100%;
}
#logo img {}
#logo {width:90px}

#page_header{
		min-height:50px
	}

.flex-control-paging {display:none}

}

@media only screen and (max-width:400px){
	#page_header{
		min-height:50px
	}

	#logo{
		margin:0px 0 0
	}
}