/* CSS Document */
/* Anpassungen Weblayout */
body {
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #5a5a5a;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 1.25em;
}

td {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	line-height: 1.25em;
}

img {
	border: 0px;
}

label {
	width: 120px;
	font-weight: bold;
	float:left;
	clear:both;
	display:block;
}

fieldset {
	border: 1px solid #cccccc;
	padding: 5px 13px 12px 15px;
	margin: 10px;
}
legend {
	font-size: 100%;
	color: #ce181e;
	font-weight: normal;
	margin-left: 0px;
	padding: 0px 0px 10px 0px;
}

div.table { display:table; border-collapse:collapse; width: 99%; }
div.tr { display:table-row; width:100%; }
div.td { display:table-cell; float: left; }

span.td { display:inline-block; }


/* Anpassungen START */
#prepage {
	z-index: 10000;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	layer-background-color: #FFFFFF;
}
#prepage #spinner {
	position: absolute;
	margin-left: auto;
	margin-bottom: auto;
	top: 45%;
	left: 45%;
}

#page {
	position: relative;
	text-align: left;
	margin: auto;
	width: 970px;
	left: 0 !important;
}

	#page #logo {
		position: absolute;
		top: 15px;
		left: 0px;
	}
	
	#page #sprachauswahl {
		position: absolute;
		top: 27px;
		right: 0px;
		font-weight: bold;
		font-size: 11px;
	}
	
	#page #menu {
		position: absolute;
		top: 75px;
		left: 330px;
		z-index: 200;
	}
	
	#page #cb_top {
		position: absolute;
		top: 80px;
		left: 0px;
		z-index: 100;
	}
	
	#page #cb_right {
		position: absolute;
		top: 110px;
		right: 0px;
		width: 57px;
		height: 483px;
		z-index: 100;
	}
	
	#page #cb_bottom {
		position: absolute;
		top: 593px;
		left: 0px;
		z-index: 100;
	}
	
	#page #cb_left {
		position: absolute;
		top: 110px;
		left: 0px;
		width: 60px;
		height: 483px;
		z-index: 100;
	}
	
	#page #contentbox1 {
		position: absolute;
		top: 100px;
		left: 50px;
		width: 875px;
		height: 505px;
		background-position: center center;
	}
	
	#page #contentbox2 {
		position: absolute;
		top: 100px;
		left: 50px;
		width: 875px;
		height: 505px;
	}
	
	#page #contents {
		position: absolute;
		top: 100px;
		left: 50px;
		padding: 20px 0px 20px 20px;
		width: 854px;
		height: 475px;
		z-index: 100;
		color: #a6bd99;
		font-size: 15px;
		line-height: 1.25em;
	}
		#page #contents #left {
			position: relative;
			float: left;
			width: 375px;
		}
		#page #contents #left ul {
			margin: 0px;
			padding: 0px;
		}
		#page #contents #left a:link {
			color: #30a33c;
			text-decoration: none;
		}
		#page #contents #left a:visited {
			color: #30a33c;
			text-decoration: none;
		}
		#page #contents #left a:hover {
			color: #ce181e;
			text-decoration: none;
		}
			#page #contents #left a.active:link {
				color: #ce181e;
				text-decoration: none;
			}
			#page #contents #left a.active:visited {
				color: #ce181e;
				text-decoration: none;
			}
			#page #contents #left a.active:hover {
				color: #ce181e;
				text-decoration: none;
			}
			#page #contents #left a.inactive:link {
				color: #30a33c;
				text-decoration: none;
			}
			#page #contents #left a.inactive:visited {
				color: #30a33c;
				text-decoration: none;
			}
			#page #contents #left a.inactive:hover {
				color: #ce181e;
				text-decoration: none;
			}
			#page #contents #left #umenu0 li {
				list-style: none;
				font-size: 14px;
			}
			#page #contents #left #umenu1 li {
				list-style: none;
				font-size: 16px;
			}
			/*#page #contents #left #umenu2 li {
				list-style: none;
				font-size: 20px;
				text-transform: uppercase;
				line-height: 1.2em;
			}*/
			
			#page #contents #left div.scrollable {
			/* required settings */ 
				position:relative; 
				overflow:hidden;     
		 
				/* vertical scrollers have typically larger height than width */     
				height: 275px;      
				width: 300px;
			}
			
			#page #contents #left div.scrollable div {
				font-size: 20px;
				text-transform: uppercase;
				line-height: 1.2em;    
			} 
 
			/* root element for scrollable items */ 
			#page #contents #left div.scrollable div.items {     
					position:absolute; 
					 
					/* this time we have very large space for height */     
					height:20000em;     
			}
			
			
			
			
		#page #contents #right {
			position: relative;
			float: left;
			width: 479px;
		}
		
		#page #contents #right #beschreibung {
			position: relative;
			top: 420px;
			padding: 10px;
			background-color: #FFFFFF;
			color: #30a33c;
			font-size: 12px;
			width: 455px;
			height: 44px;
		}
		
			#page #contents #right #beschreibung .td a.active:link {
				color: #FFFFFF;
				text-decoration: none;
				width: 15px;
				height: 15px;
				padding: 2px;
				background-color: #ce181e;
				float: left;
				margin-right: 2px;
				text-align: center;
			}
			#page #contents #right #beschreibung .td a.active:visited {
				color: #FFFFFF;
				text-decoration: none;
				width: 15px;
				height: 15px;
				padding: 2px;
				background-color: #ce181e;
				float: left;
				margin-right: 2px;
				text-align: center;
			}
			#page #contents #right #beschreibung .td a.active:hover {
				color: #FFFFFF;
				text-decoration: none;
				width: 15px;
				height: 15px;
				padding: 2px;
				background-color: #ce181e;
				float: left;
				margin-right: 2px;
				text-align: center;
			}
			
			#page #contents #right #beschreibung .td a.inactive:link {
				color: #FFFFFF;
				text-decoration: none;
				width: 15px;
				height: 15px;
				padding: 2px;
				background-color: #2eaf4a;
				float: left;
				margin-right: 2px;
				text-align: center;
			}
			#page #contents #right #beschreibung .td a.inactive:visited {
				color: #FFFFFF;
				text-decoration: none;
				width: 15px;
				height: 15px;
				padding: 2px;
				background-color: #2eaf4a;
				float: left;
				margin-right: 2px;
				text-align: center;
			}
			#page #contents #right #beschreibung .td a.inactive:hover {
				color: #FFFFFF;
				text-decoration: none;
				width: 15px;
				height: 15px;
				padding: 2px;
				background-color: #ce181e;
				float: left;
				margin-right: 2px;
				text-align: center;
			}
			
		#page #contents #right #beschreibung_news {
			position: relative;
			top: 420px;
			padding: 10px;
			color: #30a33c;
			font-size: 12px;
			width: 455px;
			height: 44px;
		}
		
			#page #contents #right #beschreibung_news .td a.active:link {
				color: #FFFFFF;
				text-decoration: none;
				width: 15px;
				height: 15px;
				padding: 2px;
				background-color: #ce181e;
				float: left;
				margin-right: 2px;
				text-align: center;
			}
			#page #contents #right #beschreibung_news .td a.active:visited {
				color: #FFFFFF;
				text-decoration: none;
				width: 15px;
				height: 15px;
				padding: 2px;
				background-color: #ce181e;
				float: left;
				margin-right: 2px;
				text-align: center;
			}
			#page #contents #right #beschreibung_news .td a.active:hover {
				color: #FFFFFF;
				text-decoration: none;
				width: 15px;
				height: 15px;
				padding: 2px;
				background-color: #ce181e;
				float: left;
				margin-right: 2px;
				text-align: center;
			}
			
			#page #contents #right #beschreibung_news .td a.inactive:link {
				color: #FFFFFF;
				text-decoration: none;
				width: 15px;
				height: 15px;
				padding: 2px;
				background-color: #2eaf4a;
				float: left;
				margin-right: 2px;
				text-align: center;
			}
			#page #contents #right #beschreibung_news .td a.inactive:visited {
				color: #FFFFFF;
				text-decoration: none;
				width: 15px;
				height: 15px;
				padding: 2px;
				background-color: #2eaf4a;
				float: left;
				margin-right: 2px;
				text-align: center;
			}
			#page #contents #right #beschreibung_news .td a.inactive:hover {
				color: #FFFFFF;
				text-decoration: none;
				width: 15px;
				height: 15px;
				padding: 2px;
				background-color: #ce181e;
				float: left;
				margin-right: 2px;
				text-align: center;
			}
	
	#page #kontakt {
		position: absolute;
		top: 620px;
		width: 910px;
		padding-left: 55px;
		font-size: 11px;
		color: #a6bd99;
		z-index: 200;
	}
	
		/*#page #kontakt a:link {
			color: #a6bd99;
			text-decoration: none;
		}
		#page #kontakt a:visited {
			color: #a6bd99;
			text-decoration: none;
		}
		#page #kontakt a:hover {
			color: #a6bd99;
			text-decoration: underline;
		}*/		
		
	#page #spanisch {
		position: absolute;
		top: 0px;
		left: 410px;
	}



#page #historyback {
	clear:both;
	display:block;
	font-size: 11px;
	text-align: right;
	width: 100%;
	padding-top: 10px;
}
	
#siteindex {
	display: none;
}

#rsvErrors { 
  display: none; 
	padding: 8px; 
	background-color: #ffffcc; 
	border: 1px solid #ff9b00;
	line-height: 12px;
	margin-bottom: 12px;
}
.errorField {
	background-color: #ffffcc;
	/*color: #ff9b00;*/
}

#page #fototable {
	margin-left: 10px;
}

#page .fotobox {
	position: relative;
	float: left;
	color: #FFFFFF;
	background-color: #f8e6e2;
	padding: 5px;
	margin: 10px 15px 10px 10px;
	width: 160px;
	height: 115px;
}
#page .fotoboxlupe {
	float: left;
	font-size: 11px;
	color: #202020;
	width: 155px;
	text-align: right;
	background-color: #f8e6e2;
}
#page #fotoalbumzaehler {
	float: left;
	padding: 5px;
	margin-left: 20px;
	margin-top: 10px;
	color: #000000;
	background-color:#f8e6e2;
	width: 550px;
	font-size: 11px;
}
#page #hidefoto {
	position:relative;
	width: 0px;
	height: 0px;
	visibility: hidden;
}

/* Anpassungen ENDE */
/* Überschriften, Links und Formular */
h1 {
	font-size: 173%;
	color: #a6bd99;
	font-weight: normal;
	line-height: 125%;
}
h2 {
	font-size: 137%;
	color: #a6bd99;
	font-weight: normal;
	line-height: 100%;
}
h3 {
	font-size: 110%;
	color: #a6bd99;
	font-weight: normal;
	line-height: 100%;
}
h4 {
	font-size: 100%;
	color: #5a5a5a;
	font-weight: normal;
	line-height: 100%;
}

.c1 {
	color: #d47a28;
}
.formstern {
	color: #ff9b00;
}
.font_klein {
	font-size: 75%;
}

a:link {
	color: #a6bd99;
	text-decoration: none;
}
a:visited {
	color: #a6bd99;
	text-decoration: none;
}
a:hover {
	color: #ce181e;
	text-decoration: none;
}

a.aktivlink:link {
	color: #ce181e;
	text-decoration: none;
}
a.aktivlink:visited {
	color: #ce181e;
	text-decoration: none;
}
a.aktivlink:hover {
	color: #ce181e;
	text-decoration: underline;
}

a.projekte:link {
	color: #30a33c;
	text-decoration: none;
}
a.projekte:visited {
	color: #30a33c;
	text-decoration: none;
}
a.projekte:hover {
	color: #ce181e;
	text-decoration: none;
}

a em { visibility: hidden; }
a.anreise { position: absolute; left:660px; top:110px; width:160px; height:40px; }
a.mailtokreatur { position: absolute; left:-180px; top:405px; width:340px; height:64px; }

hr {
	margin-top: 7px;
	border: thin;
	color: #a6bd99;
	background-color: #a6bd99;
	height: 1px;
}

form {
	display: inline;
}
input {
	font-size: 90%;
	padding: 2px;
	color: #787878;
	background-color: #FFFFFF;
	border: 1px solid #c2d2b7;
}
.chb{
	background-color: #efefef;
	border: 0px;
}
textarea {
	font-size: 90%;
	padding: 2px;
	color: #787878;
	background-color: #FFFFFF;
	border: 1px solid #c2d2b7;
}
select {
	font-size: 90%;
	padding: 2px;
	color: #787878;
	background-color: #FFFFFF;
	border: 1px solid #c2d2b7;
}
.button_anfrage{
	font-size: 110%;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #a6bd99;
	border: 1px solid #ce181e;
	padding: 5px;
}
.button_suche{
	color: #FFFFFF;
	background-color: #a6bd99;
	border: 0px solid #b9d8a3;
	padding: 0 0 3px 0;
	margin: 0;
	vertical-align: middle;
}