@charset "utf-8";
/* CSS Document */


#aktuelle_ausstellung     {background-color: #f4edde;
    color: #c3833d;
    text-align: center;
}

#ausstellung img {width: 100%; height: auto;}
#ausstellung {background-color: #f4edde;}

*{padding: 0; margin: 0;}


body {background-color: #ecdba8ba;
	  width: 100%;
	  height: 100%;
	 font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
     font-size: 1em;}



/* ------------------------header---------------------------------- */

#aktuelle_ausstellung a:link {color: #c3833d;}

#header {text-align: center;
		height: ;
		padding: ;
	    background: #eae6d1;
}

#header img {width: 100%; height: auto;}

/* ------------------------content---------------------------------- */


#containerall {width: 100%;
             max-width: 1200px;
	         margin: 0em auto 0em auto;
	}



#content {background-color: rgba(247, 244, 228, 0.9686274509803922);
         text-align: center;
		 color: rgba(197, 135, 68, 0.6705882352941176);
         }



/* ------------------------footer---------------------------------- */


footer {color: #c58744;
	     background-color: #f5f2e2;
         display: flex;
         }

ul#footerlist {    
    text-decoration: none;
    display: flex;
    margin:auto;
    }

ul#footerlist a:link, a:visited, a:active {    
    color: #c58744;
	text-decoration: none;
    }

ul#footerlist a:hover {    
    color: #ad6b23;
	text-decoration: none;
    }

/* --------ab 700px zeige column----------------- */

@media (max-width: 700px) {
	
		ul#footerlist {flex-direction:column;}
	ul#footerlist li {padding: 0;}
	ul#footerlist {padding-top: 2em;}
}
/* --------bis 700px mache ein padding von 1em----------------- */
@media (min-width: 700px) {
	
	ul#footerlist li {padding: 1em;}
}

ul#footerlist li {    
    list-style: none;
    text-align: center;
}