/*
------------------------------
	Joomla! Template
	HausXXL
	Copyright COB
	MODULES
------------------------------
*/

/*------------------------------
	REGISTRIERUNG + PW RESET
------------------------------*/

.hasTooltip{
	float:left;
	width:32%;
	margin:15px 0 0 0;
}

#member-registration input[type="text"],
#member-registration input[type="password"]{
	margin:7px 0 0 0;
}

.registration .btn{
	float:right;
	margin:0 5px 0 0;
	padding:5px 20px 0;
}

.reset fieldset{
	padding:25px 0;
}

#user-registration #jform_email-lbl,
#user-registration #jform_username-lbl,
#user-registration #jform_token-lbl{
	margin:5px 0 0 0;
}

#user-registration #jform_token{
	margin:7px 0 0;
}

#user-registration #jform_email{
	width:66%;
}

/*------------------------------
	HEADER
------------------------------*/

/* Stadt-Wahl */

.city-choice-box{
	position:relative;
	margin: 0 0 0 49px;
	width: 200px;
	float:left;
}

.city-choice-box input.city-choice,
.city-choice-box .search-city{
	background-image: -webkit-linear-gradient(to top, #efefef, #fff, #efefef);
	background-image: -moz-linear-gradient(to top, #efefef, #fff, #efefef);
	background-image: -o-linear-gradient(to top, #efefef, #fff, #efefef);
	background-image: linear-gradient(to top, #efefef, #fff, #efefef);
	background-color:#fff;
    border: 1px solid #ccc;
    color: #0099cc;
    float: left;
    font-weight: 600;
	height:25px;
}

.city-choice-box input.city-choice{
	width:61%;
	padding:0 26% 0 12%;
	border-right:medium none;
}

.city-choice-box input:focus {
    box-shadow: 0 0 8px #e0e0e0;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

.city-choice-box .search-city{
	padding:0 5%;
	position:absolute;
	right:0;
	top:0;
    cursor:pointer;
}

.city-choice-box .search-city > span{
	background:url(../images/icons/icon-sprite.png) no-repeat scroll 1px -126px transparent;
	display:block;
	height:25px;
	width:20px;
}

.city-choice-box .search-city:hover > span{
	opacity:0.7;
}

.city-choice-box .icon-cross{
	position:absolute;
	top:7px;
	left:5px;
	background-color:transparent;
        cursor:pointer;
}

.city-choice-box .autofill-list {
	background-image: -webkit-linear-gradient(to top, #fff, #efefef);
	background-image: -moz-linear-gradient(to top, #fff, #efefef);
	background-image: -o-linear-gradient(to top, #fff, #efefef);
	background-image: linear-gradient(to top, #fff, #efefef);
    background-color:#efefef;
    border-color:#ccc;
    padding-right:1px;
}

.city-choice-box .autofill-list li a {
    padding: 2px 12%;
}

/* Seiten-Suche */

.header-middle .hidden-portrait{
	float:right;
	margin:0 65px 0 0;
}

.mod-ort-position{
	margin:0 0 0 145px;
	float:left;
}

.mod-search .button,
#searchForm .btn-toolbar button{
	background:url(../images/icons/icon-sprite.png) no-repeat scroll 0 -91px transparent;
	border:none;
	border-radius:0;
	float:left;
	height:40px;
	width:40px;
	margin:0 0 0 -40px;
}

.mod-search .button:hover,
#searchForm .btn-toolbar button:hover{
	background-position: 0 -133px;
}

#mod-search-searchword {
	height:18px; 
	width:255px;
	padding:10px;
	float:left;
	border-color:#ccc;
}

.inputbox{
	border:1px solid #cccccc;
}

/* Links */

.mod-short-nav{
	float:right;
}

.mod-short-nav .arrow{
	padding:0 0 0 11px;
	margin:0 0 0 15px;
}

.mod-short-nav .region-link.reset{
	height:17px;
	background:#fff;
	border:solid 1px #ccc;
	cursor:pointer;
	display:inline-block;
	padding:3px 6px 5px;
}

.mod-short-nav .region-link .icon-cross{
	background-color:transparent;
	margin-top:3px;
}

/* Social Buttons */

.fixed-bar > div{
    background-color: #e5e5e5;
	font-size:13px;
    height: 60px;
    position: fixed;
    right: 0;
    transition: all 0.5s ease 0s;
    width: 60px;
    z-index: 12;
    overflow: hidden;
}
.fixed-bar > div:hover{
	width: 180px;
}

.fixed-bar .tab-facebook{
	top:181px;
}

.fixed-bar .tab-google{
	top:244px;
}

.fixed-bar > div > a{
	color: #333;
	height:60px;
	width:97%;
	padding-right:3%;
	text-transform: uppercase;
	text-align:right;
	line-height: 2.8;
	display: block;
}

.fixed-bar > div > a > span{
	float: left;
	height: 50px;
	padding-left: 50px;
	margin: 5px 5px 0 5px;
}

.fixed-bar .icon-facebook-bigsize{
	background:url(../images/icons/icon-sprite.png) no-repeat scroll -177px -1px transparent;
}

.fixed-bar .icon-google-bigsize{
	background:url(../images/icons/icon-sprite.png) no-repeat scroll -177px -55px transparent;
}

.fixed-bar iframe{
	width:82px;
	margin:-5px 0 0;
	float:right;
}

#___plusone_0{
	margin:-5px 0 0 !important;
	float:right !important;
}


/*------------------------------
	MAIN NAVIGATION
------------------------------*/

#top-navigation .nav{
	position:relative;
	display:table;
}

#top-navigation .nav > li{
	height:68px;
	min-width:70px;
	border-right:thin solid #89daf4;
	display:table-cell;
}	

#top-navigation .nav > .active > a{
	border-bottom:5px solid #7BC3DB;
	height:53px;	
}	

#top-navigation .nav > .last {
	border-right:none;
}	

#top-navigation .nav > li > a{	
	color:#fff;
	font-size:20px;
	padding:10px 14px 0;
	display:block;
	text-transform:uppercase;
	height:58px;
}

#top-navigation .nav > li > a:hover {
	border-bottom:5px solid #89daf4;
	height:53px;
}		

#top-navigation .subtitle{
	font-size:12px;
	font-weight:normal;
	text-transform:none;
	margin:0 0 3px 0;
	display:block;
}

#top-navigation .top-badge{
	background:url(../images/buttons/btn-navigation.png) no-repeat scroll 0 0 transparent;
	width:157px;
	height:73px;
	position:absolute;
	top:-76px;
	right:100px;
	z-index:15;
}

#top-navigation .menu.rwd a{
	color:#fff;
	font-size:18px;
	font-weight:600;
	text-transform:uppercase;
	text-align:center;
	line-height:2.2;
	display:block;
}

#top-navigation .menu.rwd a > span{
	background:url(../images/icons/icon-sprite.png) no-repeat scroll 0 -182px transparent;
	display:inline-block;
	width:25px;
	height:16px;
	margin:0 15px 0 0;
}

/* NAVIGATION CHILDMENU */

.nav-child{
	display:none;
	background:#89daf4;
	box-shadow:0px 7px 6px #888;
	-moz-box-shadow:0px 7px 10px #888;
	-webkit-box-shadow:0px 7px 10px #888;	
	border-bottom: 5px solid #008cbb;
	position:absolute;
	z-index:12;
	height:auto !important;
	float:left;
}

.nav-child.mega{
	width:100%;
	left:0;
}

.nav-child .active-bar {
    height: 10px;
	margin:-5px 0 0;
}

.nav-child:hover .active-bar{
	background-color:#89daf4;
}

.nav-child .menu-border{
    background-image: linear-gradient(#89DAF4 0%, #008cbb 100%);
	background-image: -webkit-linear-gradient(#89DAF4 0%, #008cbb 100%); 
	background-image: -moz-linear-gradient(#89DAF4 0%, #008cbb 100%); 
	background-image: -o-linear-gradient(#89DAF4 0%, #008cbb 100%); 
	background-color: #008cbb;
	height: 100%;
    position: absolute;
    width: 5px;
	float:left;
}

.nav-child .bright {
	right:0;
}

.nav-child .menu{
	float:left;
	padding:10px;
	margin:0 10px;
	-ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
	-webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.nav-child.mega .menu{
	width:96%;
}

.nav-child .menu > ul{
	float:left;
	/*width:25%;*/
}

.nav-child .menu .col-middle{
	width:50%;
	column-count:2; 
	-webkit-column-count:2;
	-moz-column-count:2; 
}

.nav-child .menu .col-middle li:nth-child(11){
	margin-top:32px;
}

.nav-child .parent-cat{
	font-size:15px;
	font-weight:600;
	margin-bottom:10px;
}

.nav-child .parent-cat.cat-snd{
	margin-top:12px;
}

.nav-child .col-25{
        width:25%;
        display:block;
        float:left;
}

#top-navigation .nav-child li {
	min-height:20px;
	padding:1px 0;
}

#top-navigation .nav-child li > a {
	color:#294f5c;
	width:227px;
}

#top-navigation .nav-child li > a:hover {
	color:#FFF;
}

#top-navigation .nav-child .active > a{
	color:#fff !important;
	text-shadow:#000 0px 0px 2px;
}

/*------------------------------
	BREADCRUMBS
------------------------------*/

.mod-breadcrumb{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	padding:2px 10px;
	margin-bottom:5px;
	color:#666;
}

.mod-breadcrumb a{
	color:#666;
}

.mod-breadcrumb a:hover{
	color:#00bede;
}

.mod-breadcrumb .divider{
	color:#999;
	font-size:14px;
	line-height:13px;
}

#content .mod-content.mod-breadcrumb{
	background:none;
	border:0;
}

.body-home #top-navigation{
	padding-bottom:20px;
}

/*------------------------------
	HOUSETYPE & IMMO SEARCH
------------------------------*/

.searchform .attribute{
	display:inline-block;
	margin:0 1px 2px;
}

.searchform .searchform-fromto-attribute input{
        text-align:center;
        padding:2px 5px;                                 
		width:50px;
}
.searchform .searchform-fromto-attribute span{
        margin:0 10px;
}

.searchform .searchform-attribute input{
	width:85%;
	padding:2%;
}

.searchform .attribute a {
	background-color:#fff;
	border:1px solid #ccc;
	color:#515151;
    display: inline-block;
    height: 12px;
    padding: 3px 6px 5px;
}
.searchform .attribute a.chosen:hover{
	border:1px solid #b94a48;
	color:#b94a48;
}
.searchform .attribute a.example:hover{
	border:1px solid #008cbb;
}

.icon-cross {
    background: url(../images/icons/icon-sprite.png) no-repeat scroll -101px -190px #fff;
	height:15px;
	width:20px;
	float:left;
}

a:hover .icon-cross,
.icon-cross:hover{
	background-position: -101px -207px;
}

.attribute .icon-magnifier {
	background: url(../images/icons/icon-sprite.png) no-repeat scroll -103px -154px #fff;
	height:15px;
	width:20px;
	float:left;
}

.attribute a:hover .icon-magnifier{
	background-position: -103px -172px;
}

.clear-filter a{
	color:#b94a48;
}

.extended{
	/*
	background-image:linear-gradient(to bottom, #EEEEEE, #FFFFFF);
	background-image: -webkit-linear-gradient(#EEEEEE 0%, #FFFFFF 100%); 
	background-image: -moz-linear-gradient(#EEEEEE 0%, #FFFFFF 100%); 
	background-image: -o-linear-gradient(#EEEEEE 0%, #FFFFFF 100%); 
	*/
	background-color:#f9f9f9/*#EEEEEE*/;
	width:97.3%;
	position:absolute;
	top:56px;
	padding:5px 1%;
	z-index:3;
	border:1px solid #ccc;
	/*
	-moz-box-shadow: 0 3px 3px #bbb;
	-webkit-box-shadow: 0 3px 3px #bbb;
	box-shadow:0 3px 3px #bbb;
	*/
}

.extended label{
	display:inline-block;
	margin:5px 0 0;
	padding:0 10px;
}

.sub{
	margin: 0 0 20px 0;
}

.searchform .large-bar{
	position:relative;
}

.searchform .bar-link{
    position: absolute;
    left: 3px;
    top: -36px;
	left:0;
	width:100%;
	padding:6px 0px;
	font-weight:600;
	cursor:pointer;
}

.bar-link{
	font-size:14px;
	line-height:1.3;
	float:right;
	text-align:right;
    padding: 5px 0;
}
.mod-title .bar-link{
	margin:-3px 0 0;
}

.bar-link span{
	float:right;
	margin:0 0 0 8px;
}

.search-bottom {
    float: left;
    line-height: 1;
    margin: 2px 0 3px;
}

.large-bar .bar-link span{
	margin-right:10px;
}

.searchform .extended fieldset{
	float:left;
	width:18.75%;
	margin:5px 0 10px 0;
}

.searchform.immo-search .extended fieldset{
	width:25%;
}

.searchform .extended fieldset.width-25{
	width:25%;
}

.searchform .extended fieldset:nth-child(5n+1){
	clear:both;
}

.searchform .extended legend{
	margin:3px 0;
	font-weight:600;
}

.searchform .extended legend.last{
	margin-top:10px;
}

.searchform .extended button{
	position:relative;
	top:20px;
	float:right;
	padding:0 10px;
	margin:5px 0;
}

/*------------------------------
	COMPANY & IMMO SEARCH
------------------------------*/

.search-box{
	/*
	background-image: linear-gradient(#fff 0%, #eeedef 100%);
	background-image: -webkit-linear-gradient(#fff 0%, #eeedef 100%); 
	background-image: -moz-linear-gradient(#fff 0%, #eeedef 100%); 
	background-image: -o-linear-gradient(#fff 0%, #eeedef 100%);
	*/
	background-color:#f9f9f9/*#eeedef*/;
	border:1px solid #bdc5c7;
	position:relative;
	padding:8px 10px;
	margin:0 0 5px;
}

.search-box label{
	float:left;
	line-height:2.3;
	width:18%;
	padding:0 2% 0 0;
	height:34px;
	overflow:hidden;
}

.search-box input[type="text"],
.search-box select{
	font:15px/1.3 'Source Sans Pro', Arial sans-serif;
	border:1px solid #62bedc;
	width:43.5%;
	height:18px;
	padding:7px 1.5%;
	outline:none;
        vertical-align:top;
}

.search-box select{
	width:100px;
	height:34px;
	float:none;
}

.search-box .green-button,
.search-box .orange-button{
	float:right;
	line-height:32px;
	width:26.5%;
	padding:0 3%;
}

.search-box.immo-search{
		padding-bottom:2px;
}

.search-box.immo-search label{
        width:4%;
}

.search-box.immo-search label span{
        margin-right:5px;
}

.search-box.immo-search input[type="radio"]{
        margin:10px 0 0;
}

.search-box.immo-search input[type="text"]{
        width:35%;
        margin-right:1%;
        float:left;
}

.search-box.immo-search input,
.search-box.immo-search select{
        vertical-align:top;
        margin-right:2%;
        float:left;
}

.search-box.immo-search label.filter{
	width:auto;
}

.search-box.immo-search .green-button,
.search-box.immo-search .orange-button{
	width:60px;
}

/* OLD */
/*
.search-box.immo-search .immo-search-extended {
	position:absolute;
	top:45px;
	left:-1px;
	width:100%;
	border-top:0;
	box-shadow:none;
	padding:0;
	clear:both;
}
.search-box.immo-search .immo-search-extended .inner {
	padding:10px;
}

.search-box.immo-search .immo-search-extended.hide{
		border:0;
}
*/
/* NEW */
.search-box.immo-search .immo-search-extended {
	position:relative;
	top:0;
	left:0;
	border:none;
	clear:both;
}
.search-box.immo-search .immo-search-extended .inner {
	padding:0;
}

.search-box.immo-search .immo-search-extended input[type="text"]{
	padding:2px;
	margin-right:0;
	float:none;
}

.search-box.immo-search .show-immo-search-extended{
	color:#0099cc;
	font-size:0.9em;
	cursor:pointer;
}

.search-box.immo-search .show-immo-search-extended:hover{
		color:#00bede;
}

.search-box.fixed{
	position:fixed;
	top:0;
	z-index:20;
}

.radius{
	float:left;
	margin:0 0 0 10px;
}

.button-selection{
	margin:22px 0px 0 30px;
	float:left;
}

.button-search .arrow-white{
	display:inline;
}

.button-selection .arrow-down{
	font-weight:600;
	padding-left:15px;
}

/* Autofill */

.autofill-list {
    position:absolute;
    background-color:#fff;
    border:solid #62BEDC;
    border-width: 0 1px 1px 1px;
	box-shadow:0 3px 3px #bbb;
    z-index:13;
    margin:0;    
}

.autofill-list li.title{
	color:#999;
	font-size:15px;
	font-weight:normal;
	background:#f9f9f9;
	padding:5px 15px;
	margin:0;
	cursor:default;
}

.autofill-list li a {
    padding: 5px 15px;
    display:block;
}

.autofill-list li a:hover {
    background-color:#eee;
}

.autofill-list .no-result {
    padding:5px 10px;
}

/*------------------------------
	TERMINE / ARTIKEL
------------------------------*/

.box-item{
	padding:40px 1.35% 10px;
	position:relative;
	height:140px;
	width:97%;
}

.box-item .item-image{
	float:left;
	margin-right:10px;
}

.box-item .item-content{
	max-height:143px;
	overflow:hidden;
}

.box-item .item-content > p {
	max-height:118px;
	overflow:hidden;
	margin:3px 0 4px 0;
}

.box-item .item-content .author {
	font-size:13px;
	color:#c0c0c0;
}

.box-item-list li:hover,
.box-item:hover{
	background-color:#fafafa;
}

.box-item-list li:hover .title,
a:hover .title{
	color:#00BEDE;
}

.box-item-list a.title,
.box-item a.title{
    display: block;
    left: 0;
    position: absolute;
    top: 0;
}

.box-item a.title{
    padding: 10px 0 0 1.5%;
	width: 98.5%;
	margin:0;
	height: 185px;
}

/* Empfehlungen der Redaktion */

#content .relateditems.mod-content{
	border-top: medium none;
	margin:-20px 0 5px;
}

#content .relateditems.mod-content .section-title {
	font-size:18px;
	font-weight:600;
	display:block;
	clear:both;
	margin:12px 0;
}

#content .relateditems.mod-content li {
	font-size:14px;
	min-height:185px;
}

#content .relateditems.mod-content .housetype li {
	min-height:145px;
}

#content .relateditems.mod-content li a {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:94%;
	height:auto;
	padding:120px 5px 0 5px;
}

#content .page-content > .author {
	display:block;
	color:#c0c0c0;
	font-size:14px;
	text-align:right;
	border-top:1px solid #dadada;
	padding:3px 0 0 0;
	margin:3px 0 0 0;
	clear: both;
}

/* Calernder Image */

.calendar-image{
    border-color: #E8E8E9 #E8E8E9 #BDC5C7;
    border-style: solid;
    border-width: 1px;
	float:left;
	margin:40px 10px 5px 0;
	width:50px;
	height:50px;
	position:relative;
}
.calendar-image.today .eventday{
	color:#B94A48 !important;
}

.calendar-image.multiple{
	height:50px;
	width:50px;
}
.calendar-image.multiple .eventday{
	margin-top:3px;
}

.calendar-image a{
	background-color:#FFFFFF;
	position:absolute;
	width:100%;
	z-index:2;
}

.calendar-image .multiple{
	width:100%;
	height:100%;
	position:absolute;
	border-right:1px solid #E8E8E9;
	border-bottom:1px solid #BDC5C7;
}

.calendar-box{
	float:left;
	width:74%;
}

.calendar-box .readmore{
	margin-top:40px;
}

.calendar-image .eventweekday{
    color: #B94A48;
    display: block;
    font-size: 8px;
    padding: 1px 0;
    text-align: center;
    text-transform: uppercase;
	border-bottom:1px solid #d0d0d0;
	overflow:hidden;
}

.calendar-image .eventday{
    color: #333333;
    display: block;
    font-size: 20px;
    line-height: 1;
    margin: 3px 0 0;
    text-align: center;
}

.calendar-image .eventmonth{
    color: #333333;
    display: block;
    font-size: 10px;
	line-height:1;
    padding: 0;
	margin:2px 0 0;
    text-align: center;
    text-transform: uppercase;
}

.calendar-image .eventmonth .turn-over{
	background:url(../../../images/ecke.png) no-repeat scroll 0 0 transparent;
	width:38px;
	height:38px;
	position:absolute;
	top:75px;
	right:0;
}

.calendar-text{
    background-color:#FFFFFF;
    border-color: #E8E8E9 #E8E8E9 #BDC5C7;
    border-style: solid;
    border-width: 1px;
	float:right;
	margin-left:-2px;
	padding:20px 3%;
	position:relative;
	width:74%;
	height:79px;
}

.calendar-text .readmore{
	position:absolute;
	top:80px;
	right:19px;
	margin:0;
}

.element-data{
	float:left;
	margin:0 0 5px 5px;
}

.date-cat{
	font-weight:600;
	color:#515151;
	position:absolute;
	bottom:7px;
	right:10px;
}

.date-shift {
    margin: 0 0 0 20px;
}

/* Presse-Seite */

.presse-logos{
	margin:15px 0;
}
.presse-logos li{
	display:inline-block;
	width:33%;
}

.pdf-dl{
	line-height:2.8;
	display:inline-block;
}

.icon-pdf{
	background:url(../images/icons/icon-sprite.png) no-repeat scroll -173px -108px transparent;
	float:left;
	width:32px;
	height:32px;
	border:1px solid #d8d8d8;
	padding:5px;
	margin:0 10px 0 0;
}
.pdf-dl:hover .icon-pdf{
	opacity:0.8;
}

.embed-code{
    font-family: Courier New;
    font-size: 12px;
    height: auto;
    max-width: 98%;
    width: 98%;
}

/* Kontakt-Seite */

.contactform .control-group{
	clear:both;
}

.contactform .note{
	font-size:12px;
}

.contactform .form-actions {
    float: right;
    margin-top: 15px;
}

.module-sidebar-contactform{
	position:absolute;
	bottom:5px;
	right:10px;
	width:31.5%;
	float:right;
}

.zoom .module-sidebar-contactform{
	margin-top:125px;
}

.body-immo .module-sidebar-contactform{
	margin-top:33px;
}

#content .module-sidebar-contactform .mod-content{
       border-width:0;
}
#content .module-sidebar-contactform.open .mod-content{
	   background:#b8e5f5;
}

#content .module-sidebar-contactform.open .mod-content{
	font-size:86%;
	padding:10px;
	border-width:1px;
}

.mod-overview .module-sidebar-contactform .green-button,
.mod-overview .module-sidebar-contactform .orange-button{
    width:83%;
    float:right;
}

.module-sidebar-contactform #show-module-contactform{
	width:auto;
	float:none;
	padding:3% 6%;
}

/*------------------------------
	ALLGEMEINE SUCHE
------------------------------*/

#searchForm .btn-toolbar input{
	height:28px;
	width:98%;
}

#searchForm .btn-toolbar button{
	position:absolute;
}

#searchForm legend{
	font-size:18px;
	font-weight:600;
	margin:15px 0;
}

#searchForm label{
	min-width:75px;
	margin:0 10px 10px 0;
	display:inline-block;
}

#searchForm input[type="radio"]{
	margin:0 5px 0 0;
}

.search-results .result-title{
	font-size:15px;
	margin:15px 0 0;
}

.search-results .result-category{
	font-size:11px;
	margin:0 0 10px 0;
}

.search-results .result-created{
	font-size:11px;
	margin:5px 0 0;
}

/*------------------------------
	MODUL NEWSFLASH
------------------------------*/

.mod-newsflash .cover{
	height:150px;
	margin:0 0 5px;
	overflow:hidden;
	cursor:pointer;
}

.mod-newsflash .cover.nopic{
	background:url(../../../images/dummy_image.png) no-repeat scroll 80px 20px transparent;
	width: 318px; 
	outline: 1px solid #eaeaea;
	cursor:pointer;
}

#content .mod-newsflash img{
	max-width:100%;
}

#content .mod-newsflash .teaser{
	width:100%;
	float:left;
}

#content .mod-newsflash .teaser li{
	width:49%;
	position:relative;
}

#content .mod-newsflash .row-1{
	padding-bottom:10px;
}

#content .mod-newsflash .row-2{
	padding:10px 0;
}

#content .mod-newsflash .row-3{
	padding-top:10px;
}

#content .mod-newsflash .col-1{
	padding-right:1%;
	float: left;
}

#content .mod-newsflash .col-2{
	padding-left:1%;
	float: right;
}

#content .mod-newsflash .h2{
	margin-top:10px;
}

#content .mod-newsflash .date{
	color:#666;
	font-size:13px;
}

/*------------------------------
	STARTSEITE / STADTSEITE
------------------------------*/

/* Teaser Image */

.start-teaser{
	position:relative;
	margin:0 0 10px;
}

.start-teaser img{
	display:block;
	max-width:100%;
}

.start-teaser .toggle-box{
	position:absolute;
	/*bottom:46px;*/
	bottom:10px;
	left:0;
	width:100%;
	max-height:57px;
	transition: max-height 1s ease-in-out;
}

.start-teaser .toggle-box.active{
	max-height:130px;
}

.start-teaser .box{
	background-color:#fff;
	opacity:0.9;
}

.start-teaser h1.box.headline,
.start-teaser span.headline{
	font-size:36px;
	font-weight:normal;
	display:inline-block;
	margin:0 10px;
	padding:5px 20px;
}
.start-teaser h1.hassubline:hover{
	color:#0099cc;
	cursor:pointer;
}

.start-teaser .box.subline{
	opacity:0;
	transition: opacity 1s ease-in-out;
	margin:3px 10px 0;
	padding:5px 20px;
	display:inline-block;
}
.start-teaser .active .box.subline{
	opacity:0.9;
}

.start-teaser .box.shortlinks{
	position:absolute;
	bottom:10px;
	left:10px;
	padding:4px 10px;
}

.start-teaser .box.shortlinks li{
	display:inline;
	padding:0 10px;
}

.start-teaser .box.copyright{
	position:absolute;
	right:10px;
	bottom:10px;
	padding:2px 5px;
	font-size: 80%;
	opacity:0.5;
}

/* Logo Box */

.start-overview li{
	float:left;
	margin: 0 9px 9px 0;
}

.start-overview li:nth-child(5n){
	margin-right:0;
	margin-left:1px;
}

.start-overview li:nth-child(n+6){
	margin-bottom:0;
}

.start-overview li .frame:hover{
	border:1px solid #999;
}

/* Musterhäuser */

.start-map{
	position:relative;
}

.start-map img{
	display:block;
}

.start-map span.arrow{
	display:block;
	margin:10px 0 0;
	height:auto;
}

.start-map a.arrow{
	position:absolute;
	bottom:15px;
	left:50%;
	width:47%;
}

/*------------------------------
	LISTING HOUSETYPE/COMPANY
------------------------------*/

.box-item-list{
	border:1px solid #e8e8e9;
	background:#fff;
	margin:0 0 5px;
}

.box-item-list > li{
    position: relative;
}

.box-item-list .title{
	font-size:18px;
}

.box-item-list a > span,
.box-item a > span{
	display:block;
}
.box-item-list a > span.small,
.box-item a > span.small{
	font-size:14px;
	margin-top:3px;
}
.box-item-list a > span.small.xs,
.box-item a > span.small.xs{
	margin-top:-5px;
	line-height:1.0;
}
.box-item-list a > span.small.xxs,
.box-item a > span.small.xxs{
	margin-top:-3px;
	font-size:12px;
}

/*------------------------------
	LISTING HOUSETYPE / IMMO
------------------------------*/

.hx-tpl-immolist .box-item-list.grid-view .title span,
.hx-tpl-housetypelist .box-item-list.grid-view .title span,
.hx-tpl-notelist .box-item-list.grid-view .title span {
	font-size:14px;
	margin-top:-3px;
}
.hx-tpl-immolist .box-item-list.grid-view .standort-adress,
.hx-tpl-housetypelist .box-item-list.grid-view .standort-adress,
.hx-tpl-immolist .box-item-list.grid-view .element-text,
.hx-tpl-housetypelist .box-item-list.grid-view .element-text {
	font-size:13px;
}

.box-item-list > .row-last{
	border-bottom:medium none !important;
}

.box-item-list .empty{
	padding:20px;
}

/* List-View */

.list-view > li{
	border-bottom:1px solid #e8e8e8;
	float:left;
	display:table;
	width:97%;
	height: 143px;
	padding:10px 1.5%;
}

.list-view a.title{
	height: 97%;
	width: 69%;
	padding:10px 0 0 31%;
	margin:0;
}

.list-view .element-text{
	display:block;
	margin:30px 0 0 2%;
	overflow:hidden;
}

/* Grid-View */

.grid-view > li{
	border-bottom:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	float:left;
	padding:10px 1.2%;
	width:30.8%;
}
.grid-view.housetype > li{
	height:255px;
}
.grid-view.events > li{
	height:300px;
}
.grid-view.favourites > li{
	height:215px;
}

.grid-view .col-last{
	border-right:medium none;
}

/* iPad */
.grid-view .frame{
	display:block;
}

.grid-view a.title{
	width: 90%;
	padding:175px 5% 0;
	margin:0;
	z-index:1;
}
.grid-view.housetype a.title{
	height:100px;
	font-weight:normal;
}
.grid-view.events a.title{
	height:145px;
}
.grid-view.favourites a.title{
	height:60px;
}

.grid-view .element-text{
    display: block;
    float: left;
	width:100%;
}
.grid-view.housetype .element-text{
    margin: 32px 0 0 4px;
}
.grid-view.modelhouse .element-text {
    margin: 37px 0 0 4px;
}
.grid-view.events .element-text{
	margin: 120px 0 0 4px;
}
.grid-view.favourites .element-text{
	margin: 30px 0 0 4px;
}

.grid-view .element-text > p{
	height:20px;
	overflow:hidden;
}
.grid-view .element-text .inner-list{
	position:absolute;
	bottom:7px;
	width:90%;
}

.inner-list li{
	float:left;
	width:45%;
}

.inner-list li:first-child{
	padding:0 4% 0 0;
}

.inner-list li:nth-child(2),
.inner-list > .last{
	border-left:1px dotted #ccc;
	padding:0 0 0 5%;
}

.grid-view .element-text .standort-icon{
	width:10%;
	margin:5px 0 0;
}
.grid-view .element-text .standort-adress{
	float:left;
	width:83%;
	margin:5px 7% 0 0;
}
.grid-view .element-text .standort-adress.small{
	font-size:12px;
}

.box-item-list .favourite{
	position:absolute;
	right:3px;
	bottom:5px;
	z-index:2;
}

.box-item-list .element-buttons{
	width:109px;
	min-height:105px;
	padding:0 0px 0 15px;
	margin:0;
	border-left:1px dotted #ccc;
	float:right;
}

.premium-back{
	background:url(../images/premium.png) no-repeat scroll 0 0 transparent;
	height:150px;
	margin:0 0 0 47px
}

.premium-back4{
	background:url(../images/premium4.png) no-repeat scroll 0 0 transparent;
	height:150px;
	margin:-10px 0 0 -19px;
	position:relative;
	opacity:0.7;
}

.premium-back5{
	background:url(../images/premium5.png) no-repeat scroll 0 0 transparent;
	height:150px;
	margin:-10px 0 0 -19px;
	position:relative;
}

.premium-back2{
	background:url(../images/premium2.png) no-repeat scroll 0 0 transparent;
	height:150px;
	margin:-20px 0 0 -19px;
}

.premium-back3{
	background:url(../images/premium3.png) no-repeat scroll 0 0 transparent;
	border-radius:5px;
	height:150px;
	width:160px;
	margin:-10px 0 0 -8px;
}

.premium{
	margin:-131px 0 0 0;
}

.premium-badge-v1{
	background:url(../images/premium-left.png) no-repeat scroll 0 0 transparent;
	height:58px;
	margin:0 0 0 -15px;
}
	
.premium-badge-v2{
	background:url(../images/premium-right.png) no-repeat scroll 0 0 transparent;
	height:58px;
	margin:0 -20px 0 65px;
}

.standort-icon{
	background:url(../images/icons/icon-sprite.png) no-repeat scroll -46px -67px transparent;
	float:left;
	width:18px;
	height:18px;
	margin-right:5px;
}

.time-icon{
	background:url(../images/icons/icon-sprite.png) no-repeat scroll -48px -129px transparent;
	float:left;
	width:18px;
	height:18px;
}

.white-button{
	background:url(../images/buttons/button-small.png) repeat-x scroll 0 0 transparent;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	width:107px;
	height:24px;
	margin:0 0 10px 0;
	font-size:12px;
	color:#0099cc;
	text-align:center;
	float:right;
}

.white-button a{
	display:block;
	height:20px;
	padding:4px 0 0 0;
}

.angebote{
	margin:5px 0;
	float:right;
}

.break{
	background-color:#f5f5f5;
	float:left;
	width:100%;
	height:20px;
	padding:0 10px;
	margin:0 0 0 -10px;
	border-top:1px solid #BDC5C7;
	border-bottom:1px solid #e8e8e8;
	border-left:none;
	border-right:none;
}

/*------------------------------
	COMPANY DETAILSEITE
------------------------------*/

.mod-company-contact > span{
	margin-left:10px;
	display:block;
}

.company-contact{
	margin:10px 0 10px 10px;
}

.left-col{
	position:absolute; 
	right:200px; 
	width:135px;
}

.company-contact li{
    float: left;
    width: 50%;
}

.company-contact .col-1{
	font-weight:600;
	width:30px;
	display:inline-block;
}

.company-contact .show-tel,
.company-contact .show-fax{
	margin-left:5px;
}

/* Zertifikate */

.mod-certificates li{
	width:49%;
	padding:5px 0;
	float:left;
}

.mod-certificates li:nth-child(2n+1){
	clear:both;
}

.mod-certificates li:nth-child(2n){
	padding-left:2%;
}

.mod-certificates .content-inf{
	margin-left:10px;
}

/* Kontaktformular */

#show-module-contactform,
#show-module-newsletter{
	display:block;
}
#show-module-contactform,
#submit-contactform{
	padding:10px 20px 10px 20px;
	font-size:18px;
	margin:0 10px 0 10px;
}
#show-module-contactform{
	margin:0;
}
#show-module-newsletter{
	padding:5px 20px 5px 20px;
}

#module-contactform,
#module-newsletter{
	transition: height 1s ease;
	height:auto;
}

#module-newsletter .form-container{
	display:none;
	clear:both;
	margin:10px 0 0;
}

#hx_popup #module-contactform .form-container{
	display:block;
}

#module-contactform .contactform-region-select{
	clear:both;
}

#module-contactform .contactform-region-select .clearfix{
	padding-top:5px;
}

#module-contactform .contactform-region-select input[type="text"]{
	width:88%;
	float:none;
}

#module-contactform .contactform-region-select .check-company-region{
	width:26px;
	height:26px;
	background:url('../images/icons/contact-region-check.png') no-repeat 0 0;
	cursor:pointer;
	float:right;
}

.main-content #module-contactform .contactform-region-select .check-company-region{
	margin-top:2px;
}

#module-contactform .contactform-region-select .check-company-region.true{
	background-position: 0 -26px;
}

#module-contactform .contactform-region-select .check-company-region.false{
	background-position: 0 -52px;
}

#module-contactform .contactform-companies{
	padding-bottom:10px;
}

#module-contactform .contactform-companies li{
	width:15.767%;
	margin:0 0.9% 0.9% 0;
	display:block;
	float:left;
	cursor:pointer;
}

#module-contactform .contactform-companies li a{
	position:relative;
	color:#333;
	font-size:14px;
	border:solid 1px #eee;
	display:block;
}

#module-contactform .contactform-companies li a .frame{
	width:75px;
	height:75px;
	line-height:75px;
	text-align:center;
	border:0;
	padding:0;
	margin:0 auto;
	display:block;
}

#module-contactform .contactform-companies li a .frame img{
	max-width:75px;
	max-height:75px;
	vertical-align:middle;
	display:inline;
}

#module-contactform .contactform-companies li label span{
	position:absolute;
	top:5px;
	left:5px;
}

#module-contactform small a{
	color:#333;
	border-bottom:dotted 1px #000;
}

#module-contactform small a:hover{
	color:#000;
	border-bottom-style:solid;
}

#module-contactform.success h1{
	text-transform:none;
	background:url(../images/icons/mail-delivery.png) no-repeat left 4px;
	border-bottom:solid 1px #333;
	padding: 0 0 10px 40px;
	margin-bottom:10px;
}
#module-contactform.success h1.no-border{
	border:0;
	padding-bottom:0;
	margin:0;
}

#contactform-goto-location{
	margin:0 auto !important;
}

#contact-location{
	margin:0;
}

.form-container .contact-title{
	font-size:18px;
	font-weight:600;
	width:32%;
	margin:0 0 10px;
}

.form-container input[type="radio"]{
	float:left;
	margin:13px 5px 13px 13px;
}

#module-newsletter input[type="radio"]{
    margin-left:2%;
}

.form-container label[for=jform_genderman],
.form-container label[for=jform_genderwoman]{
	width:80px;
	float:left;
	line-height:2.8;
}

.form-container .inputs-box label[for=jform_newsletter_genderman],
.form-container .inputs-box label[for=jform_newsletter_genderwoman]
.form-container .inputs-box label[for=jform_newsletter_optin],
.form-container .inputs-box label[for=jform_newsletter_optout]{
    width:20%;
}

.form-container .inputs-box label,
.form-container label.jform_gender{
	font-weight:600;
	display:block;	
	float:left;
	width:30%;
	margin:5px 0;
	line-height:2.1;
}
.form-container label.jform_gender{
	cursor:default;
}

.form-container .inputs-box input[type="text"],
.form-container .inputs-box input[type="email"],
.form-container .inputs-box textarea{
	width:66%;
	margin:5px 0;
	padding:5px 1%;
	float:right;
}

.form-container .inputs-box .compact{
	float:right;
	width:68.3%;
}

.form-container .inputs-box input#jform_street{
	width:80%;
        margin-right:1px;
	float:left;
}
.form-container .inputs-box input#jform_street_no{
	width:14%;
}

.form-container .inputs-box input#jform_zip{
	width:22%;
        margin-right:1px;
	float:left;
}
.form-container .inputs-box input#jform_city{
	width:72%;
}

.form-container .error,
#module-contactform .error,
#module-newsletter .error{
	color:#B94A48 !important;
	font-weight:600 !important;
}
#module-contactform input.error,
#module-contactform select.error,
#module-contactform textarea.error,
.form-container .inputs-box input.error,
.form-container .inputs-box select.error,
.form-container .inputs-box textarea.error{
	border:1px solid #B94A48;	
}
#module-contactform input.error:focus,
#module-contactform select.error:focus,
#module-contactform textarea.error:focus,
.form-container .inputs-box input.error:focus,
.form-container .inputs-box select.error:focus,
.form-container .inputs-box textarea.error:focus{	
	-webkit-box-shadow: 0 0 8px #B94A48;
	-moz-box-shadow: 0 0 8px #B94A48;
	box-shadow: 0 0 8px #B94A48;
}

.form-container .inputs-box textarea{
	max-width:66%;
	height:100px;
}

.form-container label[for=jform_copy]{
	margin:10px 0 10px 32%;
	display:block;
}

.mod-contact-big .success{
	color:#468847;
	font-weight:600;
}

.mod-contact-big .error,
.mod-newsletter .error{
	color:#B94A48;
	font-weight:600;
}

.mod-childs li{
	width:50%;
	float:left;
}

#module-contactform .contactform-title,
#module-contactform .contactform-subtitle{
    font-size:18px;
    font-weight:600;
    text-transform:uppercase;
    margin-bottom:10px;
}
#module-contactform .contactform-title{
	margin-bottom:16px;
}
#module-contactform .contact-multi .contactform-title{
	color:#09c;
	margin-bottom:10px;
}
#module-contactform .contactform-subtitle{
    font-size:14px;
    height:20px;
    padding-top:10px;
    margin-bottom:5px;
    clear:both;
}
#module-contactform .contactform-logo{
    float:right;
}
#module-contactform .contactform-logo .frame{
	width:90px;
	height:90px;
	line-height:90px;
	text-align:center;
	padding:3px;
	display:block;
}
#module-contactform .contactform-logo img{
	max-width:90px;
	max-height:90px;
	vertical-align:middle;
	display:inline;
}
#module-contactform .contactform-checkboxes{
    clear:left;
}
#module-contactform .contactform-header,
#module-contactform .contactform-content,
#module-contactform .contactform-footer{
    clear:both;
}
#module-contactform .contactform-content,
#module-contactform .contactform-footer{
    padding:5px 0 10px 0;
}
#module-contactform fieldset.width-50{
	width:49.5%;
    float:left;
}
#module-contactform .width-75{
    width:75%;
}
#module-contactform .contactform-region-select{
    position:relative;
    padding-bottom:10px;
}
#module-contactform .contactform-region-select input[type="text"]{
    width:95.8%;
}
#module-contactform .check-company-region{
    position:absolute;
    bottom:15px;
    right:2px;
}
#module-contactform input[type="text"],
#module-contactform select,
#module-contactform textarea{
    width:94.2%;
    color:#999;
    font-size:16px;
    border-width:0.1%;
    padding:5px 2%;
    margin:2px 0;
}
#module-contactform select{
	font-size:16px;
}
#module-contactform select#jform_gender{
	font-size:14px;
}
#module-contactform select option{
    color:#000 !important;
    font-size:16px;
    padding:2px 1%;
}
#module-contactform input[type="text"].focus,
#module-contactform select.focus,
#module-contactform textarea.focus{
    color:#000;
    font-size:16px;
}
#module-contactform select{
    width:98.8%;
    height:32px;
    padding:5px 1%;
}
#module-contactform textarea{
    height:116px;
}
#module-contactform label span{
	position:relative;
	top:1px;
}
#module-contactform.module-contactform-immo textarea{
	position:relative;
	width:197%;
    height:100px;
}
#module-contactform input[type="text"].width-25{
    width:21.7%;
}
#module-contactform select.width-30{
	width:23.4%;
}
#module-contactform input[type="text"].width-32{
    width:29.1%;
}
#module-contactform input[type="text"].width-38{
    width:35.1%;
}
#module-contactform input[type="text"].width-50{
    width:44.3%;
}
#module-contactform input[type="text"].width-75{
    width:67%;
}
#module-contactform input[type="text"].width-25,
#module-contactform select.width-30,
#module-contactform input[type="text"].width-32,
#module-contactform input[type="text"].width-38,
#module-contactform input[type="text"].width-50,
#module-contactform input[type="text"].width-75{
	margin-right:0.9%;
}
#module-contactform .fright .contactform-subtitle,
#module-contactform .fright input[type="text"],
#module-contactform .fright select,
#module-contactform .fright textarea{
	margin-left:0.9%;
	margin-right:0;
}
#module-contactform .contactform-estate{
	padding-top:2px;
	padding-bottom:2px;
	clear:both;
}
#module-contactform .contactform-estate .fright{
	width:40%;
	text-align:right;
	margin-right:2%;
	display:block;
}
#module-contactform .contactform-estate .fright label{
	margin-left:10.2%;
}
#module-contactform .contactform-estate input[type="checkbox"] + label span{
	margin-right:2px;
}
#module-contactform input[type="checkbox"] + label span{
    margin-right:10px;
}
#module-contactform .contactform-housetypes{
	width:100%;
	clear:both;
}
#module-contactform .contactform-housetypes label{
	width:33.33%;
	display:block;
	float:left;
}
#module-contactform #submit-contactform,
#module-contactform #contactform-goto-location{
    margin:0;
}
#module-contactform.no-region .contactform-header .width-75{
    width:100%;
    float:none;
}
#module-contactform .contactform-region-info p{
	color:#f00;
	text-align:center;
}
#module-contactform .contactform-region-info div span{
	font-weight:bold;
}
#module-contactform .module-contactform-company .contactform-checkboxes div{
	width:33.33%;
	float:left;
}

/*------------------------------
	Google Map
	MAPs
	Karten
------------------------------*/


.mod-modelhouse-map .gm-style .map-inner-box,
.mod-immo-map .gm-style .map-inner-box {
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0 5px;
}

/*------------------------------
	MUSTERHÄUSER Karte
------------------------------*/

#content .mod-modelhouse-map{
	position:relative;
	min-height:200px;
}

.mod-modelhouse-map #map-canvas{
	height:100%;
	width:66.25%;

	position:absolute;
}

.mod-modelhouse-map #map-select-list{
	width:31.7%;
	float:right;
	padding:10px 1% 10px 0;
}

.mod-modelhouse-map .option-list{
	float:left;
	width:48%;
	padding-right:2%;
}

.mod-modelhouse-map .option-list li:first-child{
	font-weight:600;
	font-size:16px;
	margin-bottom:5px;
}

.mod-modelhouse-map .option-list li{
	padding:1px 0;
	margin-left:10px;
}

.mod-modelhouse-map .option-list li a{
	margin-left:-10px;
	font-weight:normal;
}

.mod-modelhouse-map .option-list li.active a{
	color:#00bede;
	font-weight:700;
}

.mod-modelhouse-map .map-info-list{
	clear:both;
	float:left;
	margin:10px 0 0;
}

.mod-modelhouse-map .gm-style-iw > div{
	overflow:inherit;
}

/*------------------------------
	IMMOBILIEN
	MAP
	Karte
------------------------------*/

#content .mod-immo-map{
	position:relative;
        top:0;
        z-index:2;
}

.mod-immo-map #map-canvas-outer{
        height:515px;
}

.mod-immo-map #map-canvas{
        width:100%;
	height:100%;
}

.mod-immo-map #map-select-list{
	width:31.7%;
	float:right;
	padding:10px 1% 10px 0;
}

.mod-immo-map .option-list{
	float:left;
	width:48%;
	padding-right:2%;
}

.mod-immo-map .option-list li:first-child{
	font-weight:600;
	font-size:16px;
	margin-bottom:5px;
}

.mod-immo-map .option-list li{
	padding:1px 0;
	margin-left:10px;
}

.mod-immo-map .option-list li a{
	margin-left:-10px;
	font-weight:normal;
}

.mod-immo-map .option-list li.active a{
	color:#00bede;
	font-weight:700;
}

.mod-immo-map .map-info-list{
	clear:both;
	float:left;
	margin:10px 0 0;
}

.mod-immo-map .gm-style-iw > div{
	overflow:inherit;
}

#content .mod-immo-map.fixed{
        position:fixed;
        top:0;
}

/*------------------------------
	KEYWORDS
------------------------------*/

.mod-keywords{
	margin:30px 0;
	font-size:13px;
	font-weight:600;
	color:#0099cc;
	line-height:1.6;
	text-align:justify;
}

/*------------------------------
	HOUSETYPE DETAIL
------------------------------*/

/* Gallerybanner / Objektüberblick */

.mod-overview{
	/*width:31.6%;*/
	/*padding:10px 1%;*/
	padding:10px 10px;
}

.mod-overview.one-column {
	float:right;
	width:10%;
	padding:10px 1%;
}


.page-header.has-btn.swap{
    margin-bottom: 30px;
    padding-right: 0;
}

.swap .social-media{
	margin-top:10px;
}

.social-media{
	float:right;
	height:21px;
	width:271px;
	margin-top:1px;
	position:relative;
}

.social-media.render-share{
	background:none;
	width:340px;
}

.social-media.short{
	width:331px;
}

.social-media.article{
	background:none;
	width:246px;
}

.social-media .fb-share-button > span{
	height:28px !important;
}

.social-media > span{
	position:absolute;
	top:0;
}

.social-media > .data-fb-share-button{
	right:193px;
}
.social-media > .tweet-button{
	right:115px;
}
.social-media > .gplus-share-button{
	right:48px;
}
.social-media > .pin-it-button{
	right:0;
}

.social-media.short > .data-fb-share-button,
.social-media.short > .fb-share-button{
	right:171px;
}
.social-media.short > .tweet-button{
	right:80px;
}
.social-media.short > .gplus-share-button{
	right:0;
}

.page-header .favourite{
    background-color: #fcfcfc;
    border: 1px solid #e7c25e;
    border-radius: 3px;
	box-shadow: 1px 1px 2px #ddd;
    color: #e7aa06;
    font-size: 13px;
    padding:0 5px 1px;
	position:absolute;
	right:259px;
}
.page-header .short .favourite{
	right:250px;
}

.favourite{
	font-weight:600;
        cursor:pointer;
}

.favourite:hover{
	color:#e7aa06;
}

.favourite .icon-fav{
	float:left;
	height:15px;
	width:15px;
	margin-right:5px;
}
.favourite .icon-fav,
.favourite.selected:hover .icon-fav{
	background:url(../images/icons/icon-sprite.png) no-repeat scroll -176px -150px transparent;
}
.favourite.selected .icon-fav,
.favourite:hover .icon-fav{
	background-position: -136px -150px;
}

.mod-overview .right-side{
	/*width:137px;*/
}

.mod-overview.small .right-side{
	height:340px;
}

.mod-overview .right-side #link-contactform{
    height:15px;
    text-align:right;
    margin-top:5px;
    display:block;
    white-space:nowrap;
    float:right;
}

.mod-overview .grey-button {
	border:1px solid #dadada;
	background: #fff;
	background: -moz-linear-gradient(top, #fff 55%, #fcfcfc 70%, #f7f7f7 80%, #f5f5f5 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(55%, #fff), color-stop(60%, #fcfcfc), color-stop(80%, #f7f7f7), color-stop(100%, #f5f5f5));
	background: -webkit-linear-gradient(top, #fff 55%, #fcfcfc 60%, #f7f7f7 80%, #f5f5f5 100%);
	background: -o-linear-gradient(top, #fff 55%, #f7f7f7 80%, #f5f5f5 100%);
	background: -ms-linear-gradient(top, #fff 55%, #f7f7f7 80%, #f5f5f5 100%);
	background: linear-gradient(to bottom, #fff 55%, #fcfcfc 60%, #f7f7f7 80%, #f5f5f5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);	
	/*
	background-image: linear-gradient(#fff 0%, #f5f5f5 100%);
	background-image: -webkit-linear-gradient(#fff 0%, #f5f5f5 100%); 
	background-image: -moz-linear-gradient(#fff 0%, #f5f5f5 100%); 
	background-image: -o-linear-gradient(#fff 0%, #f5f5f5 100%);
	*/
	text-align:center;
	line-height:43px;
	cursor:pointer;
	margin:0 0 2px;
	padding:0 0 0 3px;
	height:43px;
}
.mod-overview.small .grey-button {
	height:42px;
}
.mod-overview .grey-button:hover{
	color:#0099cc;
	border:1px solid #999;
}
.mod-overview .grey-button.note-item {
	margin:0 0 10px 0;
	font-weight:normal;
}

.mod-overview .grey-button.view {
	margin:0 0 10px 0;
}

.mod-overview .grey-button .btn-title {
	background:none !important;
	float:none;
	width:auto;
}
.mod-overview .grey-button span{
	height:34px;
	width:38px;
	float:left;
	margin:5px 15px 0 0;
}

.mod-overview .grey-button .btn-title {
	float:left;
	line-height:43px;
	margin:0;
}

.mod-overview .ground-plan span{
	background:url(../images/icons/icon-sprite.png) no-repeat scroll -101px -65px transparent;
	background:url(../images/icons/icon-sprite.png) no-repeat scroll -76px -252px transparent;	

}
.mod-overview .ground-plan:hover span{
	background-position: -101px -103px;
	background-position: -76px -286px;

}

.mod-overview .view span{
	background:url(../images/icons/icon-sprite.png) no-repeat scroll -42px -157px transparent;
	background:url(../images/icons/icon-sprite.png) no-repeat scroll -38px -252px transparent;	
}
.mod-overview .view:hover span{
	background-position: -42px -194px;
	background-position: -38px -286px;	
}
.mod-overview .note-item span,
.mod-overview .note-item.selected:hover span {
	/*background:url(../images/icons/icon-sprite.png) no-repeat scroll -176px -172px transparent;*/
	background:url(../images/icons/icon-sprite.png) no-repeat scroll 0 -252px transparent;	
}
.mod-overview .note-item:hover span,
.mod-overview .note-item.selected span {
		background:url(../images/icons/icon-sprite.png) no-repeat scroll -137px -172px transparent;
		background:url(../images/icons/icon-sprite.png) no-repeat scroll 0 -286px transparent;
}

.mod-overview .white-button{
	float:none;
	width:135px;
	margin:10px 10px 10px 0;
}

.mod-overview .green-button,
.mod-overview .orange-button{
	float:left;
	width:137px;
	margin:10px 10px 10px 0;
	padding:15px 20px 15px 20px;
	font-size:18px;
}

.mod-overview .company{
	cursor:pointer;
	/*
	height:128px;
	width:128px;	
	*/
	height:129px;
	width:13.2%;
	padding:12px 1.1%;
	margin-bottom:10px;
	float:right;
}
.mod-overview .company:hover{
	border:1px solid #999;
}

.mod-overview .company img{
	max-height:128px;
	max-width:128px;
}

.mod-overview .first-view-ground-plan-box{
	width:15.7%;
	padding:0 0.8% 0 1%;
    float:left;
}
.zoom .mod-overview .first-view-ground-plan-box{
	width:15.6%;
	padding:0;
	float:right;
}

.mod-overview .immo-address-box{
	width:30.5%;
	padding:10px 10px 10px 3px;
	border:1px solid #dadada;
	background:#eee;
	margin:10px 0 0 0;
	float:right;
}

.mod-overview .immo-address-box .fleft{
	width:60%;
}

.mod-overview .immo-address-box .standort-icon {
	height:34px;
	width:38px;
	float:left;
	margin:3px 15px 0 0;	
	background:url(../images/icons/icon-sprite.png) no-repeat scroll -152px -252px transparent;	
}
.mod-overview .immo-address-box .standort-icon:hover {
	background:url(../images/icons/icon-sprite.png) no-repeat scroll -152px -286px transparent;
}
/* Objektdaten */

#content .mod-attributs .mod-content{
	margin-top:0;
	line-height:1.7;
}

#content .mod-content .mod-attribute-header{
	/*font-size:16px;*/
	font-weight:600;
	/*margin-bottom:10px;*/
	clear:both;
	display:block;
}

#content .mod-content .mod-attribute-subheader{
	/*font-size:14px;*/
	font-weight:900;
	margin:5px 0;
	clear:both;
	display:block;
}

.mod-attributs .attribute {
	float:left;
	width:50%;
}

.first,
.second{
	float:left;
}

.first{
	padding:0 2% 0 0;
	font-weight:600;
	/*width:40%;*/
	width:30%;
}

.second{
	padding:0 0 0 2%;
	/*width:56%;*/
	width:66%;
}

.mod-attributs .arrow.calculator{
	margin:10px 0 0;
}

.mod-attributs hr {
	margin:10px 0;
}

.move-in{
	display:block;
	margin:0 0 0 20px;
}

/* Weitere Haustypen */

.mod-other li:hover .frame{
	border:1px solid #999;
}

.mod-other li {
	display:inline-block;
	float:left;
	width:22.7%; 
	height:145px;
	margin:0 20px 12px 0;
	position:relative;
}
.mod-other li.col-last{
	margin-right:0;
}
.mod-other li.row-last{
	margin-bottom:0;
}

.mod-other a{
	position:absolute;
	top:0;
	width:100%;
	padding-top:113px;
	height:32px;
	font-size:14px;
	line-height:16px;
	overflow:hidden;
}

/*------------------------------
        Immobilien Detailseite
------------------------------*/

.immo-contact{}

.immo-contact li{
        float: left;
        width: 50%;
}

.immo-contact .col-1{
	font-weight:600;
	width:30px;
	display:inline-block;
}

.immo-contact .show-tel,
.immo-contact .show-fax{
	margin-left:5px;
}

.immo-content-small{
        position:relative;
        width:44.2% !important;
}
.immo-content-small ul.grid-view li{
        width:46.1%;
        padding:10px 1.8%;
}

/* Switcher GRID::LIST */

.immo-content-small .grid-list-switcher {
	/*background:#fff;*/
}
.immo-content-small .grid-list-switcher .switch-mod {
	display:block;
	width:19px;
	height:19px;
	background:url(../images/icons/switch-mod-icons.png) no-repeat scroll 0 0 transparent;
	text-indent:-999px;
	cursor:pointer;
	float:right;
	margin:0 2px 0 2px;
}
.immo-content-small .grid-list-switcher .switch-mod.list-mod {background-position:-38px 0;}
.immo-content-small .grid-list-switcher .switch-mod.list-mod:hover,
.immo-content-small .grid-list-switcher .switch-mod.list-mod.active {background-position:-57px 0;}
.immo-content-small .grid-list-switcher .switch-mod.grid-mod {background-position:0 0;}
.immo-content-small .grid-list-switcher .switch-mod.grid-mod:hover,
.immo-content-small .grid-list-switcher .switch-mod.grid-mod.active {background-position:-19px 0;}

.immo-content-small .box-item-list {
	padding-top:25px;
}
.immo-content-small .list-view li {
	height:100px;
}

.immo-content-small .list-view a.title{
	font-size:14px;
	width:73%;
	padding:10px 0 0 121px;
	margin: 0;
	z-index: 1;
}	
}
.immo-content-small .list-view .element-text {
	font-size:12px;
}

.immo-detail .attribute{
        width:100%;
}

.immo-detail .attribute .first{
        width:30%;
        font-weight:normal;
        padding-top:0;
        padding-bottom:2px;
}

.immo-detail .attribute .second{
        padding-top:0;
        padding-bottom:2px;
}

.immo-detail hr{
	margin:5px 0;
}


/*------------------------------
	GEWERKE + DL
------------------------------*/

.mod-grid ul{
	clear:both;
	float:left;
}

.mod-grid li{
	float:left;
	width:140px;
	height:40px;
	margin:0px 10px;
}

.mod-grid .title{
	color:#515151;
	margin:10px 0;
	float:left;
	clear:both;
}

.category-module{
	padding:0 0 10px 0;
}

.category-module li{
	height:auto;
}

.category-module .arrow{
	float:none;
}

.category-module a{
	display:block;
	text-align:center;
}

.category-module img{
	display:block;
	margin:auto;
}

/*------------------------------
	SIDEBAR MODULE
------------------------------*/

/* Werbung */
.noadverts .mod-adverts,
.noadverts .mod-advert{
        display:none;
}

/* Google Adverts */
#content .mod-adverts {
	margin-bottom:5px;
}

#content .mod-advert {
        padding: 10px;
}

#content .mod-resize-map{
         position:relative;
}

.sidebar.span4{
        float:right;
}

.sidebar img {
	display:block;
}

/* Map */

#map-canvas-outer,
#gmeg_map_canvas_outer,
#ght_map_canvas_outer{
	height:340px;
	background:#fff;
	padding:10px;
}

#map-canvas-outer.map-outer-border,
#gmeg_map_canvas_outer.gmeg-outer-border,
#ght_map_canvas_outer.ght-outer-border{
	top:-1px;
	border-width:1px;
	border-style:solid;
	border-color:#E8E8E9 #E8E8E9 #BDC5C7;
}

#map-canvas-outer .map-resize-big,
#map-canvas-outer .map-resize-small,
#gmeg_map_canvas_outer span.gmeg-resize-small,
#gmeg_map_canvas_outer span.gmeg-resize-big,
#ght_map_canvas_outer span.ght-resize-small,
#ght_map_canvas_outer span.ght-resize-big{
	position:absolute;
	top:25px;
	right:10px;
	padding:5px 30px 5px 10px;
	background:url(../images/icons/map-resizer-icons.png) no-repeat scroll right 0 #fff;
	opacity:0.9;
	height:20px;
	line-height:20px;
	cursor:pointer;	
}
#map-canvas-outer .map-resize-big:hover,
#map-canvas-outer .map-resize-small:hover,
#gmeg_map_canvas_outer span.gmeg-resize-small:hover,
#gmeg_map_canvas_outer span.gmeg-resize-big:hover,
#ght_map_canvas_outer span.ght-resize-small:hover,
#ght_map_canvas_outer span.ght-resize-big:hover{
	background:url(../images/icons/map-resizer-icons.png) no-repeat scroll 0 0 #7BC3DB;	
	opacity:1;
}
#map-canvas-outer .map-resize-small,
#gmeg_map_canvas_outer span.gmeg-resize-small,
#ght_map_canvas_outer span.ght-resize-small {background-position:right -60px;}
#map-canvas-outer .map-resize-small:hover,
#gmeg_map_canvas_outer span.gmeg-resize-small:hover,
#ght_map_canvas_outer span.ght-resize-small:hover {background-position:right -180px;}
#map-canvas-outer .map-resize-big,
#gmeg_map_canvas_outer span.gmeg-resize-big,
#ght_map_canvas_outer span.ght-resize-big{background-position:right 0;}
#map-canvas-outer .map-resize-big:hover,
#gmeg_map_canvas_outer span.gmeg-resize-big:hover,
#ght_map_canvas_outer span.ght-resize-big:hover{background-position:right -120px;}


#gmeg_map_canvas,
#ght_map_canvas{
	overflow:hidden;
	height:350px;
}

#gmeg_map_canvas,
.mod-resize-map #ght_map_canvas{
        height:100%;
}

.map-outer-box{
	display:table;
	width:95%;
	overflow:hidden;
        font-size:12px;
}

.map-outer-box .no-wrap{
		white-space:nowrap;
		padding-right:15px;
}

.map-outer-box .favourite{
	position:absolute;
	top:1px;
	right:10px;
}

.sidebar .mod-content .map-outer-box .frame{
	margin:0;
	float:none;
}

.sidebar .mod-content .map-outer-box .map-inner-box{
        float:none;
}

.map-inner-box{
	float:left;
	margin:0 0 0 10px;
}

#ght_symbols{
	width:134px;
	float:right;
}

#ght_symbols span.title{
	font-size:0.9em;
	font-weight:bold;
	padding-bottom:5px;
	cursor:pointer;
}

#ght_symbols span.title span{
	width:16px;
	height:20px;
	padding:0;
	margin-left:5px;
	display:block;
	float:right;
}

#ght_symbols span.title .arrow-up{
	background:url(../images/icons/arrow-sprite.png) no-repeat scroll 0 8px transparent;
}

#ght_symbols span.title .arrow-down{
	background:url(../images/icons/arrow-sprite.png) no-repeat scroll 0 -68px transparent;
}

.ght-symbols-list{
	height:135px;
	border-top:solid 1px #eee;
	padding:10px 0;
	margin-top:10px;
	display:none;
}

.ght-symbols-list ul.five-columns li{
	width:20%;
}

.ght-symbols-list ul li{
	width:50%;
	text-align:left;
	float:left;
}

/* Kontakt */

.mod-contact .mod-content{
	padding:20px;
}

.mod-contact .white-button{
	float:left;
	margin:30px 10px 0 0;
}

/* Termindetails */

.mod-event-details .mod-content{
	padding:20px;
}

/* sidebar allgemein */

.sidebar .mod-content .last{
	border:none;
}

.sidebar .mod-content .frame {
	margin:0 10px 0;
	float:left;
}

/* map, öffnungszeiten */

.mod-padding.mod-content{
	padding:10px;
}

/* SIDEBAR LISTING (COMPANY NEWS + MERKZETTEL + ANSPRECHPARTNER) */

.sidebar-list {
	position:relative;
}

.sidebar-list li {
	float:left;
	border-bottom:1px solid #e8e8e8;
	width:100%;
	max-height:50px;	
	padding:10px 0;
	position:relative;
}

.sidebar-list li:hover {
	background-color:#fafafa;
}

.sidebar-list.no-link li:hover {
	background-color:inherit;
}

.sidebar-list li a {
	position:absolute;
	top:0;
	left:0;
	padding:15px 3% 0 38%;
	width:59%;
	height:88px;
	overflow:hidden;
	line-height:1.2;
}

.sidebar-list.company-news li a {
	padding-top:30px;
	height:73px;
}

.sidebar-list.company-events li a {
	padding-top:50px;
	height:73px;
}

.sidebar-list.company-news li .date,
.sidebar-list.company-events li .date {
	font-size:12px;
}

.sidebar-list .content-inf {
	margin-left:3%;
}

/* Standorte */

.mod-location li{
	width:280px;
	float:left;
	border-bottom:1px solid #e8e8e8;
	padding:15px 20px;
}

.mod-location .last{
	border:none;
}

.mod-location .white-button{
	float:right;
	width:60px;
	margin:0;
}

/* Musterhaus */

#content .mod-resize-map.mod-map{
        height:440px;
}

.mod-map .modelhouse-address,
.mod-map .standort-icon{
	margin-top:10px;
}

/* Schnell Gefunden */

.mod-quick ul{
	background:url(../images/backgrounds/quick-back.png) repeat-x scroll 0 0 transparent;
	margin:-2px 0 0 0;
}

.mod-quick li{
	height:44px;
	border-bottom:1px solid #e8e8e8;
}

.mod-quick .last{
	border:none;
}

.mod-quick a{
	color:#333;
	font-size:15px;
	font-weight:600;
	height:35px;
	display:block;
	padding:9px 0 0 10px;
}

.mod-quick a:hover{
	color:#0099cc;
}

.quick-icon{
	padding:3px 0 0 50px;
	display:inline-block;
	height:28px;
}

.icon1{
	background:url(../images/icons/sidebar-sprite.png) no-repeat scroll 0 0 transparent;
}

.mod-quick li:first-child:hover .icon1{
	background:url(../images/icons/sidebar-sprite.png) no-repeat scroll 0 -160px transparent;
}

.icon2{
	background:url(../images/icons/sidebar-sprite.png) no-repeat scroll 0 -40px transparent;
}

.mod-quick li:nth-child(2):hover .icon2{
	background:url(../images/icons/sidebar-sprite.png) no-repeat scroll 0 -200px transparent;
}

.icon3{
	background:url(../images/icons/sidebar-sprite.png) no-repeat scroll 0 -80px transparent;
}

.mod-quick li:nth-child(3):hover .icon3{
	background:url(../images/icons/sidebar-sprite.png) no-repeat scroll 0 -240px transparent;
}

.icon4{
	background:url(../images/icons/sidebar-sprite.png) no-repeat scroll 0 -118px transparent;
}

.mod-quick li:nth-child(4):hover .icon4{
	background:url(../images/icons/sidebar-sprite.png) no-repeat scroll 0 -278px transparent;
}

.mod-quick .arrow{
	margin:5px 0 0;
	float:right;
	width:20px;
}

/* Termine */

.mod-dates li{
	border-bottom:1px solid #e8e8e8;
}

.mod-dates a{
	padding:10px 30px 10px 15px;
	position:relative;
	display:block;
}

.mod-dates .last{
	border:none;
}

.mod-dates .arrow{
	position:absolute;
	top:50%;
	right:5px;
	width:4px;
	height:14px;
	margin:-5px 0 0;
}

/* Tipps */

.mod-tip .mod-content{
	background:url(../images/backgrounds/tip-back.png) repeat-x scroll 0 0 transparent !important;
	padding:25px;
	height:119px;
}

/* Quickmenü */

.mod-quickmenu .mod-content{
	padding:15px;
}

.mod-quickmenu ul{
	width:140px;
	float:left;
}

.mod-quickmenu li{
	padding:5px;
}

.mod-quickmenu .arrow{
	float:none;
}

/* Kategorie-Auswahl */

.cat-select{
	background:url(../images/backgrounds/quick-back.png) repeat-x scroll 0 0 transparent;
	margin:-2px 0 0 0;
	padding:20px;
}

.cat-select li{
	display:block;
	padding:5px 0;
}

.cat-select .arrow{
	float:none;
	padding:0 0px 0 10px;
}

/* Themen */

.mod-themes{
	padding:10px;
}

.mod-themes li{
	width:50%;
	float:left;
}

.mod-themes li.active{
	font-weight:bold;
}

.mod-themes .arrow{
	font-weight:300;
}

/*------------------------------
	PAGINATION
------------------------------*/

.pagination {
	text-align:center;
	margin:25px 0 20px;
}

.pagination ul {
	display: inline-block;
}

.pagination li {
	float:left;
	background-color:#fff;
	margin-right:1px;
}

.pagination ul > li > a,
.pagination ul > li > span {
	border: 1px solid #ddd;
	line-height: 18px;
	display:block;
	width:45px;
	height:18px;
	padding: 5px 0;
}

.pagination .disabled{
	color:#9e9e9e;
}

.pagination-start .pagenav{
	background:url(../images/icons/arrow-sprite.png) no-repeat scroll 17px -356px transparent;
}
.pagination-start:hover .pagenav{
	background-position: 17px -376px;
}
.pagination-start .disabled{
	background:url(../images/icons/arrow-sprite.png) no-repeat scroll 17px -396px #f5f5f5;
}

.pagination-prev .pagenav{
	background:url(../images/icons/arrow-sprite.png) no-repeat scroll -14px -356px transparent;
}
.pagination-prev:hover .pagenav{
	background-position: -14px -376px;
}
.pagination-prev .disabled{
	background:url(../images/icons/arrow-sprite.png) no-repeat scroll -14px -396px #f5f5f5;
}

.pagination-next .pagenav{
	background:url(../images/icons/arrow-sprite.png) no-repeat scroll -47px -356px transparent;
}
.pagination-next:hover .pagenav{
	background-position: -47px -376px;
}
.pagination-next .disabled{
	background:url(../images/icons/arrow-sprite.png) no-repeat scroll -47px -396px #f5f5f5;
}

.pagination-end .pagenav{
	background:url(../images/icons/arrow-sprite.png) no-repeat scroll -78px -356px transparent;
}
.pagination-end:hover .pagenav{
	background-position: -78px -376px;
}
.pagination-end .disabled{
	background:url(../images/icons/arrow-sprite.png) no-repeat scroll -78px -396px #f5f5f5;
}	

/*------------------------------
	FOOTER
------------------------------*/

.up{
	background-color:#0099cc;
	position:absolute;
	top:-50px;
	right:34%;
	width:50px;
	height:50px;
	display:none;
}

.up:hover{
	background-color:#00bede;
}

#footer .mod-title{
	font-family: 'Source Sans Pro', Arial sans-serif;
	text-transform:uppercase;
	font-size:20px;
	font-weight:600;
	color:#FFF;
}

#footer .mod-content{
	margin:10px 0 50px 0;
}

#footer .footer .module li {
	display:block;
	padding:2px 0;
}

#footer .footer .module a:hover {
	color:#333;
}

/* Social Media */

#footer .footer .social-media-footer li{
	border-bottom:1px solid #7bc7e1;
	padding:0;
}
#footer .footer .social-media-footer a{
	padding:10px 0;
	display:block;
	line-height:2.1;
}
#footer .footer .social-media-footer .last{
	border-bottom:none;
}
#footer .footer .social-media-footer span{
	width:30px;
	height:30px;
	display:inline-block;
	margin:0 15px 0 0;
}
#footer .footer .icon-facebook{
	background:url(../images/icons/icon-sprite.png) no-repeat scroll 0 -30px transparent;
}
#footer .footer .social-media-footer li:hover .icon-facebook{
	background-position: 0 0;
}
#footer .footer .icon-twitter{
	background:url(../images/icons/icon-sprite.png) no-repeat scroll -44px -30px transparent;
}
#footer .footer .social-media-footer li:hover .icon-twitter{
	background-position: -44px 0;
}
#footer .footer .icon-google{
	background:url(../images/icons/icon-sprite.png) no-repeat scroll -88px -30px transparent;
}
#footer .footer .social-media-footer li:hover .icon-google{
	background-position: -88px 0;
}
#footer .footer .icon-pinterest{
	background:url(../images/icons/icon-sprite.png) no-repeat scroll -132px -30px transparent;
}
#footer .footer .social-media-footer li:hover .icon-pinterest{
	background-position: -132px 0;
}

/* Newsletter */

.footer input{
	width:225px;
	height:30px;
}
.footer .green-button,
.footer .orange-button{
	width:120px;
	float:left;
	margin:20px 0 0 0;
}
.footer .green-button a,
.footer .orange-button a{
	padding:0 !important;
}
.footer .green-button a:hover,
.footer .orange-button a:hover {
	color:#000 !important;
}

/*------------------------------
	SYSTEMNACHRICHTEN
------------------------------*/

.alert {
	border:1px solid #F0E1C7;
	background-color:#FFF9EF;
	color: #c09853;
	line-height:1.0;
	padding: 10px 20px;
	margin:0 0 20px 0;
}
.alert-success {
	border-color: #d6e9c6;
	background-color:#EEFBF1;
	color: #468847;
}
.alert-danger,
.alert-error {
	border-color: #eed3d7;
	background-color:#FFF3F3;
	color: #b94a48;
}
.alert-info {
	border-color: #bce8f1;
	background-color:#ebf8ff;
	color: #3a87ad;
}
.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}
.alert p {
	margin:12px 0;
}
.alert-block > p,
.alert-block > ul {
	margin-bottom:0;
}
.alert-block p + p {
	margin-top: 5px;
}
.close {
	float: right;
	font-size: 20px;
	font-weight: 600;
	line-height: 18px;
	color: #000;
	text-shadow: 0 1px 0 #ffffff;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
#system-message h4{
	display:none;
}

/*------------------------------
	404 ERROR PAGE
------------------------------*/

.errorboxheader {
	background:url(../images/backgrounds/title-back_404.png) repeat-x scroll 0 0 transparent;
	border-left: 1px solid #CBDBDF;
    border-right: 1px solid #CBDBDF;
	color: #FFFFFF;
	font-weight: 600;
	font-size: 16px;
	line-height: 2.0;		
	height:30px;
	padding:0 15px;
}
.errorboxbody {
	background-color:#fff;
	border:1px solid #E8E8E9;
	margin:5px 0 0;
	padding:20px;
}
/*------------------------------
	Kontakt
------------------------------*/

.module-contactform .form-container{
    margin:0 !important;
}

.module-contactform .form-container .contact-title {
	width:auto;
}

.module-contactform .form-container hr{
        margin:5px 0;
}

.module-contactform .form-container .inputs-box label,
.module-contactform .form-container .inputs-box input,
.module-contactform .form-container .inputs-box select,
.module-contactform .form-container .inputs-box textarea{
        width:96%;
        font-weight:normal;
        max-width:none;
        float:none;
        margin:0;
}

.module-contactform .form-container .inputs-box label{
		line-height:1.8;
}

.module-contactform .form-container .inputs-box input{
		height:14px;
}

.module-contactform .form-container .jform_gender{
        font-weight:normal;
}

.module-contactform .form-container label[for="jform_copy"]{
        margin:5px 0;
}

.module-contactform .form-container .inputs-box textarea{
        width:97%;
        height:60px;
        margin-top:10px;
}

.module-contactform .form-container .width-20{
        width:20%;
        float:left;
}

.module-contactform .form-container .width-20 select{
        width:99%;
        height:26px;
		padding-left:1%;
		padding-top:0;
}

.module-contactform .form-container .width-40{
        width:40%;
        float:left;
}

.module-contactform .form-container .width-40 input{
        width:95%;
}

.module-contactform .form-container .width-50{
        width:50%;
        float:left;
}

.module-contactform .form-container .width-100{
		float:none;
		width:auto;
}

/*------------------------------
	Kontakt Sidebar
------------------------------*/

.mod-gallery-immo {
	padding:0 0 25px 0;
}

.mod-gallery-immo .navigation-wrapper {
	position:absolute;
	bottom:0;
	left:0;
}
/*------------------------------
	MOD GALLERY BANNER 2015
------------------------------*/

.mod-gallery .mod-overview{
	padding:10px 1%;
}

.mod-gallery .carousel-outer,
.mod-gallery .slider-outer {
	float:left;
	background:#eee;
}
.mod-gallery .carousel-outer {
	width:25%;
}
.zoom .mod-gallery .carousel-outer {
	width: 15.1%;
	padding:10px 1%;
}
.zoom .mod-gallery .carousel-outer,
.zoom .mod-gallery .carousel-outer .slider-nav-carousel {
	background:none;
}
.zoom .mod-gallery .carousel-outer .slider-nav-carousel,
.zoom .mod-gallery #carousel.two-columns {
	padding:0;
}
.mod-gallery .slider-outer {
	width:39.5%;
	padding:10px 1%;
	background:#eee;
}

.mod-gallery .slider-outer .big-picture {
	float:none;
	width:100%;
	padding:0;
}

.mod-gallery .slider-outer .slider-nav-image .nav-prev,
.mod-gallery .slider-outer .slider-nav-image .nav-next {
	margin:0;
}
.mod-gallery .carousel-outer #carousel {
	float:none;
}
.mod-gallery .carousel-outer .slider-nav-carousel {
	float:none;
	min-height:26px;
	background:#eee;
	padding:0px 10px 20px 0;
}
.zoom .mod-gallery .slider-outer {
	width:64.5%;
}
.mod-gallery #carousel.two-columns {
	height:auto;
}

/*------------------------------
	Overlay Popup
------------------------------*/

.popup_content{
	position:relative;
	max-width:420px;
	min-height:20px;
	background:#fff;
	border:solid 1px #e3e3e3;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
	padding:20px;
	margin:20px 10px;
}

.popup_content.form-contact{
	max-width:640px;
	min-width:640px;
}

.popup_content .popup-title{
	font-size:24px;
	margin-bottom:20px;
	display:block;
}

.popup_content .input{
	padding:20px 0;
}

.popup_content input[type="text"]{
	width:98%;
	font-size:18px;
}

.popup_content .submit-button{
	font-size:16px;
	margin:10px auto;
}

.popup_content .popup-close-link{
	text-align:center;
}

#hx_popup_background{
  	transition: all 0.3s 0.3s;
}

#hx_popup,
#hx_popup_wrapper{
  	transition: all 0.3s ease-out;
}

#hx_popup{
  	transform: translateX(0) translateY(-40%);
}

#hx_popup .popup-close-button{
	 position:absolute;
	 right:5px;
	 top:5px;
	 width:16px;
	 height:16px;
	 background:url(../images/icons/icon-sprite.png) no-repeat scroll -100px -187px transparent;
	 cursor:pointer;
}
#hx_popup .popup-close-button:hover{
	background-position:-100px -204px;
}

.popup_visible #hx_popup{
  	transform: translateX(0) translateY(0);
}

/*------------------------------
	Modul Haus der Woche
------------------------------*/

.mod-house-of-the-week{
	position:relative;
	height:290px;
	overflow:hidden;
}

.mod-house-of-the-week.flexslider{
	padding:10px;
}

.mod-house-of-the-week .frame{
	position:relative;
	height:220px;
	overflow:hidden;
	display:block;
	float:none;
	border:0;
	padding:0;
	padding-bottom:50px;
}

.sidebar .mod-content.mod-house-of-the-week .frame{
	margin:0;
	float:none;
}

.mod-house-of-the-week .frame img{
	position:absolute;
	left:-25px;
	top:-25px;
}

.mod-house-of-the-week a{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	padding-top:250px;
}