* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }
ul {list-style-type:none}
ol{list-style-type: decimal;margin-left: 20px;font-size: 0.9em;}
html {background: #fff;}
body { padding: 0; font: normal 75%/1 Arial,sans-serif; color: #676767;  }

/* links --------------------------------------------------------------- */
a {color:#003366;text-decoration: underline;}
a:hover {color:#000;text-decoration: none;}

/* H2 - H5 --------------------------------------------------------------------- */
h2, h3, h4, h5, h6 { margin:15px 0 15px 0; }
h2 { font-size: 1.4em; height: 31px; line-height: 31px;margin: 10px 0 10px; color: #676767; background: url('../img/title-bg.jpg') repeat-x;padding: 0 20px }
h3 { font-size: 1.2em; margin: 0 0 5px;color: #e55412;}
h4 { font-size: 1.0em; color: #005e7c }
h5 { font-size: 1.0em; }
address{font-style: normal;line-height: 1.2em;font-size: 1em;}


#layout { width: 895px; position: relative;margin: 0 auto ;}
.prava{float: right;}
.cervena{color: red !important;}

    /* header ------------------------------------------------------------------ */
    h1{padding: 30px 0 20px;}
      h1 a { display: block; width:355px; height: 28px; line-height: 28px; font-size:1.4em; position: relative; text-decoration: none}
      h1 a span {width:355px; height: 28px; display: block; cursor: pointer; position: absolute; top: 0; left: 0; background: url('../img/logo.jpg') no-repeat; }

      p.langs {position: absolute; right: 0}
        p.langs a {width: 72px; height: 15px; line-height: 15px; margin-left: 5px; float: left;position: relative;display: block;color: #848484;text-decoration: none;text-align: right;}
        p.langs a span {display: block;width: 72px; height: 15px;position: absolute;top: 0;left: 0; cursor: pointer;}
        
        p.langs a.deutsch span {background: url('../img/lang-de.jpg') no-repeat}
        p.langs a.english span {background: url('../img/lang-en.jpg') no-repeat}
        p.langs a.francais span {background: url('../img/lang-fr.jpg') no-repeat}
        p.langs a.espanol span {background: url('../img/lang-es.jpg') no-repeat}
        p.langs a.chinese span {background: url('../img/lang-ch.jpg') no-repeat}
        p.langs a:hover span {background-position: 0 -15px}

        p.langs a.active {color: #e76024;}

      .links-and-search {height: 28px;line-height: 25px; padding: 0 5px 0 10px; border: 1px solid #8d8d8d;border-bottom: 1px solid #b3b3b3;border-right: 1px solid #b3b3b3}
      .links-and-search p {float: left;}
        .links-and-search p a {font-size: 1.2em; font-weight: bold;color: #676767;text-decoration: none;padding: 5px 25px 5px 20px;position: relative; top: 1px;background: url('../img/arrow.jpg') no-repeat 0 5px}
        .links-and-search p a:hover {background-position: 0 -31px;color: #000}
      .links-and-search form {float: right}
        .links-and-search form .text {padding: 2px 2px 2px;position: relative; top: -1px;color: #8d8d8d;border: 1px solid #8d8d8d;border-bottom: 1px solid #b3b3b3;border-right: 1px solid #b3b3b3}
        .links-and-search form .submit {position: relative; top: 4px}

      /* navigation --------------------------------------------------- */
      ul#nav {background: #003467 url('../img/nav-bg.jpg') repeat-x;margin: 10px 0;height: 41px; line-height: 40px;width: 895px;overflow: hidden;position}
      ul#nav li {text-align: center;float: left;}
      ul#nav li.first a {border: 0}
        ul#nav li a {width: 126px;border-left: 1px solid #c0d1e2;color: #fff; display: block; font-size: 1.2em; text-decoration: none; float: left;}
        ul#nav li a:hover {color: #ff9900;}
        ul#nav li.active a { color: #ff9900; background: #003366; border-left: 1px solid #c0d1e2;}
        ul#nav li.active a:hover { color: #ff9900;  background: #003366}
		ul#nav li a.last {width: 132px;border-left: 1px solid #c0d1e2;color: #fff; display: block; font-size: 1.2em; float: left; }
		ul#nav li a.last:hover{color: #ff9900;}
    ul#nav li.active a.last { color: #ff9900;  background: #003366; border-left: 1px solid #c0d1e2;}




    .content {float: right;width: 645px;padding-bottom: 20px;margin-bottom: 10px;min-height: 300px;}
    .content.full {float: none; width: 100%}
      .content iframe {border: 10px solid #f7f7f7;}
        .content .seda, .content .seda a{color: #676767 !important;}
        .content p,.content li,.content .table_jobs{line-height: 1.3em;font-size: 1.1em; margin: 0 20px 10px 0;text-align: justify;}
        .content li{margin: 0;}
        .content h2 {padding: 5px 0 5px 0px;background: none;margin: 0;height: auto;}
        .content .col1 {width: 200px;float: left; margin: 15px 0 0;}
        .content .col2 {width: 200px;float: left; margin: 15px 0 0;}
        .content .col3 {width: 200px;float: left; margin: 15px 0 0;}
        .content strong {color: #003366}
        .content ul {list-style-type: disc;padding-left: 15px;margin: 10px 0}
            .content ul li {padding-bottom: 0px;}
        .content dl {line-height: 1.4em; height: auto; overflow: hidden;clear: both;margin-bottom: 15px;}
            .content dl dt {float: left; padding: 0; width: 150px;}
            .content dl dd {float: left; width: 400px;padding: 0;}
        .content .map {text-align: center; padding-top: 10px;background: red;}
        .content .table {width: 100%;border-bottom: 2px solid #666666;padding-bottom: 2px;}
        .content .table .tophead th {border-top: 1px solid #3f87d0;border-bottom: 2px solid #fff;height: 16px;padding: 0 5px;font-size: 0.9em; line-height: 16px; text-align: left; color: #fff; background: url('../img/th-bg.jpg') repeat-x;vertical-align: center;}


/* barevnost tabulek */
.content .table .tophead01 th,
.content .table .tophead02 th,
.content .table .tophead03 th { border-bottom: 2px solid #fff;height: 16px;padding: 0 5px;font-size: 0.9em; line-height: 16px; text-align: left; color: #fff; background: url('../img/tophead01.gif') repeat-x;}
.content .table .tophead02 th { background: url('../img/tophead02.gif') repeat-x;}
.content .table .tophead02long th { background: url('../img/bg-head-long.gif') repeat-x;}
.content .table .tophead03 th { background: url('../img/tophead03.gif') repeat-x;}
.nadposuvnikem03 {background: url('../img/tophead03.gif'); padding: 0 5px; color: #fff; height: 16px; font-size: 0.9em; line-height: 16px; font-weight:bold;margin-bottom: 2px;}

.posuvnik .table td.prvnidruha {width: 160px;}
#tabtest {width: 100%;}

.posuvnik .table {width: 100%;}
 
        .content .table .tophead th.a-right {text-align: right}
        .content .table th {background: #9e9b96;font-size: 0.9em;padding: 5px 2px;color: #fff;border-top: 1px solid #fff; border-bottom: 1px solid #fff}
        .content .table .klasse {width: 20%;border-bottom: 0;border-left: 1px solid #fff}
		        .content .table .ram {border-bottom: 0;border-left: 1px solid #fff}
        .content .table .nenn {width: 20%;border-right: 0px solid #fff;border-left: 0;}
        .content .table .border th{border-left: 1px solid #fff;border-bottom: 2px solid #fff}
        
        .content .table td {padding: 2px 5px; border-right: 1px solid #fff; border-top: 1px solid #fff; color: #000; font-size: 0.9em;text-align: center;}
        sup{position: relative;top: 3px;left: 3px;margin-right: 5px;}
        
        .content .table tr {background: #f0d6ab;}
        .content .table tr.light {background: #f5e8d1;}
        .content .table tr.vysoky{height: 22px}
        
        .content .table td span {font-weight: bold;display: block; float: right; text-align: center; width: 50%;padding: 0;margin: 0;}
        .content .table td.bold {border-right: 1px solid #fff;border-left: 0;}
        .content .table.half {margin-top: 10px}
        .content .table.half.flt-l {width: 49%;margin-right: 5px}
        .content .table.half.flt-r {width: 49%;margin-left: 5px}
        .content .table.half .btm th {}
        .content .table.half .btm .nenn {border-left: 0;}
        .content .table.half .border {border-left: 1px solid #fff;border-bottom: 0px solid #fff}
        .content ..table.half .btmborder .border {border-bottom: 2px solid #fff}
        .content .table.half .wid20 {}
        .content .table.half .wid30 {}
        .content .table.half .wid50 {}
        .content .table.half .small {font-size: 0.7em;padding: 3px 0}
        .content .table.normal th, .content .table.half th {}
        .content .table.normal td {font-size: 0.8em;vertical-align: top;text-align: left;}
        .content .table.normal .td1 {width:10%}
        .content .table.normal .td2 {width:10%}
        .content .table.normal .td3 {width:15%}
        .content .table.normal .td4 {width:15%}
        .content .table.normal .td5 {width:30%}
        .content .table.normal .td6 {width:20%}
        .content .table.normal td.middle-center {text-align: center; vertical-align: middle}
        .content #table_prufzeugnisse th{border-left: 0px solid white;border-bottom: 3px solid white;}
        .content .table_prufzeugnisse{border-right: 1px solid white;}
        .content .table_prufzeugnisse2{border-left: 2px solid white;}
        .content .table #table_prufzeugnisse_th{border-right: 1px solid white;}
        .content .table #table_prufzeugnisse_th2{border-left: 2px solid white;}
        .content .table.downloads {border-bottom: 0;}
        .content .table.downloads td {background: #d9d9d9; font-weight: bold; font-size: 1.1em;text-align: left; color: #676767;padding: 2px 5px;}
        .content .table.downloads .light td {padding: 0 5px;background: #fff;font-weight: normal; text-align: left;color: #676767;}
        .content .table.downloads .light.none td {padding: 3px 5px}
        .content .table.downloads .item {width: 73%}
        .content .table.downloads .select {width: 17%}
        .content .table.downloads .select img {position: relative; top: 2px;}
        .content .table.downloads .link {width: 10%}
        .content .table.downloads .link a {display: block; text-decoration: none; padding: 3px 5px 3px 20px;background: url('../img/arrow.jpg') no-repeat 0 0;}
        .content .table .legenda{padding: 8px;line-height: 1.2em;}
        .content .table tr td.bb,.content .table th.bb{border-right: 2px solid white;}
        .content .table tr td.bb2,.content .table th.bb2{border-left: 1px solid white;}
        .content .langs {height: 15px; line-height: 15px; background: #fff; border: 1px solid gray; font-size: 12px; float: left; padding: 0 0 0 5px; width: 100px;margin:2px 6px 2px 0 }
        .content .langs /* IE:hover */ {
           color: expression(
                  isNaN(this.js)?(this.js=1,
                  this.onmouseover=new Function("this.className+=' hover';"),
                  this.onmouseout=new Function("this.className=this.className.replace(' hover','');")
                  ):false);
            );
        }
        .content .langs ul li a { color: #676767; text-decoration: none;font-weight: normal;}
        .content .langs ul li a:hover { text-decoration: underline; }
        .content .langs ul { list-style: none; padding: 5px 0 0 5px; margin: 0 0 5px -6px; position: absolute; left: -999em; top: auto; width: 100px; border-left: 1px solid gray; border-bottom: 1px solid gray; border-right: 1px solid gray; /*border-top: 1px dotted gray;*/ display: block; height: auto; }
        .content .langs ul li {  height: 20px; background: #fff; display: block; width: 100px;}
        .content .langs:hover ul,
        .content .langs.hover ul { left: auto; background: #fff;  }
        .content .iframe.half {width: 650px;overflow: auto;margin-top: 10px; position: relative; left: 5px;}
        .content .iframe.half .table {width: 99%;overflow: auto}
        .content address strong{color:#676767;}

    .panel {float: left;width: 220px;padding: 0 0 30px;margin-bottom: 10px;position: relative;}
        .panel  ul {clear: both;padding: 0 0 0 20px;width: 200px;margin: 0; }
            .panel ul li a {color: #989898;clear: both;text-decoration: none;line-height: 15px;padding: 10px 0;display: block; width: 200px;  font-size: 1.0em; border-bottom: 2px solid #d9d9d9}
            .panel ul li a:hover {color: #7e7e7e;font-weight: bold}
            .panel ul li.active a {color: #7e7e7e; font-weight: bold; position: relative;}
            .panel ul li.active a span {background: url('../img/li-active.jpg') no-repeat 100% 50%;display: block; width: 24px; height: 31px;line-height: 31px;position: absolute;left: 209px; top: 0;}
        .panel h2 {padding: 15px 0 5px 20px;background: none;margin: 0;height: auto;}
        .panel address {padding-left: 20px;font-style: normal; line-height: 1.2em}
            .panel address strong {display: block;}
        .panel p {margin-top: 10px;padding-left: 20px;line-height: 1.2em}

  	/* footer ----------------------------------------------------------------- */
  	.footer { clear:both;margin-bottom: 10px;border: 1px solid #8d8d8d;border-bottom: 1px solid #b3b3b3;border-right: 1px solid #b3b3b3; padding: 8px;font-size: 0.9em;text-align: right}
        .footer a {text-decoration: none;color: #676767}


hr { clear: both; display:block; height:10px; padding: 10px 0; line-height: 1px; font-size: 1px; margin:0 0 10px 0; padding:0; border: 0; border-top:1px solid #e0e4e6; background:#fff; color:#fff;}
.clear { clear:both; display: block; height:0;line-height:0;font-size:0; width: 100%;}
.noscreen { display:none; }
.flt-l {float: left;}
.flt-r {float: right;}
.bold {font-weight: bold;}
.noborder {border: 0;}
/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block;}
/* schovani pred ie mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* tabulky Lukas Toman 2.6.2009 ----------------------------------------------------------------- */
.posuvnik {position: relative;height: auto;overflow: auto;}
.nadposuvnikem {background: url('../img/th-bg.jpg'); padding: 0 5px; color: #fff; height: 16px; font-size: 0.9em; line-height: 16px; font-weight:bold;margin-bottom: 2px;}
.content .table thead th {border: none;border-right: 1px solid #fff;border-bottom: 1px solid white;}
.skryjse {visibility:hidden; height:0px;}
.content .table td.pojddoleva {text-align: left;}

/* uprava stranky s letopocty Lukas Toman 27.8.2009 ----------------------------------------------------------------- */
.letopocet strong {float: left; display: block; margin: 0 5px 0 0; padding: 3px 0 0 0; width: 40px;}
.letopocet p {float: left;width: 550px;display: block;}

/* uprava  sekce Ubersicht tabulka */
.klikaci {cursor: hand; cursor: pointer;}
#hover, 
.table#ubersicht tr:hover td,
.table#ubersicht tr:hover .light2 td { background: #89a4e4; }

.content .table .light2 {background: #f5e8d1}

/* doplnujici tabulka manmarken Lukas Toman 25.9.2009 */
#manmarken { width:auto; border-bottom: 0px; }
#manmarken td { background: #fff; text-align:left; }

/* Organisation - Lukas Toman 25.9.2009 */
.organisation { width: 440px;  text-align:center;}
.organisation .orga01 { width: 440px; color:#0e3b63; margin-bottom:20px; background: url('../img/orga-head.gif') repeat-x; padding: 10px 0 10px 0; font-weight:bold;}
.organisation .orga02-left { width: 202px; float: left;}
.organisation .orga02-left .vypis-mest, .organisation .orga03-right .vypis-mest { background: url('../img/bg-vypis-mest.gif') repeat-x; margin-top: 10px; border: 1px solid #bbbfc4; padding-bottom: 10px; margin-bottom: 10px;  }
.organisation .orga02-left .vypis-mest span, .organisation .orga03-right .vypis-mest span { color:#0e3b63; font-weight:bold;  }
.organisation .orga03-right { width: 202px; float: left; margin-left:36px; }

/* Unsere Maschinen - Lukas Toman 25.9.2009 */
h6 { color:#0e3b63; }
.fotomaschien { margin-left: 13px; }
.content .maschinentable {background: none;}
.content .maschinentable .table { margin: 0 0 10px 0; padding: 0; width: auto; border-bottom: none; }
.content .maschinentable .table tr { background: none; text-align: left;}
.content .maschinentable .table td { text-align: left; padding: 0; color: #676767; font: normal 100%/1 Arial,sans-serif;}
.content .maschinentable .table td.velikoststuck { padding-left: 50px;}
.content .maschinentable .table td.nazevstroje { width:220px;}
.content .maschinentable .table td.hodnota { padding-left: 20px;}

/* Kontaktformular - Lukas Toman 7.10.2009 */
.table.kontaktformular { border-bottom: none;width: 600px; }
.table.kontaktformular td { background:#fff; text-align:left; font: normal 100%/1 Arial,sans-serif; }
input.kontaktinput { border: 1px solid grey;width: 450px;}
textarea.kontaktarea { border: 1px solid grey; width: 100%; }
.kontaktbuttons { padding: 8px 0 0 8px; }

.table .standart {color: auto;}
.kontaktformular input{margin: 2px;padding: 1px;}
.kontaktformular_prvni{width: 70px;}
.kontaktformular .kontaktformular_check{margin: 5px;}
.kontaktformular .kontaktformular_check2{margin: 5px;}

.table_jobs td{vertical-align: top;}
.jobs_prvni{width: 120px;}



/* Výpočty - Ondřej Vašíček 15.1.2010 */
.zadani input {margin: 3px;padding: 2px}
.vypocet2 td{padding: 3px;text-align: right;}
/*
.sirka1{width: 100px !important;}
.sirka2{width: 500px !important;}
.sirka3{width: 100px !important;}
.sirka4{width: 155px !important;}
.sirka5{width: 75px !important;}
.sirka6{width: 63px !important;}
.sirka7{width: 130px !important;}
*/
.sirka50p{width: 50%;}
.posl{border-right: 0 !important;}
.prvnibunka {width: 85px !important;}
.druhabunka {width: 75px !important;}
.vlevo{text-align: left !important;}
.vpravo{text-align: right !important;}
.stred td,.stred{text-align: center !important;}
.tel{width: 40px;display: block;float: left;}
.table{table-layout: fixed;width: auto;}

.trkor th,.trkor td{height: 0px !important;padding: 0 !important;}
.b1 {width: 91px;}
.b2 {width: 80px;}


.s2t1b6{width: 145px;}

.s2t2b3{}

.s2t3b2{width: 40px;}
.s2t3b10{width: 55px;}
.s2t3b13{width: 60px;}
.s2t3b14{width: 35px;}
.s2t3b20{width: 80px;}
.s2t3b21{width: 50px;}

.s3t2b3{width: 75px;}
.s3t2b4{width: 80px;}

.s3t3b4{width: 40px;}
.s3t3b6{width: 80px;}
.s3t3b7{width: 80px;}
.s3t3b8{width: 90px;}
.s3t3b9{width: 100px;}
.s3t3b10{width: 100px;}

.s3t5b3{width: 80px;}
.s3t5b4{width: 60px;}

.s3t6b3{width: 85px;}
.s3t6b4{width: 70px;}

.s3t7b2{width: 110px;}
.s3t7b3{width: 80px;}
.s3t7b4{}

.s4t1b3{}

.s4t2b3{width: 80px;}
.s4t2b4{width: 40px;}
.s4t2b8{width: 80px;}
.s4t2b9{width: 80px;}
.s4t2b10{width: 90px;}
.s4t2b13{width: 70px;}

.s4t3b3{width: 35px;}
.s4t3b10{width: 70px;}
.s4t3b18{width: 80px;}
.s4t3b19{width: 90px;}

.s5t1b3{width: 100px;}
.s5t1b4{width: 90px;}
.s5t1b5{}

.s5t2b3{width: 75px}
.s5t2b4{width: 65px}
.s5t2b5{}

.s5t3b2{width: 80px;}
.s5t3b4{width: 90px;}
.s5t3b5{width: 100px;}
.s5t3b6{}

.s6t1b3{width: 120px;}
.s6t1b4{}

.s6t2b2{}

.s6t3b3{width: 100px;}
.s6t3b4{width: 100px}
.s6t3b5{}

.s7t2b3{width: 60px;}
.s7t2b4{width: 100px;}

.s7t3b3{}
.s7t3b6{width: 100px;}

.s8t2b3{width: 60px;}

.s8t3b2{width: 33px;}
.s8t3b9{width: 70px;}
.s8t3b12{width: 70px;}
.s8t3b13{width: 33px;}
.s8t3b19{width: 50px;}
.s8t3b20{width: 80px;}

.s10t3b1{width: 50%;}
.s10t3b2{width: 50%;}

.s11t3b5{width: 40px;}

.s14t1b1{width: 100px;}

.q2t5b6{width: 51px;}

.q2t1{}
.q2t2{}

.zvyrazneni{color: red;background: #d7e2f7;padding: 2px 5px;}