/************************************************
	Position
***********************************************/
	*, body						{ margin:0; padding:0; }
 	body 						{ text-align:center; }
	
	#wrapper 					{ min-height:800px; z-index:1;}
	#footer 					{ height:80px; padding-top:20px; margin-top:-20px; z-index:100;}
	
	/* width */
	#header .inside, 
	#container, 
	#footer .inside,
	#navlayout					{ width:970px; margin:0 auto; }
	
	#navlayout 					{ width:981px; height:48px; margin-bottom:30px;}

/* ======== header ============================== */
	#header 					{ height: 190px;}
	
/* ======== container ==============================   */
	#container 					{ padding-bottom:50px; }

	/* MAIN */
	#main 						{ text-align:left; padding-right:20px; padding-left:20px;}

	/* RIGHT */
	#subnavigation				{ margin-top:152px; margin-bottom:30px;	}	
	

	body 							{ background-color: #b0a680; }
	#wrapper						{ background: #FDF4D3 url(../img/bg_body.jpg) top center repeat-y; }
	#footer							{ background: transparent url(../img/bg_footer.png) top center repeat-x; }
	#navlayout						{ background: transparent url(../img/bg_navlayout.png) top center no-repeat; }
	
	.mod_imageslider				{ padding:14px 0; padding-left:14px; background: transparent url(../img/bg_teaser.png) top left no-repeat; }

/* ======== Typolight Grid ==============================   */
	
	/* TYPOlight webCMS :: Copyright (C) 2005-2009 Leo Feyer :: LGPL license */
	.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12,
	.f1,.f2,.f3  {
		float:left;
		margin-left:10px;
		margin-right:10px;
		display:inline;
	}
	
	/* Footer */
	.f1 { width:120px; }
	.f2 { width:180px; }
	.f3 { width:260px; }
	
	/* General */
	.g1 { width:60px; }
	.g2 { width:140px; }
	.g3 { width:220px; }
	.g4 { width:300px; }
	.g5 { width:380px; }
	.g6 { width:460px; }
	.g7 { width:540px; }
	.g8 { width:620px; }
	.g9 { width:700px; }
	.g10 { width:780px; }
	.g11 { width:860px; }
	.g12 { width:940px; }
	
	.mod_article>.block {
		margin-left:10px;
		margin-right:10px;
	}
	.g1 .block,.g2 .block,.g3 .block,.g4 .block,.g5 .block,.g6 .block,.g7 .block,.g8 .block,.g9 .block,.g10 .block,.g11 .block,.g12 .block,
	.f1 .block,.f2 .block,.f3 .block {
		margin-left:0;
		margin-right:0;
	}
	.gr {
		margin-right:20px !important;
	}
	
/*---------------------------------------------------------------------
	Fonts
----------------------------------------------------------------------- */

/* ======== Font-Family ============================== */
	* {	font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.6;}
	
	
	h1,
	h2, h2 a,
	h3, h3 a,
	h4, h4 a,
	h5, h5 a,
	h6, h6 a,
	#navSub a, #navSub p,
	.mod_gutscheinform legend  { font-family:"Trebuchet MS", sans-serif;  }
	
	h1,
	h2, h2 a,
	h3, h3 a,
	h4, h4 a,
	h5, h5 a,
	h6, h6 a  { text-transform:uppercase; }
	
/*------------ Basics ----------------*/
	a { text-decoration:none; }
	a:hover	{ text-decoration:underline; }

/*------------ Überschriften ----------------*/
	/* main */	
	h1 {font-size:36px; line-height: 0.9em; margin-bottom:15px;}	
	
	h2, h2 a { font-size:28px; line-height: 1.3em;  margin-bottom:10px; font-weight:normal; }
	h3, h3 a { font-size:14px; line-height: 1.3em;  margin-bottom:4px;  }
	h4, h4 a { font-size:14px; line-height: 1.3em;  margin-bottom:4px;  }
	h5, h5 a { font-size:20px; line-height: 1.3em;  margin-bottom:4px;  }
	h3 a { text-decoration:none; }
	
	/* right */	
	h6, h6 a  
		{ 	
		font-size:26px;
		line-height: 1.1em; 
		text-transform:uppercase;
		margin-bottom:10px;
		}
	
/*------------ Content / Module ----------------*/
	.anschrift,
	.nummern, .nummern a,
	p.back a, 
	span.more a,
	.mod_breadcrumb, 
	.mod_breadcrumb a, 
	.mod_breadcrumb span,
	.mod_rss_reader span a,
	p.teaser { font-size:11px; }

	#main a,
	span.more a,
	.mod_rss_reader a {font-weight:bold;}
	
	.toggler:hover { text-decoration:underline; font-weight:bold; }
		
	#navMain a, #navMain p {font-size:18px; line-height:1.5em;}
	#navSub a, #navSub p {font-size:120%;}
	
/*------------ Form ----------------*/
	input.text { font-size:13px; font-weight:bold; }	
	input.submit { font-weight:bold; }
	p.error { font-size: 11px;}
	.explanation { font-size: 11px;	}
	p.error, label.error { color:#990000; font-weight:bold;}
	#formErrorMessages p.error { font-weight:normal;}
	
 /************************************************
	Module
***********************************************/

/* ======== Basics ============================== */

/* ------------ Clear -------------*/
	.clear_tooltip {clear:both; padding-bottom:10px;}

/* ------------ Buttons -------------*/
	p.back, p.more a	{ padding:10px 0;  }
	
	p.back a { padding:10px;padding-left:15px;  background: transparent url(../img/icon_back.png) left center no-repeat; }
	p.more a { }

/* ------------ Akkordeon -------------*/
	.toggler 
		{ 
		cursor:pointer;
		padding-left:20px;
		background: transparent url(../img/icon_bullet.png) left 7px no-repeat;
		}
		
	.ce_accordion .accordion div	
		{
		margin-top:7px;
		}
		
/* ------------ Akkordeon -------------*/

	#faq .toggler { padding-bottom:3px;}
	
	#faq .accordion {margin-left:10px; }
	#faq .accordion
		{
		width:500px;
		padding-bottom:25px;
		padding-top:10px;
		}
		
	#faq .accordion	div{ padding:15px; background-color:#FFFBEF; border:2px solid #FFF;}
		
/* ------------ Paginierung -------------*/
	.pagination 
		{
		height:30px;
		margin:20px 10px;
		}

		.pagination p 
			{
			float:left; 
			padding:7px 0;
			width:90px;
			}

		.pagination ul
			{
			list-style: none;
			float:right;
			margin:0;
			padding:0;
			text-align:right;
			}

			.pagination li 
				{
				display: inline;
				float: left;
				padding:0 5px;
				}
			
/* ------------ Downloads -------------*/
	.ce_download img, .ce_downloads img { vertical-align:bottom;}
	.ce_downloads p {padding:7px 0; }

/* ------------ Bilder -------------*/ 			
	.mod_gallerylist .layout_short {float:left; margin-right:20px;padding-right:15px;}
	.mod_galleryviewer a img {margin:5px;}	
	
	
/* ------------ Kommentare -------------*/ 	
	.comment_default
		{
		padding:10px 15px;
		width:400px;
		padding:10px 15px; 
		margin-bottom:10px;
		background-color: #FFFBEF;
		border:2px solid #FFF;
		}

	.ce_comments .info
		{
		padding:9px 0;
		padding-left:35px;
		color:#999999;
		font-size:11px;
		background: transparent url(../img/icon_user.png) no-repeat;
		}

	.ce_comments .form
		{
		padding-top:20px;
		border-top:1px solid #A4A47F;
		}

	/*.ce_comments .odd { background-color:#FFFFEF;}
	.ce_comments .even {background-color:#FFF;}*/
	.ce_comments .info a { text-decoration:underline; }	


/* ------------ Login -------------	*/	
	 .mod_login 
	  	{
		padding-left:90px;
		padding-bottom:15px;
		background: transparent url(../img/icon_login.png) 5px 2px no-repeat;
		margin-bottom:20px;
		}
	
	.mod_login label {width:120px; float:left; }
	.mod_login input {margin-bottom:4px;}
	.mod_login .submit {margin-right:15px;}
		
	.mod_login p.error
		{
		margin-left:0px;
		padding-left:25px;
		padding-bottom:30px;
		background: transparent url(../img/icon_error.png) no-repeat;
		}
		
	.mod_login .ce_text
		{
		padding-left:170px;
		}

	
/* ======== Formulare ============================== */
	fieldset
		{
		width:580px;
		display:block;
		margin:12px 0px 24px 0px;
		padding:12px;
		border:1px solid #BFB48F;
		}
	
	* html fieldset
		{	
		margin-top:12px;
		}
	
	*:first-child+html fieldset
		{
		margin-top:12px;
		}

	form.kontakt
		{
		padding:15px;
		padding-left:0;
		}

	form.kontakt label
	{
	padding-left:0px;
	padding-top:5px;
	width:120px;
	float:left;
	vertical-align:middle;
	}
		
	form input.text,
	form input.captcha,
	.mod_routenplaner input#routenplaner_start,
	.mod_routenplaner input#routenplaner_end
		{
		width:180px;
		padding:4px;
		
		background:#FFF;
		border:1px #999 solid;
		}
		
	.mod_routenplaner input#routenplaner_start,
	.mod_routenplaner input#routenplaner_end {width:300px; margin:2px;}
		
	form input.captcha { width:50px;}	
	
		
	form input.text,
	form input.captcha  {margin-bottom: 4px;}

	form input.submit, form select
		{
		padding:3px;
		margin:7px 0;
		}
	form textarea 
		{
		height: 50px; 
		width: 300px; 
		background:#FFF;
		padding:2px;
		display:block;
		border:1px #999 solid;
		}
	
	form .checkbox_container span
		{
		display:block;
		margin:3px 0;
		}
	form p.error
		{
		padding-left:25px;
		padding-bottom:10px;
		background: transparent url(../img/icon_error.png) no-repeat;
		}
		
	form .text.error, 
	form .textarea.error,
	form .captcha.error  { border-color:#990000; background-color:#FFEFEF}
	
	form .explanation { padding-left:120px; padding-top:10px;}	
		
/* ======== SUCHEFELD ============================== */	
	
	/* ------------ Textfeld -------------*/	
	.mod_search input.text
		{
		height:21px;
		padding:0 4px;
		padding-top:4px;
		}
		
	/* ------------ Button -------------*/
	
	.mod_search input.submit 
		{ 
		padding:4px;
		}
	
/* ======== SUCHE ERGEBNISSSEITE ============================== */	
	
	/* ------------ Suchfeld -------------*/
	.mod_search input.text
		{
		width:200px;
		}
		
	/* ------------ Suchart -------------*/
	.mod_search #query_type
		{
		margin:10px 0px;
		}
		.mod_search #query_type span 
			{
			margin:5px 0px;
			margin-right:15px;
			vertical-align:middle;
			}
	
	/* ------------ Ergebnisbeschreibung -------------*/
	.mod_search p.header 
		{
		background-color:#F4F4F4;
		color:#666666;
		padding:2px 4px;
		margin-bottom:5px;
		} 

	/* ------------ Hintergrundfarbe Ergebnisblock -------------*/

	.mod_search .odd, .mod_search .even
		{
		padding:10px;
		border-bottom:1px solid #CCCCCC;
		} 

	.mod_search .odd
		{
		background-color:#F4F4F4;
		
		} 
	.mod_search .even
		{
		background-color:#FFF;
		} 
	
	/* ------------ Textblock -------------*/
	
	.mod_search p.headline
		{
		margin:5px;	
		}
	
	.mod_search p.headline a
		{
		font-size:18px;
		text-decoration:none;
		}
			
	.mod_search p.context,
	.mod_search .headline span,
	.mod_search .url
		{
		margin-left:10px;
		}
		
		/* ------------ Gefundenes Suchwort -------------*/
	
		.mod_search .highlight
			{
			background-color:#FFFFCC;
			color:#333;
			padding:2px;
			}
		
		/* ------------ Zusätzliche Angaben -------------*/
		.mod_search .headline span,
		.mod_search .url, 
		.mod_search .filesize
			{
			color:#999;
			font-size:11px;
			}
			
		.mod_search .url, 
		.mod_search .filesize
			{
			margin-top:5px;
			}
	



/* ======== Tables ============================== */	

	table,td,th {
		border-collapse:collapse;
		margin:0;
		padding:0;
	
	}
	table {
		border: none;
	}
	
	.total table caption,
	.short table caption {
		text-align:left;
		font-size:150%;
		text-transform:uppercase;
		line-height: 30px;
		letter-spacing:0px;	
	}
	
	.total td, .total th,
	.short td, .short th{	
		vertical-align:top;
		font-weight:normal;	
	}
	
	.total thead {
		border-left:1px solid #7F764F;	
	}
	
	.total thead th {
		font-size: 100%;
		padding: 4px 0.4em 4px 0.4em;	
		font-weight:bold;
	}
	
	.total thead th {
		color: #9F9877;
		font-size: 100%;
		border-right:1px solid #9F9877;
		font-weight:bold;
	}
	
	.total tfoot td, .total tfoot th {
		border-top:1px solid #2293FF;
		border-right: none;
		font-weight: bolder;
		font-size: 110%;
		padding: 0.4em 0.5em 0.4em 0.5em;
	}
	
	.total tbody td, .total tbody th,
	.short tbody td, .short tbody th {
		font-size: 90%;
		padding: 0.4em 0.5em 0.4em 0.5em;
	}
	
	.total tbody td, .total tbody th {
		background-color: #EFECE0;
		border-right:1px solid #9F9877;
	}

	.short tbody td, .short tbody th {
		font-size:100%;
		padding: 0.2em 0.2em 0.2em 0.2em;
	}
	
	.total tbody tr.odd th, .total tbody tr.odd td{
		background-color: #DFDCD1;
	}
	
	.total tbody th,
	.short tbody th {	
		font-weight: bold;	
		border-left:1px solid #2293FF
	}
	
	.total table a:link, .total table a:visited, .total table a:active {	
		color:#444F66;
		background-color: transparent;
		text-decoration: underline;
	}
	
	.total table a:hover {
		text-decoration:none;
		background-color: #1E90FF;
		color: #FFFFFF;
	}
	
/*---------------------------------------------------------------------
	Navigationselemente
----------------------------------------------------------------------- */

/* ------------ Listen -------------*/
	.ce_text ul { list-style:none;  }
	.ce_text li { padding-left:20px; margin:5px 0; background: transparent url(../img/icon_bullet.png) left 7px no-repeat; }

/* ======== Sitemap ============================== */
	
	.mod_sitemap ul li { margin:5px 0; }
	.mod_sitemap ul li a { font-size:18px; }
	
	.mod_sitemap ul ul {padding-left:20px; list-style:none;}
	.mod_sitemap ul ul li a { font-size:14px; }
	
	/* ------------ dtr fix -------------*/
	.mod_sitemap .first .dtrimage { display:none;}
	.mod_sitemap .first .dtrtext { display:block;}

/* ======== Hauptnavigation ============================== */

	#navMain { padding-left:17px; padding-top:4px;}
	
	#navMain ul { padding: 0px 0px; }
	
	/* ------------ normal -------------*/
	#navMain li {display: inline; list-style: none; }
	
	#navMain li a, #navMain p
	{
		padding: 3px 5px;
		padding-left:10px;
		margin:0 2px;
		float: left;
	}
	
	#navMain li a:hover { text-decoration:none;}
	
/* ======== Subnavigation ============================== */
	
	#navSub ul { padding:0; margin:0;}
	#navSub li { padding:0; margin:0; margin-bottom:2px; }
	#navSub li a, 
	#navSub p 
	{ 		
		display: block;
		width: 240px;
		height:37px;
		padding-left:45px; 
		padding-top:14px;
		margin-bottom:5px; 
	}
	
	#navSub span {padding-bottom:2px;}

/* ======== Footer ============================== */

	#footer .mod_customnav { padding:40px 0px;}
	
	#footer .mod_customnav ul 
		{ 
		padding: 0px 0px; 
		}
	#footer .mod_customnav li 
		{ 
		
		}
		#footer .mod_customnav li a
			{
			padding: 10px 15px;
			padding-left: 17px;
			margin:0 2px;
			text-transform:uppercase;			
			}
		#footer .mod_customnav li p.active { padding-left: 17px; margin:0 2px; padding-top:2px}

/***********************************************
	Inhalte
***********************************************/

	#anfahrt_lauschhuette .row_1 { display:none;}

	:-moz-any-link:focus {
  	outline: none;
	}
	
	/*------------ Hide text ----------------*/
	.logo span,
	#button-english span,
	#button-nb span, 
	#button-da span,
	#button-lh span,
	#freizeitangebote span,
	#gruppeninfos span,
	#buttons-social span,
	#footer-button span { text-indent: -9999px; }
	
/* ======== Header ============================== */

	#header { color:#8c805a}
	#header .bold { font-size:11px; font-weight:bold;}

	/*------------ Logos ----------------*/
	.logo {	margin-left:17px; height: 141px; margin-top:20px;}
	.logo span a { width: 148px; height: 141px; float:left; }
	
	#logo-wi {background: transparent url(../img/button_logo_wi.png) no-repeat; }
	#logo-da {background: transparent url(../img/button_logo_da.png) no-repeat; }
	#logo-lh {background: transparent url(../img/button_logo_lh.png) no-repeat; }
	#logo-intern {background: transparent url(../img/button_logo_intern.png) no-repeat; }
	
	/*------------ English ----------------*/	
	#button-english { width:155px; height: 48px; margin-top:75px; background: transparent url(../img/button_english.png) no-repeat; }
	#button-english span a { width: 155px; height: 48px; float:left; }
		
	/*------------ Telefon ----------------*/
	#telefon {margin-top:70px; padding-left:45px;}
	
	/*------------ Andere Parks ----------------*/	
	#andere-parks {margin-top:70px;}
	
	.floatleft {float:left;}
	.floatright {float:left; margin-top:-35px; margin-left:143px;}
		
	#button-nb {width:123px; height: 35px; background: transparent url(../img/button_park_wi.png) no-repeat; }
	#button-da {width:123px; height: 35px; background: transparent url(../img/button_park_da.png) no-repeat; }
	#button-lh {width:143px; height: 35px; background: transparent url(../img/button_park_bi.png) no-repeat; }
	
	#button-nb span a, 
	#button-da span a { width: 123px; height: 35px; float:left;	}
	#button-lh span a { width: 143px; height: 35px; float:left;	}


/* ======== Main ============================== */
	#main .mod_article,
	#main .block 	{ margin:0; }
	#main .ce_text 	{ padding:0; margin:0; padding-bottom:25px; }

	#main .infobox
	{ 
		width:400px;
		padding:10px 5px; 
		padding-left:10px;
		background: #FFFBEF;
		border:2px solid #FFF;
	}

/* ------------ Fehlerseite -------------*/	
	#main .fehlerseite .ce_text,
	#main .fehlerzugriff .ce_text
		{
		padding-top:10px;
		padding-bottom:20px;
		padding-left:170px;
		background: transparent url(../img/icon_fehlerseite.png) no-repeat;
		line-height:18px;
		}
		#main .fehlerzugriff .ce_text
			{
			background-image:url(../img/icon_fehlerseite_zugriff.png);
			}

	/* ------------ Forms -------------*/
	.formdata { margin-bottom:20px; float:left; margin-right:60px;}

	.mod_reservationform .formdata .label,
	.mod_staffform .formdata label { width:120px; float:left;}
	
	.mod_gutscheinform .formdata .label { width:220px; float:left;}

	.formdata td { padding:3px; font-size:11px;}
	.formdata td.value { font-weight:bold;padding-left:10px; width:200px;}
	.formdata tr { border-bottom:1px solid #BFB48F }

	#editbutton { padding:1px; margin:1px; top:0;}
	
	#formErrorMessages 
	{ 
		width:400px;
		padding:10px 5px; 
		padding-left:60px; 
		background: #FFFBEF url(../img/icon_formerror.png) 20px center no-repeat;
		border:2px solid #FFF;
	}
	
	
	#formWrapper,
	#formErrorMessages { clear:left;}
	
	.mod_gutscheinform legend,
	.mod_reservationform legend{ font-size:14px; padding:0px 3px; font-weight:bold; color:#7a7151;}
	
	#step2 label
	{
	padding-left:0px;
	padding-top:5px;
	width:150px;
	float:left;
	}
	
	#step2 #ctrl_gender { float:left; padding:5px 0;}
	
	#step2 #field-2 { clear:left;}	
	#step2 #lbl_gender_0,
	#step2 #lbl_gender_1 { float:none; padding-right:10px;}
	
	/* ------------ Buchung -------------*/
	.mod_reservationform #step1 label
	{
	padding-left:0px;
	padding-top:5px;
	width:130px;
	float:left;
	vertical-align:middle;
	}

	#step1 .explanation 
	{ 
		padding:0;
		margin:0;
		position:absolute; 
		font-size:11px; 
		margin-top:-3px; 
		margin-left:235px; 
		padding-left:20px;
		color:#777;
		background: transparent url(../img/icon_bullet.png) left 12px no-repeat;
		line-height:0.8em;
	}
	#step1 .explanation a { font-size:11px; padding-left:5px; line-height:0.8em;}
	
	#step2 .explanation 
	{ 
		position:absolute; 
		font-size:11px; 
		margin-top:-5px; 
		margin-left:355px; 
		padding-left:20px;
		color:#777;
		background: transparent url(../img/icon_bullet.png) left center no-repeat;
	}
	
	.mod_reservationform #step1 #field-1 input.text { width:70px;}
	.mod_reservationform #step1 #field-2 { float:left; margin-right:50px; }
	.mod_reservationform #step1 #field-3 label {width:100px; }
	
	.mod_reservationform #step1 #field-6 { padding-bottom:20px;}
	.mod_reservationform #step1 #field-6 label {float:none; padding-right:10px; padding-top:0px;}
	.mod_reservationform #step1 #field-6 .radio { margin-top:10px;}
	
	.mod_reservationform #step1 #field-7,
	.mod_reservationform #step1 #field-9,
	.mod_reservationform #step1 #field-10 { clear:both;}
	
	.mod_reservationform #step1 #field-7 input.text,
	.mod_reservationform #step1 #field-9 input.text,
	.mod_reservationform #step1 #field-10 input.text { width:15px; }
	
	.mod_reservationform #step1 #field-7 label,
	.mod_reservationform #step1 #field-9 label,
	.mod_reservationform #step1 #field-10 label { width:190px; margin-right:0px;}

	/* ------------ Gutschein -------------*/
	.mod_gutscheinform #step1 input.text {width:15px; margin-right:20px;}
	.mod_gutscheinform .type { font-weight:bold;}
	.mod_gutscheinform #step1 .price { font-style:italic;}
	
	/*------------ Gutscheinbestellung ----------------*/

	
/* ======== Right ============================== */
	
	.mod_openinghours { padding:20px 37px; }
	#newsteaser { padding:0 35px;  padding-bottom:20px; }

	/* ------------ News -------------*/
	#newsteaser-top { height:25px;background: transparent url(../img/bg_news_top.png) center top no-repeat; }
	#newsteaser { background: transparent url(../img/bg_news_content.png) center top repeat-y; }
	#newsteaser-bottom { height:20px; margin-bottom:20px;background: transparent url(../img/bg_news_bottom.png) center bottom no-repeat; }
	
	#newsteaser p.headline {line-height:1em;}
	
	/* ------------ Öffnungszeiten -------------*/
	.mod_openinghours { padding-top:45px;background: transparent url(../img/bg_oeffnungszeiten.png) left top no-repeat; }
	.mod_openinghours p {font-size:22px; font-weight:bold; color:#FFF;}
	
	/*------------ Freizeitangebote ----------------*/
	#freizeitangebote {	height: 117px; margin-top:30px; background: transparent url(../img/button_freizeitangebote.png) no-repeat; }
	#freizeitangebote span a { width: 267px; height: 117px; float:left; }
	
	/*------------ Gruppeninfos ----------------*/
	#gruppeninfos {	height: 101px; margin-top:30px;  background: transparent url(../img/button_gruppeninfos.png) no-repeat; }
	#gruppeninfos span a { width: 267px; height: 101px; float:left; }
	
	/*------------ Social Buttons ----------------*/
	#buttons-social { margin-top:20px; margin-left:10px;}
	
	#button-wp { height: 45px;  float:left; background: transparent url(../img/icon_social_wordpress.png) left top no-repeat; }
	#button-wp span a { width: 55px; height: 45px; float:left; }
	
	#button-fb { height: 45px; float:left; background: transparent url(../img/icon_social_facebook.png) left top no-repeat; }
	#button-fb span a { width: 65px; height: 45px; float:left; }
	
	#button-tw { height: 45px;  float:left; background: transparent url(../img/icon_social_twitter.png) left top no-repeat; }
	#button-tw span a { width: 60px; height: 45px; float:left; }

	#button-yt { height: 45px; float:left; background: transparent url(../img/icon_social_youtube.png) left top no-repeat; }
	#button-yt span a { width: 60px; height: 45px; float:left; }			
		
/* ======== Footer ============================== */
	#footer-button { height: 121px; margin-top:20px; background: transparent url(../img/button_footer.jpg) no-repeat; }
	#footer-button.lh { background: transparent url(../img/button_footer_lh.jpg) no-repeat; }
	#footer-button span a { width: 242px; height: 121px; float:left; }
	
/************************************************
	Module
***********************************************/

	/* ------------ News Start -------------*/
	.layout_latest .teaser 	{ line-height:1.2em;}
	.layout_latest a 		{ font-weight:bold; color:#796d44; font-size:11px;}
	.layout_latest .more 	{ padding:0; margin:0; padding-top:2px; }
	.layout_latest .more a  { color:#f6b300}
	.layout_latest .headline { font-size:11px; font-weight:bold; color:#636339; padding-bottom:3px;}

	/*------------ Gallerie ----------------*/
	.ce_gallery a img { margin:3px; border:3px solid #FFF; }
	.ce_gallery img	{ margin-bottom:15px; border:3px solid #FFF; }


	/*------------ Forumlar ----------------*/	
	form.kontakt input.text:hover, 
	form.kontakt textarea:hover  { background-color:#fcfff5; }
	
	form.kontakt input.text:focus, 
	form.kontakt textarea:focus	{ background-color:#fcfff5;	}

	/*------------ Tips ---------------- */
	#parcours .tipper			{ background-color:#e8dfc4; border:3px solid #FFC551; }
	#parcours a.tipper		
	{ 
	position:absolute; 
	padding:0px 4px; 
	background-color:#f6b300; 
	color:#FFF; 
	border:2px solid #f6b300;
	
	-moz-border-radius: 1.0em;
	-webkit-border-radius: 1.0em;
	border-radius: 1.0em;
	}	
	
	/* Positionen */
	.pneroberg a#button-p1 		{ top:410px; left:385px;}
	.pneroberg a#button-p2  	{ top:205px; left:355px;}
	.pneroberg a#button-p3  	{ top:200px; left:500px;}
	.pneroberg a#button-p4 		{ top:170px; left:250px;}
	.pneroberg a#button-p5  	{ top:315px; left:235px;}
	.pneroberg a#button-p6  	{ top:335px; left:60px;}
	.pneroberg a#button-p7 		{ top:420px; left:265px;}
	.pneroberg a#button-p8  	{ top:300px; left:530px; }
	.pneroberg a#button-p9  	{ top:130px; left:400px; }
	.pneroberg a#button-p10  	{ top:340px; left:525px; }
	
	.pdarmstadt a#button-p1 	{ top:250px; left:160px;}
	.pdarmstadt a#button-p2  	{ top:270px; left:340px;}
	.pdarmstadt a#button-p3  	{ top:210px; left:280px;}
	.pdarmstadt a#button-p4 	{ top:225px; left:550px;}
	.pdarmstadt a#button-p5  	{ top:400px; left:160px;}
	.pdarmstadt a#button-p6  	{ top:490px; left:330px;}
	.pdarmstadt a#button-p7 	{ top:430px; left:580px;}
	.pdarmstadt a#button-p8  	{ top:280px; left:30px; }
	.pdarmstadt a#button-p9  	{ top:200px; left:45px;}
	.pdarmstadt a#button-p10  	{ top:470px; left:30px; }
	.pdarmstadt a#button-p11  	{ top:50px; left:330px; }
	.pdarmstadt a#button-p12  	{ top:40px; left:220px; }
	
	.plauschhuette a#button-p1 		{ top:525px; left:105px;}
	.plauschhuette a#button-p2  	{ top:285px; left:25px;}
	.plauschhuette a#button-p3  	{ top:230px; left:350px;}
	.plauschhuette a#button-p4 		{ top:80px; left:200px;}
	.plauschhuette a#button-p5  	{ top:250px; left:200px;}
	
/* ------------ Team -------------*/
	.mod_listing_bereich 			{}

	.mod_listing_bereich .item 		{ width:140px;height:150px; margin-right:15px;float:left; }
	.mod_listing_bereich .data 		{ width:350px; margin-right:130px;  }

	.mod_listing_bereich .col_2, 
	.mod_listing_bereich .name 		{padding-bottom:20px;}

	.mod_listing_bereich .name 		{font-size:14px; font-weight:bold;}

	#team .tipdata { clear:left;}
	#team a.tipper { padding:10px; position:absolute;  background: transparent url(../img/bg_team_border.png) no-repeat; }	
	
/***********************************************
	Nav- und Listenelemente
***********************************************/

/* ======== NavMain ============================== */		

	#navMain 				{ text-transform:uppercase; }
	
	#navMain li a, 
	#navMain li a:hover 	{ color:#95111d; }
	
	#navMain li a 			{ color:#006731; }
	
	#navMain p,
	#navMain li.trail a			
	{ 
	font-weight:bold; 
	color:#95111d;
	}
	
/* ======== NavSub ============================== */		

	#navSub 				{  }
	#navSub li a, 
	#navSub li a:hover 	{  }
	#navSub li a 			{ color:#928963; font-weight:bold; background: transparent url(../img/nav-sub.png) left top no-repeat; }
	
	#navSub p			
	{ 
	background: transparent url(../img/nav-sub_active.png) left top no-repeat; 
	font-weight:bold; 
	color:#ebaf0f;
	}

/* ======== Footer ============================== */
	#footer li a, 
	#footer li p {font-size: 11px; font-weight:bold; text-decoration: none; text-transform:uppercase; }
	
	#footer li span	{font-weight:bold;}
	#footer li a:hover {text-decoration:underline; }
	
	.footernavlight li a,
	.footernavlight li p.active { color:#f2e9c5; background: transparent url(../img/icon_arrow_light.png) left center no-repeat;}
	
	.footernavgreen li a,
	.footernavgreen li p.active { color:#665c36; background: transparent url(../img/icon_arrow_dark.png) left center no-repeat;}
	
	#footer li p.active   {color:#FFF}
	
/************************************************
	Fonts
***********************************************/	

/*------------ Basics ----------------*/
	a,
	#footer li a:hover {color:#006B2B}
	
	a:hover, 
	.mod_breadcrumb a:hover { color:#900524; }
	
	.extern a,
	a.extern {padding-right:15px;background:url(../img/icon_external-link.png) right no-repeat;}
	
	.zurueck a {color:#A3AF15; font-size:18px;}
	
	strong {color:#5F5A47}

/*------------ Überschriften ----------------*/
	h1, h3 { color:#af0917; }
	h2 { color:#7a7151; }
	h4 { color:#7a7151; }
	h6 { color:#f6b300 }

	#nb h5 {color:#af0917}
	#da h5 {color:#006B2B}
	#lh h5 {color:#473c00}

/*------------ Module ----------------*/
	.ce_text, 
	.description, 
	form label, 
	.explanation,
	p.teaser,
	.toggler,
	.formdata td { color:#636339; }
	
	.toggler:hover { color:#006B2B;}		

/************************************************
	Plugnis
***********************************************/	

	/*------------ Mediabox ----------------*/	
	
	#mbOverlay {
		background-color: #000;
	}

	#mbPrevLink {
		width: 86px;
		background: transparent url(../img/mediabox_WhitePrevious.png) no-repeat center;
	}
	
	#mbNextLink {
		width: 82px;
		background: transparent url(../img/mediabox_WhiteNext.png) no-repeat center;
	}
	
	#mbCloseLink {
		width: 98px;
		background: transparent url(../img/mediabox_WhiteClose.png) no-repeat center;
	}
	
/* ======== Tooltips ============================== */
	.ToolTips,
	.ToolTipsShort { display:block; position:absolute; width:500px; text-align:left;}
	
	.ToolTipsShort { width:404px;}
	
	.ToolTips .sticky_close,
	.ToolTipsShort .sticky_close { display:block; position:absolute; top:1px; right:3px; background:url(../img/tooltips/fileclose.png); width:16px; height:16px; line-height:16px; font-size:0px; z-index:100000000; }
	
	.ToolTips .message, 
	.ToolTipsShort .message { display:block; position:relative; background:url(../img/tooltips/tip_body.png) repeat-y; padding:0px 10px; }
	
	.ToolTipsShort .message { background:url(../img/tooltips/klein/tip_body.png) repeat-y; padding:0px 10px; }
	
	/* here we do a little switch. If the tooltip is positioned above the element hovered, it changes the classes on the header/footer divs in order to point at the element hovered */
	.ToolTips .dockBottomHeader, 
	.ToolTips .dockTopFooter { display:block; position:relative; background:url(../img/tooltips/dockBottomHeader.png) no-repeat bottom; height:33px;  }
	.ToolTips .dockTopFooter { background:url(../img/tooltips/dockTopFooter.png) no-repeat bottom; height:38px; }
	.ToolTipsShort .dockTopFooter { background:url(../img/tooltips/klein/dockTopFooter.png) no-repeat bottom; height:38px; }
	
	.ToolTips .dockBottomFooter,
	.ToolTips .dockTopHeader,
	.ToolTipsShort .dockTopHeader { display:block; position:relative; background:url(../img/tooltips/dockBottomFooter.png); height:14px; line-height:11px; font-size:0px; clear:both; }
	
	.ToolTipsShort .dockTopHeader { background:url(../img/tooltips/klein/dockBottomFooter.png); }
	
	/* this one has more height to display the close button in case sticky tooltips are on */
	.ToolTips .dockTopHeader,
	.ToolTipsShort .dockTopHeader { background:url(../img/tooltips/dockTopHeader.png) bottom center no-repeat; height:20px; line-height:20px; font-size:0px; }
	.ToolTipsShort .dockTopHeader { background:url(../img/tooltips/klein/dockTopHeader.png); }
	
	
	/* this is just a div displaying the loading animated .gif */
	.loading { display:block; margin:0px auto 0px; background:url(../img/tooltips/ajax-loader.gif) center center no-repeat; width:31px; height:50px; }
	
	/* tip container */
	
	/* beautify the tooltip content */
		
	.ToolTips .left 			{float:left; width:210px; overflow:hidden;}
	.ToolTips .right 			{float:right; width:270px; font-size:11px; text-align:left; padding-bottom:10px;}
	
	.ToolTips h4 				{ text-align:left; margin-bottom:10px; margin-left:10px;}
	.ToolTipsShort h4,
	.ToolTipsShort p			{ margin-left:10px;}
	
	.ToolTipsShort p	
	.ToolTips .image_container 	{ margin-bottom:10px; margin-left:10px; overflow:hidden;}
	.ToolTips ul 				{ list-style:circle; margin:0; margin-left:15px;  text-align:left;  }
	.ToolTips li 				{ padding-left:0px; margin:3px 0; background:none; font-size:11px; font-weight:bold;}
	.ToolTips .desc 			{ text-align:left;margin:0; margin-left:10px; font-size:11px}
	
	.ToolTipsShort .desc		 {font-size:11px}