/**********************************************************************/
/**************         globale Definitionen                    **************/
/**********************************************************************/


body {
			
	font-family: "MS Sans Serif", Arial, Helvetica;
	font-size: 11px; 
	line-height: 20px;
	
}
                        
a:link, a:visited, a:hover  {
	text-decoration:none;
	color:black;
	
}
  
/************************/
/**** Überschrift h2 ****/                 
h2 {
	margin-bottom:20px;
	font-weight:bold;
	font-size:11px;
	}       
/************************/
/**** Überschrift h1 ****/
h1{
	margin-bottom:2px;
	font-weight:normal;
	font-size:11px;
}    

		
/*********************************************/
/**** Formatierung der Hauptnavigation ****/            
#navigation {
	list-style-type:none;
}

#navigation li{
	margin-bottom:25px;
	border-bottom:1px solid #E4D9C0;
}
#navigation a:hover { 
	margin:6px;
}

/***********************************************/
/**** Formatierung der Sitemapnavigation ****/            
#navigation_sitemap {
	list-style-type:none;
}
#navigation_sitemap li{
	margin-top:0px;
	margin-left:-30px;
}


/*********************************************/
/**** Hauptmenu Container-Ausrichtung ****/
#menu {
	width:160px;
	height:200px;
	position:absolute;
	top:200px;
	left:-5px;
	z-index:4;
	visibility:visible;
}
/************************************************************/
/****Einstellung des Logos/Trizepsleiste für alles Seiten****/

#Trizeps_Modul {
	width:180px;
	height:700px;
	position:absolute;
	left:40px;
	top:20px;
	z-index:3;
	visibility:visible;
}
/************************************************************/
/*********Positionierung des Zurück-Pfeils ******************/
#zurueck	{
	width:20px;
	height:20px;
	position:absolute;
	left:850px;
	top:600px;
	z-index:3;
	visibility:visible;
}

/****************************************************************************/
/****************                 Ordner Unternehmen                 **********/

#unternehmen_leiste a:hover {
	margin:6px;
}

/**** Formatierung des Unternehmen-Submenus ****/ 

#unternehmen_leiste li{
	
	list-style-type:none;	
	margin-bottom:60px;
	margin-top:50px;
	border-bottom:1px solid #E4D9C0;
	border-right:1px solid #E4D9C0;
}

/****************************************************************************/

/****************************************************************************/
/************************   Ordner Produkte       ****************************/

/*********Positionierung des Zurück-Pfeils ******************/
/*********auf der Trizeps Auswahl Seite    ******************/
#zurueck_opt	{
	width:20px;
	height:20px;
	position:absolute;
	left:850px;
	top:750px;
	z-index:3;
	visibility:visible;
}

/*****************************************************************************/



#leistungen_leiste a:hover {
	margin:6px;
}
#kontakt_leiste a:hover {
	margin:6px;
}





/*********************************************/
/**** Formatierung des Leistungs-Submenus ****/

#leistungen_leiste li{
	
	list-style-type:none;
	margin-bottom:60px;
	margin-top:50px;
	border-bottom:1px solid #E4D9C0;
	border-right:1px solid #E4D9C0;
}


/*******************************************/
/**** Formatierung des Kontakt-Submenus ****/

#kontakt_leiste li{
	margin-top:50px;	
	list-style-type:none;
	margin-bottom:60px;
	border-bottom:1px solid #E4D9C0;
	border-right:1px solid #E4D9C0;
}






#keith_koep {
	width:90px; 
	height:55px; 
	position:absolute; 
	left:3px; 
	top:75px; 
	z-index:2; 
	visibility:visible;
} 
#referenz {
	
	margin-left:20px;
}
#kontaktformular {
	font-size:11px;
}
#linux_formular {
	font-size:11px;
}

#check	  {
	font-size:11px;
}	
input {
	
	font-size:15px;
}
#beratung {
	margin-left:20px;
}


/**************************************************************/
/*********Referenzen Unterstrich ****************************/

#webpad a:hover {
	 border-bottom:3px solid #aaaaaa;
} 
#telefon a:hover {
	border-bottom:3px solid #aaaaaa;
}
#haerte a:hover {
	border-bottom:3px solid #aaaaaa;
}
#navigationssystem a:hover {
	border-bottom:3px solid #aaaaaa;
}
#handy a:hover {
	border-bottom:3px solid #aaaaaa;
}
#computer a:hover {
	border-bottom:3px solid #aaaaaa;
}
#drucker a:hover {
	border-bottom:3px solid #aaaaaa;
}
#rasenmaeher a:hover {
	border-bottom:3px solid #aaaaaa;
}

/*********************************************************/
/********* Trizepsmodule Unterstrich *********************/
#trizepsVi a:hover{
	border-bottom:3px solid #4c976a;
}
#trizepsV a:hover{
	border-bottom:3px solid #4c976a;
}
#trizeps-wireless a:hover{
	border-bottom:3px solid #4c976a;
}
#trizepsIV a:hover{
	border-bottom:3px solid #4c976a;
}	
#trizepsMX1 a:hover{
	border-bottom:3px solid #4c976a;
}
#trizepsIII a:hover{
	border-bottom:3px solid #4c976a;
}
#trizepsII-270m a:hover{
	border-bottom:3px solid #4c976a;
}
#trizepsII-FX a:hover{
	border-bottom:3px solid #4c976a;
}
#trizepsII-K3 a:hover{
	border-bottom:3px solid #4c976a;
}
#trizepsII-classic a:hover{
	border-bottom:3px solid #4c976a;
}
#trizepsI a:hover{
	border-bottom:3px solid #4c976a;
}
#Baseboards a:hover{
	border-bottom:3px solid #4c976a;
}
#Trizeps a:hover {
	border-bottom:3px solid #4c976a;
}
#Trizeps144 a:hover {
	border-bottom:3px solid #4c976a;
}
#Trizeps200 a:hover {
	border-bottom:3px solid #4c976a;
}
#Evaluationskit a:hover{
	border-bottom:3px solid #4c976a;
}
#IndustrieTerminal a:hover{
	border-bottom:3px solid #4c976a;
}
#uconxs a:hover{
	border-bottom:3px solid #4c976a;
}
#conxs a:hover{
	border-bottom:3px solid #4c976a;
}
#mt6n a:hover {
	border-bottom:3px solid #4c976a;
}
#netterm a:hover{
	border-bottom:3px solid #4c976a;
}
#i-PAN7 a:hover{
	border-bottom:3px solid #4c976a;
}
/*********************************************************/
/********* i-PAN7 Bildgallerie **************************/

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}


.picture img{
border: 0px solid white;
margin: 0 5px 5px 0;
}

.picture:hover{
background-color: transparent;
}

.picture:hover img{
border: 0px ;
}

.picture span{ /*CSS for enlarged image*/
position: absolute;
border: 0px ;
visibility: hidden;
text-decoration: none;
}

.picture span img{ /*CSS for enlarged image*/
border-width: 0;

}

.picture:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 100px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/*********************************************************/
/********* i-PAN7 Übersichtstabelle *********************/

#tabelle  {
	/*border-style:none;*/
	font-size: 11px; 
	width:790px;
	text-align:center;
	border-width:1px;
}	

/*********************************************************/
/************** HOP Bestellauswahl *********************/

#selection  {
	/*border-style:none;*/
	font-size: 11px; 
	border-width:1px;
}