html
			{
				height: 100%;
			}
				
			body
			{
			  	padding: 0px;
			  	margin: 0px;
				font-family: verdana, arial, sans;
				font-size: 11px;
				background-image:url('graphics/bg_small.jpg');
				/* background-repeat: no-repeat; */
				background-color: #202020;
				/* height:100%; */
			}

			#main
			{
				text-align: left;
				padding: 0px;
				margin: 0px;
				width: 800px;
				border: 0px solid pink;
				/* height:100%; */
			}
			
			#title
			{
				background: url('graphics/banner_new.jpg');
				height: 326px;
				padding: 0px;
				margin: 0px;				
			}
			
			#links
			{
				height: 45px;
				padding: 0px;
				margin: 0px;
			}
			

			#banner
			{
				height: 150px;
				background: url('graphics/bg_banner.gif');
				padding: 0px;
				margin: 0px;
				border-top: 0px solid #076b33;
				border-bottom: 0px solid #076b33;
			}
			
			#inhalt
			{
				padding: 10px;
				padding-top: 10px;
				margin: 0px;
                                background-image:url('graphics/bg_content.gif');
                                color: #FFFFFF;
				height: 100%;
			}


			h1
			{
				color: #FFFFFF;
				font-size: 11px;
				margin: 0px;
				padding-bottom: 10px;
                                font-weight: bold;
			}
			
			p
			{
				margin-top: 0px;
			}

			a.link:link, a.link:visited
			{
				font-family: verdana, arial, sans;
				color: #a70000;
				text-decoration: none;
			}
			
			a.link:active, a.link:hover
			{
				font-family: verdana, arial, sans;
				color: #700000;
				text-decoration: none;
			}	
			
			/*h2
			{
				font-size: 11px;
				color: #fbbe17;
				margin: 0px;
			}*/

			#footer
			{
				height: 25px;
				background: url('graphics/md_footer.gif');
				padding: 0px;
				margin: 0px;
				width: 762px;
				
			}

			/* CSS for Links  */
			a.button
			{
			  display: block;
			  background-color: transparent;
			  background-repeat: no-repeat;
			  width: 123px;
			  height: 45px;
			  padding: 0px;
			  float: left;
			  margin: 0px;
			  border: 0px;
			}

                        /* stopf grafik bei den links */
			.graphic
			{
                             float: left;
                             padding: 0px;
                             margin: 0px;
                             border: 0px;
                        }
		
			a.button:hover, a.button:active
			{
			  background-position: 0 -45px;
			  padding: 0px;
			  margin: 0px;
			  border: 0px;
			  float: left;
			}

			a.button_active, a.buttonDis
			{
			  display: block;
			  background-color: transparent;
			  background-repeat: no-repeat;
			  background-position: 0 -45px;
			  width: 123px;
			  height: 45px;
			  padding: 0px;
			  margin: 0px;
			  border: 0px;
			  float: left;
			}

			a.button_active:hover, a.button_active:active
			{
                          display: block;
			  background-position: 0 -45px;
			  padding: 0px;
			  margin: 0px;
			  border: 0px;
			  float: left;
			  width: 123px;
			  height: 45px;
			}

			#button_fabrik
			{
			  background-image: url('graphics/buttons/02_butt_fabrik.gif');
			}
			
			#button_pinnwand
			{
			  background-image: url('graphics/buttons/03_butt_pinwand.gif');
			}
			
			#button_arbeiter
			{
			  background-image: url('graphics/buttons/04_butt_arbeiter.gif');
			}

			#button_fabrikate
			{
			  background-image: url('graphics/buttons/06_butt_fabrikate.gif');
			}
			
			#button_auftraege
			{
			  background-image: url('graphics/buttons/08_butt_auftraege.gif'); 
			}
			
			#button_lager
			{
			  background-image: url('graphics/buttons/10_butt_lager.gif');   
			}

			/* CSS hover effect for the section works --> done work images, when hovering  */
			a.works
			{
			  display: block;
			  background-color: transparent;
			  background-repeat: no-repeat;
			  width: 116px;
			  height: 116px;
			}

			.formular {
			  color: #000;
			  background-color: white;
			  border: 0px;
			  font-size: 11px;
			}