@import "cs-image.css";
@import "csc-form.css";
@import "search.css";
@import "uploads.css";
@import "loginbox.css";
@import "mailform.css";

/* Generelle Elemente */
html, body   {
    font-size: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.2;
    text-align: center;
    voice-family: inherit;
    vertical-align: top
}
html>body   { }
P {
    font-size: 12px;
    line-height: 1.2;
    text-align: justify;
    color: #505050;
    margin-bottom: 4px;
    padding-right: 8px;
    margin-top:0;
    padding-top: 0;
}
blockquote {
    margin: 100px 15px 100px 15px;
    padding: 5px 5px 5px 5px ;
    border: 1px solid #f1f1f1;
    background-color: #fafafa;
}
ul.csc-bulletlist li {
    font-size: 11px;
}
ul.csc-bulletlist-0, UL.csc-bulletlist-1, UL.csc-bulletlist-2, UL.csc-bulletlist-3 {
    color: #505050;
    font-size: 11px;
    list-style:none;
    margin:5px 0px 15px 5px;
    padding: 5px 5px 15px 5px
}
ul {
    color: #505050;
    list-style: none;
    margin: 5px 0 15px 5px;
    padding: 5px 5px 15px 5px;
    font-size: 11px
}
li {
   background-image:url(../../pics/list/standard.gif);
   background-repeat: no-repeat;
   padding-left: 18px;
   line-height: 18px;
   text-align: left;
   font-size: 11px
}
H1, H2, H3, H4, H5, H6 { font-size : 16px; font-weight : bold; color : #008E94; padding : 0; margin: 8px 0 8px 0; text-align: left;}
H2 {
    font-size: 12px;
    margin-bottom: 5px;
}
H3 {
    font-size: 11px;
    margin-bottom: 0px;
}
H4 {
    font-size: 11px;
    margin-bottom : 5px;
    line-height: 1.2;
    font-weight: normal;
    color : #505050;
    font-style: italic;
}
H5 {
    font-size: 10px;
    margin-bottom: 0;
    font-weight: normal;
    color: #505050;
    padding-right: 8px;
}
H6 {
    font-size: 10px;
    margin-bottom: 0;
    font-weight: bold;
    color: #008E94;
    padding-right: 8px;
}
FORM TABLE TR TD {
    padding: 0 20px 0 5px;
    font-size: 12px;
    color : #505050;
}
SELECT {
    font-size: 11px;
    color: #505050
}

/* Paragraphs in anderen Klassen*/
.underline {
    font-style: italic;
    border-bottom: 1px solid #008e94;
    background-color: #e0f2f3;
}
.csc-caption {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
    color: #505050;
    margin: 0;
    margin-bottom: 20px;
    padding-top: 2px;
}
UL.P.bodytext {
    list-style:none;
}
/* Gesamtcontainer */
#bodyclass{
    line-height: 1.2;
    margin: auto;
    padding: 0;
    width: 790px;
    vertical-align: top;
}
/* formatiert und positioniert das Hauptausgabefenster */
#mainContainer {
    color: #444;
    font-size:10px;
    height: auto;
    margin: auto;
    padding: 0;
    width: 790px;
    border: 0;
    vertical-align: top;
}
/* Container für den gesamten Header */
#upperPart {
    width: 790px;
    height:64px;
    float: left;
}
/* formatiert und positioniert das Logo */
#logoArea {
    background-image: url("../../pics/logo_eyeq.gif");
    background-repeat: no-repeat;
    width: 290px;
    height: 64px;
    float: left
}
/* Fläche rechts neben dem Logo*/
#headContent {
    width: 500px;
    height: 64px;
    float: left;
}
/*Service Menü*/
#serviceMenu  {
    text-align: right;
    width: 500px;
    height: 33px;
    float: left
}
/* formatiert und positioniert das Infoline-IMG */
#infoLine   {
    background-image: url("../../pics/infoline.gif");
    background-repeat: no-repeat;
    background-position: 80px 3px;
    text-align: right;
    padding-top: 15px;
    width: 283px;
    height: 31px;
    float: left;
}
/* formatiert und positioniert das Suchfeld */
#searchField{
    text-align: right;
    width: 217px;
    height: 31px;
    float: left
}
.searchbox{
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica;
    background-image: url("../../pics/lupe.gif");
    background-repeat: no-repeat;
    margin: 0px;
    width: 29px;
    height: 19px;
    font-size: 0px;
    color: #efefef;
    border: none
}
.searchfield{
    color: #656565;
    font-size: 10px;
    font-family: Verdana;
    font-weight: normal;
    background-color: #f6f6f6;
    text-indent: 0;
    margin: 0 4px 0 0;
    width: 179px;
    height: 19px;
    vertical-align: 0;
    border: solid 1px #808080;
}
.searchfieldHidden INPUT {
    font-size: 0;
    visibility: hidden;
    width: 0;
    height: 0
}
/* formatiert und positioniert die erste Trennlinie */
#rulerLeft{
    font-size: 2px;
    background-image: url("../../pics/ruler_left.gif");
    background-repeat: no-repeat;
    width: 2px;
    height: 15px;
    float: left;
}
#ruler1{
    font-size: 2px;
    background-image: url("../../pics/ruler_mid.gif");
    background-repeat: repeat-x;
    width: 785px;
    height: 15px;
    float: left;
}
/* Navigantionspfad */
#rootline   {
    text-align: left;
    width: 785px;
    height: 12px;
    float: left;
}
#rootline_men {
    color : #404040;
    font-size: 10px;
    text-align: left;
    padding: 1px 0 0 11px;
}
#rootline_men a:link, #rootline_men a:visited {
    color: #404040;
    text-decoration: none;
}
#rootline_men a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
/* abschließende Grafik der Trennlinie */
#rulerRight{
    font-size: 2px;
    background-image: url("../../pics/ruler_right.gif");
    background-repeat: no-repeat;
    width: 3px;
    height: 15px;
    float: right;
}
/* mittleren Bereich */

#middlePart {
    background-image: url("../../pics/skin_standard.gif");
    background-repeat: repeat-y;
    margin-bottom: auto;
    padding: 0;
    z-index: 0;
    width: 790px;
    float: left;
    border-width: 0;
    outline-width: 0
}
#middlePartWhite {
    height: auto;
    width: 790px;
    z-index: 10;
}
/* formatiert und positioniert den Haupt-Content */
#mainContent  {
    background-image: url("../../pics/thema.jpg");
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    width: 573px;
    height: 217px;
    float: left; /*border-width: 0; outline-width: 0 }*/}
#ttContent {
    background-color: #fff;
    text-align:left;
    margin-bottom:6px;
    padding: 0;
    height: auto;
    z-index: 20;
    width: 573px;
    float: left;
    overflow: visible;
    min-height: 360px;
    border-width: 0;
    outline-style: none
}
#content {
    font-family: "Verdana", Arial, Helvetica;
    font-size: 12px;
    text-align: justify;
    color: #505050;
    padding: 0 5px 8px 5px;
    margin-bottom: 6px;
    z-index: 20;
}
#content A:LINK {
    color : #008e94;
    text-decoration: underline;
    text-align: left;
    font-weight: normal
}
#content A:VISITED {
    color : #008e94;
    text-decoration: none;
}
#content A:HOVER {
    color: #008e94;
    text-decoration: underline;
}
#content .imgtext-table {
    margin-bottom: 5px;
    padding: 0 5px 10px 3px;
    height: auto;
    overflow: visible;
}
.imgtext-table { padding-top:6px; height: auto; margin-bottom: 5px; padding: 0 5px 10px 3px;}

/* Formatierung des rechten Menüs */
#sideMenu {
    z-index: 2;
    width: 217px;
    float: right
}
#graphMenu {
    z-index: 2;
    width: 217px;
    height: 217px;
    float: right
}
/* Formatierung der einzelnen Felder (wenn überhaupt nötig) */
.menBut  {
    background-color: white;
    margin: 0;
    padding: 0;
    z-index: 2;
    width: 217px;
    height: 217px;
    float: right
}
#prodBox, #prodMenu {
    margin: 0;
    padding: 0;
    z-index: 2;
    width: 217px;
    float: right;
    text-align: left;
}
.box {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    color: #606060;
    font-size: 12px;
    text-align: left;
    margin: 10px 0px 0px 6px
}
.box SELECT {
    width: 204px;
    font-family: Verdana, Arial, Helvetiva;
    font-size: 12px;
    text-align: left;
}
/* Formatiert die zweite Trennlinie */
#rulerLeft2   {
    font-size: 2px;
    background-image: url("../../pics/ruler_left.gif");
    background-repeat: no-repeat;
    width: 2px;
    height: 15px;
    float: left;
}
#ruler2{
    font-size: 2px;
    background-image: url("../../pics/ruler_mid.gif");
    background-repeat: repeat-x;
    width: 785px;
    height: 15px;
    float: left;
}
#rulerRight2{
    font-size: 2px;
    background-image: url("../../pics/ruler_right.gif");
    background-repeat: no-repeat;
    width: 3px;
    height: 15px;
    float: right;
}
 /* formatiert und positioniert den Breich 3 Highlights */
#highlightArea {
    height: 164px;
    width: 790px;
    float: left;
}
/* Formatiert & Positioniert Highlight 1,2,3 */
#highlight1  {
    width: 263px;
    height: 164px;
    float: left }
#highlight2 {
    width: 262px;
    height: 164px;
    float: left;
    clear: right;
    border-right: 1px dotted #808080;
    border-left: 1px dotted #808080
}
#highlight3 {
    width: 263px;
    height: 164px;
    float: right;
}
.highlight {
    color: #505050;
    font-size: 11px;
    line-height: 12px;
    text-align: left;
    padding: 2px; }

.highlight P{
    font-size: 11px;
    text-align: left
}
/*Formatierung der unteren Meuboxen und deren Überschriften*/
#menuHeader {
    background-image: url("../../pics/bigruler_mid.gif");
    background-repeat: repeat;
    text-align: left;
    z-index: 10;
    width: 790px;
    height: 24px;
    float: left
}
#bigrulerLeft {
    background-image: url("../../pics/bigruler_left.gif");
    background-repeat: no-repeat;
    text-align: left;
    z-index: 11;
    width: 3px;
    height: 24px;
    float: left
}
#bigrulerRight {
    background-image: url("../../pics/bigruler_right.gif");
    background-repeat: no-repeat;
    text-align: left;
    z-index: 11;
    width: 3px;
    height: 24px;
    float: right
}
/* vier Menüboxen unten*/
#bottomMenu   {
    text-align: left;
    width: 790px;
    height: 50px;
    float: left;
}
#menuHeader1  {
    margin-right: 2px;
    width: 193px;
    height: 24px;
    float: left
}
#menuHeader2  {
    margin-right: 2px;
    width: 196px;
    height: 24px;
    float: left;
}
#menuHeader3  {
    width: 196px;
    height: 24px;
    float: left;
}
#menuHeader4  {
    margin-left: 2px;
    z-index: 8;
    width: 193px;
    height: 24px;
    float: left;
}
#menuBoxes {
    width: 790px;
    height: 122px;
    float: left;
    text-align: left;
    line-height: 1.2;
}
#menuBox1 {
    background-color: #e7e7e7;
    text-align: left;
    margin: 2px 2px 0 0;
    width: 196px;
    line-height: 1;
    height: 122px;
    float: left;
}
#menuBox2 {
    background-color: #e7e7e7;
    text-align: left;
    margin: 2px 2px 0 0;
    width: 196px;
    line-height: 1;
    height: 122px;
    float: left;
}
#menuBox3 {
    background-color: #e7e7e7;
    text-align: left;
    margin-top: 2px;
    width: 196px;
    line-height: 1;
    height: 122px;
    float: left;
}
#menuBox4 {
    background-color: #e7e7e7;
    text-align: left;
    margin-top: 2px;
    margin-left: 2px;
    width: 196px;
    line-height: 1;
    height: 122px;
    float: right;
}
.footer {
    padding-left: 6px;
    padding-top: 6px;
    color: #606060;
    font-size: 10px;
    text-align: left;
}
.footer A:LINK {
    color: #606060;
    text-decoration: none;
}
.footer A:VISITED {
    color: #606060;
    text-decoration: none;
}
.footer A:HOVER  {
    color : #45a8a1;
    text-decoration: underline;
}
.pfeil {
    font-size: 11px;
    text-align: left;
    vertical-align: top;
    color: #fff;
    background-color: #79b7b3;
    padding: 0 3px 0 3px;
    font-weight: bold;
}
.wert {
    font-size: 11px;
    text-align: left;
    color: #404040;
    padding-left: 3px;
}
.tablehead { color: #FFFFFF; font-size: 15px; font-weight: bold; line-height: 15px; background-color: #008E94; text-align: left;  padding: 4px 0 4px 3px; }
.table1    { color: #606060; font-size: 11px; font-weight: bold; line-height: 13px; background-color: #f2f2f2; text-align: left; vertical-align: top; padding-left: 3px; width: 170px;}
.table2    { color: #606060; font-size: 11px; font-weight: normal; line-height: 13px; background-color: #e1efee; text-align: left; padding-left: 6px;  width:380px; }

#kopf_men           { color : #606060; padding: 6px 0 0 0;  font-size : 10px; }
#kopf_men A:LINK    { color : #606060; text-decoration : none; }
#kopf_men A:VISITED { color : #606060; text-decoration : none; }
#kopf_men A:HOVER   { color : #45a8a1; text-decoration : underline; }

#bot_men { color : #505050; font-size : 12px; text-align : left; margin: 0; padding: 12px 0 0 6px; line-height: 1.2}
#bot_men A:LINK { color : #505050; text-decoration : none; }
#bot_men A:VISITED { color : #505050; text-decoration : none; }
#bot_men A:HOVER { color : #45a8a1; text-decoration : underline;}

#prod_men            { color: #fff; font-size : 12px; text-align: left; margin-top: 0 0 12px 0; padding: 10px 0 0 6px; line-height: 1.2}
#prod_men A:LINK     { color: #fff; text-decoration: none;}
#prod_men A:VISITED  { color: #fff; text-decoration : none; }
#prod_men A:HOVER    { color: #fff; text-decoration : underline; }
#prod_men A:ACTIVE   { color: #fff; text-decoration : none; }

#under_men           { font-family : Verdana, Arial, Helvetica, sans-serif; color : #ffffff; font-size : 12px; text-align : left; margin-top : 5px; margin-bottom : 0; padding-left : 6px; }
#under_men A:LINK    { font-family : Verdana, Arial, Helvetica, sans-serif; color : #ffffff; text-decoration : none; }
#under_men A:VISITED { color : #ffffff; text-decoration : none; }
#under_men A:HOVER   { font-family : Verdana, Arial, Helvetica, sans-serif; color : #45a8a1; text-decoration : underline; }
#thikline_men { padding-left : 6px;}

/*****************************************************/
/* QUADROBOX - z.B. bei den verschiedenen Touch-Technologien */
/*****************************************************/
#quadrobox { color: #696969; font-size: 11px; font-family: Verdana; text-align: left; width: 552px; height: auto; }
.row     { width: 552px; height: 170px; float: none; border-bottom: 15px solid #fff }
.box_l  { background-color: #f2f2f2; width: 267px; height: 100%; float: left; padding: 3px; }
.box_r  { background-color: #f2f2f2; width: 267px; height: 100%; float: right; padding: 3px; }
.box_l ul, .box_r ul { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-align: left; list-style-type: none; margin: 0 0 0 0; padding: 0 0 0 15px; width: auto }
.box_l li, .box_r li  {margin:0}
.box_l P, .box_r P  {margin: 0; padding-top: 5px }


DIV.csc-menu { background-color : #fefefe; padding : 0 1px; margin : 0 1px; border : 1px solid black; }
DIV.csc-menu P { margin-left : 5px; padding-left : 5px; font-size : 11px; }
DIV.csc-menu P.csc-section { font-weight : normal; margin-left : 6px; font-style : italic; }
DIV.csc-menu-2 { border-color : #fefefe; }
DIV.csc-menu-2 P.csc-sitemap { border : 1px solid #bcdbd9; }
DIV.csc-menu-2 P.csc-sitemap-level1 { font-size : 12px; background-color : #ffffff; font-weight : bold; margin : 3px 0; }
DIV.csc-menu-2 P.csc-sitemap-level2 { font-size : 11px; background-color : #dadada; margin : 3px 0 3px 45px; }
DIV.csc-menu-2 P.csc-sitemap-level3 { font-size : 10px; background-color : #eee; margin : 3px 0 3px 75px; }
DIV.csc-menu-2 P.csc-sitemap-level4 { margin-left : 150px; margin : 3px 0 3px 105px; }

/* Übersichten - Monitor-Rubriken - Tabellen-Stil */
.overview {
    color : #505050;
    font-size: 11px;
    line-height: 13px;
    text-align: left;
    padding: 2px;
    margin-bottom: 8px;
}
.overviewtext {
    background-color: #f2f2f2;
    color : #505050;
    font-size: 11px;
    vertical-align: center;
    text-align: left;
    padding: 4px 5px 4px 4px;
    border-right: 8px solid white;
    font-size: 11px;
}
.overview H1 {
    color: #008E94;
    font-size: 16px
}
.overview P {
    font-size: 11px;
}
/***************************************/
/* Diverse Header Informationen - Überschriften*/
/***************************************/
.csc-header H1 {
    font-size:16px;
    color: #008E94;
}
.csc-header-n1 H1 {
    font-size: 16px
    }

.H1 , .H2 , .H3 , .H4 , .H5 , .H6 {
    font-size: 16px;
    font-weight: bold;
    color: #008E94;
    padding: 0;
    margin: 8px 0 8px 0;
}
.H2 {
    font-size: 12px;
    margin-bottom: 5px;
}
.H3 {
    font-size: 11px;
    margin-bottom: 0px;
    padding-right: 8px;
}
.H4 {
    font-size: 11px;
    margin-bottom: 5px;
    line-height: 1.2;
    font-weight: normal;
    color: #505050;
    padding-right: 8px;
}
.H5 {
    font-size: 10px;
    margin-bottom: 0;
    font-weight: normal;
    color: #505050;
    padding-right: 8px;
}
.H6 { font-size: 10px;
    margin-bottom: 0;
    font-weight: bold;
    color: #008E94;
    padding-right: 8px;
}