@charset "utf-8";
html {
    background: url(backgrd.gif) repeat;
}

body {margin:0px; padding:0px;}

header, section, footer, aside, nav, article, figure, figcaption {  
	display: block;  
}

nav, footer {max-width:1200px; margin:auto; padding:0px;}
.kopf {background-color:#ffd54d; padding:10px; font-family:Verdana, Arial, Geneva, sans-serif; text-align:center;}
.bild {width:100%;}
.bild33 {width:33%;}
section {max-width:1160px; margin:auto; padding:20px; background-color:#FFFFFF; background:rgba(255,255,255,0.8); font-family:Verdana, Arial, Geneva, sans-serif;}

.schatten {
box-shadow: 3px 3px 3px #060606;
-moz-box-shadow: 3px 3px 3px #060606;
-webkit-box-shadow: 3px 3px 3px #060606;
-o-box-shadow: 3px 3px 3px #060606;
-ms-box-shadow: 3px 3px 3px #060606;	
}
.p10 {padding:10px}
a {text-decoration:none; color:#000000;}
a:hover {background-color:#CCCCCC;}
footer a {color:#8D7D10; text-decoration:none}
li {border-bottom:medium; border-color:#000000; border-bottom-style:solid; margin:5px; cursor:pointer;}

@media (max-width:599px)
{
.schrift {font-size:18px}
.menu {width:50px; height:42px}
}


@media (min-width:600px)
{
.schrift {font-size:22px}
.menu {width:70px; height:66px}
.breite {
-webkit-column-count: 2; -webkit-column-gap: 20px;
-ms-column-count: 2; -ms-column-gap: 20px;
-o-column-count: 2; -o-column-gap: 20px;
-moz-column-count: 2; -moz-column-gap: 20px;
column-count: 2; column-gap: 20px;
-webkit-column-rule: 1px solid black;
-ms-column-rule: 1px solid black;
-o-column-rule: 1px solid black;
-moz-column-rule: 1px solid black;
column-rule: 1px solid black;
	}
}

@media (min-width:1000px)
{
.schrift {font-size:36px}
.menu {width:100px; height:88px}
.breite {
-webkit-column-count: 3; -webkit-column-gap: 20px;
-ms-column-count: 3; -ms-column-gap: 20px;
-o-column-count: 3; -o-column-gap: 20px;
-moz-column-count: 3; -moz-column-gap: 20px;
column-count: 3; column-gap: 20px;
-webkit-column-rule: 1px solid black;
-ms-column-rule: 1px solid black;
-o-column-rule: 1px solid black;
-moz-column-rule: 1px solid black;
column-rule: 1px solid black;
	}
}