﻿	 	
		 	
		 	body, h1, h2, h3, h5, h6, p, ol, ul, form, blockquote {
				padding: 0;
				margin: 0;
			}
						
			
			h1, h4, h5, h6, pre, code {
				font-size: 1em;
			}


			h2,h4 {
				font-family: Bell MT, Verdana, Arial, Helvetica, sans-serif;
				font-size: 1px;
  				color: #D5E7F4;
			}

			
			h3 {
			 	font-family: Bell MT, Verdana, Arial, Helvetica, sans-serif;
				font-size: 24px;
				font-weight: bold;
				background-color: #d5e7f4;
			}

			
			b {
			font: bold 12px Verdana, Arial, Helvetica, sans-serif;
			
			}


			a img {
				border: none;
			}
			

			a {
				font: 13px Verdana, Arial, Helvetica, sans-serif;
				color: blue;
			}
						

			p,
			span {
				font: normal 12px Verdana, Arial, Helvetica, sans-serif;
				color: #000000;	
				line-height: 1.4em;
				padding: 5px;			
			}

						
			body {
				width: 900px;
				margin-top: 10px;
				margin-bottom: 10px;
				margin-right: auto;
				margin-left: auto;
				padding: 0px;
				background-color: white;
				position: relative;
				overflow: scroll;
				
			}
			
			
			#gruppe {
			}


			#bilder {
				position:relative;
				width:  580px;
  				height: 415px;
				margin: 20px 5px;
			}

			
			#bilder img {
				position:absolute;
				display: none;
				padding: 10px;
				border:  1px solid #ccc;
				background-color: #eee;
				width:  580px; 
			}

		 	
			#bilder .next {
 				width: 20px;
				height: 360px;
				position: absolute;
				background-color: #ccc;
				cursor: pointer;
				right: 0;
			}

			#bilder .prev{
				width: 20px;
				height: 360px;
				position: absolute;
				background-color: #ccc;
				cursor: pointer;
				left: 0;		 	
			}		 	
		 	
		 	
		 	#kopf {
		 		width: 900px;
		 		height: 100px;
		 		background-color: #ccdff4;
		 		background: url(logo_bg.jpg);
		 	}


		 	#kopf img {
		 		float: left;
		 	}
		 	
		 			 	
		 	#container{
		 		position: relative;
		 		margin-top: 12px;
		 	}
		 			

			#inhalt {
			
				background: url(hintergrund_raute.jpg) repeat-y right top;
				padding-top: 10px;	
				padding-bottom: 5px;	
				padding-left: 160px; 
				padding-right: 160px;
				width: 580px;
				background-color: #4c9bd3;
				border: 1px solid #4c9bd3;
				border-left: none;
				
			}

		 	
		 	#fusszeile {
				
				background-color: #d5e7f4;
				text-align: center;
				padding: 5px;
				margin-top: 10px;
				font: normal 10px Verdana, Arial, Helvetica, sans-serif;
				border-top: 1px solid #019bd9;
				border-bottom: 1px solid #019bd9;		
			}
			

			#menu {
				background-color: #4c9bd3;
				position: absolute;
				left: 30px;
				top: 0px;
				width: 150px;
				height: 430px;
				display: inline;
			}
			
			
			#home ul,
			#ensemble ul,
			#volkstanz ul,
			#auftritte ul,
			#links ul,
			#kontakt ul,
			#impressum ul,
			#disclaimer ul
			#facebook
			 {
				position: absolute;
				left: 0px;
				top: 40px;
				width: 140px;
				margin-left: 10px;
				list-style-type: none;
			}

			
			#home li a,
			#ensemble li a,
			#volkstanz li a,
			#auftritte li a,
			#links li a,
			#kontakt li a,
			#impressum li a,
			#disclaimer li a
			{
				display: block;
				font: bold normal 12px Verdana, Arial, Helvetica, sans-serif;
				text-decoration: none;
				color: black;
				background-color: #d5e7f4;
				border: 1px solid #019bd9;	
				margin-bottom: 30px;
				padding: 5px;				
			}
	
					
			#home ul.nav1 #home_nav,
			#ensemble ul.nav1 #ensemble_nav,
			#volkstanz ul.nav1 #volkstanz_nav,
			#auftritte ul.nav1 #auftritte_nav,
			#links ul.nav1 #links_nav,
			#kontakt ul.nav1 #kontakt_nav,
			#impressum ul.nav1 #impressum_nav,
			#disclaimer ul.nav1 #disclaimer_nav
			{
				background-color: #ffc000;
				border: 1px solid white;				
			}
	 		
			
			ul.nav1 #home_nav:hover,
			ul.nav1 #ensemble_nav:hover,
			ul.nav1 #volkstanz_nav:hover,
			ul.nav1 #auftritte_nav:hover,
			ul.nav1 #links_nav:hover,
			ul.nav1 #kontakt_nav:hover,
			ul.nav1 #impressum_nav:hover,
			ul.nav1 #disclaimer_nav:hover
			{
				background-color: #ffc000;		
				}
			
			
			.hauptfenster {
				padding-left: 70px;
				width: 480px;
				}
						
			
			.box {
				
				width: 590px;
				padding: 5px;
				margin-top: 20px;
				margin-bottom: 20px;
				margin-left: 40px;
				}
			 
						
			.bild img {
				padding: 5px;
				}
			
						
			.bild p {
				background-color: white;
				}
			
						
			.bild {
				float: left;
				font: normal 12px Verdana, Arial, Helvetica, sans-serif;
				color: #000000;
				margin: 15px;
				border: 1px solid #019bd9;	
				background-color: white;
				}
			
						
			.text_10 {
				font: normal 10px Verdana, Arial, Helvetica, sans-serif;
				color: #000000;
				}
						
			
			.text_14 {
				font: normal 1.04em Verdana, Arial, Helvetica, sans-serif;
				color: #000000;
				}
						
			
			.text_12_blau {
				font: bold normal 12px Verdana, Arial, Helvetica, sans-serif;
				color: #003366;
				}
						
			
			.beschreibung_ueberschrift {
				text-align: center;
			 	font-family: Bell MT, Verdana, Arial, Helvetica, sans-serif;
				font-size: 2.2em;
				font-weight: bold;
				padding: 0px;	
				}
	
		
			.beschreibung_text {
			 	font-family: Bell MT, Verdana, Arial, Helvetica, sans-serif;
				font-size: 1.4em;
				font-weight: bold;
				width: 590px;
				padding: 5px;
			 	margin-top: 20px;
	 	 		margin-bottom: 20px;
	  			margin-left: 6px;

				}


			 .unsichtbar {
				font-family: Bell MT;
				font-size: 1px;
  				 color: #D5E7F4;
 			 	}


			.h1 {
			 	font-family: Verdana, Arial, Helvetica, sans-serif;
			 	font-size: 20px;
				font-weight: bold;
				}


			.h2 {
			 	font-family: Verdana, Arial, Helvetica, sans-serif;
			 	font-size: 18px;
				font-weight: bold;
				}
						
			
			.h3 {
			 	font-family: Verdana, Arial, Helvetica, sans-serif;
			 	font-size: 14px;
				font-weight: bold;
				}


			table, tr, td {
				caption-side: top;
				text-align: left;
				vertical-align: middle;
				background-color: #d5e7f4;
				font: 13px Verdana, Arial, Helvetica, sans-serif;
				border-bottom-style: grey 2px solid;
				border-top: 1px lightblue solid;
				padding-top: 3px;
				padding-bottom:3px;
				-webkit-hyphens: auto;     
   				-moz-hyphens: auto;     
  				-ms-hyphens: auto;     
 				-o-hyphens: auto;     
				hyphens: auto;
				} 
	
	
			table {
				width: auto;
				} 
	
	
			caption {
				font-family: Bell MT, Verdana, Arial, Helvetica, sans-serif;
				font-size: 1.5em;
				font-weight: bold;

	
				text-align: middle;
				margin-bottom: 10px;
				background-color: #d5e7f4;
				}
	
	
			th {
				height: 32px;
				border-bottom: 1px lightblue double;
				}
	
	
			.Jubilaeum {
				font-family: Rockwell, Georgia, "Times New Roman", Times, serif;
				font-size: 3em; line-height: 0.5em;
				text-align:center;
				margin: 0.3em 0.3em 1em 0.3em;
				color: #2e3264;
				text-shadow: 
				    rgba(0,0,0,0.5) -1px 0, 
					rgba(0,0,0,0.3) 0 -1px,
					rgba(255,255,255,0.5) 2px 2px, 
					rgba(0,0,0,0.3) -1px -2px;	
				}

			.Jubilaeum-Text {
				font-family: Rockwell, Georgia, "Times New Roman", Times, serif;
				font-size: 0.5em;
				text-align: center;
				color: #2e3264;
				}

			.kontakt1 {
			 	font-family: Bell MT, Verdana, Arial, Helvetica, sans-serif;
				font-size: 2.2em;
				font-weight: bold;
				}

	
			.kontakt2 {
			 	font-family: Bell MT, Verdana, Arial, Helvetica, sans-serif;
				font-size: 1.2em;
				font-weight: bold;
				}
	

			.ltrText {
			 	font-family: Bell MT, Verdana, Arial, Helvetica, sans-serif;
				font-size: 1.2em;
				font-weight: bold;
				unicode-bidi: bidi-override;
				direction: rtl;
				text-align: left;
				}
						
			

#button {
  display: inline-block;
  background-color: #ffc000;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: white;
  font-size: 45px;
}


#button:hover {
  cursor: pointer;
}

#button.show {
  opacity: 1;
  visibility: visible;
}

	#text-box {
		margin: 20px 0px;
		width: 570x;
		padding: 5px;
		font-family: Bell MT, Verdana, Arial, Helvetica, sans-serif;
		font-size: 1.0em;
		font-weight: bold;
		width: 590px;
		padding: 5px;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 0px;
		background-color: #d5e7f4;
	}

	