*  { margin: 0px; padding: 0px; list-style-type: none; text-decoration: none; }

body  { background: #2f1b0d url('/img/body_bg.png') repeat-x top left; font-family: arial; font-size: 12px; margin: 0px auto;}
//html, body  { height: 100%; }

a,img  {color: transparent; border:0px;margin:0px;}



body  {text-align:center;}
#root *  {text-align:left;}

.grey  { margin: 0 auto; background: transparent url('/img/col2_bg.png') repeat-y top center; width: 960px;}
* html .grey  {
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/col2_bg.png', sizingMethod='scale');
	background: none;*/ 
}
.grey #headerpic  {display: none;}
.brown  { margin: 0 auto; background: transparent url('/img/braun.png') repeat-y top center; width: 960px; }
* html .brown  { /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/braun.png', sizingMethod='scale');
	background: none;*/ }
#startheader .slogan{background: transparent url('/img/slogan-start.png') top left; width: 582px; height:54px; margin-left: 13px;}
* html #startheader .slogan{/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/slogan-start.png', sizingMethod='image');background: none;*/}



#headerpic  {height:294px;width:678px; display:block;}

#holder  { background: transparent url('/img/col1_bg.png') no-repeat 0px 505px; margin: 0 auto; width:960px; }
* html #holder  {/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/col1_bg_ie.png', sizingMethod='crop');background: none;*/}

#col1  { width: 282px; float: left; }

#col1 .navigation { margin-top: 112px; }

#col1 .navigation li a  { color:#fff; text-decoration: none; display: block;overflow:hidden;}

#col1 .navigation li a div  {display: block; visibility: hidden;background: transparent url('/img/fadein.png') no-repeat top left; width: 282px; height: 86px; padding: 10px 0 0 20px; margin:0px; }
html>body #col1 .navigation li a div  {width: 262px;}

#col1 .navigation li a div h1 { font-size: 12px; }
#col1 .navigation li a div p { width: 250px; }
#col1 .navigation li { margin-bottom:5px;}
#col1 .navigation li a  { width: 282px; height: 86px; display: block; }

#col1 .navfooter  { display: block; height: 29px; width: 282px; background:#65503e; }
#col1 .navfooter li  { float: left; }
#col1 .navfooter li a { display: block; width: 94px; height: 29px; }
#col1 .navfooter .start a  { background: transparent url('/img/nav_foot_start.png') no-repeat top left; }
#col1 .navfooter .start .active {background: transparent url('/img/nav_foot_start_active.png') no-repeat top left;}
#col1 .navfooter .start a:hover  { background: transparent url('/img/nav_foot_start.png') no-repeat 0px -29px; }
#col1 .navfooter .kontakt a  { background: transparent url('/img/nav_foot_kontakt.png') no-repeat top left; }
#col1 .navfooter .kontakt .active  {background: transparent url('/img/nav_foot_kontakt_active.png') no-repeat top left;}
#col1 .navfooter .kontakt a:hover  { background: transparent url('/img/nav_foot_kontakt.png') no-repeat 0px -29px; }
#col1 .navfooter .impressum a  { background: transparent url('/img/nav_foot_impressum.png') no-repeat top left; }
#col1 .navfooter .impressum .active {background: transparent url('/img/nav_foot_impressum_active.png') no-repeat top left;}
#col1 .navfooter .impressum a:hover  { background: transparent url('/img/nav_foot_impressum.png') no-repeat 0px -29px; }

#col2  { float: left; }

#col2 .header  { background: transparent url('/img/details_head.png') no-repeat top left; width: 678px; height: 112px; }
#col2 .header_makler  { background: transparent url('/img/details_head_makler.png') no-repeat top left; width: 678px; height: 112px; }
#col2 .headline  { background: transparent url('/img/headline_bg.png') repeat-y top left; width: 678px; height: 91px; overflow: hidden; position: relative;}
#col2 .headline p  { color: #fff; padding: 7px 0 0 29px; font-size: 22px; font-weight: normal; line-height: 25px}
* html .grey #col2 .projekt_holder .headline p  { color: #fff; padding: 7px 0 0 29px; font-size: 22px; font-weight: normal; line-height: 25px; margin: 0px;}
#col2 .headline a.back  {position: absolute; right: 12px; bottom: 11px; color:#ada89e; font-weight: bold; font-size: 11px; letter-spacing: 0.5px;}
#col2 .headline a:hover  {color:#fff;}

#col2 .left  { width: 339px; float: left; }
#col2 .right  { width: 339px; float: left; }
#col2 .left.detailpic  { height: 460px; background: #fff; position: relative; overflow:hidden;}
#col2 .left.detailpic .detailpic_holder img  { margin: 10px 10px 7px 10px;}
#col2 .left.detailpic .detailpic_holder {height: 430px;overflow:hidden;}
#col2 .left.detailpic a.zoom  { width: 309px; height: 20px; background: #9a8f89 url('/img/arrow_right.gif') no-repeat right 3px; display: block; line-height: 20px; padding-left: 30px; color: #fff; font-weight: bold; font-size: 12px;margin-top:10px;}
* html #col2 .left.detailpic a.zoom {width: 339px;}
#col2 .left.detailpic a:hover  { background: #53443b url('/img/arrow_right.gif') no-repeat right 3px;}
#col2 .right.gallery  { height: 460px; background: #d9d5d1;}
#col2 .right.gallery h2  { height: 37px; margin-left: 14px; font-size: 14px; color:#2a1f26; font-weight: normal; line-height: 36px; }
#col2 .right.gallery .gal  { margin: 0 0 0 10px; }
#col2 .right.gallery .gal li { display: block; height: 130px; width: 102px; background: #fff; float: left; margin:0 5px 5px 0px;overflow:hidden;}
#col2 .holder { padding: 5px 20px 0 30px;}

#col2 .left.description h2  {color:#33282f; font-size: 12px;}
#col2 .left.description p  {color:#33282f;}
#col2 .left.description .labels label  { width: 100px; float: left; font-weight: bold; color:#33282f;}
#col2 .left.description .labels p { float: left; width: 189px; margin-bottom: 4px;}

#col2 .uberholder  { background: transparent url('/img/dot_grey.gif')  repeat-y top center; margin-top: 12px; padding-bottom: 50px;margin-bottom: 13px;}

#col2 .right.details strong  {color:#33282f; font-size: 12px;}
#col2 .right.details p  {color:#33282f;}
#col2 .right.details .linkage a  { margin-left: -5px;width: 185px; height: 20px; background: #e7e5e2 url('/img/arrow_right.gif') no-repeat right 3px; display: block; line-height: 20px; padding-left: 10px; color: #33282f; font-weight: bold; font-size: 12px;}
#col2 .right.details .linkage a:hover  { background: #fff url('/img/arrow_right.gif') no-repeat right 3px;}

#col2 .projekt_holder .projekt_title { height: 294px; width: 678px;}


#col2 .projekt_holder .projekt_head  {background: transparent url('/img/head_brown.png') repeat-y top left; height:91px; width:678px; overflow:hidden;}
#col2 .projekt_holder .projekt_head .pnr {font-size: 22px; font-weight: bold; padding:8px 0 0 8px; color:#fff; width: 205px; float: left;}
#col2 .projekt_holder .projekt_head .pname {float: left;font-size: 22px;color:#fff; padding:6px 0 0 0px;}
#col2 .projekt_holder .projekt_head .pname p  {height: 80px; overflow:hidden; width: 450px;}

#col2 .projekt_holder .makler_head  {background: transparent url('/img/makler_hbg.jpg') repeat-y top left; height:29px; width:678px; overflow:hidden;}
#col2 .projekt_holder .makler_head .pname {font-size: 16px;color:#fff; padding:4px 0 0 216px;  display: block; width:478px;height:25px; overflow: hidden;}

#col2 .projekt_holder .projekt_content {background: #c0c0c0 url('/img/pcontent.png') top left; margin-bottom:5px;width: 678px;}
#col2 .projekt_holder .makler {background: #c0c0c0 url('/img/makler_content.jpg') top left; height: 151px; overflow: hidden;}

#col2 .projekt_holder .projekt_content .pimg {background: #f5f3f2; height: 263px; width: 205px;float: left;position:relative;}
#col2 .projekt_holder .projekt_content table {padding: 10px 0 0 5px; width: 260px;}
* html #holder #col2 .projekt_holder .projekt_content table {margin: 10px 0 0 5px; width: 260px; font-size: 12px;}
#col2 .projekt_holder .projekt_content table tr th {color:#3d3338; font-weight:bold; width: 70px;}
#col2 .projekt_holder .projekt_content table tr td {color: #3D3338; }
#col2 .projekt_holder .projekt_content .maklerimg {background: #f5f3f2; height: 148px; width: 200px;float:left;}
#col2 .projekt_holder .projekt_content .pimg img {margin: 10px;}
#col2 .projekt_holder .projekt_content .maklerimg img {}
#col2 .projekt_holder .projekt_content .ptext {position:relative;float: left;margin: 10px 0 0 10px;}
#col2 .projekt_holder .projekt_content .maklertext {position:relative;float: left;margin: 10px 0 0 20px; width: 440px;}
#col2 .projekt_holder .projekt_content .ptext label {position:relative;color:#3d3338; font-weight:bold; float: left; width: 120px;}
#col2 .projekt_holder .projekt_content .maklertext label {color:#3d3338; font-weight:bold; float: left; width: 70px;}
#col2 .projekt_holder .projekt_content .ptext p {position:relative;color:#3d3338; float: left; width: 320px; line-height:16px;}
#col2 .projekt_holder .projekt_content .ptext .bez  { height: 99px; overflow:hidden;}
#col2 .projekt_holder .projekt_content .maklertext p {color:#3d3338; float: left; width: 320px; line-height:16px;}
#col2 .projekt_holder .projekt_content .maklerinfo  {margin-top: 10px;}
#col2 .projekt_holder .projekt_content .maklerinfo .info {height: 100px; overflow:hidden; margin-bottom: 10px; color: #3D3338;}
#col2 .projekt_holder .projekt_content .maklerinfo label {color:#3d3338; font-weight:bold;  width: 70px; }
#col2 .projekt_holder .projekt_content .maklerinfo a  {width: 185px; height: 20px; background: #e7e5e2 url('/img/arrow_right.gif') no-repeat right 3px; display: block; line-height: 20px; padding-left: 10px; color: #33282f; font-weight: bold; font-size: 12px;}
#col2 .projekt_holder .projekt_content .maklerinfo a:hover  { background: #fff url('/img/arrow_right.gif') no-repeat right 3px;}
#col2 .projekt_holder .projekt_content .linkage a {position:absolute; right: -15px; bottom: -30px; margin-left: -5px;width: 185px; height: 20px; background: #e7e5e2 url('/img/arrow_right.gif') no-repeat right 3px; display: block; line-height: 20px; padding-left: 10px; color: #33282f; font-weight: bold; font-size: 12px;}
#col2 .projekt_holder .projekt_content .linkage a:hover  { background: #fff url('/img/arrow_right.gif') no-repeat right 3px;}

#col2 .impressum_holder p  {color: #fff; margin: 20px 0 10px 20px; width: 638px;}

.clearer  { display: block; clear: both; font-size:0px; overflow:hidden;}
#col1 .copyright  { color:#a88463; font-size:10px; text-align: center; line-height: 35px; height: 35px; }
.copyright a {color:#a88463;}
.copyright a:hover {color:#fff;}
.querdots  {background: transparent url('/img/querdots.png') repeat-x top right; height: 40px; line-height:30px; margin:5px 0 120px 0; width: 678px;}
.querdots a { color:#8f8c7a;float: right; font-weight: bold; padding-right: 5px;}
.querdots a:hover { color: #fff;}

.richtext .headline  { width: 678px; height:29px; background: url('/img/teaser_bg.png') repeat-y top left; color: #fff; } 
.richtext .headline h1  {font-size: 16px; line-height:29px; font-weight: normal; padding-left: 30px;}
#col2 .left.detailpic.loading  {background:#fff url('/img/ajax-loader.gif') no-repeat center;}


#startheader  {background:white url('/img/home.jpg');height:471px;margin-bottom:5px;position:relative;width:678px;}
#startheader ul  {top:112px;position:absolute;width:678px;}
#startheader ul li  {background:transparent url('/img/startheder_li_bg.png') no-repeat top left;height:86px;margin:0 0 5px 0;}
* html #startheader ul li  {/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/startheder_li_bg.png', sizingMethod='image');background:none; height: 86px; width: 678px;*/} 
#startheader .slogan  {position:absolute;top:134px;left:10px;}
#startheader ul li div  {width:400px;color:#fff;padding:10px; margin-left: 15px;}
#startheader ul li div *  {font-size:1em;}

.twocol  {background:#cbc3bc url('/img/twocol.gif');}
#col2 .twocol .grey_spacer  { background: url('/img/grey_spacer.jpg') top left; height: 10px; }
#col2 .col.col2 .grey_spacer  { display: none; }
.col  {float:left;width:331px;}
.col.col1 p  {color:#33292f; margin: 20px 15px 30px 30px;}
.col.col2 p  {color:#33292f; margin: 25px 15px 30px 17px;}
.col2  {width:347px;}
#col2 .col.col1 h1  {background:#78634e url('/img/h1_col1_bg.jpg') repeat-y top left;}
* html .home #col2 .col1 h1 {background:#78634e url('/img/h1_col1_bg.jpg') repeat-y top left;}
#col2 .col h1  {background:#78634e;color:#fff;font-weight:normal;font-size:16px;line-height:30px;}
#col2 .col.col1 h1 {padding-left: 30px;}
#col2 .col.col2 h1 {padding-left: 17px;}

.formular label  {width:60px; height: 40px;margin: 0 0 0 17px;color:#33292f; display: block; float: left; line-height:24px;}
.formular input  {height: 14px; width: 240px; background:#f3f1f0; border:none; padding: 5px;}
* html .formular input {height: 24px; width: 240px; background:#f3f1f0; border:none; padding: 5px;}
.formular textarea  {width: 240px; background:#f3f1f0; border:none; padding: 5px; font-family: arial; font-size: 12px;}
.formular input.need  {background: #f3f1f0 url('/img/need.gif') no-repeat top right;}
#col2 .form_error  {color:#722020; font-weight: bold;}
.formular input.submit  {font-weight: bold; color:#331f2a; height: 20px; width: 123px; background:#e2dedb url('/img/form_arrow.gif') no-repeat top right; border:none; padding: 0 0 0 5px; text-align: left; margin-right: 1px;}
* html .formular input.submit  {float :left;font-weight: bold; color:#331f2a; height: 20px; width: 123px; background:#e2dedb url('/img/form_arrow.gif') no-repeat top right; border:none; padding: 0 0 0 5px; text-align: left; margin-right: 1px;}

.footer  { margin-left:282px; background: transparent url('/img/querdots.png') repeat-x top right; margin-top: 5px; color:#a88463; font-size:10px; padding: 9px 0 70px 30px;} 
.impressum_footer  { margin-left:282px; background: transparent url('/img/querdots.png') repeat-x top right; margin-top: 5px; color:#a88463; font-size:10px; padding: 9px 0 70px 20px;} 
#col2 .impressum_holder .imp_holder .col.col1 p  { background: transparent url('/img/hochdots.gif') repeat-y top right;}
#col2 .impressum_holder .imp_holder .col p { width: 310px; margin-bottom: 20px;}
#col2 .impressum_holder .imp_holder h1  {padding-left: 20px;}
#col2 .impressum_holder .imp_holder a  {color:#fff;}
#col2 .impressum_holder .imp_holder a:hover  {color:#4e3128;}
#col2 .impressum_holder .imp_holder  {background: transparent url('/img/querdots.png') repeat-x bottom right;}

* html .home #col2 .start_holder {background: url('/img/hochdots.gif') repeat-y 329px 0px;}	
#col2 .start_holder .col p  {width: 270px; margin-bottom: 20px; color:#fff;}
#col2 .start_holder h1  {padding-left: 20px; height: 29px; line-height: 29px;}
#col2 .start_holder a  {color:#fff;}
#col2 .start_holder a:hover  {color:#4e3128;}
#col2 .start_holder .col1 .advanced_dots {background: transparent url('/img/hochdots.gif') repeat-y top right; padding-bottom:90px; margin-bottom: 13px;}
#col2 .start_holder .col2 .advanced_dots {background: transparent url('/img/hochdots.gif') repeat-y top left; padding-bottom:90px; margin:0px 0 13px -1px;}

#col2 .start_holder .news_holder  {background: url('/img/querdots.png') repeat-x bottom left; margin-left: 17px; padding-bottom: 7px;}
#col2 .start_holder .news_holder p  {margin: 20px 0 10px 0; padding: 0px 0 0 0; }
#col2 .start_holder .news_holder a {color:#9e978e; font-weight:bold; font-size: 11px;}
#col2 .start_holder .news_holder a:hover  {color: #fff;}

#col2 .newsdetail  {color: #fff; width: 678px;}
#col2 .newsdetail .newshead  { position: relative; background:#78634e url('/img/h1_col1_bg.jpg') repeat-y top left; height: 30px; padding-left: 30px;}
#col2 .newsdetail h1  {font-size: 16px;line-height: 28px;}
#col2 .newsdetail p  {padding: 10px 17px 0 30px;}
#col2 .newsdetail a.back  {position: absolute; right: 12px; bottom: 10px; color:#ada89e; font-weight: bold; font-size: 11px; letter-spacing: 0.5px;}
#col2 .newsdetail a:hover.back { color: #fff;}

#overlayer  {background: #0b0603;}
#imholder  { background: #fff; color:#c0c0c0;}
#imholder  { margin:20px;}
#panel {background: transparent url('/img/querdots.png') repeat-x top left; padding-top: 10px; text-align:center;}
#rtpan  {float: right; color:#918e7e; font-weight: bold;}
#close {color:#918e7e; float: left; font-weight: bold;}
#count {color:#fff;}
#next { background: transparent url('/img/hochdots.gif') repeat-y top left;}

td, th {vertical-align:top;}

.projekt_content img {margin:10px;}