/* ######## LAYOUT GESAMT ######## */

html, body {
margin:0;
padding:0;
text-align:center;
background: url(../gfx/bg_site.jpg) top center repeat-y;
background-color: #e4e4e4;
font-family: arial, helvetica, sans-serif;
font-size:12px;
color:#333333;
}

#page {
width:940px;
text-align:left;
margin:0 auto 0 auto;
}

#keyimage{
width: 920px;
height: 218px;
margin: 0 10px 0 10px;
background: url(../gfx/keyimage.jpg) top center no-repeat;
position: relative;
}

#content_head {
width: 898px;
text-align:left;
margin: 0 auto 0 auto;
padding: 10px 10px 0 10px;
border-top: none;
border-right: 1px #CCCCCC solid;
border-bottom: none;
border-left: 1px #CCCCCC solid;
background: url(../gfx/bg_teaser_frame.jpg) top left repeat-x;
overflow: hidden;
}

#content, #content_suche {
width: 898px;
text-align:left;
margin: 0 auto 10px auto;
padding: 10px;
border-top: none;
border-right: 1px #CCCCCC solid;
border-bottom: 1px #CCCCCC solid;
border-left: 1px #CCCCCC solid;
overflow: hidden;
}

#teaser_frame {
width: 898px;
text-align: left;
margin: 0 auto 10px auto;
padding: 10px 10px 0 10px;
border: 1px #CCCCCC solid;
background: url(../gfx/bg_teaser_frame.jpg) top left repeat-x;
overflow: hidden;
}

#footer {
width: 898px;
text-align: right;
margin: 0 auto 10px auto;
padding: 5px 10px 5px 10px;
font-size:11px;
color: #999999;
border: 1px #CCCCCC solid;
background: url(../gfx/bg_teaser_frame.jpg) top left repeat-x;
overflow: hidden;
clear:both;
position: relative;
}

#footer a {
text-decoration: underline;
color: #999999;
}

#partner {
width: 898px;
text-align: center;
margin: 0 auto 10px auto;
padding: 5px 10px 5px 10px;
font-size:11px;
color: #999999;
overflow: hidden;
}

#partner li {
list-style: none;
display:inline;
}

#partner a {
text-decoration: none;
color: #999999;
}

/* *** Float containers fix: http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */




/* ######## TEASERBOXEN ######## */

.view, .view_right {
width: 430px;
height: 86px;
text-align:left;
padding: 5px;
border: 1px #CCCCCC solid;
background: url(../gfx/bg_teaser_frame.jpg) top left repeat-x;
overflow: hidden;
}

.view_arra, .view_right_arra {
width: 430px;
height: 95px;
text-align:left;
padding: 5px;
border: 1px #CCCCCC solid;
overflow: hidden;
}

.view, .view_arra {
margin: 0 auto 10px 0;
float: left;
}

.view_right, .view_right_arra {
margin: 0 0 10px auto;
float: right;
}

.teaserpic {
width: 120px;
height: 80px;
padding: 2px;
margin: 0 10px 0 0;
float: left;
border: 1px #CCCCCC solid;
}


/* ######## LISTENELEMENT TEASERBOXEN ######## */

ul {
padding:0;
margin:0;
}

li {
list-style: none;
display:block;
}




/* ######## Absatz ######## */

p {
margin: 5px 0 0 0;
}

/* ######## FETTSCHRIFT ######## */
b {
font-weight:bold;
font-size:12px;
color: #006699;
}




/* ######## TEXTLINKS ######## */

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

a:hover {
color:#333333;
text-decoration: none;
}




/* ######## h1 h2 ÜBERSCHRIFT SITE HEADLINE ######## */
#content_head h1 {
margin: 0;
padding: 0;
font-weight:bold;
font-size:18px;
color: #006699;
display:inline;
position: relative;
}

#content_head h2 {
margin: 0;
padding: 0;
font-weight:bold;
font-size:12px;
color: #006699;
}



/* ######## h1 ÜBERSCHRIFT CONTENT ######## */
#content h1, #content h1 a {
margin: 10px 0 0 0;
padding: 0;
font-weight:bold;
font-size:12px;
color: #006699;
}

#content li {
list-style: none;
display:inline;
line-height: 18px;
}


#content a {
color:#006699;
text-decoration: underline;
}

#content a:hover {
color:#006699;
text-decoration: none;
}



/* ######## h3 FEHLERMELDUNG ######## */
#content h3 {
margin: 10px 0 0 0;
padding: 0;
font-weight:bold;
font-size:12px;
color: #FF0000;
}



/* ######## h1 ÜBERSCHRIFT TEASER ######## */

#teaser_frame h1, #teaser_frame h1 a, #content_suche h1, #content_suche h1 a {
margin: 0;
padding: 0;
font-weight:bold;
font-size:11px;
color: #006699;
display:inline;
}

#content_suche h2, #content_suche h2 a {
margin: 0;
padding: 0;
font-weight:bold;
font-size:11px;
color: #666666;
display:inline;
}


/* ######## LOGO TOP ######## */
div#logo {
height: 98px;
width: 920px;
margin: 0 10px 0 10px;
padding: 0;
position: relative;
background: url(../gfx/logo.jpg) no-repeat top center;
}

/* ######## MERKZETTEL ######## */
div#merkzettel {
margin: 0 0 0 700px;
width: 220px;
padding: 0;
text-align: right;
}

ul#merkzettel li,ul#merkzettel a {
display:inline;
list-style: none;
}

div#merkzettel li a {
font-size:12px;
font-weight:bold;
color: #666666;
text-decoration: none;
}
.mz_right {
float: right;
text-align: right;
}


/* ######## HEADLINE TOP ######## */
div#logo h1 {
font-size:11px;
font-weight:bold;
color:#e8e8e8;
margin: 0;
padding:10px 0 0 0;
}



/* ######## HAUPTNAVIGATION ######## */
div#navbar ul#hauptmenu{
height: 35px;
width: 920px;
background: url(../gfx/navigation.jpg) no-repeat left top;
margin: 0 10px 0 10px;
padding: 0;
position: relative;
}

div#navbar ul#hauptmenu li{
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

ul#hauptmenu li,ul#hauptmenu a{
height:35px;
display:block;
}

div#navbar ul#hauptmenu li a {
font-size:12px;
font-weight:bold;
text-align:center;
padding: 10px 0 5px 0;
text-decoration: none;
color:#FFFFFF;
}


#m_a {
left: 0;
width: 183px;
}

#m_b {
left: 184px;
width: 183px;
}

#m_c {
left: 368px;
width: 183px;
}

#m_d {
left: 552px;
width: 183px;
}

#m_e {
left: 736px;
width: 183px;
}



#m_a a:hover,#page.a_aktiv #m_a {
        background: url(../gfx/navigation.jpg) 0 -85px no-repeat;
}
#m_b a:hover,#page.b_aktiv #m_b {
        background: url(../gfx/navigation.jpg) -184px -85px no-repeat;
}
#m_c a:hover,#page.c_aktiv #m_c {
        background: url(../gfx/navigation.jpg) -368px -85px no-repeat;
}
#m_d a:hover,#page.d_aktiv #m_d {
        background: url(../gfx/navigation.jpg) -552px -85px no-repeat;
}
#m_e a:hover,#page.e_aktiv #m_e {
        background: url(../gfx/navigation.jpg) -736px -85px no-repeat;
}




/* ######## SITENAVIGATION ######## */
div#navbar_site ul#hauptmenu_site {
height: 35px;
width: 898px;
background: url(../gfx/sitenavigation.jpg) no-repeat left top;
margin: 0 0 20px 0;
padding: 0;
position: relative;

}

div#navbar_site ul#hauptmenu_site li{
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
height: 35px;
}

ul#hauptmenu_site li,ul#hauptmenu_site a{
height:20px;
display:block;
}

div#navbar_site ul#hauptmenu_site li a {
font-size:12px;
font-weight:bold;
text-align:center;
padding: 11px 0 0 0;
text-decoration: none;
}


#site_a {
left: 0;
width: 179px;
}

#site_b {
left: 181px;
width: 177px;
}

#site_c {
left: 360px;
width: 177px;
}

#site_d {
left: 539px;
width: 177px;
}

#site_e {
left: 718px;
width: 179px;
}


/* Hover Menu */
#site_a a:hover, #site_a .site_a_aktiv {
        background: url(../gfx/sitenavigation.jpg) 0 -40px no-repeat; color: #FFFFFF;
}
#site_b a:hover, #site_b .site_b_aktiv {
        background: url(../gfx/sitenavigation.jpg) -181px -40px no-repeat; color: #FFFFFF;
}
#site_c a:hover, #site_c .site_c_aktiv {
        background: url(../gfx/sitenavigation.jpg) -360px -40px no-repeat; color: #FFFFFF;
}
#site_d a:hover, #site_d .site_d_aktiv {
        background: url(../gfx/sitenavigation.jpg) -539px -40px no-repeat; color: #FFFFFF;
}
#site_e a:hover, #site_e .site_e_aktiv {
        background: url(../gfx/sitenavigation.jpg) -718px -40px no-repeat; color: #FFFFFF;
}




/* ######## BREADCRUMP NAVIGATION ######## */
#breadcrumb {
margin: 0 0 20px 0;
font-size:10px;
color: #999999;
}

#breadcrumb li {
list-style: none;
display:inline;
}

#breadcrumb a {
color:#006699;
text-decoration: underline;
}

#breadcrumb a:hover {
color:#006699;
text-decoration: none;
}


/* ######## CONTENT CONTAINER ######## */
#content_left {
width: 440px;
float: left;
padding: 0;
}

#content_right {
width: 440px;
float: right;
padding: 0px;
}

#content_center {
width: 898px;
float: left;
padding: 0;
}

#content_600 {
width: 670px;
float: left;
padding: 0;
}

#content_200 {
width: 200px;
float: right;
padding: 0px;
}

#content_200 li {
list-style: none;
display:block;
line-height: 18px;
}





.map_start {
float: left;
margin-right: 20px;
margin-top: 10px;
}



/* ######## HOTELKETTEN ######## */
.hotelkette img {
width: 120px;
height: auto;
padding: 0;
margin: 0;
text-align: center;
}




/* ######## SUCHEFRAME ######## */
#suche {
width: 275px;
height:28px;
float:left;
padding: 2px;
margin: 0 0 5px 0;
background: url(../gfx/bg_suche.jpg) top left no-repeat;
}

form {
padding: 0;
margin:0;
}

.suchfeld {
width: 255px;
margin:3px;
padding: 0 5px 0 5px;
border:none;
font-weight:bold;
font-size:13px;
color: #006699;
}




/* ######## KONTAKTFORMULAR ######## */
.kontakt {
margin: 0;
padding: 10px;
border: 1px #006699 solid;
background-color: #DFE9ED;
}

.fld {
width: 412px;
margin: 2px 0 10px 0;
padding: 3px;
border: 1px #006699 solid;
font-weight:bold;
font-size:13px;
color: #006699;
background-color: #FFFFFF;
}

.fld_select {
width: 422px;
margin: 2px 0 10px 0;
padding: 3px;
font-weight:bold;
font-size:13px;
color: #006699;
}

/* ######## VOTINGTOOL ######## */
#vote {
width: 648px;
margin: 10px 0 20px 0;
padding: 0 10px 0 10px;
border: 1px #CCCCCC solid;
background-color: #DFE9ED;
}

#pre_vote {
width: 150px;
height:190px;
margin: 10px 20px 20px 0;
padding: 0 10px 0 10px;
border: 1px #CCCCCC solid;
background-color: #DFE9ED;
float: left;
}

.voteframe {
margin: 10px 0 20px 0;
padding: 10px;
border: 1px #006699 solid;
background-color: #DFE9ED;
}

.fld_vote {
width: 644px;
margin: 0;
padding; 0;
border: 1px #CCCCCC solid;
}

.button_vote {
width: 420px;
height:35px;
margin: 15px 0 10px 0;
padding-top: 50px;
border: none;
background: url(../gfx/button_bewertung.jpg) top left no-repeat;
}

.button_pre_vote {
width: 155px;
height:35px;
margin: 7px 0 10px 0;
padding-top: 50px;
border: none;
background: url(../gfx/button_pre_vote.jpg) top left no-repeat;
}

#tell {
width: 460px;
height:190px;
margin: 10px 0 20px -10px;
padding: 0 10px 0 10px;
border: 1px #CCCCCC solid;
background-color: #DFE9ED;
float: left;
}

.fld_tell {
width: 220px;
margin: 2px 0 10px 0;
padding: 3px;
border: 1px #006699 solid;
font-weight:bold;
font-size:13px;
color: #006699;
background-color: #FFFFFF;
}

.button_tell {
width: 228px;
height:35px;
margin: 15px 0 10px 0;
padding-top: 50px;
border: none;
background: url(../gfx/button_tell.jpg) top left no-repeat;
}



#tell_arra {
width: 420px;
margin: 10px 0 0 0;
padding: 0 10px 0 10px;
border: 1px #CCCCCC solid;
background-color: #DFE9ED;
}

.fld_tell_arra {
width: 195px;
margin: 2px 0 10px 0;
padding: 3px;
border: 1px #006699 solid;
font-weight:bold;
font-size:13px;
color: #006699;
background-color: #FFFFFF;
}

.fld_tell_arra_area {
width: 410px;
margin: 2px 0 10px 0;
padding: 3px;
border: 1px #006699 solid;
font-weight:bold;
font-size:13px;
color: #006699;
background-color: #FFFFFF;
}

.button_tell_arra {
width: 420px;
height:35px;
margin: 15px 0 10px 0;
padding-top: 50px;
border: none;
background: url(../gfx/button_tell.jpg) top left no-repeat;
}



.button {
width: 420px;
height:35px;
margin: 2px 0 0 0;
padding-top: 50px;
border: none;
background: url(../gfx/button.jpg) top left no-repeat;
}


/* ######## LOGIN ######## */
.button_login {
width: 420px;
height:35px;
margin: 2px 0 0 0;
padding-top: 50px;
border: none;
background: url(../gfx/button_login.jpg) top left no-repeat;
}


.button_weiter {
width: 420px;
height:35px;
margin: 2px 0 0 0;
padding-top: 50px;
border: none;
background: url(../gfx/button_weiter.jpg) top left no-repeat;
}

.button_zugang {
width: 420px;
height:35px;
margin: 2px 0 0 0;
padding-top: 50px;
border: none;
background: url(../gfx/button_zugang.jpg) top left no-repeat;
}

hr {
color:#006699;
height:1px;
margin: 5px 0 5px 0;
}




/* ######## PARTNERHOTELS ######## */

.partnerhotels {
width: 213px;
height: 180px;
margin: 0;
float: left;
text-align:center;
padding: 5px;
overflow: hidden;
}

.partnerhotels img {
margin: 0 0 -10px 0;
padding: 0;
border: none;
}

/* ######## h1 PARTNERHOTELS ######## */
.hotelkette {
margin: 0;
padding: 0;
font-weight:bold;
font-size:12px;
color: #006699;
}

/* ######## ANMELDUNG ######## */
.button_anmeldung {
width: 420px;
height:35px;
margin: 2px 0 0 0;
padding-top: 50px;
border: none;
background: url(../gfx/button_anmeldung.jpg) top left no-repeat;
}


/* ######## HOTELBILDER ######## */
.pic {
width:196px;
margin:0;
padding:2px;
border: 1px solid #CCCCCC;
}

.enlarge {
width:25px;
height:20px;
margin:2px 5px 15px 0;
padding:0;
float:left;
}

#content_200 h2 {
margin: 5px 0 0 00;
padding: 0;
font-weight:bold;
font-size:11px;
color: #006699;
}


/* ######## GOOGLEMAP ######## */
div#geomap {
margin:20px 0 20px 0;
border: 1px #cccccc solid;
background-color: #DFE9ED;
}



/* ######## ORDERFUNKTION ######## */
#order {
width:898px;
margin: 25px 0 25px 0;
padding: 0;
text-align: right;
}

.button_order {
width:217px;
height:25px;
margin: 0 0 0 5px;
padding:0;
border: 1px #cccccc solid;
background-color: #DFE9ED;
font-weight:bold;
font-size:12px;
color: #006699;
}

.select {
width:222px;
margin: 0;
padding:0;
font-weight:normal;
font-size:15px;
color: #006699;
}

.button_aktualisieren {
width:200px;
height:25px;
margin: 0 2px 0 5px;
padding:0;
border: 1px #cccccc solid;
background-color: #DFE9ED;
font-weight:bold;
font-size:12px;
color: #006699;
}


/* ######## VERBINDLICHE BUCHUNG ######## */
#buchung, #anfrage {
margin: 20px 0 50px 0;
padding: 0;
text-align: center;
}

/* ######## ANFRAGE ######## */
.button_anfrage {
width: 420px;
height:35px;
margin: 30px 0 0 0;
padding-top: 50px;
border: none;
background: url(../gfx/button_anfrage.jpg) top left no-repeat;
}

.button_select_anfrage {
width: 420px;
height:35px;
margin: 0;
padding-top: 50px;
border: none;
background: url(../gfx/button_select_anfrage.jpg) top left no-repeat;
}

.button_select_buchen {
width: 420px;
height:35px;
margin: 0;
padding-top: 50px;
border: none;
background: url(../gfx/button_select_buchen.jpg) top left no-repeat;
}

.button_select_kontakt {
width: 420px;
height:35px;
margin: 0;
padding-top: 50px;
border: none;
background: url(../gfx/button_select_kontakt.jpg) top left no-repeat;
}

.button_arrangement {
width: 420px;
height:35px;
margin: 10px 10px 10px 15px;
padding-top: 50px;
border: none;
background: url(../gfx/button_arrangement.jpg) top left no-repeat;
}

.button_tell_arra {
width: 420px;
height:35px;
margin: 0;
padding-top: 50px;
border: none;
background: url(../gfx/button_arrangement_empfehlen.jpg) top left no-repeat;
}


/* ######## KALENDER ######## */
.plan {
        background-color: #006699;
        font-size: 12px;
        color: #FFFFFF;
        font-weight: normal;
        text-align:center;
        border: 1px #CCCCCC solid
        }

.plan_index {
        background-color: #006699;
        font-size: 12px;
        color: #FFFFFF;
        font-weight: normal;
        text-align:center;
        border: 1px #CCCCCC solid;
        margin: 10px 10px 10px 0;
        }

.plan_head {
        font-weight: bold;
        }

.kal_heute {
        background-color: #FF0000;
        color: #FFFFFF
        }

.kal_a {
        background-color: #e4e4e4
        }

.kal_b {
        background-color: #BBCDDF;
        color: #FFFFFF
        }

.kal_tage {
        background-color: #405060;
        color: #FFFFFF
        }

#blaetter, #back {
width: 898px;
margin: 0;
font-size:12px;
position: absolute;
text-align: right;
}

#blaetter a {
color:#006699;
text-decoration: underline;
}

.arrapic {
margin: 10px 0 10px 0;
}

/* ######## STARTSEITEN GRAFIK ######## */
.start_gfx {
width: 75px;
height: 75px;
margin: 2px 10px 8px 0;
float: left;
}