@charset "utf-8";

/* CSS Document */

* {
			margin: 0;
			padding:0;
}

html,
body {
	height: 100%;
	font:13px/18px "Trebuchet MS", verdana, arial;
	color:#60421c;
	background-color: #C5B78D;
}

/*-------------------[ global tags, selectors, classes ]-------------------*/


p {
			margin:0 0 18px 0;
}

textarea {
			overflow:auto;
}

a {
			text-decoration:underline;
			outline:none;
			color:#60421c;
}

a:hover {
			text-decoration:none;
}

.highlight {
			font-weight:bold;
}

.clear {
			clear:both;
			height:0;
			overflow:hidden;
}



.floatRight {
			float:right;
}

.floatLeft {
			float:left;
}

#iframeBorder {
			padding:3px;
			border:1px dashed #99856b;
}

/*---------------------------[ Container ]----------------------*/
#container {
			min-height: 100%;
			height: auto !important;
			height: 100%;
			margin: 0 auto -169px;
			background:#faf3e4;
			width:939px;
}

/*---------------------------[ Header ]--------------------------*/
#header {
			height:439px;
			background:url(../images/bg-header.jpg) 0 0 no-repeat;
			position:relative;
}

#header p.claim {
			display:block;
			text-indent:-5000px;
			position:absolute;
}

#header h1 {
			position:absolute;
}

#header h1 a {
			position:absolute;
			display:block;
			text-indent:-5000px;
			left:35px;
			top:10px;
			width:117px;
			height:119px;
}

#header h3 {
			position:absolute;
			text-indent:-9999px;
}

#topnav {
			width:248px;
			height:35px;
			position:absolute;
			right:-1px;
			top:9px;
			list-style-type:none;
			color:#fff;
}

#topnav li {
			float:left;
			margin:0 10px 0 0;
}

#topnav li a {
			color:#fff;
			text-decoration:none;
}

#topnav li a:hover,
#topnav li.active a {
			color:#fff;
			text-decoration:underline;
}

/*---------------------------[ MAINNAV - Unsere Projekte ]--------------------------*/
ul#unsereObjekte {
			background:url(../images/nav-unsereObjekte.jpg) -9999px 0 no-repeat;
			width:107px;
			height:80px;
			text-indent:-9999px;
			list-style-type:none;
			overflow:hidden;
			position:absolute;
			left:57px;
			top:307px;
}

ul#unsereObjekte li {
			height:18px;
			margin:0 0 12px 0;
}

ul#unsereObjekte li a {
			height:18px;
			display:block;
			background:url(../images/nav-unsereObjekte.jpg) -9999px 0 no-repeat;
}

ul#unsereObjekte li a.schullandheim:hover,
ul#unsereObjekte li.active a.schullandheim {
			background-position:0 0;
}

ul#unsereObjekte li a.bungalowdorf:hover,
ul#unsereObjekte li.active a.bungalowdorf {
			background-position:0 -30px;
}

ul#unsereObjekte li a.anfahrt {
			width:65px;
}

ul#unsereObjekte li a.anfahrt:hover,
ul#unsereObjekte li.active a.anfahrt {
			background-position:0 -60px;
}

/*---------------------------[ MAINNAV - belegungsplan ]--------------------------*/
ul#belegungsplan {
			background:url(../images/nav-belegungsplan.jpg) -9999px 0 no-repeat;
			width:107px;
			height:80px;
			text-indent:-9999px;
			list-style-type:none;
			overflow:hidden;
			position:absolute;
			left:231px;
			top:307px;
}

ul#belegungsplan li {
			height:18px;
			margin:0 0 12px 0;
}

ul#belegungsplan li a {
			height:18px;
			display:block;
			background:url(../images/nav-belegungsplan.jpg) -9999px 0 no-repeat;
}

ul#belegungsplan li a.schullandheim:hover,
ul#belegungsplan li.active a.schullandheim {
			background-position:0 0;
}

ul#belegungsplan li a.bungalowdorf:hover,
ul#belegungsplan li.active a.bungalowdorf {
			background-position:0 -30px;
}

ul#belegungsplan li a.preise {
			width:52px;
}

ul#belegungsplan li a.preise:hover,
ul#belegungsplan li.active a.preise {
			background-position:0 -60px;
}

/*---------------------------[ MAINNAV - standAlone ]--------------------------*/
ul#standAlone {
	background:url(../images/nav-standAlone.jpg) -9999px 0 no-repeat;
	width:185px;
	height:108px;
	text-indent:-9999px;
	list-style-type:none;
	overflow:hidden;
	position:absolute;
	left:400px;
    top:277px;
}

ul#standAlone li {
			height:20px;
			margin:0 0 9px 0;
}

ul#standAlone li a {
			height:18px;
			display:block;
			background:url(../images/nav-standAlone.jpg) -9999px 0 no-repeat;
}

ul#standAlone li a.projekte {
			width:64px;
}

ul#standAlone li a.projekte:hover,
ul#standAlone li.active a.projekte {
			background-position:0 0;
}

ul#standAlone li a.exkursionenAusflugsziele:hover,
ul#standAlone li.active a.exkursionenAusflugsziele {
			background-position:0 -29px;
}

ul#standAlone li a.impressionen {
			width:90px;
}

ul#standAlone li a.impressionen:hover,
ul#standAlone li.active a.impressionen {
			background-position:0 -58px;
}

ul#standAlone li a.gaestebuch {
			height:20px;
			width:75px;
}

ul#standAlone li a.gaestebuch:hover,
ul#standAlone li.active a.gaestebuch {
			background-position:0 -87px;
}

/*---------------------------[ NEWSLOOP ]--------------------------*/

#newsloop {
			width:233px;
			height:120px;
			position:absolute;
			top:265px;
			left:668px;
}

#newsloop h3 {
			text-indent:-9999px;
			position:static;
			height:45px;
}

#newsloop p {
			width:233px;
			height:88px;
			font:13px/17px "Trebuchet MS", verdana, arial;
			color:#fff;
}

#newsloop a {
			font-style:italic;
			text-decoration:underline;
			color:#fff;
}

#newsloop a:hover {
			text-decoration:none;
}

/*---------------------------[ Headline / newsletter ]--------------------------*/

#headline {
			height:149px;
			background:url(../images/bg-headline.jpg) 0 0 no-repeat;
			position:relative;
}

#headline #newsletter {
			width:227px;
			height:34px;
			position:absolute;
			top:58px;
			right:46px;
}

#headline #newsletter h3 {
			position:absolute;
			text-indent:-9999px;
}

#headline #newsletter form #news_input {
			float:left;
			width:130px;
			position:relative;
			left:5px;
			top:9px;
 font:13px "Trebuchet MS", verdana.arial;
			color:#fff;
			background:url(../images/next.gif) -9999px 0 no-repeat;
			border:0;
			font-weight:normal;
}

/* ------------ fix ie (text is not at the middle) -------------*/
* html #headline #newsletter form #news_input {
			top:8px;
}

* + html #headline #newsletter form #news_input {
			top:8px;
}

/* ------------ fix ie (text is not at the middle) -------------*/

#headline #newsletter #abschiken {
			float:right;
			position:relative;
			top:-14px;
			left:-2px;
			height:28px;
			width:70px;
			display:block;
			text-indent:-9999px;
			border:0;
			background:url(../images/bg-header.jpg) -9999px 0 no-repeat;
			cursor:pointer;
}

#headline h2 {
	text-indent:-9999px;
	width:540px;
	height:67px;
	position:absolute;
	left:45px;
	top:29px;
}

#headline h2.index {
			background:url(../images/h2-index.jpg) 0 0 no-repeat;
}

#headline h2.aktuelles {
			background:url(../images/h2-aktuelles.jpg) 0 0 no-repeat;
}

#headline h2.schullandheim {
			background:url(../images/h2-schullandheim.jpg) 0 0 no-repeat;
}

#headline h2.belegung-schullandheim {
			background:url(../images/h2-belegeplan-schul.jpg) 0 0 no-repeat;
}

#headline h2.belegung-bungalowdorf {
			background:url(../images/h2-belegeplan-bungalow.jpg) 0 0 no-repeat;
}
#headline h2.bungalowdorf {
			background:url(../images/h2-bungalowdorf.jpg) 0 0 no-repeat;
}

#headline h2.anfahrt {
			background:url(../images/h2-anfahrt.jpg) 0 0 no-repeat;
}

#headline h2.preise {
			background:url(../images/h2-preise.jpg) 0 0 no-repeat;
}

#headline h2.projekte {
			background:url(../images/h2-projekte.jpg) 0 0 no-repeat;
}

#headline h2.exkursionenAusflugsziele {
			background:url(../images/h2-exkursionenAusflugsziele.jpg) 0 0 no-repeat;
}

#headline h2.impressionen {
			background:url(../images/h2-impressionen.jpg) 0 0 no-repeat;
}

#headline h2.gaestebuch {
			background:url(../images/h2-gaestebuch.jpg) 0 0 no-repeat;
}

#headline h2.newsletter {
			background:url(../images/h2-newsletter.jpg) 0 0 no-repeat;
}

#headline h2.kontakt {
			background:url(../images/h2-kontakt.jpg) 0 0 no-repeat;
}

#headline h2.danke {
			background:url(../images/h2-danke.jpg) 0 0 no-repeat;
}

#headline h2.impressum {
			background:url(../images/h2-impressum.jpg) 0 0 no-repeat;
}

#headline h2.error {
			background:url(../images/h2-error.jpg) 0 0 no-repeat;
}

#headline h2.admin {
			background:url(../images/h2-admin.jpg) 0 0 no-repeat;
}

/*---------------------------[ content ]--------------------------*/

#content {
			float:left;
			width:577px;
			position:relative;
			padding:5px 0 0 32px;
			overflow:hidden;}
			
		#content a img{
			border:1px dashed #b9be92;
			background:#faf3e5;
			padding:2px;
			margin: 0 0 8px 0;}
			
		#content img{
			background:none;
			padding:0;
			margin:0}	
			
		#content ul {
			margin: 0 0 20px 13px;
			padding: 0;}	
			
			#content ul li {list-style-type: square;}
			
		#content table tr td.Frei,
		#content table tr td.Belegt,
		#content table tr td.Teilweise,
		#content table tr td.Geschlossen{
			height:16px;
			width: 16px;
			background-color:#95b486;}	
			
			#content table tr td.Frei      	   {background-color:#95b486;}
			#content table tr td.Belegt    	   {background-color:#FF0000;}
			#content table tr td.Teilweise 	   {background-color:#ffae43;}
			#content table tr td.Geschlossen   {background-color:#7cbae4;}
			
			#content table tr td.Frei:hover 		{background-color:#95b486;}
			#content table tr td.Belegt:hover 		{background-color:#FF0000;}
			#content table tr td.Teilweise:hover 	{background-color:#ffae43;}
			#content table tr td.Geschlossen:hover  {background-color:#7cbae4;}

#content h2 {
			font-weight:normal;
			font-size:22px;
			margin:0 0 18px 0;
}

#contentLeft {
			float:left;
			width:260px;
			margin:0 43px 0 2px;
}

#contentRight {
			float:left;
			width:267px;
			padding:0 0 0 3px;
}

/*---------------------------[ sidebar ]--------------------------*/

#sidebar {
			float:left;
			width:327px;
			height:415px;
			background:url(../images/bg-sidebar.jpg) 0 0 no-repeat;
			position:relative;
			font:13px/16px "Trebuchet MS", verdana, arial;
			color:#3f610f;
}

#sidebar h3 {
			text-indent:-9999px;
			position:absolute;
}

#sidebar p {
			position:absolute;
			left:59px;
			top:56px;
			width:190px;
			height:58px;
}

#sidebar a {
			font-style:italic;
			color:#3f610f;
			text-decoration:none;
			position:relative;
			z-index:1;
}

#sidebar a:hover {
			text-decoration:underline;
}

#sidebar p.indent {
			position:absolute;
			text-indent:-9999px;
}

/*---------------------------[ sticky Footer ]----------------------*/
#footer,
#push {
			height: 169px;
			clear:both;
}

#footer {
			background:url(../images/bg-footer.jpg) 0 0 no-repeat;
			width:939px;
			margin:0 auto;
			position:relative;
}

#footer h3 {
			text-indent:-9999px;
			position:absolute;
}

#footer p.anschrift {
			width:157px;
			height:47px;
			font:12px/18px "Trebuchet MS", verdana, arial;
			color:#846a46;
			position:absolute;
			left:137px;
			top:98px;
}

#footer p.kontakt {
			width:184px;
			height:35px;
			font:12px/18px "Trebuchet MS", verdana, arial;
			color:#846a46;
			position:absolute;
			left:340px;
			top:98px;
}

#footer p.internet {
			width:233px;
			height:32px;
			font:12px/18px "Trebuchet MS", verdana, arial;
			color:#846a46;
			position:absolute;
			left:637px;
			top:98px;
}

#footer p.internet a {
			text-decoration:none;
}

#footer p.internet a:hover {
			text-decoration:underline;
}

/*--------------------- CMS -------------------------*/

.cms {
			clear:both;
			margin:0 0 30px 0;
}

.cms h3 {
			font-size:18px;
			font-weight:normal;
}

.cms .cmsp {
			width:300px;
			margin:20px 0 0 0;
			float:left;
}

.cmsSidebar a img.image {
			width:120px;
			height:100px;
			margin:0;
}

.cmsSidebar {
			width:125px;
			float:left;
			margin:0 0 0 20px;
}

a.pdf {
			margin:20px 0 0 0;
			width:120px;
			display:block;
			text-align:center;
			border:1px solid #a59e86;
			height:30px;
			line-height:30px;
			text-decoration:none;
}

a.pdf:hover {
			background:#fff;
}

.occupancytable {
	float: none;
	clear: both;
	border: none;
	border-collapse: collapse;
}

.occupancytable td{
	border: 1px solid #FAF3E4;
}

h4 {
	display: block;
	float: none;
	clear: both;
	margin: 25px 0 10px 0;
}

.occupancyform label, .occupancyform input, .occupancyform select {
	display: block;
	float: left;
	width: 180px;
	margin: 0 0 10px 0;
}

.occupancyform label {
	width: 75px;
}

 .occupancyform input, .occupancyform select {
 	border: 1px solid #ab9557;
	background: none;
	padding: 2px;
 }
 
  .occupancyform select {
	width: 186px;
 }

	.occupancyform img {
		margin: 3px 0 0 5px !important;
	}
.occupancyform br {
	float: none;
	clear: both;
}

.occupancyform .submit { 
	background: #ab9557;
	width: 186px;
	margin: 0 0 25px 75px;
}

.error {
	border-left: 5px solid #c00;
	padding: 5px;
	font-weight: bold;
}

.response {
	border-left: 5px solid #0c0;
	padding: 5px;
	font-weight: bold;
}