.dlh_googlemap img {max-width:none}.dlh_googlemap .routinglink{white-space:nowrap}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/************************************************
    style.css
*************************************************

    1.0 RESET 
    2.0 GLOBALS 
      2.1 headings  
      2.2 text 
      2.3 hyperlinks  
      2.4 lists
      2.5 tables
      2.6 images
    3.0 LAYOUT
      3.1 header
      3.2 container
      3.3 footer
    4.0 NAVIGATION
      4.1 mainnav  
      4.2 Mobilenav
      4.3 Iconnav
    5.0 FORMS
    6.0 MODULES 
    	6.1 google maps  
    7.0 PRINT
	8.0 IE-HACKS

************************************************/

/************************************************
    RESET
************************************************/
* {
    border: 0;
    margin: 0;
    padding: 0;
}
html, body {
	font-size: 100.01%;
	height: 100%;
	position: relative;
}

/************************************************
    GLOBALS
************************************************/ 
body {
	color: #4a4a49;
	font: 12px Arial, Helvetica, sans-serif;	
	background:#FFF!important;
	overflow-x: hidden;
	overflow: -moz-scrollbars-vertical;
}
.noMargin { margin:0 !important; }

/**** headings ****/
.custom h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin: 0 0 16px 0;		
	color: #a5165c;
	text-transform: uppercase;
	font-weight: bold;
}
/*
h2,
h3 { 
	font-size: 20px;
	line-height: 22px;
	margin: 0 0 6px 0;
	padding: 0 0 4px 0;
	font-weight: bold;
	color: #8c856a;
	border-bottom: 1px solid #e6b7ba;
}
*/
h1,h2,h3 {
	margin-bottom: 12px;
}
/**** text ****/
p {	
	font-size: 12px;
	line-height: 1.5;	
	margin: 0 0 1.2em 0;
}
p.back {
	text-align:right;
}
b,
strong {
	font-weight: bold;
}
em,
i {
	font-style: italic;
}
.ce_text {
}
/**** hyperlinks ****/
a,
a:active,
a:visited {
	color: #4a4a49;
	text-decoration: underline;
}
a:hover {
	color: #4a4a49;
	text-decoration: none;
}

/**** lists ****/
ul {
	list-style: disc outside;
	padding: 0 0 0 2em;
	margin: 0 0 1em 0;
}
ol {
	padding: 0 0 0 2em;
	margin: 0 0 1em 0;
}
li {
	font-size: 1.2em;
	line-height: 1.5;	
}
.ce_list {
}

/**** tables ****/
table, th, td {
	border: 1px solid #000;
	border-collapse: collapse;
}
th {
	font-weight: bold;
	text-align: center;
	padding: 2px 4px;
}
td {
	padding: 2px 4px;
}
.ce_table {
}

/**** images ****/
img {
	border:0;
    height: auto;
    max-width: 100%;
}

/************************************************
    3 - LAYOUT
************************************************/ 
#wrapper {
	/*
	width: 100%;
	min-width:960px;
 	min-height:100%;
	overflow: hidden;
	*/	
}

#queryInfo {
	position: fixed;
	z-index: 2000;
	width: 80px;
	height: 20px;
	left: 0;
	top: 0;
	background: #CCCCCC;
	color: #FFFFFF;
}

#queryInfo:after {
	content: "desktop";
}

.mainbody {
    height: 100%;
    position: relative;
    z-index: 1;
	overflow: hidden;
}

.navcontainer {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    height: 100%;
    left: 0;
    padding: 0;
    position: fixed;
    top: 0;
    z-index: 999;
	padding: 0 30px 0 30px;
	width: 346px;
	padding-bottom: 280px;
	/*display: none!important;*/
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;		
	
}

#logo {
	margin-top: 105px;	
}

/**** container  ****/
#container {
	min-height:100%;
	padding-left: 0;
 
}
#left {
	position: relative;
	margin-left: 0;
	float: none;
	/*
	background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    height: 100%;
    left: 0;
    padding: 0 60px;
    position: fixed;
    top: 0;
    width: 180px;
    z-index: 999;
	display: block;	*/
}
#left > .inside {
	position: fixed;
    height: 100%;
    width: 346px;
	background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
	z-index: 10000;	
	/*padding:100px 0 34px 34px;*/
}   

#customWrapper {
	width:373px;
	position:absolute;
	top:0;
	background: #FFFFFF;
	height:100%;
	right:0;
	opacity:0.9;
}

#customWrapper .custom .inside {
	padding: 276px 22px 0 22px;
}

.home #customWrapper {
	display: none;
}


#page-content-toggle {
    background: url("/files/moeller/images/corporate/toggle-open.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-size: 0;
    height: 78px;
    text-indent: -9999px;
    width: 33px;
}

#page-content-toggle.active {
    background: url("/files/moeller/images/corporate/toggle-close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#page-content-toggle {
    left: -38px;
    margin-top: -33px;
    position: absolute;
    /*top: 45%;*/
    top: 279px;
}

#tiltnotice,
#tiltnotice-iphone {
	display: none;
}

#tiltnotice {
	width: 300px;
	height: 200px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -150px;
	margin-top: 200px;
}

#tiltnotice img {
	width: 200px;
}

/**** mobil toggler ****/
#navToggle {
    color: #505050;
    cursor: pointer;
		display: none;
    position: fixed;
    right: 2%;
    top: 40px;
    z-index: 9999;
}

#navToggle:hover,
#navToggle.active {
	color:#A71A5E;
}

#navToggle .fa-3x {
    font-size: 2.6em;
}

/*
.custom {
	width:373px;
	position:absolute;
	top:0;
	background: #FFFFFF;
	height:100%;
	right:0;
	opacity:0.8;
}

.custom .inside {
	padding: 276px 22px 0 22px;
}
*/

#main {
	background: none repeat scroll 0 0 #FF0000;
    min-height: 100%;
    position: relative;
}
.blank #main {
	background: none;
}
#main > div.inside {
}
.mod_rocksolid_slider {
	width:100%;
	min-height:100%;
	overflow:hidden;
}
/************************************************
    4 - NAVIGATION
************************************************/ 
/**** mainnav ****/
#mainnav {
	
}
#mainnav.mod_navigation ul {	
	list-style: none;
	width: auto;
	padding: 25px 0 0 4px;
	margin:0;
}
#mainnav.mod_navigation ul li {
	margin: 0;
	padding: 7px 0;
}
#mainnav.mod_navigation ul li a,
#mainnav.mod_navigation ul li a:active, 
#mainnav.mod_navigation ul li a:visited,
#mainnav.mod_navigation ul li span {
	font-weight: normal;
	background:none;
	padding: 7px 20px 0px 0;
	font-size: 15px;
	color: #4a4a49;
	line-height: 30px;
	text-decoration:none;
}
#mainnav.mod_navigation ul li a:hover,
#mainnav.mod_navigation ul li span {
	color: #A71A5E;	
}

 

/* submenu */
#mainnav.mod_navigation ul li ul {
	display: none;	
}

#mainnav.mod_navigation ul li.active ul,
#mainnav.mod_navigation ul li.trail ul {
	display: block;	
}

#mainnav.mod_navigation ul li ul {
	padding: 0;
}

#mainnav.mod_navigation ul li ul li {
	padding: 10px 0 0 0;	
}

#mainnav.mod_navigation ul li ul li a,
#mainnav.mod_navigation ul li ul li a:active, 
#mainnav.mod_navigation ul li ul li a:visited,
#mainnav.mod_navigation ul li ul li span {
	font-weight: normal;
	background:none;
	padding: 7px 20px 0px 30px;
	font-size: 15px;
	color: #4a4a49;
	line-height: 10px;
	text-decoration:none;
}

#mainnav.mod_navigation ul li ul a:hover,
#mainnav.mod_navigation ul li ul a.trail,
#mainnav.mod_navigation ul li ul a.active,
#mainnav.mod_navigation ul li ul span {
	color: #a71a5e;	
}

#mainnav.mod_navigation ul li ul a.last,
#mainnav.mod_navigation ul li ul a.last:active,
#mainnav.mod_navigation ul li ul span.last {
	border-right: none!important;
	color: #A71A5E;		
}



/**** mobilenav ****/
.navcontainer .mod_navigation.mobilenav {
	display:none;
  float: none;
  height: auto;
  min-width: auto;
  width: 100%;
  margin: 0;
  position: absolute;
  left: 0;
  top: 120px;
}

.navcontainer .mod_navigation.mobilenav ul {
	list-style:none;
	margin: 0;
	border-top: 1px solid #DDDDDD;
    float: none;
    width: auto;	
    padding: 0;
}
.navcontainer .mod_navigation.mobilenav li {
	background: linear-gradient(to bottom, #FFFFFF 0%, #F0F0F0 40%, #F0F0F0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-bottom: 1px solid #DDDDDD;
	margin: 0;
	float: none;
	width: 100%;
}

.navcontainer .mod_navigation.mobilenav li a,
.navcontainer .mod_navigation.mobilenav li span {
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #DDDDDD;
	color: #505050;
	display: block;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 400;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	text-decoration: none;
	outline:none;
}

.navcontainer .mod_navigation.mobilenav li.trail a,
.navcontainer .mod_navigation.mobilenav li.active span,
.navcontainer .mod_navigation.mobilenav li span.active,
.navcontainer .mod_navigation.mobilenav li a:hover {
	color: #FFFFFF;
	background-color: #a71a5e;
}
.navcontainer .mod_navigation.mobilenav li a:active {
	background:#a71a5e;
  	border-top-color: #ccc;
  	box-shadow: 0 2px 7px #850d0d inset;
}

/* level 2*/
.navcontainer .mod_navigation.mobilenav .level_2 {
	display: none;
}

.navcontainer .mod_navigation.mobilenav li.active .level_2,
.navcontainer .mod_navigation.mobilenav li.trail .level_2 {
	display: block;
}

.navcontainer .mod_navigation.mobilenav .level_2 li a,
.navcontainer .mod_navigation.mobilenav .level_2 li span {	
	border-left: 1px solid #FFFFFF;
    border-right: 1px solid #DDDDDD;
    color: #505050;
    display: block;
	text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    padding: 0 40px;
    text-decoration: none;
	outline:none;
background: #FFFFFF;
	margin: 0;
	float: none;
	width: 100%;	
}

.navcontainer .mod_navigation.mobilenav .level_2 li.active a,
.navcontainer .mod_navigation.mobilenav .level_2 li.active span,
.navcontainer .mod_navigation.mobilenav .level_2 li.trail a, 
.navcontainer .mod_navigation.mobilenav .level_2 li a:hover {
	color: #FFFFFF;
	background: #a71a5e;
}




/**** 4.3 - Iconnav ****/
#customWrapper .icons {
	display: none;	
}

.icons p {
	margin-top: -5px;
	margin-left: 4px;	
	font-size: 1em;
}

.icons p a {
	color: 	#4a4a49;
}

.icons {
	overflow: visible;
	width: auto;
	position: absolute;
	bottom: 84px;
}

.icons ul {
	margin: 0 0 0 5px;
	padding: 0;
}

.icons li {
	float: left;
	list-style: none;
	margin: 0 16px 0 0;
}

.icons a:not(.mail) {
	width: 22px;
	height: 21px;
	text-indent: -9999em;
	background-repeat: no-repeat;	
	display: inline-block;	
}

.icons a.facebook {
	background-image: url("/files/moeller/images/corporate/icon_facebook.png");
}

.icons a.impressum {
	background-image: url("/files/moeller/images/corporate/icon_impressum.png");
}



/************************************************
    5 - FORMS
************************************************/ 


/************************************************
    6 - MODULES
************************************************/ 

/**** cookiebar ****/
.cookiebar {
	z-index: 1000;
	background-color: #a5165c;
}

.cookiebar a,
.cookiebar a:hover {
	background-color: #FFFFFF;
	color: #a5165c;
	text-decoration: none;	
	font-weight: bold;
	display: inline-block;
	padding: .6em 1.2em;
	line-height: 13px;
	border-bottom: 1px solid #FFFFFF;
}

@media screen and (max-width: 1000px) {	
	.cookiebar__message {
		display: block;
		margin-bottom: 6px;
	}
}


.cookiebar__button,
.cookiebar__button:hover {
	background-color: #FFFFFF;
	color: #a5165c;
	border-top: 1px solid #FFFFFF;
}

/**** 6.1 - google maps ****/
.ce_dlh_googlemaps {
	position: absolute;
	width: 100%;
	height: 100%;
}

.dlh_googlemap .gm-style-iw p,
.dlh_googlemap .routinglink {
	font-size: 14px;
}

.dlh_googlemap input.text {
	border: 1px solid #EEEEEE;
	margin: 4px 4px 0 0;
	padding: 2px;
}

/**** 6.1 supersized ****/

#prevslide {
    background: url("/files/moeller/images/corporate/supersized/super-prev.png");
    background-repeat: no-repeat;
    background-position: -8px 5px;
    position: absolute;
    left: 346px;
   	z-index: 9999;
   	bottom: 100px;
   	width: 20px;
   	height: 50px;
   	display: inline-block;
   	background-color: #FFFFFF;
}    

#nextslide {
    background: url("/files/moeller/images/corporate/supersized/super-next.png");
    background-repeat: no-repeat;
    background-position: -10px 5px;
    position: absolute;
    right: 0px;
   	z-index: 9999;
   	bottom: 100px;
   	width: 20px;
   	height: 50px;
   	display: inline-block;
   	background-color: #FFFFFF;
}  

.withContent #nextslide {
	right: 373px;
}

.home.withContent #nextslide {
	right: 0px;
}

#prevslide:hover,
#nextslide:hover {
	cursor: pointer;
}

.mod_article #supersized {
	left: 346px!important;	
}	


ul#supersized {
/*margin-left: 346px!important;*/
}
/*
ul#supersized {
	padding-left: 346px;
}
ul#supersized {

}

ul#supersized img {
	max-width: 100%;
}
*/

#wrapper .mod_rocksolid_slider {
	display: none;
}

#wrapper .ce_gallery,
#nextslide,
#prevslide {
	display: block!important;
}

/************************************************
    IE-HACKS
************************************************/ 

@media screen and (max-width: 1000px) {	
	
	#queryInfo:after {
		content: "max1000";
	}
}

@media screen and (max-width: 988px) {	
	
	#queryInfo:after {
		content: "max1000";
	}
}

/* HEADER CONTENT BRICHT UM BEI 806PX; */
@media screen and (max-width: 880px) {	
	#queryInfo:after {
		content: "max 880";
	}
	
	.home #customWrapper {
		display: block;
	}	
	
	.navcontainer {
    background: none repeat scroll 0 0 #ffffff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    height: 120px;	    
    padding: 0 0 0 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
	}	
	
		
	#logo {
	    margin-top: 30px;
	    margin-left: 22px;
	}
	
	#logo img {
		/*width: 30%;*/
		width: 200px;
	}
	
	#navscroll .icons {
		display: none;
	}
	
	#customWrapper .icons {
		display: block;
    overflow: hidden;
    position: relative;
    width: auto;
    bottom: auto;
    margin: 20px 0 20px 0;	
	}
	
	#navToggle {
		display: block;
	}
	
	#mainnav,
	#page-content-toggle,
	#prevslide,
	#nextslide {
		display: none;		
	}
	
	#customWrapper {
		width: 100%;
		position: relative;
		opacity: 1;
		height: auto;
	}
	
	#customWrapper .custom .inside {
	    padding: 20px 22px 0;
	}
	
	#wrapper {
		padding: 0 0 0 0;
	}
	
	#mySupersized {
		position: relative;
	}
	
	#mySupersized #supersized {
	    display: block;
	    height: auto;
	    max-height: 400px;
	    overflow: hidden;
	    position: relative;
	    z-index: 0;	    
	    width: 100%;	    
	}		
	
	
	#mySupersized #supersized li {
	    height: auto!important;
	    left: 0!important;
	    list-style: none outside none;
	    overflow: hidden;
	    position: relative;
	    width: 100%;
	}
	
	.mainbody {
	    height: auto;
	    overflow: hidden;
	    position: relative;
	    z-index: 1;
	}	
	
	#wrapper .ce_gallery,
	#wrapper #nextslide.load-item,
	#wrapper #prevslide.load-item {
		display: none!important;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity: 0;
		opacity: 0;		
	}
	
	#nextslide {
	   right: 2000px!important;
	}
	
	#prevslide {
	   left: 2000px!important;
	}	
	
	#wrapper .mod_rocksolid_slider { 
		display: block;
		margin-top: 120px;
	}

	#kontakt-12 {
		margin-top: 120px;
	}	

	#kontakt-12 .ce_dlh_googlemaps {	
		width: 700px;
		height: 400px;
		position: relative;
		margin-bottom: 20px;
	}
	
	#prevslide,
	#nextslide {
		display: none!important;
	}
}
/**** tablet portrait ****/
@media screen and (max-width: 768px) {	
	#queryInfo:after {
		content: "max 768";
	}			
}

/**** iphone 5 & kindle landscape max. 600px ****/
@media screen and (max-width: 600px) {	
	#queryInfo:after {
		content: "max 600";
	}		
	
}

/**** mobile landscape ****/
@media screen and (max-width: 480px) {
	#queryInfo:after {
		content: "max 480";
	}

}

/**** mobile portrait ****/
@media screen and (max-width: 320px) {
	#queryInfo:after {
		content: "max 320";
	}					
}

@media screen and (max-width: 260px) {
	
	#queryInfo:after {
		content: "max 260";
	}	
	
	#main {
		display: none;
	}	
}