@charset "utf-8";
/* CSS Document */
/* rs_screen.css */
/* wrapper: 1000px, sidewinder l+r je 200px, content: 600px */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800);
@import url(https://fonts.googleapis.com/css?family=Great+Vibes);

/* ELEMENTS */
body{
	color:#000;
	background-color:#fff;
	margin:0;
	padding:0;
	background-image:url(../pix/2020/sec_1_title_1920.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-clip:border-box;
	background-position:center;
	background-size:cover; /* background-size:cover , contain */
	} /* END body */
	
h1, h2, h3, h4, h5, h6, p{
	color:#000;
	}	

h1 {
	margin-top:0;
	padding-top:0;
	}	

h2 {
	
	}	


h3, h4, h5, h6, strong, cite {
	
	}		
	
	
p {
	position:static;
	}	
	
img{
	
	}

a {text-decoration: none;}
a:link{color: #004b82; font-weight:bold; font-style:italic;} /*#f1e49f*/
a:visited{color: #004b82;}
a:hover, a:focus{color: #004b82; text-decoration: underline;}
/* a:active {color: #ffffff; background-color: #32373c;} */	


th{
	text-align:left;
	text-indent:0.2em;
	}
		
/* CLASSES */
	
.textbildbox{
	
	}	

.gfont_1_light{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:1.1em;
	}
	
.gfont_1_regular{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	}	
	
.gfont_1_bold{
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	}	
	
.gfont_2_regular{
	position:relative;
	font-family: 'Great Vibes', cursive;
	color:#004b82;
	font-size:1.4em;
	z-index:1;
	}		

.initial{
	position:absolute;
	z-index:-1;
	top:-0.1em;
	left:-0.7em;
	font-size:2.5em;
	color:#aaa;
	}
	
.inner_sect .image_left{
	margin-top:54px;
	}	

.textonimg{
	position:relative;
	top:-170px;
	left:370px;
	border:none;
	background-color:fff;
	width:50%;
	height:100%;
	}		
	
.headline_comb{
	position:relative;
	margin-top:6px;
	}	

.headline_comb h1{
	position:absolute;
	font-weight:800;
	left:-5px;
	top:-0.5em;
	color:#dcddde;
	font-size:4.5em;
	}

.headline_comb h2{
	position:absolute;
	font-weight:800;
	top:-0.4em;
	}	

.v_spacer_after_comb{
	position:static;
	height:4em;
	width:1em;
	}			
	
.spacer16{
	height:16px;
	}

.spacer16w{
	margin-left:0.5em;
	margin-right:0.5em;
	}	
	
.clearfix{claer:both;}		

.li_link, .li_link a:visited {
	color:#84373e !important;
	}

	
li.li_link_active, li.li_link_active a:active {
	color:#fff !important;
	}		

.header_main{
	}
	
.section_main{
	min-height:400px;
	margin-left:200px;
}

.inner_sect{
	border: solid 1px #dcddde;
	padding:10px;
	margin:10px;
	background-color:#fff;
	background-color:rgba(255,255,255,0.8);
	}
	
.inner_sect:first-child{
	margin-top:100px;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	 border-top-left-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	 border-top-right-radius:4px;
	 	}	

.inner_sect:last-child{
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	 border-bottom-left-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	 border-bottom-right-radius:4px;
	}		
	
.pos_relative{position:relative;}

.trans_text_box_right{
	position:absolute;
	width:70%;
	right:10px;
	top:10px;
	padding:10px;
	background-color:#fff;
	background-color:rgba(255,255,255,0.9);
	}
	
.trans_text_box_right_2{
	position:absolute;
	height:auto;
	width:50%;
	right:10px;
	top:65px;
	padding:10px;
	background-color:#fff;
	background-color:rgba(255,255,255,0.9);
	}	
	
.beschreibungsbox, .features_table{
	position:relative;
	width:100%;
	right:10px;
	top:10px;
	padding:10px;
	color:#fff;
	background-color:#808080;
	background-color:rgba(80,80,80,0.9);
	}	
	
.image_left img{
	width:45%;
	height:45%;
	}	
	
.features_table{
	width:46.5%;
	}
		
.feature_list{
	list-style-type:none;
	margin:10px 0 0 0;
	padding:0;
	}

.feature_list li { 
    padding-left: 0em; 
}

.feature_list li:before {
    content: "\025FC  ";
	font-size:16px;
    color: #505050; /* or whatever color you prefer */
}	
	
/* ◼ ◼ █ ▮*/	
	
.section_div{
	margin-top: 10px;
	margin-right:50px;
	margin-left: 210px;
	padding:0.4em;
	padding-top:0em;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius42px;
	line-height:normal;
	}	

.footer_main{
	}		

.footer_div{
	margin-top: 6px;
	margin-left: 210px;
	margin-right: 10px;
	padding:6px;
	background-color: #dcddde;
	color:#000;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	}

.footer_content{
	text-align:center;
	font-size:0.9em;
	}
	
.underlined{
	text-decoration:underline;
	}
	
.immoframe, .immodiv{
	width:728px;
	height:460px;
	/*
	-webkit-transform:scale(0.7, 0.7);
	-moz-transform:scale(0.7, 0.7);
	-o-transform:scale(0.7, 0.7);
	transform:scale(0.7, 0.7);
	*/
}
	
.event_table{
	border-style:solid;
	border-width:thin;
	border-color:#32373C;
	border-radius:8px;
	}
	
.hinweis{font-size:0.9em;}	

.pic_big_left img{width:500px; margin-right:1em;}
.pic_small_left img{width:300px; margin-right:1em;}
.pic_small_left_30 img{width:238px; margin-right:1em;}
	
.townhouse_height {min-height:1420px !important;}
.die_50_plus_wohnung_height	{min-height:1260px !important;}		
.penthouse_height {min-height:800px !important;}
.ausstattung_height {min-height:2700px !important;}
.baubeschreibung_height {min-height:2000px !important;}
.referenzen_height {min-height:3400px !important;}

.bau_table{
	width:100%;
	border-collapse:collapse;
	}
	
th.bth{
	vertical-align:middle;
	}

td.btd_text{
	width:70%;
	vertical-align:top;
	padding:0.5em;
	padding-right:1.5em;
	}	

td.btd_bild{
	width:30%;
	vertical-align:top;
	}	

td.btd_bild img{width:320px;}	

.table_image_full{}

.ref_img{
	box-shadow:3px 3px 3px rgba(80,80,80,1.00);
	}

.bu_ref{
	padding:10px;
	margin:10px 0 20px 0;
	background-color:#fff;
	background-color:rgba(255,255,255,0.8);
	}

.float_left{float:left;}
/* IDs */
	
#wrapper_main{
		position:relative;
		margin-left:auto;
		margin-right:auto;
		margin-top:0px;
		margin-bottom:0px;
		padding:0px;
		border:1px solid #dcddde;
		width:1000px;
		background-color:#fff;
		background-color:rgba(255,255,255,0.8);
		height:auto;
		min-height:875px;
	} /* END wrapper_main */	
	
	
#sidewinder_left{
		position:relative;
		float:left;
		background-color:#aaa;
		background-color:rgba(220,221,222,0.8);
		padding:6px;
		margin:0;
		width:188px;
		min-height:2000px;
		height:auto;
	} /* END sidewinder_left */ 
	
#sidewinder_right{
		float:right;
		padding:6px;
		width:32px;
		background-color:#c1a59d;
		min-height:875px;
		height:auto;
	} /* END sidewinder_right */ 
	
	
#logo_main{
	margin:0;
	padding:0;
		position:absolute;
		top:10px;
		right:11px;
		z-index:10;
	}
	
#sect_1_projekt{
	background-image:url(../pix/2020/sec_1_backing_1920x1203.jpg);
	background-repeat:no-repeat;
	background-position:top; /*bottom, left, right, top, center */ 
	background-size:contain; /* contain cover*/
	min-height:468px;
	margin-top:140px;
	}


#referenzen{
	min-height:3000px;
	}
	
#townhouse, #die_50_plus_wohnung, #penthouse, #ausstattung, #bauleistung, #referenzen {
	/* background-image:url(../pix/sect_01/sec_1_backing_projekt_1920.jpg);
	background-repeat:no-repeat;
	background-position:center; 
	background-size:cover; /* contain */
	min-height:500px;
	}	

#tabs ul{
	padding:0;
	margin:0;
	margin-top:12px;
	}

#tabs ul li{
	display:inline-block; 
	min-height:38px;
	margin-left:0;
	margin-right:12px;
	text-align:left;
	}	
	
#tabs_de, #tabs_en, #tabs_fr, #tabs_it, #tabs_es, #tabs_turk{
	min-height:100px;
	margin:0;
	padding:4px 12px;
	background-color:rgba(255,255,255,0.2);
	border-radius:4px;
	}	

#ul_main_navigation{
	margin-right: 40px;
	margin-left: 210px;
	list-style-type:none;
	padding:0;
	}	

#ul_main_navigation li{
	display:inline-block; 
	background-color:#78797d; 
	color:#fff;
	padding: 4px 10px;
	margin:0px;
	width:21.6%;
	text-align:center;
	text-wrap:normal;
	font-style:normal;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	}	
	
#ul_main_navigation li a:link{
	display:block;
	font-style:normal;
	font-weight:bold;
	background-color: #78797d;
	color:#84373e;	
	}

#ul_main_navigation li a:hover {
	display:block;
	text-decoration:none;
	background-color:#78797d;
	color:#fff !important;
	}	

#ul_main_navigation li a:active {
	background-color:#bcada9;
	color:#fff;
	font-weight:bold;	
	}			
	
#ul_left_navigation{
	position:fixed;
	top:180px;
	width:188px; /* @media dependend */
	list-style-type:none;
	padding:0;
	z-index:100;
	}	
	
#ul_left_navigation li{
	background-color:#dcddde; 
	color:#fff;
	padding-right:14px;
	padding-bottom:4px;
	padding-left:10px;
	padding-top:4px;
	margin-left:16px;
	margin-right:16px;
	margin-bottom:4px;
	text-align: right;
	text-wrap:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	}

#ul_left_navigation li:after{
	content:" \00BB"; font-family:sans-serif;
	}
	
#ul_left_navigation li.submenu{
	font-size: 1em;
	margin-top:-8px;
	}
	
#ul_left_navigation a:hover li {
	background-color:#32373C;
	color:#FF6600;
	opacity:.7;	
	-moz-opacity:.7;
	-webkit-opacity:.7;
	text-decoration:none !important;
	}	

#ul_left_navigation a:active li {
	background-color:#FF6600;
	color:#FFF;	
	}	
	
	
#signetbox{
	position:fixed;
	margin-left:30px;
	top:10px;
	padding:0;
	z-index:100;
	}				
	
#pdf_download{
	position:fixed;
	margin-left:45px;
	bottom:20px;
	padding:0;
	z-index:100;
	}				
	
#contactframe{
	margin:12px 12px 4px 0px;
	width:74%;
	height:420px;
	min-width:400px;
	box-shadow:#999;
	}

/* ********************* */	


.infoicons{
	width:32px;
	position:relative;
	left:748px;
	top:-64px;
	margin-bottom:-60px;
	}


.div_info{
	background-image:url(../pix/information-icon_off.png);
	width:32px;
	height:32px;
	}

.div_info:hover{
	background-image:url(../pix/information-icon.png);
	}	

.div_mail{
	background-image:url(../pix/email-2-icon_off.png);
	width:32px;
	height:32px;
	}

.div_mail:hover{
	background-image:url(../pix/email-2-icon.png);
	}	

	
/* *********************** */	
/* media dependend queries */	
/* *********************** */