* { 
	padding:0;
	margin:0;
	}
body {
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight:400;
	color:#333;
	background:url(../images/Fotolia_62132429_S.jpg) top center no-repeat fixed;
	background-size:cover;
	}

h1 {
	font-size:36px;
	font-weight:400;
	color:#1c3c93;
	text-shadow:#fff 2px 2px 1px;
	}

#wohnungen {
	background:url(../bilder/wohnungen.jpg) top center no-repeat fixed;
	background-size:cover;
	}
#haeuser {
	background:url(../bilder/haeuser.jpg) top center no-repeat fixed;
	background-size:cover;
	}
#wrapper {
	width:100%;
	margin:0 auto;
	}
#navimobilbutton, #navimobilbuttonclose {
		position:absolute;
		top:0;
		right:0;
		margin:5px 5px 0 0;
		width:20px;
		height:28px;
		padding:0 15px 22px 15px;
		border:#1c3c93 3px solid;
		color:#1c3c93;
		font-size:36px;
		background:#fff;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		}
#navimobilbuttonclose {
	display:none;
	}
#content {
	padding:10px;
	background:#fff;
	background:rgba(255,255,255,0.8);
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	}
#immergutberatenausruf #content, #referenzen #content, #auszeichnungen #content {
	background:transparent;
	}
#content ul, #content ol {
	list-style-position:inside;
	}
.left {
	float:left;
	}
.right {
	float:right;
	}
.content-clear {
	clear:both;
	}
.sidebarboxblack {
	 width:270px;
	 padding:15px;
	 border-radius:10px;
	-web-kit-border-radius:10px;
	-moz-border-radius:10px;
	 background:rgba(0,0,0,0.7);
	 color:#ddd;
	 text-align:left;
	 }
span.zeile2{
	padding-right:91px;
	}
span.zeile1{
	padding-right:65px;
	}
span.zeile3 {
	padding-right:5px;
	}
.clearing {
	clear:both;
	}

.logolink, .logolink:visited, .logolink:active, .logolink:link, .logolink:hover {
	text-decoration:none;
	border:none;
	}

.boxshadow
	{
	width:15rem;
	height:15rem;
	padding:1rem;
	margin:1rem;
	background:url(../bilder/bgmodal.png);
	border-radius:5%;
	float:left;
	}
.box
	{
	position:relative;
	top:-3rem;
	left:-3rem;
	width:15rem;
	height:15rem;
	padding:1rem;
	margin:1rem;
	color:#fff;
	text-shadow: #000 1px 1px 1px;
	font-size:2rem;
	font-weight:100;
	border-radius:5%;
	-moz-border-radius:5%;
	-webkit-border-radius:5%;
	}
.boxrefshadow
	{
	width:15rem;
	height:23rem;
	padding:1rem;
	margin:1rem;
	background:url(../bilder/bgmodal.png);
	float:left;
	}
.boxref
	{
	position:relative;
	top:-3rem;
	left:-3rem;
	width:15rem;
	height:23rem;
	padding:1rem;
	margin:1rem;
	color:#fff;
	text-shadow: #000 1px 1px 1px;
	font-size:2rem;
	font-weight:100;
	cursor:pointer;
	}
.boxrefshadow  img {
	width:100%;
	}
.boxrefbig
	{
	width:30rem;
	display:none;
	position:relative;
	top:-40rem;
	left:-15rem;
	z-index:3;
	cursor:pointer;
	}

#immo-picture {
	 position:relative;
	 margin-top:20px;
	 border-top-left-radius:20px;
	 -moz-border-top-left-radius:20px;
	 -webkit-border-top-left-radius:20px;
	 border-top-right-radius:20px;
	 -moz-border-top-right-radius:20px;
	 -webkit-border-top-right-radius:20px;
	 background:url(../images/bg_immo-picture.png);
	 }
.pic-content-frame {
	position:relative;
	width:577px;
	height:505px;
	text-align:center;
	}
.pic-content-box {
	 width:577px;
	 height:433px;
	}
.button-left-gallery, .button-right-gallery  {
	position:absolute;
	bottom:0;
	z-index:2;
	width:50px;
	height:45px;
	cursor:pointer;
	}
.button-left-gallery {
	left:0;
	}
.button-right-gallery {
	right:0;
	}
#pic-content-text {
	 position:absolute;
	 bottom:20px;
	 left:0;
	 width:100%;
	 height:auto;
	 display:inline-block;
	}
#immo-content {
	 width:100%;
	 height:auto;
	 border-bottom-left-radius:20px;
	 -moz-border-bottom-left-radius:20px;
	 -webkit-border-bottom-left-radius:20px;
	 border-bottom-right-radius:20px;
	 -moz-border-bottom-right-radius:20px;
	 -webkit-border-bottom-right-radius:20px;
	background:url(../images/bg_immo-picture.png);
	}
#immo-content p{
	padding:15px 0;
	}
#immo-content-texte div {
	margin:0 5%;
	text-align:justify;
	}
#immo-content-line {
	width:100%;
	}
#immo-content-line div {
	float:left;
	width:40%;
	margin:10px 5%;
	}
#immo-content-line span{
	float:right;
	}
h1.ang-titel {
	font-size:24px;
	font-weight:300;
	/* color:#1c3c93; */
	}
/* ------ kauf ------ */
#kauf {
	position:relative;
	display:block;
	}
#kauf>h2 {
	position:absolute;
	top:-40px;
	left:-10px;
	width:50%;
	z-index:3;
	padding-left:10px;
	font-size:24px;
	font-weight:normal;
	border-top-left-radius:20px;
	-moz-border-top-left-radius:20px;
	-webkit-border-top-left-radius:20px;
	border-top-right-radius:20px;
	-moz-border-right-left-radius:20px;
	-webkit-border-right-left-radius:20px;
	background:#fff;;
	}
#kauf>div {
	position:absolute;
	top:-40px;
	right:-10px;
	width:60%;
	cursor:pointer;
	z-index:2;
	padding-right:10px;
	font-size:24px;
	font-weight:normal;
	text-align:right;
	border-top-left-radius:20px;
	-moz-border-top-left-radius:20px;
	-webkit-border-top-left-radius:20px;
	border-top-right-radius:20px;
	-moz-border-right-left-radius:20px;
	-webkit-border-right-left-radius:20px;
	background:#ddd;
	color:#666;
}
#kauf>div:hover {
	background:#333;
	color:#fff;
}
/* --------------------------- */

/* ------ miet ------ */
#miet {
	display:none;
	position:relative;
	}
#miet>h2 {
	position:absolute;
	top:-40px;
	right:-10px;
	width:50%;
	z-index:3;
	padding-right:10px;
	font-size:24px;
	font-weight:normal;
	text-align:right;
	border-top-left-radius:20px;
	-moz-border-top-left-radius:20px;
	-webkit-border-top-left-radius:20px;
	border-top-right-radius:20px;
	-moz-border-right-left-radius:20px;
	-webkit-border-right-left-radius:20px;
	background:#fff;
	}
#miet>div {
	position:absolute;
	top:-40px;
	left:-10px;
	width:60%;
	cursor:pointer;
	z-index:2;
	padding-left:10px;
	font-size:24px;
	font-weight:normal;
	border-top-left-radius:20px;
	-moz-border-top-left-radius:20px;
	-webkit-border-top-left-radius:20px;
	border-top-right-radius:20px;
	-moz-border-right-left-radius:20px;
	-webkit-border-right-left-radius:20px;
	background:#ddd;
	color:#666;
}
#miet>div:hover {
	background:#333;
	color:#fff;
}
/* --------------------------- */
.expline>h3 {
	margin-bottom:15px;
	}

#miet div.leereliste, #kauf div.leereliste {
	 width:100%;
	 padding:10px;
	 height:300px;
	 background:#fff;
	 position:relative;
	 top:-25px;;
	 left:-10px;
	 z-index:1;
	 background:url(../bilder/leereliste.png); /*top center no-repeat fixed;*/
	background-size:cover;
	}
/* --------------------------- */	
	
#wohnungen #content {
	border-top-left-radius:0;
	-moz-border-top-left-radius:0;
	-webkit-border-top-left-radius:0;
	border-top-right-radius:0;
	-moz-border-top-right-radius:0;
	-webkit-border-top-right-radius:0;
	}
	
/* --------------------------- */
/* --- contentone, ....two, ....three --- */

#contentone {
	position:relative;
	}
#contentone .one {
	width:35%;
	height:40px;
	padding-left:15px;
	position:absolute;
	top:-35px;
	left:-10px;
	font-size:18px;
	font-weight:normal;
	border-top-left-radius:20px;
	-moz-border-top-left-radius:20px;
	-webkit-border-top-left-radius:20px;
	border-top-right-radius:20px;
	-moz-border-right-left-radius:20px;
	-webkit-border-right-left-radius:20px;
	background:#fff;
	color:#333;
	}
#contentone .one {
	width:35%;
	height:40px;
	padding-left:15px;
	position:absolute;
	top:-35px;
	left:-10px;
	font-size:18px;
	font-weight:normal;
	border-top-left-radius:20px;
	-moz-border-top-left-radius:20px;
	-webkit-border-top-left-radius:20px;
	border-top-right-radius:20px;
	-moz-border-right-left-radius:20px;
	-webkit-border-right-left-radius:20px;
	background:#fff;
	color:#333;
	}
#contentone .two{
	width:35%;
	height:40px;
	padding-left:15px;
	position:absolute;
	top:-35px;
	left:30%;
	cursor:pointer;
	font-size:18px;
	font-weight:normal;
	border-top-left-radius:20px;
	-moz-border-top-left-radius:20px;
	-webkit-border-top-left-radius:20px;
	border-top-right-radius:20px;
	-moz-border-right-left-radius:20px;
	-webkit-border-right-left-radius:20px;
	border:1px solid #fff;
	border-bottom:0;
	background:#ddd;
	color:#666;
	}
#contentone  .three{
	width:35%;
	height:40px;
	padding-left:15px;
	position:absolute;
	top:-35px;
	right:-10px;
	cursor:pointer;
	font-size:18px;
	font-weight:normal;
	border-top-left-radius:20px;
	-moz-border-top-left-radius:20px;
	-webkit-border-top-left-radius:20px;
	border-top-right-radius:20px;
	-moz-border-right-left-radius:20px;
	-webkit-border-right-left-radius:20px;
	border:1px solid #fff;
	border-bottom:0;
	background:#ddd;
	color:#666;
	}

#contenttwo  {
	display:none;
	position:relative;
	}
#contenttwo .one {
	width:35%;
	height:40px;
	padding-left:15px;
	position:absolute;
	top:-35px;
	left:-10px;
	cursor:pointer;
	font-size:18px;
	font-weight:normal;
	border-top-left-radius:20px;
	-moz-border-top-left-radius:20px;
	-webkit-border-top-left-radius:20px;
	border-top-right-radius:20px;
	-moz-border-right-left-radius:20px;
	-webkit-border-right-left-radius:20px;
	border:1px solid #fff;
	border-bottom:0;
	background:#ddd;
	color:#666;
	}
#contenttwo .two{
	width:35%;
	height:40px;
	padding-left:15px;
	position:absolute;
	top:-35px;
	left:30%;
	font-size:18px;
	font-weight:normal;
	border-top-left-radius:20px;
	-moz-border-top-left-radius:20px;
	-webkit-border-top-left-radius:20px;
	border-top-right-radius:20px;
	-moz-border-right-left-radius:20px;
	-webkit-border-right-left-radius:20px;
	border:1px solid #fff;
	background:#fff;
	color:#333;
	}
#contenttwo  .three{
	width:35%;
	height:40px;
	padding-left:15px;
	position:absolute;
	top:-35px;
	right:-10px;
	cursor:pointer;
	font-size:18px;
	font-weight:normal;
	border-top-left-radius:20px;
	-moz-border-top-left-radius:20px;
	-webkit-border-top-left-radius:20px;
	border-top-right-radius:20px;
	-moz-border-right-left-radius:20px;
	-webkit-border-right-left-radius:20px;
	border:1px solid #fff;
	border-bottom:0;
	background:#ddd;
	color:#666;
	}

#contentthree  {
	display:none;
	position:relative;
	}
#contentthree  .one {
	width:35%;
	height:40px;
	padding-left:15px;
	position:absolute;
	top:-35px;
	left:-10px;
	cursor:pointer;
	font-size:18px;
	font-weight:normal;
	border-top-left-radius:20px;
	-moz-border-top-left-radius:20px;
	-webkit-border-top-left-radius:20px;
	border-top-right-radius:20px;
	-moz-border-right-left-radius:20px;
	-webkit-border-right-left-radius:20px;
	border:1px solid #fff;
	border-bottom:0;
	background:#ddd;
	color:#666;
	}
#contentthree  .two{
	width:35%;
	height:40px;
	padding-left:15px;
	position:absolute;
	top:-35px;
	left:30%;
	cursor:pointer;
	font-size:18px;
	font-weight:normal;
	border-top-left-radius:20px;
	-moz-border-top-left-radius:20px;
	-webkit-border-top-left-radius:20px;
	border-top-right-radius:20px;
	-moz-border-right-left-radius:20px;
	-webkit-border-right-left-radius:20px;
	border:1px solid #fff;
	border-bottom:0;
	background:#ddd;
	color:#666;
	}
#contentthree   .three{
	width:35%;
	height:40px;
	padding-left:15px;
	position:absolute;
	top:-35px;
	right:-10px;
	cursor:pointer;
	font-size:18px;
	font-weight:normal;
	border-top-left-radius:20px;
	-moz-border-top-left-radius:20px;
	-webkit-border-top-left-radius:20px;
	border-top-right-radius:20px;
	-moz-border-right-left-radius:20px;
	-webkit-border-right-left-radius:20px;
	border:1px solid #fff;
	background:#fff;
	color:#333;
	}
/* --------------------------- */
	
@media only screen and (min-width: 919px)
	{
	h1 {
		margin-bottom:55px;
		}
	#navi {			min-width:1000px; }
	#contentbox {
		min-height:1300px;
		padding-top:140px;
		float:right;
		}
	.width20 {
		width:20%;
		}
	.width30 {
		width:30%;
		}
	.width40 {
		width:40%;
		}
	.width50 {
		width:50%;
		}	
	.width60 {
		width:60%;
		}
	.width70 {
		width:70%;
		}
	.width80 {
		width:80%;
		}
	.width100 {
		width:100%;
		}
	.content-pic-left-100, .content-pic-right-100 {
		width:100%;
		height:auto;
		}
	#sidebar {
		min-height:1300px;
		padding-top:270px;
		float:left;
		text-align:right;
		width:380px;
		}
	.sidebarbox {
		width:auto;
		padding:15px 15px 15px 5px;
		color:#ddd;
		text-align:center;
		}
	#footer {
		width:300px;
		padding:20px;
		}
	#header {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:230px;
		}
		#header div {
		position:absolute;
		top:50px;
		left:0;
		}
	.logo {
		display:inline;
		}
	.logo-mobil {
		display:none;
		}
	/* für IE7 */
	*+ html #menu ul li {
		float:left;
		width:100%;
	}

	/* für IE6  - einbinden der "csshover3-source.htc", bewirkt das der IE7 auch auf ul und li hovern kann */
	*html body {
		behavior:url(css/csshover3-source.htc);
		font-size:100%;
		}
	*html #menu ul li a {
		height:1%; 
		}
	#navimobilbutton {
		display:none;
		}
	#navibox {
		position:absolute;
		top:0;
		right:0;
		width:100%;
		color:#fff;
		background:#333;
		}

	#navi{
		line-height:1.5;
		float:left;
		margin:0 20% 0 10%;
		text-align:right;
		}
	#navi ul {
		float:left;
		list-style-type:none;
		width:150px;
		margin:0 1px;
		text-align:center;
		}

	#navi a {
		display:block; /* block */
		text-decoration:none;
		width:150px;
		padding:5px 7px;
		color:#fff;
		}
	#navi a:hover {
		background:#fff;
		color:#000;
		}

	#navi li {
		position:relative;	 /* verhindert Höhenvergrösserung beim hovern von #menu */
	}
	#navi ul ul {
		position:absolute;
		z-index:1;
		display:none;
		width:214px;
		background:#333;
		text-align:left;
		}

	#navi ul li:hover ul {
		display:block;
		}		

	#navi ul li ul li a {
		width:200px;
		}
	#navitop, #navibottom {
		width:100px;
		background:#333;
		background:rgba(0,0,0,0.7);
		color:white;
		padding:0 0 0 5px;
		border-radius:10px 0 0 10px;
		-webkit-border-radius:10px 0 0 10px;
		-moz-border-radius:10px 0 0 10px;
		}
	#navitop {
		position:fixed;
		top:50px;
		right:0;
		}
	#navibottom {
		position:fixed;
		bottom:50px;
		right:0;
		}
	#navitop a, #navibottom a {
		display:inline-block;
		text-decoration:none;
		padding:2px 5px;
		color:#fff;
		}
	#navitop  a:hover,  #navibottom a:hover {
		text-decoration:none;
		color:red;
		}
	.gallerypic {
		width:116px;
		height:84px;
		overflow:hidden;
		padding:1px;
		float:left;
		cursor:pointer;
		}
	.gallerypic img {
		width:100%;
		}
	a.explink:link, a.explink:visited, a.explink:active {
		display:block;
		margin:10px 0;
		text-decoration:none;
		color:#333;
		border-bottom:#000 1px solid;
		}
	a.explink:hover {
		background:#333;
		color:#fff;
		}
	.expline {
		width:auto;
		}
	.explinecolleft {
		float:right;	/* left; */
		width:600px;
		height:190px;
		}
	
	.explinecolleft div:first-child{
		width:600px;
		height:150px;
		overflow:hidden;
		padding:0 5px 0 0;
		}
		
	.explinecolleft div:last-child {
		margin-top:10px;
		font-weight:bold;
		}

	.explinecolcenter {
		float:right;	/* left; */
		margin-left:25px;
		width: 230px;
		height:190px;
		}
	.explinecolcenter span {
	float:right;
	margin-right:15px;
	}
	.explinepic {
		width:232px;
		height:168px;
		overflow:hidden;
		padding:1px;
		float:left;	/* right;*/ 
		cursor:pointer;
		}
	.explinepic img {
		width:100%;
		}
	}
@media only screen and (max-width: 919px)
	{
	h1 {
		margin-bottom:25px;
		font-size:24px;
		}
	h1.ang-title {
		font-size:20px;
		font-weight:300;
		}
	#contentbox {
		margin:0 auto;
		padding-top:102px;
		}
	#sidebar {
		background:transparent;
		width:100%;
		} 

	.sidebarbox {
		width:auto;
		padding:5px;
		color:#ddd;
		text-align:center;
		}
	#footer {
		width:300px;
		}
	#header {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:102px;
		}
	.logo {
		display:none;
		}
	.logo-mobil {
		display:inline;
		}
	#navimobilbutton {
		display:block;
		}
	#navibox {
		display:none;
		position:absolute;
		top:0;
		right:0;
		width:100%;
		}
	#navi {
		width:100%;
		margin:0;
		padding:0;
		text-align:right;
		}
	div#navi ul  li, div#navi ul li ul li, #navitop ul li, #navibottom  ul li{			/*	beschreibt und positioniert den Navigatinspunkt der 1. Ebene	*/
		list-style-type:none;
		background:url(../images/mobilbg.png);
		text-align:left;
		}
	div#navi ul  li a, div#navi ul  li ul li a, #navitop ul  li a, #navibottom ul  li a {	 	/*	hover - 1. Ebene	*/
		display:inline-block;
		text-decoration:none;
		padding:5px;
		color:#fff;
		}
	div#navi ul  li a, #navitop ul  li a, #navibottom ul  li a {
		margin-left:15px;
		}
	div#navi ul  li ul li a {
		margin-left:30px;
		}
	div#navi ul  li a:hover, div#navi ul  li ul li a:hover, #navitop ul  li a:hover, #navibottom ul  li a:hover {	
		color:red;
		}
	a.explink:link, a.explink:visited, a.explink:active {
		display:block;
		margin:10px 0;
		text-decoration:none;
		color:#333;
		border-bottom:#000 1px solid;
		}
	a.explink:hover {
		background:#333;
		color:#fff;
		}
	.expline {
		width:auto;
		}
	.explinecolleft {
		float:right;	/* left; */
		width:650px;
		height:120px;
		}
	
	.explinecolleft div:first-child{
		width:650px;
		height:80px;
		overflow:hidden;
		padding:0 5px 0 0;
		}
		
	.explinecolleft div:last-child {
		margin-top:10px;
		font-weight:bold;
		}

	.explinecolcenter {
		float:right;	/* left; */
		margin-left:25px;
		width: 230px;
		height:190px;
		}
	.explinecolcenter span {
	float:right;
	margin-right:15px;
	}
	.explinepic {
		width:130px;
		height:168px;
		overflow:hidden;
		padding:1px;
		float:left;	/* right; */
		cursor:pointer;
		}
	.explinepic img {
		width:80%;
		}
	.boxrefbig
	{
	width:30rem;
	display:none;
	position:relative;
	top:-30rem;
	left:-2rem;
	z-index:3;
	cursor:pointer;
	}
	}
div#navitop ul  li, div#navibottom ul  li {
	list-style-type:none;
	}
@media only screen and (min-width: 300px) and (max-width: 410px)
	{
	.explinepic { display:none;}
	.explinecolleft { display:none;}
	.explinecolleft div:first-child{ display:none;}
	}
@media only screen and (min-width: 411px) and (max-width: 512px)
	{
	.explinecolleft { display:none;}
	.explinecolleft div:first-child{ display:none;}
	}
@media only screen and (min-width: 513px) and (max-width: 614px)
	{
	.explinecolleft { width:80px;}
	.explinecolleft div:first-child{ display:none;}
	}
@media only screen and (min-width: 615px) and (max-width: 716px)
	{
	.explinecolleft { width:180px; }
	.explinecolleft div:first-child{ width:180px;}
	}
@media only screen and (min-width: 717px) and (max-width: 817px)
	{
	.explinecolleft { width:280px; }
	.explinecolleft div:first-child{ width:280px;}
	}
@media only screen and (min-width: 818px) and (max-width: 918px)
	{
	.explinecolleft { width:380px;}
	.explinecolleft div:first-child{ width:380px; }
	}
@media only screen and (min-width: 919px) and (max-width: 1020px)
	{
	#navi {			min-width:800px; }
	#contentbox {	width:519px; }
	#content {		width:490px; }
	.content-left {	width:100%;  }
	.content-right {	width:100%;  }
	.explinecolleft { width:145px;}
	.explinecolleft div:first-child{ width:145px; height:106px;}
	.explinecolcenter { width:185px; height:106px;  margin-left:5px;}
	.explinepic { width:150px; height:168px;}
	.explinepic img { width:80%; }
	}
@media only screen and (min-width: 1021px) and (max-width: 1134px)
	{
	#navi {			min-width:900px; }
	#contentbox {	width:621px; }
	#content {		width:585px; }
	.content-left {	width:100%;  }
	.content-right {	width:100%;  }
	.explinecolleft { width:225px;}
	.explinecolleft div:first-child{ width:225px; height:106px;}
	.explinecolcenter { width:185px; height:106px;  margin-left:5px;}
	.explinepic { width:150px; height:168px;}
	.explinepic img { width:80%; }
	}
@media only screen and (min-width: 1135px) and (max-width: 1260px)
	{
	#contentbox {	width:735px; }
	#content {		width:700px; }
	.explinecolleft { width:200px; }
	.explinecolleft div:first-child{ width:200px;}
	}
@media only screen and (min-width: 1261px) and (max-width: 1400px)
	{
	#contentbox {	width:861px; }
	#content {		width:825px; }
	.explinecolleft { width:325px; }
	.explinecolleft div:first-child{ width:325px;}
	}
@media only screen and (min-width: 1401px) and (max-width: 1555px)
	{
	#contentbox {	width:1001px; }
	#content {		width:950px; }
	.explinecolleft { width:450px; }
	.explinecolleft div:first-child{ width:450px;}
	}
@media only screen and (min-width: 1556px) and (max-width: 1728px)
	{
	#contentbox {	width:1156px; }
	#content {		width:1100px; }
	.explinecolleft { width:600px; }
	.explinecolleft div:first-child{ width:600px;}
	}
@media only screen and (min-width: 1729px) and (max-width: 1920px)
	{
	#contentbox {	width:1329px; }
	#content {		width:1200px; }
	.explinecolleft { width:700px; }
	.explinecolleft div:first-child{ width:700px;}
	}
@media only screen and (min-width: 1921px)
	{
	#contentbox {	width:1521px; }
	#content {		width:1400px; margin:0 auto;}
	}

@media only screen and (max-width: 1299px)
	{
	#gallery, #button-top-gallery, #button-bottom-gallery {
		display:none;
		}
	}
@media only screen and (min-width: 1299px)
	{
	#gallery, #button-top-gallery, #button-bottom-gallery {
		display:block;
		}
	#button-top-gallery, #button-bottom-gallery {
		position:absolute;
		right:121px;
		z-index:2;
		width:40px;
		height:40px;
		cursor:pointer;
		}
	#button-top-gallery {
		top:5px;
		}
	#button-bottom-gallery {
		bottom:5px;
		}
	#galleryframe {
		position:absolute;
		top:0;
		right:0;
		width:118px;
		height:505px;
		overflow:hidden;
		display:block;	
		}
	}
@media only screen and (min-width: 1437px)
	{
	#button-top-gallery, #button-bottom-gallery {
		right:239px;
		}
	#galleryframe {
		width:236px;
		}
	}
@media only screen and (min-width: 1555px)
	{
	#button-top-gallery, #button-bottom-gallery {
		right:357px;
		}
	#galleryframe {
		width:354px;
		}
	}
@media only screen and (min-width: 1673px)
	{
	#button-top-gallery, #button-bottom-gallery {
		right:475px;
		}
	#galleryframe {
		width:472px;
		}
	}

@media only screen and (min-width: 919px) and (max-width: 1015px)
	{
	.pic-content-frame {
		width:505px;
		}
	.pic-content-box {
		width:auto;
		height:365px
		}
		.pic-content-box img {
		height:100%;
		}
	}
@media only screen and (min-width: 545px) and (max-width: 645px)
	{
	.pic-content-frame {
		width:505px;
		}
	.pic-content-box {
		width:auto;
		height:365px
		}
		.pic-content-box img {
		height:100%;
		}
	}
@media only screen and (min-width: 543px) and (max-width: 644px)
	{
	.pic-content-frame {
		width:505px;
		}
	.pic-content-box {
		width:auto;
		height:365px
		}
		.pic-content-box img {
		height:100%;
		}
	}
@media only screen and (min-width: 438px) and (max-width: 644px)
	{
	.pic-content-frame {
		width:400px;
		height:350px;
		}
	.pic-content-box {
		width:auto;
		height:300px
		}
		.pic-content-box img {
		height:100%;
		}
	}
@media only screen and (min-width: 340px) and (max-width: 437px)
	{
	.pic-content-frame {
		width:333px;
		height:325px;
		}
	.pic-content-box {
		width:auto;
		height:250px
		}
		.pic-content-box img {
		height:100%;
		}
	}
@media only screen and (max-width: 339px)
	{
	.pic-content-frame {
		width:267px;
		height:325px;
		}
	.pic-content-box {
		width:auto;
		height:200px
		}
		.pic-content-box img {
		height:100%;
		}
	}
/* ---------------------------------------------------------------------- */
p{margin-top:0px; margin-bottom:0px;} 
.content-font-size-xx-small {font-size: 50%;}
.content-font-size-x-small {font-size: 60%;}
.content-font-size-small {font-size: 75%;}
.content-font-size-smaller {font-size: 90%;}
.content-font-size-medium {font-size: 100%;}
.content-font-size-large {font-size: 110%;}
.content-font-size-larger {font-size: 125%;}
.content-font-size-x-large {font-size: 150%;}
.content-font-size-xx-large {font-size: 200%;}
.content-color-ff0000 {color: #ff0000;}
.content-color-ff3333 {color: #ff3333;}
.content-color-ff6666 {color: #ff6666;}
.content-color-ff9999 {color: #ff9999;}
.content-color-ffcccc {color: #ffcccc;}
.content-color-330000 {color: #330000;}
.content-color-660000 {color: #660000;}
.content-color-990000 {color: #990000;}
.content-color-993300 {color: #993300;}
.content-color-cc3300 {color: #cc3300;}
.content-color-ff6600 {color: #ff6600;}
.content-color-ff9933 {color: #ff9933;}
.content-color-ff9966 {color: #ff9966;}
.content-color-ffff00 {color: #ffff00;}
.content-color-ffff33 {color: #ffff33;}
.content-color-ffff66 {color: #ffff66;}
.content-color-ffff99 {color: #ffff99;}
.content-color-ffffcc {color: #ffffcc;}
.content-color-ffcc66 {color: #ffcc66;}
.content-color-ffcc99 {color: #ffcc99;}
.content-color-00ff00 {color: #00ff00;}
.content-color-33ff33 {color: #33ff33;}
.content-color-66ff66 {color: #66ff66;}
.content-color-99ff99 {color: #99ff99;}
.content-color-ccffcc {color: #ccffcc;}
.content-color-00ccff {color: #00ccff;}
.content-color-33ccff {color: #33ccff;}
.content-color-66ccff {color: #66ccff;}
.content-color-99ccff {color: #99ccff;}
.content-color-ccffff {color: #ccffff;}
.content-color-0000ff {color: #0000ff;}
.content-color-3333ff {color: #3333ff;}
.content-color-6666ff {color: #6666ff;}
.content-color-9999ff {color: #9999ff;}
.content-color-ccccff {color: #ccccff;}
.content-color-ff00ff {color: #ff00ff;}
.content-color-ff33ff {color: #ff33ff;}
.content-color-ff66ff {color: #ff66ff;}
.content-color-ff99ff {color: #ff99ff;}
.content-color-ffffff {color: #ffffff;}
.content-color-6600ff {color: #6600ff;}
.content-color-9933ff {color: #9933ff;}
.content-color-9966ff {color: #9966ff;}
.content-color-cc99ff {color: #cc99ff;}
.content-color-000000 {color: #000000;}
.content-color-333333 {color: #333333;}
.content-color-666666 {color: #666666;}
.content-color-cccccc {color: #cccccc;}
.content-color-aaaaaa {color: #aaaaaa;}
.content-color-ffffff {color: #ffffff;}
.content-text-align-right {text-align: right;}
.content-text-align-center {text-align: center;}
.content-text-align-left {text-align: left;}
.content-float-left {float: left;margin:0;}
.content-float-right {float: right;margin:0;}
.content-pic-right-10 {float:right;margin:0.5% 0 0.5% 1%;width:10%;}
.content-pic-left-10 {float:left;margin:0.5% 1% 0.5% 0;width:10%;}
.content-pic-right-25 {float:right;margin:0.5% 0 0.5% 1%;width:25%;}
.content-pic-left-25 {float:left;margin:0.5% 1% 0.5% 0;width:25%;}
.content-pic-right-50 {float:right;margin:0.5% 0 0.5% 1%;width:50%;}
.content-pic-left-50 {float:left;margin:0.5% 1% 0.5% 0;width:50%;}
.content-pic-right-75 {float:right;margin:0.5% 0 0.5% 1%;width:75%;}
.content-pic-left-75 {float:left;margin:0.5% 1% 0.5% 0;width:75%;}
.content-pic-right-100 {float:right;margin:0;width:100%;}
.content-pic-left-100 {float:left;margin:0;width:100%;}
.content-clear-right {clear: right;}
.content-clear-left {clear: left;}

div.sidebarbox [http://www.makler-empfehlung.de/makler/qualitaetssiegel/14160]{display:none;}