

























body
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; 
	padding: 0px;
	text-align: center;
	background-color: #F0EEE2;
}

#msswohntraum{}
	#page
	{
		width: 760px;
		position: relative;
		text-align: left;
		/* those margins are very important for the centric view*/
		margin-left: auto;
		margin-right: auto;
	}
#page_unten
	{
		width: 760px;
		position: relative;
		text-align: right;
/* those margins are very important for the centric view*/
		margin-left: auto;
		margin-right: auto;
	}
#page_content_unten {
background-color:#FFFFFF;
padding-right:10px;

}


	/*Logo*/

	#page_logo
	{ 
	width: 640px;
	background-color: #FFFFFF;
	text-align: right;
	padding-right: 120px;
	padding-top: 20px;
	padding-bottom: 10px;
	}		
*html #page_logo
	{ 
	width: 760px;
	background-color: #FFFFFF;
	text-align: right;
	padding-right: 120px;
	padding-top: 20px;
	padding-bottom: 10px;
	}		
		

	#page_header {width:100%;}

	#page_header_img
	{ 
	position: absolute;
	top: 267px;
	left: 480px;
	}		
*html #page_header_img
	{ 
	position: absolute;
	top: 257px;
	left: 480px;
	}	
	#page_mid
	{ 
	width: 100%;
	background-color: #FFFFFF;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#666666;
	}		

	#page_middle_top
	{ 
	width:440px;
	padding-top: 40px;
	padding-left: 15px;
	padding-right: 15px;
	}
	
	#page_middle_top h1 {
 	 padding-top:3px;
	 font-weight: 100;
/* 	 color:#9F0630; */
	color: #474747;
	 font-size:22px; /*Nur Temp*/
	 height: 25px;
	 width: 97%;
	 padding-bottom:8px;
	}

/*Anfang Navigation 1*/

	#page_nav_1
	{
	position: absolute;
	top: 108px;
	left: 15px;
	width:226px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	}
	
	#page_nav_1 a
	{
 	letter-spacing: 1px;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration:none;
	border-left: 4px solid #CCCCCC;
	line-height: 15px;
	}	
		
	#page_nav_1 a:hover {
	color:#AA0808;
	text-decoration:none;
	border-left: 4px solid #AA0808;
	}			
	
	#page_nav_1 a:visited {
	text-decoration:none;
	}		

	.page_nav_1_aktiv {
	color:#AA0808;
	}
	
	.page_nav_1_inaktiv {
	color:#FFFFFF;
	}	
	
/*Ende Navigation 1*/

/*Anfang Navigation 3*/

	#page_nav_3
	{
	position: absolute;
	top: 227px;
	left: 0px;
	width:760px;

	font-family: Arial, Helvetica, sans-serif;
	word-spacing: 1px;
	letter-spacing: 1px;
	height: 24px;
	background-color: #F0EEE2;
	padding-top: 17px;
	}
	
	#page_nav_3 a
	{
	color:#CC0000;
	padding: 15px;
	padding-top: 7px;
	padding-bottom: 8px;
	margin-right: 15px;
	text-decoration:none;
	border-right: 4px solid #F0EEE2;

	}	
		
	#page_nav_3 a:hover {
	color:#AA0808;
	text-decoration:none;
	border-top: 1px dashed #CC0000;
	border-right: 4px solid #AA0808;
	background-color: #FFFFFF;	
	}			
	
	#page_nav_3 a:visited {
	text-decoration:none;
	}		

	.page_nav_3_aktiv {
	color:#AA0808;
	text-decoration:none;
	background-color: #FFFFFF;
	border-left: 4px solid #FFFFFF;
	}	
	
/*Ende Navigation 3*/

/*Anfang Navigation 4*/
	#page_nav_4_bg
	{ 
	position: relative;
	top: 400px;
	left: 480px;
	width: 126px;
	background-color: #F0EEE2;
	}

	#page_nav_4
	{ 
	position: absolute;
	top: 400px;
	left: 480px;
	width: 126px;
	font-family: Arial, Helvetica, sans-serif;
	}

	#page_nav_4 a
	{
	font-size: 11px;
	padding-left: 15px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	color:#CC0000;
	text-decoration:none;
	border-left: 3px solid #D1CEB9;
	}	
		
	#page_nav_4 a:hover {
	border-top: 1px solid #CC0000;
	color:#CC0000;
	text-decoration:none;
	border-right: 4px solid #CC0000;
	}
	
	#page_nav_4 a:visited {
	text-decoration:none;
	}
	
	.page_nav_4_aktiv {
	border-bottom: 1px solid #D1CEB9;
	color:#CC0000;
	text-decoration:none;
	border-left: 4px solid #CC0000;
	padding-right: 10px;
	}
	
/*Ende Navigation 4*/


/*Anfang Navigation unten*/
		
	#page_bottom
	{ 
	padding: 15px;
	background-color:#F0EEE2;
	}
		
	#page_bottom a
	{
	font-size: 10px;
	padding-left: 15px; 
	color:#666666;
	text-decoration:none;
	border-left: 4px solid #D1CEB9;
	}	
		
	#page_bottom a:hover {
	border-bottom: 1px dashed #CC0000;
	color:#CC0000;
	text-decoration:none;
	border-left: 4px solid #CC0000;
	}
	
	#page_bottom a:visited {
	text-decoration:none;
	}

/*Ende Navigation unten*/


	
	/*Anfang Content Formatierung*/
	
	p, ul, li {
 	word-spacing: 1px;
	/* letter-spacing: 1px;*/
 	line-height: 20px;
	}
	li {
		padding-top:10px;
	}
	#page_middle
	{ 
	font-size: 12px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 50px;
	color:#666666;
	}
	
	#page_middle ul
	{ 
	font-size: 12px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 50px;
	color:#666666;
	}				

/*	#page_middle li
	{
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
   	line-height: 22px;
   	list-style-image: url(layout/symbol.gif);
	} */

	#page_middle_top h2
	{
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
   	line-height: 22px;
	border-top: 1px dashed #CCCCCC;
	margin-top: 25px;
	}
	
	#page_middle_top h4
	{
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
   	line-height: 22px;
	margin-top: 25px;
	}

/*	#page_middle_top a
	{
	font-size: 12px;
	padding-left: 15px; 
	color:#666666;
	text-decoration:none;
	border-left: 4px solid #D1CEB9;
	}	
	*/	

	
/*	#page_middle_top a:visited {
	text-decoration:none;
	}
	*/
/*Anfang Impressionen*/

	#page_middle_impressionen
	{
	}
	
	#page_middle_impressionen p
	{
	font-size: 26px;
	font-family: Arial, Helvetica, sans-serif;
	}
	
	#page_middle_impressionen a
	{
	margin-left: 25px;
	color: #AA0808;
	}
	
	#page_middle_impressionen a:visited {
	text-decoration:none;
	height: 120px;
	color: #AA0808;
	}
	
	#page_middle_impressionen a:hover {
	color:#AA0808;
	text-decoration:none;
	border-bottom: 1px dashed #CC0000;
	background-color: #FFFFFF;	
	}		
	
	.impressionen_aktiv
	{
	border: 2px solid #AA0808;
	}

/* ################### Mailformular ########################### */


fieldset {
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
border: 1px solid #C0C0C0;
}

.radiolayout {
width:60%;
padding-top:15px;
padding-bottom:15px;
}

.formu {
width:670px;
padding-top:10px;
padding-bottom:10px;
padding-left:110px;
border: 1px solid #C0C0C0;
}

.formu_verbindung {
width:580px;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
border: 1px solid #C0C0C0;
background-color:#E3E3E3;
}
*html .formu_verbindung {
width:590px;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
border: 1px solid #C0C0C0;
background-color:#E3E3E3;
}
.mf-radio {
border:0px;
}

.mf-text {
color: #000000;
border: 1px solid #C0C0C0;
margin-bottom: 5px;
}

.mf-check {
border: 0px;
}
.mf-select {
border:0px;
}

.mf-input {
border: 1px solid #C0C0C0;
margin-bottom: 5px;
}

.mf-submit {
color: #ffffff;
background-color: #C0C0C0;
border: 0px;
font-size:16px;
}	

#mailformEinwilligung_Datenschutz {

margin-left:0px;
margin-bottom:25px;
width: 30px;
  height: 30px;
}


/* ---------------------------------------------- Links ------------------------------ */

.mail {
	padding-left: 15px; 
	color:#666666;
	text-decoration:none;
	border-left: 4px solid #D1CEB9;
}
.mail a:hover {
	border-bottom: 1px dashed #CC0000;
	color:#CC0000;
	text-decoration:none;
	border-left: 4px solid #CC0000;
	}
.external-link-new-window {
	padding-left: 15px; 
	color:#666666;
	text-decoration:none;
	border-left: 4px solid #D1CEB9;
}
.internal-link {
	padding-left: 15px; 
	color:#666666;
	text-decoration:none;
	border-left: 4px solid #D1CEB9;
}

.content-element-sub-img a {
	text-decoration:none;
}
/* ---------------------------- SLIDESHOW  ---------------------------------------- */

 .content {
  height:158px;
  width:724px; /*
  background-image: url(../img/photo.gif);
  background-repeat: repeat-x; */
  padding-top:12px;
}
.tx-rgsmoothgallery-pi1 {
  background:#808080 url(img/loading-bar-black.gif) center center no-repeat;
}


/* --------------------------------- Tabellen Formatierung --------------------------- */

.tr-0 {
/*formatierungen erste Zeile*/
}

.tr-0 {
/*formatierungen erste Zeile*/
	background-color: #AACCBB;
	vertical-align: top;
}
.tr-even {
/*formatierung alle ungeraden Zeilen*/
	background-color: #AACCBB;
	color: #666666;
	font-size: 13px;
}
.tr-odd {
/*formatierung alle geraden Zeilen*/
	color: #666666;
	font-size: 13px;
}

.tr-even .td-0{
/*formatierung die linke Spalte der ungeraden Zeilen*/
	padding-right: 10px;
}
.tr-even .td-last {
/*formatierung die rechte Spalte der ungeraden Zeilen*/
}
.tr-odd .td-0{
/*formatierung  die linke Spalte der geraden Zeilen*/
	padding-right: 10px;
}
.tr-odd .td-last {
/*formatierung  die rechte Spalte der geraden Zeilen*/
}


/* --------------- */
.gallery-thumbnail {
	display: inline-flex;
	width:100px;
	height:100px;
	background-size: cover;
	background-position: center center;
	margin-bottom:10px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.5;
	transition: all 0.7s;
}
.gallery-thumbnail:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1;
	}
.gallery-thumbnail a {
	width:100px;
	height:100px;
}