/* TEMPLATE CSS
*********************************************/
html {
  overflow-y: auto;
}
body {
	font-family: "Neue Helvetica", Helvetica, Arial, sans-serif;
	font-weight:300;
	font-size: 14px;
	line-height: 20px;
	color: #575656;
	background-color: #d6dadd;
	overflow-X:hidden;
}

html,
body{
	height:100%;
}
.clearer{
	clear:both;
}
*{
	margin:0;
	padding:0;
	border:0;
}

*::selection {
	background-color: #811743;
	color:#fff;
}

footer *::selection {
background-color: #ffffff;
}

.mainNavigationStyles,
.breadcrumpStyles,
.startSliderStyles,
.subContentStyles{
	margin-top:25px;
}

/* LAYOUT
*********************************************/
/* mainWrapper */
.mainwrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -88px; /* Hier H�he des Footers eintragen */
}

.container{
	width:960px; /* Hier die Breite der Seite angeben */
	margin:0 auto;
}

#push{
	height: 100px; /* Hier bitte H�he des Footers eintragen */
}

/* Schrift */
a {
	color:#575656;
  text-decoration: none;
}
a:hover {
  color: #811743;
  text-decoration: none;
}

p{
	color:#575656;
}

h2{
	font-family: "Neue Helvetica", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-weight:400;
	font-size:26pt;
	line-height:38pt;
	color:#811743;
}

h3,h4,h5 {
	color:#575656;
	text-transform:uppercase;
	font-weight:600;
}

h3{
	font-size:14pt;
	
}

h4{
	font-size:12pt;
}
/* Header */

.headerStyles{
	padding-top:20px;
}

#bgContainer{
	position:relative;
	width:960px;
	height:663px;
	margin:0px auto;
	overflow:visible;
}

#bgContainer img{
	margin-left:-27%;
	overflow:hidden;
}

.navigation{
	margin-top:90px;
	font-size:15px;
	text-transform:uppercase;
	color:#575656;
}

.navigation ul{
	float:right;
}

.navigation ul li{
	float:left;
	list-style:none;
	padding-right:25px;
}


.navigation li:first-child{
	display:none;
}

.navigation ul li:after{
	content: "|";
	padding-left:25px;
}

.navigation ul li:last-child{
	padding:0px;
}

.navigation ul li:last-child:after{
	content:none;
}
.navigation ul li a{
	color:#575656;
}
.navigation ul li a:hover{
	color: #811743;
}

.navigation li.deeper.parent ul{
	display: none;
	position: absolute;
	width: 8.7%;
	margin-left: 3px;
	margin-top: -10px;
	z-index: 9999;
	padding-top: 10px;
	height: 0;
	-moz-transition: 0s;
	-webkit-transition: 0s;
	-o-transition: 0s;
	-ms-transition: 0s;
	transition: 0s;
}

.navigation li.deeper.parent:hover ul {
	display: block;
	height: auto;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
.navigation .deeper li{
	float:left;
}
.navigation .deeper li a{
	
	font-size:0.8em;
	list-style:none;
	padding-right:10px;
}
.navigation .deeper li:first-child{
	display:block;
}
.navigation .deeper ul li:after{
	content: none;
	padding-left:0px;
}
.navigation ul li.deeper.parent li{
	float:none;
}

.navigation .deeper ul li:last-child:after{
	content:none;
}

.house{
	position:absolute;
	width:30px;
	height:30px;
}
.house a{
	display:block;
	width:100%;
	height:100%;
	background:url('../images/tmpl/btn_inact.png') top left no-repeat;
}
.house a:hover{
	width:100%;
	height:100%;
	background:url('../images/tmpl/btn_act.png') top left no-repeat;
}
.house.one{
	top: 495px;
        left: 55px;
}
.house.two{
	top: 420px;
        left: -50px;
}
.house.three{
	top: 270px;
        left: 420px;
}
.house.four{
        top: 175px;
        left: 235px;
}
.house.five{
	top:230px;
	left:60px;
}
.house.six{
        top: 120px;
        left: 243px;
}
.house.seven{
        top: 245px;
        left: 560px;
}
.house.eight{
        top: 180px;
        left: 660px;
}
.house.nine{
        top: 105px;
        left: 550px;
}
.house.ten{
	top: 580px;
        left: 0px;
}
.house.eleven{
	top: 340px;
        left: 575px;
}
.house.twelve{
        top: 65px;
        left: 800px;
}
.house.thirteen{
        top: 65px;
        left: 380px;
}

/* Floats */
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.ie7 .group {
  zoom: 1;
}

/* CONTENT*/
	.boxContent {
		margin-top:20px;
	}
	#sbox-content .spanLeft{
		width: 500px;
		float:left;
	}
	#sbox-content .spanRight{
		width: 340px;
		float:left;
		padding-left:20px;
	}
	#sbox-content .spanRight img{
		max-width:100%;
	}
	#sbox-content .spanRight ul{
		list-style-type: none;
	}
	#sbox-content .spanFull {
		width: 840px;
		float: none;
		clear: both;
		text-align: center;
		padding-top: 35px;
		padding-bottom: 35px;
	}
	#sbox-content .impLeft{
		width: 50%;
		float:left;
	}
	#sbox-content .impRight{
		width: 40%;
		float:left;
		padding-left:20px;
	}
	#sbox-content .infoRight {
		width: 400px;
		float: left;
		margin-left: -30px;
	}
	#sbox-content .conLeft{
		width:45%;
		float:left;
		margin-right:3%;
	}

	#sbox-content .conRight{
		width:45%;
		float:left;
		margin-left:3%;
	}
	#sbox-content .conRight img{
		width:100%;
		max-height:250px;
		overflow:hidden;
	}
	#sbox-content .spanSmall {
		width: 450px;
	}
	#sbox-content .spanWide {
		width: 460px;
	}
	
	#sbox-content .mieterList .mieter{
		margin:15px 0;
		width:600px;
		clear:both;
	}
	#sbox-content .mieterList .frei{
		margin:15px 0;
		width:930px;
		clear:both;
	}
	#sbox-content .mieterList .frei .mLogo{
		width:30%;
		float:left;
	}
	#sbox-content .mieterList .mieter .mLogo{
		width:43%;
		float:left;
	}
	#sbox-content .mieterList .frei .mLogo img,
	#sbox-content .mieterList .mieter .mLogo img{
		max-width:250px;
	}
	#sbox-content .mieterList .frei .mDesc h5,
	#sbox-content .mieterList .mieter .mDesc h5{
		text-transform:uppercase;
		font-size:1.2em;
	}
	/* KONTAKT */
	.spanSmall h2 {
		font-size: 2.2em;
	}
	.spanWide h2 {
		font-size: 2.2em;
	}
	fieldset{
		border: 0px;
		margin: 0px;
		padding: 0px;
	}
	
	fieldset input{
		line-height:30px;
	}
	
	#contact-form legend,
	#jform_contact_name,
	#jform_contact_email,
	#jform_contact_emailmsg,
	#jform_contact_message{
		margin-bottom:10px;
		width:335px;
		max-width:335px;
	}

	#jform_contact_message,
	#jform_contact_emailmsg{
		width:335px;
		max-width:335px;
	}

	.button.validate{
		padding:5px;
		color:#ffffff;
		float: left;
		background:#811743;
	}
	
	#sbox-content .contact-form .name{
		width:50%;
		float:left;
	}
	#sbox-content .contact-form .mail{
		width:50%;
		float:left;
	}
	.contactStreet, .contactTel, .contactFax, .contactMail, .contactWeb {
	margin-left: 30px;
	line-height: 27px;
	}
	.contact h3{
		display:none;
	}
	
	/* KONTAKT ENDE */
	
/* CSS Gallery */

.spanRight #container ul{
	margin:0px;
}

#container {
 clear:left; 
 margin:0 auto;
 width:385px;
/* height:550px;background:#aaa;overflow:hidden;*/
}

#ausgabe {
 width:385px;
 height:255px;           
 overflow:hidden;
} 

#ausgabe li a {
 display:block;
 height:255px;
}

#ausgabe li img {
 display:block;
 margin:0 auto;
width:385px;
height:255px;
} 

#links  {
margin-top:10px;
 position:relative;
 width:385px;
} 

#links ul#auswahl li {
 float:left;
}

#links ul#auswahl li a {
 color:#fff;
 display:block;
 width:125px;
 text-align:center;
}
 
#auswahl li a img {
 display:block;
 margin:0 auto;
 width:125px;
 height:75px;
}

#links ul#auswahl li a:hover img ,
#links ul#auswahl a:focus img {
 background:#eee;
}
#container ul {
    width:405px;
    }
#container li {
    float:left;
	margin:0px 0px 0px 5px;
        overflow: hidden;
    }
#container ul {
	margin-top:270px;
    }
#container a.gallery span {
    opacity: .2;
	filter:alpha(opacity=20); /* For IE8 and earlier */
    transition: opacity .8s ease-out;
    -moz-transition: opacity .8s ease-out;
    -webkit-transition: opacity .8s ease-out;
    -o-transition: opacity .8s ease-out;
    }
	
#container a.gallery:hover span {
    position:absolute; 
    width:385px; 
    height:255px;
	background:none;
	top:5px;
	opacity: 1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
    }

#container a.gallery.slide.p01:hover span,
#container a.gallery.slide.p04:hover span{
	margin-left:0px;
}
	
#container a.gallery.slide.p02:hover span,
#container a.gallery.slide.p05:hover span{
	margin-left:-130px;
}

#container a.gallery.slide.p03:hover span,
#container a.gallery.slide.p06:hover span{
	margin-left:-260px;
}

/* CSS gallery Ende */
/*CONTENT ENDE*/

em{
	color: #ababab;
}
/* FOOTER */

footer{
	background-color: #811743;
	height:100%;
}

footer p{
	color:#fff;
}
footer .container h3{
	color:#ffffff;
	font-size:12pt;
}

footer .menu{
	list-style:none;
}

footer .menu li{
	line-height:24px;
	display:block;
}

footer .menu li a,
footer .menu li a:hover{
	color:#ffffff;
}

footer .menu li a:hover{
	font-weight:bold;
}

footer .container{
	padding-top:20px;
}

footer .moduletable{
	border-right:1px solid #ffffff;
	height:300px;
	float:left;
	padding-left:20px;
}

footer .moduletable:first-child{
	padding:0px;
}

footer .main,
footer .historie,
footer .portfolio{
	width:30%;
}

footer .kontakt{
	color:#ffffff;
	border:none;
	padding-bottom: 32px;
}

footer .kontakt p{
	float:left;
}

footer .kontakt img{
	margin:-20px 0 0 20px;
}

/* Language Switcher */
.languageswitcher.span2 {
	text-align:right;
}
.languageswitcher.span2 a:after{
	content: "|";
	color:#333;
	padding:0 10px;
}
.languageswitcher.span2 a:last-child:after {
	content: none;
}
.lang.active{
	color:#811743;
}

/* MEDIA QUERIES
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
  
}
/* Landscape phones and down */
@media (max-width: 480px) {
  
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  
}
/* Large desktop */
@media (min-width: 1200px) {
  
}