/**
 * Standard CSS-Definitionen fuer templ_text
 *
 * (c) www.lemontree.at
 *
 * @author Gerhard Buchecker <gbuchecker@lemontree.at>
 *
 *********************************************************************************/

/*--------------------------------------------------------------------------------*/

/* Text */
.templ_text {
    clear: both;    
}

/*--------------------------------------------------------------------------------*/
/* Media-Queries */

@media only screen and (max-width:640px) {
    
    .templ_text img {
    	max-width: 67%;
        height: auto;
    }
}

/*--------------------------------------------------------------------------------*//**
 * Standard CSS-Definitionen fuer templ_abstand
 *
 *********************************************************************************/

/*--------------------------------------------------------------------------------*/

/* Abstand */
.templ_abstand {
    clear: both;
    overflow: hidden;   
}

/*--------------------------------------------------------------------------------*//**
 * CSS-Definitionen fuer templ_bild
 *
 * (c) www.lemontree.at
 *
 * @author Gerhard Buchecker <gbuchecker@lemontree.at>
 *
 *********************************************************************************/

/*--------------------------------------------------------------------------------*/

div.templ_bild {
    clear: both;
    width: 100%;
}
div.templ_bild img {
    max-width: 100%;
    height: auto;
    margin: 0px;
}

div.bild_legende_top {
}
div.bild_legende_bottom {
}

/*--------------------------------------------------------------------------------*//**
 * CSS-Definitionen fuer templ_bild_text
 *
 * (c) www.lemontree.at
 *
 * @author Gerhard Buchecker <gbuchecker@lemontree.at>
 *
 *********************************************************************************/

/*--------------------------------------------------------------------------------*/

div.templ_bild_text {
    clear: both;
}
div.templ_bild_text img {
    max-width: 100%;
    height: auto;
    display: block;
}

.layout_12col_links div.templ_bild_text img {
    margin-top: 5px;
}

/*--------------------------------------------------------------------------------*//**
 * CSS-Definitionen fuer templ_bilder
 *
 * (c) www.lemontree.at
 *
 * @author Gerhard Buchecker <gbuchecker@lemontree.at>
 *
 *********************************************************************************/

/*--------------------------------------------------------------------------------*/

div.templ_bild_0 {
    float: left;
    margin-right: 20px;
}
div.templ_bild_1 {
    float: left;
}

/*--------------------------------------------------------------------------------*//**
 * Standard CSS-Definitionen fuer templ_bildergalerie
 *
 * (c) www.lemontree.at
 *
 * @author Gerhard Buchecker <gbuchecker@lemontree.at>
 *
 *********************************************************************************/

/*--------------------------------------------------------------------------------*/

/* Bildergalerie */
div.templ_bildergalerie {
    clear: both;
}
div.templ_bildergalerie div.galerie {
    clear: both;
    margin-top:5px;
}

div.templ_bildergalerie div.galerie table {
    margin: 0px auto;
}
div.templ_bildergalerie div.galerie img {
    margin-right: 5px;
    margin-bottom: 5px;
    /* border: 1px solid #cccccc; */
}

div.templ_bildergalerie div.galerie a {
    border: none;
    position: relative;
    display: inline-block;
    line-height: 0px;
}

/* Optionen fuer ein einzelnes Thumbnail */
div.templ_bildergalerie div.galerie.single a {
    background-color: #333333;
}
div.templ_bildergalerie div.galerie.single a img {
    margin: 0px;
    line-height: normal;
}
div.templ_bildergalerie div.galerie.single a:hover img {
    opacity: 0.3;
}
div.templ_bildergalerie div.galerie.single a:hover .bildergalerie_titel {
    display: table-cell;
}

div.templ_bildergalerie div.galerie.single .bildergalerie_titel {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 40%;
    color: #ffffff;
    text-decoration: none;
    font-size: 150%;
    text-transform: uppercase;
    text-align: center;
    display: none;
    vertical-align: middle;
}
div.templ_bildergalerie div.galerie.single .bildergalerie_titel .bildergalerie_subtitel {
    position: relative;
    font-size: 75%;
    font-style: italic;
    text-transform: none;
    top: 30px;
}

div.templ_bildergalerie .links {
    clear: both;
}
div.templ_bildergalerie .links a {
    padding-right: 10px;
}
div.templ_bildergalerie .links a.alle_auswaehlen {
    padding: 0px;
}
div.templ_bildergalerie .links .delimiter {
    padding: 0px 2px;
    color: #999999;
}

/*--------------------------------------------------------------------------------*/
/* Floatbox */

#fbx .fbFooter div {
    text-align: center;
    padding: 6px 0px 0px 0px;
}
#fbx .fbFooter div a {
    color: #ffffff;
    font-size: 80%;
    padding: 0px 3px;
    position: relative;
    top: -1px
}

/*--------------------------------------------------------------------------------*//**
 * CSS-Definitionen fuer templ_bildergalerie_cycle_cycle
 *
 * (c) www.lemontree.at
 *
 * @author Gerhard Buchecker <gbuchecker@lemontree.at>
 *
 *********************************************************************************/

/*--------------------------------------------------------------------------------*/

/* Bildergalerie cycle mit wechselndem Bild */
.templ_bildergalerie_cycle {
    clear: both;
    height: auto;
    max-width: 100%;
    margin: 0px;
    padding: 0px;
    position: relative;
}
.templ_bildergalerie_cycle ul, .templ_bildergalerie_cycle li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.templ_bildergalerie_cycle img {
    margin: 0px;
    border: 0px;
    max-width: 100%;
    height: auto;
}

/* controls = Navigationsleiste */
.templ_bildergalerie_cycle .controls {
    position: absolute;
    bottom: 0px;
    z-index: 200;
    text-align: center;
    width: 100%;
    padding: 3px 0px;
    color: #000000;
    background-color: #ffffff;
    opacity: 0.7;
    font-size: 12px;
    overflow: hidden;
}
.templ_bildergalerie_cycle .controls a {
    line-height: 16px;
    color: #000000;
}
.templ_bildergalerie_cycle .controls a.resume,
.templ_bildergalerie_cycle .controls a.stop {
    padding: 0px 0px 0px 2px;
    position: relative;
    top: 1px;
}

.templ_bildergalerie_cycle .controls a.prev {
    width: 7px; 
    height: 1.4em;
    padding: 0px;
    background: url(../../templ/templ_bildergalerie_cycle/images/prev.png) center center no-repeat;
    position: absolute;
    left: 5px;
    bottom: 5px;
}
.templ_bildergalerie_cycle .controls a.next {
    width: 7px;
    height: 1.4em;
    padding: 0px;
    background: url(../../templ/templ_bildergalerie_cycle/images/next.png) center center no-repeat;
    position: absolute;
    right: 5px;
    bottom: 5px;
}


/* caption = Bild x von y */
.templ_bildergalerie_cycle .caption {
    position: relative;
    top: 1px;
    padding: 0px 2px;
}

/* slidenav = pager */
.templ_bildergalerie_cycle .slidenav {
    
}
.templ_bildergalerie_cycle .slidenav a {
    margin: 0 2px; 
    padding: 0px; 
    border: 1px solid #000000;
    border-radius: 8px; 
    background: #ffffff; 
    text-decoration: none;
    text-align: center;
    width: 15px; 
    height: 15px; 
    font-size: 9px;
    display: inline-block;
    z-index: 501;
    cursor: pointer;
}
.templ_bildergalerie_cycle .slidenav a:hover, 
.templ_bildergalerie_cycle .slidenav a.activeSlide {
    background: #000000; 
    color: #ffffff;
}

/*--------------------------------------------------------------------------------*//**
 * CSS-Definitionen fuer Webformulare
 *
 *********************************************************************************/

/*--------------------------------------------------------------------------------*/

/* Webforms allgemein */
.webform table {
    border-spacing: 0px;
    padding: 0px;
}
.webform th {
    text-align: left;
    font-weight: normal;
}

.webform .headline {
    font-size: 1.5em;
    font-weight: 600;
    letter-spacing: -1px;
    margin: 1.5em 0px 1em 0px;
    font-family: "Open Sans", Helvetica, sans-serif;
    color: #e30010;
}
.webform .fehler {
    color: #FC0522;
}
.webform .label {
    width: 170px;
    font-weight: normal;
    text-align: left;
}
.webform input[type=text] {
    width: 350px;
}
.webform input {
    font-size: 100%;
}
.webform input[type=text],
.webform textarea,
.webform select {
    font-size: 100%;
    padding: 5px 2px;
}
.webform textarea {
    width: 98%;
}
.webform input[type=submit],
.webform input[type=button],
.webform input[type=reset],
.webform button {
    min-width: 80px;
    margin-top: 15px;
}

/*.webform input[type=checkbox] {
    float: left;
    padding-top: 5px;
}
.webform span.checkboxText {
    display: block;
    margin-left: 22px;
}*/
.webform .space {
    padding-top: 20px;
}
.webform .break {
    height: 1em;
}

.webform .checkbox {
    display: flex;
    align-items: flex-start;
}
.webform .checkbox input {
    margin: 4px 0.5em 0 0;
}

.webform .radio {
    display: flex;
    align-items: flex-start;
}
.webform .radio input {
    margin: 4px 0.5em 0 0;
}

.webform .info_pflichtfelder {
    padding-top: 20px;
}


.webform .left {
    float: left;
}
.webform .desc_top {
    padding: 0px 0px 3px 0px;
}
.webform .desc_left {
    float: left;
    padding: 0px 3px 0px 0px;
}
.webform .desc_right {
    float: left;
    padding: 0px 0px 0px 3px;
}
.webform .desc_bottom {
    clear: both;
    padding: 3px 0px 0px 0px;
}
.webform div.break {
    height: 1em;
    overflow: hidden;
}
.webform div.buttons {
    text-align: left;
}

.webform .file-input-wrapper {
    /* @see https://coderwall.com/p/4etjja bzw. http://jsfiddle.net/supershabam/b3WXe/ */
    width: 200px;
    height: 2.5em;
    overflow: hidden;
    position: relative;
    line-height: 1em;
}
.webform .file-input-wrapper > input[type="file"] {
    font-size: 30px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
}
.webform .file-input-wrapper > .btn-file-input {
    /*display: inline-block;
    width: 200px;
    height: 30px;*/
}


table.formular {
    border-spacing: 0px;
    padding: 0px;
}
table.formular td {
    padding: 2px 2px 2px 0px;
}
table.formular td.bezeichnung {
    vertical-align: top;
    padding: 4px 2px 2px 0px;
    width: 50px;
}
table.formular input[type=text], table.formular textarea {
    width: 250px;
}

/* Webform Seite empfehlen */
table.formular.seite_empfehlen input[type=text] {
    width: 250px;
}
table.seite_empfehlen textarea {
    width: 400px;
    height: 120px;
}

/* Webform Veranstaltungsanmeldung */
#formVeranstaltungsanmeldung #fieldPlz {
    width: 50px;
}
#formVeranstaltungsanmeldung #fieldOrt {
    width: 190px;
}

/* Webform Passwort vergessen */
#formPasswort_vergessen input[type=button],
#formPasswort_vergessen input[type=submit] {
    margin-top: 0px;
}

/*--------------------------------------------------------------------------------*/
/* Media-Queries */

@media only screen and (max-width:640px) {
    
    .webform table {
        width: 100%;
    }
    .webform input[type=text],
    .webform textarea {
        width: 98%;
    }
    
    .webform form.step01 th, .webform form.step01 td {
        display: block;
        padding-right: 0;
    }
}

/*--------------------------------------------------------------------------------*//**
 * Standard CSS-Definitionen fuer templ_googlemaps
 *
 * (c) www.lemontree.at
 *
 * @author Gerhard Buchecker <gbuchecker@lemontree.at>
 *
 *********************************************************************************/

/*--------------------------------------------------------------------------------*/

/* Google Maps */
.templ_googlemaps {
    clear: both;
}
.templ_googlemaps .map_canvas {
    max-width: 100%;
    height: 250px;
}
.templ_googlemaps img {
	box-shadow: none;
}

/*--------------------------------------------------------------------------------*//**
 * Standard CSS-Definitionen fuer templ_openstreetmap
 *
 * (c) www.lemontree.at
 *
 * @author Gerhard Buchecker <gbuchecker@lemontree.at>
 *
 *********************************************************************************/

/*--------------------------------------------------------------------------------*/

/* OpenStreetMap */
.templ_openstreetmap {
    clear: both;
}
.templ_openstreetmap .map_canvas {
    max-width: 100%;
    height: 250px;
}
.templ_openstreetmap .routeplaner {
    padding: 5px 0px;
}
.templ_openstreetmap img {
	box-shadow: none;
}

/*--------------------------------------------------------------------------------*//**
 * CSS-Definitionen fuer templ_menue
 *
 * (c) www.lemontree.at
 *
 * @author Gerhard Buchecker <gbuchecker@lemontree.at>
 *
 *********************************************************************************/

/*--------------------------------------------------------------------------------*/

/* Menue */
.templ_menue {
    clear: both;
    margin: 0px;
    /* padding: 10px;
    background-color: #eeeeee; */
}

.templ_menue .divNav ul {
    /* margin: 0px;
    padding: 0px; */

}
.templ_menue .divNav.no_style ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.templ_menue .divNav ul li {
    margin: 0px;
    padding: 0px;
}

/*--------------------------------------------------------------------------------*//**
 * CSS-Definitionen fuer templ_suche
 *
 * (c) www.lemontree.at
 *
 * @author Gerhard Buchecker <gbuchecker@lemontree.at>
 *
 *********************************************************************************/

/*--------------------------------------------------------------------------------*/
/* Suche */

#divSearch {
    position: absolute;
    right: 15px;
    bottom: -38px;
    width: 200px;
    text-align: right;
}
#divSearch form {
    margin: 0px;
    padding: 0px;
}
#divSearch input {
    margin: 0px;
    padding: 2px 0px 0px 8px;
    border-top: 1px solid #919191;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #919191;
    height: 20px;
}

#divSearch .button {
    background-color: #96abd5;
    color: #ffffff;
    margin-right: 0px;
    padding: 0px 5px;
    height: 23px;
    border: 1px solid #878484;
    display: none;
}


.divFormSuche {
    height: 40px;
    z-index: 5000;
    padding-right: 34px;
}
.divFormSuche form {
    margin: 0px;
    padding: 0px;
}
.divFormSuche input {
    /* color: #ffffff; */
    border: none;
    margin: 0px;
    padding: 0px 3px;
    position: relative;
    top: 9px;
    width: 208px;
    background-color: #ffffff;
    height: 24px;
    font-size: 105%;
}

.divFormSuche .button {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 24px;
    height: 40px;
    background-image: url(../../images/bg_suche_std_v02.png);
}

/*--------------------------------------------------------------------------------*//**
 * Standard CSS-Definitionen fuer templ_tabelle
 *
 *********************************************************************************/

/*--------------------------------------------------------------------------------*/

.templ_tabelle {
    clear: both;
}

/*--------------------------------------------------------------------------------*/
/* Media-Queries */

@media only screen and (max-width:640px) {

    .templ_tabelle {
        width: 100%;
        overflow-x: scroll;
    }
    .templ_tabelle table td {
        white-space: nowrap;
    }
}

/*--------------------------------------------------------------------------------*//**
 * Standard CSS-Definitionen fuer templ_textbox
 *
 * (c) www.lemontree.at
 *
 * @author Gerhard Buchecker <gbuchecker@lemontree.at>
 *
 *********************************************************************************/

/*--------------------------------------------------------------------------------*/

/* Textbox */
.templ_textbox {
    position: relative;
    display: inline-block;
    margin: 0px;
    vertical-align: top;
    max-width: 100%;
}
.templ_textbox:last-child {
    margin-right: 0px !important;
}

.templ_textbox .textbox_titel {
}
.templ_textbox .textbox_titeltext {
    padding: 0px;
}
.templ_textbox .textbox_content {
    padding: 0px;
}

.templ_textbox img {
    max-width: 100%;
    height: auto;
}

@media only screen and (max-width:420px) {
    
    .templ_textbox {
        width: auto !important;    
    }
}

/*--------------------------------------------------------------------------------*//**
 * CSS-Definitionen fuer templ_video
 *
 *********************************************************************************/

/*--------------------------------------------------------------------------------*/

.templ_video div {
    background-size: 100% auto;
    display: inline-block;
    max-width: 100%;
}
.templ_video a {
    max-width: 100%;
}

/*--------------------------------------------------------------------------------*//**
 * CSS-Definitionen fuer templ_ext_laseroptik_ueberschrift
 *
 *********************************************************************************/

/*--------------------------------------------------------------------------------*/

.templ_ext_laseroptik_ueberschrift {
    font-size: 0.9em;
    line-height: 0.9em;
    opacity: 0.8;
    padding: 0px 0px 0px 0px;
}
.templ_ext_laseroptik_ueberschrift p:first-child {
    margin-top: 1em;
}

/*--------------------------------------------------------------------------------*//**
 * CSS-Definitionen fuer templ_ext_laseroptik_spektrum
 *
 * (c) www.lemontree.at
 *
 * @author Gerhard Buchecker <gbuchecker@lemontree.at>
 *
 *********************************************************************************/

/*--------------------------------------------------------------------------------*/

.templ_ext_laseroptik_spektrum {
    
}
.templ_ext_laseroptik_spektrum .spektrum_bild { 
    margin-bottom: 15px;
}
.templ_ext_laseroptik_spektrum .spektrum_wellenlaenge {
    font-size: 0.9em;
    line-height: 1.0em;
    padding-top: 10px;
}
.templ_ext_laseroptik_spektrum .spektrum_text {
    font-size: 0.9em;
    line-height: 0.9em;
    opacity: 0.8;
    padding: 0px 0px 0px 0px;
}
.templ_ext_laseroptik_spektrum .spektrum_text p:first-child {
    margin-top: 1em;
}

/*--------------------------------------------------------------------------------*//**
 * CSS-Definitionen fuer templ_ext_laseroptik_coating_type
 *
 * (c) www.lemontree.at
 *
 * @author Gerhard Buchecker <gbuchecker@lemontree.at>
 *
 *********************************************************************************/

/*--------------------------------------------------------------------------------*/

.templ_ext_laseroptik_coating_type {
    margin-bottom: 0px;
}
.templ_ext_laseroptik_coating_type .coating_type_headline {
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 1.5em;
    font-weight: 600;
    color: #e30010;
    margin-bottom: 2px;
    color: #52656f;
    letter-spacing: -1px;
    margin-top: 0;
    position: relative;
    top: -5px;
}
.templ_ext_laseroptik_coating_type .coating_type_type {
    font-weight: bold;
    margin: 0px;
}

.templ_ext_laseroptik_coating_type .coating_type_diagram {
    clear: none;
    width: auto;
}
.templ_ext_laseroptik_coating_type .coating_type_diagram.visibility_7 {
    margin-left: 25px;
}

.templ_ext_laseroptik_coating_type .coating_type_lense {
    padding: 0px 0px 20px 0px;
}
.templ_ext_laseroptik_coating_type .coating_type_icon {
    width: 90px;
    float: left;
}
.templ_ext_laseroptik_coating_type .coating_type_types {
    float: left;
}
.templ_ext_laseroptik_coating_type .coating_type_types ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.templ_ext_laseroptik_coating_type .coating_type_types ul li.aktiv {
    font-weight: bold;
    color: #e30010;
}

.templ_ext_laseroptik_coating_type .coating_type_text {
}
.templ_ext_laseroptik_coating_type .coating_type_text_padding {
    padding: 1em 0px 0px 0px;
}

/*--------------------------------------------------------------------------------*//**
 * Styles fuer die Erweiterung ext_laseroptik
 *
 * (c) www.lemontree.at
 *
 * @author Gerhard Buchecker <gbuchecker@lemontree.at>
 *
 *********************************************************************************/

/*--------------------------------------------------------------------------------*/

ul.navLoop {
    position: absolute;
    right: 3.2%;
    bottom: 0;
    z-index: 5000;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.navLoop li.ebene1 a.ebene1 {
    margin: 0;
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    line-height: 40px;
    padding: 0 10px 10px 80px;
    font-weight: 600;
    background-image: url(../../../ext/ext_laseroptik/images/bg_loop_std_v02.png);
    background-repeat: no-repeat;
    background-position: 20px 0;
}
ul.navLoop li.ebene1:hover a.ebene1 {
    background-color: #be0000;
    background-image: url(../../../ext/ext_laseroptik/images/bg_loop_v02.png);
}

ul.navLoop li.ebene1 ul.ebene2 {
    display: none;
    position: absolute;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 5000;
    background-color: #eef2f4;
    line-height: 1.4em;
    font-size: 1em;
}
ul.navLoop li.ebene1:hover ul.ebene2 {
    display: block;
}
ul.navLoop li.ebene1:hover ul.ebene2 li.ebene2 {
    padding: 10px 20px 10px 25px;
}
ul.navLoop li.ebene1:hover ul.ebene2 li.ebene2 *:last-child {
    margin-bottom: 0;
}

/*--------------------------------------------------------------------------------*/

.divSearchBar {
    position: absolute;
    z-index: 5000;
    top: 18%;
    right: 4%;
    background-color: #e20000;
}
.button_show_search {
    display: block;
    position: relative;
    top: 0;
    right: 0;
    width: 24px;
    height: 40px;
    background-image: url(../../images/bg_suche_std_v02.png);
}
.button_hide_search {
    display: none;
    position: absolute;
    width: 24px;
    height: 40px;
    /* background-color: #e20000; */
    text-align: center;
    color: #ffffff !important;
    line-height: 40px;
    font-size: 13px;
    font-weight: bold;
    z-index: 5020;
}
.button_hide_search:hover {
    text-decoration: none;
}

/*--------------------------------------------------------------------------------*/

.ext_laseroptik_coating_methods {
    padding: 0 0 4em 0;
}
.ext_laseroptik_coating_methods img {
    float: left;
    margin-right: 20px;
}

/*--------------------------------------------------------------------------------*/

.ext_laseroptik_example_info {

}
.ext_laseroptik_example_info p {
    font-size: 0.95em;
}

.ext_laseroptik_example {
    float: left;
    clear: none !important;
    width: 100%;
}
.ext_laseroptik_example.example_2col {
    max-width: 340px;
}
.ext_laseroptik_example:nth-child(odd) {
    margin-right: 20px;
}
.ext_laseroptik_example .example_titel {
    font-weight: bold;
    display: block;
}
.ext_laseroptik_example .example_artikelnummer {
    padding-left: 0;
    font-size: 75%;
}
.ext_laseroptik_example .bildtext {
    padding: 0 0 3px 0;
}

/*--------------------------------------------------------------------------------*/

table {
    background-color: #ffffff;
}
table th {
    white-space: nowrap;
}

table td.web_no_border_bottom,
table th.web_no_border_bottom {
    border-bottom: none !important;
}

table.web_table_laseroptik_th_bold,
table.web_table_laseroptik_th_bold_left {
    margin: 0;
    padding: 0;
    border-spacing: 0;
    width: auto;
}

table.web_table_laseroptik_th_bold th {
    background-color: #eef2f4;
    border-bottom: 1px solid #e30010;
    padding: 2px 5px;
    text-align: center;
}
table.web_table_laseroptik_th_bold_left th {
    background-color: #eef2f4;
    border-bottom: 1px solid #e30010;
    padding: 2px;
    text-align: left;
}
table.web_table_laseroptik_th_bold td {
    border-bottom: 1px solid #222222;
    padding: 2px;
    text-align: center;
}
table.web_table_laseroptik_th_bold_left td {
    border-bottom: 1px solid #222222;
    padding: 2px;
    text-align: left;
}

table.web_table_laseroptik_th_normal {
    margin: 0;
    padding: 0;
    border-spacing: 0;
    width: auto;
}

table.web_table_laseroptik_th_normal th {
    background-color: #eef2f4;
    border-bottom: 1px solid #e30010;
    padding: 2px 0 2px 0;
    font-weight: normal;
}
table.web_table_laseroptik_th_normal td {
    border-bottom: 1px solid #222222;
    padding: 2px 0 2px 0;
    text-align: center;
}

table.web_table_laseroptik_xcol,
table.web_table_laseroptik_7col  {
    margin: 0;
    padding: 0;
    border-spacing: 0;
    width: 100%;
}
table.web_table_laseroptik_4col,
table.web_table_laseroptik_4col_goc {
    margin: 0;
    padding: 0;
    border-spacing: 0;
    width: 53%;
}
table.web_table_laseroptik_5col {
    margin: 0;
    padding: 0;
    border-spacing: 0;
    width: 70%;
}
table.web_table_laseroptik_xcol tr th,
table.web_table_laseroptik_7col tr th,
table.web_table_laseroptik_4col tr th,
table.web_table_laseroptik_4col_goc tr th,
table.web_table_laseroptik_5col tr th {
    font-weight: bold;
    text-align: left;
    vertical-align: bottom;
    border-bottom: 1px solid #e30010;
    padding: 2px 0 2px 0;
}

table.web_table_laseroptik_xcol tr td,
table.web_table_laseroptik_7col tr td,
table.web_table_laseroptik_4col tr td,
table.web_table_laseroptik_4col_goc tr td,
table.web_table_laseroptik_5col tr td {
    font-weight: normal;
    text-align: left;
    border-bottom: 1px solid #222222;
    padding: 2px 0 2px 0;
}

table.web_table_laseroptik_xcol tr th:nth-child(6) { text-align: center; }
table.web_table_laseroptik_xcol tr th:nth-child(7) { text-align: center; }

table.web_table_laseroptik_xcol tr td:nth-child(6) { text-align: center; }
table.web_table_laseroptik_xcol tr td:nth-child(7) { text-align: center; }

table.web_table_laseroptik_5col tr th:nth-child(4) { text-align: center; }
table.web_table_laseroptik_5col tr td:nth-child(4) { text-align: center; }

table.web_table_laseroptik_7col tr th:nth-child(4) { text-align: center; }
table.web_table_laseroptik_7col tr th:nth-child(5) { padding-left: 2%; }
table.web_table_laseroptik_7col tr th:nth-child(7) { text-align: center; }

table.web_table_laseroptik_7col tr td:nth-child(1) { width: 8%; }
table.web_table_laseroptik_7col tr td:nth-child(2) { width: 19%; }
table.web_table_laseroptik_7col tr td:nth-child(3) { width: 17%; }
table.web_table_laseroptik_7col tr td:nth-child(4) { width: 9%; text-align: center; }
table.web_table_laseroptik_7col tr td:nth-child(5) { width: 21%; padding-left: 2%; border-left: 1px dotted #999999;  }
table.web_table_laseroptik_7col tr td:nth-child(6) { width: 17%; }
table.web_table_laseroptik_7col tr td:nth-child(7) { width: 9%; text-align: center; }


table.web_table_laseroptik_4col tr th:nth-child(4) { text-align: center; }
table.web_table_laseroptik_4col_goc tr th:nth-child(4) { text-align: center; }

table.web_table_laseroptik_4col tr td:nth-child(1) { width: 15.09%; }
table.web_table_laseroptik_4col tr td:nth-child(2) { width: 35.85%; }
table.web_table_laseroptik_4col tr td:nth-child(3) { width: 32.08%; }
table.web_table_laseroptik_4col tr td:nth-child(4) { width: 16.98%; text-align: center; }

table.web_table_laseroptik_4col_goc tr td:nth-child(1) { width: 20.09%; }
table.web_table_laseroptik_4col_goc tr td:nth-child(2) { width: 35.85%; }
table.web_table_laseroptik_4col_goc tr td:nth-child(3) { width: 27.08%; }
table.web_table_laseroptik_4col_goc tr td:nth-child(4) { width: 16.98%; text-align: center; }

/* Korrektur der Breiten fuer layout_21col (layout_coating_type_2col) und layout_3col */
.layout_21col table.web_table_laseroptik_4col,
.layout_21col table.web_table_laseroptik_4col_goc,
.layout_21col table.web_table_laseroptik_5col {
    width: 100%;
}
.layout_3col table.web_table_laseroptik_4col,
.layout_3col table.web_table_laseroptik_4col_goc,
.layout_3col table.web_table_laseroptik_5col {
    width: 100%;
}

/*--------------------------------------------------------------------------------*/

table.web_table_laseroptik_formulas {
    margin: 0;
}
table.web_table_laseroptik_formulas th {
    font-weight: normal;
    height: 80px;
    text-align: left;
    vertical-align: middle;
    padding-right: 20px;
}
table.web_table_laseroptik_formulas td {
    vertical-align: middle;
}
table.web_table_laseroptik_formulas td img {
    vertical-align: middle;
    max-width: none;
}

/*--------------------------------------------------------------------------------*/
/* Media-Queries */

@media only screen and (max-width:1280px) {
}

@media only screen and (min-width: 1000px) {

    body.touch ul.navLoop {
        top: 4.85em;
        bottom: auto;
    }
    body.touch .divSearchBar {
        top: 1.25em;
        bottom: auto;
    }
}

@media only screen and (max-width:1000px) {

    ul.navLoop li.ebene1 a.ebene1 {
        padding-bottom: 0;
    }
    ul.navLoop {
        top: 4.85em;
        bottom: auto;
    }
    .divSearchBar {
        top: 1.25em;
        bottom: auto;
    }
}

@media only screen and (max-width:720px) {
}

@media only screen and (max-width:640px) {

    /* ul.navLoop {
        left: auto;
        right: 0;
        top: 40px;
    } */
    ul.navLoop {
    }

    .divSearchBar {
        top: 0.78em;
        bottom: auto;
    }

    table.web_table_laseroptik_xcol tr th,
    table.web_table_laseroptik_7col tr th,
    table.web_table_laseroptik_4col tr th,
    table.web_table_laseroptik_4col_goc tr th,
    table.web_table_laseroptik_5col tr th {
        padding-right: 2px;
    }
}

@media only screen and (max-width: 425px) {

    .divSearchBar {
        right: 3%;
    }
    ul.navLoop {
        right: 2.2%;
    }
}

@media only screen and (max-width: 320px) {

    .divSearchBar {
        top: 0.58em;
    }
    ul.navLoop {
        top: 3.95em;
    }
}

/*--------------------------------------------------------------------------------*/