@charset "utf-8";
/**
 * @license
 * MyFonts Webfont Build ID 2984228, 2015-03-04T03:06:34-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Serifa-Med by URW++
 * URL: http://www.myfonts.com/fonts/urw/serifa/t-bold/
 * Copyright: Copyright 2010 URW++ Design & Development Hamburg
 * 
 * Webfont: HelveticaNeueLT-Light by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-45-light/
 * Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 1988 - 2006 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be repro
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2984228
 * Licensed pageviews: 250,000
 * 
 * © 2015 MyFonts Inc
*/

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2d8924");
  
@font-face { font-family: 'Serifa-Med'; src: url('../webfonts/2D9413_0_0.eot');src: url('../webfonts/2D9413_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2D9413_0_0.woff2') format('woff2'),url('../webfonts/2D9413_0_0.woff') format('woff'),url('../webfonts/2D9413_0_0.ttf') format('truetype');}
@font-face { font-family: 'HelveticaNeueLT-Light';src: url('../webfonts/2D8924_1_0.eot');src: url('../webfonts/2D8924_1_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2D8924_1_0.woff2') format('woff2'),url('../webfonts/2D8924_1_0.woff') format('woff'),url('../webfonts/2D8924_1_0.ttf') format('truetype');}
 
 
/* Farben
grün #a7b23e;
*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}



/* Basics */

html {	height: 100%; overflow-y:scroll;}
body{ width: 100%; font-family: "HelveticaNeueLT-Light", Arial, sans-serif; color:#000; font-size: 14px; line-height:18px; letter-spacing:0.1pt; font-weight: normal; font-style: normal;-webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;	-webkit-font-smoothing: antialiased;	  /* -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; */ }
h1, h2, h3, h4, h5, h6{	font-family: "Serifa-Med", Verdana, sans-serif; font-size: 17px; font-weight: normal; line-height:20px; padding: 0; margin: 0; letter-spacing: 0.5pt; }
h1 { color: #a7b23e; margin: 0 0 20px 0; }
h2 { font-size: 15px; font-weight: normal; line-height: 18px; margin: 0 0 35px 0; letter-spacing:0.0pt; }
a{ text-decoration:none; font-weight: normal; color: #000; border:none; outline:none !important; border: none !important;}
a:hover, .active { color:#a7b23e; }
a:focus, area, area a , map, map area { outline: none; }
b, strong { font-family: "Serifa-Med", Verdana, sans-serif; font-weight: normal;  }
table {	border-collapse: collapse; border-spacing: 0; border: 0; }
td{	vertical-align:top;}
hr{ border:none; border-bottom: 1px solid #000; margin:10px 0 10px 0; padding:0;	}
img, img a{	border:0; }
sup { margin:0;padding:0; line-height:3px; vertical-align: middle; position: relative; top: -5px; font-size: 10px;}
.clearfloat{ clear:both; height:0px; font-size: 1px; line-height: 0px; margin:0px; padding:0px;display:block; }
.clearfix:after { content:""; display:table; clear:both; }
.rollover { cursor: pointer;}
.hidden { display: none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust:none; } /* iPhone Schriftgrössenanpassung beim Drehen verhindern */
ul li { margin: 0 0 0 2px; padding: 0 0 0 16px; list-style: none; background:url(../images/list.png) 0 15px no-repeat; }


#main { position: relative; max-width: 1005px;  margin: 30px auto 0px auto; padding-bottom: 20px;  height: auto; }


/* Header */

header#banner { overflow: hidden; }
#logo { float: left; width: 245px; margin: 0 80px 0 0; }
#logo img { width: 100% !important; height: auto;}

#mainNav {  position: relative; width: auto; display: block; margin:106px 0px 0px 22px; }
#mainNav ul { list-style: none; }
#mainNav ul li { float: left;  margin: 0; padding: 0; margin-right: 14px;  }
#mainNav ul li a { font-family: "Serifa-Med", Verdana, sans-serif; font-weight: normal; font-size: 14px; color: #FFF; line-height: 24px; padding: 8px 10px 8px 10px; letter-spacing: 0.5pt; background-color: #000; }
#mainNav ul li:hover a, #mainNav ul li.active a  {  color: #000; background-color: #a7b23e; }

#naviButton { display: none; }


/* Content */

#contentWrap { padding-left: 55px; } 
#content { overflow: hidden; margin: 60px 0 0 0; } 
#content a{ color: #a7b23e; }
#content a:hover { color:#000; }

#imageeBox img { width: 100%; height: auto; }

#leadHome { margin: 35px 0 0px 185px; width: 690px; }
#leadHome.leadimpressionen { width: 550px; }

#leftCol { float: left; width: 270px; margin: 0 80px 0 0; }
#leftCol img { margin: 0 0 7px 0; width: 100% !important; height: auto; }
#leftCol p.bildtext { margin: 15px 0 7px 0;}

.bildText { width: 160px; margin-top: 54px; }
#rightCol { float: left; width: 600px; }

.tab0 { margin: 0 0 60px 0; }
.tab1 { margin: 0 0 60px 50px; }

.infoBox { background-color:#efefd9; padding: 10px 0 10px 12px; width: 280px; }
#rightCol .infoBox { width: auto; display: inline-block; padding: 10px 12px 10px 12px; margin-bottom: 50px; }
#rightCol .infoBox ul{ font-family: "Serifa-Med", Verdana, sans-serif; margin-left: 10px; }
#rightCol .infoBox ul li{ list-style: disc; padding: 0; }
.nrTab { width: 15px; text-align: right; display: inline-block; }


/* Wohnungstabelle */

#isoBox { position: relative; height: 380px; }
#isoBG, #isoText { position: absolute; z-index: 120; }
#isoBG img {margin: -1px 0 0 2px; } 
#isoText { margin: 170px 0 0 30px; right: 20px; width: 180px; }
#isoSpacer { position: absolute; z-index: 150; left: 0; top: 0; }

.iBox { display: none; position: absolute; z-index: 250; background-color:#efefd9; padding: 10px 12px 10px 12px; max-width: 200px; }

#woTabelle a{ color: #000; }
#woTabelle a:hover .wCol{ color: #FFF; background-color: #a7b23e; }
#woTabelle a:hover .wColg{ color: #FFF; background-color: #999; }
.wRow { overflow: hidden; margin-left: -5px;}
.wRowS { margin-top: 5px;}
.wColhead, .wCol { width: 17%; padding: 5px 0px 5px 6px ; margin: 2px 5px ; float: left; }
.wColhead { border-top: solid #000 2px; padding: 5px 3px 5px 3px ;  font-family: "Serifa-Med", Georgia, sans-serif; font-weight: normal; }
.wCol { background-color: #efefd9; }
.wColg { background-color: #e1e5e8; }

/* Footer */

.address { font-family: "Serifa-Med", Georgia, sans-serif; font-size: 14px; line-height: 18px; overflow: hidden; padding-top: 36px; }
.col1 { float: left; width: 540px; }


/* Diverse */

#vorbehalt { position: absolute; left: 55px; top: 625px; width: 350px;}

.gruen { color: #a7b23e; }
.textKlein { font-size: 12px; line-height: 15px; }
.textKlein.bottom { margin-top: 30px; }
.black { color: #000; }
p.fusszeile { font-size: 12px; margin: 20px 0 0 0; }
#leftCol .textKlein { font-size: 11px; line-height: 15px; margin-top: 200px; }
.serifBold { font-family: "Serifa-Med", Georgia, sans-serif; font-size: 14px; line-height: 18px; margin-top: 100px;} 



/* Formular */

#formular { background-color: #a7b23e; width: 480px; padding: 2%; position: relative;	}
#formular h3 { font-size: 14px; line-height: 17px; margin: -2px 0 24px 0; }
#form1 input, textarea{
	border:none; margin: 0 0 10px 0; padding:8px  1% ;
	font-size: 14px; color: #000; line-height:22px; font-family: "HelveticaNeueLT-Light", Arial, sans-serif; font-style: normal; font-weight: 400;
	border:none; background-color:#FFF;
	height: 22px;
}
.input, .textarea { width: 98%; display: block;	}
.textarea { height: 120px; }
#form1 .sendbutton{ position: absolute; bottom: -10px; right: -100px; color:#FFF; font-size: 15px; font-family: 'Serifa-Med'; line-height: 17px; height: 34px; border: none; background-color: #000; width: 250px; cursor: pointer;  }
#form1 .sendbutton:hover{	 background-color: #999;  }
#form1 .inputfehler{ background-color: #ad3030; }
#formularFehler, .fehler { display:none; font-family: "Serifa-Med", Georgia, sans-serif; font-weight: normal; color:#ad3030; padding: 10px 10px 10px 0;}
.fehler{ display:block; }
#Zusatz{ display:none; }

h2.gruen { color: #a7b23e; margin: 40px 0 15px 15px; }


/* Slider Inhalte */

.slide { overflow: hidden; }


/* Slider */
#slidesContainer { width: 950px; height: 950px; position: relative; padding: 0; overflow: hidden; }
#slides div { width:100%;   height: 100%; }
#slides img { width:100%; height: 100%; }	
#slides .slidesjs-navigation { margin-top:0px; }
a.slidesjs-next, a.slidesjs-previous, a.slidesjs-play, a.slidesjs-stop { background-image: url(../images/btns-next-prev.png); background-repeat: no-repeat; margin: 0; display:block; width:30px; height:100%;  text-indent: -9999px;		position:absolute;	  top:0;	  z-index:10;    }
a.slidesjs-next { margin-right:0px; background-position: -20px 50%; right:0px;    }
a.slidesjs-previous {      background-position: 5px 50%;	  left: 0px;	     }
a.slidesjs-play, a.slidesjs-stop{    background-image: none; width: 1px;   } 
#slides {      display: none;    }
.container {      margin: 0 auto    }	
#slides{		margin-top: 0px; padding:0;		}
.slidesjs-pagination {      margin: 0px 0 0;      float: left;      list-style: none;	  position: absolute;	  top:315px;	  z-index:11;	  	  width:240px;	  margin-left:-123px;  left:50%;	 text-align:center;     display: none;    }
.itemBox .slidesjs-pagination li {     	display: none;      margin: 0 1px; list-style:none;      overflow: hidden;	  padding: 0 0 0 0px;    }
















/****************************************************************************************************************************/
/* #Media Queries
/****************************************************************************************************************************/


@media only screen and (max-width: 1050px) {
	#rightCol { width: 580px;}
	#form1 .sendbutton{   position: absolute; bottom: -10px; right: 0px; }
}

@media only screen and (max-width: 1010px) {	

	
	#main {  max-width: 740px;  margin-top: 20px;  }
	
	
	/* Header */
		
	header#banner { overflow: hidden; }
	#logo { width: 220px; margin: 0 50px 0 0; }
		
	#naviButton { display: block; margin: 0; right: 20px; top: 30px; position: absolute; z-index: 1000; }
	#naviButton img { width: 30px; height: auto; cursor: pointer; }
	
	#mainNav {  position: absolute; z-index: 10000;  display: none; left: 520px; top: 70px; width: auto;  margin: 0;  width: 200px; background-color:#FFF; }
	#mainNav ul li { clear: both; margin-right: 0px; width: 100%; }
	#mainNav ul li a { display: block; font-size: 14px; color: #FFF; line-height: 24px; padding: 8px 10px 8px 10px; letter-spacing: 0.5pt; background-color: #000; }
	#mainNav ul li:hover a, #mainNav ul li.active a  {  color: #000; background-color: #a7b23e; }

	
	
	/* Content */
	
	#contentWrap { padding-left: 45px; }  
	#lead { margin: 0px 0 35px 0px; }
	#leftCol { float: left; margin: 0 25px 0 0; }
	#leftCol img { margin: 0 10px 10px 0; display: inline-block; vertical-align:top; }
	.bildText { width: auto; margin-top: 5px; }
	#rightCol { width: 390px; }
	
	#leadHome { margin: 15px 0 20px 0px; width: 100%; }
	
	.tab1 { margin: 0 0 60px 00px; }
	
	#slidesContainer { width: 100%; height: auto; }
	
	#vorbehalt { position: absolute; left: 47px; top: 605px; width: 250px;}
	
	
	/* Wohnungstabelle */
	
	.infoBox { width: 260px; margin-bottom: 30px; }
	#isoText { position: relative; margin: 20px 0 0 30px; right: auto !important; width: 250px; }
	

	
	
	/* Formular */

	#formular { margin: 50px 0 50px 0; width: 96%;	}
	#form1 .sendbutton{   position: absolute; bottom: -10px; right: 0px; }
	
	
	/* Footer */
	
	.address { clear: both; padding-top: 20px; }
	.col1 {  width: 94%; }
	footer { padding-bottom: 20px;}

	.lb-outerContainer, .lb-dataContainer { max-width:95%; height: auto !important; width: auto !important; min-height: 150px;}
	.lb-image { max-width:100%; height: auto !important; width: auto !important; }
	
	

}



@media only screen and (max-width: 760px) {	
	
	#main {  max-width: 92%; }	
	
	
	/* Header */
		
	#logo { width: 180px; margin: 0 50px 0 0; }
	
	#mainNav {  left: auto !important; right: 4%; }
	#naviButton { right: 4%;  }
	
	
	/* Content */
	
	#contentWrap { padding-left: 41px; }  
	#lead { margin: 0px 0 35px 0px; }
	#leadHome.leadimpressionen { width: 100%; }
	#leftCol { float: left; width: 97.5%; margin: 0 80px 0 0; }
	#leftCol img { width: 48%; float: left; margin: 0 1% 10px 0; height: auto !important; }
	#leftCol p.bildtext { padding: 10px 0 50px 0px; clear: both; }
	
	#rightCol { width: 95%; }	
	
	#vorbehalt { position: relative; left: 0px; top: 0px; margin-bottom: 50px; }
	
	
	/* Wohnungstabelle */
	
	#isoBox { display: none;}
	.infoBox { width: 300px; margin-bottom: 30px; }
	
	#isoText { position: relative; margin: 20px 0 0 30px; right: auto !important; width: 250px; }
	.wColhead, .wCol {  margin: 1px 2px ; }
	.wc5{ display: none; }
	.wColhead, .wCol { width: 22%; }
	
	#leftCol .textKlein { font-size: 11px; line-height: 15px; margin-top: 50px; }
	.serifBold { font-family: "Serifa-Med", Georgia, sans-serif; font-size: 14px; line-height: 18px; margin-top: 20px;} 
	
	.address br { display: none; }

}


@media only screen and (max-width: 480px) {	

	#main {  max-width: 96%; margin-top: 10px;}	

	#contentWrap { padding-left: 0px; }
	
	#logo { width: 150px; margin: 0 50px 0 0; }	
	#mainNav {  right: 0; width: 100%; top: 110px; }
	#naviButton { right: 2%; top: 10px; }
	
	#leftCol { width: 100%;  }
	#leftCol img { width: 101%;  margin: 0 0 10px 0; }
	
	#rightCol { width: 100%; }
	
	#form1 .sendbutton{   position: absolute; bottom: -10px; right: 0px; width: 100px; }

}



@media only screen and (max-width: 350px) {	

	.wColhead, .wCol { width: 20%; }

}