/****************************************************************************************************************
*	Name: style.css
*	erstellt: 30.05.2006
*	Autor: SB, werbeagentur aufwind. gmbh
* Beschreibung:
* Default-Stylesheet mit den wesentlichen Element-Formatierungen
*
*
*	letzte Aenderungen:
*	Datum			von
*	01.06.06	OT
*
*
*****************************************************************************************************************/
/****************************************************************************************************************
* Allgemeine Angaben
****************************************************************************************************************/
/***** Redefinierung von HTML-Elementen *****/
html, body,
a, a:link, a:visited, a:hover, a:active,
p, div, span,
ul, ol, li,
hr,
table, tbody, th, tr, td,
h1, h2, h3, h4, h5, h6,
form, input, select, option, optgroup, button, fieldset, textarea, label, legend {
	font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
	font-size: 100%;
	color: #4d4d4d;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

html, body {
	background: none;
}

body {
	/* Damit die Elemente im HTML-Editor richtig angezeigt werden*/
	font-size: 0.8em;
}

ul {
	padding: 0px 0px 0px 15px;
	margin: 0px;
	list-style-type: square;
}

ol {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

img {
	border: none;
}

hr {
	border: none;
	border-top: 1px solid #99B5B8;
	width: 100%;
	margin: 3px 0px;
}

/***** Formular-Elemente *****/
label,
input[type=button],
button {
	cursor: pointer;
}

input:focus,
textarea:focus {
	background: #e8ebee;
}
button {
	font-weight: bold;
	color: #FFF;
	background: #99B5B8;
}
select{

}

#firmenverzeichnis select{
	border: 1px solid #52849D;
	color: #52849D;
	width: 350px;
}
#firmenverzeichnis input{
	border: 1px solid #fff;
	color: #fff;
	font-size: 11px;
	padding: 1px 5px 2px 5px;
	background-color: #52849D;
}
#firmenverzeichnis #text{
	font-size: 11px;
	border: 1px solid #52849D;
	color: #52849D;
	padding: 2px 5px 2px 5px;
	background-color: #fff;
}
.firmen_ausgabe{
	border: 1px solid #97B0C2;
	font-size: 12px;
	background-color: #F1F4E5;
	font-size: 11px;
}
.firmen_ausgabe .firm_title{
	padding: 3px;
	padding-left: 10px; 
	background-color: #eee;
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}
.firmen_sonst{
	width: 553px;
	float: left;
	padding: 5px 5px 10px 10px;
}
.besch_title{
	padding: 0px 0px 0px 10px;
	background-color: #eee;
	font-size: 12px;
	width: 558px;
}
#gewerbe_suche .submitbutton{
	width: 300px; 
}
input #text{
	background-color: #fff;
}
.firmen_info{
	padding: 5px;
	padding-left: 10px;
	width: 235px;
	float:left;
}
.firmen_bild{
	border: 1px solid #CCCCCC;
	background-color: #EEE;
	text-align: center;
	float: right;
	width: 250px;
	margin: 5px 10px 10px 0px;
	padding: 10px;
}
/* Ende Formular-Elemente*/

/***** Ueberschriften *****/
h1 {
	font-size: 24px;	
	font-weight: normal;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	color: #4d4d4d;
}

h1 .main {
	font-size: 11px;
	font-family: Verdana;
	font-weight: bold;
	letter-spacing: 0.8px;
}

h1 .sub {
	font-family: verdana;
	float: left;
	font-size: 10px;
	letter-spacing: 0.8px;
}

h2 {
	margin: 10px 0px 5px 0px;
	font-size: 1.1em;
}

h3 {
	font-size: 11px;  
}

h4 {
	font-size: 1em;
}

h5 {
	font-size: 0.9em;
}

h6 {
	font-size: 0.9em;
	font-weight: normal;
}
/* Ende Ueberschriften */

/***** Pseudo Klassen *****/
.float_left {
	float: left;
}

.float_right {
	float: right;
}

.nofloat{
	clear: both;
	margin: 0px;
	padding: 0px;
}

.noborder{
	border: none;
}

.nopointer {
	cursor: default;
}
/***** Ende Allgemeine Angaben *********************************************************************************/

/****************************************************************************************************************
* Seite zentriert ausrichten
****************************************************************************************************************/
#center {
	width: 1004px;
	height: 650px;
	padding: 0px;
	margin: 0px auto 0px auto;
	position: relative;
	color: #FBFCF5;
	border: 1px solid #eee;
	background-color: #f2f0d7;
	z-index: 400;
}
/***** Ende Seite zentriert ausrichten *************************************************************************/

/****************************************************************************************************************
* Top-Bereich
****************************************************************************************************************/
#top {
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	float: left;
	height: 372px;
}

.top_left {
	width: 650px;/*
	height: 343px;*/
	float: left;
}	

.top_left_top {
	margin: 0px 0px 0px 0px;
	height: 25px;
	background: url('../../assets/common/bg_contentarea.gif') repeat-y;	
}

.top_left_middle {
	height: 300px;
	padding: 0px 0px 0px 0px;
	background: #f2f0d7 no-repeat;
}

/***** Horizontale Navigation ******/
/* Block mit den Navigationselementen */
#naviH
{  
	color: #969696;
	width: 630px;
	height: 24px;
	padding-top: 3px;
	padding-left: 20px;
	text-transform: uppercase;
	background-image: url('../../assets/common/navi_bg.gif');
	background-repeat: repeat-y;
	/*background-position: left top;*/
	letter-spacing: 1.1px;
}
/*
#naviH div {
  border-top: 1px solid #fff;
  width: 196px;
  margin: 0px 0px 0px 0px; 
  padding: 2px 15px 2px 5px;   
  text-align: left;
}
*/
#naviH ul {
   list-style-type: none;
   padding: 0px;
   /*background: #ff0000;*/
   margin: 0px 0px 0px 0px;
}

#naviH ul li
{
  display: block;   
  float: left;
   
  font-size: 11px;
  /*width: 60px;
  height: 28px;   
*/
  padding: 0px 0px 0px 0px;
  margin: 0px;

/*  background: #ffd000; */
  z-index: auto;
}
#naviH ul li[class] {
  width: auto;
  z-index: auto;
}

/* abwechselnder hintergrund*/ 
#naviH div.zeile_0{
/*  background: #D7D8DB;  */
}
#naviH div.zeile_1{
/*  background: #D7D8DB; */
}

#naviH ul li a,
#naviH ul li a:link,
#naviH ul li a:visited,
#naviH ul li a:hover,
#naviH ul li a:active
{ 
  display: block;
  /*height: 20px;
  
  /*border-left: 1px solid #555;
  border-right: 1px solid #fff;   
   */
  font-weight: bold;   
  line-height: 100%; 
  text-decoration: none;
   
  padding: 8px 5px 0px 5px;
  margin: 0px 0px 0px 0px;
   
  color: #606D7B;
}

#naviH ul li a:hover
{
 color: #808D9B;
}

#naviH ul li.akt {
}

#naviH ul li.akt a:link,
#naviH ul li.akt a:visited,
#naviH ul li.akt a:hover,
#naviH ul li.akt a:active
{
 color: #fff;
}
/* Ausnahme bei ersterm Element */

#naviH ul li.erster {
  width: 0px;
  padding: 0px 0px 0px 0px;

}

#naviH ul li.erster span{
  float: left;
  font-weight: bold;
  color: #3260A5;  
  padding: 0px 0px 0px 0px;
}



#naviH ul li.erster a,
#naviH ul li.erster a:link,
#naviH ul li.erster a:visited,
#naviH ul li.erster a:hover,
#naviH ul li.erster a:active {
  border-left: none;
  width: 0px;
  float: right;
}


#naviH ul li.letzter {
  width: 30px;
}

#naviH ul li.letzter a,
#naviH ul li.letzter a:link,
#naviH ul li.letzter a:visited,
#naviH ul li.letzter a:hover,
#naviH ul li.letzter a:active {
  border-right: none;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/simple_vertical.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
/* #naviH {margin:25px 0 100px 15px; position:relative; width:735px; height:25px; z-index:100;} */
#naviH {position:relative; z-index:900;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {z-index: 300; padding:0; margin:0; list-style-type: none;}

/* Set up the link size, color and borders */
/* #pmenu a, #pmenu a:visited {display:block;width:120px; font-size:11px; color:#fff; height:25px; line-height:24px; text-decoration:none; text-indent:5px; border:1px solid #000; border-width:1px 0 1px 1px;} */

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}

/* Set up the list items */
/*#pmenu li {float:left; background:#3260A5;}*/

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
/* #pmenu li ul li:hover > a {background:#dfd7ca; color:#c00;} */
#pmenu li ul li:hover > a {}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:120px;}
/* Position the first sub level beneath the top level liinks */
/* #pmenu > li:hover > ul {left:-30px; top:16px;} */
#pmenu > li:hover > ul {left:-30px; top:18px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:900; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
/* * html #pmenu li a:hover {position:relative; background:#dfd7ca; color:#c00;} */
* html #pmenu li a:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {color:#c00;}

/* Set up the pointers for the sub level indication */
#pmenu li.fly {background:#7484ad url('../../assets/common/pfeil_block_blau.gif') no-repeat right center;}
#pmenu li.drop {background:#7484ad url('../../assets/common/bg_button_schmal_einfach.gif') no-repeat right center;}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}

/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
  visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
  visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
  visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
  visibility:hidden;
}

/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
  visibility:visible; left:-30px; top:17px; lef\t:-31px; to\p:18px;
/* visibility:visible; left:-30px; top:14px; left:-31px; top:15px; */
}

/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{ 
  visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul { 
  visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul { 
  visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
  visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */

#naviH ul li ul li a:link,
#naviH ul li ul li a:visited,
#naviH ul li ul li a:hover,
#naviH ul li ul li a:active
{
  color: #fff;
  float: right;
  margin-top: -7px;
  text-transform: capitalize;
  height: 10px;  
 /* border: 1px solid #fff; 
/*  border-bottom: 1px solid #fff; */
  border: none;
  font-weight: normal;
  padding-bottom: 8px;
}

#naviH ul li.akt a:hover,
#naviH ul li ul li a:hover,
#naviH ul li ul li.akt a:hover
{
  color: #C8BB53;
}
/**allgemeingueltig**/
#naviH ul li ul li {
  width: 100px;
  height: auto;
}
/*******ebenenspezifisch*******/
#naviH ul li ul li {
  background: url('../common/linkmenu.gif') no-repeat;
}

#naviH ul li ul li.akt
{
  background: url('../common/linkmenu.gif') no-repeat;
  color: #C8BB53;
  width: 100px;  
}

#naviH ul li ul li ul li {
  background: url('../common/linkmenu.gif') no-repeat;
}

#naviH ul li ul li ul li.akt
{
  background: url('../common/linkmenu.gif') no-repeat;
}


#naviH ul li ul li ul li ul li {
  background: url('../common/linkmenu.gif') no-repeat;
}

#naviH ul li ul li ul li ul li.akt
{
  background: url('../common/linkmenu.gif') no-repeat;
}

#naviH ul li ul li ul li ul li ul li {
  background: url('../common/linkmenu.gif') no-repeat;
}
/* Formatierung der Links in der Aufklappnavi */
/*
.linkmenu td,
.linkmenu_first td {
  width: 150px;
  padding: 0px;
  margin: 0px;
}

.linkmenu_first a,
.linkmenu_first a:link,
.linkmenu_first a:visited,
.linkmenu_first a:hover,
.linkmenu_first a:active {
  color: #fff;
 text-decoration: none;
 background: #3260A5;
 border: none;
 display: block;
 padding: 2px 5px 2px 11px;
 margin: 0;
}

.linkmenu a,
.linkmenu a:link,
.linkmenu a:visited,
.linkmenu a:hover,
.linkmenu a:active
{
 color: #fff;
 text-decoration: none;
 background: #3260A5;
 border-top: 1px solid #FFF;
 display: block;
 padding: 2px 5px 2px 11px;
 margin: 0;
}

.linkmenu a:hover,
.linkmenu_first a:hover
{
 color: #FFF;
 background: #5d6b7d;
}
*/
/*------------- Ende Hauptnavigation ------------- */


.top_right {
	float: left;
	width: 352px;/*
	height: 360px;*/
	padding-bottom: 28px;
	background-color: #EDE9C6;
	border-left: 2px solid #fff;
	padding-top: 10px;
	overflow: visible;
}
.top_right img{
	margin: 0px 0px 0px 60px;
}
/***** Zusätzlicher Seitentitel *****/
.additional_name
{
	display: none;
}

/***** Sprach-Auswahl *****/
.language {
	margin: 0px 0px 0px 0px;
	text-align: right;
	display: none;
}

.language img {
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
}

.language a,
.language a:link,
.language a:visited,
.language a:hover,
.language a:active {
	color: #99B5B8;
}

.italiano {
	margin: 0px 0px 0px 0px;
	text-align: right;
	display: none;	
}

.italiano img {
	vertical-align: middle;
	margin: 0px 3px 0px 10px;
}

.italiano a,
.italiano a:link,
.italiano a:visited,
.italiano a:hover,
.italiano a:active {
	color: #99B5B8;
}


/***** Such-Feld *****/
.top_search {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: none;	
}

.top_search input {
	background: #fff;
	border: 1px solid #99B5B8;
	padding: 1px;
	width: 100px;
}

.top_search button {
	background: none;
	border: none;
	padding : 0px 0px 2px 0px;
	vertical-align: middle;
}
/* Ende Such-Feld */

/***** Schrift-Style *****/
.top_wordsize {
	display: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
/* Ende Schrift-Style */


.top_right_info {
	margin: 5px 0px 0px 0px;
	text-align: left;
/*	background: #0c0d0e; 	*/
}

/***** Site-Navigation *****/
.sitenavi {
	float: right;
	height: 18px;
	font-size: 10px;	
	color: #4D4D4D;
	margin: 0px 10px 0px 0px;
	padding: 5px 0px 0px 10px;	
}

.sitenavi a,
.sitenavi a:link,
.sitenavi a:visited,
.sitenavi a:hover,
.sitenavi a:active {
	text-align: right;
	text-transform: uppercase;
	color: #4D4D4D;
	font-size: 10px;
	padding: 0px;
	display: block;
	float: left;
}

.sitenavi .trenner{
	color: #4D4D4D;
	padding: 0px 3px 0px 3px;
	float: left;	
}

/* Ende Site-Navigation */

/* Ende Sprach-Auswahl*/
/***** Ende Top-Bereich ****************************************************************************************/

/****************************************************************************************************************
* Aufklapp-Navigation
****************************************************************************************************************/
.linkmenu td,
.linkmenu_first td {
	width: 118px;
	background: url('../common/linkmenu.gif') no-repeat;
}

.linkmenu a,
.linkmenu a:link,
.linkmenu a:visited,
.linkmenu a:hover,
.linkmenu a:active,
.linkmenu_first a,
.linkmenu_first a:link,
.linkmenu_first a:visited,
.linkmenu_first a:hover,
.linkmenu_first a:active {
	color: #C8BB53;
	width: 123px;
	display: block;
	padding: 0px 5px 2px 40px;
	text-align: left;
}

.linkmenu a:hover,
.linkmenu_first a:hover {
	color: #ffffff;
	width: 123px;
}

.linkmenu_first a,
.linkmenu_first a:link,
.linkmenu_first a:visited,
.linkmenu_first a:hover,
.linkmenu_first a:active {
	width: 123px;
}
/***** Ende Aufklapp-Navigation ********************************************************************************/

/****************************************************************************************************************
* Content-Bereich
****************************************************************************************************************/
#contentarea {
	background: url('../../assets/common/bg_center.gif');
	background-repeat: repeat-y;
  float:left;
  height: 278px;
  padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	z-index: 300;
}

/***** Vertikale Navigation *****/
#subnavi {
	width: 210px;
	float: left;
	text-align: left;
	/*background-image: url('../../assets/common/subnavi_bg.gif');
	background-repeat: repeat-y;
	background-position: left top;*/
}

#subnavi h1 {
	color: #FFF;
	font-weight: normal;
	font-size: 0.9em;
	text-transform: uppercase;
	background-image: none;
	background-repeat: repeat-y;
	background-position: left top;
	padding: 3px 3px 3px 7px;
	margin: 0px;
	border: none;
	/****************************
	*****************************
	*/     display: none;      /*
	*****************************
	****************************/	
}

#subnavi ul {
	/* WICHTIG: Wenn Pfeile o.ae. benutzt werden, dann als Hintergrundbild definifieren */
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#subnavi ul li {
}

#subnavi ul li a,
#subnavi ul li a:link,
#subnavi ul li a:visited,
#subnavi ul li a:hover,
#subnavi ul li a:active {
	text-decoration: none;
	color: #FFF;
	display: block;
	padding: 2px 4px 2px 7px;
	margin: 0px;
	/*background-image: url('../../assets/common/subnavi_a_bg.gif') repeat-y left top;*/
}

#subnavi ul li a:hover {
	color: #8c1019;
}

#subnavi ul li a.akt,
#subnavi ul li a.akt:link,
#subnavi ul li a.akt:visited,
#subnavi ul li a.akt:hover,
#subnavi ul li a.akt:active {
/*	background-image: url('../../assets/common/subnavi_a_h_bg.gif');*/
	color: #8c1019;
	font-weight: bold;
}

#subnavi ul li a.akt:hover {

}

/*
#subnavi ul.main li a,
#subnavi ul.main li a:link,
#subnavi ul.main li a:visited,
#subnavi ul.main li a:hover,
#subnavi ul.main li a:active {
		padding-left: 7px;
}
*/

#subnavi ul.under1 li {
	border-top: none;

}

#subnavi ul.under1 li a,
#subnavi ul.under1 li a:link,
#subnavi ul.under1 li a:visited,
#subnavi ul.under1 li a:hover,
#subnavi ul.under1 li a:active {
	/* Ebene 1 Unterpunkte */
	text-decoration: none;
	color: #4d4d4d;
	display: block;
	padding: 2px 4px 2px 16px;
	margin: 0px;
	font-size: 10px;
	/*background-image: url('../../assets/common/subnavi_a_bg.gif') repeat-y left top;*/
	background: #E8E9D9;
	
}

#subnavi ul.under1 li a:hover {
	color: #99302B;
}

#subnavi ul.under1 li a.akt,
#subnavi ul.under1 li a.akt:link,
#subnavi ul.under1 li a.akt:visited,
#subnavi ul.under1 li a.akt:hover,
#subnavi ul.under1 li a.akt:active {
	color: #99302B;
}

#subnavi ul.under2 li a,
#subnavi ul.under2 li a:link,
#subnavi ul.under2 li a:visited,
#subnavi ul.under2 li a:hover,
#subnavi ul.under2 li a:active {
	/* Ebene 2 Unterpunkte */
	padding-left: 25px;
}

#subnavi ul.under3 li a,
#subnavi ul.under3 li a:link,
#subnavi ul.under3 li a:visited,
#subnavi ul.under3 li a:hover,
#subnavi ul.under3 li a:active {
	/* Ebene 3 Unterpunkte */
	padding-left: 21px;
}
/* Ende Vertikale Navigation */
/***** Content-Definition ******/
#controls{
	display: inline;
	height: 6px;
	float:left;
	position: absolute;
	top: 605px;
	left: 430px;
}
.text p{
	font-family: verdana;
	font-size: 11px;
	letter-spacing: 0.8px;
}
#divContainer{
	padding-top: 10px;
	padding-bottom: 5px;
	float: left;  
	overflow: hidden;  
	position: absolute;
	left: 30px; 
	top: 400px;
	width: 390px;
	height: 220px;
	z-index: 1;
}
#divContent {
	left: 0px;
	width: 390px;
	position: relative; 
	top: 0px;
	z-index: 2;
}
#divUpControl {
	height: 6px;
	margin-left: 3px;
	float: left;
}
#divDownControl{
	height: 6px;
	margin-left: 3px;
	float: left;
}
#content {
	/* mit Subnavi, mit rechter Spalte */
	width: 450px;
	float: left;
	margin: -30px 0px 35px 0px;
	padding: 0px 20px 0px 20px;
	font-size: 0.9em;
}

#content2 {
	/* mit Subnavi, ohne rechter Spalte */
	width: 420px;
	float: left;
	margin: 30px 0px 20px 0px;
	padding: 0px 20px 0px 20px;
}

#content3 {
	/* Startseite */
	width: 450px;
	height: 50px;
	float: left;
	margin: 30px 0px 0px 0px;
	padding: 0px 20px 10px 20px;
}

#content4 {
	/* ohne Subnavi, mit rechter Spalte */
	width: 450px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 10px 20px;
}

#content5 {
	/* ohne Subnavi, ohne rechter Spalte */
	width: 746px;
	float: left;
	padding: 30px 15px 15px 15px;
	background-color: #CBECF3;
	background-image: url('../../assets/common/content_bg.gif');
	background-repeat: repeat-x;
	background-position: left top;
}

#content_print {
	/* ohne Subnavi, ohne rechter Spalte */
	width: 621px;
	float: left;
	padding: 0px 15px 5px 15px;
	background-color: #fff;
	background-repeat: repeat-x;
	background-position: left top;
}
#content_mail {
	/* ohne Subnavi, ohne rechter Spalte */
	width: 500px;
	float: left;
	padding: 0px 15px 5px 15px;
	background-color: #fff;
	background-repeat: repeat-x;
	background-position: left top;
}
/* Ende Content-Definition */
/***** Ende Content-Bereich ************************************************************************************/
#right_pic{
	width: 258px;
	height: 73px;
	background: url('../common/right_pic.gif') no-repeat;
	margin-left: 558px;
	margin-top: 0px;
	display: block;
}
#right_text{
	width: 170px;
	margin-left: 480px;
	margin-top: 20px;
	display: block;
	color: #fff;
	font-family: Helvetica;
	background: #E0D9A1;
}
#right_text a{
	color: #fff;
	border-bottom: 1px solid #fff;
}
/****************************************************************************************************************
* Custom-Bereich (linke Seite)
****************************************************************************************************************/
#custom_left {
	float: left;
	width: 210px;
	background-color: #DADCC5;
	/*background-image: url('../../assets/common/custom_bg.gif');
	background-repeat: repeat-y;
	background-position: left top;*/
}
/******************************************************************************
// boxen linke customspalte
******************************************************************************/

#custom_left div.box,
.quickfinder,
.left_search

{
	border-top: 3px solid #52849D;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
}

.quickfinder {
	padding: 0px 0px 5px 0px;
}

#custom_left div.box h1,
.quickfinder h1,
.left_search_h1 {
	border-top: 1px solid #fff;
	background: #97b0c2;
	color: #fff;
	font-size: 12px;	
	font-weight: normal;
	padding: 2px 0px 2px 10px;	
	margin: 0px 0px 5px 0px;		
}

.quickfinder p {
	padding: 0px 10px 0px 10px; 
	margin: 0px;
}

.quickfinder select {
	border: 1px solid #52849D;
	margin: 1px 0px 5px 0px;	 
	padding: 0px 0px 0px 0px;	
	width: 121px;
	color: #52849D;	
}
.quickfinder input.button {
 border: 1px solid #fff;
 color: #fff; 
 background: #52849D;
 cursor: pointer; 
 width: 62px; 
 padding: 1px 5px 1px 5px;
 font-size: 10px;
 margin: 0px 0px 5px 5px;
}

#custom_left div.box p {
	padding: 0px 10px 10px 10px; 
	margin: 0px;
}

/****************************************************************************************************************
* Suchelemente auf der linken Seite
****************************************************************************************************************/

/*
.left_search{
}
*/

.left_search input
{
	font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
	color: #74A4A4;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	border: 1px solid #74A4A4;
	padding: 1px;
	width: 110px;
}

/*
.left_search_h1
{
	color: #74A4A4;
	font-size: 0.9em;
	height: 15px;
	padding-top: 3px;
	padding-left: 3px;	
	background-color: white; 
	border-top: 1px solid #74A4A4;
	border-bottom: 1px solid #74A4A4;
	border-left: 4px solid #FF8000;
	border-right: none; 	
}
*/

.left_search_form,
.quickfinder form
{
	margin-top: 6px;
	padding-left: 10px;
}

.left_search_form input {
	margin: 1px 0px 5px 0px;
	padding: 2px 5px 2px 5px;
	 border: 1px solid #52849D;
	 color: #52849D;
}

.wrapper_input {

}

.wrapper_anreise {
	width: 150px;
	float: left;
}

.left_search_form input.tag,
.left_search_form input.monat,
.left_search_form input.jahr {
	width: 20px;	
	margin-right: 5px;
}

.left_search_form input.jahr {
	width: 40px;	
}

.left_search_form .calendar {
	position: relative;
	top: -5px;
}

.left_search_form input.anz_tage,
.left_search_form input.anz_zimmer {
	
}

.left_search_form select.art_unterkunft {
	border: 1px solid #52849D;
	margin: 1px 0px 5px 0px;	 
	padding: 0px 0px 0px 0px;	
	width: 121px;
	 color: #52849D;	
}

.left_search_form input.button
{
 border: 1px solid #fff;
 color: #fff; 
 background: #52849D;
 cursor: pointer; 
 width: 62px; 
 padding: 1px 5px 1px 5px;
}



#lfs_home
{
	background-color: #e8ebee;
	width: 178px;
	float: left;
	text-align: left;
	position: relative; 
}


/****************************************************************************************************************
* Custom-Bereich (rechte Seite)
****************************************************************************************************************/
#news_top{
	border-bottom: 2px solid #fff;
	float: left;
	width: 100%;
	height: 148px;
	color: #969696;
	overflow: hidden;
}
#news_top h3{
	border-top: 1px solid #fff;
	height: 17px;
	padding-top: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	background: url('../common/h2.gif');
	padding-left: 10px;
}
#news_top p{
	padding-left: 10px; 
}
#schillinger{
	float: left;
	width: 100%;
	height: 98px;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;	
	margin-bottom: -28px;
	color: #969696;
	overflow: hidden;
	background: url('../common/schillinger.gif');
	overflow: visible;
}
#custom{
	width: 330px;
	float: left;
	height: 100px;
/*	position: absolute;
	top: 272px;
	right: 0px;*/
	margin: -300px 0px 0px 632px;
	display: inline;
}

#custom .box {
	width: 300px;
	margin-top: 20px;
	font-size: 11px;
}

#custom .box h1
{
	color: #969696;
	font-size: 12px;	
	font-weight: bold;
	padding: 2px 0px 2px 10px;	
	margin: 0px 0px 5px 0px;		
}

#custom .box p {
	font-family: Helvetica;
	line-height: 140%;
	color: #969696;
	font-weight: lighter;
	padding: 0px 10px 10px 10px;
}

#custom input {
	width: 80px;
}

#custom .tag, 
#custom .monat, 
#custom .jahr {
	width: 15px;
}
#custom .jahr {
	width: 30px;
}

#custom .wrapper_anreise {
	width: 130px;
	float: left;
}

#custom input.button {
 border: 1px solid #fff;
 color: #fff; 
 background: #52849D;
 cursor: pointer; 
 width: 62px; 
 padding: 1px 5px 1px 5px;
 font-size: 10px;
 margin: 5px 0px 5px 5px;
}

#custom .quickfinder select {
		width: 90px;
}
	
#custom span
{
	margin-left: 15px;
}
/***** Ende Custom-Bereich (rechte Seite) **********************************************************************/

/****************************************************************************************************************
* Bottom-Bereich
/***************************************************************************************************************/
#bottom{
	background: url('../common/w.gif');
	width: 1004px;
	background: #fff;
	float: left;
	font-size: 11px;
	color: #C8BB53;
	padding: 0px 0px 2px 0px;
	position: absolute;
	top:650px;
	left: 0px;
}
/***** Ende Bottom-Bereich *************************************************************************************/

/****************************************************************************************************************
* Content-Elemente
/***************************************************************************************************************/
/***** Mitlaufnavigation (Breadcrumb) *****/
#breadcrumb {
}
/* Ende Mitlaufnavigation (Breadcrumb) */

/***** Seitentitel Ueberschrift *****/
#pageheadline {
}
/* Ende Seitentitel Ueberschrift */

/***** Standard-Text *****/
.plaintext .text{
margin-top: 10px;
}
	
.plaintext a,
.plaintext a:link,
.plaintext a:visited,
.plaintext a:hover,
.plaintext a:active {
	text-decoration: underline;
}
/* Ende Standard-Text */

/***** Eingerueck Standard-Text *****/
.indenttext {
	margin: 0px 0px 10px 184px;
}
	
.indenttext a,
.indenttext a:link,
.indenttext a:visited,
.indenttext a:hover,
.indenttext a:active {
	text-decoration: underline;
}
/* Ende Standard-Text */


/***** Link *****/
.link,
.link_indent {
	margin: 0px 0px 10px 0px;
}

.link h1,
.link_indent h1 {
}

.link_indent .link_content{
	margin: 0px 0px 0px 184px;
}

.link img ,
.link_indent img {
	vertical-align: middle;
}

.link div,
.link_indent div{
	margin: 0px 5px 5px 0px;
}

.link a,
.link a:link,
.link a:visited,
.link a:hover,
.link a:active,
.link_indent a,
.link_indent a:link,
.link_indent a:visited,
.link_indent a:hover,
.link_indent a:active {
	text-decoration: underline;
	padding: 0px 0px 2px 16px;

	background-repeat: no-repeat;
	background-position: 0px 1px;
	background-image: url('../../assets/common/link_intern.gif');
	display: block;
}
/* Ende Link */

/***** Download *****/
.download {
	margin: 0px 0px 10px 0px;
}

.download h1 {
}

.download img {
 vertical-align: middle;
}

.download div {
	margin: 0px 5px 5px 0px;
}

.download a,
.download a:link,
.download a:visited,
.download a:hover,
.download a:active {
}

.download span {
}
/* Ende Download */

/***** Image *****/
.image {
	margin: 0px 0px 5px 0px;
}

.image h1 {
}

.image div {
}
/* Ende Image */

/***** Text & Bild *****/
/* Allmeine Einstellung aussen */
.image_float {
	margin: -70px 0px 0px 0px;
}

.image_float h1{
	font-size: 12px;
	padding: 3px;
	padding-left: 10px;
	margin-bottom: 0px;
}

.image_float h2{
	background: #DCE0E4;
	font-size: 12px;
	padding: 3px;
	padding-left: 0px;
	margin-bottom: 0px;
}

.image_float a,
.image_float a:link,
.image_float a:visited,
.image_float a:hover,
.image_float a:active {
	text-decoration: underline;
}

/* Bild links im Text */
.image_float_left {
	/* Bilderrahmen 
	border: 1px solid #99B5B8;*/
	border-top: none;
	float: left;
	margin: 0px 10px 0px 0px;
}

.image_float_left a,
.image_float_left a:link,
.image_float_left a:visited,
.image_float_left a:hover,
.image_float_left a:active {
	text-decoration: none;
}


.image_float_left div {
	/* Bildunterschrift */
	padding: 2px;
	background: #FFF;
	color: #CCAC4C;
}

.image_float_left hr {
	margin: 2px 0px 1px 0px;
}

.image_float_left_text {
	/* style-anspassung */
	float: left;   
	width: 345px;
	padding: 5px 5px 0px 5px;
}
.image_float_left_text ul{
	margin-bottom: 7px;
}

.image_float_left_text p{
	/* style-anspassung */
	padding-bottom: 0px;
}

/* Ende Bild links im Text */

/* Bild rechts im Text */
.image_float_right {
	/* Bilderrahmen 
	border: 1px solid #99B5B8;*/
	border-top: none;
	float: right;
	margin: 0px 0px 0px 10px;
}

.image_float_right a,
.image_float_right a:link,
.image_float_right a:visited,
.image_float_right a:hover,
.image_float_right a:active {
	text-decoration: none;
}


.image_float_right div {
	/* Bildunterschrift */
	padding: 2px;
	background: #FFF;
	color: #CCAC4C;	
}

.image_float_right hr {
	margin: 2px 0px 1px 0px;
}

.image_float_right_text {
	/* style-anspassung */
	float: left;
	width: 340px;
	padding: 5px 0px 0px 10px;
}
/* Ende Bild rechts im Text */

/* Bild links ohne Rand im Text */
.image_float_left_noborder {
	/* Bilderrahmen */
	float: left;
	margin: 0px 10px 0px 0px;
}

.image_float_left_noborder div {
	/* Bildunterschrift */
	padding: 2px;
	color: #CCAC4C;
	
}

.image_float_left_noborder hr {
	margin: 2px 0px 1px 0px;
}

.image_float_left_noborder_text {
	/* style-anspassung */
	float: left;
	width: 350px;
	padding: 7px 0px 0px 0px;
}
/* Ende Bild links ohne Rand im Text */

/* Bild rechts ohne Rand im Text */
.image_float_right_noborder {
	/* Bilderrahmen */
	float: right;
	margin: 0px 0px 0px 10px;
}

.image_float_right_noborder div {
	/* Bildunterschrift */
	padding: 2px;
	background: #FFF;
	color: #CCAC4C;
	
}

.image_float_right_noborder hr {
	margin: 2px 0px 1px 0px;
}

.image_float_right_noborder_text {
	/* style-anspassung */
	float: left;
	width: 227px;
	padding: 7px 0px 0px 0px;
}
/* Ende Bild rechts ohne Rand im Text */
/* Ende Text & Bild */

/***** Galerie *****/
.gallery {
	margin: 0px 30px 10px 0px;
	float: left;
	width: 159px;
}

.gallery h1 {
}

.gallery div {
	border: 1px solid #99B5B8;
	border-top: none;
	padding: 3px;
}

.gallery .image {
	text-align: center;
 	padding: 0px;
 	margin: 0px;
}

.gallery .headline {
	text-align: center;
 	padding: 3px;
 	margin: 0px;
	background-color: #FFF;
	background-repeat: repeat-y;
	background-position: left top;
}
/* Ende Galerie */

/***** Uebersicht *****/
.overview {
	margin: 0px 13px 20px 0px;
	float: left;
	width: 174px;
	border: none;
}

.overview h1 {
	/*background: #B20004;*/
	background-color: #97B0C2;
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url('../../assets/common/h1_bg.gif');
	border: none;
	padding: 5px 3px;
	margin: 0px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;       
}

.overview h1 a,
.overview h1 a:link,
.overview h1 a:visited,
.overview h1 a:hover,
.overview h1 a:active {
	color: #FFF;
}

/***** Spezielle Elemente fuer den Content-Bereich bitte in project.css *****/

/***** Ende Content-Elemente ***********************************************************************************/

/****************************************************************************************************************
* Custom-Elemente
****************************************************************************************************************/
.box {
	margin: 0px;
	padding: 0px;
	clear: both;
}

.box h1 {
	padding: 2px 3px 2px 6px;
	margin: 0px;
}

.box p {
	margin: 5px;
	padding: 0px 0px 5px 0px;
}

.box div {
	padding: 5px;
}

.box .image {
}

.box .image h1 {
}

.box a,
.box a:link,
.box a:hover,
.box a:visited,
.box a:active {
}

.box ul {
}

.box ul li {
}

.box ul li a,
.box ul li a:link,
.box ul li a:visited,
.box ul li a:hover,
.box ul li a:active {
}

.box ul li a:hover {
	text-decoration: underline;
}

.box ul li img {
	vertical-align: middle;
	text-align: center;
}

.box ul.assetlink,
.box ul.assetdownload {
	clear:both;
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	margin-top: 3px;
	margin-bottom: 2px;
	line-height: 130%;
	margin-left: 2px;
	padding: 0px 0px 0px 0px;
}

.box ul.assetlink li,
.box ul.assetdownload li {
}

.box ul.assetlink li a,
.box ul.assetlink li a:link,
.box ul.assetlink li a:visited,
.box ul.assetlink li a:hover,
.box ul.assetlink li a:active,
.box ul.assetdownload li a,
.box ul.assetdownload li a:link,
.box ul.assetdownload li a:visited,
.box ul.assetdownload li a:hover,
.box ul.assetdownload li a:active {
	padding: 0px 2px 2px 16px;
	background-repeat: no-repeat;
	background-position: 0px 1px;
	background-image: url('../../assets/common/link_intern.gif');
	display: block;
}

.box ul.assetdownload li a,
.box ul.assetdownload li a:link,
.box ul.assetdownload li a:visited,
.box ul.assetdownload li a:hover,
.box ul.assetdownload li a:active {
	padding-left: 18px;
}

/* Suchfeld rechte Spalte*/
.box form {
	padding: 5px;
}

.box input {
	background: #FFF;
	border: 1px solid #99B5B8;
	padding: 2px;
	width: 70px;
}

.box button {
	background: none;
	border: none;
	width:70px;
}

.box button img {
	vertical-align: middle;
}
/* Ende Suchefeld rechte Spalte */

/* Infopool Suche (rechte Spalte) */
.box form.infopool {
	padding: 0px;
	margin: 0px;
}

.box form.infopool input {
	width: 100px;
	margin: 5px 5px 5px 5px;
	padding: 1px;
	font-size: 0.95em;
}

.box form.infopool input.check {
	border: none;
	background: none;
	margin: 3px 1px 1px 5px;
}

.box form.infopool .start,
.box form.infopool .end{
	padding: 0px 0px 0px 5px;
	margin: 0px 5px 0px 0px;
	width: 60px;
	float: left;
}

.box form.infopool .end{
	margin: 0px;
	padding: 0px;
}

.box form.infopool .start input.date,
.box form.infopool .end input.date {
	width: 60px;
	margin: 0px;
}

.box form.infopool .add{
	padding: 0px;
	margin: 5px 5px 0px 5px;
}

.box form.infopool .add a,
.box form.infopool .add a:link,
.box form.infopool .add a:hover,
.box form.infopool .add a:visited,
.box form.infopool .add a:active {
	margin: 0px 5px 0px 0px;
	text-decoration: underline;
}

.box form.infopool .error {
	color: #FE0000;
	padding: 5px;
}

.box form.infopool .infopool_search {
	font-size: 0.9em;
}

.box form.info_az
{
	padding-top: 0px;
	margin-top: 0px;
}

.box form.info_az input[type=text]
{
	margin-bottom: 5px;
}

.box form.info_az.button
{
	margin-bottom: 5px;
}




/******************      Box2     ********************************************/
.box2 {
	margin: 0px;
	padding: 0px;
	clear: both;
	font-size: 90%;
	background-color: #d5e6e8;
}
.box2 form {
	display:none;
}
.box input {
}

.box2 h1 {
	color: #FFF;
	font-size:1.1em;
	font-weight: normal;
	background-repeat: repeat-y;
	background-position: left top;
	background-image: url('../../assets/common/h1_box2.gif');
	padding: 1px 0px 1px 6px;
	margin: 0px 0px 7px 0px;
	border: 1px solid #99B5B8;
	border-right:none;
	background-color: #265f6a;
	padding: 2px 3px 2px 6px;
	margin: 0px;
}

.box2 p {
	margin: 5px;
	padding: 0px 0px 5px 0px;
}

.box2 div {
	padding: 5px;
}

.box2 .image {
}

.box2 .image h1 {
}

.box2 a,
.box2 a:link,
.box2 a:hover,
.box2 a:visited,
.box2 a:active {
}

.box2 ul {
}

.box2 ul li {
}

.box2 ul li a,
.box2 ul li a:link,
.box2 ul li a:visited,
.box2 ul li a:hover,
.box2 ul li a:active {
}

.box2 ul li a:hover {
	text-decoration: underline;
}

.box2 ul li img {
	vertical-align: middle;
	text-align: center;
}

.box2 ul.assetlink,
.box2 ul.assetdownload {
	clear:both;
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	margin-top: 3px;
	margin-bottom: 2px;
	line-height: 140%;
	margin-left: 2px;
	padding: 0px;
	border-bottom: 1px solid #FFF;
}

.box2 ul.assetlink li,
.box2 ul.assetdownload li {
}

.box2 ul.assetlink li a,
.box2 ul.assetlink li a:link,
.box2 ul.assetlink li a:visited,
.box2 ul.assetlink li a:hover,
.box2 ul.assetlink li a:active,
.box2 ul.assetdownload li a,
.box2 ul.assetdownload li a:link,
.box2 ul.assetdownload li a:visited,
.box2 ul.assetdownload li a:hover,
.box2 ul.assetdownload li a:active {
	padding: 0px 0px 2px 20px;
	background-repeat: no-repeat;
	background-position: 0px -1px;
	/*background-image: url('../../assets/common/pfeil.gif');*/
	display: block;
}

.box2 ul.assetdownload li a,
.box2 ul.assetdownload li a:link,
.box2 ul.assetdownload li a:visited,
.box2 ul.assetdownload li a:hover,
.box2 ul.assetdownload li a:active {
	padding-left: 18px;
}


/* Suchfeld rechte Spalte*/
.box2 form {
	padding: 5px;
}

.box2 input {
	background: #FFF;
	border: 1px solid #99B5B8;
	padding: 2px;
	width: 70px;
}

.box2 button {
	background: none;
	border: none;
	width:70px;
}

.box2 button img {
	vertical-align: middle;
}
/***********   Ende Box2   ****************************************************/

/***** Spezielle Elemente fuer den Custom-Bereich bitte in project.css *****/

/***** Ende Custom-Elemente ************************************************************************************/

/****************************************************************************************************************
* kontakt.phtml
****************************************************************************************************************/
.form_contact {
position: absolute;
top: 450px;
left: 20px;
margin-top: -50px;
}

.form_contact .error {
	margin: 10px 0px;
	color: #FE0000;
	font-weight: bold;
}

.form_contact .service {
	margin: 5px 0px;
}

.form_contact .service input {
	border: none;
	width: 13px;
	margin: 3px 3px 0px 107px;
}

.form_contact label {
	margin: 0px 5px 0px 0px;
	width: 140px;
	float: left;
}

.form_contact label.red {
	color: #FE0000;
}

.form_contact input{
	padding: 2px;
	margin: 2px 2px 2px 0px;
	width: 125px;
	float: left;
	display: inline;
}
.form_contact textarea {
	padding: 2px;
	margin: 2px 0px;
	width: 270px;
}

.form_contact input.plz {
	width: 40px;
	margin: 2px 2px 2px 0px;
}

.form_contact input.ort {
	width: 218px;
}

.form_contact .pflicht {
	margin: 0px 5px 5px 107px;
	font-size: 0.85em;
}

.form_contact .submitbutton {
	margin: 5px 5px 0px 107px;
}
#_check{
	width: 13px;
	border: none;
}
#_vorname,
#_nachname,
#_telefon,
#_email,
#_plz,
#_strasse,
#_anliegen{
	border: 1px solid #99B5B8;
}
/***** Ende Kontaktformular ************************************************************************************/

/****************************************************************************************************************
* suchergebnisse.phtml
****************************************************************************************************************/
/* Formular */
.form_search {
}

.form_search fieldset {
	background: none;
	padding: 5px 10px;
	border: 1px solid #99B5B8;
}

.form_search input {
	border: 1px solid #99B5B8;
	padding: 2px;
	width: 100%;
}

.form_search .submitbutton {
	text-align: center;
	margin: 5px;
}

/* Ergebnisse */
.search_erg {
	border: 1px solid #99B5B8;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

.search_erg h1 {
	margin: 0px;
}

.search_erg div {
	margin: 0px;
	padding: 3px;
}

.search_erg a,
.search_erg a:link,
.search_erg a:hover,
.search_erg a:visited,
.search_erg a:active {
	padding: 0px 0px 2px 16px;
	background-repeat: no-repeat;
	background-position: 0px 1px;
	background-image: url('../../assets/common/link_intern.gif');
	text-decoration: underline;
}
/***** Ende Suchergebnisse *************************************************************************************/

/****************************************************************************************************************
* infopool.phtml
****************************************************************************************************************/
.infopool {
	padding: 0px;
	font-size: 11px;	
	margin: 0px 0px 5px 0px;
}

.infopool .h1 {
	/*font-size: 1.5em;*/
	font-weight: bold;
	font-size: 10px;
	color: #4d4d4d;
	background: #DCE0E4;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 0px 0px;
	
}

.infopool .h1 a:link,
.infopool .h1 a:visited,
.infopool .h1 a:hover,
.infopool .h1 a:active
{
	display: block;
}

.infopool .h1 .left {
	float: left;
	width: 70%;
}

.infopool .h1 .right {
	float: right;
	width: 20%;
	text-align: right;
	padding: 0px 0px;
}

.infopool .teaser_all{
	/* mit Bild und Dates */
	float: left;
	width: 368px;
	padding: 3px;
	margin: 0px;
	background: #F1F4E5;
}

.infopool .teaser_image{
	/* mit Bild, ohne Dates */
	float: left;
	width: 368px;
	padding: 5px 10px 5px 10px;
	margin: 0px;	
	background: #F1F4E5;
	line-height: 130%;
}

.infopool .teaser_image .link_detail {
	/* link in teaser (mit Bild, ohne Dates) */
	display: block;
	margin: 10px 20px 0px 0px;
	float: right;
	background-repeat: no-repeat;
	background-position: 0px 2px;
	background-image: url('../../assets/common/pfeil_teaser.gif');	
	padding-left: 13px;
}

.infopool .teaser_dates{
	/* ohne Bild, mit Dates */
	float: left;
	width: 239px;
	padding: 3px;
	margin: 0px;
	background: #F1F4E5;
}

.infopool .teaser{
	/* ohne Bild und Dates */
	padding: 5px;
	padding-left: 10px;
	margin: 0px;
	float: left;
}

.infopool .teaser_all a,
.infopool .teaser_all a:link,
.infopool .teaser_all a:visited,
.infopool .teaser_all a:hover,
.infopool .teaser_all a:active, 
.infopool .teaser_image a,
.infopool .teaser_image a:link,
.infopool .teaser_image a:visited,
.infopool .teaser_image a:hover,
.infopool .teaser_image a:active, 
.infopool .teaser_dates a,
.infopool .teaser_dates a:link,
.infopool .teaser_dates a:visited,
.infopool .teaser_dates a:hover,
.infopool .teaser_dates a:active, 
.infopool .teaser a,
.infopool .teaser a:link,
.infopool .teaser a:visited,
.infopool .teaser a:hover,
.infopool .teaser a:active {
	text-decoration: underline;
}

.infopool .image{
	width: 180px;
	float: left;
	margin: 0px;
	padding: 0px;
}

.infopool .image img{
	margin: 0px;
	padding: 0px;        
	
}

.infopool .image a:link,
.infopool .image a:visited,
.infopool .image a:hover,
.infopool .image a:active
{
	margin: 0px;
	padding: 0px;
	
}

.infopool .dates{
	float: left;
	width: 160px;
	padding: 3px;
	background: #e8ebee;
}

.infopool_detail {
	border: 1px solid #52849D;
	background: #F1F4E5;
	margin-bottom: 15px;
	padding: 0px;
}

.infopool_detail h1 {
	height: 10px;
	background: #DCE0E4;
	font-size: 11px;
	font-weight: bold;
	padding: 5px;
	padding-left: 10px;
}

.infopool_detail .dates {
	font-size: 11px;
	margin-top: 15px;
	line-height: 125%;
}

.infopool_detail .teaser{
	float: left;
	margin: 0px 5px 5px 0px;
	padding: 5px;
	padding-left: 10px;
	font-size: 11px;
	background: #F1F4E5;
}

.infopool_detail .image{        
	float: left;
	margin: 0px;
	padding: 0px;
}


.infopool_overview_left,
.infopool_overview_right {
	float: left;
	width: 21px;
}

.infopool_overview_right {
	width: 570px;
	padding: 0px;
	margin: 0px;
}

.infopool_overview {
	float:left;
	width: 179px;
	margin: 0px 15px 10px 0px;
}

.infopool_overview .desc {
	font-size: 9px;
	padding: 5px;
	padding-left: 17px;
	background-color: #DCE0E4;
	background-image: url(../../assets/common/pfeil_teaser.gif);
	background-repeat: no-repeat;
	background-position: 4px 5px;
	height: 35px;
}


.infopool_overview h1 {
	/*background: #B20004;*/
	background-color: #97B0C2;
	background-image: url(../../assets/common/bg_infopool_overview.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border: none;
	padding: 8px 3px;
	margin: 0px;
	color: #FFF;
	text-align: center;
	}

.infopool_overview h1 a,
.infopool_overview h1 a:link,
.infopool_overview h1 a:visited,
.infopool_overview h1 a:hover,
.infopool_overview h1 a:active {
	color: #FFF;
	font-size: 10px;
}

/* Suche Infopool */
/* siehe .box */


/********************************************************
		Ausflugsvorschlaege
********************************************************/

.infopool_ausflug {
	width: 445px;

}

/********************************************************
            seitenlinkbox
********************************************************/

.info_linkbox {
	width: 120px; 

	font-size: 10px; 
	float: right;
}

.info_linkbox h1 {
	font-size: 10px; 
	font-weight: bold;
	padding: 5px;
	color: #fff;
	background: #52849D; 	
}
.info_linkbox a:link,
.info_linkbox a:visited,
.info_linkbox a:hover,
.info_linkbox a:active {
	background: url('../../assets/common/bg_top_right_info.gif') no-repeat 0px 2px;
	padding: 0px 0px 0px 10px;
	text-decoration: underline;
}

.info_linkbox a:hover {
	text-decoration: none;
}

/********************************************************
infopool-uebersicht im tpl, auf seite oben rechts 
********************************************************/

.top_right_info {

}

.top_right_overview
{
	border-bottom: 1px solid #969696;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;	
	padding-bottom: 0px;
 	font-size: 11px;	
 	height: 40px;
 	min-height: 40px;
}

.top_right_overview .subtitle
{

}

.top_right_overview .subtitle .float_left
{
	float: left;
	width: 200px;
	padding-left: 15px;
}

.top_right_overview .subtitle .float_right
{
	float: left;
	width: 95px;
	padding-left: 5px;
	padding-right: 5px;
}


 .top_right_overview h1 {
		margin: -1px 0px 3px 0px;
		padding: 3px 10px 2px 15px;	
		font-weight: bold;		
		font-size: 11px;
}


.top_right_info  a:link,
.top_right_info  a:visited,
.top_right_info  a:hover,
.top_right_info  a:active
{
	background: none;
}	      

.top_right_info .headtext {
	font-size: 22px;
	font-family: Garamond, "Times New Roman", serif;
	margin: 0px 10px 5px 10px;
	color: #fff;
}
.headtext{
	text-align: center;
}

.top_right_info .infopool {
	height: 25px;
	background-image: url('../../assets/common/bg_top_right_info.gif');
	background-color: #f1f4e5;
	background-repeat: no-repeat;
	background-position: 5px 7px;
	margin: 0px 0px 10px 10px;
	border-bottom: 5px solid #52849D;
	padding: 5px 5px 0px 15px;
	font-size: 10px
}

.top_right_info .infopool .h1 {
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 0px 0px;	
	border-bottom: 5px solid #52849D;
	background: none;	
}

.top_right_info .infopool .h1 a:link,
.top_right_info .infopool .h1 a:visited,
.top_right_info .infopool .h1 a:hover,
.top_right_info .infopool .h1 a:active
{
	background: none;
}	

.top_right_info .infopool .nofloat{
	position: absolute;
}
/********************************************************

********************************************************/

/* zusatz Style Infopools*/
.infopool_standard
{
	border: 1px solid #97B0C2;
	background: #F1F4E5;
	margin-bottom: 15px;
}


.infopool_standard .h1,
.infopool_standard h1{
/*	background-image: url('../../assets/common/h1_bg.gif') !important;*/
	line-height: 100%;
	height: 10px;
}

.infopool_1 .h1,
.infopool_1 h1{
	/*background-image: url('../../assets/common/h1_info1.gif') !important;*/
}

.infopool_2 .h1,
.infopool_2 h1{
	background-image: url('../../assets/common/h1_info2.gif') !important;
}

.infopool_3 .h1,
.infopool_3 h1{
	background-image: url('../../assets/common/h1_info3.gif') !important;
}

.infopool_4 .h1,
.infopool_4 h1{
	background-image: url('../../assets/common/h1_info4.gif') !important;
}

.infopool_5 .h1,
.infopool_5 h1{
	background-image: url('../../assets/common/h1_info5.gif') !important;
}

.infopool_6 .h1,
.infopool_6 h1{
	/*background-image: url('../../assets/common/h1_info6.gif') !important;*/
	background: #DCE0E4;
}

.infopool_7 .h1,
.infopool_7 h1{
	background-image: url('../../assets/common/h1_info7.gif') !important;
}

.infopool_8 .h1,
.infopool_8 h1{
	background-image: url('../../assets/common/h1_info8.gif') !important;
}

.infopool_9 .h1,
.infopool_9 h1{
	background-image: url('../../assets/common/h1_info9.gif') !important;
}

.infopool_10 .h1,
.infopool_10 h1{
	background-image: url('../../assets/common/h1_info10.gif') !important;
}

.infopool_11 .h1,
.infopool_11 h1{
	background-image: url('../../assets/common/h1_info11.gif') !important;
}

.infopool_12 .h1,
.infopool_12 h1{
	background-image: url('../../assets/common/h1_info12.gif') !important;
}

.infopool_13 .h1,
.infopool_13 h1{
	background-image: url('../../assets/common/h1_info13.gif') !important;
}

.infopool_14 .h1,
.infopool_14 h1{
	background-image: url('../../assets/common/h1_info14.gif') !important;
}

.infopool_15 .h1,
.infopool_15 h1{
	background-image: url('../../assets/common/h1_info15.gif') !important;
}

.infopool_16 .h1,
.infopool_16 h1{
	background-image: url('../../assets/common/h1_info16.gif') !important;
}

.infopool_17 .h1,
.infopool_17 h1{
	background-image: url('../../assets/common/h1_info17.gif') !important;
}

.infopool_18 .h1,
.infopool_18 h1{
	background-image: url('../../assets/common/h1_info18.gif') !important;
}

.infopool_19 .h1,
.infopool_19 h1{
	background-image: url('../../assets/common/h1_info19.gif') !important;
}

.infopool_20 .h1,
.infopool_20 h1{
	background-image: url('../../assets/common/h1_info20.gif') !important;
}

.infopool_21 .h1,
.infopool_21 h1{
	background-image: url('../../assets/common/h1_info21.gif') !important;
}

.infopool_22 .h1,
.infopool_22 h1{
	background-image: url('../../assets/common/h1_info22.gif') !important;
}

.infopool_23 .h1,
.infopool_23 h1{
	background-image: url('../../assets/common/h1_info23.gif') !important;
}


/***** Ende Infopool *******************************************************************************************/

/****************************************************************************************************************
* fotogalerie.phtml
****************************************************************************************************************/
.showgallery {
}

.showgallery h1 {
	text-align: center;
}

.showgallery_thumb {
	width: 276px;
	height: 500px;
	float: left;
	border-right: 1px solid #99B5B8;
}

.showgallery_thumb div {
	width: 80px;
	height: 80px;
	margin: 5px;
	text-align: center;
	vertical-align: middle;
	float: left;
}

.showgallery_thumb .showgallery_center {
	padding-top: 10px;
	height: 40px;
}

.showgallery_thumb .showgallery_left {
	padding-top: 10px;
	height: 40px;
	text-align: left;
}

.showgallery_thumb .showgallery_right {
	padding-top: 10px;
	height: 40px;
	text-align: right;
}

.showgallery_image {
	width: 435px;
	margin: 0px;
	padding: 15px 0px 15px 15px;
	float: left;
}

.showgallery_image div {
 	padding: 3px;
}
/***** Ende Galerie-Ausgabe ************************************************************************************/

/****************************************************************************************************************
* sitemap.phtml
****************************************************************************************************************/
.sitemap td {

	
}
.sitemap h1
{
	font-size: 12px;
	font-weight: bold;
	padding: 2px;
	padding-left: 10px;	
	width: 220px;
	color: white; 
}


.sitemap td.separator {
	background: none;
	/*background-color: #99B5B8;
	background-image: url('../../assets/common/sitemap_bg.gif');
	background-repeat: repeat-x;
	background-position: left bottom;*/
	padding: 5px;
	padding-top: 0px;
}

a.sitemap1,
a:link.sitemap1,
a:visited.sitemap1,
a:hover.sitemap1,
a:active.sitemap1,
a.sitemap2,
a:link.sitemap2,
a:visited.sitemap2,
a:hover.sitemap2,
a:active.sitemap2,
a.sitemap3,
a:link.sitemap3,
a:visited.sitemap3,
a:hover.sitemap3,
a:active.sitemap3,
a.sitemap4,
a:link.sitemap4,
a:visited.sitemap4,
a:hover.sitemap4,
a:active.sitemap4 {
 line-height: 130%;
	/*background-image: url('../../assets/common/pfeil_teaser.gif');
	background-repeat: no-repeat;
	background-position: left top; */
 
}

a:hover.sitemap1,
a:hover.sitemap2,
a:hover.sitemap3,
a:hover.sitemap4 {
	background-repeat: no-repeat;
}
/***** Ende Sitemap ********************************************************************************************/


/****************************************************************************************************************
* Printausgabe
****************************************************************************************************************/


div.tpl_print{
	/*font-size: 0.7em;*/
	margin-bottom: 25px;
	width: 621px;
	height: 93px;
	float: left;
	padding: 5px 15px 0px 15px;
	background-repeat: repeat-x;
	background-position: left top;
	/*border-bottom: 1px solid #99B5B8;
	border-right: 1px solid #99B5B8;*/
	background-color: #e8ebee;
	font-size: 90%;
}
html.tpl_print {
	background-color: #fff;
}
.tpl_print .titel{
	font-size: 105%;
	font-weight:bold;
	position: absolute;
	top: 5px;
	left: 15px;
}
.tpl_print .top_left{
	float: left;

}

.tpl_print .top_left a{
	text-decoration: none;
	position: relative;
	top: 75px;
}

.tpl_print .top_left img{
	position: relative;
	top: -5px;
}

.tpl_print .top_right a{
	text-decoration: none;
	position: relative;
	top: 75px;
}

.tpl_print .top_right img{
	position: relative;
	top: -5px;
}

.tpl_print .top_right{
	float: right;
}

#lfs_home_right
{
	width: 411px;
	padding: 30px 15px 15px 15px;
	float: right;
	background-color: #CBECF3;
	background-image: url('../../assets/common/content_bg.gif');
	background-repeat: repeat-x;
}


/***** Ende Print-Template ********************************************************************************************/

/****************************************************************************************************************
* Mailausgabe
****************************************************************************************************************/


div.tpl_mail{
	/*font-size: 0.7em;*/
	margin-bottom: 25px;
	width: 460px;
	height: 93px;
	float: left;
	padding: 5px 15px 0px 15px;
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom: 1px solid #99B5B8;
	border-right: 1px solid #99B5B8;
	background-color: #e8ebee;
	font-size: 90%;
}
html.tpl_mail {
	background-color: #fff;
}
.tpl_print .titel{
	font-size: 105%;
	font-weight:bold;
	position: absolute;
	top: 5px;
	left: 15px;
}
.tpl_mail .top_left{
	float: left;

}

.tpl_mail .top_left a{
	text-decoration: none;
	position: relative;
	top: 75px;
}

.tpl_mail .top_left img{
	position: relative;
	top: -5px;
}

.tpl_mail .top_right a{
	text-decoration: none;
	position: relative;
	top: 75px;
}

.tpl_mail .top_right img{
	position: relative;
	top: -5px;
}

.tpl_mail .top_right{
	float: right;
}

/***** Ende Mail-Template ********************************************************************************************/

/****************************************************************************************************************
* CSS-Klassen fuer die Barriere-Freiheit
****************************************************************************************************************/
.unsichtbar {
	position: absolute;
	left: -20000px;
	/*Schiebt die "unsichtbaren" Hilfen aus dem Viewport,
	dadurch lassen sich uebereifrige Screenreader,
	die ausgerechnet "display: none" akustisch auswerten,
	taeuschen, und lesen die so versteckten Hilfen dennoch vor. */
}
/***** Ende CSS-Klassen fuer die Barriere-Freiheit *************************************************************/

/****************************************************************************************************************
* Editor - wird doch nicht mehr benoetigt?
****************************************************************************************************************/
/*	Die floatleft/-right Definitionen werden im WYSIWYG-Editor HTMLArea fuer die Bildausrichtung benoetigt!! *
/* Bildausrichtung per Button *
#floatimageleft {
	font-size: 0.7em;
	float: left;
	margin: 0px 5px 10px 0px;
}

#floatimageleft img {
	border: none;
}

#floatimageright {
	font-size: 0.7em;
	text-align: right;
	float: right;
	margin: 0px 0px 10px 5px;
}

#floatimageright img {
	border: none;
}

.red {
	color: #FF0000;
}

/* muessen im editor.css einkommentiert werden und am Ende stehen
table, tr, td, div {
 border: thin dashed #000000;
 boder-collapse: collapse;
 background: #FFFFCC;
}
*/

/***** Ende Editor ******************************************************************************************/

/* Kalender Definition rausgenommen, da Kalender nicht implementiert */
/* Kalender /
.box table {
	width: 140px;
	margin: 2px;
	text-align: center;
	vertical-align: middle;
	font-size: 0.75em;
}

.box table td {
	padding: 3px;
	color: #000;
	background-color: #EEE;
}

.box table td a {
	background-color: #095AA6;
	color: #FFF;
 	text-decoration: none;
 	display: block;
}

.box table td.month {
	color: #000;
	background-color: #CCC;
	font-size: 1em;
}

.box table td.month a {
	color: #000;
	background-color: #CCC;
	display: inline;
}

.box table td a {
 	background-color: #666;
 	color: #FFF;
 	text-decoration: none;
 	display: block;
}

.box table td.week {
 padding: 3px;
 color: #000;
 background-color: #EEE;
}

.box table td.today {
 padding: 3px;
 color: #F00;
 background-color: #EEE;
}

.box table td.today a {
  text-decoration: none;
  background-color: #666;
 	color: #FFF;
}
/* Ende Kalender */
/***** Ende style.css ******************************************************************************************/

/******************************************************************************
// teaserboxn (einfach & breit)
******************************************************************************/
.teaserbox, 
.teaserbox_breit {
	background: #DDE4E4;
	float: left;
	margin: 20px 10px 0px 0px;
	display: inline;
	position: relative;
}

.teaserbox {
	width: 175px;
}

.teaserbox_breit {
	width: 360px;
}

.teaserbox h1, 
.teaserbox_breit h1 {
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0px 5px 0px;

}        

.teaserbox .image, 
.teaserbox_breit .image {
	height: 115px;
	background: #CED5D8;
	margin: 0px;
}

.teaserbox .text, 
.teaserbox_breit .text {
	padding: 0px 10px 10px 10px;
	height: 85px;	
	font-size: 10px;
	line-height: 150%;
	
}

.teaserbox .link,
.teaserbox_breit .link {
	position: absolute;
	top: 193px;
	left: 160px;	
}

.teaserbox .kein_bild,
.teaserbox_breit .kein_bild {
	position: absolute;
	top: 78px;
}


.teaserbox_breit .link {
	left: 345px;
}


.teaserbox .link img, 
.teaserbox_breit .link img {
	width: 11px;
	height: 11px;	
}

.teaserbox .link a:link,
.teaserbox .link a:visited,
.teaserbox .link a:hover,
.teaserbox .link a:active,
.teaserbox_breit .link a:link,
.teaserbox_breit .link a:visited,
.teaserbox_breit .link a:hover,
.teaserbox_breit .link a:active {
	padding: 0px;
	text-decoration: none;
	background: url('../../assets/common/pfeil_teaser.gif') no-repeat;
}

/******************************************************************************
// ende teaserboxn
******************************************************************************/

#gastgeber_suche {
	background: #CED5D8;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	padding-right: 0px;
	width: 550px;
}

#gastgeber_suche .search_left {

}

#gastgeber_suche .search_right {

}

#gastgeber_suche input,
#gastgeber_suche select
{
	border: 1px solid #52849D;
}


#gastgeber_suche input {
/*	width: 200px;*/
}

#gastgeber_suche select {
}

#search_info
{
	width: 560px;
}


/********************************************
** Ausflugsvorschläge und Programmideen
*********************************************/
.ausflug
{
	border: 1px solid #DCE0E4;
	background: #F1F4E5;
}

.ausflug h1
{
	background: #DCE0E4;
	font-size: 12px;
	padding: 2px;
	padding-left: 10px;
	margin: 0px 0px 0px 0px;
}


.ausflug .img
{
	float:left;
	width: 150px;
	background: #F1F4E5;	
}

.ausflug_text
{
	padding: 10px;
	padding-right: 0px;
	float: left;
	width: 540px;
	background: #F1F4E5;

}

.ausflug_text_mit_bild
{
	padding: 10px;
	padding-right: 0px;
	float: left;
	width: 393px;
}

.ausflug_verlinkung
{
 	padding: 0px;
 	padding-bottom: 10px;
}

.ausflug_verlinkung h1
{
	border-top: 1px solid white;
	color: white; 
	background: #97B0C2; 
}



.ausflug_verlinkung a,
.ausflug_verlinkung a:link,
.ausflug_verlinkung a:hover,
.ausflug_verlinkung a:active,
.ausflug_verlinkung a:visited
{
	color: #97B0C2;	
}