/* ___| CSS document |_____________________ */


html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, menu, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
body	{ font-family: Arial, sans-serif; font-size: 12px; color: #000; background: #fff url("../img/bg.png") repeat-x top; }
a img	{ border: 0; }
.none	{ display: none; }
.hidden	{ visibility: hidden; }
.clear	{ margin: 0; padding: 0; height: 0; overflow: hidden; clear: both; }


/* ___| main |_____________________ */


.cover { width: 100%; min-height: 256px; background: url("../img/bg_top.png") no-repeat left top; position: relative; }
.main { margin: 256px 0 0 0; width: 100%; background: #f6f1f1; float: left; clear: both; }


/* ___| logo |_____________________ */


h1#logo a { overflow: hidden; text-indent: -1000px; top: 42px; left: 49px; position: absolute; width: 495px; height: 123px; display: block; }
h1#logo a span { width: 495px; height: 123px; background: url("../img/logo.png") no-repeat; display: block; position: absolute; top: 0; left: 0; }


/* ___| menu |_____________________ */


menu { position: absolute; top: 210px; left: 49px; width: 541px; }
menu li { margin: 0 29px 0 0; list-style: none; display: inline; text-transform: uppercase; font-size: 13px; }
@-moz-document url-prefix() {
    menu.home li { margin-right: 53px !important; }
    .footer p { padding: 21px 0 0 54px !important; }
}
menu li a { color: #000; text-decoration: none; }
menu li a:hover, menu li.now a { color: #b60d27; }

menu.home { position: absolute; top: 168px; left: 49px; width: 541px; }
menu.home li { margin: 0 51px 0 0; list-style: none; display: inline; text-transform: uppercase; font-size: 10px; }
menu.home li a { color: #a0a0a0; text-decoration: none; }
menu.home li a:hover { color: #000; }


/* ___| content |_____________________ */


.content { margin: 0; padding: 0 0 0 49px; width: 951px; float: left; clear: both; position: relative; }
.content h2 { margin-bottom: 13px; color: #b60d27; font-size: 18px; font-weight: normal; }
.content p { margin-right: 1em; margin-bottom: 13px; line-height: 19px; font-size: 12px; }

.bilder { margin: -63px 0 0 0; padding: 0 0 0 36px; width: 459px; height: 100%; /* background: url("../img/bg_alpha.png") */ repeat; float: left; }
.home .bilder { padding-left: 0px; }
.bilder-right { margin: -63px 5px 0 0; padding: 0; width: 421px; height: 100%; background: url("../img/bg_alpha.png") repeat; float: right; }
.bilder-cont { position: relative; float: left; }
.bilder img { margin: 0; padding: 0; float: left; }
.bilder-cont .img-detail { display: block; height: 319px; }
.bilder-cont img.img-detail { position: absolute; left: 0px; top: 0px; }
.content p.text-home, .content.home p { margin: 0; width: 235px; font-size: 12px; line-height: 18px; font-style: italic; color: #333; position: absolute; bottom: 22px; left: 574px; }

.content a.arrl { background: url("../img/arrl.png") no-repeat right center; width: 19px; height: 100%; position: absolute; bottom: 0; left: -8px; display: block; text-indent: -1000px; }
.content a.arrl:hover { background: url("../img/arrl.png") no-repeat left center; }
.content a.arrr { background: url("../img/arrr.png") no-repeat right center; width: 19px; height: 100%; position: absolute; bottom: 0; right: -430px; /* -8px; */ display: block; text-indent: -1000px; }
.content a.arrr:hover { background: url("../img/arrr.png") no-repeat left center; }

.scroll_box { margin: 23px 0 0 0; padding-right: 10px; width: 485px; height: 210px; overflow: auto; overflow-x: hidden; float: left; }

.gallery { padding: 0 0 30px 27px; width: 973px; }
.gallery a.arrl { left: 16px; }
.gallery a.arrr { right: 0; }

.gallery .image { margin: 22px 14px 0 16px; float: left; height: 241px; width: 162px; overflow: hidden; }
.gallery .image img { vertical-align: middle; }
.gallery .image p { font-size: 10px; margin-bottom: 5px; text-align: right; padding: 6px 8px 0 0; line-height: 17px; }
.gallery .image p span.verkauft { color: #b60d27; }
.gallery .image p span.reserviert, .gallery .image p span.unverkäuflich { color: #e85236; }
.gallery .image p span span { padding-right: 2px; /* font-size: 18px; */ vertical-align: bottom; }
.gallery .image a { display: block; text-align: center; vertical-align: middle; width: 162px; height: 162px; background: #fbf8f8 url("../img/bg_bilder.png") no-repeat 0 0; }
.gallery .image a img { position: relative; top: 3px; }
.gallery .image a.hoverable:hover { background: #fbf8f8 url("../img/bg_bilder.png") no-repeat -162px 0; }

.gallery .top { position: absolute; top: 2px; }

.content.gallery { height: 770px; }
.gallery .pages { position: absolute; }


/* ___| footer |_____________________ */


.footer { margin: 0; width: 100%; height: 87px; background: url("../img/bg_footer.png") repeat-x top; float: left; clear: both; }
.footer p { width: 679px; height: 87px; padding: 21px 0 0 49px; color: #999; font-size: 9px; font-weight: bold; background: url("../img/bg_bott.png") no-repeat 0 0; }
.footer p a { color: #999; text-decoration: none; }
.footer p a:hover { color: #000; }

/* ___| Kontakt |_____________________ */

.no-scroll { margin: 23px 0 0 0; padding: 0; width: 505px; height:
210px; float: left; }
.col-l { margin: 0 22px 0 0; width: 170px; float: left; }
.content a { color: #000; text-decoration: none; }
.content a:hover { text-decoration: underline; }
fieldset.form-mail { margin: 0; width: 313px; float: left; border: none; 
padding: 0; position: relative; }
fieldset.form-mail form { position: relative; }
fieldset.form-mail legend { margin: 0; padding-bottom: 13px; color: 
#b60d27; font-size: 18px; font-weight: normal; }
fieldset.form-mail label { display: block; clear: both; float: left; 
padding: 0 0 2px 5px; color: #000; font-size: 11px; }
fieldset.form-mail input { width: 299px; height: 24px; padding: 1px 7px; 
float: left; clear: both; border: none; background: #fff 
url("../img/bg_input.png") no-repeat; font-family: Arial, sans-serif; 
font-size: 12px; color: #000; }
fieldset.form-mail input.input-n { margin-right: 7px; width: 123px; 
height: 24px; padding: 1px 7px; float: left; clear: both; border: none; 
background: #fff url("../img/bg_input-n.png") no-repeat; font-family: 
Arial, sans-serif; font-size: 12px; color: #000; }
fieldset.form-mail input.input-m { width: 153px; height: 24px; padding: 
1px 7px; float: left; clear: both; border: none; background: #fff 
url("../img/bg_input-m.png") no-repeat; font-family: Arial, sans-serif; 
font-size: 12px; color: #000; }
fieldset.form-mail textarea { width: 297px; height: 50px; padding: 8px; 
float: left; clear: both; border: none; background: #fff 
url("../img/bg_textarea.png") no-repeat; font-family: Arial, sans-serif; 
font-size: 12px; color: #000; }
fieldset.form-mail button { cursor: pointer; color: #909090; 
font-family: Arial, sans-serif; font-size: 12px; background: #fff 
url("../img/btn.png") no-repeat; width: 70px; height: 26px; padding: 0 0 
4px 0; font-weight: bold; border: none; text-align: center; position: 
absolute; top: -35px; right: 0; }
fieldset.form-mail table { width: 313px; border: none; border-collapse: 
collapse; }
fieldset.form-mail table td { padding-bottom: 4px; color: #666; }