body      
{
    background-color:rgb(238, 238, 238);           
    background-image: url("https://www.rems.de/img/fxcol.png");         
    background-repeat:repeat-y;         
    background-attachment: fixed;
    background-position: top right;  

}


header { height:160px;}

.ym-col1  { background-color:rgb(238, 238, 238); }

.ym-wrapper {max-width:95%; }
.ym-wrapper {max-width:100%; }   /* Wunsch von Hr. Ruhland */


        
.ym-column { 
    display: block;
    overflow: hidden;
    padding-right: 162px; /* column width */
    width: auto;
}

.ym-col1 {  /* content */
    position: relative;
    float: left;
    width: 100%;
}

.ym-col3 { /* sidebar */
    position: relative;
    float: left;
    width: 162px; /* column width */
    margin: 0 -162px 0 0;
}

.ym-cbox,.ym-wbox { padding:0;margin:0;}

.ym-col1 .ym-cbox { padding: 0 0.75em 0 0.75em; }
.ym-col1 .ym-cbox2 { padding: 0; }
.ym-col1 .ym-cbox nopad { padding: 0; }
.ym-col3 .ym-cbox { padding: 0 20px 0 12px; }
.ym-col3 .ym-cbox { padding: 0 26px; border:solid 0px red;}


.box {margin:0;}
header { padding: 0;}
.nopad{ padding:0; }	



/* nav menu overrides */

ul.dropdown { text-transform:none; text-transform:uppercase;}

ul.dropdown li { background-color: rgb(51,51,51); color:white; }
         
ul.dropdown a:link, ul.dropdown a:visited,ul.dropdown a:hover,ul.dropdown a:active,
ul.dropdown ul ,ul.dropdown ul li:hover > a.dir { color:white; font-size:1em;}
         
nav { background-color:rgb(51, 51, 51); }
 
 
 
ul.dropdown ul a:hover { background-color: white; }


/* -- Drop-down open -- */
ul.dropdown li:hover > a.dir { background-color: #2e2e2e; color: white; }
ul.dropdown ul li:hover > a.dir { background-color: white; color: #515151; }
 
	    
ul.dropdown ul {width:260px; }
ul.dropdown ul a {width:240px; }

ul.dropdown ul a:hover { background-color: white; color:Black;}
ul.dropdown a:hover { background-color: #2e2e2e; color:white;}

ul.dropdown ul  { filter: alpha(opacity=95); -moz-opacity: .95; KhtmlOpacity: .95; opacity: .95; }
			  
		
footer { margin: 1em 150px 0 0;padding:0.5em;}
		
.sblangsel { margin-top:15px;}
.sbsocial  { margin-top:20px;margin-bottom:12px;}
        
.sbstoerer {margin-top:70px;}

.sbsocial div { float:left; margin-right:7px;}
.sbsocialtext { margin-bottom:1em; }
.sbstoererentry { margin: 0em 0 3em 0; }
.sbstoererentrylink { margin: 0.5em 0 0em 0; }
	
	
	
.prodgalleryoutercontainer, .videogalleryoutercontainer
{
    
    margin-bottom:2.5em;
}
		
		
.prodgallery
{
    width:190px;height:395px;padding:10px;margin:0 14px 12px 0px;float:left;
    padding-left:0;margin-left:0;    
    border-top: 4px solid black;
  
    /*margin-right:24px;*/
    margin-top:1em;

}
        
  .prodgalleryheader, .videogalleryheader
  {
      margin-bottom:1em;
  }


.videoentry
{
    float:left;margin-right:14px;margin-bottom:2em;
    padding-right:10px;
    border-top: 4px solid black;
    width:190px;
}

.videoentryformats
{
    max-width:435px;
}

h3.h3prodgall, h3.videomainlnk
{
    margin: 0 0 0.5em 0;
    font-size:1em;
    min-height:2em;
}

h3.videomainlnk
{
    /*max-height:1em;min-height:1em;     */
}

.videosotherformats {  font-size:0.9em;}



.clearerl { clear:left; }


		
.prodgalleryimgcontainer { height:80%; }				
.div_table {height: 100%; display: table; text-align:center;margin: auto;} 
.div_tablecell {display: table-cell; vertical-align: middle;} 

.prodgallerycontainer { margin-right:-0.75em; }

		
ul.dropdown li  a { padding-left:17px; }
.ym-col1 .ym-cbox { padding: 0 17px;}

.ym-col1 .ym-cbox { padding: 0 0 0 17px;} 
			
a:hover, a:focus {  background-color: transparent;text-decoration:underline;color:#4d87c7;color:#3c6999; }

.prodsearch { padding-top: 6px; float: right; margin: 0 17px 4px 17px; }

.startlang  { float:left; width: 300px;padding-top:80px;padding-bottom:100px;margin-right:50px; }		


.productoverviewentry h2 {}


.slides_container div.caption
{
    width:440px;
}


@media only screen and ( max-width: 740px ) 				
{   
    #m1 { display:inline;position:absolute;z-index:99999999;left:10px;top:0px;}
		    
	aside { position:relative !important;}
		    
	/*m1*/
	body { background-image: none; }
	.prodsearch {float:none;display:block;clear:left;padding-bottom:6px;}
	/*.sbsocial { clear:both;}*/
		    
	.sblangsel div {float:left; margin-right: 1em;max-width:100px;}		    
	.sbsocial { margin-top:0em;float:right;}
    .sbsocial div.x {float:left; margin-right: 1em;}		    
    .sbstoerer { margin-top:0em; }
    .sbstoererentry {float:left;margin-right:1em;margin-top:0;max-width:120px;}            
    .ym-wrapper {max-width:100%; }
    div { border: dotted 0px red; }
    .sbstoerer { border:solid 0px green; }
		    
	.ym-column { padding-right:0;}
	.prodgallery
    {
        width:165px;height:210px;
    }            
        
    .prodgallery img { width:75%; width: 124px;height:auto; }
            
            
    .videoentry { width:165px;}
    .videoentry img { width:75%;height:auto; }
            
    header, header img { height:80px;}
                
    html,body {font-size:85%;}
            
    ul.dropdown { float:none;} 
        
        
    /*.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],*/
	.linearize-level-1 > [class*="ym-col"] > [class="ym-cbox"] { /* * raus hinter class sonst auch header*/
		padding: 0 17px;			    
	}
	        
	.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
	.linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
		overflow: visible; /* otherwise menu clipped */		
    }
	
    
	footer,
	#main,
	.ym-searchform,
	nav .ym-hlist ul {
		padding-left: 0px;
		padding-right: 0px;
	}	  
	        	
	.ym-cbox .sblangsel{ margin-top:0em;padding-top:1em;border-top: solid 1px black;}
	.sbsocial { float:none; margin:1em 0 1em 0;padding-bottom:1em;border-bottom: solid 1px black;}

    .slides_container { width:728px; }	        
    .slides_container img {width:100%;}    
    .slides_container div.slide { width:728px; height:245px; }
    .slidesoutercontainer { max-width:728px; }

    .slides_container div.caption { left:76px; }
    
   

	
}
            
@media only screen and (max-height:1400px) and (max-width: 1024px)  and (orientation: landscape) and not (device-width: 768px)
{ 
	#m2 { display:inline;position:absolute;z-index:99999999;left:10px;top:20px;}
	html,body {font-size:90%;}
	header, header img { height:120px;}
	.prodgallery img { width:70%; height:auto; }
	.prodgallery
    {
        width:182px;height:225px;
    }
            
    .videoentry { width:182px;}
    .videoentry img { width:70%; height:auto; }
                                
}
		
      	
@media only screen and (max-height:480px) and (max-width:320px) and (orientation: portrait) /* HTC Titan hoch */
{		    
    #m3 { display:inline;position:absolute;z-index:99999999;left:10px;top:30px;}
	/*a { color:green;} */
	.startlang  { padding-top:10px;padding-bottom:10px;margin-right:20px; }		
		   
	header, header img { height:80px;}
		.prodgallery img { width:60%; height:auto; }
		.prodgallery
    {
        width:110px;height:150px;padding:10px;margin:0 4px 4px 0px;float:left;
    }      
    .videoentry { width:110px;}
    .videoentry img { width:60%;height:auto; }
}

		
@media only screen and (max-height:960px) and (max-width: 640px) and (orientation: portrait)    /* iPhone 4s Portrait */
{ 
	#m4 { display:inline;position:absolute;z-index:99999999;left:10px;top:40px;}
	html,body {font-size:83%;}
		    
		.prodgallery
    {
        width:114px;height:210px;
        padding-left:0px !important;
    }            
        
    .prodgallery img { width:80%; width:91px; height:auto; }
            
            
    .videoentry { width:114px;}
    .videoentry img { width:80%;height:auto; }
    
    
    .slides_container div.caption { width:420px;}
    
    .slides_container { width:600px; }	        
    .slides_container img {width:100%;}    
    .slides_container div.slide { width:600px; height:235px; }
    .slidesoutercontainer { max-width:600px; }

    .slides_container div.caption { left:76px; width:320px; }
    .slides_container div.caption h1 { font-size:1.7em; }      
}
		

/*@media only screen and (max-height:1100px) and (max-width: 960px) and (orientation: landscape) */ /* iPhone quer */
@media only screen and (max-height:2000px) and (max-width: 960px)
{ 
	#m5 { display:inline;position:absolute;z-index:99999999;left:10px;top:50px;}
		    
	/*a {color:Red;}*/
	html,body {font-size:86%;}
	header, header img { height:120px;}		    
	.prodgallery img { width:78%; width:87px; height:auto;  }
	.prodgallery
    {
        padding-left:0px !important;
        width:194px;height:275px;              
    }
    .videoentry { width:194px;}
    .videoentry img { width:78%;height:auto; }        
    
    .slides_container { width:748px; }	        
    .slides_container img {width:100%;}    
    .slides_container div.slide { width:748px; height:290px; }
    .slidesoutercontainer { max-width:748px; }

    .slides_container div.caption
    {    
        left:76px;        
              
        width:344px;
    }      
}


		
		     
		
		
@media only screen and (max-height:320px) and (max-width:480px) and (orientation: landscape) /* HTC Titan hoch */
{		
	#m8 { display:inline;position:absolute;z-index:99999999;left:130px;top:20px;}
	/*a { color:gray;}   */
    .startlang  { padding-top:10px;padding-bottom:10px;margin-right:20px; }		
	header, header img { height:80px;} 
	html,body {font-size:86%;}
		.prodgallery img { width:60%; height:auto; }
		.prodgallery
    {
        width:120px;height:150px;padding:10px;float:left;
        /* margin:0 4px 4px 0px; */
    }
    .videoentry { width:120px;}
    .videoentry img { width:60%;height:auto; }
    
        
    .slides_container { width:446px; }	        
    .slides_container img {width:100%;}    
    .slides_container div.slide { width:446px; }
    .slidesoutercontainer { max-width:446px; }

    .slides_container div.caption
    {    
        left:20px;                
        width:245px;        
    }
    .slides_container div.caption h1
    {
        font-size:1.5em;
    }
  
    /*.prodsearch { padding-top: 6px; float: right; margin: 0 17px 4px 17px; }*/
}
		
		
@media only screen and (max-width:400px) 
{
		      
	header, header img { height:80px;}	
	ul.dropdown ul {width:180px; }
    ul.dropdown ul a {width:160px; }
}
		
		
@media only screen and ( max-width: 600px ) /* 740?*/		
{		/* hier müsste eigentlich social share privacy umbrochen werden, denn sonst kommt wg. verstecktem Help-Div horizontale Scrollbar! TO DO. */
		/*body { background-color: Yellow;}*/
		.social_share_privacy_area li {float:right;}
		/* a {background-color:Red;} */
		 		
	footer,
	#main,
	.ym-searchform,
	nav .ym-hlist ul {
		padding-left: 0px;
		padding-right: 0px;
	}	        
		    		 
}

		
@media only screen and (max-width:1200px) 
{ 		            
    .proddetrcol { max-width:380px !important;}        
}


@media only screen and (min-width:924px) and (max-width:1043px)
{
    .sbstoerer { margin-top:36px;}
}
		
			
/*	
@import url(http://fonts.googleapis.com/css?family=Righteous:400);   
body,html { font-family:'Open Sans'; font-weight:300;}
h1,h2,h3,h4,h5,h6 { font-family:Arial, 'Open Sans'; font-weight:600;}
*/
		        
body,html { font-family:Arial;font-weight:normal;}
		
h1,h2,h3,h4,h5,h6 { font-family:Arial; font-weight:600;}
h1 { margin: 1.5em 0 1em 0; font-size:1.5em; }
h1 { margin: 1.5em 0 1.5em 0; font-size:1.5em; }
h1 { margin: 0.75em 0 1.5em 0; font-size:1.5em; }
h2 { margin: 1em 0 1em 0; font-size:1.3em; }
h3 { margin: 1em 0 1em 0;font-size:1em; line-height:1.1em;}
		
/*h2,h3 { margin-top:0; }*/
		
/*h3.videomainlnk { margin-bottom:1em;}*/
/*.videosotherformats {  margin-top:0.5em; font-size:0.8em;}*/
						
tbody tr:hover th, tbody tr:hover td  { background:transparent; }
	
tr, td,th,table, tbody td { margin:0;padding:0;border:0; }
    
          
   
@media only screen and ( max-width: 740px )  {
  .linearize-form [class*="ym-fbox"]:not([class*="ym-fbox-check"]) label,
  .linearize-form .ym-label,
  .linearize-form .ym-message,
  .linearize-form input[type="text"],
  .linearize-form textarea,
  .linearize-form select {
    display: block;
    float: none;
    position: static !important;
    width:100% !important;
  }

  .linearize-form .ym-message,
  .linearize-form .ym-fbox-check input {    margin-left: 0 !important;	}
}
	
	
@media only screen and (device-width: 768px) and (orientation: landscape) /* only ipads without desktop safari */
{	    	    	    
    #m6 { display:inline;position:absolute;z-index:99999999;left:130px;top:0px;}
    
	html,body {font-size:91%;}
	header, header img { height:120px;}
		    
    .prodgallery img { width:90%; height:auto; }
	.prodgallery
    {
        width:186px;height:240px;
    }
            
    .videoentry { width:186px;}
    .videoentry img { width:90%; height:auto; }
}
	
@media only screen and (device-width: 768px) and (orientation: portrait) /* only ipads without desktop safari */
{	    	    
    #m7 { display:inline;position:absolute;z-index:99999999;left:130px;top:10px;}
	html,body {font-size:90%;}
	header, header img { height:120px;}
		    
	.prodgallery img { width:90%; height:auto; } 
	.prodgallery
    {
        width:171px;height:235px;
    }
            
    .videoentry { width:171px;}
    .videoentry img { width:90%; height:auto; }
            
    .lcol img { width:100%;}
    .lcol { max-width:135px;}
    .rcolcont { max-width:400px;}
	.imgentry img { width:90%;}
    .prodsearch {float:none;display:block;clear:left;padding-bottom:6px;}	    	                            
}
	
	



 


@media only screen and (device-aspect-ratio: 2/3) and (orientation:portrait)
{
    /* iPhone 4 portrait */
	#m9 { display:inline;position:absolute;z-index:99999999;left:130px;top:30px;}
}

@media only screen and (device-aspect-ratio: 2/3) and (orientation:landscape)
{
    /* iPhone 4 landscape */
	#m10{ display:inline;position:absolute;z-index:99999999;left:130px;top:40px;}
}

@media only screen and (device-aspect-ratio: 40/71) and (orientation:portrait)
{
    /* iPhone 5 portrait */
	#m11 { display:inline;position:absolute;z-index:99999999;left:130px;top:50px;}
}

@media only screen and (device-aspect-ratio: 40/71) and (orientation:landscape)
{
    /* iPhone 5 landscape */
	#m12 { display:inline;position:absolute;z-index:99999999;left:130px;top:60px;}
}

@media only screen and ( max-width: 520px ) 
{
    #m13 { display:inline;position:absolute;z-index:99999999;left:130px;top:60px;}
    
        
    .slides_container { width:446px; }	        
    .slides_container img {width:100%;}    
    .slides_container div.slide { width:446px; height:174px;}
    .slidesoutercontainer { max-width:446px; }

    .slides_container div.caption { left:56px; width:245px; }
    .slides_container div.caption h1 {font-size:1.5em;}  
}
	
		

#m1,#m2, #m3, #m4, #m5, #m5b, #m6, #m7, #m8, #m9, #m10, #m11, #m12, #m13
{
	display:none;	 
    color:Red;
}
	
	
/*aside {position: fixed !important; right: 162px !important; }  */

.prodgalleryXXXXXXXXXXXXx
{
    background-color:White; 
    border-top:0;
}

/* IE8 HTML5 CSS WORKAROUND */
header,nav,article,footer,section,aside,figure,figcaption
{
    display:block
 }


.slidesoutercontainer
{
    padding-bottom:2.5em;
}

h3 > p
{
    margin:0;padding:0;
    margin-top:0.75em;
}



.toggler
{
    margin-top:1em;
    font-size:0.8em;    
}