root { 
    display: block;
}
/*
* {
     text-shadow: 0 1px 1px rgba(255,255,255,.3);
}*/

html {
    min-height: 100%;
    padding:0px;
    margin:0px;
}

body {
    min-height: 100%;
    padding:0px;
    margin:0px;
    color:#000;
    background-color: rgb(244,244,244);
    font-family: 'HelveticaLight';
    
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

a {
    color:rgb(75,78,69);
    text-decoration:none;
}

h2,h1 {
    font-weight: normal;
	line-height:1em;
        margin:0px;
        padding:0 0 5px 0;
}

h2 {
    font-size:20px;
}

h1 {
    font-size:36px;
}

#page {
    
    margin: auto;
    width: 990px;
     z-index: 2;
}

#page-abs {
    position:absolute;
    margin-left:-495px;
    left:50%;
    top:0px;
     width: 990px;
     z-index: 2;
}

/* colors */

.red-text, .error {
    color:#E81C4F;
}

.white-text {
    color:#FFF;
}

.red-border, .error {
    border: 3px solid #E81C4F;
}

.red-background, .error {
    background-color: #fbe5f1;
}

.green-text, .success {
    color:#58B334;
}

.green-border, .success{
    border: 3px solid #58B334;
}

.green-background, .success {
    background-color: #BDF5A6;
}
/* helpers */

.padding, .error, .success {
    padding: 10px;
}

.bold {
    font-family: 'HelveticaRegular';
}

.distance {
    margin-bottom:10px;
}

.hor-inner {
    margin-left: 10px;
    margin-right: 10px;
}

.vert-inner {
    margin-top: 10px;
    margin-bottom: 10px;
}
/*
@font-face {
    font-family: 'HelveticaRegular';
    src: url('/fonts/TSTARMonoRound/TSTARMonoRoundReg.eot');
    src: url('/fonts/TSTARMonoRound/TSTARMonoRoundReg.eot?#iefix') format('embedded-opentype'),
         url('/fonts/TSTARMonoRound/TSTARMonoRoundReg.woff') format('woff'),
         url('/fonts/TSTARMonoRound/TSTARMonoRoundReg.ttf') format('truetype'),
         url('/fonts/TSTARMonoRound/TSTARMonoRoundReg.svg#Helvetica') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaBold';
    src: url('/fonts/TSTARMonoRound/TSTARMonoRoundBol.eot');
    src: url('/fonts/TSTARMonoRound/TSTARMonoRoundBol.eot?#iefix') format('embedded-opentype'),
         url('/fonts/TSTARMonoRound/TSTARMonoRoundBol.woff') format('woff'),
         url('/fonts/TSTARMonoRound/TSTARMonoRoundBol.ttf') format('truetype'),
         url('/fonts/TSTARMonoRound/TSTARMonoRoundBol.svg#HelveticaBold') format('svg');
    font-weight:normal;
    font-style: normal;

}
@font-face {
    font-family: 'HelveticaLight';
    src: url('/fonts/TSTARMonoRound/TSTARMonoRoundLig.eot');
    src: url('/fonts/TSTARMonoRound/TSTARMonoRoundLig.eot?#iefix') format('embedded-opentype'),
         url('/fonts/TSTARMonoRound/TSTARMonoRoundLig.woff') format('woff'),
         url('/fonts/TSTARMonoRound/TSTARMonoRoundLig.ttf') format('truetype'),
         url('/fonts/TSTARMonoRound/TSTARMonoRoundLig.svg#HelveticaLight') format('svg');
    font-weight:normal;
    font-style: normal;

}
*/
/* fonts ------------------------------------------------------ */

@font-face {
    font-family: 'HelveticaRegular';
    src: url('/fonts/TSTARPRO/TSTARPRO-Regular.eot');
    src: url('/fonts/TSTARPRO/TSTARPRO-Regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/TSTARPRO/TSTARPRO-Regular.woff') format('woff'),
         url('/fonts/TSTARPRO/TSTARPRO-Regular.ttf') format('truetype'),
         url('/fonts/TSTARPRO/TSTARPRO-Regular.svg#Helvetica') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaBold';
    src: url('/fonts/TSTARPRO/TSTARPRO-Bold.eot');
    src: url('/fonts/TSTARPRO/TSTARPRO-Bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/TSTARPRO/TSTARPRO-Bold.woff') format('woff'),
         url('/fonts/TSTARPRO/TSTARPRO-Bold.ttf') format('truetype'),
         url('/fonts/TSTARPRO/TSTARPRO-Bold.svg#HelveticaBold') format('svg');
    font-weight:normal;
    font-style: normal;

}
@font-face {
    font-family: 'HelveticaLight';
    src: url('/fonts/TSTARPRO/TSTARPRO-Light.eot');
    src: url('/fonts/TSTARPRO/TSTARPRO-Light.eot?#iefix') format('embedded-opentype'),
         url('/fonts/TSTARPRO/TSTARPRO-Light.woff') format('woff'),
         url('/fonts/TSTARPRO/TSTARPRO-Light.ttf') format('truetype'),
         url('/fonts/TSTARPRO/TSTARPRO-Light.svg#HelveticaLight') format('svg');
    font-weight:normal;
    font-style: normal;

}
@font-face {
    font-family: 'HelveticaMedium';
    src: url('/fonts/TSTARPRO/TSTARPRO-Medium.eot');
    src: url('/fonts/TSTARPRO/TSTARPRO-Medium.eot?#iefix') format('embedded-opentype'),
         url('/fonts/TSTARPRO/TSTARPRO-Medium.woff') format('woff'),
         url('/fonts/TSTARPRO/TSTARPRO-Medium.ttf') format('truetype'),
         url('/fonts/TSTARPRO/TSTARPRO-Medium.svg#HelveticaMedium') format('svg');
    font-weight:normal;
    font-style: normal;

}



.bold {
    font-family: 'HelveticaBold';
}

.light {
    font-family: 'HelveticaLight';
}

/*HEADER*/
small{
 font-size:12px
}

#cookie-hint {
    position:fixed;
    bottom: 0px;
    left:0px;
    right:0px;
    padding:20px;
    background-color:#fff;
	z-index:999;
}

#header {
    color:white;
    height: 100px;    
    background-color: #00b7ed;
    z-index: 2;
    position:fixed;
    top:0px;
    width:990px;
    box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.85)
}

#logo-area {
    background-image: url(../gfx/logo.png);
    background-repeat: no-repeat;
    background-position-y: 20px;
    background-position-x: 17px;
    height: 77px;
    width: 455px;
    float:left;     
    margin: 15px;
    position:absolute;
    top:0px;
    left:0px;
}

#logo-text {
    margin-left:234px;
    width: 240px;
    margin-top:8px;
 font-size:12px;
    line-height:14px;
}

.logo-indent {
    padding-left:5px;
}

.navi-area-top{    
    float:right;
	margin-top:14px;
    width:500px;
    position:relative;
}

.navi-area{    
    top:50px;
    margin-left:200px;
    float:right;
    width:790px;
    position:absolute;
}
.navi {
    list-style: none;  
    float:right;
    margin:0 7px;
 font-size: 16px;
 overflow:hidden;
}

.navi li {
    float: left;
    display: block;   
}

.navi li a, .navi li .placeholder {   
    transition:0.3s;
    display: block;
    color: inherit;    
    text-decoration: none;
    height:33px;
    line-height:30px;
    padding:0 14px;
    margin:0 0px;
}

.navi li a {
    margin-top: -30px;
    font-family: 'HelveticaRegular';
}

.navi li .placeholder {
    font-family: 'HelveticaBold';
    color:transparent;
}

.navi li a:hover, .navi li a.current {
    font-family: 'HelveticaBold';
/*    border-bottom:3px solid rgb(75,78,69);*/
    height:30px;
} 

#navi-underline {
    position:absolute;
    height:3px;
    background-color:white;
    display:none;
    pointer-events:none;
}

#navi2 {   
    padding:0px;
}

/*MAIN PAGE*/

#main-background {
    width:1400px;
    height:1000px;
    position:absolute;
    z-index:1;
    top:0px;
    left:50%;
    margin-left:-700px;
    background-repeat: no-repeat;
}

a.main-link {
    text-align:center;
    display:block;
    position:absolute;
    font-size:24px;
    color:#fff;
    height:23px;
    width:23px;
    border-radius:50%;
    background-color:rgb(75,78,69);
    line-height: 18px;
    background-repeat: no-repeat;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
}

a.main-link:hover {
	background-color:rgb(158, 219, 0);
        
}


/*CONTENT*/

#content {
    margin-top:120px; 
 font-size:16px;
   z-index: 2;
   font-family:'HelveticaLight';
   
}

.content-half {
    width:50%;
    padding:0px;
    margin:0px;
    float:left;
}

.inner {
    margin:10px;
}

.detail-container {
    width:1000px;
}

.detail-head {
    width:470px;
    height:220px;
    margin-left:-10px;
    margin-top:-10px;
    padding:10px;
    background-repeat:no-repeat;
}

.box-column {
    width:250px;
    padding:0;
    margin:0;
    float:left;
    margin-top:-10px;
}

.box-prev {
    height: 200px;
    width: 200px;
    margin-right: 10px;
    margin-top: 10px;
    padding:20px;
    box-shadow: 5px 5px 7px -3px;
    background-color: #fff;
}

.box-prev-content {
    margin:0px 0px 10px 0px;
    height: 90px;
 font-size: 24px;
}

a.box-prev-zoom {
    display: block;
    margin-top:-10px;
    margin-right:-10px;
    float:right;
    width:24px;
    height:24px;
    border-radius:50%;
    background-color:rgb(75,78,69);
    color:#fff;
    background-repeat:no-repeat;
    font-weight:normal;
    text-align:center;
    line-height: 19px;
	        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
}

a.box-prev-zoom:hover {
/*    background-image:url(../gfx/plus_over.png);*/
    background-color:rgb(158, 219, 0);

}

a.box-close {
    border-radius:50%;
    background-color:rgb(75,78,69);
    line-height: 20px;
    float:right;
    display: block;
    width:24px;
    height:24px;
    color:#fff;
    
    text-align: center;
    background-repeat:no-repeat;
    
	        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
}

a.box-close:hover {
/*    background-image:url(../gfx/close_over.png);*/
        background-color:rgb(158, 219, 0);
}

.box-prev-img {
    height:100px;
    width:200px;
    background-color:#ccc;
   
}

.detail-first-two {
    width:250px;
    height:500px;
    float:left;
    overflow:hidden;
}

.detail-box-container {  
    position:absolute;
    height: 500px;
    width:500px;
    background-color:rgb(240,240,240);
    float:left;
    display:none;
    margin-top:-240px;
    z-index:999;
}

.detail-box {
    height:470px;
    width:470px;
    background-color:#fff;
    box-shadow: 5px 5px 7px -3px;
    padding:10px;
    font-family:'HelveticaLight';
}

.detail-title {
 font-size:36px;
    width:430px;
    height:230px;
    float:left;
    margin-right:10px;    
}

.detail-image {        
    width:210px;
    height:auto;
    float:right; 
    margin-top:24px;
}

.detail-close {
    cursor: pointer;
    float:right;
	        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
}

.detail-text {
    margin-top:10px;
}


.detail-main {
 font-size:16px;
 line-height:22px;
}

#map-canvas {
    height:400px;
}

.default-image {
    
}

.default-text {
    padding: 0 20px;
	line-height:1.4em;
        overflow:hidden;        
}

.default-area {
    margin-bottom: 20px;
    overflow: hidden;
}

.image-1, .image-2 {
    width: 150px;
}

.image-1 {    
    float: left;
}

.image-2 {    
    float: right;
}

.image-3 {
    width: 990px;
}

a.download-button, .button {
    margin:10px 20px;
    padding: 0 20px;
    color: #fff;
    background-color:rgb(75,78,69);
    display:inline-block;
    line-height: 36px;
 font-size:20px;
    font-family: 'HelveticaRegular';
    border:0px none;
    cursor: pointer;
}

a.download-button:hover, .button:hover {
    background-color:#828778;
}

.right {
    float: right;
}
/*FOOTER*/

#footer {
    height: 80px;
    padding:20px;
 font-size:12px;
    z-index: 2;
    color:rgb(75,78,69);
}

#footer ul {
    font-family: 'HelveticaRegular';
    list-style: none;
    margin:0px;
    padding:0px;
}

/* Lightbox */

.light-box-container {
    height: 500px;
    width:500px;
    background-color:rgb(240,240,240);
    position: absolute;
    top:120px;
    left:50%;
    margin-left:-245px;
    display:none;
    z-index:999;
}

.light-box {
    height:470px;
    width:470px;
    background-color:#fff;
    box-shadow: 3px 3px 20px -3px rgba(0,0,0,0.8);
    padding:10px;
}

/* Wohnungen */
.loft-left, .loft-right {    
    float:left;
}

.loft-right {
    background-repeat:no-repeat;
    height:757px;
    width:380px;
    margin-top:40px;
}

.loft-left {
    width:610px;
}

.loft-h1 {
    margin-left:20px;
}

.loft-text,.loft-imagecut {
    text-decoration:none;
    display:block;
    color:inherit;
}

.loft-text {
    margin-right:20px;
    padding:20px;    
    transition: background-color ease 0.5s;
    line-height: 1.4em;
}

.loft-single-text {
    margin-right:20px;
    padding:20px;   
    line-height: 1.4em;
}


.loft-imagecut {
    opacity:1;
    margin-left:40px;
    margin-right:41px;
    outline:3px solid transparent;
    transition: outline ease 0.5s;
}

.loft-text:hover, .loft-text-active {
    background-color:rgba(158, 219, 0, 1);
}

.loft-imagecut:hover, .loft-imagecut-active {
/*    background-color:rgb(158, 219, 0);*/
    outline:3px solid rgba(158, 219, 0, 1);
}

#loft-imagecut-1 {
    margin-top:8px;
    height:256px;
}
#loft-imagecut-2 {
    margin-top:3px;
    height:101px;
}
#loft-imagecut-3 {
    margin-top:3px;
    height:101px;
}
#loft-imagecut-4 {
    margin-top:3px;
    height:101px;
}
#loft-imagecut-5 {
    margin-top:3px;
    height:174px;
}

/* Input Fields */


.input-line {
    margin-bottom:10px;
}

.input-field-area {
    
    padding:5px 0px;    
    position: relative;
}

.input-label-area {    
    padding:10px 0px;
    width:150px;
    float:left;
}

.input-field {
    font-family: 'HelveticaLight',Helvetica,Arial,sans-serif;   
    text-indent: 10px;
    height: 34px;    
    border: 1px solid #838585;
    color: inherit;
}

.input-text-area {
    font-family: 'HelveticaLight',Helvetica,Arial,sans-serif;    
    border: 1px solid #838585;
    color: inherit;
    height:200px;
     width:94%;
    padding:10px;
    margin: 0px 5px;     
}

.input-checkbox-text {
    width: 296px;
    float:left;
}

.input-checkbox{
    float:left;
    margin-right: 10px;
    margin-left: 5px;
    margin-top: 5px;
}

.input-hint {        
    margin: 5px;
 font-size: 12px;
    line-height: 12px;    
}

.input-custom-radio {    
    height:17px;
    width: 17px;
    float: left;
    margin: 7px 10px 0px 5px;
}

.input-radio-label {
    float:left;
    margin-right: 20px;
    padding-top: 5px; 
}

.input-field{  
    width:98%;
    margin: 0px 5px;      
}

.input-field-half {
    width: 219px;
}

.input-emptytext {
    position: absolute;
    left: 15px;
    top: 10px;
/*    margin-left: -535px;*/
    display: inline-block;
    margin-top: 7px;
    cursor: text;    
    z-index:0;
    opacity: 0.7;
 font-size: 12px;
}

form .button {
    margin:5px;
}

/* IMAGE-GALERIE*/

		.gal-main-area {
			height:700px;
			margin-top:30px;
			text-align: center;
			overflow:hidden;
		}
		
		.gal-main-item {
			height:700px;
		}
		
		.gal-main-area a {
			outline:0 none;
			border:0 none;
			text-decoration:none;
		}
	
		.gal-main-area a img {
/*			max-height:90%;*/
			max-width:100%;
			margin-bottom: 10px;
		}
		
		.gal-main-description {
			height:10%;
		}
		
		.gal-thumb-area {
			margin-top: 20px;
			text-align: center;
			overflow:hidden;
		}
		
		.gal-thumb {
			display: inline-block;
			padding: 5px;
			height:80px;	
			margin: 0 5px;
			border: 2px solid transparent;
			cursor: pointer;
		}
		
		.gal-thumb:hover {
			border-color: #666;
		}
		
		.gal-thumb.gal-thumb-active {
			border-color: #333;
		}
		
		.gal-thumb img {
			height:100%;
		}