@font-face {
  font-family: zapfino;
  src: url('Zapfino.ttf');
}

html, body{
	margin:0px;
}
html { 
	background:url('platz2024.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
}
*{
	font-family:arial,verdana,helvetica;
	font-size:12px;
	line-height:150%;
}

div{
	border:0px solid #000;
}
#logo{
	width:350px;
	height:250px;
	background:url('logo2024.png') center center no-repeat;
	background-size:100%;
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-550px;
	transform: rotate(-10deg);
	/* display:none; */
}
	

#container{
	width:850px;
	margin:auto;
	border:1px solid #000000;
	border-radius:20px;
	background:#ffffff;
	margin-top:100px;

	-webkit-box-shadow: 5px 5px 10px #000;
	-moz-box-shadow: 5px 5px 15px #000;
	box-shadow: 5px 5px 10px #000;
}

	#header{
		/* background:url('header2024.png') center center no-repeat; */
		height:70px;
		border-top-left-radius:20px;
		border-top-right-radius:20px;
		background-color:rgba(9,9,121,1);
		font-family:zapfino;
		color:#bbbec7;
		font-size:30px;
		font-weight:bold;
		
		text-align:center;
		padding-top:70px;
		
	}
	#content{
		padding:10px;
		margin:auto;
		width:650px;
	}

	#menu{
		padding-top:35px;
		padding-left:20px;
	}
		#menu a:link, #menu a:visited{
			color:#000000;
			font-size:14px;
			font-weight:bold;
			text-decoration:none;
			padding:5px;
			padding-left:15px;
			padding-right:5px;
			margin-bottom:0px;
			margin-top:30px;
		}
		#menu a:hover, #menu a:active{
			text-decoration:underline;
		}
	#prefooter{
		background:url('prefooter2024.png')  left bottom repeat-x;
		height:93px;
	}
	#footer{
		background: rgb(9,9,121);*/
		--background: linear-gradient(0deg, rgba(9,9,121,1) 20%, rgba(255,255,255,1) 100%) !important;
		/* background-image:url('footer2024.png'); */

		background-position:		 center;
		background-repeat: no-repeat;
		background-color:rgba(9,9,121,1);
		height:65px;
		border-bottom-left-radius:20px;
		border-bottom-right-radius:20px;
		
		
		font-family:zapfino;
		color:#bbbec7;
		font-size:20px;
		font-weight:bold;
		
		text-align:center;
		padding-top:65px;
	}
	
.clearl{
	clear:left;
}

.success{
	position:relative;
	top:0px;
	background:#92b904;
	padding:10px;
	text-align:center;
	font-weight:bold;
	-webkit-box-shadow: 5px 5px 10px #999;
	-moz-box-shadow: 5px 5px 15px #999;
	box-shadow: 5px 5px 10px #999;
	margin-top:10px;
	margin-bottom:10px;
}

.error{
	position:relative;
	top:0px;
	background:#EE4000;
	padding:10px;
	text-align:center;
	font-weight:bold;
	-webkit-box-shadow: 5px 5px 10px #999;
	-moz-box-shadow: 5px 5px 15px #999;
	box-shadow: 5px 5px 10px #999;
	margin-top:10px;
	margin-bottom:10px;
}

.notify{
	position:relative;
	top:0px;
	padding:10px;
	text-align:center;
	-webkit-box-shadow: 5px 5px 10px #999;
	-moz-box-shadow: 5px 5px 15px #999;
	box-shadow: 5px 5px 10px #999;
	margin-top:10px;
	margin-bottom:10px;
	border-radius:15px;
	border:3px solid #dd0000;
	width:500px;
}


input[type="text"],textarea[name="contacttopic"]{
	padding:3px;
	border:1px solid #cccccc;
	-webkit-box-shadow: 5px 5px 10px #999;
	-moz-box-shadow: 5px 5px 15px #999;
	box-shadow: 5px 5px 10px #999;
	width:400px;
}

table[name="kontakt"] tr td:first-child{

}

textarea[name="contacttopic"]{
	height:300px;
}

input[type="submit"]{
	background:#0a1185;
	border:1px solid #cccccc;
	color:#000000;
	-webkit-box-shadow: 3px 3px 8px #000;
	-moz-box-shadow: 3px 3px 10px #000;
	box-shadow: 3px 3px 8px #000;
	text-decoration:none;
}
h1{
	font-size:20px;
	color:#0a1185;
	font-weight:bold;
	font-family:zapfino !important;
	position:relative;
	margin-top:30px;
}
h2{
	color:#0a1185;
	font-weight:bold;
}
	h2 sup{
		font-weight:normal;
	}

hr{
	border:1px solid #0a1185;
}

sup{
	font-size:10px;
	color:#cc0000;
}

img{
	padding:10px;
	background:#ffffff;
	border:1px solid #cccccc;
	-webkit-box-shadow: 5px 5px 10px #000;
	-moz-box-shadow: 5px 5px 15px #000;
	box-shadow: 5px 5px 10px #000;
}

.galimage{
	display:block;
	float:left;
	margin:0px;
	margin-left:-15px;
	margin-bottom:-30px;
}

.gallery img{
	padding-bottom:40px;
}
.galimage .description{
	position:absolute;
	z-index:1;
	width:150px;
	margin-top:-25px;
	color:#000000;
	font-size:9px;
	padding-left:10px;
	overflow:hidden;
	display:none;
}

a:link, a:visited{
	color:#0a1185;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.workshop{
	margin-top:10px;
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
	border-top-left-radius:15px;
	padding:10px;
	max-height:300px;
	overflow:auto;
}
	.workshop .link{
		position:relative;
		margin-top:-30px;
		margin-left:480px;
	}
	.workshop a{
		color:#000000;
	}
	.workshop h2{
		margin-top:0px;
		color:#0a1185;
		font-size:14px;
	}



a[href^='mailto:'] {
  padding-left:30px;
  color:#000000;
  background: url(mail.png) left center no-repeat;
}

span[name="tel"],span[name="mobile"],span[name="fax"]{
	color:#000000;
	padding:2px;
	padding-left:30px;
}
span[name="tel"]{
	background:url('phone.png') left center no-repeat;
}
span[name="mobile"]{
	background:url('mobile.png') left center no-repeat;
}
span[name="fax"]{
	background:url('fax.png') left center no-repeat;
}