
/*-------------------//elements+body--------------------*/

H1 {
   font-size: 14px;
   color: #ededed;
   background-color: transparent;
   font-weight: normal;
}

H2 {
   font-size: 12px;
   color: #ededed;
   background-color: transparent;
   font-weight: normal;
}

H3 {
   font-size: 10px;
   font-weight: normal;
}

H4 {
   font-size: 9px;
   font-weight: normal;
   color: #efefef;
   background-color: #ffffff;
	}

a:link {
   background-color: transparent;
   color: #1517ff;
   text-decoration: none;
	}

a:active {
   color: blue;
   background-color: transparent;
   text-decoration: none;
	}

a:visited {
   text-decoration: none;
	}

a:hover {
   background-color: transparent;
   color: red;
	}

body {
   font-family: arial, "luxi sans", sans-serif;
   font-size: 10px;
   width: 100%;
   margin: 0px;
   padding: 0px;
	}


/*-------------------//list--------------------*/





/*-------------------//list_id--------------------*/	
	
	
	.list {
   	background: #ffffff;
   	color: #000000;
   	font-size: 12px;
   	list-style-type: none;
   	padding: 0px;
   	padding-bottom: 10px;  	
   	margin: 0px; 
		white-space:normal;   	  	
		}	
	
		
	.list > li {
   	background: #ffffff;
   	color: #000000;
   	margin: 0px;
   	vertical-align: top;
		}	

		
		
	.list > li > ul{
   	padding-top: 10px;		
		}		

		
	.list > li > ul > li {
   	list-style-position: outside;
		list-style-image: url(pic/list-19.gif);
		padding-bottom: 3px;
		margin-left: -10px;
		}

		
	.list > li > ul > li a:hover { /* johann neu 2010_11_21 */
 		background-color: #ffffff; 	
 		color: red;
		}	

	
	
	
	
	
	
/*-------------------//ende_list_id--------------------*/
	
	
.listhead {
   background-color: #ffffff;
   color: #000000;
   font-size: 12px;
   text-align: left;
   margin-top: 10px;
   margin-bottom: 10px;
   padding-left: 3px;
}

.listtop {
   color: #000000;
   background-color: #ffffff;
   font-size: 12px;
   text-align: left;
   padding-left: 8px;
   padding: 2px;
}

.list2ta {
   text-align: left;
   width: 100%;
   border-top: 1px solid #d7d7d7;
   border-left: 1px solid #d7d7d7;
   border-right: 1px solid #a4a4a4;
   border-bottom: 1px solid #a4a4a4;
   vertical-align: top;
   margin-top: 0px;
   margin-bottom: 15px;
   background-color: #ffffff;
   color: #000000;
   padding: 5px;
}

.list2top1 {
   font-size: 12px;
   text-align: center;
   vertical-align: middle;
   background-image: url(pic/back_20px.jpg);
   background-repeat: repeat-x;
   border-color: #d7d7d7;
   width: 100%;
   margin-top: 0px;
   margin-left: 0px;
   line-height: 20px;
}

.list2top {
   background-color: #ffffff;
   color: #000000;
   font-size: 12px;
   text-align: center;
   border: 1px;
   border-color: #ffa215;
}

.list2body {
   background-color: #ffffff;
   color: #000000;
   font-size: 12px;
   text-align: left;
   list-style-image: url(pic/list-19.gif );
   margin-top: 2px;
   margin-left: -20px;
   padding-top: 3px;
   text-indent: -2px;
}

.list2pdf {
   background-color: #ffffff;
   color: #000000;
   font-size: 12px;
   text-align: left;
   list-style-image: url(pic/list-pdf22.gif );
   margin-top: 2px;
   margin-left: -22px;
   text-indent: 0px;
}

.list2pic {
   text-align: center;
   padding-top: 10px;
   padding-bottom: 5px;
   clear: none;
}

.list2kontakt {
   font-size: 10px;
   padding: 5px;
}

.list2text {
   font-size: 10px;
   padding: 5px;
}

.nav2links {
   background: #f5f5f5;
   color: #ffffff;
   border-color: #ffa500;
   border-style: solid;
   border-left-width: 0px;
   border-right-width: 0px;
   border-top-width: 0px;
   border-bottom-width: 1px;
   vertical-align: top;
   padding: 0px;
   margin: 0px;
   width: 220px;
}

.nav2mitte {
   background: #ffffff;
   color: #000000;
   vertical-align: top;
   padding: 0px;
   margin: 0px;
   float: none;
}

.nav2rechts {
   background: #f5f5f5;
   color: #ffffff;
   border-color: #ffa500;
   border-style: solid;
   border-left-width: 0px;
   border-right-width: 0px;
   border-top-width: 0px;
   border-bottom-width: 1px;
   vertical-align: top;
   padding: 0px;
   margin: 0px;
   width: 220px;
}

.prbo {
   font-size: 12px;
   background-color: #ffffff;
   padding: 0px 0px 0px 0px;
   border-top: 0px solid #d7d7d7;
   border-left: 0px solid #d7d7d7;
   border-right: 0px solid #a4a4a4;
   border-bottom: 0px solid #a4a4a4;
   vertical-align: top;
   width: 700px;
   color: #000000;
   margin-left: 20px;
   margin-right: 20px;
   margin-top: 0px;
   margin-bottom: 0px;
}

/*-------------------//t10--------------------*/

.t10 {
   background: url(pic/back_18.jpg);
   background-repeat: repeat-x;
   background-color: white;
   color: black;
   padding: 0;
   margin: 0;
   width: 100%;
   height: 100px;
	}

#t11 {
   background: url(pic/logo.gif);
   background-repeat: no-repeat;
   vertical-align: middle;
	float: left;
   width: 200px;
   height: 100px;
   padding: 0px;
   margin: 0px;
	}

#t12 {
   padding: 0px;
   margin: 0px;
   width: 100px;
   height: 100px;
	}

#t13 {
   padding: 0px;
   margin: 0px;
   height: 100px;   
   text-align: center;
   vertical-align: middle;
   word-spacing: 5px;
   letter-spacing: 1px;
	}

#t14 {
   padding: 0px;
   margin: 0px;
   width: 100px;
   height: 100px;
	}

#t15 {
   background-image: url(pic/lasthebemagnete-view.gif);
   background-repeat: no-repeat;
   vertical-align: middle;
   float: right;
   width: 200px;
   height: 100px;
	}

/*-------------------//t30--------------------*/


.t30 {
   background: #f5f5f5;
   color: #ffffff;
   float: left;
   width: 100%;
   border-color: #c0c0c0;
   border-style: solid;
   border-bottom-width: 1px;
   border-top-width: 0px;
   border-left-width: 0px;
   border-right-width: 0px;
}


.t30zelle {
   float: left;
   text-align: center;
   vertical-align: text-bottom;
   font-size: 12px;
   word-spacing: 1px;
   letter-spacing: 1px;
   background-image: url(pic/back_20px.jpg);
   line-height: 20px;
   margin: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 12px;
   padding-right: 12px;
   border-color: #c0c0c0;
   border-style: solid;
   border-bottom-width: 0px;
   border-top-width: 0px;
   border-left-width: 0px;
   border-right-width: 1px;
}

.t30zelle a:hover {
   color: red;
}

/*-------------------//t35--------------------*/
.t35 {
   width: 100%;
   line-height: 20px;
}

/*-------------------//t40center--------------------*/
.t40center {
   background: #ffffff;
   color: #000000;
   vertical-align: top;
}

/*-------------------//table60--------------------*/
.table60 {
   vertical-align: bottom;
   padding: 0px;
   width: 700px;
}

.table61 {
   background-color: #efefef;
   color: #000000;
   font-size: 10px;
   vertical-align: middle;
   border-color: #808080;
   border-bottom-width: 1px;
   padding: 5px;
   width: 450px;
}

.table63 {
   background-color: #808080;
   color: #FFFFFF;
   font-size: 10px;
   vertical-align: middle;
   padding: 5px;
   width: 250px;
}

/*-------------------//table60ENDE--------------------*/
/*-------------------//t60foot_products--------------------*/
.t60foot {
   background: #ffffff;
   color: #000000;
   vertical-align: top;
   padding-top: 30px;
   padding-bottom: 15px;
   width: 100%;
}

.t60pipe {
   padding-right: 10px;
   padding-left: 10px;
   background-color: #ffffff;
   color: #ffa215;
   font-weight: bold;
}

/*-------------------//t70zip--------------------*/
.t70zip {
   background: #ffffff;
   color: #000000;
   vertical-align: top;
   padding-top: 15px;
   padding-bottom: 30px;
   width: 100%;
}

.t70pipe {
   padding-right: 10px;
   padding-left: 10px;
   background-color: #ffffff;
   color: #ffa215;
   font-weight: bold;
}

.t71zip {
   background-color: #ffffff;
   color: #000000;
   vertical-align: top;
}

.t72zip {
   background: #efefef;
   color: #ffffff;
   vertical-align: top;
   padding: 0px;
   margin: 0px;
   width: 220px;
}

.t73zip {
   background: #ffffff;
   color: #000000;
   font-size: 10px;
   vertical-align: middle;
   text-align: center;
   width: 740px;
   padding-top: 10px;
   padding-bottom: 20px;
}

.t74zip {
   background: #efefef;
   color: #ffffff;
   vertical-align: top;
   padding: 0px;
   margin: 0px;
   width: 220px;
}

.t75zip {
   background-color: #ffffff;
   color: #000000;
   vertical-align: top;
}

.ta2main10 {
   font-size: 10px;
   border: 1px;
   border-color: #efefef;
   width: 100%;
}

.ta2main20 {
   font-size: 10px;
   border: 1px;
   border-color: #efefef;
   width: 100%;
}

.ta2code {
   font-size: 10px;
   vertical-align: middle;
   color: #000000;
   background-color: #efefef;
   border-top-width: 0px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-right-width: 1px;
   border-color: #d7d7d7;
   border-style: solid;
   padding-right: 5px;
   padding-left: 5px;
}

.ta2text {
   font-size: 10px;
   vertical-align: middle;
   text-align: left;
   color: #000000;
   background-color: #FFFFFF;
   border-color: #d7d7d7;
   border-top-width: 0px;
   border-bottom-width: 1px;
   border-right-width: 1px;
   border-left-width: 0px;
   border-style: solid;
   padding-right: 5px;
   padding-left: 5px;
}

.ta2pic {
   font-size: 10px;
   color: #000000;
   vertical-align: middle;
   text-align: center;
   background-color: #FFFFFF;
   border-color: #d7d7d7;
   border-top-width: 0px;
   border-bottom-width: 0px;
   border-right-width: 0px;
   border-left-width: 0px;
   border-style: solid;
   padding-right: 5px;
   padding-left: 5px;
}

.tacaption {
   font-size: 12px;
   background-color: #ffffff;
   color: #000000;
   text-indent: 3px;
   text-align: left;
}

.tamain {
   font-size: 10px;
   border: 0;
   width: 100%;
   text-align: justify;
}

.tahead1 {
   background: #f5f5f5;
   font-size: 10px;
   color: #000000;
   vertical-align: middle;
   text-align: left;
   margin: 0px;
   border-bottom-width: 1px;
   border-top-width: 1px;
   border-left-width: 1px;
   border-right-width: 1px;
   border-color: #d7d7d7;
   border-style: solid;
   padding-right: 5px;
   padding-left: 5px;
}

.tahead {
   background: #f5f5f5;
   font-size: 10px;
   color: #000000;
   vertical-align: middle;
   text-align: left;
   margin: 0px;
   border-bottom-width: 1px;
   border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 1px;
   border-color: #d7d7d7;
   border-style: solid;
   padding-right: 5px;
   padding-left: 5px;
}

.tacode {
   font-size: 10px;
   color: #000000;
   vertical-align: middle;
   background: #f5f5f5;
   border-top-width: 0px;
   border-bottom-width: 1px;
   border-left-width: 1px;
   border-right-width: 1px;
   border-color: #d7d7d7;
   border-style: solid;
   padding-right: 5px;
   padding-left: 5px;
}

.tadaten {
   font-size: 10px;
   color: #000000;
   vertical-align: middle;
   text-align: left;
   background-color: #FFFFFF;
   border-color: #d7d7d7;
   border-top-width: 0px;
   border-bottom-width: 1px;
   border-right-width: 1px;
   border-left-width: 0px;
   border-style: solid;
   padding-right: 5px;
   padding-left: 5px;
}

.tafoot {
   font-size: 10px;
   background-color: #ffffff;
   color: #000000;
   vertical-align: middle;
   text-align: right;
   margin: 0px;
   border-bottom-width: 1px;
   border-top-width: 0px;
   border-left-width: 1px;
   border-right-width: 1px;
   border-color: #d7d7d7;
   border-style: solid;
   padding-right: 5px;
   padding-left: 5px;
}

.prma10ta {
   width: 100%;
   text-align: center;
}

.prma10pic {
   text-align: center;
   vertical-align: middle;
   width: 100%;
}

.prma10text {
   text-align: left;
   font-size: 12px;
   white-space: normal;
}

.prma20ta {
   width: 250px;
   text-align: center;
   margin: 0px;
}

.prma20pic {
   text-align: center;
   vertical-align: middle;
   width: 250px;
}

.prma20text {
   text-align: left;
   font-size: 12px;
}

.prhe10 {
   background: #f5f5f5;
   color: #000000;
   font-size: 12px;
   vertical-align: middle;
   border-bottom: 1px solid #d7d7d7;
   padding: 5px;
   width: 65%;
}

.prhe20 {
   background-color: #808080;
   color: #FFFFFF;
   font-size: 12px;
   vertical-align: middle;
   padding: 5px;
   width: 250px;
}

.prhe25 {
   font-size: 12px;
   vertical-align: middle;
   background-color: #ffffff;
   color: #000000;
   border-bottom: 1px solid #d7d7d7;
   padding: 5px;
   width: 100%;
}

.prhe30 {
   font-size: 12px;
   vertical-align: top;
   background-color: #ffffff;
   color: #000000;
   border-bottom: 1px solid #d7d7d7;
   padding: 3px;
   width: 65%;
}

.prhe40 {
   font-size: 12px;
   vertical-align: top;
   background-color: #ffffff;
   color: #000000;
   border-bottom: 1px solid #d7d7d7;
   padding: 3px;
   width: 250px;
}

.prma10 {
   background-color: #ffffff;
   color: #000000;
   vertical-align: middle;
   text-align: left;
   border-bottom: 1px solid #d7d7d7;
   padding-top: 30px;
   padding-bottom: 30px;
   padding-left: 5px;
   padding-right: 5px;
   width: 65%;
   margin: 0px;
}

.prma20 {
   background-color: #ffffff;
   color: #000000;
   vertical-align: middle;
   text-align: left;
   border-bottom: 1px solid #d7d7d7;
   padding-top: 30px;
   padding-bottom: 30px;
   padding-left: 5px;
   padding-right: 5px;
   width: 250px;
   margin: 0px;
}

.prma25 {
   background-color: #ffffff;
   color: #000000;
   vertical-align: middle;
   text-align: left;
   border-bottom: 1px solid #d7d7d7;
   padding-top: 30px;
   padding-bottom: 30px;
   padding-left: 5px;
   padding-right: 5px;
   width: 100%;
}

.prma25c {
   background-color: #ffffff;
   color: #000000;
   vertical-align: middle;
   text-align: center;
   border-bottom: 1px solid #d7d7d7;
   padding-top: 30px;
   padding-bottom: 30px;
   padding-left: 5px;
   padding-right: 5px;
   width: 100%;
   margin: 0px;
}



/*-------------------//menupulldown_start-------------------*/


	.t20home {
   font-size: 10px;
   text-align: left;
   text-indent: 0px;
   height: 20px;
   padding: 0px;
   margin: 0px;
   background: #ffffff;
   color: #000000;
   border-color: #ffa500;
   border-style: solid;
   border-bottom-width: 1px;
   border-top-width: 0px;   
   border-left-width: 0px;
   border-right-width: 0px;
   width: 100%;
	}

	
	/*  Menu-Styles  */
	
	ul#t20menu {
   margin: 0;
   padding: 0;
   text-align: left;
	}

	*:first-child + html ul#t20menuitem li { /* Korrektur fuer den IE6 */
   left: -108px;
   top: +22px;
   margin-bottom: -2px;
	}

ul#t20menu li {
   float: left;
   position: relative;
   padding: 0;
   margin: 0;
   list-style-type: none;
		}

ul#t20menu li > ul {
   margin: 0;
   padding: 0;
   position: absolute;
   display: none; /* submenu ausblenden */
	}

	
ul#t20menu li:hover > ul {
   	display: block; /* Unternavigation in modernen Browsern einblenden */
   	border-bottom: 1px solid #ffa500; /**** johann: 02.11.2010 Farbe geändert ****/
   	border-top: 1px solid #ffffff; 	
		}

		
ul#t20menu li ul li {
   float: none;
   display: block;
	}

   
ul#t20menu a {
   display: block;
   width: auto; /* Listenbreite der menüleiste*/
   white-space: nowrap;
   text-decoration: none;
   line-height: 16px;
   padding: 2px 13px 2px 13px;
   margin: 0px;
   font-family: sans-serif;
   font-size: 12px;
   color: black;
   background-color: #ffffff;
   border-top: 0px;   
   border-left: 0px;
   border-right: 0px;
   letter-spacing: 1px;
   }


   
   
ul#t20menu > li > ul > li > a {
   border-left: 1px solid #ffa500; /**** död: 29.10.2010 Farbe geändert ****/
   border-right: 1px solid #ffa500; /**** död: 29.10.2010 Farbe geändert ****/
   letter-spacing: 1px;
	}

ul#t20menu li > a {
   width: auto; /* Listenbreite der submenüs*/
   white-space: nowrap;
   background-color: #ffffff;
   color: blue;
	}

ul#t20menu li > a:hover {
   display: block;
   background-color: #f5f5f5;
   color: red;
	}

	
	
	
/* subsubmenues */


ul#t20menu > li > ul > li > ul a {
   display: block;
   width: auto; /* Listenbreite der menüleiste*/
   text-decoration: none;
   white-space: nowrap;
   padding: 3px 10px 3px 10px;
   font-family: sans-serif;
   font-size: 12px;
   color: blue;
   background-color: #ffffff; 
	}

	
ul#t20menu > li > ul > li > ul li {
   border-top: 0px solid #f5f5f5;
   border-bottom: 0px solid #f5f5f5;
	}

	
ul#t20menu > li > ul li:hover { /* johann neu 2010_11_21 */
   border-top: 0px solid #c0c0c0;
   border-bottom: 0px solid #c0c0c0; 
 	background-color: #f5f5f5; 	
 	color: red;
	}		
	
ul#t20menu > li > ul > li > ul li:hover {
   border-top: 0px solid #c0c0c0;
   border-bottom: 0px solid #c0c0c0;
 	background-color: #f5f5f5; 	
 	color: red;    
	}

	
ul#t20menu > li > ul li  ul {
   float: none;
   display: block;
   z-index: 1;
   background-color: #ededed;
   color: black;
	}

ul#t20menu > li > ul > li > ul {
   margin: 0;
   padding: 0;
   position: absolute;
   display: none; /* subsubmenu ausblenden */
	}


ul#t20menu > li > ul > li:hover > ul {
   position: absolute;
   left: 5.0em;
   top: 2.0em;
   border-top: 1px solid #ffa500; /* johann2010_11_07 eingefügt */  
   border-left: 1px solid #ffa500;
   border-right: 1px solid #ffa500;
   display: block; /* Unternavigation in modernen Browsern einblenden */
   background-color: #f5f5f5;
   color: black;
	}

	
/* Ende Menu-Styles */



/*  MenuStyles_ t200bottom */


	.t200links {
   font-size: 9px;
   text-align: left;
   text-indent: 0px;
   vertical-align: middle;
   height: 19px;
   padding: 0px;
   background: #efefef;
   color: #000000;
   border-color: #ffa500;
   border-style: solid;
   border-bottom-width: 1px;
   border-top-width: 1px;
   border-left-width: 0px;
   border-right-width: 0px;
   width: 100%;
   margin-top:150px;
   margin-bottom:1px;
	}

	
	#t200left {
	width: 10%;
	float: left;
	}

	
	#t200center {
	margin-left: 10%;
	margin-right: 10%;	
	text-align: left;
	float: none	
	}	
	
	#t200right {
	width: 10%;
	float: right;
	}	
	

	ul#t200links {
   margin: 0;
   padding: 0;
   text-align: left;  
	}
	
	*:first-child + html ul#t200menuitem li { /* Korrektur fuer den IE6 */
   left: -108px;
   top: +22px;
   margin-bottom: -2px;
	}

	ul#t200links li {
   float: left;
   position: relative;
   margin-bottom: 0;
   padding: 0;
   list-style-type: none;
	}

	ul#t200links li > ul {
	font-size: 9px;
   margin: 0;
   padding: 0;
   position: absolute;
   display: none; /* submenu ausblenden */
	}

	ul#t200links li:hover > ul {
   	display: block; /* Unternavigation in modernen Browsern einblenden */
   	border-bottom: 1px solid #ffa500; /**** johann: 02.11.2010 Farbe geändert ****/
   	border-top: 1px solid #ffa500;   	
		}


	ul#t200links li ul li {
   	float: none;
   	display: block;
	}

	ul#t200links a {
   	display: block;
   	width: auto; /* Listenbreite der menüleiste*/
   	white-space: nowrap;
   	text-decoration: none;
   	padding: 3px 10px 3px 10px;
   	font-family: sans-serif;
   	font-size: 10px;
   	color: blue;
   	background-color: #efefef;
   	border-left: 0px solid #ffffff;
   	border-right: 0px solid #ffffff;
   	letter-spacing: 1px;
   	}
   

	ul#t200links > li > ul > li > a {
   	background-color: #ffffff;
   	border-left: 1px solid #ffa500; /**** död: 29.10.2010 Farbe geändert ****/
   	border-right: 1px solid #ffa500; /**** död: 29.10.2010 Farbe geändert ****/
   	letter-spacing: 1px;
		color: black;
		}

	ul#t200links li > a {
   	width: auto; /* Listenbreite der submenüs*/
   	white-space: nowrap;
   	background-color: #efefef;
   	color: black;
		}

	ul#t200links li > a:hover {
   	display: block;
   	background-color:#efefef;
   	color: #000000;   
		}

		
	/* subsubmenues */
	

	ul#t200links > li > ul > li > ul a {
   	display: block;
   	width: auto; /* Listenbreite der menüleiste*/
   	text-decoration: none;
   	white-space: nowrap;
   	padding: 3px 10px 3px 10px;
   	font-family: sans-serif;
   	font-size: 9px;
   	color: blue;
   	background-color: #f5f5f5;
	}

	ul#t200links > li > ul > li > ul li {
   	border-top: 1px solid #f5f5f5;
   	border-bottom: 1px solid #f5f5f5;
	}

	ul#t200links > li > ul > li > ul li:hover {
   	border-top: 1px solid #c0c0c0;
   	border-bottom: 1px solid #c0c0c0;
	}
	
	

	ul#t200links > li > ul > li > ul {
		background-color: #ffa215;
   	float: none;
   	display: block;
   	z-index: 1;
		}

	ul#t200links > li > ul li ul {
   	margin: 0;
   	padding: 0;
   	position: absolute;
   	display: none; /* subsubmenu ausblenden */
		}

	ul#t200links > li > ul > li:hover > ul {
   	position: absolute;
   	left: 9.5em;
   	top: 1.7em;
   	border-top: 1px solid #ffa500; /* johann2010_11_07 eingefügt */  
   	border-left: 1px solid #ffa500;
   	border-right: 1px solid #ffa500;
   	display: block; /* Unternavigation in modernen Browsern einblenden */
   	font-size: 9px;
		}

	/* Ende Menu-Styles */



