/********************************************************************** reset */

a, abbr, acronym, address, applet, area, b, base, basefont, bdo, big, blockquote, body, br, button, caption, center, cite, code, col, colgroup, dd, del, dfn, dir, div, dl, dt, em, fieldset, font, form, frame, frameset, h1, h2, h3, h4, h5, h6, head, hr, html, i, iframe, img, input, ins, isindex, kbd, label, legend, li, link, map, menu, meta, noframes, noscript, object, ol, optgroup, option, p, param, pre, q, s, samp, script, select, small, span, strike, strong, style, sub, sup, table, tbody, td, textarea, tfoot, th, thead, title, tr, tt, u, ul, var {
    font-family:inherit;
    font-size:100%;
    font-style:inherit;
    font-weight:inherit;
    margin:0px;
    padding:0px;
    border:0px none;
    vertical-align:baseline;
}

/******************************************************************** general */

body {
    font-family:'Trebuchet MS', 'Tahoma', 'Arial', sans-serif;
    font-size:11pt;
}

h1, h2, h3, h4, h5, h6 {
    font-family:'Tahoma', 'Arial', sans-serif;
    font-weight:bold;
}

h1 {
    font-size:19px;
    margin:10px 0px 21px;
}

h2 {
    font-size:17px;
    margin:17px 0px 15px;
}

p {
    margin:15px 0px;
}

a {
    text-decoration:underline;
}

table {
    table-layout:fixed;
    border-collapse:collapse;
    border-spacing:0px;
}

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

ul {
    margin-left:30px;
}

dt {
    font-weight:bold;
}

dd {
    margin-left:30px;
}

input[type="text"], input[type="submit"], textarea, select {
    border:1px solid gray;
}

select {
    background-color:white;
}

option {
    padding:0px 4px;
}

strong {
    font-weight:bold;
}

.small {
    font-size:9pt;
}

.name {
    font-style:italic;
}

.center {
    text-align:center;
}

/****************************************************************** structure */

#container {
    max-width:920px;
    margin:0px auto;
}

.header {
    font-family:'Tahoma', 'Arial', sans-serif;
    font-size:14pt;
    font-weight:bold;
    padding:10px 0px;
    text-align:center;
}

.header .logo {
    font-size:32pt;
    text-shadow:black 5px 3px 2px;
}

#navi {
    padding:0px 25px;
    position:relative;
}

#navi.opened {
    padding:0px 25px 10px;
}

#navi ul {
    list-style-type:none;
    margin:0px;
}

#navi ul li {
    display:none;
}

#navi ul li.selected {
    font-weight:bold;
    display:inline-block;
}

#navi.opened li,
#navi.opened li.selected {
    display:inline;
}

#navi.opened li a {
    display:block;
    text-align:left;
}

#navi ul li a {
    margin:0px 2px;
    padding:10px;
    text-decoration:none;
    display:inline-block;
}

#navi ul li.fewolinks a {
    padding:3px;
}

#navi ul li.fewolinks img {
    border:1px solid black;
    width:16px;
    height:16px;
}

#navi div.menuicon {
    position:absolute;
    right:35px;
    top:10px;
    display:inline-block;
}

#navi div.menuicon a img {
    height:18px;
}

#content {
    padding:10px 25px;
    overflow:hidden;
}

#footer {
    padding:25px;
}

#footer div {
    height:42px;
    position:relative;
    border-top:2px solid #CCCCCC;
    border-bottom:2px solid #CCCCCC;
}

#footer div span {
    text-align:center;
    position:relative;
    top:12px;
    left:5px;
}

#footer div a.validator {
    position:absolute;
    top:5px;
}

#footer #html5 {
    right:42px;
}

#footer #css3 {
    right:5px;
}

/********************************************************************* photos */

p.fotos.center {
    margin:0px;
}

.fotos a {
    text-decoration:none;
}

.fotos img {
    margin:5px 10px 5px 0px;
    vertical-align:middle;
}

.fotos.right, .fotos.left {
    display:block;
    text-align:center;
}

.fotos.center img, .fotos.right img, .fotos.left img {
    margin:0px;
    width:100%;
}

.fotos.right img, .fotos.left img {
    width:100%;
    margin-bottom:15px;
}

/********************************************************************** start */

#fourstars {
    width:100%;
    max-width:347px;
    border:3px solid black;
}

/********************************************************************* zimmer */

#rooms {
    float:left;
    margin-right:20px;
    margin-bottom:20px;
}

/**************************************************************** ausstattung */

td.distance {
    text-align:right;
    padding-left:10px;
}

/******************************************************************** anfahrt */

#map {
    height:500px;
}

/********************************************************************* preise */

#cost th, #cost td {
   padding:3px 10px;
}

#cost tr.t td, #cost tr.t th{
   padding-top:10px;
}

#cost tr.b td, #cost tr.b th{
   padding-bottom:10px;
}

#cost2 td {
   padding:5px 10px;
}

/***************************************************************** lastminute */

#lastminute {
    width:100%;
    height:450px;
}

/******************************************************************** kontakt */

#contactForm * {
    box-sizing:border-box;
}

#contactForm p {
    margin:10px 0px;
}

#contactForm p label {
    display:block;
}

#contactForm p input[type="text"] {
    width:100%;
    padding:1px;
}

#contactForm p textarea {
    width:100%;
    height:150px;
}

#contactForm p span label {
    display:inline-block;
}

#contactForm #period label {
    width:15%;
}

#contactForm #period input {
    width:35%;
}

#contactForm #numberOfPersons select {
    width:50%;
}

#contactForm input[type="submit"] {
    margin:20px 0px;
    padding:5px;
}

.ui-datepicker {
    font-size:10pt;
}

/****************************************************************** impressum */

#optout {
    border:1px solid black;
    width:100%;
}

/***************************************************************** uebersicht */

#container-uebersicht {
    max-width:920px;
    margin:0px auto;
    box-shadow:0px 0px 40px black;
}

.uebersicht {
    clear:both;
    overflow:auto;
    padding:20px 0px;
    margin:0px 25px;
}

.uebersicht.fewo {
    border-top:2px dashed black;
}

.uebersicht.fewo > div {
    margin-top:15px;
}

.uebersicht div {
    width:100%;
    float:right;
}

.uebersicht ul {
    margin:10px 30px;
}