body{
	background-color:#a7111e;
	color: #ffffff;
	margin: 0px;
}

#centerpage {
	width:960px;
	margin-left: auto;
	margin-right: auto;
	top: 0px;
	position: relative;
	background-color:#a7111e;
}

#mainpage {
	width:960px;
	top: 0px;
	margin: 0px;
}

/*Head Bereich */	
#head_area {
	width:960px;
	position: relative;
	margin: 0px;
	background-image: url("lib/media.php?id=183");
	background-repeat:no-repeat;
	height:215px;	
}

#naviteaser_area {
	width:960px;
	position: relative;
	margin: 0px;
	height:330px;	
}

#naviteaser_area_klein {
	width:960px;
	position: relative;
	margin: 0px;
	height:175px;	
}

#logo {
	position: absolute;
	width:370px;
	height:90px;
	left:0px;
	top:60px;
	z-Index:200;
}

#searcharea {
	position: absolute;
	width:310px;
	height:25px;
	left:630px;
	top:180px;
	z-Index:200;
	text-align:right;
}


#teaser {
	position: absolute;
	width: 640px;
	height:300px;
	top:-330px;
	left: 300px;
	background-color:#a7111e;
}

#teaser_klein {
	position: absolute;
	width: 640px;
	height:150px;
	top:-175px;
	left: 300px;
	background-color:#a7111e;
}

#teaser_headline {
    text-shadow:#a7111e 0px 0px 1px;
	position:absolute;
	width:620px;
	height:280px;
	top:-320px;
	left:310px;
	color: #ffffff;
	z-Index:100;
    text-align:left;
}

#teaser_headline_klein {
    text-shadow:#a7111e 0px 0px 1px;
	position:absolute;
	width:620px;
	height:130px;
	top:-170px;
	left:310px;
	color: #ffffff;
	z-Index:100;
    text-align:left;
}

/*Head Bereich */

/* Content Bereich */
#content {
	width:960px;
	left:0px;
	top:0px;
}

h1 {
	color: #ffffff;
    font-weight: bold;
	font-family: georgia,garamond,serif;
	margin-top:10px;
	text-align:left;
}

h2 {
	color: #ffffff;
    font-weight: bold;
	font-family: georgia,garamond,serif;
}

h3 {
	color: #ffffff;
    font-weight: bold;
	font-family: georgia,garamond,serif;
}

hr {
color:#ffffff;
}

.listtable {
	border-bottom:1px solid #ffffff;
	margin-top:10px;
	padding-bottom:10px;
}

.headline{
	font-weight:bold;
	text-align:left !important;
}

.box1 {
	position:relative;
	width:310px;
	float:left;
	margin-right:10px;
}
.box2 {
	position:relative;
	width:310px;
	float:left;
	margin-left:10px;
}

.table_right {
	float:right;
	text-align:right;
}

#textbox {
	width: 640px;
	position: relative;	
	left:300px;
	top:0px;
	font-family: georgia,garamond,serif;
	min-height:400px !important;
	color: #ffffff;
	border-top:10px solid #ffffff;
	font-weight:normal;
	text-align:justify;
}

#lefttextbox {
	width: 280px;
	position: absolute;	
	left:0px;
	top:545px;
	color: #ffffff;
	font-family: georgia,garamond,serif;
	font-weight:normal;
	text-align:justify;
	border-top:10px solid #ffffff;
}

#lefttextbox_klein {
	width: 280px;
	position: absolute;	
	left:0px;
	top:390px;
	color: #ffffff;
	font-family: georgia,garamond,serif;
	font-weight:normal;
	text-align:justify;
	border-top:10px solid #ffffff;
}
#lefttextbox_klein_expose {
	width: 280px;
	position: absolute;	
	left:0px;
	top:390px;
	color: #ffffff;
	font-family: georgia,garamond,serif;
	font-weight:normal;
	text-align:normal;
	border-top:10px solid #ffffff;
}
	
#mainNaviArea {
	position:absolute;
	width:280px;
	top:220px;
	left: 0px;
	height:330px;

}

.quad_mainNavi {
	height:12px;
	padding-bottom:15px;
}

.quad_mainNavi_active {
	height:12px;
	padding-bottom:15px;
	background-image: url("lib/media.php?id=186");
	background-repeat:no-repeat;
}

#subNaviArea {
	position:relative;
	margin-top:15px;
	padding-top:10px;
	width: 280px;
	left:0px;
	border-top:1px solid #ffffff;
	z-Index:100;
}

#footer {
	position: relative;
	width:960px;
	height:20px;
	top:0px;
	border-bottom:1px solid #ffffff;
	clear:both;
}

#footerNavi {
	position: relative;
	padding-top:2px;
	top:0px;
	font-family: georgia,garamond,serif;
	color: #d8a091;
	font-weight:bold;
	height:20px;	
}
/* Content Bereich */


/*Links allgemein */
a:link {
     text-decoration: none;
     font-family: georgia,garamond,serif;
     font-weight: normal;
	 color: #ffffff;
}

a:visited {
     text-decoration: none;
     font-family: georgia,garamond,serif;
     font-weight: normal;
	 color: #ffffff;
}

a:hover {
     text-decoration: underline;
     font-family: georgia,garamond,serif;
     font-weight: normal;
	 color: #ffffff;
}

/* mainNavi */   
a.mainNavi:link {
     text-decoration: none;
     font-family: georgia,garamond,serif;
     font-weight: bold;
	 color:#d8a091;
	 text-transform: normal;
}

a.mainNavi:visited {
     text-decoration: none;
     font-family: georgia,garamond,serif;
     font-weight: bold;
	 color:#d8a091;
	 text-transform: normal;
}

a.mainNavi:hover {
     text-decoration: none;
     font-family: georgia,garamond,serif;
     font-weight: bold;
     color:#ffffff;
	 text-transform: normal;
}
 
a.mainNavi:active {
     font-family: georgia,garamond,serif;
     font-weight: bold;
     text-decoration: none;
	 color:#ffffff;
	 text-transform: normal;
}

/* mainNavi_active */   
a.mainNavi_active:link {
     text-decoration: none;
     font-family: georgia,garamond,serif;
     font-weight: bold;
	 color:#ffffff;
	 text-transform: normal;
}

a.mainNavi_active:visited {
     text-decoration: none;
     font-family: georgia,garamond,serif;
     font-weight: bold;
	 color: #ffffff;
	 text-transform: normal;
}

a.mainNavi_active:hover {
     text-decoration: none;
     font-family: georgia,garamond,serif;
     font-weight: bold;
     color:#ffffff;  
	 text-transform: normal;
}
 
a.mainNavi_active:active {
     font-family: georgia,garamond,serif;
     font-weight: bold;
     text-decoration: none;
	 color:#ffffff;
	 text-transform: normal;
}


/* footer */
a.footer:link {
     text-decoration: none;
     font-family: georgia,garamond,serif;
     font-weight: bold;
	 color: #d8a091;
}

a.footer:visited {
     text-decoration: none;
     font-family: georgia,garamond,serif;
     font-weight: bold;
	 color: #d8a091;
}

a.footer:hover {
     text-decoration: none;
     font-family: georgia,garamond,serif;
     font-weight: bold;
	 color: #ffffff;
}

a.footer:active {
     text-decoration: underline;
     font-family: georgia,garamond,serif;
     font-weight: bold;
	 color: #ffffff;
}


a.footer_active:link {
     text-decoration: none;
     font-family: georgia,garamond,serif;
     font-weight: bold;
	 color: #ffffff;
}

a.footer_active:visited {
     text-decoration: none;
     font-family: georgia,garamond,serif;
     font-weight: bold;
	 color: #ffffff;
}

a.footer_active:hover {
     text-decoration: none;
     font-family: georgia,garamond,serif;
     font-weight: bold;
	 color: #ffffff;
}

a.footer_active:active {
     text-decoration: underline;
     font-family: georgia,garamond,serif;
     font-weight: bold;
	 color: #ffffff;
}

/*Formularfelder*/
.textboxes {
	font-family: georgia,garamond,serif;
	width: 200px;
	border:1px solid #deb7a8;
	background-color:#deb7a8;
}

.txtMessage {
	font-family: georgia,garamond,serif;
	width: 100%;
	height: 150px;
	border:1px solid #deb7a8;
	background-color:#deb7a8;
}

.buttons {
	font-family: georgia,garamond,serif;
	border:1px solid #c2715c;
	font-weight:bold;
	width:100px;
	background-color: #c2715c;
	color: #FFFFFF;
}

#anfrageimmobilie {
	font-family: georgia,garamond,serif;
	border:1px solid #c2715c;
	font-weight:bold;
	width:200px;
	height:30px;
	background-color: #c2715c;
	color: #FFFFFF;
	cursor:pointer;
}

#immobiliendetails {
	font-family: georgia,garamond,serif;
	border:1px solid #c2715c;
	font-weight:bold;
	width:200px;
	height:30px;
	background-color: #c2715c;
	color: #FFFFFF;
	cursor:pointer;
}

#immobiliendetails_mobile {
    display: none;
}

.mobileNavSwitcher {
    display: none;
}

.mobile_btns {
    display: none;
    text-align: center;
}

@media screen and (max-width: 970px)  {
    #centerpage {
        width: 100%;   
    }
    #mainpage {
        width: 100%;   
    }
    #content {
        width: 100%;   
    }
    #textbox {
        width: 100%;
        top: 260px !important;
    }
    .box1 {
        width: 100%;
    }
    #head_area {
    	background-size: 100% auto;
	    width: 100%;
    }
    #naviteaser_area {
        width:100%;
    }
    #logo {
        left: 10px;
        width: 100%;
    }
    
    #searcharea {
        left: 66%;
        top: 180px;
        width: 100%;
    }
    
    #mainNaviArea {
        left: 10px;
        width: 28%;
    }
    
    .quad_mainNavi_active {
        background-size: 100% 10px;
    }
    
    #teaser,
    #teaser_klein {
        left: 108%;
    }
    
    #teaser_headline {
        left: 108%;
    }
    
    #teaser_headline_klein {
        left: 115%;
    }
    
    #lefttextbox {
        left: 10px;
        width: 28%;
    }
    
    #lefttextbox_klein_expose,
    #lefttextbox_klein {
        left: 10px;
        width: 28%;
    }
    
    #lefttextbox_klein_expose {
        font-size: 11px;
    }
    
    #subNaviArea {
        width: 100%;
    }
    
    #textbox {
        width: 100%;
    }
    
    #myGallery, #myGallerySet, #flickrGallery {
        width: 100% !important;
    }
    
    #gmapBigBox, #gmapLayerTop, #gmapLayerBottom, #bodyGmap {
        width: 100% !important;
    }
    #footer {
        width:100%;   
    }
    #footerNavi {
        left: 10px;
    }
}

@media screen and (max-width: 800px)  {
    #head_area {
    	background-size: 85% auto;
    }
    
    #searcharea {
        left: 50%;
        top: 150px;
    }
    
    #mainNaviArea {
        width: 24%;
    }
    
    #teaser > img,
    #teaser_klein > img {
        width: 82%;
    }
    
    #teaser_headline,
    #teaser_headline_klein {
        left: 115%;
        width: 500px;
    }
    
    #lefttextbox {
        width: 24%;
    }
    
    #lefttextbox_klein_expose,
    #lefttextbox_klein {
        width: 24%;
    }
    
    #textbox {
        left: 27%;
        width: 55%;
    }
    
    #gmapLayerTop {
        padding-left: 0px !important;
    }
}

@media screen and (max-width: 640px)  {
    #head_area {
    	background-size: 70% auto;
    }
    
    #logo > img {
        width:  85%;
    }
    
    #searcharea {
        left: 34%;
        top: 155px;
    }
    
    #mainNaviArea {
        width: 20%;
    }
    
    #teaser > img,
    #teaser_klein > img {
        width: 64%;
    }
    
    #teaser_headline,
    #teaser_headline_klein {
        left: 115%;
        width: 385px;
    }
    
    #lefttextbox {
        width: 20%;
    }
    
    #lefttextbox_klein_expose,
    #lefttextbox_klein {
        width: 20%;
    }
    
    #textbox {
        left: 22.5%;
        width: 43%;
    }
    
    .listtable td {
        width: 150px;
    }
    
    .listtable img {
        width: 95%;
    }
    
    #myGallery, #myGallerySet, #flickrGallery {
        height: 300px !important;
    }
}

@media screen and (max-width: 970px)  {
    .mobileNavSwitcher {
        cursor: pointer;
        display: block;
        left: 100%;
        position: absolute;
        top: 30px;
        z-index: 300;
    }
    
    .mobileNavSwitcher > img {
        width:  32px;
    }
    
    .mobileNavSwitcher.closer {
        cursor: pointer;
        display: block;
        left: 28%;
        position: absolute;
        top: 10px;
    }
    
    #mobile {
        background-color: rgba(255, 255, 255, 0.9);
        line-height: 1;
        padding: 20px;
        text-align: left;
        width: 100%;
        z-index: 400;
    }
    
	#mobile > li {
      list-style: none;
    }
    
    #mobile > li > a {
        font-size: 25px;
    }
    
    #mobile > li > ul {
        display: inline-block;
    }
    
    #mobile ul {
        display: block;
        font-size: 14px;
        font-weight: normal;
        list-style: outside none none;
        padding-left: 20px;
    }
    
    #mobile a {
        display: block;
        padding: 10px;
        width: 100%;
        font-size: 18px;
        color: #a7111e;
    }
    
    #head_area {
    	background-size: 320px;
    	height: 110px;
    }
    
    #logo {
        left: 10px;
        top: 20px;
    }
    
    #logo > img {
        width: 180px;
    }
    
    #searcharea {
        left: 3px;
        top: 80px;
    }
    
    #mainNaviArea,
    #naviteaser_area_klein,
    #teaser,
    #teaser_klein,
    #lefttextbox_klein_expose, 
    #lefttextbox_klein,
    #lefttextbox_klein_expose > #teaser_headline_klein,
    #subNaviArea,
    .listtable td:first-child {
        display: none;
    }
    
    #teaser_headline {
        left: auto;
        font-size: 30px;
        width: 295px;
        height: 120px;
        top: -95px;
    }
    
    #textbox {
        left: 10px;
        top: 0px !important;
        width: 303px;
    }
    
    #textbox > h2 {
        font-size: 16px;
    }
    
    #textbox img {
        width: 90%;
    }
    
    .pdf_mobile {
        width: 18px !important;
    }
    
    #lefttextbox {
        width: 303px;
        top: 195px;
    }
    
    .box1 > img {
        width: 97% !important;
    }
    
    #immobiliendetails_mobile {
        display: block;
    	font-family: georgia,garamond,serif;
    	border:1px solid #c2715c;
    	font-weight:bold;
    	width:200px;
    	height:30px;
    	background-color: #c2715c;
    	color: #FFFFFF;
    	cursor:pointer;
    }
    
    .mobile_btns {
        display: block;
    }
    
    #myGallery, #myGallerySet, #flickrGallery {
        height: 150px !important;
    }
    
    .captcha_img {
        width: 80px !important;
    }
}