/* RESPONSIVE 
/images/hg_nav_mobil.jpg
/images/hg_nav_mobil2.jpg
/images/hg_nav_mobil3.jpg
/images/footer.jpg
/images/hg_header2.jpg
/images/hg_header3.jpg
/js/main.js
/js/jquery.prettyPhoto
/requests/merchants.php
*/

.haendler_kopf {
    background: #788694 none repeat scroll 0 0;
    color: #fff;
    padding: 3px 5px;
	margin-bottom:5px
}

.haendler_data {
   margin-bottom: 15px;
}

.haendler_data.contact {padding-bottom:15px; border-bottom: 1px solid #000;}

#results div:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0}

.blur {filter:blur(3px)}
.overhidden {overflow:hidden; position:fixed; }

.menubutton, #boxen_mobil{
	display: none;
}

.menubutton .menubutton-menu {
	text-decoration:none;
	font-weight:bold;
	color:#000;
	text-transform: uppercase;
	text-shadow:1px 1px 1px rgba(255, 255, 255, 0.5);
}

#boxen_mobil {height: 193px; width: 41px; right: 0px; top:0; position: fixed; z-index:90001 ; cursor:pointer;
-webkit-transition: all 400ms ease-in-out;
-moz-transition: all 400ms ease-in-out;
-ms-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
#boxen_mobil.en {background: url(../images/lasche_en.png) 0 0 / 100% 100%;}

.desktop {display:block;}
.mobile {display:none;}
.qf input, select {margin-top:0 !important}
.no100p {width:auto !important}

.pp_details p {text-align:left}

/* ###################### ALLGEMEIN ######################### */

@media screen and (max-width: 1040px) {
	.tablewrap {width:100%; overflow: scroll}
	.boxen_mobil {z-index:90000; height: 100%; position: absolute; top: 0; width: 100%; display:none; background:rgba(0,0,0,0.5)}	
	#boxen_mobil {top:87px}
	#container > #sitewrapper {width:100%; padding:0}
	#headerwrap {margin-left: 0; padding: 0 20px; width: 100%;}
	nav {background: url(../images/hg_nav_mobil.jpg) right top;}
	#headerwrap > header {padding: 0 20px;}
	#headerwrap {background-position: right top; padding:0}	
	#nav_wrap {width:100%;}
	footer {width:100%; padding:0; margin:0 }
	footer > #content {width:100%;}
	#content_boxen_wrap {padding-left:20px; padding-bottom:20px; width:100%;}
	#boxen {margin: 0; position: fixed !important; right: -202px; top: 0 !important; z-index: 5000; overflow: scroll; height:100%; }
	.box_rechts {border:0}
	#boxen_mobil {display: block;}
	#content {margin-right: 0; padding-right: 20px; width: 100%;}
	strong, nav > #nav_wrap > ul > li > a,.nivo-caption div:first-child {font-weight:bold !important; font-family: sintonyregular !important;}
	footer {bottom:auto; }
	.box_rechts .hotline {font-size:14px;}
}

@media screen and (max-width: 840px) {
	nav.mainMenuSlide #hotline_small,nav.mainMenuSlide #suchebutton {display:none;}
}
@media screen and (max-width: 910px) {
	nav > #nav_wrap > ul > li > ul {padding:10px 3px 5px;}
	nav > #nav_wrap > ul > li > a > span {padding: 24px 24px 0 15px !important;}
	nav.mainMenuSlide > #nav_wrap > ul > li > a > span {padding: 10px 20px 0 !important;}
}
@media screen and (max-width: 850px) {
	nav > #nav_wrap > ul > li > a {font-size:15px !important;}
	nav.mainMenuSlide > #nav_wrap > ul > li > a {font-size:11px !important;}
}

@media screen and (max-width: 910px) {
	footer {height:356px !important;}
	footer > #content > div {height:113px;}
	footer > #content > div:first-child {font-size: 13px; float:none; height:213px; width: 100%; margin-right:0;}
	footer {height: 226px; margin: 0; padding: 0; position: relative; width: 100%;}
}

@media screen and (max-width: 760px) {
	.blenden_max_width img {width:100% !important;}
}

@media screen and (max-width: 790px) {
	
	#pp_full_res img {border:2px solid #fff !Important}
	a.pp_close {right:-5px !important}
	a.pp_next {right: -19px !important}
	.pp_details p {font-size: 80%;}
	
	.menubutton {
		display: block;
		margin: 0 auto;
		padding: 6px 0;
		background-size: 21px 14px;
		position: relative;
		text-align: center;
		width: 100%;
	}
	
	.splitnav {display:none}
	.nav1 {display:none;}
	.nav1 {background:rgba(255,255,255,0.95)}
	#nav_wrap {box-shadow: 0 20px 20px rgba(0,0,0,.25); margin-top:3px;}
	nav > #nav_wrap > ul {padding: 0 40px; width:100%}
	nav > #nav_wrap > ul > li {float:none; width:100%; height: auto}
	nav > #nav_wrap > ul > li > ul {box-shadow: none; background:rgba(235,235,235,0.95); border:0px; padding:10px 30px; !important; margin:-1px 0 0 0}
	nav > #nav_wrap > ul > li > ul > li {float: none; width:100%;}
	nav {height:42px; background: url(../images/hg_nav_mobil2.jpg) right top;}
	nav > #nav_wrap > ul > li#lev1_3 > ul {position:relative;}
	nav > #nav_wrap > ul > li > a > span {padding:15px 0 !important; height: auto; border-bottom:1px solid rgba(0,0,0,.3); font-size:15px !important}
	nav > #nav_wrap > ul > li > a {height: auto !important;}
	nav > #nav_wrap > ul > li#lev1_81 > a > span {border:0px;}
	nav > #nav_wrap > ul > li#lev1_81 {padding-bottom:20px}
	nav > #nav_wrap > ul > li > ul > li > div {width: auto !important}
	nav > #nav_wrap > ul > li > ul > li > a {text-align:center; padding:3px;}
	.nav3 a {text-align:center; padding: 6px 3px 3px 3px !important}
	.nav2.id3 {padding-top: 15px !important}
	.nav2.id3 > li:last-child {padding-top:15px;}
	.nav2.id3 > li:first-child {padding-bottom:15px;}
	nav > #nav_wrap > ul > li > ul > li > div li {border-bottom:1px solid #ccc}
	nav > #nav_wrap > ul > li > ul > li > div li:last-child {border-bottom:0}
	
	nav.mainMenuSlide {position:relative !important; top: 145px !important}
	nav.mainMenuSlide #lev1_1 + div {display:none}
	nav.mainMenuSlide a {font-size:14px !important}
	nav.mainMenuSlide > #nav_wrap > ul > li {float:none; height: auto;}
	nav.mainMenuSlide > #nav_wrap > ul > li > ul {width:100%; float:none; position:relative;}
	nav.mainMenuSlide ul {float:none}
	
	#headerwrap {height:165px; background: url("../images/hg_header2.jpg") right top no-repeat;}
}

@media screen and (max-width: 640px) {
	h1 {font-size:20px !important; margin-bottom:15px;}
	#headerwrap > header > a > #logo {width:250px}
	#headerwrap > header > a > #logo > #logo-teaser {font-size: 10.4px;top: 22px; left: 38px; width: 158px;}
	#headerwrap > header > a > #logo > #logo-multifilm {font-size: 40px;left: 36px;top: 27px;}
	#headerwrap > header > a > #logo > #logo-multifilm sup {font-size:20% !important}
	#headerwrap > header > a > #logo img {top: 22px; width: 30px;}
}

@media screen and (max-width: 560px) {
	#headerwrap {background: url("../images/hg_header3.jpg") right top no-repeat;}
	#headerwrap > header > a > #logo {position:absolute; float:none; top:37px;}
	#headerwrap > header > #hotline {margin-top: 95px; }
	#headerwrap {height:215px;}
	nav {top:153px;height:42px; background-image:url("../images/hg_nav_mobil3.jpg");}
	#headerwrap > header > #nav-top {width:100%}
	#boxen_mobil {top:20px;}
}
@media screen and (max-width: 510px) {
	footer {height:481px !important}
	footer > #content > div:first-child {margin-bottom:15px;}
	footer > #content > div {width:100%; height: auto}
	footer > #content > div:nth-child(3) {padding-top:15px;}
	footer > #content > div:last-child {padding-bottom:10px;}
	footer > #content > div.facebook {width:69px;top:250px; right:auto; left:15px}
	footer {height:366px; background-color:#f3d830}
	footer > #content > div:nth-child(2) {margin-top:-20px}
}
@media screen and (max-width: 500px) {
	#content img {width:100%; margin: 15px 0 !important; height: auto;}
	#content .facebook img {margin:0 !important; width:69px !important;}
	#content .presse_galerie img {margin:0 !important}
	#content p img.later-right {width:50%; height: auto; margin-left:20px !important;}
	#content p img.later-left {width:50%; height: auto; margin-right:20px !important;}
	footer > #content > div {margin-right:15px !important}
	footer > #content > div.facebook {margin-right:0 !important}
}


@media screen and (max-width: 400px) {
	.blenden_max_responsive img,.blenden_max_responsive {width:100% !important;}
}

@media screen and (max-width: 350px) {
	footer > #content > div:first-child {font-size:11px;}
	#headerwrap > header > a > #logo > #logo-multifilm {font-size: 32px;left: 33px;top: 27px;}
	#headerwrap > header > a > #logo > #logo-multifilm sup {font-size:20% !important}
	#headerwrap > header > a > #logo img {top: 25px; width: 25px;}	
	#headerwrap > header > a > #logo > #logo-teaser {left: 33px}
}

/* ####################### HOME ########################## */

@media screen and (max-width: 1040px) {
	#startseitenboxen li {width:32%; margin-right: 2%; height: auto}
	#startseitenboxen .title {width: 100%; display:block;}
	#startseitenboxen img {width:100%; height: auto}
	.slider-wrapper {padding: 0 20px;}
	.nivo-caption {bottom:20px !Important;margin-left:20px; width:90%; padding-left:22px !important;}
}

@media screen and (max-width: 750px) {
	.nivo-caption {padding: 5px 83px 5px 16px !important; height:90px !important;}
	.nivo-caption div:first-child {font-size:17px !important}
}
@media screen and (max-width: 660px) {
	.nivo-caption {position:relative !important; bottom: 0 !important; margin-left:0 !Important; box-shadow: none !important; overflow:visible !important; padding:5px 16px 16px 16px !important; width:100% !important; height: auto !important}
	.nivo-directionNav a {top:100px !important}
	.nivo-caption div {width: 100% !important;}
}

@media screen and (max-width: 640px) {
	#startseitenboxen li {width:49%; margin-right:2% !important}
	#startseitenboxen li:nth-child(even) {margin-right:0px !important}	
	.nivo-caption div:first-child {line-height: 1.2em}
}
@media screen and (max-width: 460px) {
	.nivo-directionNav a {top:50px !important}
}
@media screen and (max-width: 430px) {
	#startseitenboxen li {width:100%; margin:0 0 15px 0 !important;}	
}

/* ###################### MITARBEITER ######################### */

@media screen and (max-width: 500px) {
	#content .galerie_ma img {width:100px !important; margin: 0px 10px 0 0 !important; height: auto;}
	.galerie_ma h3 {font-size:14px}
	.galerie_ma .mail {margin-top: 9px; width: 100%;}	
}

/* ###################### Produktübersichtsseite ######################### */

@media screen and (max-width: 1040px) {
	.category_item .details {width:100%; }
	.category_item ul {width:60% }
	.category_item ul li {padding-right:15px;}
	.category_item .details {width:78%;}
	.category_item img {width:20%; height: auto;margin-right:2%;}
}

@media screen and (max-width: 860px) {
	.category_item .details > span {top: -55px !important; position: absolute; right: 10px;}
	.category_item {position:relative;}
	.category_item img {width:30%}
	.category_item .details {width:100%}
	.category_item .mobile {display: block;}
	.category_item .desktop {display: none}
	.category_item ul {width:40%}
	.category_item .details > h2 > span {display:block}
	.category_item span.desktop {display:none !important}
	.category_item .u2 {width:75%; line-height:1.2em; font-size:14px;}
	.category_item h2 {padding-bottom:5px !important;}
}
@media screen and (max-width: 650px) {
	.category_item ul {width:55%; margin-left:5%}
	.category_item .mobile.infos {clear: both; float: none; width: 100%;}
	.category_item img {margin-bottom:10px; width:35%;}
}

@media screen and (max-width: 400px) {
	.category_item img, .category_item ul {width:100%; margin-right:0}
	.category_item h2 span:first-child {font-size:17px !important; width:73%; line-height:18px !important}
}


/* ###################### Produktseite ######################### */

@media screen and (max-width: 1040px) {
	#produktgalerie.top li img {height: auto; width: 100%;}
	#produktgalerie.top li {width: 32%; margin-right:2%}
	#produktgalerie.top li:last-child {margin-right:0}
	#produktgalerie {width: auto}
}

@media screen and (max-width: 1040px) {
	.button.produkt {margin-bottom: -12px !important; margin-top: 20px !important}
}

@media screen and (max-width: 610px) {
	.itmTabs > .tab-header > li {float:none; background-size: 100% 100%; margin-right:0}	
	.tabcontentwrap table {width:100% !important}
}

@media screen and (max-width: 350px) {
	#produktgalerie.infos img {width:150px;}
	#produktgalerie.infos li, #produktgalerie.bedienung li, #produktgalerie.groessen li {width: auto;}
}

/* ###################### Dekorfolien Sortiment ######################### */

@media screen and (max-width: 500px) {
	#produktgalerie.dekore li {
		width:30%;
		margin-right:5%;
	}
	#produktgalerie.dekore li:nth-child(3n+3) {
	margin-right:0px}
	#produktgalerie.dekore li div {line-height:13px;}
	#produktgalerie.dekore li a img {margin-bottom: 8px;}
}

/* ###################### Händler ######################### */

@media screen and (max-width: 1040px) {
	#box_haendler {width:95% !important;}
}
@media screen and (max-width: 800px) {
	#box_haendler {width:80% !important;}
	#box_haendler > a {margin-top:3px !important; margin-right:3px !important;}
	#box_haendler {min-height: auto !important}
	#box_haendler {z-index:800000}
}

/* ###################### Referenzen ######################### */

@media screen and (max-width: 1040px) {
	.select-wrapper {position: relative !Important; right: 0 !important; top: 0 !important;}
	#list {margin:15px 0 0 0 !important;}
	.styled-list.referenzen > li {padding: 3px 3px 3px 0px !important}
	
	#box_referer > a {right:60px; margin-left:auto !important;}
	#navigation {right:76px !important;}
}

@media screen and (max-width: 750px) {
	#box_referer > a {top:210px !important;}
	#navigation {top: 219px !important;}
}
@media screen and (max-width: 670px) {
	#results_left {float:none !important; display:block !important; margin-right:0 !important}
	#results_right li {margin-left: 12px !important}
	#results_right {clear:both !important;}
	#results_split {display:none !important}
	#ref_galerie {width:100% !important; display:block !important;}
	#ref_galerie li:first-child {margin-right:0 !important; width:100% !important;}
	#ref_galerie li:first-child img {width:100% !important; height: auto !important;}
	#ref_galerie li:nth-child(4), #ref_galerie li:nth-child(7), #ref_galerie li:nth-child(10), #ref_galerie li:nth-child(13) {margin-right:0 !important}
	#ref_galerie li {width:30% !important; margin-right:5% !important;}
	#ref_galerie li img {width:100% !important; height: auto !Important; margin: 0 !important}
}
@media screen and (max-width: 560px) {
	#box_referer > a {position: relative !important; right: 0 !important; top: 4px !important;}
	#navigation {left: 0 !important; position: relative !important; right: auto !important; top: -84px !important;}
	#ref-next, #ref-prev {margin: 2px 5px !important;}
	#navigation div {width:59px !important}
}

@media screen and (max-width: 500px) {
	.select-style {width: 100%;}
}

/* ###################### Kontakt ######################### */

@media screen and (max-width: 1040px) {
	.form_links, .form_rechts {float:none; width: 100%}
	#kontakt #content, #encontact-us #content {width:100% !important;}
	#xform-formular-infomaterial {float:none !important}
	#form_formular .form_links input, #form_formular .form_links textarea {width: 70% !important}
	.formsubmit input {position:relative !important; margin-top:0 !important}
	#mailformDatenschutztext {margin-top:0 !important;}	
	#xform-formular-dsg {margin-top:122px !important;}	
}

@media screen and (max-width: 500px) {
	#form_formular .form_links input, #form_formular .form_links textarea{width: 100% !important}
	p.radio, #xform-formular-infomaterial {margin-bottom: 0 !important;}
}

/* ###################### Tabellen News, AGB ######################### */

@media screen and (max-width: 1040px) {
	#newspresse table, #agb table, #engeneral-terms-and-conditions table{width:100% !important;}
	#newspresse table p, #agb table p, #engeneral-terms-and-conditions table p{text-align:left;}
}