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

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.7
	Site	: www.buildinternet.com/project/supersized
	
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/

* { margin:0; padding:0; }
body { background:#111; height:100%; }
	img { border:none; }
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url("../../files/moeller/img/progress.gif") no-repeat center center;}
	
	#supersized {  display:block; position:fixed; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:346px; width:100%; height:100%; background:#111; }
		#supersized a { width:100%; height:100%; display:block; }
			#supersized li.prevslide { z-index:-20; }
			#supersized li.activeslide { z-index:-10; }
			#supersized li.image-loading { background:#111 url("../../files/moeller/img/progress.gif") no-repeat center center; width:100%; height:100%; }
				#supersized li.image-loading img{ visibility:hidden; }
			#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.7
	Site	: www.buildinternet.com/project/supersized
	
	Theme 	: Shutter 1.2
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/

	/* Controls Bar
	----------------------------*/
	#controls-wrapper { margin:0 auto; height:42px; width:100%; bottom:0px; left:0; z-index:4; background:url("../../files/moeller/img/nav-bg.png") repeat-x; position:fixed; }
		#controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:5; }
			#slidecounter { float:left; color:#999;  text-shadow:#000 0 -1px 0; margin:0px 10px 0 15px; line-height:42px; }
			#slidecaption {overflow:hidden; float:left; color:#FFF;}
			
			#navigation { float:right; margin:0px 20px 0 0; }
				#play-button{ float:left; margin-top:1px;border-right:1px solid #333; background:url("../../files/moeller/img/bg-hover.png") repeat-x 0 44px; }
                                        #play-button img {height:42px;} /* added to make sure the button has the right size */
					#play-button:hover{ background-position:0 1px; cursor:pointer; }
				
				#prevslide, #nextslide{ position:absolute; height:43px; width:43px; top:50%; margin-top:-21px; opacity:0.6; }
					#prevslide{ left:10px; background:url("../../files/moeller/img/back.png"); }
					#nextslide{ right:10px; background:url("../../files/moeller/img/forward.png"); }
						#prevslide:active, #nextslide:active{ margin-top:-19px; }
						#prevslide:hover, #nextslide:hover{ cursor:pointer; }
				
				ul#slide-list{ padding:15px 0; float:left; position:absolute; left:50%; }
					ul#slide-list li{ list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0; }
						ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; }
						ul#slide-list li a{ display:block; width:12px; height:12px; background:url("../../files/moeller/img/nav-dot.png") no-repeat 0 -24px; }
							ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; }
				
				#tray-button{ float:right; margin-top:1px; border-left:1px solid #333; background:url("../../files/moeller/img/bg-hover.png") repeat-x 0 44px; }
					#tray-button:hover{ background-position:0 1px; cursor:pointer; }
		
	
	/* Progress Bar
	----------------------------*/					
	#progress-back{ z-index:5; position:fixed; bottom:42px; left:0; height:8px; width:100%; background:url("../../files/moeller/img/progress-back.png") repeat-x; }
		#progress-bar{ position:relative; height:8px; width:100%; background:url("../../files/moeller/img/progress-bar.png") repeat-x; }
	
	
	/* Thumbnail Navigation
	----------------------------*/	
	#nextthumb,#prevthumb { z-index:2; display:none; position:fixed; bottom:61px; height:75px; width:100px; overflow:hidden; background:#ddd; border:1px solid #fff; -webkit-box-shadow:0 0 5px #000; }
		#nextthumb { right:12px; }
		#prevthumb { left:12px; }
			#nextthumb img, #prevthumb img { width:150px; height:auto;  }
			#nextthumb:active, #prevthumb:active { bottom:59px; }
			#nextthumb:hover, #prevthumb:hover { cursor:pointer; }
	
	
	/* Thumbnail Tray
	----------------------------*/			
	#thumb-tray{ position:fixed; z-index:3; bottom:0; left:0; background:url("../../files/moeller/img/bg-black.png"); height:150px; width:100%; overflow:hidden; text-align:center; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; }
		
		#thumb-back, #thumb-forward{ position:absolute; z-index:5; bottom:42px; height:108px; width:40px; }
			#thumb-back{ left:0; background: url("../../files/moeller/img/thumb-back.png") no-repeat center center;}
			#thumb-forward{ right:0; background:url("../../files/moeller/img/thumb-forward.png") no-repeat center center;}
				#thumb-back:hover, #thumb-forward:hover{ cursor:pointer; background-color:rgba(256,256,256, 0.1); }
					#thumb-back:hover{ border-right:1px solid rgba(256,256,256, 0.2); }
					#thumb-forward:hover{ border-left:1px solid rgba(256,256,256, 0.2); }
		
		
		ul#thumb-list{ display:inline-block; list-style:none; position:relative; left:0px; padding:0 0px; }
			ul#thumb-list li{ background:#111; list-style:none; display:inline; width:150px; height:108px; overflow:hidden; float:left; margin:0; }
                                ul#thumb-list li img { width:200px; height:auto; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
				ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }
				ul#thumb-list li:hover{ cursor:pointer; }