html, body, div, span, applet, object, iframe,
07
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
08
a, abbr, acronym, address, big, cite, code,
09
del, dfn, em, img, ins, kbd, q, s, samp,
10
small, strike, strong, sub, sup, tt, var,

{ font-size:100%;}

body{
	font-family:'Roboto',verdana, sans-serif;
	font-size:0.9em;
	color:#005700;
    overflow-y:scroll;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 48%, rgba(204,204,153,1) 73%, rgba(255,255,255,1) 96%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(48%,rgba(255,255,255,1)), color-stop(73%,rgba(204,204,153,1)), color-stop(96%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 48%,rgba(204,204,153,1) 73%,rgba(255,255,255,1) 96%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,1) 48%,rgba(204,204,153,1) 73%,rgba(255,255,255,1) 96%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 48%,rgba(204,204,153,1) 73%,rgba(255,255,255,1) 96%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,1) 48%,rgba(204,204,153,1) 73%,rgba(255,255,255,1) 96%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.mobile{
 color:#005700;
 text-decoration:none;
 cursor:default;
}

.mobile2{
 color:#005700;
}

div{
	border-radius:0px;
 /*  border:1px solid #ccc;  */
}

#wrap{
   position:relative;
   z-index:20;
   width:1250px;
   min-height:500px;
   margin:20px auto;
   border-radius:8px;
   background-image:url(pics/hintergrund.png);
}

#header{
 float:left;
 padding:5px;
 text-align:left;
 width:1000px;
 height:80px;
 padding-left:54px;
 margin:5px 10px 0px 50px;
 background-image:url(pics/logo2.png);
 background-repeat:no-repeat;
 background-position:left bottom;
}

#header .span1{
 font-size:0.8em;
 margin-left:80px;
 color:#000;
}

#header .span2{
 margin-left:34px;
 font-size:0.8em;
}

#header .span3{
 color:#cc0000;
}

#header h2{
   color:#005700;
   font-size:1.3em;
   margin-top:2px;

}

#mainmenue{
  width:850px;
  height:15px;
  float:right;
  margin:10px 0px 0px 0px;
  text-align:center;
  background:none;
}

#mainnav{
 display:inline;
}  

#mainnav li{
 float:left;
 list-style:none;
 height:15px;
 width:100px;
 border-right:1px solid #005700;
 text-align:center;
 font-size:0.7em;
 line-height:15px;
 margin-top:0px;
 margin-left:0px;
 background-image:url(pics/hintergrundbutton.png);
 transition:height 0.5s;
   -webkit-transition:height 0.5s;
   -moz-transition:height 0.5s;
   -o-transition:height 0.5s;
   display:inline;
   margin-right:1px;
   -moz-box-shadow: 2px 2px 2px #005700 inset;
   -webkit-box-shadow: 2px 2px 2px #005700 inset;
   -o-box-shadow: 2px 2px 2px #005700 inset;
   box-shadow: 2px 2px 2px #005700 inset;
   border-bottom:1px solid #fcfcfc;
   border-right:1px solid #fcfcfc;
}

#mainnav li a{
 text-decoration:none;
 color:#005700;
 }
 
#mainnav li:hover{
  color:#00cd00;
  background-color:#edebc7;
  height:30px;
  font-size:0.9em;
  line-height:18px;
  border-bottom-right-radius:5px;
  border-bottom-left-radius:5px;
  cursor:pointer;
}

.active {
  color:#00cd00;
  font-size:0.7em !important;
  line-height:15px;
  background-color:#edebc7;
}
.active:hover{
  height:15px !important;
  border-radius:0px !important;
  line-height:15px !important;
  cursor:default !important;
  color:#00cd00 !important;
}

#handwerk{
 position:relative;
 margin:10px 20px auto auto;
 padding-left:50px;
 padding-top:50px;
 width:130px;
 height:40px;
 font-size:0.8em;
 background-image:url(pics/innung.png);
 background-position:left bottom;
 background-repeat:no-repeat;
}

#map{
   position:relative;
   z-index:10;
   float:left;
   font-size:0.7em;
   text-align:center;
   width:150px;
   height:15px;
   padding:5px;
   margin:20px 10px auto 0px;
   border-radius:2px;
   -moz-transition:width 1s, height 1s;
   -webkit-transition:width 1s, height 1s;
   -o-transition:width 1s, height 1s;
   transition:width 1s, height 1s;
 }

 #fenster{
    position:relative;
    z-index:100;
    width: 0px;
    height: 0px;
    border-radius:5px;
    margin-top:5px;  
    -moz-transition:width 1s, height 1s;
    -webkit-transition:width 1s, height 1s;
    -o-transition:width 1s, height 1s;
	transition:width 1s, height 1s;
   
}

 #map:hover{
    border-radius:5px;
    background-color:#fcfcfc;
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
	-o-box-shadow: 5px 5px 5px #888;
    box-shadow: 5px 5px 5px #888;
	margin-bottom:9999px;
    width:441px;
    height:450px;
    cursor:pointer;
}

#map:hover>#fenster{
    width:433px;
    height:425px;
    cursor:pointer;
}

#inhalt{
   position:relative;
   z-index:30;
   float:left;
   width:400px;
   height:284px;
   margin:70px 10px 5px 10px;
   background-image:url(pics/glas3.png);
   background-repeat:no-repeat;
   border:1px solid #003300;
   border-radius:5px;
}

#inhalt2{
   position:relative;
   z-index:30;
   float:left;
   width:340px;
   height:75px;
   margin:5px 0px 5px 10px;
}

#info{
   position:relative;
   float:right;
   width:350px;
   height:75px;
   padding:0px;
   margin:5px 10px auto 10px;
   text-align:center;
   border-radius:0px;
 }  
 
#slideshow {
   position:relative;
   float:left;
   width:420px;
   min-height:320px;
   margin:15px 0px 15px 10px;
   overflow:hidden;
}
#slideshowagb,#slideshowdaten{
   position:relative;
   float:left;
   width:420px;
   height:320px;
   margin:15px 0px 15px 10px;
   overflow-y:scroll;
}

#slideshow span, #slideshowagb span, #slideshowdaten span{
  display:block;
  margin-left:50px;
}
#slideshow .span4{
color:#cc0000;
display:inline !important;
margin-left:0px !important;
}

#slideshow span a,#slideshowagb span a{
color:#005700;
}

#slideshow strong{
 line-height:30px;
}

#slideshowdaten span{ 
color:#005700;
font-size:0.8em;
}

#slideshowdaten span a{

color:#005700;

	
}

.rahmen{
 margin:15px 20px 15px 10px;
 width:30px;
 height:30px;
 -moz-transition:width 1s, height 1s;
 -webkit-transition:width 1s, height 1s;
 -o-transition:width 1s, height 1s;
 transition:width 1s, height 1s;
}

.rahmen:hover{
 width:150px;
 height:150px;
 border-radius:5px;
 border:1px solid #003300;
}

.dusche{
 margin:15px 20px 15px 10px;
 width:40px;
 height:30px;
 -moz-transition:width 1s, height 1s;
 -webkit-transition:width 1s, height 1s;
 -o-transition:width 1s, height 1s;
 transition:width 1s, height 1s;
}

.dusche3{
 margin:15px 20px 15px 10px;
 width:40px;
 height:30px;
 -moz-transition:width 1s, height 1s;
 -webkit-transition:width 1s, height 1s;
 -o-transition:width 1s, height 1s;
 transition:width 1s, height 1s;
}

.dusche:hover{
 width:198px;
 height:150px;
 border-radius:5px;
 border:1px solid #003300;
}

.dusche3:hover{
  width:150px;
  height:200px;
  border-radius:5px;
  border:1px solid #003300;
}

.fenster{
 margin-right:10px;
 width:170px;
 height:132px;
 border:1px solid #003300;
 border-radius:5px;
 
}

#bleibanner{
  position:relative;
  width:220px;
  height:170px;
  margin:10px auto 20px 550px;
}

#bleibanner >div { 
    position:absolute;
    top:0px; 
    left:0px; 
    right:0px; 
    bottom:0px; 
	text-align:center;
}

.blei{
 
 max-width:220px;
 max-height:170px;
}

#textfluss{
 width:420px;
 margin-left:482px;
 margin-bottom:20px;
}

#slideshow .Datenschutz a{
color:#005700;
font-size:0.9em;
}

h2{
   color:#005700;
   display:inline;
   font-size:1.2em;
}

#inhaltgalerie{
   position:relative;
   z-index:30;
   float:left;
   width:410px;
   height:310px;
   margin:70px 0px 5px 10px;
   background-image:url(pics/hintergrundbutton.png);
   -moz-box-shadow: 2px 2px 2px #888;
   -webkit-box-shadow: 2px 2px 2px #888;
   -o-box-shadow: 2px 2px 2px #888;
   box-shadow: 2px 2px 2px #888;
   border-radius:5px;
} 
 
#frame{
 border:none;
 width:410px;
 height:310px;
 margin:0px auto auto 0px;
}

.bild{
    width: 300px; 
    max-height: 260px; 
}

#banner{
  position:relative;
  z-index:20;
  float:left;
  width:960px;
  height:79px;
  margin:0px 0px 10px 70px;
  padding-left:40px;
  background-image:url(pics/hell.png);
  -moz-box-shadow: 2px 2px 2px #888;
   -webkit-box-shadow: 2px 2px 2px #888;
   -o-box-shadow: 2px 2px 2px #888;
   box-shadow: 2px 2px 2px #888;
   -moz-transition:width 1s, font-size 1s;
 -webkit-transition:width 1s, font-size 1s;
 -o-transition:width 1s, font-size 1s;
 transition:width 1s, font-size 1s;
}

#banner h1{
  margin-right:10px;
  display:inline;
  color:#005700;
  text-shadow: 0 -1px 1px #666666, 0 1px 1px #FFFFFF;
}


/*
#banner:hover{
  width:35%;
  cursor:pointer;
}
*/


table{
 margin-left:120px;
 color:#005700;
}

tr{
 height:12px;

}
#menue{
   position:relative;
   float:right;
   width:370px;
   height:303px;
   padding-left:5px;
   padding-top:0px;
   margin:20px 10px auto 10px;
 }  
 
#nav{
 margin:-23px 340px auto auto;
}  

#nav li{
 list-style:none;
 height:20px;
 width:300px;
 border-radius:10px;
 text-align:left;
 font-size:0.9em;
 padding-left:30px;
 line-height:20px;
 background-image: url(pics/knopf.png);
 background-repeat:no-repeat;
 background-position:left;
 margin-top:5px;
 -moz-transition:width 1s, font-size 1s;
 -webkit-transition:width 1s, font-size 1s;
 -o-transition:width 1s, font-size 1s;
 transition:width 1s, font-size 1s;
 -moz-box-shadow: 2px 2px 2px #005700 inset ;
 -webkit-box-shadow: 2px 2px 2px #005700 inset;
 -o-box-shadow: 2px 2px 2px #005700 inset;
 box-shadow: 2px 2px 2px #005700 inset;
 border-bottom:1px solid #fcfcfc;
 border-right:1px solid #fcfcfc;
 overflow:hidden;
}

#nav li a{
 text-decoration:none;
 color:#005700;
 }
 
#nav li:hover{
  background-image:url(pics/knopfhover2.png);
  width:200px;
  font-size:0.9em;
  background-color:#edebc7;
}
#nav li a:hover{
  color:#003300;
}
 
.active2 {
  background-image:url(pics/knopfhover2.png) !important;
  background-color:#edebc7;
  width:200px !important;
  cursor:default !important;
}
 
#adress{
 margin:5px 10px;
 text-align:right;
 padding-right:50px;
 width:1200px;
 min-width:230px;
 min-height:20px;
 font-size:0.8em;
}

.clear{
   clear:both;
   border:none;
}

@media (max-aspect-ratio: 4/3){
.mobile {text-decoration:underline !important; color:#00cd00 !important;}
#banner:hover{width:960px;}
#map{visibility:hidden;}
#wrap{height:1800px;}
}
@media screen and (max-width:900px){
.mobile {text-decoration:underline !important; color:#00cd00 !important;}
#banner:hover{width:960px;}
#map{visibility:hidden;}
}