/***************************************************************************************************************************
/*
#FEC600 gelb
#008637 grün
#FF4301 rot
#FFE8A4 pastelliges gelb
#D7E2D1 pastelliges grün
#B26B69 pastelliges rot
#FFF5DB helles gelb
#F3F5F2 helles grün (eher grau)
#FFC0C0 helles rot
Grau:
border:solid 1px #ccc;
background-color:#eee;
color:#888;
*/




/****************************************************************************************************************************/
/***************************************************************************** ALLGEMEINE DEFINITIONEN **********************/
a			{color:black; text-decoration:underline;}
a.hi		{color:black; font-weight:bold;}
a:hover	{color:#444;}


a.pdf {
	text-decoration:none;
	padding-left:12px;
	background-image:url("../img/href_pdf.gif");
	background-repeat:no-repeat;
	background-position:left;
}


h1 {
    color:#008637;
    font-weight:bold;
    font-size:1.2em;
    font-family:Times, serif;
    margin:1em 0;
}
h2 {
    color:#888;
    font-weight:bold;
    font-size:1.0em;
    margin:2em 0 2em 0;
}
h3 {
    color:#008637;
    font-weight:bold;
    font-size:1.0em;
    margin:2em 0 1em 0;
}
h4 {
    color:#008637;
    font-weight:normal;
    font-style:italic;
    font-size:1.0em;
    margin:0 0 1em 0;
}
h5 {
    color:#008637;
    font-weight:bold;
    font-size:1.0em;
    margin:2em 0 1em 0;
}
p {
    margin:1em 0;
    line-height:1.3em;
}
.preis {
    font-weight:bold;
    font-size:1.5em;
    color:#888;
}
.hi {
    font-weight:bold;
}
.fett {
    font-weight:bold;
}
.klein {
    font-size:.8em;
}
.hell {
    color:#888;
}
.hilfe {
    cursor:help;
    border-bottom:dotted 1px #000;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
}
.rechts {
    text-align:right;
}
.links {
    text-align:left;
}
div#content div.links,
div#content img.links {
    float:left;
    margin:0 1em 1em 0;
}
div#content img.rechts {
    float:right;
    margin:0 0 1em 1em;
}
img.href {
    position:relative;
    top:-30px;left:5px;
    FILTER: alpha(opacity = 40);
    -moz-opacity: 0.40;
}
div#content table.bilder {
    margin:0 auto;
}
div#content table.bilder td {
    padding:0 .5em;
}
div#content table.textlogo {
}
div#content table.textlogo td {
    padding:5px;
    border-bottom:solid 1px #ccc;
}
div#content table.textlogo td.text {
}
div#content table.textlogo td.logo {
    width:188px;
    text-align:center;
    vertical-align:middle;
    background-color:#eee;
}


div#content ul {
    margin:0 0 0 1em;
    padding:0 0 0 1em;
}
div#content ol {
    margin:0 0 0 1em;
    padding:0 0 0 1em;
}
/* "Infobox" */
div#content div.info {
    border:solid 1px #ccc;
    overflow:hidden;
    width:50%;
    padding:.5em;
    color:#888;
}
div#content div.info a {
    color:#888;
}
/****************************************************************************************************************************/
/***************************************************************************** .element *************************************/

div.element {
    overflow:hidden;
    padding:.5em;
    padding:1em;
}

/* "quadratische" Merkliste zum hinzufügen/entfernen einzelner Angebot */
div.gastgeber_anfrage_form {
    width:7em;
    padding:0 0 2em 0;
    margin:.5em;
    float:right;
    text-align:center;
}
div.gastgeber_anfrage_form.true {
    background-color:#ddd;
    border:solid 1px #eee;
}
div.gastgeber_anfrage_form.false {
    background-color:#D7E2D1;
    border:solid 1px white;
}
div.gastgeber_anfrage_form div.merkliste {
    margin:0em 0 1.5em 0;
    padding:.2em;
}
div.gastgeber_anfrage_form div.true {
    background-color:#bbb;
    border-bottom:solid 1px #aaa;
    color:#555;
}
div.gastgeber_anfrage_form div.false {
    background-color:#008637;
    color:white;
    border-bottom:solid 1px white;
}


/****************************************************************************************************************************/
/***************************************************************************** .element .sektion ****************************/
div.element div.sektion {
    border:solid 0px blue;
    margin:0 0 1em 0;
    padding:.5em;
    overflow:hidden;
}
div.element div.immer_visible {
    overflow:visible;
}
div.element div.kontext {
    float:right;
    width:200px;
    overflow:hidden;
    border-left:solid 1px #ccc;
    margin:0 0 1em 1em;
    padding:.5em 0 0 1em;
}
div.element img.logo_welterbe_gastgeber,
div.element img.logo_welterbe_partner {
    border:solid 0px red;
    float:right;
    margin:1em 1em 3em 1em;
}
div.element div.kontext div.logo {
    text-align:center;
    margin:0 0 1em 0;
}
div.element div.kontext div.bild {
    overflow:hidden;
    width:180px;
    border:solid 1px green;
}


/****************************************************************************************************************************/
/***************************************************************************** .elemente_angebote ***************************/
/* UKV- und Pauschal-Angebote an verschiedenen Stellen */

div#elemente_angebote {
    margin:2em 0 0 0;
    border-bottom:solid 1px #ccc;
}
div#elemente_angebote table {
    border-collapse:collapse;
    width:100%;
    border:solid 0px red;
    border-top:solid 1px #ccc;
}
div#elemente_angebote table.bg0 {
    background-color:#FFF5DB;
}
div#elemente_angebote table.bg1  {
}
div#elemente_angebote table.bg0:hover,
div#elemente_angebote table.bg1:hover {
    background-color:#FFE8A4;
}
div#elemente_angebote table td {
    padding:1em .5em;
}
div#elemente_angebote table td.piktogramme {
    text-align:right;
    margin:.5em 0;
}
div#elemente_angebote table td.text h3 {
    margin:0;
}
div#elemente_angebote table p {
    border:solid 0px #ccc;
    overflow:hidden;
}
div#elemente_angebote table p.eckdaten {
    float:right;
    text-align:right;
    padding:0 0 0 10px;
}
div#elemente_angebote table td.bild {
    width:125px;
}
div#elemente_angebote table td.bild div.bild {
    overflow:hidden;
    width:125px;
    height:100px;
}
div#elemente_angebote table td.bild div.bild img {
    width:125px;
}
div#elemente_angebote table td.form {
    width:1px;
}
div#elemente_angebote div.hinweis {
    margin:1em 0 0 0;
    text-align:right;
}



/****************************************************************************************************************************/
/***************************************************************************** .element, 3-spalter **************************/
/* z.B. Liste der TIs */

div.element3s {
    border:solid 1px #ccc;
    padding:.5em;
    margin:1em 0 1em 0;
    overflow:hidden;
}
div.element3s div.spalte_l {
    border:solid 0px blue;
    width:50%;
    float:left;
}
div.element3s div.spalte_m {
    border:solid 0px blue;
    width:45%;
    float:left;
}
div.element3s div.spalte_r {
    border:solid 0px blue;
    width:45%;
    float:left;
}



/****************************************************************************************************************************/
/***************************************************************************** #portal **************************************/
#portal h1 {
    margin:0 0 0 0;
    padding:0 0 .5em 0;
}
#portal table  {
    width:100%;
    margin:5px 0 0 0;
    border-collapse:collapse;
    xborder:solid 1px #ccc;
}
#portal table td {
    padding:1em;
}
#portal table td h3 {
    font-size:1.2em;
    margin:1em 0;
}
#portal table td.funktion,
#portal table td.text,
#portal table td.bild {
    border-bottom:solid 1px #FFE8A4;
}
#portal table td.bild img {
    border-bottom:solid 1px white;
    border-right:solid 1px white;
}


/****************************************************************************************************************************/
/****************************************************************************** Tabs ****************************************/

div#tabs {
    border:solid 0px red;
    margin:1em 0 0 0;
    padding:0;
}
div#tabs form {
    border:solid 0px red;
}
div#tabs form select {
    font-size:.9em
}
div#tabs p {
    border:solid 0px #FFE8A4;
    margin:0 0 .5em 0;
}
div#tabs ul.navigation {
    background-color:#FEC600;
    list-style-type:none;
    margin:1.5em 0 0 0;
    padding:0em 0em 1em 1em;
    border:solid 0px red;
    height:2.5em;
}
div#tabs ul.navigation li {
    float:left;
    border:solid 0px red;
}
div#tabs ul.navigation li img {
    vertical-align:middle;
    position:relative;
    top:-10px;
}
div#tabs ul.navigation li a {
    background-color:white;
    border:solid 1px #FFE8A4;
    padding:.5em;
    top:-0.5em;
    position:relative;
    display:block;
    height:1.5em;
    margin:0 .5em 0 0;
    text-decoration:none;
}
div#tabs ul.navigation li a:hover,
div#tabs ul.navigation li a.selected {
    background-color:#FFE8A4;
    border:solid 1px #FFE8A4;
}
div#tabs div.FilterInfo {
    background-color:#FFE8A4;
    margin:0 0 0  0;
    padding:0 0 1em 1em;
}
div#tabs div.tab {
    padding:1em 1em;
    border:solid 1px #FEC600;
}


/****************************************************************************************************************************/
/***************************************************************************** Navigationen *********************************/

/* Bereich aller Tagsinhalte (Orte, POI) */
div#content div.tagcontent {
    border:solid 0px red;
}
div#content div.tagcontent p {
    border:solid 0px white;
    margin:.5em 0;
}
div#content div.tagcontent div.orte_navigation {
    float:right;
    padding:.3em;
    border:solid 0px red;
}
div#content div.tagcontent div.orte_navigation p,
div#content div.tagcontent div.orte_navigation button {
    margin:2.5em .2em 0 0;
    background-color:#FFE8A4;
    font-size:1em;
    width:8em;
}
div#content div.tagcontent div.orte_navigation p:hover,
div#content div.tagcontent div.orte_navigation button:hover {
    background-color:#FEC600;
    cursor:pointer;
}

/* Tags */
div#content div.tagcontent div.tags {
    #border-top:solid 1px #FEC600;
    border-bottom:solid 1px white;
    background-color:#FFE8A4;
    margin:.5em 0 0em 0;
    padding:.5em;
}
div#content div.tagcontent div.tags ul {
    margin:0;
    padding:0;
}
div#content div.tagcontent div.tags ul li {
    display:inline;
}
div#content div.tagcontent div.tags ul li a {
}
div#content div.tagcontent div.tags ul li a:hover {
}

/* Filter */
div#content div.tagcontent div.filter {
    background-color:#FFF5DB;
    margin:0em 0;
    padding:.5em;
}
div#content div.tagcontent div.filter span.fett {
    xcolor:#888;
}

/* POI & Orte */
div#content div.tagcontent div.karte {
    border:solid 0px red;
    text-align:center;
    background-color:#FFC91A;
    padding:1em 0;
    margin:1px 0 0 0;
}
div#content div.tagcontent div.spalten {
    background-color:#FFF5DB;
    border-bottom:solid 1px #ccc;
    padding:.5em .5em 1em .5em;
}
div#content div.tagcontent div.spalten table {
    width:100%;
}
div#content div.tagcontent div.spalten table td  {
    padding:0 .2em;
}
div#content div.tagcontent div.spalten table td ul {
    margin:0 0 0 0em;
    padding:0 0 0 0em;
    border-top:solid 1px #ccc;
}
div#content div.tagcontent div.spalten table td ul li {
    background-color:#FFE8A4;
    margin:0 0 1px 0;
    border-bottom:solid 1px #ccc;
    list-style-type:none;
}
div#content div.tagcontent div.spalten table td ul li.satt {
    background-color:#FEC600;
}
div#content div.tagcontent div.spalten table td ul li:hover {
    background-color:#FFF5DB;
}
div#content div.tagcontent div.spalten table td ul a {
    text-decoration:none;
    display:block;
}
/* Inhalte */

div#content div.tagcontent div.inhalte {
    border:solid 0px navy;
    margin:1em 0 0 0em;
}


/****************************************************************************************************************************/
/***************************************************************************** <ul>, <ol> Styles ****************************/
/***************************************************************************** keine Navigation! ****************************/

/* für alle */
div.bg1,
li.bg1 {
    background-color:#eee;
}
div.bg0,
li.bg0 {
    background-color:white;
}

/* Anlegestellen */
div#content ul.anlegestellen {
    list-style-type:none;
    margin:0 0 0 0em;
    padding:0 0 0 0em;
    border:solid 0px blue;
}

div#content ul.anlegestellen li {
    display:block;
    margin:.4em 0;
    padding:.2em;
}

/* Kalender */
/* NICHT Kalender-Extrakt in Portal, das ist ul.pauschalen ! */
div#content ul.kalender {
    list-style-type:none;
    margin:0 0 0 0em;
    padding:0 0 0 0em;
    border:solid 0px blue;
}

div#content ul.kalender li {
    display:block;
    margin:1em 0;
    padding:.2em;
}


/* "Sehenswertes & Freizeit in und um XYZ"  */
div#content ul.sehenswertes_im_ort {
    list-style-type:none;
    border:solid 0px blue;
    padding:0;
    margin:0;
}
div#content ul.sehenswertes_im_ort li {
    xdisplay:inline;
    margin:0 2px 5px 0 ;
    padding:0;
}
div#content ul.sehenswertes_im_ort li span.nohref {
    border-bottom:solid 0px #ccc;
    color:#888;
}
div#content ul.sehenswertes_im_ort li a {
    text-decoration:none;
    background-color:#eee;
    border-bottom:solid 1px #ccc;
}
div#content ul.sehenswertes_im_ort li a:hover {
    background-color:#FFE8A4;
}

/* Aufzählungen, inline! */
/* z.B. bei Orte "In und um ..." */
div#content ul.infos {
    margin:0 0 0 0;
    padding:0 0 0 0;
}
div#content ul.infos li {
    display:inline;
    margin:0 .5em 0 0;
}

/* Aufzählungen, inline! */
/* z.B. bei Orte "In und um ..." */
div#content ul.bilder {
    list-style-type:none;
    margin:0 0 0 0;
    padding:0 0 0 0;
}
div#content ul.bilder li {
    display:block;
    margin:0;
}

/* Eigenschaften (Piktogramme) */
/* z.B. bei Dienstleister */
div#content ul.eigenschaften {
    border:solid 0px blue;
}
div#content ul.eigenschaften li {
    display:block;
    padding:0;
    list-style-type:none;
    border:solid 0px blue;
}
div#content img.piktogramm {
    margin:0 1px 0 0;
}
div#content img.status1 {
    border:solid 0px blue;
}
div#content img.status0 {
    border:solid 0px red;
    -moz-opacity:0.4;
    filter:alpha(opacity=40);
}
div#content ul.eigenschaften li img.piktogramm {
    border:solid 0px red;
    margin:0 .5em 0 0;
    padding:0;
    position:relative;
    top:6px;
}

/* schachbrettartige Darstellung vieler Bilder */
/* z.b. bei Empfehlungen/Gastgeber */
div#content ul.schachbrett {
    margin:0 0 2em 0;
    padding:0;
    overflow:visible;
}
div#content ul.schachbrett li {
    float:left;
    list-style-type:none;
    overflow:hidden;
    width:80px;
    height:80px;
    border:solid 1px white;
    background-color:#eee;
}

/* Übersicht der Gastgeber mit Angeboten */
/* innerhalb des Formulars für die Sammelanfragen */
div#content table.anfragen_pruefen {
    margin:1em 0 1em 0;
    border-bottom:solid 1px #ccc;
}
div#content table.anfragen_pruefen td.text {
    width:99%;
    padding:0 1em 0;
}
div#content table.anfragen_pruefen td.form {
}


/* innerhalb #portal auf der Startseite */
/* innerhalb Orte, z.B. "Pauschalen in Bingen" */
div#content ul.angebote {
    margin:0;
    padding:0;
    border:solid 0px green;
}
div#content ul.angebote li {
    margin:2px 0;
    padding:2px 1px 5px 1px;
    list-style-type:none;
    border-bottom:dotted 1px #008637;
    background-color:#F3F5F2;
}
div#content ul.satt li {
    border-bottom:solid 1px #FFE8A4;
    background-color:#FFF5DB;
    padding:.5em;
    margin:.3em 0;
}
div#content ul.angebote li:hover {
    background-color:#FFE8A4;

}
div#menu2 ul li div.basket_true,
div#content ul.angebote li div.basket_true {
    display:inline;
    float:right;
    padding:.5em .5em 0 2em
}
div#content ul.angebote li a {
    text-decoration:none;
    display:block;
}
div#content ul.angebote li a:hover {
}



/****************************************************************************************************************************/
/***************************************************************************** Pauschalen in dienstleister() ****************/
div.element div.sektion div.angebote {
    margin:0em 0;
    border:solid 0px red;
    padding:1em;
}
div.element div.sektion div.angebote div.pauschalangebot {
    margin:0 auto 2em auto;
    background-color:#D7E2D1;
    overflow:hidden;
    padding:1em;
    border:solid 0px yellow;
}
div.element div.sektion div.angebote div.pauschalangebot div.stoerer {
    float:left;
    border:solid 0px white;
    width:180px;
    overflow:hidden;
    margin:0 10px 0 0;
}
div.element div.sektion div.angebote div.pauschalangebot div.stoerer p {
    margin:1em 0 1em 0;
    border:solid 0px white;
}
div.element div.sektion div.angebote div.pauschalangebot ul li {
    background-color:#D7E2D1;
    border:solid 0px red;
    overflow:hidden;
}
/*
*/







/****************************************************************************************************************************/
/***************************************************************************** FORMULARE im #menu3 **************************/
div#menu3 fieldset.login {
    padding:0;
    border:solid 0px red;
}
div#menu3 fieldset.sub {
    padding:0;
    border:solid 0px red;
}
div#menu3 fieldset div.input {
    float:left;
    margin: 0 0 .5em .5em;
    border:solid 0px red;
}
div#menu3 fieldset label {
    border:solid 0px green;
    width:90px;
    display:block;
    float:left;
    text-align:right;
}
div#menu3 fieldset select {
    border:solid 1px #D7E2D1;
}
div#menu3 fieldset.sub table td {
    border:solid 0px #D7E2D1;
    padding:.3em 0;
}
div#menu3 fieldset.sub input.submit {
    padding:.3em 0;
    width:120px;
}
div#menu3 fieldset input {
    border:solid 1px #008637;
}
div#menu3 fieldset input.radio,
div#menu3 fieldset input.checkbox {
    border:0;
}
div#menu3 fieldset input:hover,
div#menu3 fieldset input:focus {
    background-color:#D7E2D1;
    border:solid 1px #008637;
}
div#menu3 fieldset input.checkbox {
    float:left;
    width:20px;
    margin:0;
    border:0;
}
div#menu3 fieldset br {
    clear:both;
}

/****************************************************************************************************************************/
/***************************************************************************** FORMULARE im #content ************************/

/* Kontaktformular */
div#content div.fieldsetstyle,
div#content fieldset {
    border:solid 0px #ccc;
    padding:1em 0;
}

/* debug */
div#content fieldset label,
div#content fieldset div.input {
    border:solid 0px #ccc;
}

/* für labels */
div#content fieldset label {
    display:block;
    float:left;
    text-align:right;
    width:9em;
    margin:0 0 2em 0;
    padding:0 1em 0 0;
}
div#content fieldset label.rechts {
}
div#content fieldset div.input span {
    border:solid 0px #ccc;
    padding:0 0 0 .3em;
}
div#content fieldset br {
    clear:both;
}

/* div für input */
div#content fieldset div.input {
    width:16em;
    float:left;
}
div#content fieldset div.breit {
    width:43em;
}

/* HTML Input Felder */
div#content fieldset input.text {
    width:11.0em;
}
div#content fieldset input.anzahl {
    width:1.8em;
    text-align:center;
}
div#content fieldset input.submit {
}
div#content fieldset input.checkbox {
    width:15px;
}
div#content fieldset select {
}
div#content fieldset textarea {
    float:left;
    padding:.2em;
    width:37.5em;
    height:9em;
}
div#content fieldset select:focus,
div#content fieldset textarea:focus,
div#content fieldset input:focus,
div#content fieldset select:hover,
div#content fieldset textarea:hover,
div#content fieldset input.text:hover {
}


/* <select> Auswahl Unterkuenfte*/
div#content table.unterkuenfte {
    width:100%;
}
div#content p.th,
div#content table.unterkuenfte th {
    text-align:center;
    font-weight:normal;
    background-color:#FFF5DB;
}
div#content table.unterkuenfte td {
    width:25%;
    text-align:center;
}
div#content table.unterkuenfte td.bez {
    color:#888;
    border-right:solid 2px white;
}
div#content table.unterkuenfte td.val {
    border-right:solid 2px white;
    padding:.2em 0 .5em 0;
}

/****************************************************************************************************************************/
/***************************************************************************** für Eingabeformulare  ************************/

div#content span.pflichtfeld_hinweis {
    cursor:help;
    color:#888;
}
div#content table td input.pflichtfeld_fehler,
div#content select.pflichtfeld_fehler,
div#content input.pflichtfeld_fehler,
div#content textarea.pflichtfeld_fehler,
div#content span.pflichtfeld_fehler {
    background-color:#FFC0C0;
}
div#content option.pflichtfeld_fehler {
    background-color:#FFC0C0;
}
div#content .eingabefehler {
    margin:1em 0;
}
div#content .eingabebestaetigung {
}





/****************************************************************************************************************************/
/***************************************************************************** BASKET ***************************************/
div#webm_basket {
    display:block;
    background-color:#FFF5DB;
    border-top:solid 1px white;
    padding:.5em;
    margin:0 0 2em 0;
    line-height:1.8em;
}
div#webm_basket span.element {
    background-color:#FFE8A4;
    cursor:pointer;
    padding:.1em .5em;
}
div#webm_basket span.gastgeber {
    text-decoration:none;
}
div#webm_basket span.entfernen {
    DIS_font-size:.8em;
    color:red;
    padding:0 0 0 .6em;
}
div#webm_basket span a {
    text-decoration:none;
}
div#webm_basket span:hover a {
    text-decoration:underline;
}
div#webm_basket a:hover {
    color:black;
}

/****************************************************************************************************************************/
/***************************************************************************** PAGER_NAV ************************************/

div#content form.zps {
/* UKV+Pauschalen! */
display:inline;
}
.pager_nav {
    border:solid 0px blue;
    color:#555;
    margin:1em 0 0 0;
}
.pager_nav select {
}
.select2 {
    /* nur unten am Seitenende */
    padding:.5em 1em;
    border-top:solid 5px #FFE8A4;
}
.pager_nav span {
    display:block;
    float:left;
    padding:0 .3em;
    margin:0.2em;
}
.pager_nav span a {
    text-decoration:none;
    color:#B26B69;
}
.pager_nav span.href {
    background-color:white;
}
.pager_nav span.hi,
.pager_nav span.href:hover {
    background-color:#FFE8A4;
}



/****************************************************************************************************************************/
/***************************************************************************** MENU2 (linke Seite) **************************/
div#menu2 p.menutitel {
    margin:0;
    padding:5px 20px 0 0;
    height:44px;
    text-align:right;
    font-weight:bold;
    color:white;
    border:solid 0px red;
    background-image:url(../img/menu_button_bg.png);
    background-repeat:no-repeat;
}
div#menu2 ul {
    width:154px;
    margin:0 0 2em 0;
    padding: 0 0 0 0;
    background-color:#fff;
    background-image:url(../img/menu_bg.png);
    background-repeat:repeat-x;
}
div#menu2 ul li {
    list-style-type:none;
}
div#menu2 ul li {
    padding:.4em .2em .4em .5em;
}
div#menu2 ul li:hover {
    background-color:#FEC600;
}
/* --> div#content ul.angebote li div.basket_true */
div#menu2 a {
    text-decoration:none;
    display:block;
}