* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
	//border: 1px solid black;
}
body {
	font-family: VERDANA, ARIAL, HELVETICA;
	font-size: 12pt;
	background-color: #FFF;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	line-height: 1.75em;
	//border: 1px solid black;
}
header {
	display: inline-block;
	width: 100%;
	background-color:rgb(221,221,222);
	border-top: 3px solid #CCC;
	border-right: 3px solid gray;
	border-bottom: 3px solid gray;
	border-left: 3px solid #CCC;
	height:100%;
	margin-bottom: 0px;
}
nav { 
	display: inline-block;
	width:65%;
	max-width: 100%;
	text-align: center;
	line-height: 1.75em;
	}
nav a {display: inline-block; min-width:95px; background-color: transparent; } 
nav a:active {color: #777; }
nav a:hover {color: #000; }
nav a:focus {color: #900002; }
//nav a:visited {color: #AAA; }
.logo { 
	display: inline-block;
	width: 225px;
	font-size:32px;
	color:#777;
	text-align: center;
	height: 90px;
	}
.atelier {
	font-family: 'Comme-Light', Verdana, Arial;
	display: inline-block;
	position:relative;
	float: left;
	left: 0px;
	top:2px;
	z-index: 1;
}
.SDuren {
	font-family: 'Comme-Light', Verdana, Arial;
	display: inline-block;
	float: right;
	position:relative;
	top:-25px;
	right: 1px;
	z-index: 2;
}
.sadfa {
	font-family: 'Comme-Light', Verdana, Arial;
	display: inline-block;
	position: relative;
	top: -36px;
	font-size:9pt;
	letter-spacing:3px;
	z-index: 3;
}
.tel {
	font-family: 'Comme-Light', Verdana, Arial;
	display: inline-block;
	position: relative;
	top: -57px;
	font-size:8pt;
	letter-spacing:3px;
	z-index: 4;
}
.trans img {
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;	
	}	
.trans img:hover {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5) translate(0px,0px);;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	}
	.inl { display: inline-block;}
	.button{
		background: #ECECEC;
		border-radius: 7px;
		padding: 10px 20px;
		display: block;
		font-family: arial;
		font-weight: bold;
		text-align: center;
		color:#7f7f7f;
		text-decoration: none;
		text-shadow:0px 1px 0px #fff;
		border:1px solid #a7a7a7;
		max-width: 225px;
		//margin:15px auto;
		margin-top:5px;
		margin-left: 5px;
		box-shadow: 0px 2px 1px white inset, 0px -2px 8px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1);
		transition:box-shadow 1.0s;
		//transition:color 0.5s;
	}
	.button:hover{
		box-shadow: none;
		color: #333;
	}
	.button:active{
		box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5) inset, 0px -2px 20px white, 0px 1px 5px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.1);
		background:-webkit-linear-gradient(top, #d1d1d1 0%,#ECECEC 100%);
	}


iframe {border: 0px; height 100%; width: 100%}
.FUnten {width: 100%;background-color: transparent; height: 100%;}
#unten {height: 480px;}

.center{text-align: center;}
.rechts {float: right;}
.links { text-align:left; }
.unten { vertical-align: bottom;}
.noborder {border: none;}
.rot {color: #900002;}
.zwoelf {font-size:12px; line-height: 1.75em;}
.inhalt {display: inline; float:right;}
.offen { text-align:center; line-height: 1.5em; font-size:10pt; }
img {border:outset #CCC 3px;}
h2 {font-family: bookman; font-size:18.0pt; color: #900002; font-weight: normal; letter-spacing: 3px; line-height: 1.5em;}

.anfahrt { text-align: center; font-weight:bold; max-width: 400px; border:outset #CCC 3px; padding: 5px;}
.bildk {max-width: 520px}	
figcaption { font-size: 80%; font-style: italic; margin-top: -7px; line-height: 1em}
address { font-style: normal;}

p {text-align: justify; padding-left: 5px; padding-right: 5px; line-height: 1.75em;}
p::first-letter {font-family: Times;  font-size:24pt; font-weight: normal; margin-right:0px; line-height:100%}
img:after {content: attr(alt); color:blue; font:italic 0.8em;}
ul {list-style: square url(./Bilder/Box_grau8.png) outside; padding-left: 50px; }
li {padding-left: 15px;}
a:link {color:#777; font-size: 10pt; text-decoration:none;}
a:hover {color:#000; font-size: 10pt; text-decoration:none;}
a:active {color:#FFF; font-size: 10pt; text-decoration:none;}
a:visited {color:#AAA; font-size: 10pt; text-decoration:none;}
a:focus {color:#AAA; font-size: 10pt; text-decoration:none; background-color:rgb(221,221,222)}

.zehnI { color:#000; font-size:10pt; font-style: italic; line-height: 20px;}
.zehns { color:#000; font-size:10pt;}
.sechzehns { color:#000; font-size:16pt;}