/* -----
   www.gruppenfreizeiten.de
   Allgemeine Darstellung
   ----- */

/* ----- Dateiweite Einstellungen ----- */

body { /* farbschema */
    margin: 0;
    padding: 0;
    background: #FEFCE2 url(images/hintergrund.gif) bottom left repeat-x;
}

body, table, button {
    font: normal 10pt/1.25em Tahoma, Verdana, Arial, sans-serif;
}

a img {
  border: 0;
}

    /* Überschriften und Absätze */

h1 {
    margin: 0;
    padding: 0;
    font: bold 14pt/200% "Arial Narrow", Arial, sans-serif;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    color: #666;
}

h2 {
    margin: 30px 0 20px 0;
    padding: 0;
    font: bold 13pt/110% "Arial Narrow", Arial, sans-serif;
    text-align: left;
    text-decoration: none;
}

h3 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 10pt;
    text-align: left;
    text-decoration: none;
}

h4 { /* farbschema */
    color: #bc9b3d;
    margin: 0.25em 0;
    padding: 0;
    font-size: 12pt;
    font-weight: normal;
    letter-spacing: 0.15em;
    text-align: left;
    text-decoration: none;
}

p {
    margin: 0.5em 0 1.5em 0;
    padding: 0;
    text-align: justify;
}

/*
.initial:first-letter {
    display: block;
    float: left;
    vertical-align: top;
    margin: 0 3px 0 0;
    padding: 0;
    font: normal 250%/80% "Times New Roman", serif;
    text-transform: uppercase;
}
*/

hr {
    width: 100%;
    height: 0px;
    border: 0px none;
    border-bottom: 1px solid #666;
}

.ende {
    height: 1px;
    overflow: hidden;
    clear: both;
}

    /* Links */

a {
    color: #666;
    text-decoration: underline;
}

a img {
    border: 0px none;
}

a.extern {
    padding-left: 20px;
    background: transparent url(images/link-extern.gif) top left no-repeat;
}

a.medien {
    padding-left: 20px;
    background: transparent url(images/link-popup.gif) top left no-repeat;
}

    /* Listen */

.linkliste {
    margin: 1px 0 0 0;
    padding: 0;
}

.linkliste li {
    display: inline;
    font: 11px/16px Arial, sans-serif;
}

.linkliste a { /* farbschema */
    display: block;
    margin: 0 0 1px 0;
    padding: 0 10px 0 25px;
    text-decoration: none;
    color: #000;
    background: #E8D9A5 url(images/pfeil-ro.gif) 10px 1px no-repeat;
}

.linkliste a:hover { /* farbschema */
    color: #FFF;
    background-color: #BC9B3D;
}

.haus-essen ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.haus-essen li {
    display: inline;
    float: left;
    margin: 2px 3px 0 0;
    padding: 0;
}

    /* Bilder */

img {
    border: none;
}

    /* Tabellen (auch: Bilder) */

table {
}

th {
    text-align: left;
    font-weight: bold;
}

td, th {
    vertical-align: top;
}

.ym { /* hier: auch Bilder */
    vertical-align: middle;
}

/* Formulare */
form {
    margin: 0;
    padding: 0;
}

fieldset {
    border: 1px solid #666;
    padding-right: 10px;
    padding-left: 10px;
}

.fieldset {
    margin: 5px 10px 10px 10px;
}

legend {
    font-weight: bold;
    color: #000;
    padding-left: 10px;
    padding-right: 10px;
}

input[type=checkbox], input[type=radio] { /* fixes Moz bug */
    position: relative;
    top: 2px;
    left: 0;
}

option.ebene2 {
    padding-left: 2em;
}

    /* Zeichen */

strong {
    font-weight: bold;
    font-style: normal;
}

em {
    font-weight: bold;
    font-style: italic;
}

    /* Hintergrundfarben */

.bg1 { /* farbschema */
    background-color: #BC9B3D;
}

.bg2 { /* farbschema */
    background-color: #E8D9A5;
}

/* ----- Navigation ----- */

#navigation {
    position: relative;
    top: 0;
    left: 0;
    height: 200px;
    background: transparent url(images/nav-hintergrund.gif) top left repeat-x;
}

    /* Logo */

#logo {
    position: absolute;
    top: 7px;
    left: 314px;
    z-index: 1;
}

     /* Hauptnavigation */

#nav1 ul, #nav2 ul, #nav3 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#nav1 a, #nav3 a {
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

#nav1 {
    font: 10pt/19px "Arial Narrow", Arial, sans-serif;
    position: relative;
    top: 0;
    left: 0;
    height: 100px;
    margin-left: 304px;
    background: transparent url(images/nav1-hintergrund.gif) top left repeat-x;
}

#nav1 ul {
    position: absolute;
    top: 60px;
    left: 10px;
}

#nav1 li {
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    height: 21px;
}

#nav1 a {
    color: #000;
}

#nav1 a:hover { /* farbschema */
    border-bottom: 4px solid #EEA800; /* #D1B567 */
}

#nav2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 304px;
    height: 171px;
    background: transparent url(images/foto.jpg) top right no-repeat;
}

#nav2 ul {
    margin: 106px 0 0 0;
}

#nav2 li {
    display: block;
    margin: 0;
    padding: 0;
    height: 33px;
    overflow: hidden;
}

#nav3 { /* farbschema */
    font: 10pt/19px "Arial Narrow", Arial, sans-serif;
    position: absolute;
    top: 106px;
    left: 304px;
    width: 476px;
    height: 65px;
    background-color: #EEA800;
}

.kunden #nav3 { /* farbschema */
    background-color: #897D71;
}

#nav3 ul {
    display: block;
    float: left;
    margin-top: 2px;
}

#nav3 li {
    display: inline;
    margin: 0;
    padding: 0;
}

#nav3 a {
    display: block;
    margin: 0 0 0 8px;
    padding: 0 10px;
    background-image: url(images/nav3-li.gif);
    background-repeat: no-repeat;
    background-position: 0 7px;
    color: #FFF;
}

#nav3 a:hover {
    background-image: url(images/nav3-li-over.gif);
}

#merkzettel-link {
    position: absolute;
    top: 175px;
    left: 10px;
    font-size: 8pt;
}

#merkzettel-link a,
ul#shortcuts a {
    text-decoration: none;
    font-weight: bold;
}

#merkzettel-link a:hover,
ul#shortcuts a:hover {
    color: #000;
}

ul#shortcuts li.active a {
    color: #000;
    text-decoration: underline;
}

ul#shortcuts {
	list-style: none;
	position: absolute;
    top: 163px;
    left: 166px;
    font-size: 8pt;	
}

*:first-child+html ul#shortcuts {
    top: 173px;	
}

* html ul#shortcuts {
    top: 173px;	
}

ul#shortcuts li {
	width: auto;
	float: left;
	margin-right: 15px;	
}


/* ----- Seitenleiste ----- */

#seitenleiste {
    position: absolute;
    left: 0;
    width: 185px;
    height: auto;
    margin-top: 41px;
}


#seitenleiste .box {
    margin-bottom: 10px;
}

#seitenleiste .box img.titel {
    display: block;
    margin-bottom: 1px;
}

#seitenleiste .box p, #seitenleiste .box form {
    margin: 0 0 1px 0;
    padding: 10px;
}

#seitenleiste .box .eng {
    padding: 0 10px;
}

#seitenleiste .box p {
    font: 11px/16px Arial, sans-serif;
}

    /* Formulare */

#seitenleiste label, #start-login label {
    display: block;
    font-weight: bold;
    padding-left: 13px;
    background-image: url(images/pfeil-ur.gif);
    background-repeat: no-repeat;
    background-position: 0 4px;
}

#seitenleiste select {
    font-size: 10px;
    width: 155px;
}

#seitenleiste input {
    font-size: 10px;
    width: 150px;
}

#seitenleiste button, .belegungsanfrage button, #start-login button, .belegungsanfrage a, button.standard {
    border: 2px solid #eea800;
    background: #fff url(images/button-pfeil.gif) right 3px no-repeat;
    font-weight: bold;
    line-height: 1.2em;
    margin-top: 1em;
}

#seitenleiste button .text, .belegungsanfrage button .text, .belegungsanfrage a, #start-login button .text {
    display: inline;
    padding-right: 10px;
}

    /* Trefferliste */

#mini-treffer {
    font-size: 10px;
    line-height: 120%;
}

#mini-treffer ul.liste {
    list-style-type: none;
    margin: 0 0 1px 0;
    padding: 0;
    border-top: 1px solid #666;
}

#mini-treffer .liste li {
    margin: 0;
    padding: 3px 5px 3px 10px;
    background-color: #FFF;
    border-bottom: 1px solid #666;
    width: 170px;
}

#mini-treffer .liste li a {
    text-decoration: none;
}

#mini-treffer .haus-name {
    font-weight: bold;
}

#mini-treffer .haus-region {
}

#mini-treffer .haus-essen {
    display: block;
    width: 120px;
}

#mini-treffer .haus-preis {
	text-align:right;
    display: block;
    float: right;
    width: 55px;
}

    /* A&A-Seiten */

#aundaseiten .titel {
    padding: 0 5px;
    font-size: 8pt;
}

#aundaseiten ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#aundaseiten li {
    margin: 0;
    padding: 0;
}


/* ----- Hauptinhalt ----- */

#hauptinhalt {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 0 0 205px;
}

#nurinhalt {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 20px 0 20px;
}

#hauptinhalt .m {
    position: relative;
    top: 0;
    left: 0;
    width: 575px;
}

#hauptinhalt .l {
    position: relative;
    top: 0;
    left: 0;
    width: 775px;
    padding-right: 5px;
}

#hauptinhalt .xl {
    width: 850px;
}

#hauptinhalt .xxl {
    position: relative;
    top: 0;
    left: 0;
    width: 1900px;
    padding-right: 5px;
}

    /* Seitentitel */

#seitentitel {
    height: 66px;
    margin: 0 0 1px 0;
    background-image: url(images/h1-hintergrund.gif);
    background-repeat: repeat-x;
    background-position: top left;
}

    /* Boxen */

#hauptinhalt div.box {
    clear: both;
    margin-top: 0.75em;
    padding: 5px 0;
    border-top: 1px solid #bc9b3d;
}

    /* Links zum Seitenanfang */

#hauptinhalt .toplink { /* farbschema */
    clear: both;
    margin: 10px 0;
    padding: 0 25px;
    font: 11px/16px Arial, sans-serif;
    background: #E8D9A5 url(images/pfeil-or.gif) 10px 3px no-repeat;
}

#hauptinhalt .toplink a {
    color: #000;
    text-decoration: none;
}

    /* Tabellen */

.tabelle {
    margin-bottom: 0.5em;
}

table.tabelle th, table.tabelle td {
    padding: 3px;
    border-bottom: 1px solid #666;
}

table.tabelle td {
    background-color: #FFF;
}

div.tabelle {
    padding: 3px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    background-color: #FFF;
    height: 1%;
}

    /* ----- Intro, Very Important News (Startseite) ----- */

#intro {
	font: normal 9pt/1.5em Tahoma, Verdana, Arial, sans-serif;
    margin: 0.75em 0 0 0;
}

#vinews {
    margin-top: 0.75em;
    padding: 5px 10px;
    background-color: #fff; /* #E8D9A5 */
    border: 1px solid #bc9b3d;
}

    /* Ein Haus von vielen (Startseite) */

a#einhausvonvielen {
    display: block;
    margin: 0.75em 0;
    position: relative;
    top: 0;
    left: 0;
    text-decoration: none;
}

a#einhausvonvielen * {
    cursor: pointer; /* fixes IE bug */
}

#einhausvonvielen img.vorschau {
    position: absolute;
    top: 0;
    right: 0;
}

#einhausvonvielen .titel {
    padding: 0.25em 0 0.25em 0;
    border-bottom: 1px solid #333;
    margin-bottom: 2.0em;
    text-transform: uppercase;
}

#einhausvonvielen .text { /* farbschema */
    margin-right: 211px;
    padding: 0 10px;
    height: 150px;
    background-color: #E8D9A5;
    color: #000;
}

#einhausvonvielen .haus-essen {
    margin-top: 1.5em;
}

#einhausvonvielen .haus-betten, #einhausvonvielen .haus-preis {
    float: left;
    margin-left: 2em;
}

#einhausvonvielen .link {
    position: absolute;
    top: 125px;
    left: 315px;
    padding-left: 10px;
    font-size: 8pt;
    background: transparent url(images/button-pfeil.gif) left 5px no-repeat;
}
    /* Neue H�user (Startseite) */

#neuehaeuser .titel {
    margin: 0.5em 0;
    font-weight: bold;
}

#neuehaeuser ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#neuehaeuser li {
    display: block;
    float: none;
    margin: 2px 0 0 0;
    padding: 0;
    text-indent: 22px;
    background: transparent url(images/feature.gif) top left no-repeat;
    height: 15px;
    line-height: 15px;
    font-size: 11px;
}

#neuehaeuser a {
    text-decoration: none;
}

#neuehaeuser a .haus-name {
    color: #000;
    margin-right: 1.5em;
}

    /* Start-Login (Startseite) */

#start-login {
    float: right;
    width: 210px;
    height: 188px;
    font-size: 8pt;
}

#start-login .titel {
    font-weight: bold;
    margin-top: 1em;
}

#start-login label {
    font-weight: normal;
}

#start-login input {
    font-size: 8pt;
    width: 200px;
}

#start-login a {
    display: block;
    color: #000;
    margin-top: 1em;
    line-height: 1.2em;
    text-decoration: none;
}

#start-login a:hover,
#start-login a:focus,
#start-login a:active {
    text-decoration: underline;
}


    /* Suchmaske */

#suchmaske.einfach .komplex, #suchmaske.komplex .einfach {
    display: none;
}

#suchmaske input.zahl {
    width: 20px;
    text-align: center;
}

#suchmaske input.datum {
    width: 65px;
}

#suchmaske span.kalender {
    position: relative;
    top: 0;
    left: 0;
}

#suchmaske .kalender button {
    margin: 0 2px;
    padding: 0 5px;
}

#suchmaske .kalender iframe {
    position: absolute;
    top: 20px;
    left: 0;
    display: none;
    width: 200px;
    height: 160px;
    border: 1px solid #666;
    background-color: #fff;
    z-index: 10;
}

#maske-verpflegung, #maske-preis {
    float: left;
    margin-right: 5px;
    width: 250px;
}

#suchmaske.einfach #maske-verpflegung .fieldset, #suchmaske.einfach  #maske-infrastruktur .fieldset {
    height: 100px;
}

#suchmaske.komplex #maske-verpflegung .fieldset, #suchmaske.komplex  #maske-infrastruktur .fieldset {
    height: 150px;
}

#suchmaske #maske-gebiet {
	border: none;	
	margin-top: 10px;

/*
	border-left: 1px solid #666;
	border-bottom: 1px solid #666;
*/
	min-height: 375px;
	height: 375px;
}



#suchmaske #maske-gebiet .auswahl {
    float: left;
    width: 250px;
    font-size: 11px;

	
	position: absolute;
	top: 5px;
	left: 370px;	
}

#suchmaske #maske-gebiet .auswahl select {
    font-size: 11px;
}

#suchmaske #map {
	position: absolute;
	top: 30px;
	left: 0px;

	width: 350px;
	height: 350px;	
}

#suchmaske #detailgebiet {
    margin-left: 280px;
}

/*
#suchmaske #detailgebiet #country_0,
#suchmaske #detailgebiet #country_1,
#suchmaske #detailgebiet #country_2,
#suchmaske #detailgebiet #country_3 {
    display: none;
}

#suchmaske #detailgebiet.country_0 #country_0,
#suchmaske #detailgebiet.country_1 #country_1,
#suchmaske #detailgebiet.country_2 #country_2,
#suchmaske #detailgebiet.country_3 #country_3 {
    display: block;
}

#suchmaske.einfach .plz {
    display:none;
}
*/
#suchmaske .wechsler {
    text-align: center;
    margin-top: 2em;
}

#suchmaske .wechsler button {
    font: normal 9pt/1.5em Tahoma, Verdana, Arial, sans-serif;
}

#suchmaske .wechsler button img {
    vertical-align: baseline;
}

#suchmaske #maske-termine {
    clear: left;
}

#suchmaske #maske-eignung ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#suchmaske #maske-eignung li {
    float: left;
    width: 150px;
}

#suchmaske .aktion {
    clear: left;
    padding-top: 10px;
    width: 575px;
}

    /* Karten-Suche */

#such-karte {
    float: right;
}

    /* Trefferliste */

.blaettern {
    color: #666;
    font-size: 11px;
    line-height: 13px;
    height: 20px;
    padding-left: 405px;
    width: 420px;
	text-align:right;
}

.blaettern .gesamt {
    display: block;
    width: 200px;
    text-align: right;
}

.blaettern a {
    text-decoration: none;
    color: #666;
}

.blaettern img {
    padding: 0 2px;
    vertical-align: top;
}

.blaettern .aktuell {
    font-weight: bold;
    color: #000;
}
      20
#blaettern-oben {
    position: absolute;
    top: -50px;
    left: 0px;
}
    font-size: 80%;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
}

#treffer th .sortierung {
    padding-left: 15px;
    background-image: url(images/pfeil-ur.gif);
    background-repeat: no-repeat;
    background-position: top left;
}

#treffer td.haus-name a {
    font-weight: bold;
    color: #000;
}

#treffer td.haus-land {
    text-align: center;
}

#treffer td.haus-region {
}

#treffer .haus-betten {
    text-align: right;
    padding-right: 12px;
}

#treffer td.haus-essen ul {
}

#treffer td.haus-preis a {
    color: #000;
}

    /* Hausansicht */

#haus {
    margin-top: 10px;
    overflow: auto;
}

#merkzettel {
	clear: both;	
}

.whitebox {
	border: 1px solid #000;
	display: inline-block;
	padding: 0 3px;
}

#haus-info-und-lage {
	background-color: #fff;
	float: left;
	width: 400px;
}

#haus-info {
    font-size: 8pt;
    padding: 10px;
}

#haus-info-left {
	float: left;
	width: 30%;	
}

#haus-info-right {
	float: right;
	width: 70%;
}


#haus-info-1 {
	clear: both;
	overflow: hidden;
}

#haus-info-1 img {
    vertical-align: middle;
}

#rating-items {
	overflow: auto;
	margin-bottom: 10px;
	clear: both;
}

#haus-info-2 {
	clear: both;
	overflow: auto;
	margin-top: 10px;
}

#haus-info-2 div {
	float: left;
	width: auto;
}

#seminarraum,
#aufenthaltsraum {
	margin-right: 5px;	
}

#haus-info-3 {
	clear: both;
	overflow: auto;
}

#haus-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#haus-info li {
    width: 100%;
    border: 1px solid red;
}

#haus-info ul li div {
   	width: auto;
   	float: left;
}

.rating-item {
	margin-bottom: 5px;
	width: 49%;
	float: left;
}

.rating-item a.rater {
	display: block;
	width: auto;
	float: left;
	margin-right: 5px;
}

.rating-item img {
	float: left;
}

#haus-lage {
    overflow: auto;
    clear: both;
    padding: 10px;
}

#lage {
	font-size: 11px;
	margin-bottom: 5px;	
}

#haus-lage .tabelle {
    margin: 0;
    overflow: auto;
    padding: 10px 0;
}

#karte {
	width: 30%;
	float: left;
}

#haus-lage #lage,
#haus-lage ul.linkliste {
	width: 70%;
	float: right;
}


#besondere_eignung,
#distance {
	font-size: 11px;
    width: 50%;
    float: left;
}

#besondere_eignung .titel,
#distance .titel {
	font-weight: bold;
	margin-top: 10px;
}

#besondere_eignung ul,
#distance ul {
	padding-left: 0px;
	list-style: none;
	margin: 0;
}

* html #besondere_eignung ul,
* html #distance ul {
	margin-bottom: 10px;
}

#contact-data {
	border-top: 1px solid #000;
	margin: 0 10px 10px 10px;
	padding-top: 5px;
}

#contact-data p {
	font-size: 11px;
	margin-bottom: 10px;
}

#contact-data button {
	margin-top: 0px;
}

#merkzettel span {
	font-size: 11px;	
}

#haus-kontakt {
}

#haus-kontakt dl {
    float: left;
    width: 50%;
}

#haus-kontakt dt {
    display: block;
    float: left;
    clear: left;
}

#haus-kontakt dd {
    margin: 0 0 3px 100px;
}

#haus-kontakt label {
    display: block;
    float: left;
    width: 100px;
    padding: 2px 0;
    font-size: 8pt;
}

#haus-kontakt textarea, #haus-kontakt input {
    width: 200px;
    border: 1px solid #666;
    padding: 2px;
    margin-bottom: 2px;
}

#haus-kontakt textarea {
    height: 60px;
}

#programm-angebote {
	font-size: 11px;
	border-top: 1px solid #000;
	margin: 20px 0;
	padding-top: 15px;
}

#programm-angebote ul {
	padding-left: 0px;
	list-style: none;
	margin: 0;
}

#programm-angebote ul li {
	margin-top: 10px;
}

* html #programm-angebote ul {
	margin-bottom: 10px;
}

#programm-angebote .titel {
	font-weight: bold;
}

    /* Forum */

ul#forum {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul#forum li {
    margin-top: 0.5em;
    padding: 3px 5px;
    background-color: #e8d9a5;
}

#forum .verfasser {
    font-size: 8pt;
}

#forum .nachricht {
    margin-left: 100px;
}

    /* Produkte */

#produkte, #produkte li ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#produkte li {
    margin: 0 0 0 1px;
    padding: 0;
    display: inline;
    float: left;
    width: 191px;
}

#produkte li.erster {
    margin: 0;
}

#produkte .werbung {
    display: block;
    background-image: url(images/angebot-bg.jpg);
    background-repeat: no-repeat;
    text-decoration: none;
}

#produkte .werbung .sterne {
    height: 68px;
    padding: 30px 0 0 0;
    text-align: center;
}

#produkte .werbung .titel {
    height: 28px;
    text-align: center;
    font-size: 16px;
    color: #000;
}

#produkte .werbung .preis {
    height: 27px;
    padding: 0 10px;
    margin-bottom: 1px;
    text-align: right;
    font: normal 24px/30px "Times New Roman",Times,sans-serif;
    color: #666;
}

#produkte .aktion, #produkte .features {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#produkte .aktion li {
    display: inline;
    float: none;
    margin: 0;
    padding: 0;
}

#produkte .aktion a { /* farbschema */
    display: block;
    background-color: #D1B567;
    margin-top: 1px;
    padding: 0 5px 0 20px;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
    color: #000;
}

#produkte .aktion a:hover {
    color: #FFF;
}

#produkte .features {
    padding: 0 0 20px 0;
}

#produkte .features li {
    display: block;
    float: none;
    margin: 2px 0 0 0;
    padding: 0;
    text-indent: 22px;
    background: transparent url(images/feature.gif) top left no-repeat;
    height: 15px;
    line-height: 15px;
    font-size: 11px;
}

#produkte li li {
    display: block;
    float: none;
    width: auto;
    margin: 0 0 2px 0;
    padding: 0 5px 0 20px;
}

input.input_small {
	width: 22px;
}

/* ----- Abspann ----- */

#abspann  {
    font-size: 11px;
    margin-top: 20px;
    border-top: 1px solid #333;
    padding: 5px 0;
    clear: both;
}

/* ----- ältere Browser ----- */

.no-dom {
    display: none;
}

div.detaildaten textarea{
    font: normal 9pt/1.5em Tahoma, Verdana, Arial, sans-serif;
	width:560px;
	height:150px;
}

div.MWST {
    height: 20px;
    margin-bottom: 1px;
	margin-right: 8px;
    text-align: right;
    font: normal 11px/13px "Times New Roman",Times,sans-serif;
    color: #666;
}

div.portraet {
margin:40px 10px 40px 30px;
font: normal 8pt/1.5em Tahoma, Verdana, Arial, sans-serif;
}

div.portraet img {
border: 1px solid #BC9B3D;
}

#cookie_msg{
position: absolute;
left:205px;
top:190px;	
font-weight:bold;
color:red;
}

/* Kalender */

.yui-calcontainer {
	display: inline;
	margin: 0 20px 20px 0;
}

.today a {
	background: transparent !important;
}

.selectable {
	background-color: #fff !important;
}

.selectable a {
	color: #000 !important;
}

.selectable a:hover {
	background: #eea800 !important;
}

.free {
	background-color: #40a05f !important;
	color: #fff !important;
}

.taken {
	background-color: #a6404f !important;
	color: #fff !important;
}

.special {
	background-color: #4080b9 !important;
	color: #fff !important;	
}

.start {
	background: #a6404f url(images/start.jpg) no-repeat 50% !important;
	color: #fff !important;	
}

.end {
	background: #a6404f url(images/end.jpg) no-repeat 50% !important;
	color: #fff !important;	
}

.free a,
.taken a,
.special a,
.start a,
.end a {
	color: #fff !important;
}

.selected a {
	background-color: #eea800 !important;
	color: #000 !important;
}

#selectionError {
	background-color: #ff0000;
	color: #fff;
	font-weight: bold;
	padding: 5px 10px;
	width: auto;
}

.calnav {
	background: transparent url(images/date_dropdown.png) no-repeat 95% 55% !important;
	padding-right: 20px !important;
}

/* Infobox */

.hidden {
	display: none;
}

.closed {
	cursor: pointer;
	width: 100%; /* IE6 only */
}

.opened {
	cursor: pointer;
	width: 100%; /* IE6 only */
}

.infobox {
	background-color: #f2f2f2;
	border: 1px solid #808080;
	font-size: 11px;
	padding:10px;
	position: absolute;
	width: 260px;
}

.infobox ol {
	padding-left: 20px;
}

* html .infobox ol {
	margin: 0;

}

*:first-child+html .infobox ol {
	margin: 0;
}
/* ----- EOF ----- */

#list_results .head {
  font-weight: bold;
}


#new_interface ol {
  /* default asmSelect List */
  display: none;
}

#selectfilter fieldset,
#seitenleiste fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

/* @ suchergebnisse */
#seitentitel-search {
    height: 66px;
    margin: 0 0 1px 0;
    background-image: url(images/h1-hintergrund.gif);
    background-repeat: repeat-x;
    background-position: top left;
}

#seitentitel-search h1 {
    margin: 0;
    padding: 0;
    font: bold 14pt/200% "Arial Narrow", Arial, sans-serif;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    color: #666;
}



#searchResult * {
  color: #000;
}

#searchResult {
  background: #fff;
  list-style: none;
  
  padding: 0;
  margin: 0;
  
  width: 575px;
  
  border-top: 1px solid #666;
}

#searchResult li {
  padding: 12px 0 12px 12px;
  border-bottom: 1px solid #666;
  
  clear: both; overflow: auto;

}

.clear {
  overflow: hidden;
  height: 1px;
  clear: both;
  visibility: hidden;
}

#searchResult li .thumb {
  float: left;
  display: block;
}

#searchResult li .detail {
  float: right;
  padding: 0 10px 0 0px;
  width: 440px;
}

#searchResult li .detail p {
  text-align: left;
}

#searchResult li h2 {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 0; margin: 0;
}

#searchResult li h2 span {
  font-size: 12px;
  font-weight: normal;
}

#searchResult li .col1 {
  float: left;
  width: 120px;
}

#searchResult li .col2 {
  float: left;
  width: 320px;
}

#searchResult li .icon {
  margin-right: 3px;
}

#searchResult li .essen,
#searchResult li .betten {
  clear: both;
  line-height: 24px;
}

#searchResult li .essen img {
  float: left;
}
#searchResult li .essen li { 
  display: inline; 
  padding: 0px;
  clear: none;
  line-height: 24px;

  border: none;
}

#searchResult li .preis {
  display: inline;
}

#searchResult li .preis span {
  font-size: 14px;
  font-weight: bold;
}

#searchResult li .preis {
  font-size: 10px;
}


#searchResult li .preis {
  float: left;
}

#searchResult li .button {
  float: right;
  text-align: right;
}

.button a {
    border: 2px solid #eea800;
    background: #fff url(images/button-pfeil.gif) right 3px no-repeat;
    font-weight: bold;
	color: #000;
    line-height: 18px;
    height: 18px;

    margin-top: 1em;
    
    padding: 0px 20px 0px 8px;
    text-decoration: none;
}

.form-row div {
  margin-bottom: 5px;
}


.form-row label {
    padding-left: 5px;
    display: block;
    width: 115px;
    float: left;
    clear: both;  
}

.form-col-1,
.form-col-2 {
    float: left;
    width: 49%;
}

.form-col-2 {
  float: left;
}

.form-col-1 label,
.form-col-2 label {
    display: block;
    float: left;
    width: 120px;
}

.form-col-1 span input,
.form-col-2 span input,
.form-row span input {
    width: 50px;
}

.form-row h1,
.form-row h2 {
  font-weight: bold;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 5px 5px;

  text-transform: none;
}

.form-row textarea {
  width: 350px;
  height: 100px;
}

.form-group {
  overflow: auto;
  padding-bottom: 5px;
}

.form-group h2 {
  font-weight: normal;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 5px 0px;

  text-transform: none;
  float: left;
  width: 115px;
}

.form-group label span {
  display: block;
  width: 115px;
  float: left;
}

.form-group .small-input {
	width:  50px;	
}

.form-group label .txt {
	float: left;
	display: inline;
	width: auto;
	line-height: 24px;	
}	

.form-group label input {
	margin: 0px 3px;	
  float: left;
}

.form-group .options {
  display: block;
  float: left;
}

.form-group .options * {
  clear: both;
}

.form-group ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.counter {
  display: block;
  padding-left: 120px;
}

.asmListItemRemove {
  display: block;
  background: url("images/icons/fff/delete.png") no-repeat;
  height: 16px;
  width: 16px;
  text-indent: -100000px;
  overflow: hidden;
  float: left;
  
  margin-left: 3px;
}

#list_results {
  width: 500px;
  padding: 10px 0px;
}

#list_results ul {
  padding: 0px;
  list-style: none;
  margin: 0px;
}

#list_results li {
  overflow: auto;
  clear: both;
  list-style: none;
}
#list_results li span {
  float: left;
}

.form-order {
  height: 22px;
}

/* suchergebnisse seitenzalen */
.pagination {
  width: 575px;
  font-size: 11px;
  color: #666;
  
  height: 22px;
  /* overflow: auto; */
}

.pagination .total {
  float: left;
}

.pagination .pages {
  float: right;
  line-height: 16px;
}

.pagination .pages .aktuell {
  font-weight: bold;
  color: #000;
}

.pagination .pages a {
  text-decoration: none;
  line-height: 16px;
}

.pagination .pages a img {
  vertical-align: middle;
}

.pagination .pages a:hover {
  text-decoration: underline;
}

/* suchergenisse sortierung */
.form-order {
  width: 575px;
  position: relative;
  top: -60px;
}

.form-order div {
  position: absolute;
  /* border: 1px solid red; */
  margin-left: 210px;
  padding-top: 3px;
}

.form-order form {
  float: right;
  width: auto;
}
  
.get-info {
  display: block;
  background: url("images/icons/fff/information.png") no-repeat;
  height: 16px;
  width: 16px;
  text-indent: -100000px;
  overflow: hidden;
  cursor: pointer;
}

#tooltip {
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding: 5px;
	color:#333;
	display:none;
	width: 400px;
	line-height: 135%;
}

dl dt { clear: both; }
dl dt span { display: block; float: left; }

div.distance ul {
  padding: 5px 0px 0px 0px;
  margin: 0;
}
div.distance ul li {
  float: left;
  width: 200px;
  
  list-style: none;
  padding: 0;
  margin: 0;
}



.no-style {
  height: 25px;
}

.no-style td {
  background: none !important;
}

.input-errors {
  color: red;
}

.resultlink {
  width: 775px;
  text-align: right;
  margin-top: -23px;
}

.resultlink a {
  font-weight: bold;
  text-decoration: none;
}


.switch-form {
  width: auto;
  float: right;

}

.aktion {
    clear: left;
    padding-top: 10px;
    width: 575px;
}

/* weiter  bilder in der bilderverwaltung */
#additional-images {
  list-style: none;
  padding: 0;
  margin: 0;
  
  clear: both;
}

#additional-images li {
  clear: both;
}

#additional-images .ai-item {
  float: left;
  width: 310px;
  
  padding-bottom: 15px;
}
#additional-images .ai-options {
  float: left;
}


#additional-images #bildtext {
  width: 350px;
  display: block;
}

.ai-options h3 {
  font-weight: bold;
}

.ai-options input {
  width: 350px;
  padding-bottom: 5px;
}

.ai-options .field-group {  
  margin: 10px 0px;  
}

.ai-options #bildloeschen {
  padding-top: 3px;
}

.ai-upload {
  clear: both;
}

/* klassifizierung */
#classes {
  list-style: none;
  padding: 0;
  margin: 0;
  
  clear: both;
  padding-top: 15px;
}

.klassifizierung_info {
  clear: both;
}

#classes .field-options {
  padding-bottom: 10px;
  padding-left: 18px;
}
#classes .field-options span {
  clear: both;
  display: block;
}

/* Gallery */

#houseimages {
	width: auto;
	float: right;	
}

.galleria {
	list-style: none;
	padding: 0;
	margin: 0;
}

.galleria li {
	display:block;
	overflow:hidden;
	float:left;
}

.galleria li a {
	display:none;
}

.galleria li div {
	display:none;
}

.galleria li div img {
	cursor:pointer;
}

.galleria li.active div img,
.galleria li.active div {
	display:block;
}

.galleria li img.thumb {
	cursor:pointer;
	display:block;
	width:auto;
	height:auto;
}

.gallery_demo {
	width:350px;
	overflow: auto;
	clear: both;
	margin-left: -2px;
}

.gallery_demo li {
	width:66px;
	height:49px;
	margin: 0 0 4px 4px;
	display: inline;
}
	
#houseimages .caption {
	font-size: 11px;
	line-height: 1.25em;
	padding: 2px 2px 5px 2px;
	display: block;
}

.galleria_container {
	float: left;
	width: 350px;
}

.demo {
	background: #fff;
	overflow: hidden;
	width: 350px;
	padding: 10px;
}

#single-image  {
	background: #fff;
	width: 350px;
	padding: 10px;
}

/* Accordion */

.accordion h3,
.preise-wrapper .toogle h2 {
	background: url("images/acc-closed.png") left center no-repeat;
	cursor: pointer;
	line-height: 21px;
}

.accordion h3.active,
.preise-wrapper .toogle h2.active {
	background: url("images/acc-open.png") left center no-repeat;
}

.preise-wrapper h2,
.accordion h3,
.preise-wrapper .haus-preis,
.preise-wrapper .preise-details,
.accordion p {
	padding-left: 20px;
}

.accordion p,
.preise-wrapper .preise-details {
	margin: 0;
	padding-bottom: 10px;
}

/* Google Maps */
#google-maps #map {
  width: 500px;
  height: 400px;
}

/* Admin Datenpflege */
.info #comment {
  white-space: nowrap;
}

/* Programmangebote-Box */
#programm-angebote-box {
	background: #fff;
	border: 1px solid #BC9B3D;
	padding-bottom: .5em;
}

#programm-angebote-box p {
	color: #737476;
	font-size: 12px;
	margin: 0 18px 1em 18px;
	text-align: left;
}

#programm-angebote-box #pa-box-image {
	margin: 0;
}

#programm-angebote-box a {
	color: #f8b335;
	text-decoration: none;
}