/*--------------------------Bildersetzung für die h1 Überschriften------------------------------*/
#page_home_ h1 {width:85px;}
#page_news_ h1 {background-position: -90px 0; width:83px;}
#page_gemeinden_ h1 {background-position: -175px 0; width:150px;}
#page_besichtigen_ h1 {background-position: -330px 0; width:153px;}
#page_freizeit_ h1 {background-position: -488px 0; width:110px;}
#page_rad-wandern_ h1 {background-position: -600px 0; width:200px;}
#page_weine_weinlagen h1 {background-position: -800px 0; width:140px;}
#page_weine_weingueter h1 {background-position: -945px 0; width:145px;}
#page_weine_weinlexikon h1 {background-position: -1090px 0; width:170px;}
#page_gastgeber_hotel h1 {background-position: -1260px 0; width:240px;}
#page_gastgeber_private-room h1 {background-position: -1500px 0; width:190px;}
#page_gastgeber_holiday-apartment h1 {background-position: -1690px 0; width:240px;}
#page_gastgeber_youth-hostel h1 {background-position: -1930px 0; width:250px;}
#page_gastgeber_restaurant h1 {background-position: -2180px 0; width:170px;}
#page_service_leistungen h1 {background-position: -2353px 0; width:150px;}
#page_service_prospekte h1 {background-position: -2505px 0; width:140px;}
#page_service_impressionen h1 {background-position: -2648px 0; width:180px;}
#page_service_ruwer-memory h1 {background-position: -2830px 0; width:206px;}
#page_anreise_ h1 {background-position: -3040px 0; width:105px;}
#page_veranstaltungen_ h1 {background-position: -3149px 0; width:220px;}
#page_shop_ h1 {background-position: -3372px 0; width:165px;}
#page_impressum_ h1 {background-position: -3538px 0; width:150px;}
#page_kontakt_ h1 {background-position: -3692px 0; width:120px;}
#page_links_ h1 {background-position: -3815px 0; width:80px;}



#page_freizeit_ #page {background-image: url(../images/transparenz90.png);}
/*-------------------------------------------------------------------------*/


h2.news {
    background-image: url(../images/h2_news.png);
    padding:0; margin:2em 0 0;
}
h2.willkommen {
    background-image: url(../images/h2_willkommen.png);
    padding:0;
    margin: 100px 0 0;
}

#page_gemeinden_ #page {
    top:0;
}


/*--------Sonderformatierungen für die Seite Besichtigen----------------*/
#page .bigarrow {
    background: url(../images/arrow_big.png) no-repeat right top;
    position:relative;
    top:-30px;
    padding-top:30px;
    min-height:575px;
}
#img_besichtigen1, #img_besichtigen2, #img_besichtigen3 {
    position:absolute;
    right:20px;
}
#img_besichtigen1 {top:90px;}
#img_besichtigen2 {top:250px; right:80px;}
#img_besichtigen3 {top:410px;right:20px;}


/*-------Tabelle auf der Seite Gemeinde------------------------*/
table.colrows {
    width:100%;
    margin:-30px 0 0;
    padding:0;
}
.colrows td {
    padding:1px 18px;
    border-right:2px solid #A25E37;
}
.colrows thead{
   text-transform: uppercase;
   text-align:left;
}
.colrows thead th {
    padding:2px 20px;
    height:50px;
    vertical-align:bottom;
    border-right:2px solid #A25E37;
    background: url(../images/table_brown.gif) repeat-x bottom;
}
.colrows tfoot td {height:30px;}
.colrows .color2 {
    background: url(../images/transparenz_brown.png) repeat;
}
.colrows .colrow2 {
    text-align:right;
    padding-right:5.5em;
}
.colrows .colrow4 {border-right:none; text-align:center;}
/*-------------------------------------------------------*/
/*------------------Liste mit Rauten-----------------------*/
.raute {padding:1em 0; margin:0;}
.raute li {
    margin:0;
    padding:0 0 1.5em 22px;
    list-style:none;
    background: url(../images/raute.png) no-repeat top left;
}
.raute ul li {
    background:none;
    padding:0 0 .1em;
}

.raute_klein {padding:.5em 0 .7em; margin:0;}
.raute_klein li {
    list-style:none;
    margin:0;
}

.raute_klein li a {
    text-decoration:none;
    background: url(../images/raute_klein.png) no-repeat 0 30%;
    padding:0 0 .3em 15px;
}
.raute_klein li a:hover {text-decoration:underline;}
/*------------------Liste mit zwei Spalten-----------------------*/
.columns li {
    clear:both;
    padding: .4em 0;
}
.columns h4 {
    width:9em;
    float:left;
}
.columns p {
    margin: 0 0 0 9em;
}
/*-------------Definitionsliste mit drei Spalten-----------------------*/
.columns3 {
    float:left;
    width:33%;
    text-align:center;
}
/*-------------Adressauflistung nach Katalogart----------------*/
.catalog {  /*Liste für Gastronomie und Weingüter*/
    padding:0;
    margin:0 0 1em 0;
    float:left;
    clear:both;
}
.catalog li {
    padding:0.5em 0;
    float:left;
    width:100%;
    clear:both;
}
.catalog li p, .catalog li a, .catalog li h4 {
    float:left;
}
.catalog li p, .catalog li h4 {
    width:25em;
}
.catalog a {width:20em;}

/*-------------Bildergalerie-----------------------*/
.galerie p {padding-right:20px;}/*Wiederherstellen des rechten Randes für Text*/
.imgborder_galerie {
    background-image: url(../images/imgborder100.png);
    margin:5px 4px;
}
/*-------------Accordion-Menu----------------------------*/
.accordion_headings {
    background: url(../images/raute_infos.gif) no-repeat 0 .3em;
    padding-left:30px;
    margin: .5em 0;
    font-weight:bold;
    text-decoration:underline;
    width:80%; /*zur Erzeugung von hasLayout im IE6*/
}
#accordion-wrapper {width:102%;}
#accordion1-content, #accordion2-content, #accordion3-content, #accordion4-content {margin: 1em 0 1.5em; clear:both;}
#accordion-wrapper .imgborder400 {float:right; margin-right:0px;}

#accordion1-content li {padding-left:6em; text-indent:-6em;}
#accordion1-content span { display:inline-block; width:5.5em; text-indent:0;}
#accordion1-content ul {margin-bottom:1.5em;}

#accordion2-content ul {margin-top:0; margin-bottom: 1em;}
#accordion2-content ul li {list-style-type:disc;}

#accordion3-content ul li {padding:.5em 0;}
#accordion3-content ul li a {font-weight:bold;}
#accordion3-content .imgborder400 {margin-right:15px;}

#accordion4-content ul li {list-style-type:disc;}
#accordion4-content .imgborder400 {margin-top:-3em; margin-right:15px;}


/*-------Formularelemente gestalten--------------------*/

form legend {
    font-weight:bold;
    font-size:1.2em;
    margin-bottom:1em;
}
input[type=checkbox] {float:left; margin-right:15px;margin-top:0;}
form ul {margin:0; padding:0;}
form li {
    display:block;
    list-style:none;
    margin:0;
    padding:0;
}
.formblock {
    display:block;
    float:left;
    padding:0 14px 0 0;
    margin-bottom:6px;
}
.upperLabel label {
    display:block;
    padding-bottom:0.3em;
}
.upperLabel li {width:100%;}

/*-----------Formulare für Shop--------------------------------*/
#shopform li {
    float:left;
    width:125px;
    padding:5px;
    margin:4px;
    font-size:11px;/*Absolute Einheit nötig da feste Größe der Boxen*/
    background: url(../images/transparenz_brown.png) repeat;
    text-align:center;
}
.equalheight { height:295px;}
/*#shopform #item6, #shopform #item7, #shopform #item8 {
    margin-top:-95px;
}*/

#shopform .multipleProducts {
	background:none;
	margin:0;
	padding:0;
}
#shopform .multipleProducts.equalheight li {
	height:140px;
}
#shopform label {
    display:block;
    margin:0 auto;
}
.footerlink1, .footerlink{
    display:inline-block;
    float:right;
    position:relative;
    top:5px;
    padding:5px 0 5px 25px;
    margin-bottom:-28px;
    background: url(../images/arrow.png) no-repeat left;
    z-index:10;
    border:none;
    font-weight:bold;
    font-size:125%;
    text-decoration:underline;
}
.footerlink1:hover, .footerlink:hover {cursor:pointer;}

.footerlink {
    background: url(../images/arrow2.png) no-repeat left;
}
#shopform input[type=checkbox]{
   margin:0;padding:0;
}

#shopitems {
    background: url(../images/transparenz_brown.png) repeat;
}
#shopitems ul {margin-bottom:.5em;}
#shopitems li {padding:.5em 0;}
#shopitems label {
    display:inline-block;
    width:270px;
    margin:0 6px;
}

#shopitems input[type=submit] {
    font-size:11px;
    margin:0; padding:1px 3px;
}
/*-----------Formulare für Prospekte--------------------------------*/
#prospektform li, #shopform li {
    float:left;
    width:111px;
    position:relative;
    padding:5px 0;
    margin:2px;
    background: url(../images/transparenz_brown.png) repeat;
    text-align:center;
    font-size:9px;/*Absolute Einheit nötig da feste Größe der Boxen*/
}

#prospektform li.equalheight {height:296px;}

#prospektform li.moveup {margin-top:-97px;}

#prospektform label, #shopform label {
    display:inline-block;
    width:107px;
    position:absolute;
    bottom:4px;
    left:2px;
}
#prospektform input[type=checkbox], #shopform input[type=checkbox]{
   margin:0 45px 5px;
}
/*-----Formulare für Memory-------------*/
#memoryform label {
    width:5em;
    height:2em;
    display: inline-block;
}
#memoryform input[type=submit]{
    margin-left:4em;
    margin-top:1em;
}

/*----------Tabelle für die Anzeige der Highscores-------------------------*/

#highscore tr {
    border-top:1px solid #a35f37;
    border-bottom:1px solid #a35f37;
    font-weight:bold;
}
#highscore tr.row2 {
   background: url(../images/transparenz_brown.png) repeat;
}
#highscore td {
    padding:5px 10px;
    margin:0;
}
/*---------Newsliste und Newslseiten auf der index.php--------------------*/
#news-list li {padding-bottom:1em;}


/*------------------------------------------------------------------------*/
/*--------------Styles für den Bereich Gastgeber--------------------------*/
.listing ul {
    width:100%;
    display:block;
    padding:0;
    margin:0 0 2em;
}
.listing li {
    list-style:none;
    float:left;
    width:545px;
    padding:1em 10px 1em 20px;
    margin:0;
}
.listing li.col2, .col2 {
    background: url(../images/transparenz_brown.png) repeat;
}
.listing h2 {
    padding: 0 20px .2em;
}

.listing .left-box {
    width:400px;
    float:left;
}
.listing .premium .left-box {
    width:300px;
}
.listing .premium img {
    float:left;
    margin-right:10px;
}

.listing .right-box, .premiumSite .right-box {
    float:right;
    margin:0;
    width:130px;
}
.listing .right-box li, .premiumSite .right-box li{
    float:none;
    width:100%;
    padding:0;
    margin:0;
	list-style:none;
}
.hr-flat {
    clear:both;
    height:0px;
    width:200px;
    color: rgb(163,95,55);
    border-top:1px solid;
}
.listing a {text-decoration:none;}
.listing a:hover {text-decoration:underline;}

.listing .left-box sup {vertical-align:super; font-weight:normal;}
.detail-link {
    text-indent:-5000px;
    display:inline-block;
    height:12px;
    margin-left:5px;
     width:13px;
     background: url(../images/interface/i-button.png) no-repeat;
}

    .listing .right-box .beds, .beds {
        height:15px;
        line-height:10px;
        width:80px;
        background: url(../images/interface/beds.png) no-repeat left top;
        padding:0 0 20px 40px;
    }
    .listing .right-box .beds span, .beds span {
        text-indent: -5000px;
        display:block;
        width:1px; /*für IE*/
    }
    .listing .right-box .link {
        text-align:right;
        margin-top:1em;
    }
    .listing .right-box .link a, .LinkToBuchung {
        color:#fff;
        font-weight:bold;
        font-size:10px;
        text-transform: uppercase;
        background: url(../images/interface/linkbutton.png) no-repeat center;
        padding:5px 5px;
    }

    .listing .right-box.seats, .premiumSite .right-box.seats{
        height:30px;
        width:80px;
        background: url(../images/interface/seats.png) no-repeat left top;
        padding-left: 40px;
    }
    .listing .right-box.seats span, .premiumSite .right-box.seats span {
        text-indent: -5000px;
        display:block;
        height:1px;
        width:1px; /*für IE*/
    }

/*---------------Formatierungd der Premium Seiten---------------*/

.premiumSite {position:relative;}

#mainInfos {
    padding:20px 20px 10px;
    position:relative;
}

#mainInfos img {margin-right: 15px;}

#mainInfos p {padding-left:0;}

.premiumSite address {
    display:block;
    float:left;
    margin: 0 20px 20px;;
}

.linkToOverview, .LinkToBuchung {
    position:absolute;
    right:7px;
    top:0;
}

.LinkToBuchung {
    top:80px;
    text-decoration:none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.LogoPremium {
    float:right;
    margin-right:145px;
    margin-bottom:5px;
}

div.col2 {
    background: url(../images/transparenz_brown.png) repeat;

}

#mainInfos .beds, .premiumSite .seats {
    position:absolute;
    top:0px;
    right:0px;
    padding-left:40px;
}

.premiumSite h2 {
    font-size:1.2em;
    margin:.2em 20px;
}

#roomPrices {
    background: rgb(208,170,138);
    width:100%;
}

#roomPrices th {
    font-weight:bold;
    text-transform: uppercase;
    border-left:3px solid rgb(240, 221, 196);
    padding-top:10px;

}

#roomPrices td {
    text-align:center;
    border-left:3px solid rgb(240, 221, 196);
    padding:10px;
}

#roomPrices td:first-child, #roomPrices th:first-child {border:none;}

.premiumSite #leftList, .premiumSite #rightList {
    padding:20px 20px 2em;
    width:240px;
}

.premiumSite #leftList ul, .premiumSite #rightList ul {
    margin-top:0;
    margin-bottom:1.5em;
}

.premiumSite #leftList {
    float:left;
}

.premiumSite #rightList {float:right; }

#map_container {
    width:555px;
    height:260px;
    margin:10px auto;
}

.buchungsanfrage h3 {
    margin:.5em 0;
    font-size:1.23em;
}

/* ----------------------form styles -------------------------*/
.buchungsanfrage fieldset {
    padding-top: 10px;
    padding-bottom:10px;
    line-height:2.4em;
}

.buchungsanfrage fieldset legend {
    margin:10px 0 0;
}

.buchungsanfrage label {
	font-weight:bold;
}

.buchungsanfrage label.fixedwidth {
	width:5em;
        display:inline-block;
}

.form_row {
	margin: 8px 0;
	overflow: auto;
	clear: left;
        line-height:1.4em;
}

.form_row label {
        display:inline-block;
        width:14em;
}

.form_row label.floatleft {margin-right:0;}

.form_row address {
    display:block;
    margin-left:14.5em;
}

.form_row span {
    padding-left:3px;
    display:inline-block;
    width:9em;
}

.form_row.autowidth label {
        width:auto;
        margin-right:1em;
}

.form_row.autowidth span {
        width:auto;
        padding:0 1em 0 0;
}

.form_row .indent {margin: 5px 0 0 12em;}

#adress {margin-bottom:20px;}

#adress .spam {margin:10px 0 20px; clear:both;}

#adress .spam label {
    font-weight:normal;
    width:25em;
    display:block;
    float:left;
    line-height:1.2em;
    margin-bottom:3px;
}

#adress .floatright {margin-right:90px; margin-left:10px;}

#adress input, #adress select {margin-right:1em;}

#departureDateWeekday, #arrivalDateWeekday {
  font-weight:bold;
  color: rgb(163,95,55);
}

/*--------------------------------------------------*/
#linList {
    clear:left;
    margin:10px 0 20px;
    float:left;
}

#linList li {
    clear:left;
    float:left;
    width:535px;
    padding:5px 20px;
    border-top:1px solid rgb(163,95,55);
    font-weight:bold;
}

#linList li:last-child {}

#linList li a {font-weight:normal;}