  
  body{font-family:Arial,Trebuchet MS;background-color:LightGrey;line-height:1.2em;}
  #page{margin:0px auto;background-color:white;padding:10px;
  -webkit-box-shadow: 0px 30px 30px black;
  -moz-box-shadow: 0px 30px 30px black;
  box-shadow: 0px 30px 30px black;}
  #header img, .position-left img, .position-right img {max-width:100%;height:auto;} 
    
  @media screen and (min-width:1280px) { 
    #page {width:1280px;} 
  }
  @media screen and (max-width:1279px) { 
    #page {padding:0;} 
  }
  
  
  ul,li,h1,h2,h3,h4,h5,h6,p,body{margin:0;padding:0;}
 
  h1{text-transform:uppercase;font-size:1.5em;margin-bottom:1em;}
  h2 {margin-bottom:1em;}
  h3{text-transform:uppercase;font-size:1.1em;margin-bottom:1em;}
  h4{font-size:1.1em;margin-bottom:1em;}
  .Beispiel1 {font-style:italic; color:red;}
  table {line-height:1.1em;}
  @media screen and (max-width:380px) { 
	#kontakt table {width:100%;}
  }
  video {max-width:100%;}
  
  /**
  #nav ul{display:justify;}
  #nav li {display:inline;}
  #nav a{font-weight:bold;text-decoration:none;color:gray;text-transform:uppercase;font-size:1.3em;letter-spacing:0.05em;}**/
  
  #header {text-align:center;}
  #breadcrumbs ul{list-style:none;}
  #breadcrumbs li{display:inline;}
  #breadcrumbs {background-color:black;color:white;}
  #breadcrumbs a,#breadcrumbs li{text-decoration:none;color:#ffcc00;font-size:0.9em;line-height:30px;font-weight:bold;}
  #breadcrumbs{text-transform:uppercase;}
  #breadcrumbs li{padding:0 5px 0 5px;border-left:1px solid white;}
  #breadcrumbs li:first-child{padding:0 5px 0 10px;border-left:0px solid black;}
  #content {min-height:400px;}
  #show_map_link{text-align:right;}
  #show_map_link a{text-decoration:none;color:black;}
  #galerie{background-color:gray;border-bottom:gray solid 1px;border-top:gray solid 1px;padding-left:1px}
  #galerie li{margin-right:1px;}
  #galerie li:first-child{}
  .before_footer{float:left;width:60%;font-size:0.8em;padding:10px 0px 10px 20px;}
  .before_footer ul{list-style:none;}
  .before_footer p{font-size:1.2em;}
  .before_footer li{padding-top:5px;}
  .before_footer a{color:black;font-weight:bold;border-bottom:1px dotted gray;text-decoration:none;}
  .before_footer a:hover{color:gray;}
  .before_footer li a{font-weight:bold;font-size:1.2em;}
  .articlelist li span{color:#ffcc00;background-color:#000;font-weight:bold;
  padding:3px;}
  
   #modul_karte_flyer_bilder {margin-bottom:10px;}
   #top, #top_image {overflow:hidden;max-width:100%;}
   #show_map_link {display:none;}
  
  .right_column {clear:right;float:right;width:35%;padding-left:0;}  
  .right_column ul, #sitemap ul {list-style-type:none;margin-left:20px;}
  .horizontal {clear:left;width:100%;}
  .horizontal div.navLevel1Open {float:left;margin-right:10px;width:24%;margin-top:10px;min-height:250px;}
  .horizontal div.navLevel1Open a {font-size:1.1em;}
  .horizontal div.navLevel1Open ul a {font-size:1em;}
/** Bild mit Optionen: **/
  .position-right {float:right;max-width:30%;}
  .position-left {float:left;max-width:50%;} 
  .no_resize {max-width:100%;} 
  .image-list-wrapper {clear:both;}

  #kontakt {float:left;}
  #kontakt .before_footer {padding-top:0;}
  #kontakt br{display:none;}
  #kontakt td br{display:block;}
  
  #catgallery {clear:left;margin:20px;padding-top:10px;padding-bottom:20px;}
  #catgallery  li , #galerie li {position:relative;}
  #catgallery  a, #galerie a {border-bottom:none;}
  figure{margin:0;}
  figure a{position:relative;}
  #catgallery  span,#catgallery .imghover span, .imghover span, #galerie span, figcaption{font-size:0.7em;color:black;position:absolute;left:1px;top:-2px;padding:0 2px;
  background: rgba(255, 255, 255, 0.5);overflow:hidden;white-space:nowrap;}

  #catgallery img {margin-right:5px;border:1px solid #808080;}
  #catgallery .imghover, .imghover  {position:absolute;top:10px;left:5px;z-index:99;display:none;}
  #catgallery .imghover img, .imghover img{max-width:250%;box-shadow:10px 10px 10px #404040;}
  #catgallery .imghover span, .imghover span {position:relative;top:-25px;}
  .rahmen  img, section img{border:1px solid #808080;}
  
  .ul_h li{display:inline;}
  .ul_h{list-style:none;}
  #nav li{display:inline;margin-right:10px;}
  #footer {clear:right;padding-right:20px;margin-top:50px;min-height:60px;}
  #footer ul {text-align:right;}
  #footer li{padding-left:10px;text-transform:uppercase;}
  #footer a{text-decoration:none;color:gray;font-size:1.1em;}
  #footer a:hover{color:black;}
  #contact, #imprint,#kunden, #about {text-align:left;font-size:0.8em;color:gray;display:none;}
  #frontimg_text{-moz-border-radius: 5px;
border-radius: 5px;vertical-align:bottom;position:relative;color:white;padding:10px;width:300px;height:100px;float:right;opacity:0.7;margin-right:20px;top:120px;font-size:0.8em;z-index:20;background-color:black;}
  #frontimg_text a{color:white;text-decoration:none;}
  #frontimg_text a:hover{text-decoration:underline;}
  #nav {
  width:100%;
margin:10px auto;
display:table;
white-space:nowrap;
}
#nav ul {
list-style:none;
margin:0;
padding:0;
display:table-row;
white-space:nowrap;
}

#nav ul li{
display:table-cell;
width:200px;
text-align:center;
}
#nav ul li:first-child{text-align:left;}
#nav ul li:last-child{text-align:right;padding-right:20px;}
#nav ul a{
display:block;
padding-left:10px;
text-decoration:none;
text-transform:uppercase;
font-size:1.4em;
color:gray;
letter-spacing:0.07em;
}
#nav a.active, #nav a.rex-current {color:black;}
#nav a.active:hover{color:black;}
#nav a:hover{color:black;}

#link_projektor{color:black;font-size:0.8em;}

@media screen and (max-width:800px) {     
    #nav ul li {width:auto;padding-right:10px;display:inline;}
	#nav ul li:first-child{padding-left:0;text-align:center;}
	#nav ul li:last-child{padding-right:0;text-align:center;}
    #nav ul a, #footer a, .before_footer li a, .before_footer p {font-size:1em;}
	#footer {margin-top:0;padding-right:0;}
	.position-right  {max-width:30%;}
	#catgallery img {max-width: unset;}
}
  
@media screen and (max-width:480px) {      
	 .before_footer ,.right_column {padding: 10px;width:95%;}
	 #map_canvas {margin-left: 10px;width:95% !important;}
	 .ul_h li {display:block;padding-right:20px;}	
  }
  