body.platzhalter 	{ 	
				text-align: center; 
				font-size: 62,5%; 
				font-style: normal; 
				font-family: Verdana, Arial, Helvetica, sans-serif;
				background-color: white;
			}
			
body 		{ 	
				text-align: center; 
				font-size: 62,5%; 
				font-style: normal; 
				font-family: Verdana, Arial, Helvetica, sans-serif;
				background-color: white;
				color: #3c2e2a;
			}
			
body.test 		{ 	
				text-align: center; 
				font-size: 62,5%; 
				font-style: normal;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				background-color: white;
			}
			
body.test2 		{ 	
				text-align: center; 
				font-size: 62,5%; 
				font-style: normal;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				background-color: white;
			}
			
body.test3 		{ 	
				text-align: center; 
				font-size: 62,5%; 
				font-style: normal;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				background-color: white;
			}
			
.container	{
				width: 800px;
				height: 600px;
				background-color: yellow;
				background-image: url(../Bilder/hausB8.jpg);
				background-repeat: no-repeat;
				margin-top: 50px;
				margin-left: auto;
				margin-right: auto;
			}

.headline	{
		
		font-family: Arial;
		font-size: 1.3em;
		letter-spacing: 0.03em;
	}

.headlineAnfahrt	{
		
		font-family: Arial;
		font-size: 1.3em;
		letter-spacing: 0.03em;
		line-height: 1.7em;
	}

.frame		{
				position: fixed;
				top: -2px;
				left: -2px;
				right: 0px;
				bottom: 0px;
				z-index: 20;
			}
			
iframe		{
				width: 100%;
				height: 95%;
				max-height: 725px;
				overflow: auto;
			}
			
.buttonCon		{
					width: 120px;
					height: 25px;
					float: right;
					margin-top: 560px;
					margin-right: 14px;
					border: 1px;
					border-style: dashed;
					border-color: black;
				}
			
.button			{
					width: 120px;
					height: 21px;
					float: right;
					color: black;
					padding-top: 4px;
					font-size: 0.7em;
					font-style: italic;
					letter-spacing: 0.03em;
				}
			
.button:hover			{
					width: 120px;
					height: 21px;
					float: right;
					background-color: black;
					color: yellow;
					padding-top: 4px;
					font-size: 0.7em;
					font-style: italic;
					letter-spacing: 0.03em;
				}
				
.button:active			{
					width: 120px;
					height: 21px;
					float: right;
					background-color: white;
					color: black;
					padding-top: 4px;
					font-size: 0.7em;
					font-style: italic;
					letter-spacing: 0.03em;
				}

.adressfeld		{
					width: 400px;
					height: 200px;
					margin-top: 399px;
					margin-left: 15px;
					text-align: left;
					float: left;
					font-size: 0.7em;
					line-height: 1.4em;
					letter-spacing: 0.03em;
					color: yellow;
				}
	
			
				
.logo	{
			width: 142px;
			height: 110px;
			position: fixed;
			top: 79px;
			left: 81px;
			z-index: 100;
		}
		
.pfeil	{
			width: 400px;
			height: 600px;
			position: fixed;
			top: 148px;
			left: 400px;
		}

.bg		{
					width: auto;
					height: 85%;
					text-align: left;
					position: fixed;
					top: 0px;
					left: 0px;
					right: 0px;
					bottom: 179px;
					display: inherit;
					margin-top: 0px;
					padding-top: 0px;
					z-index: 1;
				}
		
		.bg img	{
					width: auto;
					height: 100%;
					max-height: 748px;
					-ms-interpolation-mode: bicubic;
					margin-top: 0px;
					margin-left: 0px;
				}


.bg1		{
					width: auto;
					height: 85%;
					text-align: left;
					position: fixed;
					top: 0px;
					left: 0px;
					right: 0px;
					bottom: 179px;
					display: inherit;
					margin-top: 0px;
					padding-top: 0px;
					z-index: 1;
				}
		
		.bg1 img	{
					width: auto;
					height: 100%;
					max-height: 748px;
					-ms-interpolation-mode: bicubic;
					margin-top: 0px;
					margin-left: 0px;	
				}


.linksRechts	{	
					font-size: 1.8em;
					position: fixed;
					left: 302px;
					top: 84.5%;
					z-index: 97;
					display: none;
					color: #3c2e2a;
				}
.ciFarbe	{
				color: #3c2e2a;
			}


.projektText	{
					width: 535px;
					text-align: left;
					font-size: 0.8em;
					line-height: 1.5em;
					padding-top: 0px;
					padding-bottom: 50px;
					margin-bottom: 100px;
				}
.projektTextAnfahrt	{
					position: fixed;
					top: 82px;
					left: 346px;
					width: 800px;
					text-align: left;
					font-size: 0.8em;
					line-height: 1.5em;
					padding-top: 0px;
					padding-bottom: 50px;
					margin-bottom: 100px;
					z-index: 100;
				}

#zustand	{
				width: 1px;
				height: 16px;
				background-color: #3c2e2a;
				position: fixed;
				left: 80px;
				top: 90%;
			}
				
.laedt	{
			width: 50px;
			height: 16px;
			position: fixed;
			left: 398px;
			top: 89.6%;
		}

.marker1	{
				width: 40px;
				height: 1px;
				background-color: #3c2e2a;
				position: fixed;
				top: 192px;
				left: 0px;
				z-index: 99;
			}
			
.marker2	{
				width: 40px;
				height: 1px;
				background-color: #3c2e2a;
				position: fixed;
				top: 80.5%;
				left: 0px;
				z-index: 99;
			}
				
.orange2	{
				color: orange;
			}
				
.menuSuper	{
				width: 127px;
				text-align: right;
				position: fixed;
				top: 213px;
				left: 80px;
				z-index: 98;
				font-size: 0.8em;
				line-height: 1.5em;
			}
				
.menuWohnen	{
				width: 127px;
				text-align: right;
				position: fixed;
				top: 270px;
				left: 200px;
				z-index: 98;
				font-size: 0.8em;
				line-height: 1.5em;
				display: inherit;
			}

li		{
			list-style-type:  decimal;
		}
	
h2		{
			line-height: 1.1em;
		}

.spalteLinks	{
					padding-right: 10px;
					vertical-align: top;
				}

a:link 		{
				text-decoration: none;
				color: #3c2e2a;
				outline: 0;
				-moz-outline: 0;
			}
			
a:visited 	{
				text-decoration: none;
				color: #3c2e2a;
				outline: 0;
				-moz-outline: 0;
			}
			
a:hover 	{
				text-decoration: none;
				color:orange;
				outline: 0;
				-moz-outline: 0;
			}
			
a:active 	{
				text-decoration: none;
				color: orange;
				outline: 0;
				-moz-outline: 0;
			}
	
a.extralink:link 		{
				text-decoration: none;
				color: dodgerblue;
				outline: 0;
				-moz-outline: 0;
			}
			
a.extralink:visited 	{
				text-decoration: none;
				color: dodgerblue;
				outline: 0;
				-moz-outline: 0;
			}
			
a.extralink:hover 	{
				text-decoration: none;
				color:orange;
				outline: 0;
				-moz-outline: 0;
			}
			
a.extralink:active 	{
				text-decoration: none;
				color: orange;
				outline: 0;
				-moz-outline: 0;
			}
	
a.menu:link 		{
				text-decoration: none;
				color: #3c2e2a;
				outline: 0;
				-moz-outline: 0;
			}
			
a.menu:visited 	{
				text-decoration: none;
				color: #3c2e2a;
				outline: 0;
				-moz-outline: 0;
			}
			
a.menu:hover 	{
				text-decoration: none;
				color:yellow;
				outline: 0;
				-moz-outline: 0;
			}
			
a.menu:active 	{
				text-decoration: none;
				color: #3c2e2a;
				outline: 0;
				-moz-outline: 0;
			}
			
			
a.menu2:link 		{
				text-decoration: none;
				color: yellow;
				outline: 0;
				-moz-outline: 0;
			}
			
a.menu2:visited 	{
				text-decoration: none;
				color: yellow;
				outline: 0;
				-moz-outline: 0;
			}
			
a.menu2:hover 	{
				text-decoration: none;
				color: white;
				outline: 0;
				-moz-outline: 0;
			}
			
a.menu2:active 	{
				text-decoration: none;
				color: yellow;
				outline: 0;
				-moz-outline: 0;
			}
			

a.ci:link 		{
				text-decoration: none;
				color: #3c2e2a;
				outline: 0;
				-moz-outline: 0;
			}
			
a.ci:visited 	{
				text-decoration: none;
				color: #3c2e2a;
				outline: 0;
				-moz-outline: 0;
			}
			
a.ci:hover 	{
				text-decoration: none;
				color:orange;
				outline: 0;
				-moz-outline: 0;
			}
			
a.ci:active 	{
				text-decoration: none;
				color: #3c2e2a;
				outline: 0;
				-moz-outline: 0;
			}


iframe.aktuellesFrame	{
				width: 600px;
				position: absolute;
				left: 346px;
				top: 79px;
				height: 1000px;
				max-height: 1000px;
				z-index: 50;
				overflow: auto;
			}


iframe.aktuellesFrame::-webkit-scrollbar, iframe#projektText::-webkit-scrollbar {
-webkit-appearance: none;
width: 11px;
height: 11px;
}

iframe.aktuellesFrame::-webkit-scrollbar-thumb, iframe#projektText::-webkit-scrollbar-thumb {

border: 2px solid white; /* Angleichen mit Hintergrundfarbe-nicht transparent! */
background-color: #3c2e2a;
}




.aktuelles	{
				width: 535px;
			}

.aktuelles a {
				color:orange;
			}
			
.aktuelles img {
					max-width: 100%;
					margin: -0.1em 0 0.7em 0;
				}
			
.aktuelles h2, .aktuelles h1, .aktuelles h3	{
		
		font-family: Arial;
		font-size: 1.3em;
		letter-spacing: 0.03em;
		margin-top: -0.7em;
	}
	
.aktuelles h4 	{
					font-weight: normal;
				}
				
.aktuelles p {margin: 0px !important; padding: 0px !important; font-size: 0.9em !important;}

.aktuelles p img {margin-top: 3px; margin-bottom: 10px;} 




 @media screen and (max-width: 1000px) {


.scroll-wrapper {
	-webkit-overflow-scrolling: touch !important;
  	overflow: auto !important;

	width: 1000px;
	height: 1000px;
	/* important:  dimensions or positioning here! */
}

.scroll-wrapper iframe {
	/* nada! */
width: 100%;
	height: 100%;
-webkit-overflow-scrolling: touch !important;
  	overflow: auto !important;
}

::-webkit-scrollbar{

    -webkit-appearance: none;
    width: 11px;
height: 11px;

}

::-webkit-scrollbar-thumb {

   border: 2px solid white; /* Angleichen mit Hintergrundfarbe-nicht transparent! */
background-color: #3c2e2a;
}


}