@import url('https://fonts.googleapis.com/css?family=Architects+Daughter');

* {
margin:0;
padding:0;
list-style:none;
font-size:12px;
font-family:verdana,arial,sans-serif;
}

h2 {
  font-size:24px;
  font-family: 'Architects Daughter', cursive;
  letter-spacing:2px;
  color:#355b7d;
  }
  
h2.DS {
  font-size:18px;
  font-family: 'Architects Daughter', cursive;
  letter-spacing:2px;
  color:#5f4220;
  }  

h3, mark {
  font-size:18px;
  font-family: 'Architects Daughter', cursive;
  letter-spacing:2px;
  color:#5f4220;
  }
  
h3.termine, h3.markt {
	margin-top:20px;
}  

h3.marktplatz {
	margin-top:20px;
	margin-bottom:7px;
}

address {
	margin-top:20px;
}
  
mark   {
	background:none;
	}

html {
  background-image:url(../pics/blaue-rueckwand_kachel_960x639px.jpg);
  background-repeat:repeat-y;
  margin:0 auto;
  width:960px;
  background-color:#1a180c;
  }
  
header {
  width:100%;
  overflow:hidden;
    }

/* Image Kopfleiste */	
header img {
  position:relative;
  padding-bottom:-3px;
  border-bottom:2px solid #1a180c;
    } 
	
/* animierte Laterne */
 header img +img{
  position:absolute;
  margin-left:-170px;
  margin-top:100px;
  border-bottom:none;
    } 

		
/* Image Blechschild */
header img + img + img{
  position:absolute;
  margin-left:680px;
  margin-top:-40px;
  transform:rotate(9deg);
  border-bottom:none;
    }
  
body {
  min-width:568px;
  width:960px;
  overflow: scroll;
  margin:0 auto;
  font-family:verdana;
  font-size:11px;
  color:black;
  }

main {}

main div.transp {
  background: rgba(255, 255, 255, 0.7);
  margin:-3px 150px 130px 200px;
  padding:15px 25px 20px 25px; /* 5px auf 25px umstellen */
  }
  
main form {
  background: rgba(255, 255, 255, 0.7);
  margin:-3px 150px 130px 200px;
  padding:15px 25px 20px 25px;
  }

form {
	font-weight:bold;
	}
	
form p {line-height:20px;}

form fieldset{
	border:none;
	}
 
form input, form select, form option, form textarea {
	font-family:arial,verdana;
	font-size:16px;padding:1%;
	color:black;
	border:1px solid #1a180c;
	}

form input#fname, #vname, #email {width:50%;}

form textarea {
	width:97%;
	height:200px;
	}
	
form input.knopf {
	cursor:pointer;
	padding:2%;
	color:black;
	font-weight:bold;
	background: rgba(26, 24, 12, 0.3); /* background with 30% opacity */
	border:1px solid #1a180c;
	float:right;
	}
 
main menu {
	 float:left;
	 padding-top:15px;
	 padding-left:15px;
	 line-height:40px; 
	 	 }
	 
main menu a{
	display:block;
	 font-weight:bold;
	 font-size:14px;
	 color:black;
	 font-family: 'Architects Daughter', cursive;
	 text-decoration:none; 
	 }

main ul li.bottom {
	background:url(../pics/schild_150x39_72dpi.png) no-repeat;
	padding:0px 60px 0px 11px;
	text-align:center;
	}
  
main aside {
	float:left;
	width:50%;
	margin-bottom:20px;
} 
  
main nav a {
  font-weight:bold;
  color:#355b7d;
  line-height:20px;
  text-decoration:none;
  }

a:link, a:visited {
	color:black;
	text-decoration:none;
	}
		
a:hover, a:active, a:focus {
	color:#355b7d;
	text-decoration:none;
	border:none;
	}
	
.foto {
	width:265px;
	border:1px solid white;/*#1a180c*/
	box-shadow: 5px 10px 8px grey;
	float:left;
	margin:0 10px 0 5px;
			}

figure.left {
	float:left;
	margin-top:10px;
	margin-right:26px;
	border:1px solid white;
	box-shadow: 5px 10px 8px grey;
	}
	
figure.right {
	float:left;
	margin-top:10px;
	margin-right:0px;
	border:1px solid white;
	box-shadow: 5px 10px 8px grey;
	}

figure figcaption {
	margin:-4px 0px 0px 0px;
	padding:5px 5px 5px 10px;
	background-color:#aca297;
	font-size:9px;
	color:#5f4220;
	}

div.clearing {
	clear:both;}

blockquote {
  font-family: 'Architects Daughter', cursive;
  font-size:14px;
  font-weight:bold;
  letter-spacing:0.1px;
  color:#5f4220;
  margin-top:15px;
  }

span {
  font-weight:bold;
   } 

p, ul {
  margin-top:10px;
  }
  
main section.termine aside {
	margin-top:10px;
	width:28%;
	}

main section.termine aside + aside {
	width:35%;
	}
	
dl {
	border:1px solid white;
	}

dl dt {
	width:80px;
	float:left;
	margin-right:8px;
	background-color:#355b7d;
	font-weight:bold;
	color:white;
	}
	
dl dd {
	background-color:#89a9d0;
	}
	
dl dt.einZ, dl dd.einZ {
	height:16px;
	padding:8px;
	}	
dl dt.zweiZ, dl dd.zweiZ {
	height:32px;
	padding:8px;
	}
	
dl dt.vierZ, dl dd.vierZ {
	height:56px;
	padding:8px;
	}
	
dl dt.XxZ, dl dd.XxZ {
	height:140px;
	padding:8px;
	}

.links {margin-top:30px;}

.links img {margin-top:10px;}

.shop {
border:1px solid white;
	}

footer {
  bottom:-2px;
  overflow:hidden;
  position:fixed;
  border-top:2px solid #1a180c;
  }
  
   div.xyz {
	background:url(../pics/schild_150x39_72dpi.png) no-repeat;
	bottom:17px;
	overflow:hidden;
	position:fixed;
	padding:0px 150px 0px 15px;
	margin:0px 320px 0px 400px;
	font-size:9px;
	color:#5f4220;
  }
  
  footer p {
	margin-bottom:15px;
	text-align:center;
	font-size:9px;
	font-weight:bold;
	color:#5f4220;}