i (http://developer.yahoo.com/yui/)

Farben:
	#FF3F00		Orange
		#ff9f80	saturation 50%
		#9e634f visited saturation 50%
	#FFE243		Gelb
	#FFF8D3	hellgelb provisorisch
	#EEE6BD	hellgelb etwas dunkler
	#7DB1D5		Blau hell
	#eee		  Grau sehr hell
	#C6C6C6		Grau hell
	#666			Grau dunkel provisorisch
	#060			Gruen provisorisch

Font size und Prozent:
	10 77
	11 85
	12 92
	13 100
	14 107
	15 114
	16 122
	17 129
	18 136
	19 144
	20 152
	21 159
	22 167
	23 174
	24 182
	25 189
	26 197
*/

/*
================================================================================================
YUI version: 2.2.0
================================================================================================
*/


/*reset.css*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

/*grids.css*/
body{text-align:center;}

#ft{clear:both;}

#doc,#doc2,#doc3,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.3em;min-width:750px;}

#doc2{width:73.074em;*width:71.313em;min-width:950px;}

#doc3{margin:auto 10px;width:auto;}

.yui-b{position:relative;}
.yui-b{_position:static;}

#yui-main.yui-b{position:static;}
#yui-main{width:100%;}

.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}
.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}
.yui-t1 .yui-b{float:left;width:12.3207em;*width:12.0106em;}
.yui-t1 #yui-main .yui-b{margin-left:13.3207em;*margin-left:13.0106em;}
.yui-t2 .yui-b{float:left;width:13.8456em;*width:13.512em;}
.yui-t2 #yui-main .yui-b{margin-left:14.8456em;*margin-left:14.512em;}

.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.52em;}
.yui-t3 #yui-main .yui-b{margin-left:24.0759em;*margin-left:23.52em;}

.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.512em;}
.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.512em;}
.yui-t5 .yui-b{float:right;width:18.4608em;*width:18.016em;}
.yui-t5 #yui-main .yui-b{margin-right:19.4608em;*margin-right:19.016em;}
.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.52em;}
.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.52em;}
.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}
#yui-main .yui-b{float:none;width:auto;}
.yui-g .yui-u,.yui-g .yui-g,.yui-gc .yui-u,.yui-gc .yui-g .yui-u,.yui-ge .yui-u,.yui-gf .yui-u{float:right;display:inline;}
.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}
.yui-g .yui-u,.yui-g .yui-g{width:49.1%;}
.yui-g .yui-g .yui-u,.yui-gc .yui-g .yui-u{width:48.1%;}
.yui-gb .yui-u,.yui-gc .yui-u,.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}
.yui-gd div.first{width:32%;}
.yui-ge .yui-u{width:24%;}
.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}
.yui-gf div.first{width:24%;}
.yui-ge div.first{width:74.2%;}
#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}


/*
================================================================================================
Lus CSS
================================================================================================
*/

/* === YUI ANpassungen === */

/* lu verdana und 11pt size added provisorisch*/
body {font-family:Verdana;} /*font-size:85%*/
body * {line-height:1.45em;} /* 3/2008 Zeilenabstand von Lu ergaenzt, soll etwa 16 Pt sein  */
select, input, textarea {font-family:Verdana;}

.yui-t3 .yui-b {float:left; width:256px; font-size:85%} /*  alle divs im hauptteil */
.yui-t3 #yui-main .yui-b {margin-left:272px; padding-top:16px;} /* nur das main div */ /*provisorisch: 272 px margin statt 256 fuer mehr Abstand 8/2008 */

/* temp:maximalbreite, damit nicht zu breit */
#bd {max-width:86em; margin-right:2em;} /* Maximalbreite erhöht auf 92em im Aug 2009 -- !IE6, margin fuer abstand zur seite */

#hd {background-color:transparent; background-image:url(../img/wheat_pattern.jpg);} 
#b01 #hd { /* startseite */
background-image:url(../img/visualkey_start_pattern.jpg); background-repeat:repeat-x; background-position: 0 32px;
}

#beispielhaus { /*Auf Startseite seit 2010-01-13*/
max-height:17.5em
}

#map { /*Hausdetails seit 2010-01-15*/
	height: 460px;
	}


#ft{
	border-top: 1px solid #C6C6C6;
	margin: 8px 0 0 0;
	padding:8px 16px 8px 32px; /* Sonderregel in ie6.css */
	font-size:77%
}

#doc3 {margin:auto 0;} /* content should bleed to edge */

#div_default {
	z-index: 1;
	clear:both
}

/* Standart Formate ******************************************************** */
a {color:#ff3f00; text-decoration:none;}
a:visited {color:#ff3f00; text-decoration:none;}
a:active {color:#222; text-decoration:none;}
a:hover {color: blue; text-decoration:underline;} /* blue seit 6/08 vorher #7DB1D5 */
a:visited:hover {color: blue; text-decoration:underline;} /* lila seit 6/08 vorher #7DB1D5 */


strong, .menu {font-weight:bold}
em, i {font-style:italic;} /* erganeznt 3/2008 lu */ /* moeglich: font-family:Georgia, Verdana, sans-serif; */
h1 {font-size:174%; margin: 24px 0 12px 0;} /* 3/2008 und 24px seit 8-2009. Luxx kann größer!*/
#b01 h1 {letter-spacing: -1px;}
h2, h3, h4, h5, h6 {margin: 2.5em 0 0.5em 0; font-weight: bold; } /* Update 2010-01  */
h2 {font-size:129%;} /* 3/2008*/
h1.lister, h2.lister {border-bottom:1px solid #ccc; } /* zB Uebverschrift Top Suchergebnise */

h1.hausname {font-size:240%; line-height:1.5em;}

/* ie h2 linkauszeichnung und h2 p deaktivier 2010-01-18 - wofür war das? lu*/
/*h2 p { border:1px solid #ccc; border-bottom:none; display:inline; margin:0; margin-right:1px; padding: 3px 3px 0 3px; background-color:#eee; background-image:url(../img/shade_gray.png); background-repeat: repeat-x;}*/
/*h2 a { color:#999; font-size:small; text-decoration:none; font-weight:normal; padding-left:.5em;}*/

h3 {font-size:114%;} /* 6/2008*/

p {	margin-top:1em;}
p.no_margin {	margin-top:0em;}

ol,ul,dl { /* 8 2008 */
	margin-left:2.5em; /* ist exakt im firefox */
}
ol li {
	list-style: decimal outside;
	margin-left:1.25em; /* einrueckung neu 6/08 und 8/2008" */		
}
ul li, .bullets {
	list-style: disc outside;
}
dl dd { /* temp ungetestet */
	margin-left:1em;
}
ul#navlist { /* top navigation ohne seitenabstand */
	margin-left:0;
}
/* ALTERNATIVE DARSTELLUGN AUS 6/08
ol {
	list-style-type: decimal-leading-zero;
	list-style-position: outside;

} */
/*
ol ol ol li { list-style-type: upper-roman; }
ol ol ol ol li { list-style-type: lower-alpha; }
ol ol ol ol ol li { list-style-type: lower-roman; }
*/


/* Header ******************************************************************** */

#headernav {background-image:url(../img/header.jpg); background-repeat:no-repeat;  height:162px;} /* content should bleed to edge */
#b01 #headernav {background-image:url(../img/visualkey_start.jpg); background-repeat:no-repeat; background-position: 0 32px;  height:416px;}
#logo {position:relative; top:28px; left:100px; width:300px; font-size: 159%; line-height:100%; margin:0; padding:0} /* todo opera */
	#b01 #logo {position:relative; top:80px; left:40px; width:300px; font-size: 159%; line-height:100%; margin:0; padding:0;} /* todo opera */
#claim {position:relative; top:28px; left:216px; width:240px; font-size: 92%; line-height:92%; margin:0; padding:0}
	#b01 #claim {display:none; position:relative; top:72px; left:90px; width:240px; font-size: 92%; line-height:92%; margin:0; padding:0}


/* Mainblock ******************************************************** */

ul#youarehere {	margin:0; height:2em;	/* hoehe vermeided float des contents */}
ul#youarehere li {
	list-style-type:none;
	padding: 0;
	margin:0;
	float:left;	
	}		

#youarehere a, span#here {
	display:block;
	padding: .25em 1.5em .25em 1.5em;
/*	border:1px solid #c6c6c6;	
	border-width:1px 1px 1px 0;*/
	position:relative;
	margin-left:-1em;
	color:#666; /* evtl ohne grau */
	}	
	
#youarehere a {
	background: url(/img/rechts-20px.png) no-repeat center right;
/*	border-width:1px 0 1px 0;	*/
}	
	
#youarehere a:hover {
  background-color:#eee;	
}

#b01 p#youarehere {	display: none;}
#b01 div#contentmain {
	position: relative; top: -112px;
}


/* Formate Main ******************************************************** */
/* 8 2008 CSS Tabelle */

table { border-collapse:collapse; width: auto; margin-top:1em; /* neu aug 2009 */ margin-bottom: 0.5em;}
tr {padding:0; margin:0;}
td {padding:6px 12px 6px 0; vertical-align:top;} 
th {padding:6px 12px 6px 0; vertical-align:bottom; font-weight: bold;}  /* 2010-03-12 Bold Lu */

table.wborder {border-collapse:separate; border-left:3px solid #FFF8D3;} /* tabelle fuer formular etc WithBORDER*/
table.wborder td, table.wborder th {border-bottom:1px solid #ccc; padding: 6px 6px 6px 12px;}
table.wborder tr:hover td {border-bottom:1px solid #333; background-color:#E9E9E9 }


table.lodginglist {border:separate; width:100%; 	border-top: 1px solid #ccc; } /* oder collapse?! */
table.lodginglist td {padding:3px 0px 3px 12px;} /* 8 2008 geandert, vorher 0 6 3 6px LU */
table.lodginglist tr {
	border-bottom: 1px solid #ccc; /* TODO */
}
table.lodginglist tr.nosep { /* no seperator */
 	border-bottom: 0; 
}

.row_value {
	background: transparent;
}
.row_value_important { /* onmouseover, fuer aktive zeile */
	background: #eee; /* FFF8D3 */
}


.desc {/*font-size:77%;*/ color:#A5A5A5} /* hausbeschreibung toptreffer */
.hide, .formb {display: none;} /* zb trennstrich fuer ohne css */
.highlight { /* zB auf Startseite ueberschriften */	color:#FF3F00}
#b01 .highlight {font-size:85%; letter-spacing: normal;}

.imgbox { /* lu als img container, geaendert 7/08 */
	overflow: hidden;
/*kein rahmen mehr 2010-11-27*/
/*	border: 1px solid #ccc;*/
/*	padding:1em;*/
	margin-bottom:1em;
	}
	.imgbox img { /* lu als img container, geaendert 7/08 */
		background: #f0f0f4;
/*keine liie mehr 2010-11-27*/
/*		border: 1px solid #ccc;    */
		width:100%; /* experimental 2010-01-06 */
	}

.flright { /* erganzt 3/2008 */
	float:right;
   padding-left:2em; /* vorerst 2 em gut */
}
.flleft { /* by lu erganzt 3/2008 */
	float:left;
   padding-right:2em; /* vorerst 2 em gut */
}
.tar {
	text-align: right;
}
.abstand { /* erganzt 3/2008 */
	padding: 1em;
}
.box640 { /* Karte FlyIn 29.11.07, Upload 3/2008 Lu */
  background-color:#FFF8D3; border:2px solid #FFE243; width:640px; height:auto; text-align:left	
}

.lagekarte {
	margin: 0 0 4px 4px;
	float:right;
	border:0;
}
.vbottom { /* z.B. Emailadresse als Grafik 8 2008 */
	vertical-align:bottom;
}
.passive, a.passive:link, a.passive:visited { /* z.B. leere Verzeichnis Kategorie 8-2009 oder Querverweise auf Hausdetails */
	color:#666;
}

.subinfo {
	color:#999;
	font-style:italic;

}
.trefferzahl {
	color:#747474;
	padding-right:12px;	
	background:url(/img/haus_10px_grau.png) no-repeat center right;
}
#treffer_zahl { /*Suchleiste: Vorschau der Trefferzahl;*/
	width:4em;
	min-width:4em;
	display:block;
	text-align:right;
	margin-right:.4em;
	float:left;
}

/* wird typ noch benötigt? 2010-01-06 */
/*.typ {
	color:#747474;
	float:right;
}
*/

.hausplus {
	margin-left:2em;
}

/*	JULIAN 	*/
.edit {
	
	font-size:14px; 
	line-height:1.5em; 
	font-weight:normal
}

/*	JULIAN 	*/
fieldset h5 {overflow:hidden; margin-bottom:15px; border-bottom:1px solid #e7e7e7; padding-bottom: 15px;}


.notes {
	border:1px solid #ccc;
	background-color:#eee;
	margin:1em 0 1em 0;
	padding:1em;
	opacity: 0.7; /* CSS3 - ausgrauen */
}

/* Verzeichnis */
div.folders {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin:1.5em 0; padding: 0 0 1em 0;
	background-color:#f9f9f9;
	}
	
.folders h2, h2.folders {
	font-size:114%;
	padding-left:40px;
	background: transparent url('/img/folder-30px-gabato.png') no-repeat left center;
	}

.folders ul, .folders h2, .folders p {
	margin-left:0.75em;
}

.list-inline li { /*2010-01-11*/
list-style-type:none;
display: inline;
/*padding-right:.5em;*/
}
.list-inline span.trefferzahl { /*2010-01-11*/
visibility:hidden;
}
.list-inline span.trefferzahl:hover { /*2010-01-11*/
visibility:visible;
}

.hausfakten {
	margin-top:1.6em; /*2010-11-27 lu für Dateialsseite*/
}

.folders ul li, .hausfakten ul li, .nobullets li {
	list-style-type:none;
	text-indent: -1.25em; /*experimental*/
	margin-left:1.25em;	
}

.overview .folders {
	padding-left:18px;
	background: transparent url('/img/folder-8px-lu.png') no-repeat 4px center;
}
.overviewicon {
	color:#000;
	width:64px;
	height:40px;
	padding:40px 0 0 0;
	margin:0 1em 0 0;
	text-align:center;
	background:url('/img/icons-overview-64px.png') no-repeat;
}
.overviewicon:link, .overviewicon:visited {	color:#000;}

.preise-icon {	background-position: 0 0;}
.betten-icon {	background-position: 0 -120px;}
.behindertengerecht-icon {	background-position: 0 -240px;}
.teils-behindertengerecht-icon {	background-position: 0 -360px;}
.zeltplatz-icon {	background-position: 0 -480px;}
.wasser-icon {	background-position: 0 -600px;}
.wald-icon {	background-position: 0 -720px;}


.hausplus ul {
	margin:0;
}
.hausplus li {
	list-style: none;
	padding:.25em 0 .25em 0;
}
.hausplus h2 {
	margin-top:0;
}

/* Formulare */
form {overflow:hidden;}
input, textarea {
/*    border: 1px #ccc solid; 
	background: #fafafa;
    color: #000;
	padding: 0.2em;
	margin: 0;*/
}
input[type=text], input[type=password], textarea { /* IE6 kann [type=text] nicht */
  border: 1px #ccc solid;
	background-color: #fafafa;
  color: #000;
	padding: 0.2em;
	width: 16em;
	padding: 0.1em; /* 2010-01-17 */
	margin: 0;	/* 8 2008 */
	font-weight: bold;	/* 8 2008 */
	height:1.5em; /* 8 2008 */	
}
input[type="checkbox"] { /* IE6  kann type nicht */
 border:none;
}
input[type="radio"] { /* IE6  kann type nicht */
 border:none;
}
textarea { /* 8 2008 */
	height:12em;
	width:32em; /* 8 2008, weglassen fuer 16em */
}

input.short { /* [type=text] */
	width: 3em;
	display:inline;
/*	height:auto; */
	padding: 0;
	margin: 0;
	text-align: right;
	font-weight: bold;
}
input.medium { /* [type=text] */
	width: 8em; /* war 5 em bis 2009-04 lu*/
	display:inline;
/*	height:auto; */
	padding: 0;
	margin: 0;
	text-align: right;
	font-weight: bold;
}

input[type=text]:focus, textarea:focus {
	background: #f0f0f0;
	color: #060;
	border-color: #666;
}
input[type=text]:hover, textarea:hover, input[type=submit]:hover  {
	background-color: #FFF8D3;
}
input[type=submit], .knopf {
	border-style: outset; /* button nicht gedrueckt */
	padding:.5em; /* bigger */
	font-weight:bold;
}

input[type=submit]:focus  {
	background: #c0ffc0;
	color: #333;
	border-color: #666;
	border-style: inset; /* button gedrueckt */
}



/* Neues Formulardesign 2010-04-29 Lu */

input.error {
	border-color:#f66;
	background-color:#fee;
}
input.error:hover {
	border-color:#f66;
}
input.error:focus {
	border-color:#f66;
	background-color:#FFFFF0;	
}
label.error {
	display:block;
	color:#900;
	padding-left:.25em;
}
input.readonly { 
	border:1px solid #fff;
	cursor: default;
	background-color: transparent;
}

textarea.valid, input.valid {
	border-color:#6c6;
	background-color:#efe;
}

.bgtrans {
background-color:transparent !important;
}

h1 .icon-haus {
	padding-left:24px;
	background-image:url('/img/haus_19px_grau.png');
	background-repeat:no-repeat;
	background-position:left center;
}

h1 .icon-haus:hover {
	background-image:url('/img/haus_19pxb.png');
}

.aktion {
	padding-left:32px;
	background-image: url("/img/icon-do-16px.png");
	background-repeat: no-repeat;
	background-position: 10px center;
	background-color: #FCDE07;
}
.aktion:hover {
	background-color:#c0ffc0 !important;
}
.aktion:focus {
	background-color:#9f9 !important;
	border-style:inset;
}

input.form2, input.beleganfrage {
	width:16em;
	overflow: visible; /*IE padding fix*/
	background-image:	url('/img/icon-belegungsanfrage-16px.png');
}		


.form2 fieldset, #beleganfrage fieldset
{
padding:1em;
background:#f6f6f6;
border: 1px solid #eee;
}

.form2 legend, #beleganfrage legend
{
color: #fff;
background: #999;
border: 1px solid #eee;
padding: 2px 6px
}

.form2 input[type='text'], #beleganfrage input[type='text']{
	background-color:#fff;
}
.form2 textarea, #beleganfrage textarea {
	background-color:#fff;
	width:99%;
}





/* NAVIGATION **************************************************** */

div#headernav ul,
div#ft ul
 {
	padding: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 100%;
	color: #fff;
}

div#headernav ul li,
div#ft ul li
{ display: inline; margin:0; padding:0}

div#headernav  ul li a,
div#ft  ul li a {
	display:block;
	float: left;
	width: auto; /* oder: 10em;*/
	color: #000;
	border-right: 1px solid #fff;
}
	div#headernav  ul li a{
	height:16px;
	padding: 8px 16px 8px 16px;  /* Sonderregel in ie6.css */
	text-decoration: none;
	border-right: 1px solid #fff;
	border-top: 0px solid #FFF;
	font-weight: bold;
	text-decoration: none;
	}
div#ft  ul li a {
	padding: 8px;
}


#b01 div#headernav  ul li#nav_Startseite a,
#b02 div#headernav  ul li#nav_Verzeichnis a,
#b03 div#headernav  ul li#nav_maps a,
#b04 div#headernav  ul li#nav_Merkzettel a, 
#b05 div#headernav  ul li#nav_eintragen a,
#b06 div#headernav  ul li#nav_philosophie a,
#b07 div#headernav  ul li#nav_Kontakt a,
#b08 div#headernav  ul li#nav_Hilfe a,
#b09 div#headernav  ul li#nav_Ueber_uns a,
#b10 div#headernav  ul li#nav_Impressum a
{
	padding: 6px 16px 8px 16px;
	border-top: 2px solid #FF3F00;
	font-style: oblique;
	background-color: #fff
}
div#headernav ul li#homelink a,
div#ft ul li#homelink a {
	/* width:224px;*/ /* insgesamt 256px, zu breit fuer kleinen viewport*/
         }


div#headernav ul li a:hover,
div#ft ul li a:hover {
	background-color: #FFE243;
	color: #000;
}
	div#headernav ul li a:hover{
	/*	border-bottom: 2px solid #FF3F00;	*/
	border-top: 2px solid #FFF;
	padding: 6px 16px 8px 16px;
	}



/* Sitebar ******************************************************** */

#sitebar{background-image:url(../img/shadow_right.png); background-position:right; background-repeat:repeat-y; background-color:#fff;}

#b01 #sitebar {
	position: relative; top:-80px;  /* alternativ -178px */
	background-image: none;
	background-color: transparent;
}

#content { /* TEMP ANIMATIONSTEST */
	width:240px;
}

.settings { /* alle DIVs fuer Inhalte und Einstellungen in Suchnav  */
	margin-bottom:6px;
	margin-bottom:12px;
	color: #333; /* 8/2008 nun 333 statt 666 */
}

li.freizeit_gesucht_gefunden, .oklist { /* 8/2008 OK List nicht mehr gebraucht? UL mit gruenen Haeckchen als Liste, zB bei Hausdetails, 3/2008 */
	list-style-image:url(../img/ok.png)
}
li.freizeit_gesucht { /* Gesucht aber nicht geudnen 8/2008 */
	list-style-image:url(../img/icon_sw_no_12.png);
	color: #999;
}
.durchgestrichen { 
	text-decoration:line-through;
}

.optionbox { /* Gelb hervorgehobener Kasten z.B. Hausdetails, 3/2008 */
	display:block; /* 2010-01-06 für Links wie Belegugnsanfrage */
	background: #FFF8D3 url(/img/yellow_shine_48px.jpg) top left repeat-x;
	border:1px solid #c6c6c6;
	padding:6px;
	margin:1em 0 1em 0; /*edit 2010-01-10*/
}
ul.optionlist, ul.pagerlist, ul.inlinelist { /* Inline Liste mit Optionen 3/2008 */
margin: 0;
padding: 0;
list-style-type: none;
/* float: left;
width: 100%; */
}
ul.optionlist li /*3 /2008 */
{ display: inline; margin:0 2em 0 0; padding:0;}

ul.pagerlist li, ul.inlinelist li /* 2009-11 und 2010-01-06 */
{ display: inline; margin:0 0.5em 0 0; padding:0; }
ul.inlinelist li /* 2009-11 und 2010-01-06 */
{ margin:0 1em 0 0; padding:0; }


ul.pagerlist li a.next, ul.pagerlist li a.all /* 2009-11 */
{ margin-left: 0.5em}

ul.pagerlist li a.prev /* 2009-11 */
{ margin-right: 0.5em}


/*Links in der Paginierung*/
a.menu:visited {color:#ff3f00; text-decoration:none;} /*2009-11-03 von Lu: In Suchergebnissen gibt es keine besuchten Links*/
a.menu:visited:hover {color: blue; text-decoration:underline;} 


/*Version mit Buttons:
.content_head {min-height:3em; height:3em; display:block;}
a.menu {display:block; border:1px solid #ff3f00; min-width:2em; min-height:2em; margin-left:0.5em; text-align:center; vertical-align:bottom; display:block; float:left;}
a.menu:hover {color:#FFF; background-color:#ff3f00; text-decoration:none;} 
a.menu:visited {color:#ff3f00; text-decoration:none;} 
a.menu:visited:hover {color:#FFF; background-color:#ff3f00; text-decoration:underline;} 
*/


#sitebarheader {position:relative; top:-32px; width:160px; line-height:100%; margin:0; padding-left:8px;}
#b01 #sitebarheader {position:relative; top:0; width:160px; line-height:100%; margin:0; padding-left:8px;}
.biggray {width:240px; height:80px; background-image:url(../img/surface_big_gray.jpg); background-repeat:no-repeat; } /* edit 8/2008; padding in den child elementen, da IE dies nicht zur SIZE dazu addiert, FF schon */
.biggray h1 {/*font-size:129%;*/ margin:0; padding:12px 8px 0 16px;} /* temp h1 in suchleiste */
.biggray p { margin:0; padding:0 8px 0 16px; }
.biggray p input { margin-top:2em; width:100%; background-color:#FFF8D3; border-color:#000; } /* 8 2008 Absendebutton, Farbe hellgelb provisorisch*/
.biggray p input:hover { margin-top:2em; width:100%; background-color:#a9ff43; } /* 8 2008 Absendebutton, Farbe a9ff43 provisorisch*/
#b01 #sitebarheader p { margin:0; padding:0 8px 0 16px; border:2px solid yellow;} /* 8 2008 kann raus oder? nicht mehr in verwendung ToDo*/
#b01 #sitebarhead {background-image:none}  /* biggray auf der Startseite oben durchsichtig*/


.greysf {width:240px; min-height:32px; background-image:url(../img/surface_grey.png); background-repeat:no-repeat; padding-left:8px; cursor:pointer;} /* cursor 7/2008  */ /*pointer;*/
.yellowsf {width:240px; min-height:32px; background-image:url(../img/surface_yellow.png); background-repeat:no-repeat; padding-left:8px; cursor: n-resize;}
.yellowsf p { padding:8px 8px 2px 16px;} /*  p in Ueberschrift */  /* edit 8 2008 unten nur noch 2 stat 8px */
.greysf p { padding:8px 8px 2px 16px;} /*  p in Ueberschrift */ /* edit 8 2008 unten nur noch 2 stat 8px */
div.settings p {	padding-top:0; padding-bottom:0;} /* p in Suchabsaetzen */
.settings {	cursor:default;} /* in Suchabsaetzen */
.yellowsf img {vertical-align:middle}
.greysf img {vertical-align:middle}
#persons p { padding:2px 8px 2px 16px;} /* zweizeilig */
#price { margin-top:-1px;} /* TEMP fix */
.resultssf {width:240px;} /* neutrale div container in dem Suchergebnis. ggf alternativ mit 'yui-b div' formatierbar */
.resultssf p {padding-left:16px; padding-right:8px;}
.information, p.information { padding-left:32px; min-height:32px; background-image:url(../img/icon_info_24.png); background-repeat:no-repeat; background-position:center left;} /* p,information weil ohne p wird es ueberschrieben 8/2008 lu */ /*color:#999;*/

/* SUCHLEISTE **************************************************** */

/* Links zu Karten */
strong label /*provisorisch*/
 {
	cursor:pointer;
}
strong label:hover /*provisorisch*/
 {
	cursor:pointer;
	color:blue;
}


/* Feriengebiet Karte */
  /* default link styles noetig, oben deklariert */
  #fg-fuss {clear:both}  

  #hovermap {width:414px; height:564px; background-repeat:no-repeat; position:relative; float:left; margin-right:.5em;}
  #hovermap ul {background:transparent; padding:0; margin:0; list-style:none;} /*  background  nicht noetig oder?  width:414px; height:564px; ?*/
  

  #hovermap  a:active {text-decoration:none;} /* 7/08 ergaenzt. Lu */
  #hovermap  a:hover {text-decoration:none;} /* 7/08 ergaenzt. Lu */

/* deaktiviert: span, nun a 		  #hovermap ul li span {position:absolute; z-index:100} */

  #hovermap ul li a b {display:none; font-weight:normal;} /* Text nicht anzeigen */
  #hovermap ul li a {display: block; border: 1px solid transparent; padding:1px 3px 1px 3px; }
  #hovermap ul li a:hover {border:1px solid #666; background-color:white;} 
  #hovermap ul li a:hover b {display:block; margin: 0 0 0 1.5em;  min-height:1.9em;} /* min height neu in 8/2008 */
  #hovermap ul li a input {display:block; margin:.25em 0 .25em 0; float:left;} /* margin nach unten rueckt text ein */
  #hovermap ul li a:hover label {display:block; cursor: pointer; width:15em} /* 8 2008 width fuer IE wichtig */

  /* for IE7 */
  #hovermap ul li a:hover b { padding:.25em; margin:0; display:block;}
  #hovermap ul li a {cursor:default;}
  #hovermap ul li a:hover label, #hovermap ul li a:hover input {cursor:pointer;}

  #hovermap ul li {display:inline; width:0; height:0;} /* fuer IE benoetigt */
	/* NEU 8/2008 statt li span nun li a */
  #hovermap ul li a {position:absolute; z-index:100;}
  #hovermap ul li.p1 a {left:112px; top:9px;} /* 1 Nordfrisische Inseln */
  #hovermap ul li.p3 a {left:130px; top:23px;} /* 3 SHL Nordsee */
  #hovermap ul li.p4 a {left:160px; top:30px;} /* 4 SHL Ostsee */
  #hovermap ul li.p8 a {left:59px; top:260px;} /* 8 JETZT: RUHRGEBIET. F Sund */
  #hovermap ul li.p9 a {left:230px; top:72px;} /* 9 Luebecker Bucht */
  #hovermap ul li.p10 a {left:180px; top:60px;} /* 10 Holst Schweiz */
  #hovermap ul li.p11 a {left:320px; top:170px;} /* 11 Berlin-Zentrum */
  #hovermap ul li.p12 a {left:70px; top:80px;} /* 12 Ostfriesische Inseln */
  #hovermap ul li.p13 a {left:100px; top:90px;} /* 13 Niedersaechsische Nordseekueste */
  #hovermap ul li.p14 a {left:80px; top:110px;} /* 14 Ostfriesland */
  #hovermap ul li.p15 a {left:190px; top:150px;} /* 15 Lueneburger Heide */
  #hovermap ul li.p16 a {left:270px; top:170px;} /* 16 Wendland / Elbtalaue */
  #hovermap ul li.p17 a {left:160px; top:170px;} /* 17 Steinhuder Meer */
  #hovermap ul li.p18 a {left:160px; top:225px;} /* 18 Weserbergland */
  #hovermap ul li.p19 a {left:205px; top:225px;} /* 19 Harz */
  #hovermap ul li.p20 a {left:120px; top:210px;} /* 20 Teutoburger Wald */
  #hovermap ul li.p21 a {left:90px; top:270px;} /* 21 Sauerland / Bergisches Land */
  #hovermap ul li.p22 a {left:20px; top:235px;} /* 22 Niederrhein */
  #hovermap ul li.p23 a {left:70px; top:210px;} /* 23 Muensterland */
  #hovermap ul li.p24 a {left:25px; top:330px;} /* 24 Eifel */
  #hovermap ul li.p25 a {left:40px; top:345px;} /* 25 Mosel */
  #hovermap ul li.p26 a {left:70px; top:325px;} /* 26 Rheintal (Koblenz - Bingen) */
  #hovermap ul li.p27 a {left:50px; top:365px;} /* 27 Hunsrueck-Nahetal */
  #hovermap ul li.p28 a {left:80px; top:305px;} /* 28 Lahntal */
  #hovermap ul li.p29 a {left:90px; top:325px;} /* 29 Taunus */
  #hovermap ul li.p30 a {left:150px; top:355px;} /* 30 Spessart */
  #hovermap ul li.p31 a {left:170px; top:325px;} /* 31 Roehn */
  #hovermap ul li.p32 a {left:135px; top:380px;} /* 32 Odenwald */
  #hovermap ul li.p33 a {left:100px; top:475px;} /* 33 Schwarzwald / Hotzenwald */
  #hovermap ul li.p34 a {left:140px; top:515px;} /* 34 Bodensee */
  #hovermap ul li.p35 a {left:130px; top:405px;} /* 35 Neckartal */
  #hovermap ul li.p36 a {left:185px; top:510px;} /* 36 Allgaeu */
  #hovermap ul li.p37 a {left:185px; top:535px;} /* 37 Oberallgaeu / Allgaeuer Alpen */
  #hovermap ul li.p38 a {left:230px; top:510px;} /* 38 Oberbayerische Seen / Bayerische Alpen */
  #hovermap ul li.p39 a {left:280px; top:500px;} /* 39 Chiemsee / Chiemgau */
  #hovermap ul li.p40 a {left:300px; top:510px;} /* 40 Berchtesgadener Land */
  #hovermap ul li.p41 a {left:260px; top:340px;} /* 41 Fichtelgebirge */
  #hovermap ul li.p42 a {left:220px; top:420px;} /* 42 Altmuehltal */
  #hovermap ul li.p43 a {left:310px; top:425px;} /* 43 Bayrischer Wald */
  #hovermap ul li.p44 a {left:190px; top:390px;} /* 44 Taubertal */
  #hovermap ul li.p45 a {left:270px; top:375px;} /* 45 Oberpfaelzer Wald */
  #hovermap ul li.p46 a {left:320px; top:30px;} /* 46 Ruegen */
  #hovermap ul li.p47 a {left:340px; top:60px;} /* 47 Usedom / Stettiner Haff */
  #hovermap ul li.p48 a {left:280px; top:40px;} /* 48 Darss-Zingst / Bodden */
  /* keine 49 */
  #hovermap ul li.p50 a {left:250px; top:60px;} /* 50 Mecklenburgische Ostseekueste */
  #hovermap ul li.p51 a {left:290px; top:100px;} /* 51 Mecklenburgische Seenplatte */
  #hovermap ul li.p52 a {left:290px; top:80px;} /* 52 Mecklenburgische Schweiz */
  #hovermap ul li.p53 a {left:340px; top:90px;} /* 53 Uckermark / Schorfheide */
  #hovermap ul li.p54 a {left:360px; top:160px;} /* 54 Oderbruch */
  #hovermap ul li.p55 a {left:360px; top:180px;} /* 55 Maerkische Schweiz */
  #hovermap ul li.p56 a {left:300px; top:190px;} /* 56 Maerkische Heide, etwas hoeher eigentlich */
  #hovermap ul li.p57 a {left:330px; top:200px;} /* 57 Spreewald */
  #hovermap ul li.p58 a {left:340px; top:280px;} /* 58 Elbsandsteingebirge / Saechsische Schweiz */
  #hovermap ul li.p59 a {left:300px; top:300px;} /* 59 Erzgebirge */
  #hovermap ul li.p60 a {left:210px; top:300px;} /* 60 Thueringer Wald */
  /* #hovermap ul li.pXX a {left:10px; top:10px;}  XX  Ruhrgebiet */







#div_region, #div_bl, #div_map { /* verstecktes Div mit Karte und Liste der Feriengebiete, Bundeslaender, Google Suchkarte */
	background-color:#FFF8D3; /* hellgelb*/
	background-image:url(../img/yellow_shine_48px.jpg);
	background-position:top; 
	background-repeat:repeat-x;	
	padding:1em;
	border:1px solid #c6c6c6;
  	border-right: 2px groove #c6c6c6; /* pseudo schatten effekt */
  	border-bottom: 2px groove #c6c6c6;
	margin-top:1em;
}


/* Google AOI Karte */
#frame_map_select { /* Google Suchkarte IFrame */
	border: 0px;
	width:100%;
/*	min-width:800px; */
	height:680px; /* Achtung, haengt mit aoi sellect map groesse zusammen */
}

#aoi-select-map {	 /* Google DIV im IFrame */
	width:100%;
	height:520px; /* Achtung, haengt mit frame map select groesse zusammen */
	border:1px solid #000;
	clear:both;	
}


#divMessage, .warning {
	background-image:url(../img/icon_warning_24.png); padding-left:32px; background-repeat:no-repeat; background-position:center left;
	border:1px solid red;
	color:red;	
}
input.error { /*2010-04-15 Lu*/
	background-color:#FFFAFA;
	border-color:#FBB;
}


#btnDraw	{	background-image:url(../img/icon_area_24.png); padding-left:32px; background-repeat:no-repeat; background-position:center left;}
#btnClose	{	background-image:url(../img/dialog_ok_24.png); padding-left:32px; background-repeat:no-repeat; background-position:center left;}
#btnReset	{ 	background-image:url(../img/icon_cancel_24.png); background-color: #fff; padding-left:32px; background-repeat:no-repeat; background-position:center left;}
#SelectedKM {   padding-left:6px; line-height:1em; border:1px solid #fff; background-color:#e0e0e0;}

.btnfixed, .btndeaktiviert, .aktiviert  { /* wird auch zugewiesen fuer knoepfe die nicht gewaehlt aber nicht deaktiviert sind*/
display:block;
height:3em;
border:1px solid #666;
border-style: outset; /* button nicht gedrueckt */
background-color:#fff; /* oder fff6c7 oder #FFF8D3*/
line-height:1em;
padding-top:6px; /* weil ohne table-cell kein vertical center moeglich */
}
.btnfixed:active, .aktiviert { /* aktivierte knoepfe */
	background: #c0ffc0;
	color: #333;
	border-color: #666;
	border-style: inset; /* button gedrueckt */	
}
.btndeaktiviert { 
border:1px solid #ccc; color: #999;
}

.btnfixed:hover {
	color: #000;
	border-color: #000;
}

/* Startseite */
#b01 h1 {letter-spacing: -0.05em; text-decoration:none;}
#b01 h1 a:link, #b01 h1 a:visited {color: #000; text-decoration:none; font-size:93%;  line-height:.95em} /* size 2010-01-13*/
#b01 h1 a:link:hover, #b01 h1 a:link:hover span {color:blue; text-decoration:none;}
#b01 h1 a:visited:hover, #b01 h1 a:visited:hover span {color:#551a8b; text-decoration:none;}


#b01 #div_default ul li a:link, #b01 #div_default ul li a:visited {color:#000; text-decoration:none;}
#b01 #div_default ul li a:hover {color:blue; text-decoration:underline;}
#b01 #div_default ul li a:visited:hover {color:blue;  text-decoration:underline;}

#b01 #div_default ul li a:link strong {color:#ff3f00;  text-decoration:none;}
#b01 #div_default ul li a:visited strong {color:#ff3f00;  text-decoration:none;}
#b01 #div_default ul li a:link:hover strong {color:blue;  text-decoration:underline;}
#b01 #div_default ul li a:visited:hover strong {color:blue; text-decoration:underline;}


/* Derzeit nicht verwendete Klassen */
/* .kartenliste		fuer Liste der Turi Regionen, nicht benoetigt 6/2008 */



/* Start: Tooltip */
a span.infobox {
  visibility:hidden; display:none;
  position:absolute;
  margin-top:1.0em; padding:0.5em;
  text-decoration:none;
  z-index:1;
}

a:hover span.infobox {
  visibility:visible; display:block;
  left:1em;
  border:1px solid #c30;
  color:black; background:white;
  text-decoration:none;
  z-index:1;
}

.infolink { /* von lu 7/2008 */
	cursor: help;
/*	color:#FF3F00;*/
	color:#666;
	text-decoration:none;
	border-bottom:1px dotted #FF3F00;

	}
	
}
.infolink:hover { /* von lu 7/2008 */
	cursor: help;
	color:#000;	
	border-bottom:1px solid #FF3F00;	
}

.infolink span.infobox {
  visibility:hidden; display:none;
  position:absolute;  	
  margin-top:1.0em; padding:0.5em;
  text-decoration:none;
  z-index:1;
	max-width:32em; /*Lu 2009-10*/
}

.infolink:hover span.infobox {
  visibility:visible; display:block;
  left:1em;
  border:1px solid #c30;
  color:black; background:white;
  text-decoration:none;
  z-index:1;
}
/* Ende: Tooltip - Jochen */


div#lodgingtype_open  p  label  span.infolink  { /* in der suchleiste*/
	color:#666;
}

.content_head, .trt { /* .content_head z.B. Suchergebnisse Seite 1 von X  ----  trt = text align right */ 
	text-align:right;
}

input[type="checkbox"] {
  border:none;
}
input[type="radio"] {
  border:none;
}

/* === 16px Icons === */

.beds { /* betten zB auf hausdetails */
	padding-left:16px !important;
	background: url('/img/bed-mini.png') no-repeat left center;
	white-space:nowrap;		
		}
.wald { /* zB auf hausdetails */
	padding-left:20px !important;
	background: url('/img/icon-wald-16px.png') no-repeat left center;
	white-space:nowrap;	
}
.wasser { /* zB auf hausdetails */
	padding-left:20px !important;
	background: url('/img/icon-wasser-16px-png24-lu.png') no-repeat left center;
	white-space:nowrap;	
}
				
/*
.essen {
  padding-left:16px !important;
	background: url(/img/icon-essen-16px.png) no-repeat left center;
	white-space:nowrap;	
}
*/	

ul.optionlist li.beds { /* betten in suchergebnissen */
	padding-right:16px !important;
	background: url(/img/bed-mini.png) no-repeat right center;
	}

/* == 16px Überschriften Icons == */
h2.leistungen { /* hausdetails Icon */
	background: url('/img/icon-pin-plus-16px.png') no-repeat center left;
}

h2.essen { /* hausdetails Icon */
	background: url('/img/icon-essen-16px.png') no-repeat center left;
}

/* Derzeit nicht verwendet
	h2.haustyp {
	background: url('/img/icon-gruppenhaus-typ-16px.png') no-repeat center left;
}
*/
h2.price { /* hausdetails Icon */
	background: url('/img/icon-gruppenhaus-price-16px.png') no-repeat center left;
}

/* Derzeit nicht verwendet
	h2.freizeit { 
	background: url('/img/icon-freizeit-soccer-16px.png') no-repeat center left;
}
*/
h2.zeltplatz { 
	background: url('/img/icon-zeltplatz-16px.png') no-repeat center left;
}

h2.kontakt { 
	background: url('/img/icon-mail-16px.png') no-repeat center left;
}

h2.zimmer { 
	background: url('/img/icon-zimmer-door_open-16px.png') no-repeat center left;
}

h2.folder { /*experimental*/
	background: url('/img/folder-12px-gabato-lu-png24.png') no-repeat center left;
}

h2.umgebung, h2.price, h2.kontakt, h2.leistungen, h2.zimmer, h2.zeltplatz, h2.folder, h2.essen { /* hausdetails Icon */
	padding-left:2.0em;
}



.price table { /*MouseOver Tooltips links asurichten 2009-11 */
	text-align:left;
}

ul.optionlist li.price { /* Suchergebnisse: Für einheitliches Layout */
	min-width: 4em;
	text-align:right
}

.dialog-ok { /*2010-12-06 Bestätigung zB bei Beleganfrage*/
	background:#efe url(/img/icon-ok-48px.png) 10px center no-repeat;
	border:2px solid #0c0;
	padding-left:72px;
}


/* Paddings und Margins für alle und zwar umsonst 2010-01-11 */
.pm0 {
	padding:0;
	margin:0;
}
.mt1 {
	margin-top:1em;
}
.mb1 {
	margin-bottom:1em;
}
.pb1 {
	padding-bottom:1em;
}

.b0 {
	border:0;
}
.tac {
	text-align:center;
}
.nbr { /*No line break */
	white-space:nowrap;
}
.w-auto {
	width:auto !important;
}
.w100 {
	width:100% !important;
}

#topkarte { /*Kleine Karte in den overviewicons auf hausdetails*/
	color:#000; padding-left:1em; padding-right:.75em
}


.widthlimit { /* zB Text auf Über uns */
	max-width:42em;
}
.w20em { /* zB Verzeichnis Buttons */
	width:20em;
}
	
	
	
/* Floatboxkonzept wie in YAML 	2010-01*/
.floatbox { overflow:hidden; }
* html .floatbox {width:100%;} /* Anpassung für IE */

#browser5 {display:none;}







/*	####################################################################
token-input.css und ergänzungen von lu zu token-input.css
#################################################################### */

/* Example tokeninput style #1: Token vertical list*/
ul.token-input-list {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    width: 148px;
    border: 1px solid #999;
    cursor: text;
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

ul.token-input-list li {
    list-style-type: none;
}

ul.token-input-list li input {
    border: 0;
    width: 350px; /*Todo: Anpassen?;*/
    padding: 3px 8px;
    background-color: white;
}

li.token-input-token {
    overflow: hidden; 
    height: auto !important; 
    height: 1%;
    margin: 3px;
    padding: 3px 5px;
    background-color: #d0efa0; /*gruen*/
    color: #000;
/*    font-weight: bold;*/      
    cursor: default;
    display: block;
}

li.token-input-token p {
    float: left;
    padding: 0;
    margin: 0;
}

li.token-input-token span {
    float: right;
    color: #777;
    cursor: pointer;
}

li.token-input-selected-token {
    background-color: #08844e;
    color: #fff;
}

li.token-input-selected-token span {
    color: #bbb;
}

div.token-input-dropdown {
    position: absolute;
    width: 350px;
    background-color: #fff;
    background-color: rgba(255,255,255,.85);
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    max-height:180px;
    overflow-y: auto;
/*    font-size: 12px;
    font-family: Verdana;*/
    z-index: 200; /* lu von 1 auf 200, damit karte pberdeckt */
}

div.token-input-dropdown p {
    margin: 0;
    padding: 5px;
/*    font-weight: bold;*/
    color: #777;
}

div.token-input-dropdown ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown ul li {
    background-color: #fff;
		background-color: rgba(255,255,255,.85);
    padding: 3px;
    list-style-type: none;
}

div.token-input-dropdown ul li.token-input-dropdown-item {
    background-color: #fafafa;
		background-color: rgba(250,250,250,.85);
}

div.token-input-dropdown ul li.token-input-dropdown-item2 {
    background-color: #fff;
		background-color: rgba(255,255,255,.85);
}

div.token-input-dropdown ul li em {
    font-weight: bold;
    font-style: normal;
}

div.token-input-dropdown ul li.token-input-selected-dropdown-item {
    background-color: #d0efa0;
}






/* von Lu ergänzt*/


.highlight-bg {
	background: #fcde07;
	width:240px; height:46px;	
}

.highlight-bg p {
	padding-top:.75em;
	padding-left:1em	
}

.highlight-bg .knopf {
	border:1px solid #000; color:#000; background: #FFF url(/img/button-white-bg.png) no-repeat bottom right; min-width:100px; margin-right:1em;
	cursor:pointer;
}

.highlight-bg .knopf:hover {
	border:1px solid #000; color:#000; background: #CFC url(/img/button-green-bg.png) no-repeat bottom right; min-width:100px; margin-right:1em;
	cursor:pointer;
}

.highlight-bg .knopf:active {
	border:1px solid #090; 
	background: #CFC url(/img/button-green-pressed.png) no-repeat top left
}

.highlight-bg span {
	padding-top:.5em; padding-right:1em
}

.aktion, .aktion:visited { /* zB Blegugnsanfrage, Absenden. Ersetzt evtl .knopf! todo */
	display:block;
	color:#000;
	font-weight:bold;
	padding:0.5em 0.5em 0.5em 3.5em !important;	
	border-style:solid;
	border-width:1px;		
	background: #FCDE07 url('/img/icon-go-next-16.png') no-repeat 10px center;
}

.belegungsanfrage { /* Button mit Icon */
	background: #FCDE07 url('/img/icon-belegungsanfrage-16px.png') no-repeat 10px center;
	padding-left:3.5em;
}

a.belegungsanfrage:hover, a.belegungsanfrage:visited:hover, a.aktion:hover, a.aktion:visited:hover { 
	background-color:#c0ffc0;
	text-decoration:none;
	color:blue;
}

.softbox, .softbox:visited { /* zb fieldset bei belegugnsanfrage 2010-02-17 und aktion im verzeichnis.htm 2010-02-23 */
	border: 1px solid #ccc; padding: 1em; background-color: #ffe;
}

.fill {
	/* Set rules to fill background */
	min-height: 120px;
  min-width: 100%;

  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
}

.teaser {
	font-size: 129%;
}

.borderb {
	border-bottom:1px solid #ccc;
}
.bordert {
	border-top:1px solid #ccc;
}

.mtb1 { /*margin top bottom 1em*/
	margin-top:1em;
	margin-bottom:1em;	
}

.toplist { /* Premium Bilder, ggf bessere Klasse erstellen 2010-11-27 */
height:120px; margin-right:6px; margin-bottom:6px; display:block; width:48%; overflow:hidden; position:relative
}
.toplist span.km {
	position:absolute; left:0; top:0; color:#fff; background:RGBa(0,0,0,.5) url('/img/icon-dist-w.png') 4px 4px no-repeat; padding-left:20px; padding-right:4px;
	max-height:4.8em; display:block; overflow:hidden; 
}
.anbieterinfo {
	display:block; min-height:20x;
	background: url('/img/icon-edit-16.png') 0px center no-repeat; padding-left:20px; padding-right:4px;
}
a.toplist:hover {
	text-decoration:none;
	}

.toplist span.km span.hausname {display:block; display:none;}
.toplist:hover span.km span.hausname {display:inline;}



#haussuche img {
	margin: 0 1em 0 1em;
	padding:0
}
#haussuche p {
	line-height:77%; padding:.7em
}

#haussuche strong {
	font-size:122%
}

#ortssuche, #preise-suche, #filter-suche, #haustyp-suche {
	padding-left:1em
}

#haustyp-suche select {
	width: 216px; /*For IE*/
	max-width:216px;	
}

#umkreis-select {
	margin: 3px 0 3px 0
}

#filter-suche {
	margin-top:1.75em;
	margin-bottom:1em;
}	

.token-input-dropdown .typ, .token-input-dropdown .trefferzahl {margin-left:2em; float:right;}
.typ b {font-weight:normal;}

li.token-input-token p .trefferzahl, li.token-input-token p .typ {display:none;} /* Typ undTrefferzahl nicht mehr anzeigen wenn gewählt */
li.token-input-dropdown p .typ {display:block;} /* Typ in Suggest anzeigen */

.loading {background: url('/img/load_yellow.gif') no-repeat left center;} /* Typ nicht mehr anzeigen wenn gewählt */

.galleria-info-title {
  color: #ffffff;
}
.galleria-info-description {
  color: #ffffff;
}

#message {
  position:fixed;
  top:200px;
  left:30%;
  right:30%;
 	margin-bottom:1em;
	border-radius: 10px;
	-moz-border-radius: 10px;	
	border:none;
	padding:8px;
  text-align: center;
	background-color:#ccffcc;
  color: #006600;
  font-weight: bold;	
}

#shadow {background-image:url(/shade1x1.png); position:absolute; left:0; top:0; width:100%; z-index:100;}

.seasontable del {
  text-decoration: none;
}
.seasontable span, .seasontable del {
  padding: 5px 3px;
  text-align: center;
  width: 24px;
  color: #CCC;
  border: 1px solid #CCC;
  margin-left: -2px;
}

.seasontable .suggested {
  background-color: black;
  color: white;
}