body {
	margin:0;padding:0;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	height:100%
}
html{height:100.01%
}
hr{
color:#999999;
}
#column1 {
	width:50%;
	float:left;
	margin-right:-460px;
	background:#fff;
}
#col1inner{
	margin-right:460px;
	background:white url(../files/col1_back.png) bottom right repeat-x; 
	height:751px
}

#column2 {
	width:822px;
	float:left;
	position:relative;
	z-index:10;
	color:#000;
	text-align:left
}
/* Profil */
#column2 #navi_top1{
	position:absolute;
	left:0;
	top:0;
	width:255px;
	height:328px;
	background:url(../files/ol_profil.jpg) bottom left no-repeat;
}
/* Leistung */
#column2 #navi_top2{
	position:absolute;
	left:0;
	top:0;
	width:255px;
	height:328px;
	background:url(../files/ol_leistung.jpg) bottom left no-repeat;
}
/* Scheren */
#column2 #navi_top7{
	position:absolute;
	left:0;
	top:0;
	width:255px;
	height:328px;
	background:url(../files/ol_scheren.jpg) bottom left no-repeat;
}
/* Abkanten */
#column2 #navi_top8{
	position:absolute;
	left:0;
	top:0;
	width:255px;
	height:328px;
	background:url(../files/ol_abkanten.jpg) bottom left no-repeat;
}
/* Laserschneiden */
#column2 #navi_top9{
	position:absolute;
	left:0;
	top:0;
	width:255px;
	height:328px;
	background:url(../files/ol_laser.jpg) bottom left no-repeat;
}
/* Baugruppen */
#column2 #navi_top10{
	position:absolute;
	left:0;
	top:0;
	width:255px;
	height:328px;
	background:url(../files/ol_baugruppen.jpg) bottom left no-repeat;
}
/* CAD */
#column2 #navi_top11{
	position:absolute;
	left:0;
	top:0;
	width:255px;
	height:328px;
	background:url(../files/ol_cad.jpg) bottom left no-repeat;
}
/* Logistik */
#column2 #navi_top12{
	position:absolute;
	left:0;
	top:0;
	width:255px;
	height:328px;
	background:url(../files/ol_logistik.jpg) bottom left no-repeat;
}
/* Kontakt */
#column2 #navi_top3{
	position:absolute;
	left:0;
	top:0;
	width:255px;
	height:328px;
	background:url(../files/ol_kontakt.jpg) bottom left no-repeat;
}
/* Sitemap */
#column2 #navi_top16{
	position:absolute;
	left:0;
	top:0;
	width:255px;
	height:328px;
	background:url(../files/ol_kontakt.jpg) bottom left no-repeat;
}
/* Impressum */
#column2 #navi_top6{
	position:absolute;
	left:0;
	top:0;
	width:255px;
	height:328px;
	background:url(../files/ol_kontakt.jpg) bottom left no-repeat;
}
/* Kontaktformular */
#column2 #navi_top28{
	position:absolute;
	left:0;
	top:0;
	width:255px;
	height:328px;
	background:url(../files/ol_kontakt.jpg) bottom left no-repeat;
}
/* Anfahrt */
#column2 #navi_top30{
	position:absolute;
	left:0;
	top:0;
	width:255px;
	height:328px;
	background:url(../files/ol_kontakt.jpg) bottom left no-repeat;
}
/* Leistung */
#column2 #navi_top32{
	position:absolute;
	left:0;
	top:0;
	width:255px;
	height:328px;
	background:url(../files/ol_leistung.jpg) bottom left no-repeat;
}
#column2 #content_top{
	position:absolute;
	left:255px;
	width:576px;
	top:0;
	height:100px;
}
#column2 #navi{	
	position:absolute;
	left:0;
	top:328px;
	width:255px;
	background:url(../files/nav_bg.png) top left repeat-y;
	height:423px;
	margin:0;
	padding:0;
	text-align:right;
	font-size:13px;
}
#column2 #navi ul{
	margin:1px 0 0 0;
	padding:0;
	list-style-type:none
}
#column2 #navi ul li{
	padding:20px 6px 0 0;
}
#column2 #navi ul li ul li{
	padding:12px 0px 0 0;
}

#column2 #navi ul li a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	background:url(../files/nav_li_bg.png) no-repeat top right;
	padding-right:56px
}
#column2 #navi ul li a:hover{
	font-weight:bold;
	text-decoration:underline
	}
#column2 #navi ul li a.dark, #column2 #navi ul li a.dark:visited{
color: #e8e9e9
}
#column2 #navi ul li a.dark:hover{
color:#FFFFFF
}
#column2 #navi ul li a.akt{
	background:url(../files/nav_li_akt_bg.png) no-repeat top right;
}
#column2 #navi ul li a:hover{
	background:url(../files/nav_li_akt_bg.png) no-repeat top right;
}
#column2 #navi ul li ul li a.akt{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	background:url(../files/nav_li_li_akt_bg.png) no-repeat top right;
	padding-right:56px
}
#column2 #navi ul li ul li a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	padding-right:56px;
	background:none
}
#column2 #navi ul li ul li a:hover{
	color:#FFFFFF;
	text-decoration: underline;
	font-weight:bold;
	padding-right:56px;
	background:url(../files/nav_li_li_akt_bg.png) no-repeat top right;
}
#column2 #content_flash{
	position:absolute;
	left:255px;
	width:564px;
	top:100px;
	height:183px;
	background:#b1b3b4;
	border:1px solid #999999;
	text-align:right;
	padding:0;
	z-index: 1
}
* html #column2 #content_flash{
	width:575px;
}
#column2 #content_outer{
	position:absolute;
	left:255px;
	width:564px;
	top:285px;
	height:466px;
	background:url(../files/content_bg.png) top left repeat-x;
	/* background:url(../files/cont_temp.jpg) top left repeat-x; */
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	padding:0;
	margin:0;
	z-index: 111111111;
}

#column2 #content_outer .hinweis{
	display: none;
}

#column2 #content_outer .hinweis.tid1, #column2 #content_outer .hinweis.tid2, #column2 #content_outer .hinweis.tid3{
	display: block;
}

#column2 #content_outer .hinweis.lang0{
	position: absolute;
	right:-90px;
	overflow: hidden;
	top: -270px;
	z-index: 22222222;
	width: 281px;
	height: 214px;
	background: transparent url(../files/laserhinweis.png) top left repeat-x;	
}

#column2 #content_outer .hinweis.lang1{
	position: absolute;
	right:-90px;
	overflow: hidden;
	top: -270px;
	z-index: 22222222;
	width: 281px;
	height: 214px;
	background: transparent url(../files/laserhinweis_en.png) top left repeat-x;	
}

#column2 #content_outer .hinweis.lang2{
	position: absolute;
	right:-90px;
	overflow: hidden;
	top: -270px;
	z-index: 22222222;
	width: 281px;
	height: 214px;
	background: transparent url(../files/laserhinweis_nl.png) top left repeat-x;	
}

#column2 #content_footer{
	width:554px;
	position:absolute;
	top:444px;
	left:0;
	text-align:right;
	margin:0;
}
#column2 #content_footer a{
	color:#999999;
	font-size:12px;
	text-decoration:none;
	margin-left:8px
}
#column2 #content_footer a:hover{
	text-decoration:underline;
	color:#666666
}
#column2 #content_footer a.drucken{
	background:url(../files/print.gif) 0 1px no-repeat;
	padding-left:16px
}
#column2 #content_outer #content_inner{
	margin:0 22px 0 42px;
	padding:0 9px 0 0;
	overflow:auto;
	height:385px;
	width:513px;
}
#column2 #content_outer h1{
	padding:0;
	margin:29px 0 6px 42px;
	font-size:14px;
	letter-spacing:1px;
	color: #7E7E7E;
	font-weight:bolder;
}
#column2 #content_outer ul{
	padding:0;
	margin:3px 0 6px 14px;
	font-size:12px
}
#column2 #content_outer ul li{
	padding:2px 0 2px 0;
	color: #3B3B3B;
}
#column2 #content_outer p.printingtop{
	display:none
}
#column2 #content_outer #content_inner h2{
	padding:0;
	margin:6px 0 7px 0;
	font-size:12px;
	color: #666666;
	font-weight:bolder;
	font-family: Helvetica
}
#column2 #content_outer #content_inner h3{
	padding:0;
	margin:2px 0 2px 0;
	font-size:12px;
	color: #666666;
	font-weight:bolder;
	font-family: Helvetica
}
#column2 #content_outer #content_inner h4{
	padding:0;
	margin:12px 0 14px 0;
	font-size:14px;
	color: #666666;
	font-weight:bolder;
	font-family: Helvetica
}
#column2 #content_outer #content_inner p{
	padding:7px 15px 5px 0;
	font-size:12px;
	color:#333333;
	line-height:16px
}
#column2 #content_outer #content_inner a{
	padding:5px 0 0 0;
	font-size:12px;
	color: #000066;
	text-decoration:none;
	line-height:22px
}
#column2 #content_outer #content_inner a:hover{
	text-decoration:underline
}
#column3outer {
	width:50%;
	position:absolute;
	right:0;
}
#column3 {
	margin-left:360px;
	background:white url(../files/col1_back.png) bottom left repeat-x; height:751px;
	position:relative;
	text-align:left
}

#l_unten{
position:absolute;
bottom:32px;
left:11px;
width:280px;
text-align:left
}
#l_unten li{
float:left;
color:#FFFFFF;
}
#navi #l_unten li a.unten{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	background:none;
	padding-right:2px;
	font-size:11px
}
#navi #l_unten li a.unten:hover{
	color:#004a91;
	text-decoration:none;
	font-weight:bold;
	background:none;
	padding-right:2px;
	font-size:11px
}
#navi #l_unten li a.unten_akt{
	color: #004a91;
	text-decoration:none;
	font-weight:bold;
	background:none;
	padding-right:2px;
	font-size:11px
}
#navi #l_unten li a.unten_akt:hover{
	color:#004a91;
	text-decoration:none;
	font-weight:bold;
	background:none;
	padding-right:2px;
	font-size:11px
}

* html #column3{margin-left:371px;}
div > p {margin:0}
#column3_inner {
	padding-top:350px;
	position:relative;
	height:435px;
	width:219px;;
	position:relative;
}
* html #column3_inner {
	padding-top:300px;
}
#column3_inner ul{
margin:0;
padding:0;
list-style-type:none
}
* html #column3_inner ul{
padding:40px 0 0 2px;
}
#column3_inner ul li{
margin:0;
padding:1px 0 1px 0
}
#column3_inner ul li a{
	margin:0 0 0 3px;
	color:#8c8a8c;
	font-size:12px;
	text-decoration:none
}
#column3_inner ul li a:hover{
text-decoration:underline;
color:#666666
}

#column3_inner #daten_druck a{
	text-decoration:none;
	cursor:hand
}
#column3_inner #daten_druck .druck{
	background:url(../files/leistung_druck.png) no-repeat #f1f1f2;
	width:28px;
	height:29px;
	position:absolute;
	left:162px;
	top:0
}
#column3_inner #daten_druck .close{
	background:url(../files/leistung_close.png) no-repeat #f1f1f2;
	width:28px;
	height:29px;
	position:absolute;
	left:190px;
	top:0
}
#transparent{
	width:100%; 
	height:100%;
	position:absolute; 
	left:0; 
	top:0; 
	visibility: hidden;
	font-size:11px;
	background: transparent url("../files/transparent.png") repeat;
	z-index:40;
}
#tdaten, #zerti, #downloads, #news{
	width:229px; 
	height:510px;
	background:url(../files/window_bg.png) no-repeat #f0f1f1;
	border: 1px solid black;
	position:absolute;
	left:36%;
	top:100px;
	text-align: left;
	padding:0 0 0 40px;
	visibility: hidden; 
	z-index:99;
}

#tdaten h1, #zerti h1, #downloads h1, #news h1{
color:#005396;
padding:32px 0 0 0;
margin:0 0 0 2px; font-size:14px
}
#tdaten h2, #zerti h2, #downloads h2, #news h2{
color:#3a3a3b;
padding:0 0 4px 5px;
margin:3px 0 0 0; 
font-size:12px;
background: transparent url("../files/rechts_h2_unterstrich_bg.png") repeat-x 0 12px;
margin:9px 0 0 0
}
#tdaten h3, #zerti h3, #downloads h3, #news h3{
color:#3a3a3b;
padding:0 0 0 5px;
margin:0; 
font-size:11px;
margin:1px 0 0 0
}
#tdaten p, #zerti p, #downloads p, #news p{
color:#3a3a3b;
padding:2px 0 1px 0;
line-height:13px;
margin:0;
margin:0 0 0 5px;
font-size:10px;
}
#tdaten a.download, #zerti a.download, #downloads a.download, #news a.download{
color: #3a3a3b;
left: 45px;
line-height:13px;
padding:0 0 0 0;
margin:0 0 0 0; 
font-size:10px;
text-decoration:none
}
#tdaten a.download span, #zerti a.download span, #downloads a.download span, #news a.download span{
margin:0 0 0 0
}

#tdaten a.download:hover, #zerti a.download:hover, #downloads a.download:hover, #news a.download:hover{
text-decoration:none;
color:#005396
}
#tdaten a.close, #zerti a.close, #downloads a.close, #news a.close{
width:24px;
height:24px;
position:absolute;
left:240px;
top:483px;
text-decoration:none
}
#tdaten a.print, #zerti a.print, #downloads a.print, #news a.print{
width:24px;
height:24px;
position:absolute;
left:215px;
top:483px;
text-decoration:none
}
.sitemap1st{list-style-type:none; margin:20px 0 0 2px}
.sitemap2nd{list-style-type:none; margin:0 0 0 2px}

#content_inner .formgen {
	font-size: 12px;
}


label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}



#content_inner .formgen form
{
line-height : 120%;
width: 100%;
}


/* 
Wie sehen die einzelnen Bl�cke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


#content_inner .formgen .formblock
{
	margin-bottom: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 5px;
}


/*
Verhalten von br-Tags
*/
#content_inner .formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
#content_inner .formgen .formtextfield
{
	width: 300px;
	height: 200px;
	margin-left: 4px;
	border:1px solid #cccccc
}


/* Textfeld */
#content_inner .formgen .formtext
{
	height: 20px;
  width: 298px;
	margin-left: 6px;
	border:1px solid #cccccc
}
/* Trennelement , Abstand */
#content_inner .formgen .formtrenn
{
	display: block;
	height: 30px;	
}
/* Hinweistext */
#content_inner .formgen .formhinweis
{
	font-weight: bold;
	color: #003366;
	font-size: 12px;
}
/* �berschrift */
#content_inner .formgen .formheadline
{
	font-weight: bold;
	color: #003366;
}


/* Passwortfeld */
#content_inner .formgen .formpassword
{
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 4px;
}
/*Captcha-Bild*/
#content_inner .formgen .formcaptcha {
	border: 1px solid #990000;
}

/* Label */
#content_inner .formgen label {
font-family: Arial, Helvetica, sans-serif;
width: 120px;
clear: left;
float: left;
height: 20px;
padding: 0px;
font-weight:bolder;
letter-spacing:1px
}


/* Aussehen der Select-Ausgabe */
#content_inner .formgen .formselect
{
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 4px;
}


/* Sende-Button */
#content_inner .formgen .formsubmit
{
	width: 90%;
	
}


/* Definition des Fieldsets, das das ganze Formular umschlie�t */
#content_inner .formgen fieldset {
width: 99%;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
border: None;
}


/* Fieldsetbeschriftung */
#content_inner .formgen legend {
font-weight: bold;
color: #333333;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */

#content_inner .formgen .forminfo {
	color: #FFFFFF;
	background-color: #990000;
	border: 1px dashed #000000;
	margin: 5px;
	padding: 5px;
}


/* Markierung der Labels bei Fehler */
#content_inner .formgen .formerror {
	color: #FFFFFF;
	background-color: #FF0000;
	margin-right:2px;
	padding-left:1px;
	font-weight:bolder
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */


