/* advanced fiber tools*/

body {
margin: 0px;
padding: 0px;
font-family: arial, helvetica, sans serif;
color: #727272;
font-size:13px;
}
img {border:0px;}

#main {width:900px;margin-right:auto;margin-left:auto;}

.header {
position:relative;
width:900px;
height:192px;
float:left;
margin-top:10px;
margin-bottom:10px;
background:url('images/advanced-fiber-tools-top01.jpg') no-repeat;
}

.nav {position:relative; float:left; width:900px; height:39px; background:url('images/bg-nav.gif') no-repeat; overflow:hidden;text-align:left; margin-bottom:14px;}
.content {position:relative; float:left; width:670px; margin-right:14px; text-align:left;}
.inhalt {float:left; width:670px; margin-bottom:14px; text-align:left; background:url('images/bg-inhalt.gif') top no-repeat; line-height:0px;}
.inhaltinner {padding:12px;line-height:20px;}
.box {text-align:left; margin-bottom:14px; background:url('images/box-bg.gif') top no-repeat; line-height:0px;}
.boxinner {padding:12px;line-height:20px;}
.boxinner  img {padding:0px; margin:0px;}
.boxen{
	display: block;
	float: right;
}
.boxsiegeldeu {text-align: center; padding: 10px;}
.boxcert {text-align:center; margin-bottom:14px; background:url('images/box-bgcert.gif') top no-repeat; line-height:0px; }
.boxcert .boxinner {padding:12px 6px 6px 6px;}
.boxcertificates a img {border:1px #ffffff solid;}
.boxcertificates a img:hover {border:1px #2cadde solid;}

.navigation {list-style-type:none; padding:0px;margin:0px; font-family: arial, helvetica; font-size:12px; color:#ffffff;}
.navigation li {background:url(images/nav-trenner.gif) right top no-repeat; float:left;}
.navigation li a {display:block; color:#ffffff; padding:12px; text-decoration:none;}
.navigation li a:hover {display:block; background:url(images/nav-trennerov.gif) right top no-repeat; color:#fff; text-decoration:none;}
.navigation .navigationON {display:block; background:url(images/nav-trennerov.gif) right top no-repeat; color:#ffffff;}

table {border:0px; padding:0px; border-collapse:collapse;}
td, p {font-family: arial, helvetica, sans serif; color: #727272; font-size:13px; line-height:175%; vertical-align:top;}
.center {text-align:center;}

p.achtpt, p.achtpt a, span.achtpt {font-size:11px;}

.vitae {font-size:11px;}
.vitae p {font-size:11px; margin-bottom:5px; line-height:14px;}
.vitae b {color:#171717;}



table.managament {border-collapse:collapse;}
table.managament td {vertical-align:top; padding:0px 5px;}
table.managament td.tdfoto {width:120px;}

hr {border:0px; border-bottom:1px #cecece solid; margin:15px 0px;}



#goback {position:absolute; top:0px; right:0px;}

.productsnav  {list-style-image:url(images/productsnavico.gif); margin-top:0px;}
.productsnav  li {line-height:175%; }
.productsnav a {text-decoration:none; color:#727272;}
.productsnav a:hover {text-decoration:none; color:#2cadde; }

input, select, textarea {
	width: 250px;
	border: 1px solid #7f7f7f;
	padding: 5px;
	font-family: font-family, Trebuchet Ms, Arial, sans-serif;
	font-size: 13px;
	color: #3a3a3a;
	background-image:url(images/bg-input.gif);
	background-repeat: repeat-y;
	}

h1 {font-size: 14px; font-family: Arial, sans-serif; color: #2cadde; font-weight:100; margin-top:8px;}
h2 {font-size: 18px; font-family: Arial, sans-serif; color: #2cadde; font-weight:100; margin-top:25px;}

#tablelinks {margin:0px auto 0px auto;}
#tablelinks td {width:50%; vertical-align:middle; padding:10px; text-align:center;}

.downloadcatagogue {display:block; height:34px; background:url('images/bg-cataloguedownload.gif') top repeat-x; vertical-align:middle;padding:10px 10px 0px 10px; overflow:hidden; min-width:196px;}
.downloadcatagogue a:link, .downloadcatagogue a:visited {font-size: 13px; font-family: Arial, sans-serif; color: #727272; font-weight:100; margin-top:8px; text-decoration:none;}
.downloadcatagogue a:hover {font-size: 13px; font-family: Arial, sans-serif; color: #2cadde; font-weight:100; margin-top:8px; text-decoration:none;}

.content a:link,.content  a:visited	{color: #727272;}
.content a:hover				{color: #2cadde;}
.bluetext {color:#2cadde;}
.center {text-align:center;}
.middle {vertical-align:middle;}

/* bei laserguide */
#laserguide {text-align:center;}
#laserguide table{border-collapse: collapse;margin-top:20px;}
#laserguide td {border:1px #dcdcdc solid; padding:0px 10px 0px 10px;}
.textweiss {color:#ffffff;}
.zelledunkelblau {background:#333333}

#medguide table{border-collapse: collapse;margin-top:20px;}
#medguide table td {border:1px #dcdcdc solid; padding:3px;}


/* ##################  boxen der übersichten application products industrial*/

#prodbox {width:175px; height:400px; padding:5px; border:1px #e0e4e9 solid; color:#484848; font-size:11px; line-height:150%; margin:10px; float:left;
			background:url(images/productoverview-bgh3.gif) top repeat-x;}
#prodbox p {font-size:11px;}

#prodbox h3 {color:#727272; font-weight:100; text-transform:uppercase; margin:0px; text-align:center; padding-top:5px;  font-size:13px;} 
#prodbox a {font-size:11px;}
#prodbox img {margin:5px 0px 5px 0px;}

#applicationbox {width:175px; height:225px; padding:5px; border:1px #e0e4e9 solid; color:#484848; font-size:11px; line-height:150%; margin:10px; float:left;
			background:url(images/productoverview-bgh3.gif) top repeat-x;}
#applicationbox p {font-size:11px;}

#applicationbox h3 {color:#727272; font-weight:100; text-transform:uppercase; margin:0px; text-align:center; padding-top:5px; font-size:13px;} 
#applicationbox a {font-size:11px;}
#applicationbox img {margin:5px 0px 5px 0px;}


#industrialbox {width:175px; height:400px; padding:5px; border:1px #e0e4e9 solid; color:#484848; font-size:11px; line-height:150%; margin:10px; float:left;
			background:url(images/productoverview-bgh3.gif) top repeat-x;}
#industrialbox p {font-size:11px;}

#industrialbox h3 {color:#727272; font-weight:100; text-transform:uppercase; margin:0px; text-align:center; padding-top:5px; font-size:13px;} 
#industrialbox a {font-size:11px;}
#industrialbox img {margin:5px 0px 5px 0px;}

#tool0 {position:absolute; top:250px;left:220px;visibility:hidden;z-index:10;}
#tool1 {position:absolute; top:250px;left:220px;visibility:hidden;z-index:10;}
#tool2 {position:absolute; top:250px;left:220px;visibility:hidden;z-index:10;}
#tool3 {position:absolute; top:250px;left:220px;visibility:hidden;z-index:10;}
#tool4 {position:absolute; top:250px;left:220px;visibility:hidden;z-index:10;}
#tool5 {position:absolute; top:250px;left:220px;visibility:hidden;z-index:10;}
#tool6 {position:absolute; top:250px;left:220px;visibility:hidden;z-index:10;}
#tool7 {position:absolute; top:250px;left:220px;visibility:hidden;z-index:10;}
#tool8 {position:absolute; top:250px;left:220px;visibility:hidden;z-index:10;}
#tool9 {position:absolute; top:250px;left:220px;visibility:hidden;z-index:10;}
#tool10 {position:absolute; top:250px;left:220px;visibility:hidden;z-index:10;}
#tool11 {position:absolute; top:250px;left:220px;visibility:hidden;z-index:10;}
#tool12 {position:absolute; top:250px;left:220px;visibility:hidden;z-index:10;}

.tool {color:#ffffff; padding-top:5px; text-align:center; height:200px; width:200px;  background:url(images/bg-popup.png) center top no-repeat; font-size:11px;}
.tool a:link, .tool a:visited {color:#ffffff;}
.tool  h1 {background-color:#1a1a1a; padding:5px 0px 5px 0px;} 

#oemproduction td {vertical-align:middle;}
#oemproduction p {font-size:11px; line-height:13px;}

.barefiber td {text-align:center; font-size:11px;}
.barefiberhead td {background-color:#2cadde; color:#ffffff;}

#scroller {position:relative; overflow:hidden; width:670px; height:78px; background-color:#f1f1f1;}

table.convert {border-collapse: collapse;  margin:20px 20px 0px 20px;}
table.convert td {text-align:center; padding:3px; border:1px #dddddd solid; min-width:100px;}
table.convert tr.head {background:#dfe9ed;}

.lang {position:abolute; right:0px; top:0px; text-align:right;}



form.yform * {font-family: arial, helvetica, sans serif; color: #727272; font-size:13px;}
form.yform { margin: 1.5em 0 1em 0; padding: 0; overflow: hidden; }
form.yform fieldset { border: 0; border-bottom: 1px #fff double; margin: 0 0 1.5em 0; padding: 0 0 1em 0; position: relative; overflow: hidden; }
form.yform legend { background: #eeeeee; font-weight: bold; }
form.yform div.type-text, form.yform div.type-select, form.yform div.type-check, form.yform div.type-button { margin: 0.5em 0; position: relative; overflow: hidden; }
form.yform label { cursor: pointer; display: block; font-weight: bold; }
form.yform .type-text input, form.yform .type-text textarea { display: block; padding: 0.2em 0; position: relative; width: 60%;}
form.yform .type-select select { cursor: pointer; display: block; padding: 0.2em 2px 0.2em 1px; position: relative; width: 60%; }
form.yform .type-select select optgroup { font-style: normal; font-weight: bold; }
form.yform .type-check input { cursor: pointer; }
form.yform .type-check label { display: inline; }
form.yform .type-text input, form.yform .type-text textarea, form.yform .type-select select { background: #f6f6f6; border: 1px #8f8f8f solid; }
form.yform div input:focus, form.yform div select:focus, form.yform div textarea:focus,
form.yform div input:hover, form.yform div select:hover, form.yform div textarea:hover,
form.yform div input:active, form.yform div select:active, form.yform div textarea:active { background: #fff; border: 1px #2cadde solid; }
form.yform .type-button input { background: #298fd1; border: 1px #1f6fa2 solid; color: #fff; padding: .2em .5em; width: auto; }
form.yform div.type-button input:focus, form.yform div.type-button input:hover, form.yform div.type-button input:active {background: #1f6fa2; border-color: #2cadde; cursor: pointer; }
form.yform .message { display: block; margin-bottom: 0.5em; }
form.yform input[type=hidden] { display: none !important; }
form.yform sup { color: #bf1f00; font-weight: bold; }
form.yform div.error { font-weight: bold; padding: 0 0 0 30%; }
form.yform div.error ul { color: #bf1f00; margin: .5em 0 1em 1.5em; }

.columnar .type-text label, .columnar .type-select label { float: left; width: 30%; }
.columnar div.type-check { padding-left: 30%; }
.columnar div.error, .message { margin-left: 30%; }
.columnar div.type-text input, .columnar div.type-text textarea { width: 300px; }
.columnar div.type-select select { width: 300px; }