@charset "utf-8";
/* CSS Document */
html{width: 100%; height: 100%; }
body {background-color: #F7F7F4;font-family: Arial, Helvetica, sans-serif;font-size: 100%; font-weight:normal;color: black; margin:0px;padding:0.5% 8% 2% 8%;}
/*linker gelber Balken: border-left:solid 20px #FDCA00*/
/*a {color: #5B98A4;text-decoration:none;}
a:hover {color: #5B98A4; text-decoration: underline;}

body background-color: #F7F7F4
Kachel background-color:#EAE4DB;
*/
.navi{ float:left;padding-right:5%}
a.navi {text-decoration:none !important;font-weight:bold;color:#9F9F9F; }
.spot, a.navi:hover {color:black !important }
a {color: #333333;text-decoration:underline;}
a:hover {color: black; text-decoration: underline;}
.Kachel{ float:left;min-width:100px;max-width:200px;height:100px;background-color:#D2D2D2;border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px;margin:3px 6px 3px 0px;padding:5px;text-align:left; font-size:0.8em}
.Kachel img {margin-top:4px;border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; display:block; float:left; margin-right:5px;}
.Kachellinks{color: black !important; text-decoration:none}
.Kachel:hover{background-color:#ebe8b7}


@media only screen and (max-width: 900px) {
    body {
        font-size: 70%;
    }
}