@charset "utf-8";
/* CSS Document */
* {padding:0; margin:0;}

html, body {
	height: 100%;
}


.clear {clear:both}
p {margin-bottom:1em;}
.floatleft {float:left;}


body {background: url(../img/bg-body.jpg) top repeat-x #ffdda3;}

#wrapper {width:auto; height:auto; background:url(../img/bg-wrapper.jpg) top center no-repeat; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -115px;}

.container {width:990px; margin:0 auto;}

/* HEADER */
#header {width:990px; height:466px; position:relative}
h1#branding {position:absolute; top:29px; left:14px}
h1#branding a img {border:0px; outline:none;}

a.res {font-family: 'EB Garamond', serif; font-size:22px; font-weight:bold; color:#b40000; text-decoration:none; background:url(../img/a-reservierung.jpg); width:281px; height:36px; display:block; position:absolute; top:29px; left:605px; padding:7px 0 0 150px}
a.res:hover {color:#630000; -webkit-transition:linear 0.5s; -moz-transition:linear 0.5s; transition:linear 0.5s;}

#kontakt-teaser {background:url(../img/bg-teaser.png); width:268px; height:63px; position:absolute; top:367px; left:658px; z-index:5; font-family: 'EB Garamond', serif; color:#9c2d22; font-size:25px; line-height:1.0em; padding:10px 0 0 50px}
#kontakt-teaser span.space {width:40px;}

#slideshow {position:absolute; top:99px; left:14px; z-index:2; overflow:hidden; width:962px; height:367px}


/* NAVI */
ul#navi {list-style-type:none; height:51px; padding:10px 0 0 14px}
ul#navi li {float:left; margin-left:45px}
ul#navi.english li {float:left; margin-left:85px}
ul#navi li.mL60 {margin-left:60px;}
ul#navi li.mL50 {margin-left:50px;}
ul#navi li.mL30 {margin-left:35px;}
ul#navi li:first-child {margin-left:0;}
ul#navi li a {font-family: 'EB Garamond', serif; color:#a50000; text-decoration:none; font-size:25px; text-shadow: 1px 1px 0px #fff0d5;}
ul#navi.english li a {font-size:23px;}
ul#navi li a:hover, body#index ul#navi li a.sta, body#unsere-pension ul#navi li a.pen, body#zimmer ul#navi li a.zim, body#preisliste ul#navi li a.pre, body#standorte ul#navi li a.stan, body#anfahrt ul#navi li a.anf, body#reservierung ul#navi li a.rese, body#index_en ul#navi li a.sta, body#our-pension ul#navi li a.pen, body#rooms ul#navi li a.zim, body#pricelist ul#navi li a.pre, body#locations ul#navi li a.stan, body#reservation ul#navi li a.rese, body#directions ul#navi li a.anf {color:#d15d02; -webkit-transition:linear 0.5s; -moz-transition:linear 0.5s; transition:linear 0.5s; text-shadow: 1px 1px 0px #fff;}



/* CONTENT */
#content {width: 960px; margin: 0 auto; color:#442626; font-family: 'Droid Sans', sans-serif; font-size:13px; line-height:1.4em; margin-bottom:40px; position:relative; padding-top:50px}

ul#language {position:absolute; list-style-type:none; top:15px; left:900px}
ul#language li {float:left;}
ul#language li a {background:url(../img/bg-sprache.png); height:16px; display:block; text-indent:-9999em; width:22px; opacity:0.5}
ul#language li a:hover, body#index a.deu, body#unsere-pension a.deu, body#zimmer a.deu, body#preisliste a.deu, body#standorte a.deu, body#agb a.deu, body#impressum a.deu, body#anfahrt a.deu, body#reservierung a.deu, body#index_en a.eng, body#our-pension a.eng, body#rooms a.eng, body#pricelist a.eng, body#locations a.eng, body#reservation a.eng, body#directions a.eng, body#terms a.eng, body#imprint a.eng {opacity:1.0;}
ul#language li a.deu {background-position:0 0; margin-right:13px;}
ul#language li a.eng {background-position:-35px 0;}

h2 {font-family: 'EB Garamond', serif; color: #9c2d22; font-size: 32px; background: url(../img/bg-h2.jpg) no-repeat bottom left; height:60px; margin-bottom:15px}
h3 {font-family: 'EB Garamond', serif; color: #9c2d22; font-size: 18px; margin-bottom:10px}
.column {width:445px; float:left;}

hr {border-bottom:1px solid #FFCB7F; border-top:none; border-left:none; border-right:none; margin-bottom:15px}

ul.list {list-style-type:square; list-style-position:outside; margin-left:15px; margin-bottom:15px}
ul.list li {margin-bottom:5px;}

a {color:#442626;}


#fehlermeldung {display: none;}
.mL40 {margin-left:60px;}
.mL30 {margin-left:30px;}
.highlight {color:#8b0000; font-weight:bold;}
.small {font-size:11px; font-weight:normal}
.normal {font-size:16px; font-weight:normal}

table {border-collapse:collapse}
th {color:#9c2d22; font-weight:bold; font-size:14px; padding-bottom:4px}
td {padding:4px;}
tr {border-bottom:1px solid #f5c37b;}
.colored {background:#FFCB7F;}
.p4 {padding:4px;}

.column-1 {width:490px; float:left;}

iframe {border:3px solid #8B0100;}

.calendar {margin:5px 0 0 10px;}

#zimmer .column img, #rooms .column img {border:2px solid #9c2d22; margin:0 12px 8px 0}

/* FOOTER */
.push {height:115px;}
#footer {background:url(../img/bg-footer.jpg); height:115px; width:auto;  font-family: 'Droid Sans', sans-serif; color:#ffdb9e; font-size:13px}
#footer .container {padding:25px 0 0 25px; position:relative}
span.space {display:block; float:left; width:70px;}
#footer a {color:#ffdb9e; text-decoration:none}
#footer a:hover {text-decoration:underline;}

.mL85 {margin-left:85px;}
.mL35 {margin-left:35px;}

#footer ul {list-style-type:none; position:absolute; top:70px; left:820px}
#footer ul li {float:left;}
#footer ul li a {text-decoration:none;}
#footer ul li a:hover {text-decoration:underline;}