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

* {margin:0px; padding:0px;}
img {width:100%;}

h1{font-size: 62px;font-family: Garamond, Times New Roman, Palatino, Garamont, "serif"; font-weight:bold;margin-bottom:10px; color:#431029;line-height:1.0em;}
h2{font-size: 52px;font-family: Garamond, Times New Roman, Palatino, Garamont, "serif"; font-weight:normal;margin-bottom:10px; color:#431029;line-height:1.5em; }
h3{font-size: 42px;font-family: Garamond, Times New Roman, Palatino, Garamont, "serif"; font-weight:bold;margin-bottom:10px; color:#431029;line-height:1.0em;margin-bottom:20px; }

html{height:100%;}

body {text-align: center;line-height:120%; font-family: Garamond, Times New Roman, Palatino, Garamont, "serif"; 
	font-size: 35px;color: #431029;	background-color:#DBD8C8; line-height: 1.3em;}

a:link, a:visited, a:active  {color: #431029; text-decoration:underline;font-size: 0.9em;}
a:hover {color:#72224a;}

#container {position:relative; margin:0 auto; width:900px; background-color: #DBD8C8; height:auto !important; height:100%; min-height:100%; }

#contend {position:relative;  width:100%; padding-top: 15%; text-align: left; background-color: none; height:auto !important; height:100%; min-height:100%; }


#post {position:fixed; right: 0px; bottom: 80px; width: 150px; height:auto; }




#bottom_box{position:fixed;bottom:0;width:100%;height: 45px;background-color:#361023;text-align:center;color:#fff;font-size: 18px;}
#head_box{position:fixed;top:0;width:100%;height: 45px;background-color:#361023;text-align:center;color:#fff;font-size: 18px;}
#bottom {width:300px;margin:10px auto 0 auto;text-align:center;}

#nav {text-decoration: none;}	
#nav li {display: inline;}
#nav  A, #nav A:visited { font-size:16px;	color:#fff;	font-style: italic; text-decoration:none ;padding: 0 10px 0 7px;}
#nav A:hover, #nav A:focus {color:#ADD0DB;}

	
#impressum {font-size: 18px;margin-top:18px;}
#impressum a:link, #impressum a:visited {color: #ffffff;font-style: italic;text-decoration: none;}
#impressum a:hover, #impressum a:focus {color: #0299DB;}

#rechttext {font-size:0.8em;}



#galerie { margin: 50px 8px 50px 8px;}
#galerie img {width: 100%; height: auto;float:left; margin: 0;border: 1px solid #ffffff; border-radius: 0;}
#galerie ul {margin-bottom: 30px; margin-left: 0;list-style-type: none;background-image: none;}
#galerie ul li {display:inline; float:left; width: 22%;margin-bottom: 14px;margin-right: 3%;}
	
#galerie ul img {border: 1px solid #fff; padding: 2% 2%;}
#galerie ul img:link, #gallery ul img:visited {border: 1px solid #330033; }	
#galerie ul img:hover {border: 1px solid #112233; }



@media only screen and (max-width: 1200px) {
	
#container {position:relative; margin:0 auto; width:90%; padding:5%; background-color: #DBD8C8; height:auto !important; height:100%; min-height:100%; }	
h1{font-size: 52px;}
h2{font-size: 42px;}	
	body {font-size: 32px}	
}
	



@media only screen and (max-width: 960px) {
	
body { font-size: 26px;	 line-height: 1.3em;}	

h1{font-size: 44px;}
h2{font-size: 40px;}
h3{font-size: 30px; }
	
	#galerie { margin: 50px 8px 50px 8px;}
#galerie img {width: 100%; height: auto;float:left; margin: 0;border: 1px solid #ffffff; border-radius: 0;}
#galerie ul {margin-bottom: 30px; margin-left: 0;list-style-type: none;background-image: none;}
#galerie ul li {display:inline; float:left; width: 30%;margin-bottom: 14px;margin-right: 3%;}
}




@media only screen and (max-width: 720px) {

	#galerie { margin: 50px 8px 50px 8px;}
#galerie img {width: 100%; height: auto;float:left; margin: 0;border: 1px solid #ffffff; border-radius: 0;}
#galerie ul {margin-bottom: 30px; margin-left: 0;list-style-type: none;background-image: none;}
#galerie ul li {display:inline; float:left; width: 45%;margin-bottom: 14px;margin-right: 3%;}

	#container {position:relative; margin:0 auto; width:80%; padding:5%; background-color: #DBD8C8; height:auto !important; height:100%; min-height:100%; }	
	
#post {position:fixed; right: 0px; bottom: 80px; width: 100px; height:auto; }


	
}


	
@media only screen and (max-width: 470px) {

body {
	font-size: 26px;}	

h1{font-size: 36px;}
h2{font-size: 30px; }
body {
	font-size: 20px;}	

	#galerie { margin: 50px 8px 50px 8px;}
#galerie img {width: 100%; height: auto;float:left; margin: 0;border: 1px solid #ffffff; border-radius: 0;}
#galerie ul {margin-bottom: 30px; margin-left: 0;list-style-type: none;background-image: none;}
#galerie ul li {display:inline; float:left; width: 90%;margin-bottom: 14px;margin-right: 3%;}}