/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 16.04.2014, 17:15:39
    Author     : Andreas
*/
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.woff2") format('woff2'), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}


html {
}
body {
	font-family: 'aller';
	font-size: 14px;
	background: url("../img/hg.png");
}
p {
	margin: 15px 0px;
}
strong {
	font-weight: bold;
}
h1 {
	font-size: 30px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 18px;
}
td {
	vertical-align: middle;
}
#wrapper {
	width: 1250px;
	margin: 0 auto;
	position: relative;
}
#top {
	position: relative;
}
#header {
	width: 1210px;
	background-color: #1C67AC;
	height: 88px;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 10;
}
.headerunterseite {
	position: relative!important;
}
#header img {
	float: left;
}
#nav {
	float: right;
	width: 871px;
	line-height: 88px;
	text-align: center;
}
#nav li {
	display: inline;
	margin-right: 35px;
}
#nav li a {
	color: #fff;
	text-decoration: none;
	font-family: "aller";
	font-size: 24px;
}
#caption, .nivo-caption {
	height: auto;
	width: 395px;
	background-color: #1C67AC;
	opacity: .75;
	position: absolute;
	top: 160px;
	left: 70px;
	padding: 25px;
	color: #fff;
	z-index: 50000;
	line-height:120%;
}
#caption a, .nivo-caption a {
text-decoration:underline;!important; 
color:#FFF;	 
display:block; 
}
#caption h1, .nivo-caption h1 {
	font-family: "aller";
	font-size: 30px;
	color: #FFF;
	line-height: 120%;
	margin-bottom:10px;
	margin-top:10px;
}
.name{margin-bottom:20px; margin-top:5px;}

#caption h2, .nivo-caption h2 {
	font-family: "aller";
	font-size: 20px;
	margin-bottom: 10px;
	color: #FFF;
	line-height: 120%;
}
#lang {
	color: #fff;
	font-family: "aller";
	text-decoration: none;
	font-size: 13px;
	text-align: center;
	width: 66px;
	height: 20px;
	line-height: 20px;
	background-color: #143f63;
	position: absolute;
	top: 10px;
	right: 20px;
	z-index: 100;
}
.header-link {
	height: 60px;
	width: 540px;
	line-height: 60px;
	position: absolute;
	z-index: 10;
	top: 620px;
	color: #fff;
	font-family: "aller";
}
.header-link-left {
	left: 20px;
}
.header-link-right {
	right: 20px;
}
.header-link a {
	display: block;
	background: url(../img/pfeilrechts.png) no-repeat right;
	background-color: #A2AC24;
	display: block;
	width: 520px;
	line-height: 60px;
	float: left;
	font-size: 25px;
	text-decoration: none;
	color: #FFF;
	padding-left: 20px;
}
.header-link a:hover {
	background-color: #6D2B27;
}
.arrow-right {
	font-size: 50px;
	float: right;
	display: block;
	padding-right: 30px;
	padding-top: 10px;
	opacity: 0.5;
}
.slider-wrapper {
	width: 1250px;
	height: 800px;
	position: relative;
	z-index: 1;
	top: 0;
	margin-left: auto;
	margin-right: auto;
}
.clear {
	clear: both;
}
.invisible {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	display: inline;
}
.mitteinhalt {
	margin: auto;
	width: 1208px;
	position: relative;
}
.mitteinhalt2 {
	margin: auto;
	width: 1238px;
	position: relative;
}
.unterseite {
	margin-top: 40px!Important;
}
#inhalt {
	width: 1088px;
	padding: 24px 60px 24px 60px;
	min-height: 300px;
	margin-top: -78px;
	background: #FFF;
	font-family: 'aller';
	font-size: 14px;
	color: #000;
	line-height: 140%;
	z-index:2;
}
.zentriert{text-align:justify;}
#inhalt a{text-decoration:none; color:#000;}
#inhalt h1 {
	font-family: 'aller';
	font-size: 30px;
	color: #6D2B27;
	margin-top: 15px;
	margin-bottom: 28px;
	line-height: 130%;
}
#inhalt h3 a {
	text-decoration: none;
	color: #6D2B27;
}
#inhalt h3 {
	font-family: 'aller';
	font-size: 28px;
	color: #6D2B27;
	margin-top: 15px;
	margin-bottom: 15px;
	line-height: 130%;
}
.schatten {
	width: 1208px;
	height: 83px;
	background: url(../img/shadow.png) no-repeat
}
.grosssymbol {
	vertical-align: middle;
	margin-right: 15px;
}
#inhalt ul li {
	list-style-image: url(../img/punkt.png);
	margin-left: 45px;
	font-size: 16px;
}
#balkenrechts {
	width: 350px;
	background: #6D2B27;
	float: right;
	color: #FFF;
	font-size: 15px;
	min-height: 252px;
	margin-left: 130px;
}
#balkenrechts a{color: #FFF!important; text-decoration:none;}
#balkenrechts h1 {
	color: #FFF;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
}
.rechts {
	float: right;
}
.gross {
	font-size: 20px;
}
.links {
	float: left;
}
.balkenrechtsinhalt {
	padding: 15px;
}
#submit {
	background: url(../img/abschickenrot.png);
	width: 35px;
	height: 35px;
	border: none;
	float: right;
	font-size: 0px;
	cursor: pointer;
}
#balkenrechts select, #suchmaske select {
	font-family: 'aller';
	font-size: 18px;
	background: transparent;
	width: 343px!important;
	height: 37px!important;
	position: relative;
	z-index: 10;
	line-height: 37px;
	border: 0;
	border-radius: 0;
	border: none;
	-webkit-appearance: none;
	padding-left: 15px;
}
#refnr{
	font-family: 'aller';
	font-size: 18px;
	background: #FFFFFF;
	width: 50px!important;
	height: 35px!important;
	margin-top:4px;
	position: relative;
	z-index: 10;
	line-height: 37px;
	border: 0;
	float:right;
	border-radius: 0;
	border: none;
	-webkit-appearance: none;
	margin-right: 15px;}

.select {
	background: url(../img/bgselect.png) no-repeat right;
	background-color: #FFF;
	width: 315px!important;
	height: 37px!important;
	line-height: 37px;
	overflow: hidden;
	border: none;
	margin-bottom: 12px;
}
#bottomadresse {
	background: #CCCCCC;
	width: 100%;
	min-width: 1250px;
	color: #FFF;
	font-family: 'aller';
	font-size: 14px;
	text-align: center;
	line-height: 37px;
	height: 48px;
}
#bottom {
	margin-top: 28px;
	font-family: 'aller';
	font-size: 13px;
	color: #535353;
	margin-bottom: 50px;
}
#bottom a {
	color: #535353;
	text-decoration: none;
}
#bottom h1 {
	font-family: 'allerregular';
	color: #CCCCCC;
	font-size: 24px;
}
#partner {
	width: 40%;
	margin-left: 60px;
}
#links {
	width: 40%;
	line-height: 45px;
}
#links h1 {
	float: left;
	margin-right: 30px;
}
#links img {
	vertical-align: middle;
	margin-right: 10px;
}
.scrollable {
	/* required settings */
	position: relative;
	overflow: hidden;
	width: 1202px;
	height: 185px;
	background: #FFF;
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accommodate scrollable
items.  it's enough that you set width and height for the root element
and not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width: 20000em;
	position: absolute;
}
/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
.items div {
	float: left;
}
#bilderunten {
	position: relative;
	margin: auto;
	width: 1202px;
	height: 185px;
	background: #FFF;
	margin-bottom: 87px;
	margin-top: -50px;
	padding-left: 3px;
	padding-right: 3px;
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
	background: url(../img/hori_large.png) no-repeat;
	position: absolute;
	width: 35px;
	height: 35px;
	float: left;
	cursor: pointer;
	font-size: 1px;
	z-index: 5;
}
/* right */
a.right {
	background-position: 0 -35px;
	clear: right;
	margin-right: 0px;
	top: 80px;
	right: -55px;
}
a.right:hover {
	background-position: -35px -35px;
}
a.right:active {
	background-position: -70px -35px;
}
/* left */
a.left {
	margin-left: 0px;
	left: -55px;
	top: 80px;
}
a.left:hover {
	background-position: -35px 0;
}
a.left:active {
	background-position: -70px 0;
}
/* disabled navigational button */
a.disabled {
	visibility: hidden !important;
}
.haus {
	position: relative;
	float: left;
	width: 224px;
	height: 169px;
	padding: 8px;
	font-family: 'aller';
	font-size: 12px;
	color: #000;
	text-decoration: none;
	overflow:hidden;
}

.topobjekt {
	position: relative;
	float: left;
	width: 325px;
	height: 200px;
	padding: 8px;
	overflow:hidden;
	margin-bottom:10px;
}

.haus img {
	margin-bottom: 2px;
}
.pfeilhaus {
	position: absolute;
	display: block;
	right: 14px;
	bottom: 12px;
	height: 27px;
	width: 26px;
}
#objektdetail {
	color: #1B66AC;
	font-size: 16px;
	font-family: 'aller';
	position: relative;
	margin-top: 15px;
	margin-bottom: 35px;
	width: 380px;
	float: left;
}
#objektdetail div {
	width: 50%;
	float: left;
}
/* styling for the image wrapper  */
#image_wrap {
	/* dimensions */
	width: 599px;
	height: 400px;
	background: #CCCCCC;
}
.scrollable2 {
	/* required settings */
	position: relative;
	overflow: hidden;
	width: 599px;
	height: 80px;
	margin-top: 10px;
}
.scrollable2 .items2 {
	/* this cannot be too large */
	width: 20000em;
	position: absolute;
	cursor: pointer;
}
.items2 div {
	float: left;
}
#bilderobjekt {
	position: relative;
	width: 599px;
	float: right;
	margin-left: 90px;
}
.objektleft {
	bottom: 20px;
	top: auto!Important;
	left: 10px!Important
}
.objektright {
	bottom: 20px;
	top: auto!Important;
	right: 10px!Important
}
.anfragen {
	width: 285px;
	height: 47px;
	line-height: 38px;
	display: block;
	font-family: 'aller';
	font-size: 25px;
	text-decoration: none;
	text-align: right;
	margin-left: -77px;
	color: #FFF!important;
	background: url(../img/hg-anfragen.png) no-repeat left top;
	padding-right: 35px;
	margin-top:5px;
	margin-bottom:5px;
}
#suchmaske {
	width: 1242px;
	margin-left: -77px;
	position: relative;
	height: 45px;
	line-height: 45px;
	background: #6C2B26;
	margin-top: 50px;
}
#suchmaske h1 {
	color: #FFF;
	line-height: 45px;
	margin-left: 77px;
	float: left;
	margin-right: 70px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#suchmaske .select {
	float: left;
	margin-bottom: 0px!important;
	margin-right: 20px;
	margin-top: 4px;
}
#suchmaske #submit {
	margin-right:80px;
	margin-top: 5px;
}
.objekte {
	float: left;
	width: 524px;
	height: 349px;
	background: #F6F6F6;
	text-align: center;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	position:relative;
}
.objekte img {
}
.objektelink {
	display: block;
	position: absolute;
	color: #FFF!important;
	bottom: 0px;
	width: 524px;
	height: 55px;
	text-decoration: none;
	font-size: 18px;
	background: rgba(108,43,38,0.8);
	z-index: 20;
	line-height: 55px;
}
.referenznummer{display:block; position:absolute; color:#6C2B26; top:10px; left:10px; text-decoration:none; background: rgba(255,255,255,0.8); padding:0 2px;}
.topobjekt-banner{position:absolute;top:0px; right:0px;}
.objektelink:hover {
	background: rgba(162,172,36,0.8);
}
.objektelink img {
	float: right;
	margin-top: 10px;
}
#suchmaskel, #suchmasker {
	width: 17px;
	height: 9px;
	position: absolute;
	line-height: 0px;
}
#suchmaskel {
	left: 0px;
	bottom: -9px;
}
#suchmasker {
	right: 0px;
	bottom: -9px;
}
#kontakttabelle {
	width: 100%;
}
#kontakttabelle td {
	padding: 3px;
}
input.error, textarea.error {
	background: #A21C29!important;
	color: #FFF!important;
}
label.error {
	display: none!important;
}
#kontakttabelle input, #kontakttabelle textarea {
	font-family: 'aller';
	font-size: 18px;
	width: 230px;
	height: 37px;
	line-height: 37px;
	border: 0;
	border-radius: 0;
	border: none;
	-webkit-appearance: none;
	padding-left: 4px;
	padding-right: 4px;
}
#kontakttabelle textarea {
	height: 75px;
	font-family: 'aller';
	font-size: 12px;
	line-height:normal;
}
.gobjekte li, .gemeinden li{
	margin-left:0px!Important; list-style-image: none!important;
	font-size:12px!important;	display:inline-block; margin-right:5px;
}
.weg{
	margin:0px;	 background:url(/img/weg.png) no-repeat left; padding-left:17px!important; line-height:14px;
	}
.gobjekte li:hover, .gemeinden li:hover{cursor:pointer;}	
.sortieren a{line-height:14px; color:#000; text-decoration:none;}
.facebook{position:relative;  width:150px; height:25px; margin-top:0px; margin-left:10px;}
h4{font-family: 'aller';
	font-size: 14px; color:#6C2B26; margin-bottom:-10px;}
.block{text-align:justify;}




.bewertung{
    max-width: 768px;
}
.bewertung input {
    font-family: "aller";
    font-size: 14px;
    padding: 10px 7px;
    box-sizing: border-box;
    width: 100%;
}
.bewertung input[type="submit"]{
    width: auto !important;
    float: right;
    background-color: #fff;
    border: 1px solid #1C67AC;
    color: #1C67AC;
    font-size: 14px;
    font-family: "aller";
    cursor: pointer;
}
.bewertung input[type="submit"]:hover{
    background-color: #1C67AC;
    border: 1px solid #1C67AC;
    color: #fff;    
}
.bewertung textarea{
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    min-height: 100px;
    max-height: 250px;
    box-sizing: border-box;
    padding: 10px 7px;
    font-size: 14px;
    font-family: "aller";
}
[class*="uk-icon-"] {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
}
.uk-icon-star-o::before {
    content: "";
}
.uk-icon-star-o.star_on::before{
    content: "";
}

.sterneWertung i{
    color: #F3D422;
    font-size: 30px;
    cursor: pointer;
}
.sterneWertungOut i{
    color: #F3D422;
    font-size: 30px;
    cursor: pointer;	
}

.bewertungOutput {
    border-bottom: 1px solid #ccc;
    margin: 20px 0;
}