/*_ General Reset
===================================*/

* { margin: 0; padding: 0; border: 0; outline: none; }

a:link, a:visited { color: #a60001; text-decoration: none; }
a:hover, a:active { color: #000; text-decoration: underline; }
a img { border: none; }


hr { border: 0px; border-bottom: solid 1px #efe9e0; border-top: 1px dashed #bda075; margin: 10px 0 15px 0; }
ul { margin-bottom: 1.0em; margin-top: 0.3em; }
li { list-style: disc; list-style-position: outside; margin-bottom: 0.5em; margin-left: 1.5em; }


h1,h2,h3,h4,h5,h6 { line-height: 150%; color: #c80000; }
h1 { font-size: 20px; padding-bottom: 15px; }
h2 { font-size: 18px; }
h3 { font-size: 20px; }
h4 { font-size: 20px; }
h5 { font-size: 20px; }
h6 { font-size: 20px; }


table { table-layout: fixed; word-wrap: break-word; border-collapse: collapse; }
table tr td { vertical-align: baseline; position: relative; }


p {padding:0 0 15px 0;}


.clear { clear: both; }



/*_ Seiten-Style
===================================*/

html { overflow-y: scroll; }
body { background: url(img/bg_main.jpg) top center no-repeat #f2ece3; color: #40372a; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 150%; }

#wrapper { margin: 0 auto; width: 972px; }



/*_ header
===================================*/

#header { float: right; height: 239px; position: relative; width: 549px; }

h1#logo { bottom: 0; height: 300px; left: 0; position: fixed; width: 404px; z-index: 9; padding-bottom: 0px; }

.impressum { clear: both; float: right; height: 10px; padding-top: 5px; }
.impressum a { color: #000; font-family: Verdana; font-size: 10px; text-decoration: none; text-transform: uppercase; }
.impressum a:hover { color: #333; text-decoration: none; }



/*_ Navigation
===================================*/

#nav { float: right; height: 109px; position: relative; width: 549px; }

.navigation { padding: 52px 0 0 30px; }
.navigation ul, .navigation li { list-style: none; margin: 0; padding: 0; }
.navigation li { float: left; position: relative; }
.navigation li a { background: none; color: #c80002; float: left; font-size: 14px !important; font-weight: bold; height: 29px; margin-left: 5px; padding: 9px 9px 0 9px; position: relative; text-decoration: none !important; }
.navigation ul li:hover a,
.navigation li.active a,
.navigation li a:hover { background: #c80002; color: #fff; float: left; font-weight: bold; height: 29px; position: relative; text-decoration: none !important; }

.navigation p { clear: left; }



/*_ Content
===================================*/

#content-left { float: left; width: 423px; }
#content-left hr { display: block; height: 1px; border: 0px; margin: 25px 0 28px; background: url(img/hr-sidebar.jpg) center center no-repeat; }

#content-left .buttons-big { margin-bottom: 25px; }
#content-left .buttons-big a { display: block; width: 100%; height: 239px; margin-bottom: 1px; }
#content-left .buttons-big a img { display: none; }
#content-left .buttons-big a.active img { display: block; }

#content-left .contact-box { padding: 0 20px 0 30px; overflow: hidden; }
#content-left .contact-box .floatLeft { width: 45%; }
#content-left .contact-box .floatRight { width: 55%; }

#content-left .sauna-box { padding: 0 20px 0 30px; }
#content-left .sauna-box h3 { padding-bottom: 15px; }
#content-left .sauna-box table td { padding: 4px; line-height: 18px; }

#content-left .button-aktionen { padding-left: 30px; }

#content-left .gallery-box { overflow: hidden; padding: 54px 0 0 22px; }
#content-left .gallery-box a { display: block; float: left; margin: 6px 8px; }
#content-left .gallery-box #start_gallery { color: #cd0601; margin-top: 15px; }


#content-right { float: right; width: 549px; position: relative; }
#content-right .content { padding: 20px 30px 20px 30px; position: relative; }
#content-right .content ul { margin-top: -5px; }

#content-right .banner { height: 239px; background: #f4ebe2; }


/*_ Footer
===================================*/

#footer { background: #f3ede3; clear: both; color: #bdb6ae; margin-top: 50px; border-top: 1px solid #bdb6ad; padding: 14px 0 30px; text-align: center; }
#footer a { color: #bdb6ae; }



/*_ Sonstiges
===================================*/

.alignCenter { text-align: center; }
.floatLeft { float: left; }
.floatRight { float: right; }
.textleft { text-align: left !important;}
.textright { text-align: right !important;}



/*_ Slider
===================================*/

.rslides { margin: 0; list-style: none; overflow: hidden; position: relative; width: 100%; }
.rslides li { margin: 0; list-style: none; display: none; left: 0; position: absolute; top: 0; webkit-backface-visibility: hidden; width: 100%; }
.rslides li:first-child { display: block; float: left; position: relative; }
.rslides img { border: 0; display: block; float: left; height: auto; width: 100%; }

.rslides_nav { position: absolute; z-index: 200; top: 102px; display: block; width: 36px; height: 36px; background: url(img/slider-arrows.png) left top no-repeat; text-indent: -9999px; }
.rslides_nav.prev { left: 0px; background-position: left top; }
.rslides_nav.prev:hover { background-position: left bottom; }
.rslides_nav.next { right: 0px; background-position: right top; }
.rslides_nav.next:hover { background-position: right bottom; }


body .fancybox-prev span, body .fancybox-next span { width: 36px; height: 36px; background: url(img/slider-arrows.png) left top no-repeat; }
body .fancybox-prev span { left: 0px; background-position: left top; }
body .fancybox-prev span:hover { background-position: left bottom; }
body .fancybox-next span { right: 0px; background-position: right top; }
body .fancybox-next span:hover { background-position: right bottom; }


.animation { position: relative; display: block; width: 211px; height: 211px; }
.animation img { position: absolute; left: 0px; top: 0px; display: none; }
.animation img.active { display: block; }