/* ----------------------------- general information ----------------------------- *

Author: Stefan Kandler, made - Agentur für Marketing & Design
Author URI: http://www.werbeagentur-made.de

/* ----------------------------- resets ----------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }

body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

:focus { outline:0; } /* remember to define focus styles! */
ins { text-decoration:none; } /* remember to highlight inserts somehow! */
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; } /* tables still need 'cellspacing="0"' in the markup */


/* ----------------------------- basic styling ----------------------------- */
body { background:url("/images/bg_site.jpg") bottom right no-repeat #7697ca; margin:0; padding:0; font: 62.5% "Trebuchet MS", Arial, Verdana, Sans-Serif; color:#000 }

h1, h2, h3 { letter-spacing:.05em; font-weight:normal; text-transform:uppercase; margin:20px 0 10px; font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif; }
h1 { font-size:1.5em; letter-spacing:0 }
h2 { font-size:1.2em; font-weight:bold; text-transform:none }
h3 { font-size:1.0em; color:#017ac3 }
img { border:0 }
p { line-height:1.6em; margin-bottom:10px }
ul { margin-bottom:10px}
li { margin-left:20px; list-style-image:url("/images/bullet.png") }
table { border:0px solid #000; margin:10px 0; width:100% }
td { padding:2px 4px }
small { font-size:.9em; }
small a { font-weight:normal }

iframe.fb { position: absolute; left:450px; top: 22px; }

/* ----------------------------- links ----------------------------- */
a {	font-weight:bold; text-decoration:none; color:#017ac3 }
a:hover { color: #000 }
.nav li a:link, .nav li a:active, .nav li a:visited { display:block; padding:10px }
.nav li a.active { color:#000; background:url("/images/bg_nav_active.gif") no-repeat right center }
.nav li a:hover, .nav li a.active:hover { color:#f1ac1c; background:url("/images/bg_nav_hover.gif") no-repeat right center }
.footer a { font-weight:normal; text-decoration:none; color:#ccc; }
.footer a:hover { color:#fff; text-decoration:underline; }


/* ----------------------------- klassen ----------------------------- */
.right { float:right }
.border { background:#fff; padding:1px; border:1px solid #ccc; }
.rahmen { background:#fff; padding:1px; border:1px solid #ccc; }
.rahmen:hover { background:#017ac3; padding:1px; border:1px solid #017ac3; }
.cc { padding:10px; background:url("/images/bg_cc.gif") #fff; margin:30px 0 }
.ccstart { padding:10px; background:url("/images/bg_cc.gif") #fff; margin:0 0 30px }
.cc table { margin:0 }
.cc h1, .cc h2, .cc h3 { margin:0 0 10px }
.cc li { list-style-image:url("/images/bullet_w.png") }
.l { float:left; margin:0 8px 4px 0 }
.r { float:right; margin:0 0 4px 8px  }
.red, .error, .errors { color:#e00 }
.box { float:left; width:230px; margin:0 10px 10px 0; vertical-align:middle; }
.box h2 { margin-top:10px; font-weight:normal; letter-spacing:0 }
.box img { float:left; margin-right:10px }
p.infos { margin:20px 0 }
.clear { clear:both }
input.error, select.error { border:1px solid #e00; background:#ffe2e2 }
table td.biggerFont {
	font-size: 1.2em;
}

/* ----------------------------- buchungsanfrage ----------------------------- */
#reserv { line-height:2em; width:430px; margin-left:30px }
#reserv .box { float:right; width:180px; margin:0 }
#reserv label { width:250px; }

/* ----------------------------- ebenen ----------------------------- */
.fixed { width:800px; font-size:1.3em }
.language { float:right; width:250px; text-align:right; padding:25px 0 0;  }
.language img { margin-left:6px; }
.date { float:left; padding:25px 0 10px 20px; }
.date h1 { font-size:1em; margin:0 }
.container { background:url("/images/bg_content.gif") top left #ffcf6f; overflow:hidden; border-width:10px 10px 10px 0; border-style:solid; border-color:#ffcf6f; clear:left }
.koffer { position:absolute; background:url("/images/hund.gif") no-repeat; left:100px; margin-top:-310px; width:800px;padding-top:285px; color:white; }
.koffer a { color:white !important; }
/*.koffer { position:absolute; background:url("/images/hund.gif") no-repeat; left:0; margin-top:20px; height:320px; width:700px }
.koffer2 { position:absolute; z-index:0; background:url("/images/hund.jpg") no-repeat; left:0; margin-top:25px; height:320px; width:800px }*/

.logo { margin:5px 0 15px }

.left { width:180px; float:left; padding:10px 0 50px 20px; }
.left ul { margin:0; }

.nav {  border-top:1px dotted #017ac3; list-style:none }
.nav li { list-style-image:none; margin-left:0; color:#017ac3; border-bottom:1px dotted #017ac3; text-transform:uppercase; letter-spacing:.1em; padding:1px 0 }
.subnav { font-size:.8em; line-height:1.2em; letter-spacing:0; text-transform:none; }
.subnav ul li { list-style:circle; padding-left:20px }
.content { float:right; width:520px; padding:20px 20px 120px 50px;  }

.footer { background:url("/images/bg_footer.jpg") repeat-x top left #222; text-align:center; color:#999; padding:170px 0 20px }

#ss-frame { border: 1px solid #ccc; padding: 1px; background:white; margin-bottom:15px; width:504px }
#slideshow { position:relative; height:308px; width:504px;background:url(/images/index-slides/bg_slide03.jpg);  }
#slideshow IMG { position:absolute; top:0; left:0; z-index:0; }
#slideshow IMG.active { z-index:2; }
#slideshow IMG.last-active { z-index:1;}