/* GLOBAL */
.twentyone{background:#333; color:#fff;}

body{font:11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; margin:0 0 20px 40px; background: #fff /*url(http://roglok.net/pix/bg2.gif)*/; padding:85px 0 0; line-height:1.4em;}
h1{margin:0;}
h1 a{display:block; border:0;font-size:1px; text-indent:-100em; margin:0 0 3px; clear:left; background:url(img/logo_g.gif) 0 0 no-repeat; width:203px; height:51px;}

.twentyone h1 a{background:url(img/logo_w.gif) 0 0 no-repeat;}
.twentyone span.caption{background-image:url(img/caption_w.gif);}

h2{font-size:1.8em; margin:0 0 1.5em;line-height:1em; clear:left;}
h3{margin:0 0 1.8em; font-size:1.2em; clear:left;}
.twentyone h3 a{color:#fff; text-decoration:none; border:0;}
h4{margin:0 0 1em;}

a{text-decoration:none; border-bottom:1px dotted #999; color:#985; font-weight:bold;}
.twentyone a{border-bottom-color:#666;}
a:hover{border-bottom-style:solid;}
a:active, a:focus{outline:none;}
a.anchor{clear:left; display:block; border:0;}

hr{display:block; width:15px; height:4px; margin-bottom:10px; border:0; background:#999; float:left;}
address{font-style:normal; margin-bottom:1em;}

h2 span, li span, h3 span{color:#999; font-weight:normal; font-size:1em}
span.caption{color:#fff; font-size:1px; display:block;  height:12px; background:url(img/caption_g.gif) 0 0 no-repeat; text-indent:-100em;}
li.sold{color:#d02}

/* MENU */

ul#menu{margin:0 0 36px; padding:0 0 0 40px; line-height:1em; list-style-type:none; position:fixed; top:0; left:0; width:100%; min-width:822px; background:#fff; height:20px; border-top:2px solid #985; border-bottom:1px solid #999; z-index:1000;}
ul#menu li{float:left; margin:0 2px 0 0;}

ul#menu a{color:#666; border-top:none; display:block; padding:4px 2em 0; border-bottom:1px solid #999; background:#fff; font-weight:normal; min-height:16px; margin-bottom:1px;}
ul#menu a:hover{border-bottom:2px solid #999; color:#444; margin-bottom:0;}
ul#menu a.active{border-bottom:2px solid #333; color:#333; margin-bottom:0;}
ul#menu .contact{float:right; margin-right:65px;}

.twentyone ul#menu{background:#333;}
.twentyone ul#menu a{background:#333; color:#999;}
.twentyone ul#menu a:hover{color:#ddd;}

.twentyone ul#menu a.active{border-bottom:2px solid #fff; color:#fff}

ul#menu li.th, li.st {border:0; margin-left:0;width:183px;}
ul#menu li.th a, ul#menu li.st a{border:0; padding-left:0; width:73px; text-indent:-999em;}
ul#menu li.th a{background:url(img/go20.gif) left center no-repeat;}
ul#menu li.st a{background:url(img/go21.gif) left center no-repeat;}
ul#menu li.th a:hover, ul#menu li.st a:hover{background-position:-95px;}




div.txt {float:left; padding:0 20px 0 0;  width:165px;}


/* OBJECTS */

div.obj {clear:left; width:749px; padding-top:60px;}
div.nopad {padding-top:0;}
div.nopad p{width:740px; padding:2em 0 2em;}

ul.obj-desc {float:left; margin:0; padding:0 20px 0 0; list-style-type:none; font-weight:bold; width:165px;}
ul.obj-desc ul {margin:0.5em 0 1em; padding:0; list-style-type:none; font-weight:normal;}

div.obj-images {float:left; width:564px;}
div.obj-images img {float:left; margin-right:5px; border:1px solid #ddd;}

div.about {clear:left; padding-bottom:40px;}
div.about .txtflow {float:left; width:150px; padding-right:40px; margin:0 0 40px;}
div.about p{margin:0 0 1em;}

div.imprint{width:740px; padding:0;}
div.imprint p{margin:0 0 1em;}

.sup{ color:#999; vertical-align:text-top; font-size: 0.5em; border:1px solid #999; padding:0 1px; margin:5px 0 0;}


#footer{clear:left; color:#999; padding-top:60px;}
#footer span{clear:left; display:block;}

div.contact{clear:left; width:749px; padding-top:60px;}
div.contact h3{margin:1em 0;}

/* OBJECT DETAILS */

.picture {position:relative; float:left; line-height:1em; }

.picture img{ border:1px solid #ddd; margin:0 5px 5px 0;}
.twentyone .picture img{ border-color:#555;}

.picture a {position:absolute; display:block; z-index:2; border:0; width:15px; height:14px;}
.picture a span{ text-align:center; width:15px; height:11px; padding:2px 0; text-decoration:none; font-size:10px; display:block; background-color:#fff; color:#9f9455; text-decoration:none;border:1px solid #ddd;}
.picture a img {display:block; position:absolute; top:0px; left:0px; visibility:hidden;}

.picture a.d1 {top:10px; left:10px;}
.picture a.d2 {top:10px; left:35px;}
.picture a.d3 {top:10px; left:60px;}
.picture a.d4 {top:10px; left:85px;}
.picture a.d5 {top:10px; left:110px;}
.picture a.d6 {top:10px; left:135px;}
.picture a.d7 {top:10px; left:160px;}
.picture a.d8 {top:10px; left:185px;}
.picture a.d9 {top:10px; left:210px;}
.picture a.d10 {top:10px; left:235px;}

.picture a:hover{color:#333; z-index:1; width:15px; height:14px;}
.picture a:hover span{display:block; color:#fff; background:#999; border-color:#999; z-index:1;}
.picture a:hover img{z-index:-1; display:block; position:absolute; visibility:visible;}

.picture a.d1:hover img {top:-10px; left:-10px;}
.picture a.d2:hover img {top:-10px; left:-35px;}
.picture a.d3:hover img {top:-10px; left:-60px;}
.picture a.d4:hover img {top:-10px; left:-85px;}
.picture a.d5:hover img {top:-10px; left:-110px;}
.picture a.d6:hover img {top:-10px; left:-135px;}
.picture a.d7:hover img {top:-10px; left:-160px;}
.picture a.d8:hover img {top:-10px; left:-185px;}
.picture a.d9:hover img {top:-10px; left:-210px;}
.picture a.d10:hover img {top:-10px; left:-235px;}