/* CSS Document */
* { margin: 0; padding: 0; text-decoration: none; border: 0; }
body { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #666; background: url(../pics/bg_body.jpg) top left repeat-x #9aa1aa; text-align: center; }

input, textarea, select { border: 1px solid #ccc; color: #666; }
input.submit { padding: 1px 5px; background-color: #eee; cursor: pointer; }
.w80 { width: 80px; }
.clear { clear: left; line-height: 0px; }
.clearspace { clear: left; line-height: 15px; }
table.form td { padding: 2px 0; }


div#container { width: 902px; margin: 25px auto; text-align: left; }
div.description { clear: left; width: 902px; margin-top: 1px; margin-bottom: 1px; background-color: #555b66; } div.description h1, div.description h3 { display: none; }
div.description p { font-size: 9px; color: #7e848e; text-align: center; }
div.description p a { color: #7e848e; padding: 2px 10px; line-height: 14px; }
div#header { width: 902px; height: 258px; } div#header h1, div#header p { display: none; }
div#content_wrapper { float: left; width: 902px; background-color: #fff; }

div#menu { float: left; width: 366px; }
div#menu ul { list-style-type: none; margin: 0 0 0 4px; padding: 0; }
div#menu ul li { display: block; float: left; width: 308px; background: url(../pics/bg_menu.gif) top left repeat-y; }
div#menu ul li a { display: block; width: 308px; height: 34px; }
div#menu ul li a.cityhotel { background: url(../pics/menu_cityhotel_n.gif) top left no-repeat; }
div#menu ul li a.cityhotel:hover, div#menu ul li a.cityhotel.active { background: url(../pics/menu_cityhotel_s.gif) top left no-repeat; }
div#menu ul li a.leistungen { background: url(../pics/menu_leistungen_n.gif) top left no-repeat; }
div#menu ul li a.leistungen:hover, div#menu ul li a.leistungen.active { background: url(../pics/menu_leistungen_s.gif) top left no-repeat; }
div#menu ul li a.aktuell { background: url(../pics/menu_aktuell_n.gif) top left no-repeat; }
div#menu ul li a.aktuell:hover, div#menu ul li a.aktuell.active { background: url(../pics/menu_aktuell_s.gif) top left no-repeat; }
div#menu ul li a.anreise { background: url(../pics/menu_anreise_n.gif) top left no-repeat; }
div#menu ul li a.anreise:hover, div#menu ul li a.anreise.active { background: url(../pics/menu_anreise_s.gif) top left no-repeat; }
div#menu ul li a.angebot, div#menu ul li a.angebot:hover { background: url(../pics/menu_angebot_n.gif) top left no-repeat; }
div#menu ul li a.angebot.active { background: url(../pics/menu_angebot_s.gif) top left no-repeat; }
div#menu ul li a.buchen { background: url(../pics/menu_buchen_n.gif) top left no-repeat; }
div#menu ul li a.buchen:hover, div#menu ul li a.buchen.active { background: url(../pics/menu_buchen_s.gif) top left no-repeat; }
div#menu ul li a.kontakt { background: url(../pics/menu_kontakt_n.gif) top left no-repeat; }
div#menu ul li a.kontakt:hover, div#menu ul li a.kontakt.active { background: url(../pics/menu_kontakt_s.gif) top left no-repeat; }
div#menu ul li a.tours {  background: url(../pics/menu_tours_n.gif) top left no-repeat; }
div#menu ul li a.tours:hover, div#menu ul li a.tours.active { background: url(../pics/menu_tours_s.gif) top left no-repeat; }
div#menu ul li a.lasserhof { height: 35px; background: url(../pics/menu_lasserhof_n.gif) top left no-repeat; }
div#menu ul li a.lasserhof:hover, div#menu ul li a.lasserhof.active { background: url(../pics/menu_lasserhof_s.gif) top left no-repeat; }
div#menu ul li p { padding: 0 75px 8px 41px; line-height: 1.1; }
div#menu ul li a span { display: none; }

div#content { float: left; width: 536px; }
div#content a { color: #666; font-weight: bold; }
div#content_main { float: left; width: 399px; }
div#content_main #language_selection img { float: left; padding: 0 3px 30px 0; }
div#content_main h2 { clear: left; height: 19px; }
div#content_main h2 span { display: none; }
div#content_main h2.cityhotel { background: url(../pics/h2_cityhotel.gif) top left no-repeat; }
div#content_main h2.preise { background: url(../pics/h2_preise.gif) top left no-repeat; }
div#content_main h2.leistungen { background: url(../pics/h2_leistungen.gif) top left no-repeat; }
div#content_main h2.aktuell { background: url(../pics/h2_aktuell.gif) top left no-repeat; }
div#content_main h2.anreise { background: url(../pics/h2_anreise.gif) top left no-repeat; }
div#content_main h2.buchen { background: url(../pics/h2_buchen.gif) top left no-repeat; }
div#content_main h2.angebot { background: url(../pics/h2_angebot.gif) top left no-repeat; }
div#content_main h2.call { background: url(../pics/h2_call.gif) top left no-repeat; }
div#content_main h2.kontakt { background: url(../pics/h2_kontakt.gif) top left no-repeat; }
div#content_main h2.tours { background: url(../pics/h2_tours.gif) top left no-repeat; }
div#content_main h2.impressum { background: url(../pics/h2_impressum.gif) top left no-repeat; }
div#content_main p { clear: left; padding: 0 45px 0 13px; text-align: justify; }
div#content_main p.first { padding-top: 18px; }
div#content_main p.map_button { padding-left: 0; }
div#content_main p.map_button span { clear: left; display: block; float: left; width: 200px; margin: 3px 0; padding: 1px 15px; border: 1px solid #999;  }
div#content_main p.map_button img { float: left; margin: 3px 0 3px 5px; }
div#content_main p.form_header { border-bottom: 1px solid #666; background-color: #eee; margin: 0 45px 0 13px; padding: 0 3px; font-weight: bold; }
div#content_main .buchen { float: left; width: 536px; }
div#content_main object { border: 1px solid #666; width: 520px; height: 300px; margin: 15px 0 0 0; }

div#content_main p.error { color: #ff0000; font-size: 12px; }
div#content_main p.success { color: #009933; font-size:12px; }


div#content_main table { border-collapse: collapse; margin: 15px 0 12px 13px; }

div#content_main ul { padding: 0 0 0 30px; }
div#content_main .col1 { float: left; width: 160px; border-right: 1px solid #666; margin-top: 18px; margin-bottom: 12px; }
div#content_main .col2 { float: left; width: 230px; margin-top: 18px; }
 
div#content_pics { float: left; width: 137px; padding-top: 82px; }
div#content_pics img { float: left; clear: left; margin-bottom: 8px; border: 4px solid #dfe1e3; border-top: 3px solid #dfe1e3; border-bottom: 3px solid #dfe1e3; }
div#content_pics p { clear: left; }
div#content_pics p a { display: block; width: 95px; height: 16px; line-height: 16px; text-align: center; vertical-align: middle; background:url(../pics/bg_foto_button.jpg) top left no-repeat; color: #666; }

div#aktion {margin-bottom:15px;}
img#open-aktion {margin-bottom:5px;cursor:pointer;}
span#aktion-bed {cursor:pointer;float:right;display:block;margin-right:50px;background: url(../pics/arrow-down.png) no-repeat;padding-left:20px;height:15px;}
div#aktion-overlay {color:#333333;padding:15px;width:620px;background:white;text-align:left;font-family:Verdana, Arial, Helvetica,sans-serif;font-size:12px;line-height:18px;}
div#aktion-content {padding: 15px 35px;text-align:left;}
div#aktion-content ol {margin: 35px 0 30px 0;}
p.aktion-radio {background:url(../pics/aktion-radio.gif) no-repeat;height:22px;margin: 0 0 2px 0;padding: 0 0 0 30px;cursor:pointer}
p.aktion-radio.active {background:url(../pics/aktion-radio-aktive.gif) no-repeat;}

div#content_main ul#tabs {background:url(../pics/bg-tabs.gif) #e0e1e5 no-repeat 0 0;height:12px;width:482px;padding:10px;}
ul#tabs li {float:left;list-style:none;font-size:10px;font-family:Verdana, Arial, Helvetica,sans-serif;font-weight:bold;cursor:pointer;}
li#tab_fb {margin-right:30px;}
li#tab_hc {margin-right:30px;}
li#tab_ta {margin-right:30px;}
li#tab_other {margin-right:0px;}

div#aktion-form {margin-top:15px;}
div#aktion-left {float:left;width:245px;}
#aktion-content input {color:#333333;width:205px;margin:0 0 2px 0;background:#989fa9;border:0;font-size:12px;height:19px;padding: 0 5px 3px 5px;}
#aktion-content input#aktion-other-url {width:130px;display:none;}
#aktion-right #aktion-submit {cursor:pointer;width:120px;margin:0 0 3px 0;background:#989fa9;border:0;font-size:12px;height:20px;padding: 0 5px 3px 5px; text-align:left;display:block;color:#333333}
div#aktion-middle {float:left;margin: 0 35px 0 0;width:140px;}
div#aktion-right {float:left;}
#aktion-form p.error {display:none;color:red;font-size:10px;}
#aktion-nutzungsbed {width:340px;}
#aktion-nutzungsbed ol {margin:10px 0 0 26px;padding:0;}

div#footer { clear: left; width: 902px; background-color: #555b66; padding: 5px 0; }
div#footer #tags { float: left; width: 312px; }
div#footer #tags p { padding: 0 20px 5px 15px; }
div#footer #tags p a { padding: 0 10px 0 0px; line-height: 1.5; }
div#footer #footer_nav { float: left; width: 590px; }
div#footer #footer_nav p { text-align: right; padding: 3px 14px 0 0; color: #9aa1aa; font-size: 9px; }
div#footer #footer_nav p a { color: #9aa1aa; }

label { clear: left; display: block; float: left; width: 100px; }

#bewertungen_box {margin:20px 0 10px;width:500px;}

.admin-table td {margin:10px;padding:10px;border:1px solid grey;}
.admin-table {background:white;}
.tab {padding:10px 0;position:relative;}

p#fblike {
float:left;
margin-left:260px;
width:100px;
}
