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

* {
	margin:				0px;
	padding:			0px;
	}

/* ######################################## */
/* T A G   D E F I N I T I O N E N */
/* ######################################## */

body {
	background-repeat:	repeat-x;
	}
			
img {
	border:				0px solid #000000;
	}

iframe {
	background-color:	rgb(255, 255,255, 0.8);
	}

input, textarea {
	font-family:		"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:			12px;
	width:				150px;
	margin:				3px 0px 3px 0px;
	background-color:	#B49779;
	}

li {
	margin-left:		25px;
	line-height:		150%;
	width:				400px;
	}

hr {
	color:				#000000;
	width:				375px;
	}

/* ######################################## */
/* K L A S S E N D E F I N I T I O N E N */
/* ######################################## */

.text_1 {
	font-family:		"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:			16px;
	font-weight:		bold;
	color:				#745739;
	padding-top:		10px;
	display:			block;
	}
	
.text_2 {
	font-family:		"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:			14px;
	color:				#000000;
	line-height:		150%;
	}

.unternavi {
	font-family:		"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:			14px;
	width:				165px;
	height:				25px;
	display:			block;
	margin:				5px 5px 0px 5px;
	background-image:	url(images/unternavibutton.png);
	background-repeat:	no-repeat;
	color:				#FFFFFF;
	text-decoration:	none;
	padding:			5px 0px 0px 8px;
	}

.unternavi:Hover {
	font-weight:		bold;
	width:				164px;
	height:				24px;
	padding:			6px 0px 0px 9px;
	}

.subSite {
	padding:			10px 10px 10px 10px;
	}

.team {
	width:				400px;
	margin-bottom:		30px;
	float:				left;
	}

.teamPic {
	width:				125px;
	margin-bottom:		30px;
	float:				left;
	}

/* ######################################## */
/* I D   D E F I N I T I O N E N */
/* ######################################## */

#wrapper {
	position:			absolute;
	top:				0px;
	left:				50%;
	margin-left:		-475px;
	width:				950px;
	height:				100%;
	border-left:		1px solid #745739;
	border-right:		3px solid #745739;
	background-image:	url(images/wrapper_back5.jpg);
	}

#bildergallerie {
	position:			absolute;
	top:				170px;
	left:				50%;
	margin-left:		-450px;
	padding:			10px 10px 30px 10px;
	width:				880px;
	height:				620px;
	background:			url(images/rahmen_gross.png);
	}

#logo {
	background-image:	url(images/logo2.png);
	position:			absolute;
	top:				10px;
	left:				50%;
	margin-left:		-450px;
	width:				900px;
	height:				125px;
	z-index:			2;
	}

#slideshow {
	position:			absolute;
	top:				170px;
	left:				50%;
	margin-left:		-450px;
	width:				900px;
	height:				250px;
	background:			rgb(255, 255, 255, 0.8);
	z-index:			1;
	}

#slideshow-overlay {
	position:			absolute;
	top:				170px;
	left:				50%;
	margin-left:		-450px;
	width:				900px;
	height:				250px;
	background:			url(slideshow/background-slideshow.png);
	z-index:			2;
	}

#slideshow-overlay-maintext {
	position:			absolute;
	right:				0;
	}

#slideshow-overlay-subtext {
	position:			absolute;
	right:				0;
	top:				50px;
	}

#slideshow-overlay-description {
	position:			absolute;
	bottom:				0;
	left:				0;
	}

#navigation {
	position:			absolute;
	top:				430px;
	left:				50%;
	margin-left:		-450px;
	padding:			10px 10px 30px 10px;
	width:				180px;
	height:				360px;
	background:			url(images/rahmen_navi.png);
	}

#main {
	position:			absolute;
	top:				430px;
	left:				50%;
	margin-left:		-240px;
	padding:			10px 10px 30px 10px;
	width:				670px;
	height:				360px;
	background:			url(images/rahmen_main.png);
	}

#oeffnungszeiten1, #anfrage1 {
	padding:			10px 10px 10px 10px;
	float:				left;
	}

#oeffnungszeiten2, #anfrage2 {
	padding:			10px 10px 10px 10px;
	float:				left;
	}

#submit, #reset {
	font-weight:		bold;
	width:				100px;
	color:				#FFFFFF;
	background-color:	#745739;
	}

/* ######################################## */
/* S L I D E   D E F I N I T I O N E N */
/* ######################################## */

#gallery {
	position: relative;
	margin: 0;
	background: none;
	border: none;
}

#gallery div {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	z-index: 1;
	animation: change 15s infinite;
}

#gallery div:last-of-type {
	position: relative;
}

@keyframes change {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

#gallery div:nth-of-type(2) {
	animation-delay: 5s;
	opacity: 0;
}

#gallery div:nth-of-type(3) {
	animation-delay: 10s;
	opacity: 0;
}