@charset "UTF-8";
/* CSS Document */

body{
background:url(../images/bg.png) fixed;
font-family: Garamond, 'EB Garamond', serif; color: #575756; font-size:19px; text-shadow: 1px 1px 2px #ddd; text-align:justify; font-weight:normal;
width:100%; height:100%;
margin:0px;
overflow-x:hidden; overflow-y:scroll;
}

a:link {color: #575756; text-decoration:underline;}
a:visited {color: #575756;}
a:hover {color:#7e7e7e; text-decoration:none;}
a:active {color:#7e7e7e; text-decoration:none;}

img{
	border: none;
	align-content: center;
}
img a{border:none;}

h1{ font-weight:normal; font-size:55px; text-align:left; text-shadow: 1px 1px 3px #aaa; margin:0; margin-bottom:10px; line-height:1;}
h2{ font-weight:normal; font-size:40px; text-align:left; text-shadow: 1px 1px 2px #aaa; margin:0;}
h3{ font-weight:normal; font-size:24px; text-align:left; text-shadow: 1px 1px 3px #ddd; margin:0;}
h5{ font-weight:normal; font-size:55px; text-align:left; text-shadow: 1px 1px 3px #aaa; margin:0; margin-bottom:10px; margin-left:5%; line-height:1;}
h6{ font-weight:normal; font-size:55px; text-align:left; text-shadow: 1px 1px 3px #aaa; margin:0; margin-bottom:10px; line-height:1;}

p{ padding:0; margin:0; padding-top:4px;}
p.frei{ color:#4F804D;}
p.vermietet{ color:#9D4137;}
p.einzeilig{ padding-top:12px;}
p.zweizeilig{ padding-top:3px;}


.text{ font-weight:normal; font-size:14px; text-shadow: 1px 1px 2px #ddd;}
.nobr{ white-space:nowrap;}
.nobr2{ white-space:nowrap;}

#container{ position:fixed; top:0; width:100%; height:100%; z-index:1;}
.shadow-left{ float:left; width:50%; height:100%;}
.shadow-right{ float:right; width:50%; height:100%;}

.shadow{ width:100%; height:100%;}


/* HEADER */

#header_container{ width:100%; height:auto; position:fixed; z-index:100;}
#header_top{ width:100%; height:160px; background:url(../images/bg_header.png); border-bottom:1px solid #ccc; -webkit-box-shadow:0px 0px 10px #7e7e7e; -moz-box-shadow:0px 0px 10px #7e7e7e; box-shadow:0px 0px 10px #7e7e7e; position:relative; z-index:101;}
#logo{ width:235px; height:160px; margin:0 auto; margin-top:-160px; position:relative; z-index:103;}
.logo{ width:235px; height:160px;}

.header_shadow{ width:100%; height:196px; position:absolute; top:0; z-index:102;}
.header_shadow-left{ position:relative; float:left; width:50%; height:196px;}
.header_shadow-right{ position:relative; float:right; width:50%; height:196px;}

/* MENU */
#menu_back{ height:35px; width:100%; background:url(../images/bg_header.png); border-bottom:1px solid #ccc; -webkit-box-shadow:0px 0px 10px #7e7e7e; -moz-box-shadow:0px 0px 10px #7e7e7e; box-shadow:0px 0px 10px #7e7e7e; position:relative; z-index:104; }

#menu{display:block; width:835px; height:35px; background:url(../images/transparentpixel.png) repeat; margin:0 auto; top:-35px; text-align:center; position:relative; z-index:200;}  

ul#nav { border:none; border:0px; margin:0px; padding:0px; font-size:19px; font-weight:normal; text-align:center;}
ul#nav ul{ height:35px; list-style:none; margin:0; padding:0;}

/* first level */
ul#nav li{float:left; padding:0px; display:inline;}
ul#nav li.space {display:block; color:#575756; font-size:15px; line-height:35px; padding:0px 0px 0px 0px; margin:0px; text-shadow: 0px 1px 2px #7e7e7e; }
ul#nav li a{display:block; color:#575756; text-decoration:none; font-size:19px; line-height:35px; margin:0px; text-align:left; padding:0px 10px 0px 10px;}
ul#nav li.active a{color:#7e7e7e;}
ul#nav li.active a:hover{color:#575756;}
ul#nav li a:hover, .menu ul li:hover a{ color:#7e7e7e; text-decoration:none;} 

/* second level */
ul#nav li ul{display:none; height:auto; background:url(../images/bg_submenu.png); padding:0px; margin:0px; border:0px; position:absolute; width:250px; z-index:99;} 
ul#nav li:hover ul{display:block;} 
ul#nav li li {display:block; float:none; margin:0px; padding:0px; width:250px; border-top: 1px solid #ccc;}
ul#nav li:hover li a{background:none;} 
ul#nav li ul a{display:block; height:35px; color:#575756; font-size:19px; font-style:normal; text-align:left; margin:0px; padding:0px 10px 0px 10px;} 
ul#nav li ul.active a{color:#575756;}
ul#nav li ul a:hover, .menu li ul li:hover a{ border:0px; color:#7e7e7e; text-decoration:none; } 
ul#nav p{ clear:left;}

/* MENU MOBILE*/
#menu_mobile{display:none;}


/* CONTENT */
#content_container{ position:absolute; width:100%; height:auto; z-index:2;}
.space_top{ width:100%; height:220px;}

/* video */
#video_bg{ position:relative; width:794px; height:auto; margin:0 auto; margin-bottom:-445px;}
.img_video_bg{ width:100%; height:auto; margin-bottom:290px;}
#video_container{ position:relative; width:768px; height:auto; margin:0 auto; top:-290px; margin-bottom:-400px;}
#video_container p { display:none; margin-top:10px; font-size:11px; text-align:center;}
.video{ width:100%; height:auto; min-height:432px; z-index:98; }

/* top img */
#topimg, .topimg{ width:825px; height:auto; margin:0 auto; margin-top:0; margin-bottom:20px;}
#topimg_key, .topimg_key{ width:625px; height:auto; margin:0 auto; margin-top:20px;}
.img_topimg{ width:100%; height:auto;}

/* top img gallery */
.gallery_topimg { list-style: none; padding: 0; margin: 0; }
.gallery_topimg:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.gallery_topimg li { float: left; width: 100%;}
.gallery_topimg li a { display: block; margin: 5px; border: none;}
.gallery_topimg li img { display: block; width: 100%; height: auto;}

/* content */
.content{
	position: relative;
	width: 795px;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 250;
	margin-bottom: 0;
	z-index: 990;
}
.content2{ position:relative; width:380px; height:auto; z-index:991;}
.content4{ width:100%; height:auto;}
.img_content2{ width:100%; height:auto; -webkit-box-shadow:0px 0px 5px #7e7e7e; -moz-box-shadow:0px 0px 5px #7e7e7e; box-shadow:0px 0px 5px #7e7e7e;}
.br{ display:none;}
.clear{clear:both;}

/* 2 imgs */
.gallery_2 { list-style: none; padding: 0; margin: 0;}
.gallery_2 li.li_desktop { float: left; width: 48%; border: none;}
.gallery_2 li.li_mobile { display:none; float: left; width: 48%; border: none;}
.gallery_2 li.li_space { float: left; width:4%; border: none;}
.gallery_2 li img, .gallery_2 li_mobile img { display: block; width: 100%; height: auto; -webkit-box-shadow:0px 0px 5px #7e7e7e; -moz-box-shadow:0px 0px 5px #7e7e7e; box-shadow:0px 0px 5px #7e7e7e;}

/* 4 imgs */
.gallery { list-style: none; padding: 0; margin: 0;}
.gallery li { float: left; width: 22%; border: none;}
.gallery li.li_space, .gallery li.li_space_nomobile { float:left; width:4%; border: none;}
.gallery li img { display: block; width: 100%; height: auto; -webkit-box-shadow:0px 0px 5px #7e7e7e; -moz-box-shadow:0px 0px 5px #7e7e7e; box-shadow:0px 0px 5px #7e7e7e;}

/* WOHNUNGEN */
.left_container{ position:relative; width:250px; height:auto; float:left;}
.right_container{ position:relative; width:535px; height:auto; float:right;}

#hausuebersicht{ position:relative; width:100%; height:auto; margin-top:23px; z-index:998; }
.img_hausuebersicht{ width:100%; height:auto; border:none;}

.geschosse{ width:250px; height:auto;}
.img_geschosse{ width:100%; height:auto; border:none;}
.geschossbeschriftung{ width:220px; height:auto; font-size:16px; text-align:right; margin-bottom:50px;}

.impressionen-thumbs, .impressionen-thumbs_01, .impressionen-thumbs_02{ width:225px; height:auto;}
.impressionen-thumbs_02{ display:none;}
.img_impressionen-thumbs{ width:100%; height:auto;}
a.link_impressionen-thumbs{ display:inline-block; border:3px solid #575756; margin-bottom:5px; margin-top:15px;}
a.link_impressionen-thumbs:hover{ border:3px solid #ccc;}



.icons{ display:none;}
.plan{}
.img_grundriss{ width:100%; height:auto;}

.massstab{ position:relative; width:100%; height:auto; margin-top:-60px;}
.img_massstab, .img_massstab_m{ width:100%; height:auto;}
.img_massstab_m{ display:none;}
.planbeschriftung{ position:relative; float:right; width:auto; height:auto; font-size:16px; text-align:right; margin-bottom:50px;}
.zoom_s{ position:relative; float:right; width:18px; height:18px; margin-right:-110px; margin-top:3px;}
.img_zoom_s{ width:100%; height:auto;}

.close{ position:relative; float:right; margin-right:5%; margin-top:50px; margin-bottom:50px;}


.content_whg{ position:relative; width:100%; height:auto; z-index:999;}

/* Tabelle Hausuebersicht */
.table_firstrow_first, .table_firstrow, .table_firstrow_last{ position:relative; height:42px; float:left; background:#C9CACA; font-size:16px; text-transform:uppercase; text-align:center; overflow:hidden; border-right:1px solid #B2B2B2; border-top:1px solid #575756; border-bottom:1px solid #575756;}

.table_lastrow_style01_first, .table_lastrow_style02_first, .table_lastrow_style01_second, .table_lastrow_style02_second, .table_lastrow_style01, .table_lastrow_style02, .table_lastrow_style01_last, .table_lastrow_style02_last{border-bottom:1px solid #575756 !important;}

.table_row_style01_first, .table_row_style01_second, .table_row_style01, .table_row_style01_last, .table_lastrow_style01_first, .table_lastrow_style01_second, .table_lastrow_style01, .table_lastrow_style01_last{ position:relative; float:left; height:25px; font-size:16px; text-align:center; border-right:1px solid #B2B2B2; border-bottom:1px solid #B2B2B2;}

.table_row_style02_first, .table_row_style02_second, .table_row_style02, .table_row_style02_last, .table_lastrow_style02_first, .table_lastrow_style02_second, .table_lastrow_style02, .table_lastrow_style02_last{ position:relative; float:left; height:25px; font-size:16px; text-align:center; border-right:1px solid #B2B2B2; border-bottom:1px solid #B2B2B2; background:#E3E3E3;}

.table_firstrow_first, .table_row_style01_first, .table_row_style02_first, .table_lastrow_style01_first, .table_lastrow_style02_first{ width:41%; border-left:1px solid #575756;}
.table_firstrow, .table_row_style01, .table_row_style01_second, .table_row_style02, .table_row_style02_second, .table_lastrow_style01, .table_lastrow_style01_second, .table_lastrow_style02, .table_lastrow_style02_second{ width:19%;}
.table_firstrow_last, .table_row_style01_last, .table_row_style02_last, .table_lastrow_style01_last, .table_lastrow_style02_last{ width:19%; border-right:1px solid #575756 !important;}

.table_row_mobile, .table_lastrow_mobile{ display:none; position:relative; float:left; height:25px; font-size:16px; text-align:center;}
.table_line_lastrow{ display:none;}
.table_row_mobile_details01, .table_row_mobile_details02{ display:none;}

/* Tabelle Whgs 4-Spalten */
.tablewhg_firstrow_first, .tablewhg_row_first, .tablewhg_row_first-last, .tablewhg_lastrow_first{ position:relative; float:left; width:35%; border-left:1px solid #575756;}
.tablewhg_firstrow, .tablewhg_firstrow_second, .tablewhg_firstrow_last, .tablewhg_row, .tablewhg_row_last, .tablewhg_row_last-last, .tablewhg_row_empty, .tablewhg_row_empty_last, .tablewhg_lastrow, .tablewhg_lastrow_last{ position:relative; float:left; width:21%;} 

.tablewhg_firstrow_first, .tablewhg_firstrow_second, .tablewhg_firstrow, .tablewhg_firstrow_last{ background:#C9CACA; height:42px; border-top:1px solid #575756; border-bottom:1px solid #575756; text-align:center; font-size:16px; text-transform:uppercase;}

.tablewhg_row_first, .tablewhg_row_first-last, .tablewhg_row, .tablewhg_row_empty, .tablewhg_row_last, .tablewhg_row_last-last, .tablewhg_row_empty_last{ text-align:center; font-size:16px; height:24px;}
.tablewhg_lastrow_first, .tablewhg_lastrow, .tablewhg_lastrow_last{ border-top:1px solid #575756; border-bottom:1px solid #575756; text-align:center; font-size:16px; background:#E3E3E3; height:24px; margin-top:-1px;}

.tablewhg_firstrow_last, .tablewhg_row_last, .tablewhg_row_last-last, .tablewhg_row_empty_last, .tablewhg_lastrow_last{border-right:1px solid #575756; }
.tablewhg_firstrow_first, .tablewhg_firstrow_second, .tablewhg_firstrow, .tablewhg_row_first, .tablewhg_row_first-last, .tablewhg_row, .tablewhg_row_empty, .tablewhg_lastrow_first, .tablewhg_lastrow{border-right:1px solid #B2B2B2;}
.tablewhg_row_first, .tablewhg_row_first-last, .tablewhg_row, .tablewhg_row_last, .tablewhg_row_last-last, .tablewhg_row_empty, .tablewhg_row_empty_last{ border-bottom:1px solid #B2B2B2;}

.tablewhg_row_mobile{ position:relative; float:left; display:none; height:24px;}

/* Tabelle Whgs 5-Spalten */
.tablewhg5_firstrow_first, .tablewhg5_row_first, .tablewhg5_row_first-last, .tablewhg5_lastrow_first{ position:relative; float:left; width:34%; border-left:1px solid #575756;}
.tablewhg5_firstrow, .tablewhg5_firstrow_second, .tablewhg5_firstrow_last, .tablewhg5_row, .tablewhg5_row_last, .tablewhg5_row_last-last, .tablewhg5_row_empty, .tablewhg5_row_empty_last, .tablewhg5_lastrow, .tablewhg5_lastrow_last{ position:relative; float:left; width:16%;} 

.tablewhg5_firstrow_first, .tablewhg5_firstrow_second, .tablewhg5_firstrow, .tablewhg5_firstrow_last{ background:#C9CACA; height:42px; border-top:1px solid #575756; border-bottom:1px solid #575756; text-align:center; font-size:16px; text-transform:uppercase;}

.tablewhg5_row_first, .tablewhg5_row_first-last, .tablewhg5_row, .tablewhg5_row_empty, .tablewhg5_row_last, .tablewhg5_row_last-last, .tablewhg5_row_empty_last{ text-align:center; font-size:16px; height:24px;}
.tablewhg5_lastrow_first, .tablewhg5_lastrow, .tablewhg5_lastrow_last{ border-top:1px solid #575756; border-bottom:1px solid #575756; text-align:center; font-size:16px; background:#E3E3E3; height:24px; margin-top:-1px;}

.tablewhg5_firstrow_last, .tablewhg5_row_last, .tablewhg5_row_last-last, .tablewhg5_row_empty_last, .tablewhg5_lastrow_last{border-right:1px solid #575756; }
.tablewhg5_firstrow_first, .tablewhg5_firstrow_second, .tablewhg5_firstrow, .tablewhg5_row_first, .tablewhg5_row_first-last, .tablewhg5_row, .tablewhg5_row_empty, .tablewhg5_lastrow_first, .tablewhg5_lastrow{border-right:1px solid #B2B2B2;}
.tablewhg5_row_first, .tablewhg5_row_first-last, .tablewhg5_row, .tablewhg5_row_last, .tablewhg5_row_last-last, .tablewhg5_row_empty, .tablewhg5_row_empty_last{ border-bottom:1px solid #B2B2B2;}

.tablewhg5_row_mobile{ position:relative; float:left; display:none; height:24px;}


/* GALLERY */
#gallerywrapper{ position:absolute; width:795px; height:800px; left:50%; margin-left:-397px; top:0; } 
#gallerywrapper #gallery{ position:relative; width:795px; height:800px; overflow:hidden;} 

#gallerywrapper #gallery div{ position:relative; width:795px; height:800px;}

#gallerywrapper #gallery div.space{ height:280px;}

#gallerywrapper #gallery div img{display:block; float:left; width:100%; height:auto; }

#gallerywrapper #gallery div p { position:relative; text-align:right; color:#fff; text-shadow:none; font-size:15px; padding-right:25px; top:-35px;}

#gallerywrapper #gallery div a.arrow-left, #gallerywrapper #gallery div a.arrow-right{ position:relative; display:inline-block; width:386px; height:434px; filter:alpha(opacity=55); -moz-opacity: 0.55; opacity: 0.55; top:-462px; margin:0; padding:0; border:none; text-decoration:none;}
#gallerywrapper #gallery div a.arrow-left{ background:url(../images/arrow-left.png) no-repeat left center; margin-left:11px;}
#gallerywrapper #gallery div a.arrow-right{ background:url(../images/arrow-right.png) no-repeat right center; margin-left:-5px; width:387px;}

#gallerywrapper #gallery div a.arrow-left:hover, #gallerywrapper #gallery div a.arrow-right:hover{ filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}

/* Thumbs */
#gallerywrapper_thumbs{ position:relative; width:785px; height:auto; margin:0 auto; top:500px; margin-bottom:50px;}

.gallery_thumbs { list-style:none; padding:0; margin:0; }
.gallery_thumbs li { float:left; width:16.6667%;}
.gallery_thumbs li a { display:block; margin:5px; border:3px solid #575756; background:#000;}
.gallery_thumbs li.active a { border:3px solid #ccc;}
.gallery_thumbs li a:hover { border:3px solid #ccc;}
.gallery_thumbs li img { display:block; width:100%; height:auto; filter:alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65;}
.gallery_thumbs li.active img {filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00;}
.gallery_thumbs li a:hover img {filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00;}

/* Mobile */
#gallerywrapper_mobile{ display:none;}
/* END GALLERY */


/* button bottom */
.button_bottom{ display:none;}


/* HEIGHT weniger als 550px */
@media all and (max-height: 550px) {
#header_container{position:relative;}
#content_container{
	position: relative;
	align-content: center;
}
.space_top{ display:block; height:20px;}

#gallerywrapper #gallery div.space{ height:80px;}
}

/* HEIGHT mehr als 800px */
@media all and (min-height: 800px) {
.button_bottom{ position:fixed !important; bottom:0px;}	
}


@media all and (max-width: 885px) {
/* MENU */
#menu{display:block; width:775px; height:35px; margin:0 auto; margin-top:0px; text-align:center; position:relative; z-index:200;}  
/* first level */
ul#nav li a{ padding:0px 5px 0px 5px;}
/* second level */
ul#nav li ul a{ padding:0px 5px 0px 5px;}

/* CONTENT */
#topimg, .topimg{ width:765px;}
.content{ width:745px;}
.content2{ width:355px; height:auto;}
.br{ display:block;}

/* video */
#video_bg{ width:765px; margin-bottom:-429px;}
#video_container{ width:740px;}
.video{ width:100%; height:auto; min-height:385px;}

/* WOHNUNGEN */
.right_container{ position:relative; width:480px; height:auto; float:right;}

/* GALLERY */
#gallerywrapper{ width:765px; height:750px; margin-left:-382px; top:0; } 
#gallerywrapper #gallery{width:765px; height:750px;} 

#gallerywrapper #gallery div{width:765px; height:750px;}

#gallerywrapper #gallery div a.arrow-left, #gallerywrapper #gallery div a.arrow-right{ width:371px; height:434px; top:-462px;}
#gallerywrapper #gallery div a.arrow-left{ margin-left:10px;}
#gallerywrapper #gallery div a.arrow-right{ margin-left:-3px; width:372px;}

/* Thumbs */
#gallerywrapper_thumbs{ width:755px; top:480px;}
/* END GALLERY */
}

@media all and (max-width: 790px) {
/* MENU */
#menu{display:block; width:705px; height:35px; margin:0 auto; margin-top:0px; text-align:center; position:relative; z-index:200;}  
/* first level */
ul#nav li a{ font-size:17px; padding:0px 5px 0px 5px;}
/* second level */
ul#nav li ul a{ font-size:17px; padding:0px 5px 0px 5px;}

/* CONTENT */
#topimg, .topimg{ width:695px;}
.content{ width:680px;}
.content2{ width:320px; height:auto;}

/* video */
#video_bg{width:705px; margin-bottom:-395px;}
#video_container{ width:683px;}

/* WOHNUNGEN */
.right_container{ position:relative; width:415px; height:auto; float:right;}

/* Tabelle Hausuebersicht */
p.einzeilig{ padding-top:12px;}
p.zweizeilig{ padding-top:3px;}
.nomobile{display:none;}

a.whgs{ text-decoration:none !important;}

.impressionen-thumbs_01{ display:none;}
.impressionen-thumbs_02{ display:block;}

.table_firstrow_first, .table_firstrow, .table_firstrow_last{ display:none;}

.table_row_style01_first, .table_row_style02_first, .table_row_mobile, .table_lastrow_style01_first, .table_lastrow_style02_first, .table_lastrow_mobile{ width:58%;}
.table_row_style01, .table_row_style02, .table_row_style01_second, .table_row_style02_second, .table_row_style01_last, .table_row_style02_last, .table_lastrow_style01, .table_lastrow_style02, .table_lastrow_style01_second, .table_lastrow_style02_second, .table_lastrow_style01_last, .table_lastrow_style02_last{ width:40%;}

.table_row_mobile, .table_lastrow_mobile{ display:block; border-left:1px solid #575756; border-right:1px solid #B2B2B2;}
.table_row_style01, .table_row_style02, .table_row_style01_last, .table_row_style02_last, .table_lastrow_style01, .table_lastrow_style02, .table_lastrow_style01_last, .table_lastrow_style02_last{ background:none; border:none !important; border-right:1px solid #575756 !important;}
.table_row_style01_first, .table_row_style02_first, .table_row_style01_second, .table_row_style02_second, .table_lastrow_style01_first, .table_lastrow_style02_first, .table_lastrow_style01_second, .table_lastrow_style02_second{ background:#E3E3E3; border-top:1px solid #575756; border-bottom:1px solid #575756; font-size:18px;}
.table_row_style01_second, .table_row_style02_second, .table_lastrow_style01_second, .table_lastrow_style02_second{ border-right:1px solid #575756;}

.table_line_lastrow{ display:block; height:1px; width:100%; background:#575756;}

.table_row_mobile_details01{ position:relative; float:left; display:block; width:58%; height:42px; border-left:1px solid #575756; border-bottom:1px solid #575756; border-right:1px solid #B2B2B2; border-top:1px solid #B2B2B2; margin-bottom:10px; }
.table_row_mobile_details02{ position:relative; float:left; display:block; width:40%; height:42px; border-right:1px solid #575756; border-bottom:1px solid #575756; border-top:1px solid #B2B2B2; font-size:16px; text-align:center; margin-bottom:10px; }

/* Tabelle Whgs 4-Spalten */
.tablewhg_firstrow_first, .tablewhg_row_first, .tablewhg_row_first-last, .tablewhg_lastrow_first{ width:58%;}
.tablewhg_row_empty, .tablewhg_row_empty_last, .tablewhg_firstrow, .tablewhg_firstrow_last{ display:none;}
.tablewhg_row, .tablewhg_row_last, .tablewhg_row_last-last, .tablewhg_firstrow_second, .tablewhg_lastrow, .tablewhg_lastrow_last{ width:40%; border-right:1px solid #575756;}

.tablewhg_row_first-last, .tablewhg_row_last-last{ border-bottom:1px solid #575756;}

.tablewhg_row_mobile{display:block; width:58%; text-align:center; background:#E3E3E3; border-left:1px solid #575756; border-right:1px solid #B2B2B2; }
.tablewhg_lastrow, .tablewhg_lastrow_last, .tablewhg_row_mobile, .tablewhg_lastrow_first, .tablewhg_lastrow_second{ font-size:18px; border-bottom:1px solid #575756; border-top:1px solid #575756; margin-top:5px;}

/* Tabelle Whgs 5-Spalten */
.tablewhg5_firstrow_first, .tablewhg5_row_first, .tablewhg5_row_first-last, .tablewhg5_lastrow_first{ width:58%;}
.tablewhg5_row_empty, .tablewhg5_row_empty_last, .tablewhg5_firstrow, .tablewhg5_firstrow_last{ display:none;}
.tablewhg5_row, .tablewhg5_row_last, .tablewhg5_row_last-last, .tablewhg5_firstrow_second, .tablewhg5_lastrow, .tablewhg5_lastrow_last{ width:40%; border-right:1px solid #575756;}

.tablewhg5_row_first-last, .tablewhg5_row_last-last{ border-bottom:1px solid #575756;}

.tablewhg5_row_mobile{display:block; width:58%; text-align:center; background:#E3E3E3; border-left:1px solid #575756; border-right:1px solid #B2B2B2; }
.tablewhg5_lastrow, .tablewhg5_lastrow_last, .tablewhg5_row_mobile, .tablewhg5_lastrow_first, .tablewhg5_lastrow_second{ font-size:18px; border-bottom:1px solid #575756; border-top:1px solid #575756; margin-top:5px;}


.massstab{ margin-top:0px;}
.img_massstab{ display:none;}
.img_massstab_m{ display:block;}

.planbeschriftung{ margin-bottom:50px; margin-right:50px;}
.zoom_s{ position:relative; float:right; width:18px; height:18px; margin-right:-110px; margin-top:3px;}

/* GALLERY */
#gallerywrapper{ width:695px; height:700px; margin-left:-348px; top:0; } 
#gallerywrapper #gallery{width:695px; height:700px;} 

#gallerywrapper #gallery div{width:695px; height:700px;}

#gallerywrapper #gallery div a.arrow-left, #gallerywrapper #gallery div a.arrow-right{ width:336px; height:410px; top:-420px;}
#gallerywrapper #gallery div a.arrow-left{ margin-left:9px;}
#gallerywrapper #gallery div a.arrow-right{ margin-left:-2px; width:338px;}

/* Thumbs */
#gallerywrapper_thumbs{ width:690px; top:440px;}
/* END GALLERY */

}


/* MOBILE-VERSION */
@media all and (max-width: 700px) {
h1{ font-weight:normal; font-size:50px; text-shadow: 1px 1px 3px #aaa; margin:0; margin-bottom:10px; letter-spacing:0px;}
h2{ font-weight:normal; font-size:35px; text-shadow: 1px 1px 2px #aaa; margin:0; letter-spacing:0px;}
h3{ font-weight:normal; font-size:22px; text-shadow: 1px 1px 3px #ddd; margin:0; letter-spacing:0px;}
h6{ display:none;}

.nomobile{ display:none;}

/* HEADER */
#header_container{ position:relative; height:auto; margin-bottom:20px;}
#header_top{ border-bottom:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}

.header_shadow{height:160px;}
.header_shadow-left{height:160px;}
.header_shadow-right{height:160px;}
	
/* MENU */
#menu{ display:none;}
#menu_back{ display:none;}

/* MENU MOBILE*/
#menu_mobile{ display:block; width:100%; height:auto; float:left; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background:url(../images/bg_menumobile.png) center; -webkit-box-shadow:0px 0px 10px #7e7e7e; -moz-box-shadow:0px 0px 10px #7e7e7e; box-shadow:0px 0px 10px #7e7e7e;  position:relative; z-index:201; margin-bottom:20px;}	
#navigation{ padding:0;}
	
/* first level menu item's font face */
#navigation > ul > li > a{ font-family: Garamond, 'EB Garamond', serif; color: #575756; font-size:19px; text-decoration:none; height:100%; margin-left:0px; margin-right:0px; padding:7px; padding-left:20px; border-bottom: 1px solid #E3E3E3; }
#navigation > ul > li.active > a{color: #7e7e7e;}
#navigation, #navigation a{ display:block;}

#navigation a.inactive{ background:url(../images/plusminus.png) right 15px no-repeat;}	
#navigation a.active{ background:url(../images/plusminus.png) right -21px no-repeat;}	
	
/* current page items and hover states */
#navigation a:hover, #navigation ul li.current_page_item a, #navigation ul li.current-menu-ancestor a{  color:#7e7e7e;}		
#navigation ul li.current_page_item a:hover, #navigation ul li.current-menu-ancestor a:hover{ color:#7e7e7e;}	
#navigation ul ul li.current-menu-item a{color:#7e7e7e;}
#navigation ul ul li.active a{color:#7e7e7e;}

#navigation ul{ padding:0; display:block; margin:0; list-style:none !important;}

/* First Level */
#navigation > ul{}
#navigation > ul > li{ padding:0px 0 0px 0;}
#navigation ul li{display:block;}

/* Sub Levels */
#navigation ul ul{display:none; margin:0px 0 0 0;}	
#navigation ul ul li{margin-left:0px; margin-right:0px; padding:7px; padding-left:40px; border-bottom: 1px solid #EAEAEA;}
#navigation ul ul li.last{ border-bottom:1px solid #EAEAEA;}
#navigation ul ul li a{color: #575756; font-size:19px; text-decoration:none;}

/* CONTENT */
#content_container{ position:relative;}
.space_top{ position:relative; height:20px;}

/* top img */
#topimg, .topimg{ width:92%; height:auto; margin:0 auto;}
#topimg_key, .topimg_key{ width:100%; max-width:625px; height:auto; margin:0 auto; margin-top:20px;}

/* video */
#video_bg{ display:none; margin:0;}
#video_container{ width:92%; margin-bottom:20px; margin-top:200px;}
#video_container p { display:none;}
.video{ width:100%; height:auto; min-height:310px; border:3px solid #575756; -webkit-box-shadow:0px 0px 5px #7e7e7e; -moz-box-shadow:0px 0px 5px #7e7e7e; box-shadow:0px 0px 5px #7e7e7e;}

/* content */
.content{ width:90%; height:auto; margin:0 auto; margin-top:20px; margin-bottom:40px;}
.content2{ width:100%; float:none !important;}
.br{ display:none;}

/* 3 imgs */
.gallery li { float: left; width: 30%; border: none;}
.gallery li.li_space { float: left; width:4%; border: none;}
.gallery li.li_nomobile, .gallery li.li_space_nomobile { display:none;}

/* 2 imgs */
.gallery_2 li.li_desktop { display:none;}
.gallery_2 li.li_mobile { display:block;}

/* WOHNUNGEN */
.left_container{ position:relative; width:250px; height:auto; float:left; display:inline;}
.right_container{ position:relative; width:auto; height:auto; float:none; margin-left:280px;}

#hausuebersicht{ margin-top:70px;}
.impressionen-thumbs, .impressionen-thumbs_01, .impressionen-thumbs_02{ display:none;}

/* GALLERY */
#gallerywrapper, #gallerywrapper #gallery, #gallerywrapper_thumbs{ display:none;}
#gallerywrapper_mobile{ position:relative; display:block; width:92%; height:auto; margin:0 auto; z-index:800;}

.gallery_mobile { list-style:none; padding:0; margin:0; }
.gallery_mobile:after { clear:both; content: "."; display:block; height:0; visibility:hidden;}
.gallery_mobile li.gallery_mobile_h { float:left; width:99%; margin-left:1%; margin-bottom:10px;}
.gallery_mobile li { float:left; width:33.33333333%;}
.gallery_mobile li a { display:block; margin:5px; border:3px solid #575756;}
.gallery_mobile li a:hover { border:3px solid #7e7e7e;}
.gallery_mobile li img { display:block; width:100%; height:auto;}

/* button bottom */
.button_bottom{ display:inline-block; height:35px; width:100%; border-top:1px solid #ccc; background:url(../images/bg_menumobile.png) center; -webkit-box-shadow:0px 0px 10px #7e7e7e; -moz-box-shadow:0px 0px 10px #7e7e7e; box-shadow:0px 0px 10px #7e7e7e; z-index:999; position:relative; padding-left:0px; padding-top:12px;}
a.button_bottom:link{ text-decoration:none !important;}
}

@media all and (max-width: 600px) {
p{ padding:0; margin:0; padding-top:2px;}

.video{ min-height:200px;}

/* WOHNUNGEN */
.left_container{ position:relative; width:250px; height:auto; float:none;}
.right_container{ position:relative; width:100%; height:auto; float:none; margin-left:0px;}

#hausuebersicht{ position:relative; width:250px; height:auto; margin-top:23px; z-index:998; margin:0 auto; }
.img_hausuebersicht{ width:100%; height:auto; border:none;}

.geschosse{ position:relative; width:250px; height:auto; margin:0 auto;}
.geschossbeschriftung{ position:relative; width:220px; height:auto; margin:0 auto; margin-bottom:50px;}

.content_whg{ position:relative; width:100%; height:auto; z-index:999;}
	
}

@media all and (max-width: 400px) {
.video{ min-height:100px;}
.nobr{ white-space:normal;}	
}