@charset "utf-8";
/* CSS Document */

html body             { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:100%; height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color:#666; /*Georgia*/
                        background-color: #bfc3c9; background-image:url(images/bg/bg.jpg); background-repeat:repeat-x;  background-position:0px 0px;
						scrollbar-face-color: #e5e5e5; 
						scrollbar-highlight-color: #e5e5e5; 
						scrollbar-shadow-color: #FFFFFF; 
						scrollbar-3dlight-color: #fff; 
						scrollbar-arrow-color: #ba064a; 
						scrollbar-track-color: #fff; 
						scrollbar-darkshadow-color: #fff;   overflow: -moz-scrollbars-vertical;  
						 }/*dcdedf  hellgrau:f3f3f3*/
						 
						 
							
#main                   { position:absolute; width:958px; height:auto; left:50%;  margin: 138px 0px 0px -480px; border:solid 0px #666; padding: 0px 0px 0px 0px;  overflow-x: hidden; overflow-y: hidden;}
				
/*  H E A D E R /////////////////////////////////////////////////////////////////////////////////////////////////////////
----------------------------------------------------------------------------------------------------------------------- */				
#header                 { width:1150px; height:127px; margin: 0px 0px 0px 0px; border:solid 0px #000; padding: 0px 0px 0px 0px; position:absolute; left:50%; top:0px; margin: 0px 0px 0px -550px; }	
#men1                   { width:220px; height:127px; border:solid 0px #bfc3c9; background-image:url(../../images/arbeiter/men1.png); background-repeat:no-repeat;  background-position:40px 4px; float:left} 
#logo                   { width:640px; height:127px; border:solid 0px #bfc3c9; background-image:url(../../images/logo/logo-1.jpg); background-repeat:no-repeat;  background-position:0px 76px; float:left} 
#men2                   { width:280px; height:127px; border:solid 0px #bfc3c9; background-image:url(../../images/arbeiter/men2.png); background-repeat:no-repeat;  background-position:40px 4px; float:left} 


#headerpic             { width:956px; height:110px; margin: 0px 0px 0px 0px; border:solid 1px #bfc3c9; padding: 0px 0px 0px 0px; float:left}


 
		#top-mit-logo           { width:999px; height:74px; margin: 0px 0px 0px 0px; border:solid 0px #000; padding: 0px 0px 0px 0px; float:left }
		#printheader            { display:none;}



/*  N A V I G A T I O N /////////////////////////////////////////////////////////////////////////////////////////////////// black 292929
-------------------------------------------------------------------------------------------------------------------------- */
#navigation      /*li*/      { width:700px;  margin: 0px 5px 1px 1px; padding: 0px 0px 0px 256px;  float:left; line-height:38px; /*list-style:none;*/ background-color:#4d545d;
							   border-left:solid 0px #666; border-right:solid 0px #d88f05;  }				
		
										
#content-right	li	  { margin: 0px 0px 0px 10px;    }
		
										
/* C O N T E N T F I E L D ///////////////////////////////////////////////////////////////////////////////////////////////
-------------------------------------------------------------------------------------------------------------------------*/
#content                 { width:100%; min-height:400px; margin: 0px 0px 0px 0px; border:solid 0px #b5b6b7;  padding: 0px 0px 0px 0px; background-color:#d4d6da; float:left;   }

#content-left		     { width:257px; height:100%; margin: 0px 0px 0px 0px; border-bottom:solid 0px #b5b6b7; padding: 0px 0px 0px 0px; background-color:#d4d6da; float:left;   } /*d4d6da*/
#content-right		     { width:679px; min-height:500px; margin: 0px 1px 10px 0px; border-bottom:solid 0px #f3f3f3;  padding: 0px 0px 20px 20px; background-color:#fff; float:right; border-left:solid 0px #ccc;   }
#content-right-produkte  { width:679px; min-height:500px; margin: 0px 1px 20px 0px; border-bottom:solid 0px #f3f3f3;  padding: 0px 0px 20px 20px; background-color:#fff; float:right; border-left:solid 0px #ccc;   }

.content-right		    { width:679px; min-height:500px; margin: 0px 1px 20px 0px; border:solid 0px #000;  padding: 0px 0px 20px 20px; background-color:#fff; float:right; }
		
		
		#border               { width:2px; height:520px; margin: 0px 0px 0px 0px; border:solid 0px #b5b6b7;  padding: 0px 0px 0px 0px;  float:left;    }



/* T E A M  //////////////////////////////////////////////////////////////////////////////////////////////////////////
----------------------------------------------------------------------------------------------------------------------------*/
.teambox              { width:95%; height:150px; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;    float:left; border-bottom: 1px solid #ccc;}
span.name             { width:300px; height:auto; padding:0px 0px 0px 0px; margin: 15px 0px 0px 0px;   float:left; border: 0px solid #000; font-weight : bold;}
span.titel            { width:300px; height:auto; padding:0px 0px 0px 0px; margin: 10px 0px 10px 0px;  float:left; border: 0px solid #000;}
span.fon              { width:460px; height:auto; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;    float:left; border: 0px solid #000;  border:solid 0px #B5B6B7;}
span.mail             {  height:auto; padding:0px 0px 0px 0px; margin: 10px 0px 0px 0px;   float:left; border: 0px solid #000;}



/* T E X T F I E L D  L I N K S //////////////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------39---------------------------------------------------------------------------blau--000076----*/
#textlefttop       { width:256px; margin: -39px 1px 0px 1px; border-bottom:solid 1px #d4d6da;  padding: 10px 0px 11px 0px; float:left; font-size: 1.1em; color:#fff; font-weight:normal; text-indent:10px; 
				     /*background-image:url(../../images/bg/alu.jpg); background-repeat:no-repeat;  background-position: 0px 0px;*/ background-color:#4d545d;   }



/* N E W S B O X //////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------*/
.newsbox          { width:100%; margin: 20px 0px 20px 0px; border-bottom:solid 1px #b5b6b7;  padding: 0px 0px 15px 0px; float:left;    }

		
/* T E X T F I E L D  R E C H T S //////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------------------------------*/
#ueberschrift            { width:95%; margin: 20px 0px 0px 0px; border-bottom:solid 1px #ccc;  padding: 0px 0px 10px 0px; float:left; font-size: 1.1em; font-weight:bold;   }
#textfeld1               { width:95%; margin: 20px 0px 0px 0px; border:solid 0px #b5b6b7;  padding: 0px 0px 0px 0px; float:left;    }
#textclaim               { width:95%; margin: 20px 0px 0px 0px; border-top:solid 1px #ccc;  border-bottom:solid 1px #ccc; padding: 15px 0px 15px 0px; float:left; font-size: 1.8em; color:#d88f05;  
                           font-family:Georgia, verdana; font-style:italic;   }
#textfeld2               { width:95%; margin: 20px 0px 0px 0px; border:solid 0px #b5b6b7;  padding: 0px 0px 0px 0px; float:left;     }
	
	
.produktetitel	         { width:95%; margin: 20px 0px 0px 0px; border-bottom:solid 1px #ccc;  padding: 0px 0px 10px 0px; float:left; font-size: 1.1em; font-weight:bold;   }
.produktetext1           { width:95%;  margin: 20px 0px 20px 0px; border:solid 0px #b5b6b7;  padding: 0px 0px 0px 0px; float:left;    }
.produktebilder          { width:auto; margin: 20px 0px 0px 0px; border:solid 0px #b5b6b7;  padding: 0px 0px 0px 0px; float:left;   }
.produktetext2           { width:auto; margin: 20px 0px 0px 0px; border:solid 0px #b5b6b7;  padding: 0px 0px 0px 0px; float:left;    }
	
#map                     {margin: 20px 0px 0px 0px; }

.showprodukte        { width:95%;  margin: 0px 0px 0px 0px; border-top:solid 1px #ccc;  padding: 0px 0px 0px 0px; float:left; }
.showprodukteeinzel  { width:136px;  margin: 0px 13px 10px 0px; border-top:solid 0px #b5b6b7;  padding: 0px 0px 0px 0px; float:left; font-size: 0.85em; }


		
/* V A R I A B L E N
-----------------------------------------------------------*/			
.variableadresse        { width:222px; margin: 5px 0px 13px 12px; border:solid 1px #B5B6B7;  padding: 0px 0px 10px 10px; float:left; font-size: 0.85em;  background-color:#c9cbd0;  }	
/*.variableadresse        { width:222px; margin: 40px 0px 20px 0px; border:solid 1px #b5b6b7;  padding: 10px 0px 10px 10px; float:left; font-size: 0.85em; background-color:#fdf8eb;  }*/
.produktebildertext	{ width:98%;  margin: 0px 0px 0px 0px; border:solid 0px #b5b6b7;  padding: 0px 0px 0px 0px; float:left;   }	
		
		

		
		/* F O O T E R ///////////////////////////////////////////////////////////////////////////////////////////////////////////////
		------------------------------------------------------------------------------------------------------------------------------*/
		#footer           { width:900px;  margin: 8px 0px 0px 0px; border:solid 0px #b5b6b7;  padding: 0px 0px 0px 0px; background-color:#fff; float:left; font-size: 0.65em; color:#666;   }		
		span.copy         { float:right; }	
					
		
		
		
		
		
		/* A C C O R D E O N //////////////////////////////////////////////////////////////////////////////////////////////////////////
		------------------------------------------------------------------------------------------------------------------------------*/
		.accordeon   { margin: -2px 0px 0px 0px;}
		
		
/* G A L L E R I E //////////////////////////////////////////////////////////////////////////////////////////////////////////
----------------------------------------------------------------------------------------------------------------------------
Weitere Einstellungen in: admin/yui/build/carousel/assets/skins/sam/carousel-formfarbe.css_______________________________--*/

.gal-field         { width:490px; height:130px; border:solid 0px #b5b6b7; float:left;  background-color:#996600; text-align:left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.gal_img           { border:solid 1px #b5b6b7; float:left; padding: 0px 0px 0px 0px; margin: 0px 13px 13px 0px;  }
.gal_beschreibung  { width:265px; height:120px; border:solid 0px #b5b6b7; float:left;  background-color:#996600; text-align:left; padding: 5px 5px 5px 10px; color:#ffcc00; }

.gal-titel   {margin: 0px 0px 5px 0px; font-weight:bold;}


.produktebilder		{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

img.highslide-image   { border:solid 0px #a3a2a2; padding: 25px; margin: 0px 0px 0px 0px; background-color:#fff; }

span  {color:#666;}

						
/*  I M A G E S /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
-----------------------------------------------------------------------------------------------------------------------------------------
Muss auch angepasst werden (imgrechts/imglinks), Ebenso Schriftgrösse im Editor: admin/tiny_mce/themes/advanced/skins/default/content.css 
----------------------------------------------------------------------------------------------------------------------------------------*/					
.bildrechts  {  border:1px solid #B5B6B7; margin:5px 0px 15px 15px; padding:0px;  float:right;  background-color: #fff; }

.bildlinks   {  border:1px solid #B5B6B7; margin:5px 15px 15px 0px; padding:0px;  float:left;   background-color: #fff;  }		
		
.teambild	{  border:1px solid #B5B6B7; margin:15px 0px 15px 15px; padding:0px;  float:right;  background-color: #fff; }	
		
/*#content-right	img	  { margin: 0px 13px 13px 0px; border:solid 1px #B5B6B7;  float:left;   }*/		
#content-right-produkte	img	  { margin: 0px 13px 13px 0px; border:solid 1px #B5B6B7;  float:left;   }			
						
/* R E F E R E N E Z E N
-----------------------------------------------------------*/			
#content-right table  td  img           { border:solid 0px!important; }
table.referenzen td   {width:100%; align:right!important; vertical-align:bottom;  padding: 5px 30px 5px 0px; }					
				
						
						
/*  S Y S T E M
------------------------------------------------------------------------------------*/
				
ul   { margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px;   float:auto; font-weight : bold; }
		
li   { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  font-weight : normal;}
		

				
img                   { border:0; padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; }
.logo                   { border:0; padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 18px; }		
.mail                   { border:0; padding: 0px 0px 0px 0px;  margin: 5px 0px 0px 0px; }		
		
h2          {font-size: 1.0em; font-style: bold; color: #d88f05;}					
										
						
a:link       { text-decoration: none;  font-weight : normal; font-style : normal;  color : #d88f05;  }	/*color : #ba2720;*/
a:visited    { text-decoration: none;  font-weight : normal; font-style : normal; color : #d88f05;  }	
a:active     { text-decoration: none;  font-weight : normal; font-style : normal; color : #d88f05; }	
a:hover      { text-decoration: underline;  font-weight : normal; font-style : normal; color : #d88f05;  }	
						
		a.footer:link       { text-decoration: none;  font-weight : normal; font-style : normal;  color : #666;  }	/*color : #ba2720;*/
		a.footer:visited    { text-decoration: none;  font-weight : normal; font-style : normal; color : #666;  }	
		a.footer:active     { text-decoration: none;  font-weight : normal; font-style : normal; color : #666; }	
		a.footer:hover      { text-decoration: none;  font-weight : normal; font-style : normal; color : #a11a14;  }	
						
		a.navigation:link     {  width:20px; height:520px; display:block; }	
		a.navigation:visited  {  width:20px; height:520px; display:block; }	
		a.navigation:active   {  width:20px; height:520px; display:block; }	
		a.navigation:hover    {  width:20px; height:520px; display:block; }		
		
a.logo:link          { text-decoration: none; display:block; width:100%; height:60px; border:solid 0px #b5b6b7; margin: 70px 0px 0px 0px;}
a.logo:visited       { text-decoration: none; display:block; width:100%; height:60px; border:solid 0px #b5b6b7; margin: 70px 0px 0px 0px;}
a.logo:active        { text-decoration: none; display:block; width:100%; height:60px; border:solid 0px #b5b6b7; margin: 70px 0px 0px 0px;}
a.logo:hover         { text-decoration: none; display:block; width:100%; height:60px; border:solid 0px #b5b6b7; margin: 70px 0px 0px 0px;}


/* N A V I G A T I O N --- P R O D U K T E ///////////////////////////////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------------------------------------*/							
#glossymenu       { width:100%; margin: 0px 0px 0px 0px; border-bottom:solid 0px #b5b6b7;  padding: 0px 0px 15px 0px; float:left;   }



.glossymenu{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%; /*width of menu*/
border: 0px solid #9A9A9A;
border-bottom-width: 0;

}

.glossymenu a.menuitem{
/*background: black url(images/bg/alu.jpg); background-position:0px -20px;*/

height:18px;
color: #4d545d;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 6px 0px 0px 10px;
text-decoration: none;
margin: 0px 0px 0px 0px;
border-bottom:solid 1px #d4d6da;
border-left:solid 1px #d4d6da;
border-right:solid 0px #d4d6da;
text-indent:0px; 
background-color:#b2b6bb;
font-size: 0.9em;
}



 .glossymenu a.menuitem:visited .glossymenu a.menuitem:active {
color: #bbbaba; /*bbbaba*/
padding: 6px 0px 0px 0px;
text-indent:0px;

}


.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 10px;
border: none;

}

.glossymenu a.menuitem:hover{
background-color:#4d545d;
/*background: black url(images/bg/alu.jpg); background-position:0px 0px;*/
color: #fff;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white; 
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 0px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
color: #fff;
text-decoration: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 1px 0px;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
background-color: #84898f;
width: 256px;
line-height:23px; text-indent:20px;
font-size: 0.9em;
}

.glossymenu div.submenu ul li a:hover {
background-color: #4d545d;
color: #fff;
}					

/* aktiv unterlinks aufgeklappt...*/
.glossymenu  a.sby_actmenu  { 
background-color: #4d545d!important;
color: #fff!important; 
border-left:solid 0px #ccc;
}