@import url(print.css);
@import url(content.css);
@import url(tt_news.css);
@import url(products.css);

html, body {
	margin: 0; 
	padding: 0; 
	border: 0;
	width: 100%;
	height: 100%;
}

body {
color: #000; 
background: #ecf5fc url(../img/top-bg.gif) no-repeat; 
font-family: verdana,arial,helvetica,sans-serif; 
font-size: 79%; 
font-weight: normal;
text-align: center; /* Seite zentriert */
text-align: left; /* Seite linksb�ndig */
margin: 0 0 20px 0;  /* Abstand Gesamtinhalt von oben und untern */
background: #ecf5fc url(../img/background1.jpg) repeat-y; 
/*  background: #bbd6f1;  */
}

h1 {
	margin: 0;  /* needed for Firefox */
}

#LCONTENT h1 {
	padding: 15px 0 0 0;
}

#logo {
}

.top-bg {
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 85px;
	background: #0061aa;
}

#titelzeile {
	position: absolute;
	top: 8px;
	left: 183px;
	color: #aabddf;
font: normal 20px Verdana,Geneva,Arial,Helvetica,sans-serif;
}

#topmenu1 {
	position: absolute;
	top: 63px;
	left: 183px;
}

#topmenu2 {
	position: absolute;
	top: 63px;
	left: 400px;
}

#topmenu3 {
	position: absolute;
	top: 63px;
	left: 868px;
}

#topmenu4 {
	position: absolute;
	top: 63px;
	left: 235px;
}

#PRINTLINK {
	position: absolute;
	top: 63px;
	left: 928px;

	z-index: 20;
}

#language {
	position: absolute;
	top: 8px;
	left: 806px;
}

#spanisch {
	position: absolute;
	top: 8px;
	left: 890px;
}


#search {
	position: absolute;
	top: 36px; 
	left: 806px;
	width: 120px;
}

p  {
/*margin: 6px 0; padding: 0 6px; */
}

.clear { clear: both; }

a {text-decoration: underline; font-weight: bold; color: #000;}

.alignright {margin-top: 0; text-align: right; clear: both;}

.small {font-size: .9em;}

.wide {
/*background: #ffc url(fileadmin/templates/main/img/wide.gif);  */  /* header and footer colours */
width: 100%; 
/*font-size: 1em;
font-weight: normal;
color: #000;  */
/*text-align: center;  */
/*background: #ecf5fc url(../img/top-bg.gif) no-repeat;  */
background: #ffc;
}

.wide p {margin: 0; padding: 0px; position: relative;}

.top {
/*		border-bottom: 1px solid #000;  */
	height: 85px;
	background: #0061aa;
	color: #fff;
}

.top a {
/*	position: absolute; right: 20px; text-align: right; font-weight: bold; font-size: .7em; color: #000;  */
}

.bottom {
/*	border-top: 1px solid #000;  */
	position: relative;
}

.testfloat {width: 50px; border: 2px solid #f90; background: #ffd; font-size: .7em;}

.to-right {float: right;}

.to-left {float: left;}

.ap-test {
position: absolute; 
top: -102px; /* negativer Wert (Boxh�he +2p) */
top: -62px;  /* negativer Wert (Boxh�he +2p) */
font-size: .6em; 
width: 165px; 
height: 60px;  /* Boxh�he */
background: transparent;
/* border-top: 1px solid #000; 
background: #5b5; 
color: yellow;  */
}

/* \*/
* html .ap-test {
top: -61px;  /* negativer Wert (Boxh�he +1p) */ 
t\op: -62px; /* negativer Wert (Boxh�he +2p) */
}
/* */

.ap-left {left: 0;}

.ap-right {right: 0;}




.wrapper {
position: relative;
margin: 0 auto; /* Seite zentriert */
margin: 0;  /* Seite linksb�ndig */
width: 780px;
width: 970px; /* Gesamtbreite */
text-align: left;
z-index: 10;
/*background: #becdef url(../img/background1.jpg) repeat-y;   */ 
}

* html .wrapper {   /*** IE5.x/win box model fix ***/
width: 972px; /* Gesamtbreite +2 px */
wid\th: 970px; /* Gesamtbreite */
z-index: 10;
}

.outer {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
margin-left: 150px;    /*** Critical left col dimension value ***/
margin-left: 165px;  /* Breite der linken Spalte */
width: 478px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
width: 798px; /* Breite mittlre Spalte = Gesamtbreite - linke Spalte - rechte Spalte -2px */
background: #edf5fc; /*** Sets background of center col***/
/*border-left: 1px solid #000; */  /*** Critical left divider dimension value ***/
/*border-right: 1px solid #000; */  /*** Critical right divider dimension value ***/
}

* html .outer {   /*** IE5.x/win box model fix ***/
width: 480px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
width: 800px; /* Breite der mittleren Spalte */
wid\th: 478px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
wid\th: 798px;  /* Breite der mittleren Spalte -2px */
position: relative;
}

.float-wrap {
float: left;
width: 478px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
width: 798px; /* Breite mittlre Spalte = Gesamtbreite - linke Spalte - rechte Spalte -2px */
margin-right: -1px;   /*** Static fix ***/
position: relative;
}

.center {
float: right;
width: 478px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
width: 798px; /* Breite mittlre Spalte = Gesamtbreite - linke Spalte - rechte Spalte -2px */
margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
/* \*/
margin-left: -1px; 
/* Hidden from IE-mac */
}

.left {
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 152px;    /*** Critical left col/divider dimension value ***/
width: 167px; /* breite der linken spalte +2 px */
width: 165px;
margin-left: -151px;    /*** Critical left col/divider dimension value ***/
margin-left: -166px; /* negative (Breite der linken Spalte +1px)  */
margin-left: -165px;
/*background: #becdef url(../img/navi-bg.jpg) repeat-y;  */
/*background: yellow;  */
/* height: 300px;  */
}

* html .left {
float:left;	
}

*>html .left {width:151px;}   /*** Fix only for IE/Mac ***/
*>html .left {width:166px;}  /* Breite der linken Spalte +1px */

.container-left {
/*position: relative; */ /** test for MSIE 5.2 mac bug */
width: 150px;    /*** Critical left col dimension value ***/
width: 165px; /* Breite der linken Spalte */
padding-bottom: 110px;   /*** To keep content from going underneath the AP bottom boxes ***/ 
padding-bottom: 70px; /* H�he untere Box + 10px Abstand */
}

.right {
float: left; 
position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
width: 152px;    /*** Critical right col/divider dimension value ***/
width: 12px; /* Breite der rechten Spalte +2px */
margin-right: -150px;    /*** Critical right col/divider dimension value ***/
margin-right: -10px;  /* negativer Wert der Breite der rechten Spalte */
margin-left: -1px;   /*** Static fix ***/
}

/* \*/
* html .right {
margin-left: 0px; 
margin-right: -500px; 
mar\gin-right: -152px;
mar\gin-right: -12px;  /* negativer Wert der Breite der rechten Spalte */
}
/* */

/*** These commented-out rules below are there to explain the "Critical" info 
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/


.container-right { 
/* \*/width: 150px;/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
/* \*/width: 10px;/* Breite der rechten Spalte */
margin-left: 3px;    /*** Critical right divider dimension value ***/
padding-bottom: 110px;   /*** To keep content from going underneath the AP bottom boxes ***/
}

/* \*/
* html .container-right {
fl\oat: right;
margin-left: 2px; 
mar\gin-left: 0px; 
}
/*** Static fixes ***/

/*** Below is the Holly hack, and if IE/Win shows bugs it's a good idea to apply this hack to 
	different elements and see if that fixes the problem. Sometimes it may be necessary 
	to use "position: relative;" on certain elements, but it's hard to tell in advance which 
	elements will need such fixes. Here it prevents IE5/Win from clipping the left ends 
	of the headings. ***/
/* \*/
* html h2 {height: 1%;}
/* */


/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left {margin-right: -3px;}
/* */


.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
background: #ccd;
/*border: 1px solid red; */
}

/*** The following fixes prevent justified italic text from destroying the layout in IE/win.
	The problem is that those properties together make IE force the container wider,
	which in this type of floated layout causes a float drop. 	Pre-IE6 gets "width: 100%" 
	and "overflow: hidden", while IE6 gets "width: auto" and "overflow: visible, which 
	is the default, but explicitly stating it seems to keep IE6 happy. IE6 also needs
	to see the "height: 1%" to give it some kind of box dimension. Browser coddling 
	we call it. Finally, Bruno found that "word-wrap: break-word;" disarranged the 
	justified text in IE5.5 and 6, so it is defaulted to "normal" for this text.
	If you don't need justified and italicized text then forget all these fixes ***/

/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
hei\ght: 1px;
}
/* */

/*** All the IE fixes that are inside separate "Mac-hacks" may be grouped 	within 
	just one Mac-hack for convenience if desired. However, each fix must come 
	later than the rule it is fixing or the fix itself will be overridden. ***/

#prodgrouplabor {
   position: relative;
	text-align: right;
}

.groupwraplabor {
position: relative;
	width: 165px;
/*	height: 125px; */
	margin: 0 0 25px 0;
	background: #0061aa;
}

#prodgroupgem {
	text-align: right;
}

.groupwrapgem {
/*	height: 135px; */
   margin: 0 0 25px 0;	
	width: 165px;
	background: #00ada8;
}

#prodgrouplabor .prodlink {
background: #0061aa;
}

#prodgroupgem .prodlink {
background: #00ada8;
}

/* ################################## */

#webshop {
   position: relative;
	text-align: right;
}

.webshop {
position: relative;
	width: 165px;
/*	height: 125px; */
	margin: 0 0 25px 0;
	background: #C7D217
}

#webshop {
	text-align: right;
}

.webshop {
/*	height: 135px; */
   margin: 0 0 25px 0;	
	width: 165px;
	background: #C7D217
}

#webshop .prodlink {
background: #C7D217
}

#webshop .prodlink {
background: #C7D217
}

/* ################################### */
.MainNavArrow{
        float:left;
        margin-left:10px;
        margin-top:7px;
}
.prodlink {
	display: inline;
}


.prodlink a{
	text-align: left;
	text-decoration: none;
	color: #ffffff;
	/* width: 165px; */
	display: block;
        padding: 5px 0 5px 40px;
}

.prodlink a:hover {
	color: #becde4;
}	

#copyright {
	display: block;
	width: 165px;
	text-align: center;
	font: normal 11px Verdana,Arial,Helvetica,sans-serif;
	margin: 0 0 10px 0;
}

#topmenu2 ul {
	margin: 0;
	padding: 0;
}

#topmenu2 ul li {
	float: left;
	display: block;
	color: #ffffff;
	font: normal 12px Verdana,Arial,Helvetica,sans-serif;  
}

#topmenu2 ul li a {
	text-decoration: none;
	color: #ffffff;
	font: normal 12px Verdana,Arial,Helvetica,sans-serif;
}

#topmenu2 ul li a:hover {
	color: red;
	
}

#topmenu2 ul li.ACT a {
	color: #becde4;
	font-weight: bold;  
	color: red;
}

#topmenu3 ul {
	margin: 0;
	padding: 0;
}

#topmenu3 ul li {
	float: left;
	display: block;
	color: #ffffff;
	font: normal 12px Verdana,Arial,Helvetica,sans-serif;
}

#topmenu3 ul li a {
	text-decoration: none;
	color: #ffffff;
	font: normal 12px Verdana,Arial,Helvetica,sans-serif;
}

#topmenu3 ul li a:hover {
	color: #becde4;
}

#topmenu4 ul {
	margin: 0;
	padding: 0;
	background: #00ada8;
}

#topmenu4 ul li {
	display: block;
	color: #ffffff;
	padding: 3px 10px 5px 10px;
	font: normal 12px Verdana,Arial,Helvetica,sans-serif;  
}

#topmenu4 ul li a {
	text-decoration: none;
	color: #ffffff;
	font: normal 12px Verdana,Arial,Helvetica,sans-serif;
}

#topmenu4 ul li a:hover {
	color: #000000;
}





#topmenu1 a {
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
}

#topmenu1 a:hover {
	color: #becde4;
}	

.searchbutton {
	position: absolute;
	top: 30px;
	left: -5px;
}

#leftmenu ul {
	margin: 0 0 0 3px;
	padding: 0;
	list-style-type: none;
}

#leftmenu  ul li a {
	text-decoration: none;
	font: normal 11px Verdana,Arial,Helvetica,sans-serif;
	padding: 0;
}

#leftmenu ul li.NO a{
	color: #000000;
} 

#leftmenu ul li.ACT a,
#leftmenu ul li.CUR a {
	color: red;
} 

#leftmenu ul li ul li {
	margin: 0 0 0 -3px;
	padding: 0 0 0 22px;
	background: url(../img/menulevel2bg-no.gif) no-repeat;
}

#leftmenu  ul li ul li a {
	text-decoration: none;
	font: normal 11px Verdana,Arial,Helvetica,sans-serif;
}

#leftmenu ul li ul li.NO a{
	color: #000000;
} 

#leftmenu ul li ul li.ACT a,
#leftmenu ul li ul li.CUR a
{
	color: red;
} 

#leftmenu ul li ul li ul li.NO a{
	color: #000000;
} 

#leftmenu ul li ul li ul li.ACT a,
#leftmenu ul li ul li ul li.CUR a
{
	color: red;
} 


#leftmenu  ul li ul li ul li {
	margin: 0px 0 0px -25px;
	padding: 0px 0 0px 35px;
	background: url(../img/menulevel3bg-no.gif) no-repeat;
}

#leftmenu  ul li ul li ul li a {
	text-decoration: none;
	font: normal 11px Verdana,Arial,Helvetica,sans-serif;
}
#leftmenu-bottom  {	
	margin: 0 0 0 3px;
	color: #000000;
	font: normal 11px Verdana,Arial,Helvetica,sans-serif;
}

#leftmenu-bottom ul {
	margin: 0;
	padding: 0;
}

#leftmenu-bottom li {
	display: block;
}

#leftmenu-bottom li a {
	color: #000000;
	font: normal 11px Verdana,Arial,Helvetica,sans-serif;

	text-decoration: none;
}

#leftmenu-bottom li a:hover {
	color: #0061aa;
}	






#sitemap  {	
	float: left;  

	margin: 0 0 0 2px;
	color: #000000;
	font: normal 11px Verdana,Arial,Helvetica,sans-serif;
}

#sitemap a {
	text-decoration: none;
	color: #000000;
	font: normal 11px Verdana,Arial,Helvetica,sans-serif;
}

#sitemap a:hover {
	color: #0061aa;
}	


#infokorb {
	margin: 20px 0 0 3px;
}

#print {	
	color: #000000;
	font: normal 11px Verdana,Arial,Helvetica,sans-serif;
	float: left;
}

#print a{
	text-decoration: none;
	color: #000000;
	font: normal 11px Verdana,Arial,Helvetica,sans-serif;
}

#print a:hover {
	color: #0061aa;
}	

#ct1 #LCONTENT {
	width: 780px;
	margin: 0 0 0 20px;
	height: 100px;  
}

#ct1 #CONTENT {
	margin: 0 0 0 20px;
	width: 780px;
}

#ct2 #LCONTENT {
	width: 780px;
	margin: 0 0 0 20px;
/*	height: 100px; */
}

#ct2 #CONTENT {
	position: static;
	margin: 0 0 0 20px;
	width: 780px;
}

#ct2 #CONTENT h2 {
	position: relative;
	display:block;
	top: 0px;
	left: -112px; 
	padding: 40px 0 0 10px; 
/*	margin: 40px 0 0 10px;  */
	font: normal 12px verdana,arial,helvetica;
	color: #ffffff;
	background: url(../img/overview-labor.gif) no-repeat;
	width: 273px;
	height: 62px;
	z-index: 5;
}

#ct2 #CONTENT img {
	z-index: 10;
	position: relative;
	left: 138px;
	top: -1px;  
}

#ct2 p.prod-overview-text {
	position: relative;
	top: -112px; 
	left: 175px;  
	font: normal 11px/130% Verdana, Geneva, Arial, Helvetica, sans-serif;
	width: 450px;
	height: 30px;
	background: transparent;
}

#ct2 #CONTENT li {
	position: relative;
	left: 155px;
	top: -112px;
	font: normal 11px/130% Verdana, Geneva, Arial, Helvetica, sans-serif;

}

#ct2 li.prod-overview-text {
}


#ct3 #LCONTENT {
	width: 780px;
	margin: 0 0 0 20px;
	height: 100px;
}

#ct3 #RCONTENT {
	width: 245px;
	margin: 0 245px 0 285px;
}

#ct3 #BORDER {
	float: right;
	width: 245px;
	margin: 0 0 0 20px;
}

#ct3 #CONTENT {
	float: left;
	width: 245px;
	margin: 0 0 0 20px;
}

#ct3 p.bodytext {
	background: #a0d2f1;
	padding: 20px;
}


#ct4 #LCONTENT {
	width: 780px;
	margin: 0 0 0 20px;
	height: 100px;
}

#ct4 #RCONTENT {
	float: right;
	width: 400px;
	margin: 60px 0 0 0;
}

#ct4 #CONTENT {
	width: 360px;
	margin: 0 0 0 20px;
}



#ct5 #LCONTENT {
	width: 780px;
	margin: 0 0 0 20px;
	height: 100px;
}

#ct5 #RCONTENT {
	float: right;
	width: 400px;
}

#ct5 #CONTENT {
	width: 360px;
/*	margin: 0 420px 0 0;  */
	margin: 0 0 0 20px;
	overflow: hidden;
}

/* Einstellungen f�r Produkseite */ 
#ct6 #LCONTENT {
	width: 306px;
	margin: 35px 0 0px 20px;
/*	height: 65px; */
}

#ct6 #RCONTENT {
	float: right;
	width: 400px;
	margin: 23px 0 0 0;
}

#ct6 #CONTENT {
	width: 306px;
	margin: 0 0 0 20px;
}

#ct6 #BORDER {
	margin: 0 0 0 20px;
}

#ct6 #RCONTENT h1,
#ct6 #CONTENT h1 {
	background: #a0d2f1;
	font: bold 14px arial,helvetica;
	padding: 4px 0 9px 8px;
}

#ct7 #LCONTENT {
	width: 780px;
	margin: 0 0 0 20px;
	height: 100px;
}

#ct7 #RCONTENT {
	float: right;
	width: 400px;
	margin: 00px 0 0 0;
	overflow: hidden;
}

#ct7 #CONTENT {
	width: 360px;
	margin: 0 0 0 20px;
	overflow: hidden;
}

#ct7 #CONTENT h1 {
	background: #a0d2f1;
	margin: 0 0 20px 0;
}

#ct7 #RCONTENT h1 {
	background: #81cfce;
	margin: 0 0 20px 0;
}
table td{
	margin: 0;
	padding: 0;
}

table {
	border: none;
}

 div1 {
	border: 1px solid black;
}

p.largefont {
	font: bold 14px verdana,arial,helvetica,sans-serif;
	color: #000;
}

#map24 {
	position: relative;
	left: 100px;
	top: 10px;
}
#DirectIndustry{

}
#lightalliance{

}