/* Farben für Background 
// #EEEEEE = hellgrau für Textbereich
// #CCCCCC = mittelgrau für Navigationsbereich
// #7A7A7A = dunkelgrau für Körperhintergrund
//
// Farben für Schriften Links und Rahmen
// #444444 = Schrift, Rahmen und Linkfarbe
// #0099FF = Farbwechsel der Linkfarbe */

html 		{
        		height:100%; /* fix height to 100% for IE */
       			max-height:100%;
	  		margin:0; 
	  		padding:0;
	  		text-align:center;
	  		font-family: Arial, helvetica, verdana;
	  		font-size:12px;
	  		color:#444444;
	  		/* hide overflow:hidden from IE5/Mac */ 
	  		/* \*/ 
	  		overflow:hidden; /*auto;*/
		}


/* Body und Backgrounds */

#body1 		{
        		height:100%; /* fix height to 100% for IE */
        		max-height:100%;
			margin:0; 
	 		padding:0;
	 		text-align:center;
	 		background:url('Backgrounds/Main.jpg') no-repeat fixed center 50%; /*#EEEEEE, #CCCCCC*/
			background-color:#7A7A7A;
	 		overflow:hidden;
	 	}


/* Ende Body und Backgrounds */


.p1 		{
	  		margin:0 0 0 0px; 
   		}


a.cont:link		{ 
        	    	color:#444444;
	  		text-decoration:none;			
		}

a.cont:visited 	{
        	    	color:#7A7A7A;     /*#444444*/
	  		text-decoration:none;
		}

a.cont:hover		{
         		color:#0099FF;
	   		text-decoration:none;
	
		}

a.cont:active 	{
         		color:red;
	   		text-decoration:none;
	   	
	   	}

a.cont:focus		{
         		color:#444444;
	   		text-decoration:none;  /*text-decoration:underline;*/
	   	}


#CoverBox1   { 	
			position:absolute;
			background:url('Backgrounds/CoverBox.jpg') no-repeat;
			left:50%;
			margin-left:492px;
			margin-top:-168px;
			/*padding-left:0px;*/
			top:50%;
			width:20px;
			height:470px;
			z-index:1;
	 	}



#pageHeader 	{
			position:absolute;
			background:url('Backgrounds/Header.jpg') no-repeat; 
			left:50%;
			margin-left:-220px;
			padding-left:0px;
			top:50%;
			margin-top:-304px;
			width:731px;
			height:136px;
			z-index:2; 
			display:block;
		}

#container 	{
	 		left:50%;
	 		margin-left:-220px;
			top:50%;
			margin-top:-158px;
			text-align:left;
	 		width:690px;
	 		overflow: auto;  /*overflow:hidden;*/
	 		height: 455px;
	 		background:transparent;
	 		position:absolute; 
	 		display:block;
	 		padding-left:29px;
	 		color:#444444;
			z-index:50;
			border:0px solid #000;
		}

#waterjet	{
			background: url('ContainerPics/Watercut2.jpg') no-repeat 0 0;
			display:block;
			position:absolute;
			float:right;
			width:275px;
     			height:277px;
     			margin-top:5px;
			margin-left:405px;
			z-index:-1;
     			padding:0;
			
		}


#Profiltext h3 span, #Wasserstrahltext h3 span, #Downloadstext h3 span, #Wassertechtext h3 span, #Apparatetext h3 span, #AGBtext h3 span, #Philosophietext h3 span, #Philosophietext2 h3 span, #Referenztext h3 span, #Treppentext h3 span, #Sondertext h3 span, #PharmaBehtext h3 span, #DecelTA150text h3 span, #DecelVTS200text h3 span, #Konstruktiontext h3 span, #kontakt h3 span, #impressum h3 span
			{ 
     				display:none;
			}


#Profiltext h3 		{
     				background: url('Heads/Profil.gif') no-repeat 0 5px;
     				width:650px;
     				height:55px;
     				margin:0;
     				padding:0;
		   	}


#Philosophietext h3 	{
     				background: url('Heads/Philosophie.gif') no-repeat 0 5px;
				width:650px;
     				height:55px;
     				margin:0;
     				padding:0px;
		        }

#Philosophietext2 h3 	{
     				background: url('Heads/Philosophie.gif') no-repeat 0 5px;
				width:650px;
     				height:55px;
     				margin:0;
     				padding:0px;
		        }


#Referenztext h3 	{
     				background: url('Heads/Referenz.gif') no-repeat 0 5px;
     				width:650px;
     				height:55px;
     				margin:0;
     				padding:0;
		     	}

#kontakttext h3 	{
     		 		background: url('Heads/Kontakt.gif') no-repeat 0 5px;
     		 		width:650px;
     		 		height:55px;
     		 		margin:0;
     		 		padding:0;
		    	}


#AGBtext h3 	{
     				background: url('Heads/AGB.gif') no-repeat 0 5px;
     				width:650px;
     				height:55px;
     				margin:0;
     				padding:0;
			}

#Downloadstext h3 	{
     				background: url('Heads/Downloads.gif') no-repeat 0 5px;
     				width:650px;
     				height:55px;
     				margin:0;
     				padding:0;
			}


#impressumtext h3 {
     		  	 	background: url('Heads/Impressum.gif') no-repeat 0 5px;
     		  	 	width:650px;
     		   	 	height:55px;
     		   	 	margin:0;
     		   	 	padding:0;
		      }


#Apparatetext h3  {
     				background: url('Heads/Apparate.gif') no-repeat 0 5px;
     				width:650px;
     				height:55px;
     				margin:0;
     				padding:0;
		      }


#Wasserstrahltext h3 {
     				background: url('Heads/Wasser.gif') no-repeat 0 5px;
     				width:450px;
     				height:55px;
     				margin:0;
     				padding:0;
			   }


#Wassertechtext h3	{
     				background: url('Heads/Wasser_Details.gif') no-repeat 0 5px;
     				width:650px;
     				height:55px;
     				margin:0;
     				padding:0;
		      	}


#PharmaBehtext h3 	{
     			 	background: url('Heads/Pharma.gif') no-repeat 0 5px;
     		       		width:650px;
     			 	height:55px;
     			 	margin:0;
     		       		padding:0px;
			}

#DecelTA150text h3 	{
     			 	background: url('Heads/TA150.gif') no-repeat 0 5px;
     		       		width:650px;
     			 	height:55px;
     			 	margin:0;
     		       		padding:0px;
			}

#DecelVTS200text h3 	{
     			 	background: url('Heads/VTS200.gif') no-repeat 0 5px;
     		       		width:650px;
     			 	height:55px;
     			 	margin:0;
     		       		padding:0px;
			}


#Konstruktiontext h3 	{
     			    	background: url('Heads/Konstruktion.gif') no-repeat 0 5px;
     			    	width:650px;
     			    	height:55px;
     			    	margin:0;
     			    	padding:0;
			}

#Treppentext h3 	{
    				background: url('Heads/Gelaender.gif') no-repeat 0 5px;
     				width:650px;
     				height:55px;
     				margin:0;
     				padding:0;
		    	}


#Sondertext h3  	{
     				background: url('Heads/Sonder.gif') no-repeat 0 5px;
     				width:650px;
     				height:55px;
     				margin:0;
     				padding:0;
		    	}


/*---------------sidebar-----------*/

#linkList 		{
	 			position:absolute;
	 			top:50%;
				margin-top:-210px;
	 			left:50%;
				margin-left:-500px; 
				width:200px;
	 			/*margin:0;*/
	 			text-align:left;
	 			background:url('Backgrounds/Sidebar_back.gif') no-repeat 0 0;
	 			padding-left:0px;
				padding-right:0;
				padding-top:10px;
				padding-bottom:0
	    		}


#linkList2   		{
     				width:200px;
				padding-bottom:25px;
     	 			background:url('Backgrounds/Sidebar_bottom.gif') no-repeat 0 bottom;
	       		}


#linkList ul 		{
     		  		list-style:none;
     		  		margin:0;
     		  		padding:0;
		 	}


#linkList li 		{
     		  		margin:0;
     		  		padding:0;
     		  		font-size:11px;
		 	}

	
div #lselect 		{
     		  		padding-top:24px;
		 	}

			
#lselect h3.select span, #lselect2 h3.select2 span, #lselect3 h3.select3 span 
			{
     				display:none;
			}


#lselect ul, #lselect2 ul, #lselect3 ul 
			{
     				list-style-type:none;
    				margin:0;
     				padding:0;
			}


/* hier Textformatierung für Linkliste*/


#lselect3 ul li a  	{
     			 	text-decoration:none;
     			 	display:block;
     			 	font-size:12px;
     			 	font-weight: bold;
     			 	border:0px none;
			}



#lselect ul li a, #lselect ul li.c, #lselect ul li a.c, #lselect2 ul li a, #lselect2 ul li a.c, #lselect2 ul li.c
			{
     				text-decoration:none;
     			 	display:block;
     			 	font-size:12px;
     			 	font-weight: bold;
     			 	border:0px none;
			}

/* Ende Textformatierung für Linkliste */




/* Formatierung für 3-Gruppen Linkliste */

#lselect ul li 		{
     		    		width:200px;
     		    		/* border-bottom:2px solid #000000; */
     		    		/* border-top:1px solid #FFFFFF;  */
     		    		/* border-left:1px solid #FFFFFF;  */
     		    		/* border-right:2px solid #000000;  */
     		   	 	background:url('Icons/Dinger.gif') no-repeat 0px;
				padding-left:15px;
				padding-right:0;
				padding-top:4px;
				padding-bottom:4px;
		   	}


#linkList #lselect2 ul li 	{
     					font-size:12px;
     					font-weight: bold;
    					/* border-bottom:1px solid #bbb; */
    					/* display:block; */
     					padding:5px 0;
    					width:200px;
     					background:url('Icons/Dinger.gif') no-repeat 0px;
					padding-left:15px;
					padding-right:0;
					padding-top:4px;
					padding-bottom:4px;
				}


#linkList #lselect3 ul li 	{
     					font-size:12px;
     					font-weight: bold;
     					/* border-bottom:1px solid #bbb; */
     					/* display:block; */
     					padding:5px 0;
     					width:200px;
     					background:url('Icons/Dinger.gif') no-repeat 0px;
					padding-left:15px;
					padding-right:0;
					padding-top:4px;
					padding-bottom:4px;
			        }

/* Ende Formatierung für 3-Gruppen Linkliste */




/* Formatierung für Gruppenkopf Linkliste */

#lselect h3.select 	{
     				background: url('Icons/Unternehmen.gif') no-repeat 14px 10px;
     				width:150px;
     				height:55px;
     				margin:0;
     				padding:0;
			}


#lselect2 h3.select2 	{
     				background: url('Icons/Leistung.gif') no-repeat 14px 10px;
     				font-weight: bold;
     				width:150px;
     				height:55px;
     				margin:0;
				padding:0;
			}


#lselect3 h3.select3 	{
     				background: url('Icons/Technik.gif') no-repeat 0 15px;
     				width:150px;
     				height:40px;
     				margin:0;
				padding:0;
			}

/* Ende Formatierung für Gruppenkopf Linkliste */


	
div#linklist2, div#lselect, div#lselect2, div#lselect3	{
     								width:129px;
     								margin-left:22px;
							}


.smallfont   		{
     				font-size:9px;
				font-family: Arial, helvetica, verdana;
	  			color:#444444;
	       		}


#footer 		{
     				font-size:9px;
     				background:url('Sage.gif') no-repeat 59px 15px;; padding-left:0px; padding-right:0; padding-top:21px; padding-bottom:0
	  		}


#footer a 		{
     				text-decoration:none;
     				border:0px none;
	    		}


A.BodyNav:link 		{
				color:#444444;
				font-size:12px;
				text-decoration:underline;
	    		}


A.BodyNav:hover 	{
				color:#0099FF;
				font-size:12px;
				text-decoration:underline;
		    	}


A.BodyNav:visited 	{
        	    		color:#7A7A7A;     /*#444444*/
	  			text-decoration:underline;
			}




/* Bereich für Popup und Unterformulare*/

#SitePicBgr     	{
				background-image:url('Backgrounds/SitePicBgr.jpg');
		 		background-repeat:no-repeat;
				text-align:left;
				font-size:12px;
		 		color:#444444;
			}

#PopupContainer 	{ 	
				font-size:12px;
				color:#444444;
				position:absolute;
				background:transparent;
				top:45px;
				display:block;
				overflow: hidden;
				left:20px;
				width:900px;
				text-align:left;
			}

#InfoContainer 	{ 	
				font-size:12px;
				color:#444444;
				position:absolute;
				background:transparent;
				top:45px;
				display:block;
				overflow: hidden;
				left:50%;
				margin-left:-240px;
				width:480px;
				text-align:left;
			}


#MedPicBgr		{
				display:block;
				position:absolute;
				top:55px;
				left:20px;
				width:480px;
				height:420px;	
				background-color:#CCCCCC;
		 		font-size:12px;
		 		color:#444444;
		 		text-align:center;
			}


#ThumbBox		{
				top:0px;
				padding-top:25px;
				padding-left:30px;
				display:block;
				position:absolute;
				left:495px;
				width:260px;
				height:500px;	
				background-color:#CCCCCC;
		 		font-size:12px;
		 		color:#444444;
			}

* html #ThumbBox		{
				width:290px;
			}


.PopupDescription	{ 
				background:transparent;
				margin-top:16px;
				margin-left:130px;
				font-size:12px;
				color:#444444;
				width:300px;
				display:block;
			}


			
/* Ende Bereich für Popup und Unterformulare*/


.upbox 			{
		 		position:absolute;
		 		left:550px;
		 		width:150px;
		 		height:12px;
		 		z-index:1;
		 		text-align:right;
			}

A.upbox:link 		{
				color:#444444;
				font-size:12px;
				text-decoration:underline;
	    		}

A.upbox:hover 	{
				color:#0099FF;
				font-size:12px;
				text-decoration:underline;
		    	}


A.upbox:visited 	{
        	    		color:#7A7A7A;     /*#444444*/
	  			text-decoration:underline;
			}

.morebox 		{
		 		position:absolute;
		 		left:285px;
		 		width:200px;
		 		height:12px;
		 		z-index:1;
		 		text-align:right;
			}



.distancebox 		{
				display:block;
				background:url('Icons/padding_tranps.gif');
				background-repeat:no-repeat;
				height:4px;
				width:200px;
			}


.liststyle ul li	{
				list-style-type:none;	
				text-decoration:none;
				font-size:12px;
		 		color:#444444;
				margin-bottom:5px;	
			}

.invis 			{
				position:absolute;
				font-size:8px;
				font-family: Arial, helvetica, verdana;
	  			color:#c0c0c0;
			}

.left 			{
				float:left;
				margin:2px 20px 0px 0px; /*oben, rechts, unten, links*/
				/*margin-left:5px;*/ 
				/*margin-right:5px;*/
				border:0px solid #000;
			}

.right 			{
				float:right;
				margin:2px 0px 0px 10px; /*oben, rechts, unten, links*/
				/*margin-left:5px;*/ 
				/*margin-right:5px;*/
				border:0px solid #000;
			}


