/* =========================================================================================================================================*/
/* ============================================================ LINKS ======================================================================*/
/* =========================================================================================================================================*/
/*Link auf dunkelgrauem Hintergrund für Impressum und Neuigkeiten*/
a.link_auf_grau:link {
    color:#333; 
    font-size:11px; 
    font-family:Verdana, Geneva, sans-serif; 
    text-decoration:none;
}

a.link_auf_grau:visited {
    color:#333; 
    font-size:11px; 
    font-family:Verdana, Geneva, sans-serif; 
    text-decoration:none;
}
a.link_auf_grau:hover {
    color: #515151;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif; 
    text-decoration:none;
}
  
/*Link auf hellgrauem Hintergrund für Neuigkeiten*/
a.link_auf_hellgrau:link {
    color:#333; 
    font-size:11px; 
    font-family:Verdana, Geneva, sans-serif; 
    text-decoration:none;
    font-weight: bold;
}
a.link_auf_hellgrau:visited {
    color:#333; 
    font-size:11px; 
    font-family:Verdana, Geneva, sans-serif; 
    text-decoration:none;
    font-weight: bold;
}
a.link_auf_hellgrau:hover {
    color: #515151;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif; 
    text-decoration:none;
    font-weight: bold;
}

a.simple_link {
    border:0px;
    text-decoration:none;
}
a.simple_link:link {
    color:#363636;
}
a.simple_link:visited {
    color:#626262;
}
a.simple_link:hover {
    color:#515151;
}

a.grau {
    color:#2d2e2e;
}
a.grau:hover {
    color:#525353;
}

a.blau{
    color:#2061a8;
}

a.button {
    /* 2013-09-16: If you change anything here with regard to box modell and background,
       please also check input[type="submit", style.css] in (button of the forms should look alike) */ 
    color:#FFF;
    text-align: center;
    text-decoration:none;
      white-space: nowrap;
    /* 2013-08-19: this is the correct padding for todays font and td.button settings! */ 
    position: relative;  
}

a.button:hover {
    color:#d1d3cc;
}

a.Link18pt_white {
    color:#FFF;
    text-align: left;
    font-size:15pt;
    text-decoration:none;
    white-space: nowrap;
    position: relative;  
    letter-spacing: 0.03em;
}

a.Link18pt_white:hover {
    color:#becde8;
    font-size:15pt;
    letter-spacing: 0.03em;
}
a.button2:hover {
    color:#d1d3cc;
}
a.button2 {
    color:#FFF;
    text-align: center;
    text-decoration:none;
    white-space: nowrap;
    position: relative;
    top: 2px;
    padding-top: 5px;    
    padding-bottom: 4px;    
    padding-left: 20px;    
    padding-right: 5px;      
}
/*------ Tooltip ------*/
a.tooltip {
    outline:none; 
} 
a.tooltip strong {
    line-height:30px;
} 
a.tooltip:hover {
    text-decoration:none;
} 
a.tooltip span { 
    z-index:10;
    display:none; 
    padding:14px 20px; 
    margin-top:-30px; 
    margin-left:10px; 
    width:240px; 
    line-height:16px; 
} 
a.tooltip:hover span { 
    display:inline; 
    position:absolute; 
    color:#111; 
    border:1px solid #DCA; 
    background:#fffAF0;
} 
/*CSS3 extras*/ 
a.tooltip span { 
    border-radius:4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    -moz-box-shadow: 5px 5px 8px #CCC; 
    -webkit-box-shadow: 5px 5px 8px #CCC; 
    box-shadow: 5px 5px 8px #CCC; 
}

/* =========================================================================================================================================*/
/* ============================================================ LISTS ======================================================================*/
/* =========================================================================================================================================*/

.list_point_nutzungsbedingungen {
    margin: 0px;
    margin-left: 15px;
    padding: 0px;
}
.list_point {
    margin: 0px;
    margin-left: 15px;
    padding: 0px;
}
.list_point li {
    margin-top: 1px;
    list-style-image:url(/fileadmin/Segmenter-neu/img/point_ul.png);

}
.list_arrow {
    margin: 0px;
    padding: 5px;
}
.list_arrow li {
    padding-left: 0px;
    list-style-image:url(/fileadmin/Segmenter-neu/img/point_ul.png);
    list-style-position: inside;
    line-height:1.6;
}

/*neue Liste für Neuigkeiten*/
.list_none {
    margin: 0px;
    padding: 5px;
}
.list_none li {
    padding-left: 0px;
    list-style-type: none;
    line-height:1.6;
    margin-bottom:10pt
}
/*neue Liste für Neuigkeiten*/

.list_point_3col {
    margin: 15px 0px 0px 15px;
    padding: 0px;

}

.list_point_3col li {
    margin-top: 5px;
    list-style-image:url(/fileadmin/Segmenter-neu/img/point_ul.png);

}
/* =========================================================================================================================================*/
/* ========================================================= BACKGROUNDS ===================================================================*/
/* =========================================================================================================================================*/

/*Backgroundcolor für die Tabelle unter Impressum*/
.background_grau {
    background-color: #CCC;
    width: 98%;
}

/*Backgroundcolor für helle Hintergründe im Neuigkeitenbereich*/ 
.background_hellgrau {
    background-color: #d2d2d3;
    width: 840px;
}
.background_hellgrau_zeilen {
    background-color: #dcdcdc;
}



/* =========================================================================================================================================*/
/* ======================================================= LINE PROPERTIES =================================================================*/
/* =========================================================================================================================================*/

.line_small {
    vertical-align: middle;
    height: 15px;
}
.line_small p {
    margin: 0px;
}

.line_2em {
    height: 2em;
}

/* =========================================================================================================================================*/
/* ======================================================= FONT PROPERTIES =================================================================*/
/* =========================================================================================================================================*/

.font_bold {
    font-weight: bold;
}
.font_Download10pt {
    font-size: 10.3pt;
    color: #7090c2;
    font-family: 'Istok Web', sans-serif !important;
}
.font_size14 {
    font-size: 14px;
}

.font_istokWeb{
    color: #afd;
    font-family: 'Istok Web', sans-serif !important;
    text-transform: uppercase !important;
}
.font_absatz {
    color: #363636;
}

.font_kontakt {
padding-top: 2px;
padding-bottom: 0px;
padding-left: 7px;
width: 365px;
color: rgb(99, 99, 99);
}

.font_haken_blau {
    font-size: 14px; 
    font-family:Verdana, Geneva, sans-serif; 
    color:#205493; 
    text-decoration:none;
    font-weight: bold; 
    }
    
.abstand {
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.abstand_links_oben {
padding-left: 10px;
padding-top: 10px;
padding-bottom:10px;
padding-right: 10px;
}
.abstand_rechts_30 {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 30px;
}


/* =========================================================================================================================================*/
/* ============================================================ IMAGES =====================================================================*/
/* =========================================================================================================================================*/
.image_features_symbol {
    position: relative;
    top: 2px;
}

/* =========================================================================================================================================*/
/* ============================================================ TABLES =====================================================================*/
/* =========================================================================================================================================*/

/*----custom table styles, BEWARE - they use the !important keyword due to weird priority issues with the nth-child-selector---*/
/*----(there probably is a cleaner way to do this, but all I tried did not work...)---*/
td.td_button {
    /* 2013-09-16: If you change anything here with regard to box modell and background,
       please also check input[type="submit"] (button of the forms should look alike) */ 
    opacity: 1.0;
    filter:Alpha(Opacity=100);
    align: left;
    display:inline-block;
    /* 2013-08-19: this is the correct height and padding for todays font and a.button settings! */ 
    height: 25px;
    padding: 10px;

    /*background-image: url(images/button.jpg);
    background-repeat: repeat-x;*/
    background-color: #4586d2; /* fallback color if gradients are not supported */
    background-image: -webkit-linear-gradient(top, #4586d2, #2f5fb0); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(top, #4586d2, #2f5fb0); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(top, #4586d2, #2f5fb0); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(top, #4586d2, #2f5fb0); /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to bottom, #4586d2, #2f5fb0); /* Standard syntax; must be last */
}
td.td_DownloadButton {
    /* 2013-09-16: If you change anything here with regard to box modell and background,
       please also check input[type="submit"] (button of the forms should look alike) */ 
    opacity: 1.0;
    filter:Alpha(Opacity=100);
    align: left;
    display:inline-block;
    /* 2013-08-19: this is the correct height and padding for todays font and a.button settings! */ 
    height: 60px;
    padding-top: 2px;
    padding: 3px;
    width: 100%;
    /*background-image: url(images/button.jpg);
    background-repeat: repeat-x;*/
    background-color: #4586d2; /* fallback color if gradients are not supported */
    background-image: -webkit-linear-gradient(top, #4586d2, #2f5fb0); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(top, #4586d2, #2f5fb0); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(top, #4586d2, #2f5fb0); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(top, #4586d2, #2f5fb0); /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to bottom, #4586d2, #2f5fb0); /* Standard syntax; must be last */
}
table.table_features {
    border-spacing: 0px;
    border: 0px;
    width: 100%;
}
.table_features_head{
    background: #e8e9e9 !important;
    font-family: 'Istok Web', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
}
.table_features td{
    padding: 0px;
    padding-left: 6px;
    padding-right: 3px;
    vertical-align: middle !important;
    height: 10px;
}
.table_features p{
    margin: 0px;
}

.table_row_space {
    height: 2em;
}

table.table_370px {
    border-spacing: 0px;
    border: 0px;
    width: 370px;
}
.table_370px td{
    padding: 3px;
    padding-left: 12px;
    padding-right: 12px;
    vertical-align: middle !important;
}
.table_370px p{
    margin: 0px;
}
table.table_features2 {
    border-spacing: 0px;
    border: 0px;
    width: 100%;
    cellpadding: 0px;

}
.table_features2_head{
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
}
table.table_features2 td {
    border-collapse: collapse;
    height: 20px;
}
 
table.table_features2 p {
    margin: 1px;
}
.table_HoheZeilen td {
    height: 42px !important;
    margin: 0px;
}

td.td_10px_height {
    height: 10px;
}

td.td_RandUnten {
    border-bottom: 1px solid #b7b6b6;
    vertical-align:middle;
}
td.td_Spaltenbreite_90 {
    width: 90px;
}
td.td_Spaltenbreite_70 {
    width: 70px;
}
td.td_Spaltenbreite_40 {
    width: 40px;
}
td.td_Spaltenbreite_2 {
    width: 2px;
    valign: middle;
}
td.td_TextMittig {
    text-align: center;
    vertical-align:top;
    width: 140px;
}
td.td_TextRechtsbuendig {
    text-align: right;
    vertical-align:top;
    padding-right: 10px;
    width: 140px;
}
td.td_zentriert {
    vertical-align: middle;
    text-align:center;
}
td.td_bottom {
    vertical-align: bottom;
    text-align:center;
}
/*Tabelle unter Produkte*/
td.td_Hellblau {
    background: #c0c0c1;
}
td.td_Hellgrau {
    background: #d6d6d6;
}
td.td_VerlaufBlau {
    background-image:url(/fileadmin/Segmenter-neu/img/bg_segmenter.jpg);
}

td.td_VerlaufGrau {
    background-image:url(/fileadmin/Segmenter-neu/img/bg_viewer.jpg);
    height: 30px;
}


td.td_haken_grau {
    font-size: 14px; 
    font-family:Verdana, Geneva, sans-serif; 
    color:#5d5d5d; 
    text-decoration:none;
    font-weight: bold; 
}
    
td.td_haken_blau p{
    font-size: 16px; 
    font-family:Verdana, Geneva, sans-serif; 
    color:#205493; 
    text-decoration:none;
    font-weight: bold; 
    }
    
/*Backgroundcolor für start (Produktstart)*/ 
td.background_produktstart {
    background-image: url('/fileadmin/Segmenter-neu/img/produktstart_pic.png');
    width: 550px;
    height: 200px;
    padding-left: 10px;
    padding-right: 10px;
}

/*Backgroundcolor für start (Produktstart)*/  
td.td_produktstart {
    background-color: #d9d9d6;
     width: 280px;
     height:200px;
     align:top; 
##     padding-left: 10px;
##     padding-right: 10px;
     padding-top: 0px;

}
/* =========================================================================================================================================*/
/* ============================================================ TD-TEXTS =====================================================================*/
/* =========================================================================================================================================*/

td.td_VerlaufBlau p {
    font-size:12px; 
    font-family:Verdana, Geneva, sans-serif; color:#fff; 
    text-decoration:none;
    font-weight: none;
}

td.td_VerlaufGrau p {
    font-size: 12px; 
    font-family:Verdana, Geneva, sans-serif; color:#fff; 
    text-decoration:none;
    font-weight: none; 
}