/* CSS by dyersmith-frey.com */

/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}
img {border: 0px; vertical-align: bottom;}

/* start general styles */
html { overflow-y: scroll; }
.mobile {display:none;}
body {
	background:#FFFFFF;
	font-family:'DIN Next W01 Light',Arial,sans-serif;
	-webkit-font-smoothing: antialiased; 
	text-rendering: optimizeLegibility;
	-webkit-text-size-adjust:none;
	height: auto;
	color:#19191B;
	}

p {font-family:'DIN Next W01 Light',Arial,sans-serif; font-size: 16px; line-height: 20px; margin-top:10px;}

sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

h1 {font-size:24px; line-height:26px; color:#19191B; margin:0px 0 0 0; padding:0;}
h2 {font-size:32px; line-height:32px; color:#19191B; margin:50px 0 0 0; padding:0;}
h3 {font-family:'DIN Next W01 Regular',Arial,sans-serif; font-size:18px; line-height:18px; color:#19191B; margin:20px 0 0 0; padding:0;}
h4 {font-family:'DIN Next W01 Light',Arial,sans-serif; font-size:22px; line-height:22px; color:#19191B; margin:30px 0 16px 0; padding:0; text-align:center;}
h5 {font-family:'DIN Next W01 Light',Arial,sans-serif; font-size:16px; line-height:22px; color:#19191B; margin:10px 0 16px 0; padding:0;}
h6 {font-family:'DIN Next W01 Regular',Arial,sans-serif; font-size:22px; line-height:18px; color:#19191B; margin:10px 0 20px 0; padding:0;}
/* end general styles */

/* start link styles */
a:link, a:visited {
	font-style:normal;
	text-decoration:underline;
	color:#19191B;
	}
a:hover {
	text-decoration:none;
	}
/* end link styles */

/* start sitebuild styles  desktop */
#sitewrapper {background:#FFFFFF; padding:0; position:relative;}
#container {margin:auto; position:relative; padding:10px 20px 0px; max-width:1000px; overflow:hidden;}

#header {height:100px; z-index:8;}
#headerwrapper {background:#FFFFFF; padding:24px 0 10px 0; z-index:9; width:100%; position:relative;}

#contentwrapper {background:#FFF; z-index:3; position:relative; overflow:hidden;}
#content {padding:0 20px 80px; background:#FFF; position:relative; max-width:1000px; margin:0 auto 0;}
#content img {width:100%;}

.downarrow {width:50px; height:50px; overflow:hidden; position:fixed; left:50%; bottom:10%; margin-left:-25px; z-index:0;}
.downarrow img {height:50px; width:100px;}
.downarrow img:hover {height:50px; width:100px; margin-left:-50px;}

/* start sitebuild styles  mobile */
#mobilewrapper {background:#FFFFFF; padding:0; position:relative; z-index:10;}
#mobilecontainer {margin:auto; z-index:1; position:relative; padding:80px 10px 80px; overflow:hidden;}
#mobileheader {position:fixed; padding:20px 0 0 0; width:100%; z-index:10; background:rgb(255, 255, 255); background:rgba(255, 255, 255, 0.9);}

#mobilelogo {padding:0 0 10px 10px; max-width:150px; float:left;}
#mobilelogo img {width:100%;}
#mobilenavi {position:absolute; right:20px; top:20px; width:30px; height:30px;}
#mobilenavi img {width:100%;}

#mobilenaviwrapper {display:none; border-top:1px solid #5F5F5F; margin:18px 10px 16px;}

#mobilenaviwrapper li {padding:8px 10px; border-bottom:1px solid #5F5F5F;}
#mobilenaviwrapper li a{color:#19191B; font-family:'DIN Next W01 Light',Arial,sans-serif; font-size:14px; line-height:20px; text-decoration:none; display:block;}
#mobilenaviwrapper li a:hover {color:#19191B; font-weight:bold; text-decoration:none;}
#mobilenaviwrapper li a.active {color:#19191B; font-weight:bold; text-decoration:none; cursor: default; }

/* navigation */
#navigation {margin:0px 0 0 504px; width:520px;}
#navigation li {margin:10px 0 0px 30px; float:left;}
#navigation li a {color:#19191B; font-family:'DIN Next W01 Light',Arial,sans-serif; font-size:14px; line-height:20px; padding:0px; text-decoration:none;}
#navigation li a:hover {color:#19191B; font-weight:bold; text-decoration:none;}

.active {color:#19191B; font-weight:bold; text-decoration:none;cursor: default;}

.contentspacer {height:24px; margin:80px 0 0; border-bottom:1px solid #19191B;}
.contentspacericon {width:90px; margin:auto;}
.contentspacericon img {width:100%;}

.introtext {max-width:800px; padding:50px 0 0 0;}
.introtext p {font-size:30px; line-height:40px;}

#overviewwrapper {margin:80px 0 0 0;}
#overviewwrapper img {width:100%;}
#overviewwrapper p {line-height:17px; font-size:14px; margin-top:5px;}
.overviewbox {width:22%; float:left; padding:5px; box-sizing:border-box;}
.overviewbox:hover {background:#F2F2F2; cursor:pointer;}
.box1 {margin:0 2% 0 0;}
.box2 {margin:0 2%;}
.box3 {margin:0 2%;}
.box4 {margin:0 0 0 2%;}

/* header */
#logo {padding:0 0 0 0; max-width:196px; float:left;}
#logo img {width:100%;}

/* switcher */
.switchimagebox {margin:20px 0 0 0;}
.switchtextbox {max-width:650px; margin:20px 0 0 0; text-align:justify;}

.switchnavi {margin:0px 0 0 0px; width:100%;}
.switchnavi li {margin:4px 0 0px 0px;}
.switchnavi li a {color:#878787; font-family:'DIN Next W01 Light',Arial,sans-serif; font-size:20px; line-height:20px; padding:0px; text-decoration:none;}
.switchnavi li a:hover {color:#19191B; font-weight:bold; text-decoration:none;}
.switchnavi li a.active {color:#19191B; font-weight:bold; text-decoration:none; cursor: default;}

/* wohnungen */
.grundrissetable {color:#333; font-size:14px; margin:30px 0 0 0;}
.grundrissetable tr {border-top:1px solid #CCC; line-height:36px;}
.grundrissetop {font-size:16px; line-height:40px !important; border-bottom:2px solid #19191B !important;}

.grundrissein {cursor:pointer; background:#F2F2F2; font-weight:bold;}

.grundrissetable2 {color:#333; font-size:14px; margin:0 0 0 0;}
.grundrissetable2 tr {border-top:1px solid #CCC; line-height:36px;}

img.map, map area{outline: none;}

#grundrisseAnimation {width:360px; height:402px; margin:60px 0 0 0; float:left;}
#grundrisseright {margin:60px 0 0 400px;}

.grundrissedetail {margin:20px 0 0 0; padding:0 0 20px 0; font-size:13px;}
.grundrissedetail a {text-decoration:none;}
.grundrissedetail a:hover {text-decoration:underline;}
.grundrissedetail img {padding-bottom:15px;}

/* objekt */
#objektwrapper {margin:0 0 0 0;}
#objektwrapper img {width:100%;}
#objektwrapper p {line-height:17px; font-size:14px; margin-top:5px; text-align:center;}
.objektbox {width:30%; float:left; padding:40px 0 20px 0;}
.obox1 {margin:0 2.5% 0 0;}
.obox2 {margin:0 2.5%;}
.obox3 {margin:0 0 0 2.5%;}

/* objekt mobile */
#objektwrappermobile {margin:30px 0 0 0;}

#objektwrappermobile p {line-height:17px; font-size:14px; margin-top:5px; text-align:left;}
.objektboxmobile {padding:0; display:block; border-bottom:1px solid #CCC;}
.objektboxmobile a {text-decoration:none;}
.objektboxmobile img {max-width:500px; padding:0 0 10px 0;}
.objektpopup {display:none; padding:5px 0 10px 0;}


/* partner */
#partnerwrapper {margin:0 0 0 0;}
#partnerwrapper img {width:100%;}
#partnerwrapper p {line-height:17px; font-size:14px; margin-top:5px;}
.partnerbox {width:46%; float:left; padding:40px 0 20px 0;}
.pbox1 {margin:0 4% 0 0;}
.pbox2 {margin:0 0 0 4%;}

/* history */
#historywrapper {margin:0 0 0 0;}
#historywrapper img {width:100%;}
#historywrapper p {line-height:17px; font-size:14px; margin-top:5px;}
.historybox {width:46%; float:left; padding:40px 0 0px 0;}
.hbox1 {margin:0 4% 0 0;}
.hbox2 {margin:0 0 0 4%;}

/* imooo */
#imooowrapper {margin:0 0 0 0;}
#imooowrapper img {max-width:450px;}
#imooowrapper p {line-height:17px; font-size:14px; margin-top:5px; text-align:justify;}
.imooobox {max-width:700px; padding:40px 0 20px 0;}

.contactwrapper {background:#000; position:relative; z-index:9; display:none;}
#contactbox {margin:auto; max-width:1000px; padding:0 20px 40px; color:#FFF;}
#contactbox img {width:100%;}

#contactleft {width:20%; float:left;}
#contactmiddle {width:50%; margin:0 5% 0; float:left; padding:90px 0 0;}
#contactmiddle p {font-size:46px; line-height:55px; font-family:'DIN Next W01 Light',Arial,sans-serif;}
#contactdownloadwrapper {line-height:22px; padding-top:20px;}
#contactmiddle a {font-size:16px; color:#FFF;}
#contactright {width:20%; float:left; padding:80px 0 0;}
#contactright a {color:#FFF;}
#contactarf {width:120px; padding-bottom:10px;}
#contactwooon {width:90px; padding-top:140px;}

.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top:0px; margin:10px 0 15px 0; height:0; max-width:640px;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}	


/* --Mobile */
#mobile {display:none;}
/* Image Overlay */
.tintimg {display:block;}
.tint {position: relative; cursor: pointer; -webkit-shadow: rgba(0,0,0,.2) ; -moz-shadow: rgba(0,0,0,.2); box-shadow: rgba(0,0,0,.2);}
.tint:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}
.tint:hover:before {background: rgba(255,255,255, 0.5);}

/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
.clear {clear:both;}

/* Media Queries
***********************/
@media screen and (max-width: 1020px) {
	#navigation {margin:0px 0 0 404px; width:520px;}
}
@media screen and (max-width: 920px) {
	#navigation {margin:0px 0 0 304px; width:520px;}
	.overviewbox {width:23.5%; float:left; padding:5px; box-sizing:border-box;}
	.overviewbox:hover {background:#F2F2F2; cursor:pointer;}
	.box1 {margin:0 1% 0 0;}
	.box2 {margin:0 1%;}
	.box3 {margin:0 1%;}
	.box4 {margin:0 0 0 1%;}
}
@media screen and (max-width: 820px) {
	#navigation {margin:0px 0 0 244px; width:520px;}
	#contactmiddle {width:40%; }
	#contactright {width:30%;}
	
}
@media screen and (max-width: 760px) {
	.desktop {display:none;}
	.mobile {display:inherit;}
	
	#content {padding:80px 10px 80px; background:#FFFFFF; position:relative; max-width:1000px; margin:0 auto 0;}
	
	h2 {font-size:24px; line-height:24px; color:#19191B; margin:50px 0 0 0; padding:0;}
	h4 {font-family:'DIN Next W01 Light',Arial,sans-serif; font-size:16px; line-height:18px; color:#19191B; padding:13px 0 10px 0; margin:0; text-align:left;}
	.contentspacer {height:24px; margin:40px 0 0; border-bottom:1px solid #19191B;}
	
	.introtext {max-width:800px; padding:20px 0 0 0;}
	.introtext p {font-size:20px; line-height:28px;}
	
	.overviewbox {width:48%; float:left; padding:5px; box-sizing:border-box;}
	.overviewbox:hover {background:#F2F2F2; cursor:pointer;}
	.box1 {margin:0 2% 30px 0;}
	.box2 {margin:0 0 30px 2%;}
	.box3 {margin:0 2% 0 0;}
	.box4 {margin:0 0 0 2%;}
	
	#grundrisseAnimation {float:none; display:none;}
	#grundrisseright {margin:60px 0 0 0px;}
	
	.objektbox {width:100%; float:left; padding:20px 0 10px 0;}
	.obox1 {margin:0 0 0 0;}
	.obox2 {margin:0 0;}
	.obox3 {margin:0 0 0 0;}
	.objektimg {display:none;}
	#objektwrapper p {line-height:17px; font-size:14px; margin-top:5px; text-align:left;}
	
	.partnerbox {width:100%; float:none; padding:40px 0 20px 0;}
	.pbox1 {margin:0 0 0 0;}
	.pbox2 {margin:0 0 0 0;}
	
	.historybox {width:100%; float:none; padding:0px 0 0px 0;}
	.hbox1 {margin:30px 0 0 0;}
	.hbox2 {margin:20px 0 0 0;}
	
	.contactwrapper {height:700px;}
	#contactmiddle {width:100%; margin:0 0 0; float:none; padding:20px 0 0;}
	#contactmiddle p {font-size:26px; line-height:35px; font-family:'DIN Next W01 Light',Arial,sans-serif;}
	#contactright {width:100%; float:none; padding:80px 0 0;}
	
	
	#dyersmithfrey-signature {display:none;}
}
/* Start Signature Styles */
#dyersmithfrey-signature {
	position:fixed;
	width:15px;
	height:15px;
	right:2px;
	bottom:1px;
	z-index:1000;
	}
/* End Signature Styles */