

body {
	font: normal 13px/20px sans-serif;
	font-family: 'Open Sans', sans-serif;
	color: #000;margin:0;padding:0;position:relative;}

h1 {font-weight:normal;font-size:33px; line-height:40px;}
h2 {font-size:20px;line-height:25px;margin-top:5px;}
p {line-height:20px;}
a {color:#a0916a;}



#wrapper {max-width:800px;margin:auto;padding:30px;min-width:500px;box-shadow:0 0 42px 0 #aaa}
header {}	

#karte {width:60%;float:left;position:relative;}
#karte > img {width:100%;}
.quovadis {position:absolute;left:-60px;top:170px;width:45%;z-index:5;}
.eisenlohr {position:absolute;left:293px;top:410px;width:45%;z-index:5;}
.klick-quovadis {position:absolute;left:0px;top:0px;width:100%;height:353px;}
.klick-eisenlohr {position:absolute;left:0px;top:353px;width:100%;height:300px;}
.quovadis img, .eisenlohr img {box-shadow:0 0 10px 0 #333;width:80%;-webkit-transition: all 0.5s; /* For Safari 3.1 to 6.0 */
    transition: all 0.5s;}
.quovadis a:hover img, .eisenlohr a:hover img {box-shadow:0 0 20px 0 #666;width:100%;-webkit-transition: all 0.5s; /* For Safari 3.1 to 6.0 */
    transition: all 0.5s;}


#text {width:35%;float:right;}
.inhalt {background:#e0e0e0;margin:20px 0;padding:10px;}
.haus  {width:100%;height:auto;}
.logo {width:85%;height:auto;margin-top:15px;}
#footer {clear:both;border-top:1px solid #ddd;text-align:center;padding-top:10px;}



/* ------------------------------Only Tablets (Portrait)----------------------- */

@media (max-width: 920px) {


	
}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (max-width: 850px) {


}

/* Only Phones */
@media (max-width: 880px) {
#wrapper {padding:10px;box-shadow:none;}
p, li {font-size: 12px;line-height:15px;}
header {height:65px;}
h1 {font-size:30px;line-height:35px;}
h2 {font-size:15px;line-height:20px;}
.quovadis {left:130px;top:140px;width:45%;}
.eisenlohr {left:130px;top:380px;width:45%;}
.klick-quovadis, .klick-eisenlohr {display:none;}


}

/* Only Phones (Landscape) */
@media (min-width: 500px) and (max-width: 767px) {

}

@media (max-width:600px) {
p, li {font-size: 11px;line-height:15px;}
header {height:65px;}
h1 {font-size:25px;line-height:30px;}
h2 {font-size:14px;line-height:18px;}
.quovadis {left:110px;top:120px;width:45%;}
.eisenlohr {left:110px;top:300px;width:45%;}
ul {padding-left:12px;}


}

/* Only Phones (Portrait) */
@media (max-width: 499px) { 



}