body {
	width:100%;
	margin: 0px;padding: 0;font: 12px Arial, Verdana, Helvetica, sans-serif;min-width:1250px;	
	background: url(images/b3.JPG) no-repeat center center fixed;
	background-color:#56453B;
	background-attachment:fixed;
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;	
}
/* Logo und oben */
div#logo{position:fixed;top:0px;left:0px;margin-right:100px;margin-top:50px;width:100%;z-index:1;}
div#oben{position:relative;margin:0px;padding:0px;width:100%;height:1000px;}
/* Fotos im Bubblebereich */
div#fotostart{position:absolute;top:200px;left:30%;z-index:15;}
div#navigation{position:absolute;top:350px;left:60%;z-index:15;}
div#flexnavi{position:fixed;background-color:transparent;top:35%;left:0px;width:50px;z-index:20;}
div#inhalt{position:relative;margin:0px;padding:0px;width:100%;}
div#fotoaktuell{position:absolute;top:540px;left:70%;z-index:15;}
div#fotoquartier{position:absolute;top:365px;left:70%;z-index:20;}
div#fotocafe{position:absolute;top:350px;left:42%;z-index:15;}
div#fotolinks{position:absolute;top:100px;left:65%;z-index:15;}
div#tagesgericht{position:absolute; top:35px; left: 21px;background-color:transparent;}
div#notiz{position:absolute;top:360px;left:66%;height:266px; width:346px; background-image:url(images/tafel.png);
-moz-transform:rotate(15deg); /* Firefox 3.6 Firefox 4 */
-webkit-transform:rotate(15deg); /* Safari */
-o-transform:rotate(15deg); /* Opera */
-ms-transform:rotate(15deg); /* IE9 */
 transform:rotate(15deg); /* W3C */}
/* Bubblebereich */
div#aktuell{position:relative;float:left;margin-left:10%;width:70%;margin-top:20px;margin-bottom:50px;padding: 20px 20px 20px 20px;height:700px;background-color:white;opacity:0.90;filter:alpha(opacity=90);border-radius:18px;font:12px Courier;line-height:150%;z-index:1;}
div#galerie{position:relative;float:left;margin-left:12%;width:70%;margin-top:20px;margin-bottom:50px;padding: 20px 20px 20px 20px;height:1700px;background-color:white;opacity:0.90;filter:alpha(opacity=90);border-radius:18px;font:12px Courier;line-height:150%;z-index:1;}
div#cafe{position:relative;float:left;margin-left:8%;width:70%;margin-top:20px;margin-bottom:50px;padding: 20px 20px 20px 20px;height:500px;background-color:white;opacity:0.90;filter:alpha(opacity=90);border-radius:18px;font:12px Courier;line-height:150%;z-index:1;}
div#quartier{position:relative;float:left;margin-left:11%;width:70%;margin-top:20px;margin-bottom:50px;padding: 20px 20px 20px 20px;height:500px;background-color:white;opacity:0.90;filter:alpha(opacity=90);border-radius:18px;font:12px Courier;line-height:150%;z-index:1;}
div#presse{position:relative;float:left;margin-left:12%;width:70%;margin-top:20px;margin-bottom:50px;padding: 20px 20px 20px 20px;height:550px;background-color:white;opacity:0.90;filter:alpha(opacity=90);border-radius:18px;font:12px Courier;line-height:150%;z-index:1;}
div#links{position:relative;float:left;margin-left:7%;width:70%;margin-top:20px;margin-bottom:50px;padding: 20px 20px 20px 20px;height:410px;background-color:white;opacity:0.90;filter:alpha(opacity=90);border-radius:18px;font:12px Courier;line-height:150%;z-index:1;}
div#kontakt{position:relative;float:left;margin-left:6%;width:70%;margin-top:20px;margin-bottom:50px;padding: 20px 20px 20px 20px;height:450px;background-color:white;opacity:0.90;filter:alpha(opacity=90);border-radius:18px;font:12px Courier;line-height:150%;z-index:1;}
div#impressum{position:relative;float:left;margin-left:8%;width:70%;margin-top:20px;margin-bottom:50px;padding: 20px 20px 20px 20px;height:200px;background-color:white;opacity:0.90;filter:alpha(opacity=90);border-radius:18px;font:12px Courier;line-height:150%;overflow:auto;z-index:1;}
/* Unten und Clear */
div#unten{position:relative;width:100%;height:200px;background-color:#707278;border:0px;font:12px Courier;line-height:150%;z-index:1}
div#clear{clear:both;}

/* Schwarz/Weiß für Bilder */
img.desaturate {
 filter: grayscale(100%);
 -webkit-filter: grayscale(100%);
 -moz-filter: grayscale(100%);
 -ms-filter: grayscale(100%);
 -o-filter: grayscale(100%);
 filter: url(desaturate.svg#greyscale);
 filter: gray;
 -webkit-filter: grayscale(1);
 } 
 img.desaturate:hover {
 filter: none;
 }
 
 
img.grayscale:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
 }
 
p{color:#ffffff;}
a.unten:{text-decoration:none;color:#982E5B;}
a.unten:visited{color:auto;}
a.unten:hover{text-decoration:none;color:#ffffff;}

a{text-decoration:none;color:#982E5B;}
a:visited{color:auto;}
a:hover{text-decoration:none;color:#000000;}

h1 {font-size:5%; color:black;}