/* CSS Document */
html
{
	scrollbar-base-color:#FFF9E7;
	scrollbar-arrow-color:#FFB300;
	scrollbar-darkshadow-color:#FFB300;
	scrollbar-face-color:#FFF9E7;
	scrollbar-highlight-color:#FFB300;
	scrollbar-shadow-color:#FFF9E7;
	scrollbar-track-color:#FFF9E7;
}


/******************Globare Variablen*************************/


.selected { color: #E78F00;	}
.stich{	color: #FFFFFF; font-size: 16px; background-color: #FFDFA0;	} 



/*************** Stylesheet ID *****************************/

body{
/*background-image: url(../../images/gestaltung/bodyhell.jpg);*/
background-color: #FFF9E7;
margin: 0px;
padding: 0px;
/*background-color:#CCCCCC;*/

}

#page {
	position: absolute;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	top: 0px;
	padding: 0px;
	border: solid 1px #FD9A01;
	padding: 1px 0px 1px 1px;
	background-color: #FFFFFF;
}


/*-------------  Header Block ----------------------------*/
	#header {
		width: 1000px;
		height: 300px;
		margin: 0px;
		padding: 0px;		
	}
	
	#links {
			float: left;
			width: 66px;
			height: 300px;
			margin: 0px;
			padding: 0px;
			background-image: url(../../images/gestaltung/link1.gif);
			
		}
		
		#links span.wav{display: none;}
		
		#logo {
			float: left;
			width: 242px;
			height: 300px;
			margin: 0px;
			padding: 0px;				
			margin-left: 1px;
		}
		
			#titel h1 {
				background-image: url(../../images/gestaltung/logo_titel.jpg);
				width: 242px;
				height: 100px;
				padding: 0px;
				margin: 0px;				
			}
			
			#titel h1 span {
				display: none;
			}
			
			#bild {
				width: 242px;
				height: 200px;
				text-align: center;
				padding: 0px;
				margin: 0px;
				background-image: url(../../images/fotos/impressum/impressum.jpg);
			}
			
		#mitte {
			float: left;
			width: 674px;
			height: 300px;
			margin: 0px;
			margin-left: 1px;
			margin-right: 1px;
			padding: 0px;	
			background-color: #FDEDD1;	
			
		}
		
			#fassade{
				width: 674px;
				height: 100px;
				background-image: url(../../images/gestaltung/fassade.jpg);
				padding: 0px;
				margin: 0px;
			}
			
			#laufendertext{
				width: 674px;
				height: 69px;
				margin: 0px;
				padding: 0px;	
				background-image: url(../../images/gestaltung/middle_smart.gif);				
			}
			
				#textlaufen{
					width: 450px;
					height: 20px;
					pading: 0px;
					margin: 30px 112px 19px 112px;
					color: #934D00;
					font-family:Georgia;
					font-size: 12px;
					}
				
				html>body #textlaufen{margin: 0px 112px 0px 112px; padding-top: 30px; font-size:12px;}
					
					#textlaufen a, a:link{color: #934D00; text-decoration: none;	}
					#textlaufen a:hover, a:active{ color: #E78F00;	}
			
			#topnavbar{
				width: 674px;
				height: 37px;
				background-color: #FFDFA0;
				padding: 0px;
				margin: 0px;
				border-top: solid 1px #ffffff;
				border-bottom: solid 1px #ffffff;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				line-height: 30px;
				text-decoration: none;
				text-align:center;
			}
			
			#topnavbar a, a:link{color: #934D00; text-decoration: none;	}
			#topnavbar a:hover, a:active{ color: #E78F00;	}
			
			#ueberschrift{
				width: 674px;
				padding: 0px;
				margin:0px;
				color: #492300;
				font-weight: bolder;	
				font-family: Arial, Helvetica, sans-serif;

			}
				
				#ueberschrift span.ueberschriftimage{	
					float: left;		
					width: 8px;
					height: 8px;
					margin: 46px 15px 0px 18px;
					background-color: #E78F00;
					font-size: 5px;
					display: block;					
					font-size: 5px;					
				}				
				
				/* for Netscape and Opera*/
				html>body #ueberschrift span.ueberschriftimage{	margin-left: 33px;}
			
				#ueberschrift span.h1{ float:left; font-size: 16px; line-height: 40px; margin: 0px; margin-top: 30px; }			
				#ueberschrift span.h2{ float:left; width: 600px; font-size: 14px; line-height: 20px; margin: 0px; margin-top: 40px; }
				#ueberschrift span.text{width: 620px; font-size: 10px; font-weight: normal;  line-height:10px; margin: 0px; margin-right: 0px;}
		
		#rechts {
			float: left;
			width: 14px;
			height: 300px;
			margin: 0px;
			padding: 0px;
			background-color: #fff;
		}
			
				#rechts1 {
					width: 14px;
					height: 99px;
					margin: 0px;
					padding: 0px;
					background-color: #FFD176;
					margin-bottom:1px;
			
				}
		
				#rechts2 {
					width: 14px;
					height: 69px;
					margin: 0px;
					padding: 0px;
					background-color: #FFD176;
					margin-bottom:1px;
				}
		
				#rechts3{
					width: 14px;
					height: 37px;
					margin: 0px;
					padding: 0px;
					background-color: #FFD176;
					margin-bottom: 1px;		
				}
				#rechts4{
					width: 14px;
					height: 91px;
					margin: 0px;
					padding: 0px;
					background-color: #FFD176;
					margin-bottom: 1px;		
			}
		
		
/*-------------  Mainmaincontent Block----------------------------*/	
		#content {
			width: 1000px;
			margin: 0px;
			padding: 0px;
			margin-bottom: 1px;
			background: #FFDFA0 url(../../images/gestaltung/main.jpg) repeat top left;
		}

		
		html>body #content{min-height: 400px;}
		
			#contentlinks{
				float: left;
				width: 66px;
				height: 100%;
				margin: 0px;
				padding: 0px;	
			}
				
			#linknavbar{
				float: left;
				width: 242px;
				height: 100%;
				margin: 0px;
				padding: 0px;
				margin-left:1px;
				background-color: #FFDFA0;		
				text-decoration: none;			
			}
			
				#linknavbar ul
				{
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: bolder;
				margin: 10px auto auto 10px;
				padding: 0px;
				}
				
				#linknavbar li
				{
				list-style-type: none;
				line-height: 35px;
				}
				
				#linknavbar li span.linknavbar_selected {
					width: 8px;
					height: 8px;
					background-color: #E78F00;
					display: block;
					float: left;
					font-size: 5px;
					margin-top: 14px;
					margin-right: 10px;
					color: #E78F00;
				}
				
				#linknavbar li span.linknavbar_dot {
					width: 8px;
					height: 8px;
					background-color: #CF0005;
					display: block;
					float: left;
					font-size: 5px;
					margin-top: 14px;
					margin-right: 10px;
				}
				
				#linknavbar li span.linknavbar_dot_hl {
					width: 8px;
					height: 8px;
					background-color: #DB8800;
					display: block;
					float: left;
					font-size: 5px;
					margin-top: 14px;
					margin-right: 10px;
				}	
				
				#linknavbar li  a, a:link{color: #934D00; text-decoration: none;	}
				#linknavbar li  a:hover, a:active{ color: #E78F00;	}
						
				#text{
					float: left;
					width: 674px;
					margin: 0px;
					padding: 0px;
					text-align: justify;
					word-spacing: 1,75pt;
					font-size: 12px;
					font-family: Georgia;
					text-align: justify;
					line-height: 150%;
					margin-bottom: 20px;			
			}
			
			#contentrechts{
				float: left;
				width: 14px;
				height: auto;
				margin: 0px;
				padding: 0px;
				margin-left:1px;
				background-image: url(../image/gestaltung/middle_smart.gif);
			}
			
			/*---- for normal sites -------------------*/
						
				
				
				#text .textblock{
					width: 600px;
					margin: 0px;
					padding-left: 35px;
					padding-right: 30px;			
				}
				#text textblock.h2{ float:left; width: 600px; font-size: 14px; line-height: 20px; margin: 0px; margin-top: 40px; }
				
				
				#text span.brblock{	line-height: 60px; margin-left: 25px;}
				#text a, a:link{color: #C66D0C; text-decoration: none;}
				#text a:hover, a:active{ color: #E78F00;	}
				/*#text table .fortext{ border: solid #FD9A01 1px;} */				
				#text .h3{font-weight:bold;}				
				#text ul{list-style-type: square;}
				
				#text span.text_selected {
					width: 6px;
					height: 6px;
					background-color: #CF0005;
					display: block;
					float: left;
					font-size: 4px;
					margin: 6px 10px 0px 2px;
					color: #E78F00;
				}
				
				#text span.text_selected_kl {
					width: 5px;
					height: 5px;
					background-color: #CF0005;
					display: block;
					float: left;
					font-size: 4px;
					margin: 7px 10px 5px 11px;
					color: #E78F00;
				}
				
				#text span.text_selected_g {
					width: 4px;
					height: 4px;
					background-color: #E78F00;
					display: block;
					float: left;
					font-size: 4px;
					margin: 7px 10px 5px 11px;
					color: #E78F00;
				}
				html>body #text span.text_selected_g {margin-left: 25px;}
				html>body #text span.text_selected_kl {margin-right: 15px; margin-left: 20px;}
				#text ul{ margin-top: 10px;}
				#text dl{ margin-top: 10px;}
				
			/*---- for Telefonnummer  ----------------*/
			#text .Ziffer{
					width: 580px;
					margin: 0px;
					padding: 20px 0px 20px 20px;
					font-weight: bolder;	
					font-size: 16px;
					word-spacing: 5px;
					color: #492300;
				}
				
				#text td.imagemitte{
					width: 580px;
					margin: 0px;
					background-image:url(../../images/gestaltung/tablebackhell.gif);
				}
				
				#text table.format{ margin: 0px 20px 35px 20px; width: 400px; text-align: left;}
				#text table.formattop{ margin: 0px 20px 35px 20px; width: 500px; text-align: left;}
				#text .h3{font-weight:bold; }
				
			/*---- for fotogalerie -------------------*/
				
				#textblockoben{
					width: 600px;
					margin: 0px;
					padding-left: 35px;
					padding-right: 30px;			
				}
				
				#text td.imageright{
					width: 180px;
					align: center;
					text-align: center;
					vertical-align: middle;
					font-size: 11px;
					color: #934D00;
					background-image:url(../../images/gestaltung/tablebackhell.gif);
				}
				
				#text td .image{
					width: 200px;
					height:160px;
					align: center;
					text-align: center;
					vertical-align: middle;
					font-size: 11px;
					color: #934D00;
					background-image:url(../../images/gestaltung/tablebackhell.gif);
				}
				
				#hinweise{
					width: 600px;
					margin: 0px;
					padding: 5em 30px 0px 35px;
					word-spacing: 1,5pt;
					font-size: 11px;
					font-family: Arial, Helvetica, sans-serif;
					font-style: italic;
					text-align: justify;
					line-height: 120%;
					
				}				
				
				
			/*---- for fotos on right -------------------*/
				
				#textblockleft{
					float: left;
					width: 400px;
					margin: 0px;
					margin-left: 18px;
					margin-right: 35px;			
				}		
				html>body #textblockleft{ margin-left: 32px;}
				
				#textimageright{
					float: left;
					width: 100px;
					margin: 0px;
					padding: 0px;		
					margin-top:5px;	
				}
				

				

				#image1{
					float:left;
					width: 180px;
					padding: 0px;
					margin: 0px;
				}
				
				#image2{
					float:left;
					width: 150px;
					padding: 0px;
					margin: 0px;
					padding-left: 2px;
				}
				
				#image3{
					float:left;
					width: 150px;
					padding: 0px;
					margin: 0px;
					padding-left: 2px;
				}
				#image4{
					float:left;
					width: 150px;
					padding: 0px;
					margin: 0px;
					padding-left: 2px;
				}				
				
			
			#contentrechts{ 
				float: left;
				width: 14px;
				height: auto;	
				margin: 0px;
				padding: 0px;
			}
			
			
/*-------------  Footer Block ----------------------------*/				
		#footer{
			width: 1000px;
			height: 100px;
			margin: 0px;
			padding: 0px;
			background-color:#ffffff;
		
		}
		
			#footerlinks{
				float:left;
				width: 66px;
				height: 100px;
				margin: 0px;
				padding: 0px;
				background-image:url(../../images/gestaltung/footerlinks.jpg);
			}
			
			#footermitte{
				float:left;
				width: 242px;
				height: 100px;
				margin: 0px;
				padding: 0px;
				margin-left:1px;
				background-image:url(../../images/gestaltung/footermitte.gif);
			}
				#footermitte .block{
					margin: 0px;
					padding-left: 30px;
					padding-top: 60px;
					display: block;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					font-weight: bolder;
				}	
				html>body #footermitte .block{padding-top: 60px;}
				#footermitte a, a:link{color: #551801; text-decoration: none;}
				#footermitte a:hover, a:active{ color: #E78F00;	}
			
			#footertext{
				float:left;
				width: 674px;
				height: 100px;
				margin: 0px;
				padding: 0px;
				margin-left:1px;
				background-image:url(../../images/gestaltung/footertext.gif);
				color: #934D00;
				font-size: 10px;
				font-family:Arial, Helvetica, sans-serif;
				text-align: justify;
				font-style: italic;
						}
				#footertext .footerblock{
					margin: 0px;
					padding-left: 70px;
					padding-right: 30px;		
					padding-top: 60px;	
				}				
			
			#footerrechts{
				float:left;
				width: 14px;
				height: 100px;
				margin: 0px;
				padding: 0px;
				margin-left:1px;
				background-image:url(../../images/gestaltung/footerrechts.gif);
			}