/*-------------------- keyvisual imports -------------------*/
@import url("kv-ic3s-de.css");
@import url("kv-ic3s-en.css");

/*-------------------- ic3s styles -------------------*/
body {
    background-color: #c5c9d0;
    font-size: 12px;
    line-height:14px;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    background-image:url(../images/bg-punkte.gif);
    color:#545b67;
    padding:0px;
    margin:0px;
    left: 150px;
    top: 150px;
}


td, div {
padding: 0;
margin: 0px;
}

.submenue {
font-size: 11px;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
padding-left:7px;
Padding-right:7px;
padding-bottom:2px;
}

.submenue2 {
font-size: 11px;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
padding-left:7px;
Padding-right:7px;
text-align:right;
}

.bildrechts {
margin-top:4px;
margin-right:-18px;
margin-bottom:-19px;
padding:0px;
}

a.submenue {color: #FFFFFF; font-size: 11px; text-decoration:none; margin-right:15Px; }
a.submenue:visited {color:#FFFFFF;}
a.submenue:hover {color: #FFFFFF; background-color:#6e7887;}
a.submenue:active { color:#000000;}


a {color: #285898;}
a:visited {color:#285898;}
a:hover {color: #285898;}
a:active { color:#285898;}

h1 {
font-size: 15px;
Padding-top:0px;
Padding-bottom:10px;
margin:0px }

.copy {
font-size: 12px;
line-height:16px;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
text-align:justify;
}

.copy-flattersatz {
font-size: 12px;
line-height:16px;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
text-align:left;
}

.copy-rechts {
font-size: 11px;
font-weight:bold;
line-height:20px;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
text-align:left;
}

h2 {
font-size: 11px;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
font-weight:bold;
color: #FFFFFF;
background-color:#535B68;
margin-right:-18px;
margin-bottom:0px;
padding:1px;}


/* ----------container-------------- */
#container {
width: 900px;
padding:0px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
z-index:1;
}

/* ----------Kopf mit Logo und Navigation-------------- */
#head {
background-color: #535B68;
padding-left:200px;
Padding-top:1px;
Padding-bottom:2px;
margin:0px;
 }

/* ----------Kopf mit Logo und Navigation-------------- */
#head-navi {
background-color: #FFFFFF;
margin-left: 60px;
/* height:81px; */
height:82px;
/* border: 1px solid black; */
}

#cMenu img {text-align:left}

/* ---------- keyvisual Bild-------------- */
#headbild {
border: solid 2px #ffffff;
padding:0px;
margin: 0px;
z-index:2;
width: 896px; height: 200px}

#headbild img {background-position: top left; background-repeat: no-repeat; background-image: url("serverraum_01.jpg"); width: 896px; height: 200px}

/* ----------outer und inner----------------- */
#outer{
/* border-left: 1px solid red; */
/*border-left: solid 600px #ffffff;   linke Menue Spalten Farbe  */
background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */
 }



#inner{
margin:0px;
min-height:400px;
/* width:100%; */
width:900px;
} /* die IE PC schlaufe */

/* -------------- linker Inhalt ------------- */
#left {
    width:560px;
    float:left;
    /* position:relative; */
    /* margin-left:-600px; */
    margin-left:0px;
    margin-right:0px;
    /* padding-left:20px;*/
    padding-left:20px;
    padding-right:20px;
    padding-top:30px;
    background-color: #FFFFFF;

 }

/* -------------- rechter Inhalt -------------------- */
#right{
/* position: relative; */
/* padding-right:20px; */
width: 297px;
margin: 0px 2px 0px 0px;
padding-top: 50px;
padding-left: 0px;
padding-right: 1px;
padding-bottom: 0px;
}


ul
 { text-align: left;
 margin: 5px 0 5px 18px;
 padding: 0px}

li
 {
font-size: 11px;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;

line-height:16px;
 margin: 5px 5px 5px 0;
 float:clear;
 list-style-type: disc outside;
 padding: 0px; }

p{
padding: 0px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 0px;
margin:0px;}

/*  ----------------footer---------------------- */
#footer {
background-color: #535B68;
padding-left:10px;
Padding-top:1px;
Padding-bottom:2px;
margin:0px;
clear:left;
}

#cMenu {
height:70;
padding-top:6px;
padding-bottom:6px;
        }

.suche {
    font-size: 11px;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    font-weight: normal;
    text-decoration: none;
    letter-spacing:1px;
    display: block;
    color: #285898;
        }


.Menu A  {
    font-size: 11px;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    font-weight: normal;
    text-decoration: none;
    letter-spacing:1px;
    display:block;
    padding: 7px;
    color: #285898;
        }


.mmContent DIV A {
    font-size: 11px;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    font-weight: normal;
    text-decoration: none;
    letter-spacing:1px;
    color: #000000;
    display:block;
    padding: 7px;
    background-color:#e0e2e5;
    z-index:81;
}




.mmContent DIV.mmlink A:hover {
    font-size: 11px;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    font-weight: normal;
        display:block;
    color: #FFFFFF;
    background-color:#848c99;
            z-index:82;
}

.mmContent .mmsublink A {
    BACKGROUND: url(../images/pfeil.gif) no-repeat right center;
}

.mmContent .mmsublink A:hover {
    BACKGROUND: url(../images/pfeil-weiss.gif) no-repeat right center
}

.mmContent DIV.mmlink2 A {
    color: #FFFFFF;
background-color:#848c99;
}

.mmContent DIV.mmlink2 A:hover {
    font-size: 11px;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    font-weight: normal;
    color: #FFFFFF;
    background-color:#99a0ac;
}



#siteposition {
        position: absolute;
        left: 345px;
        top: 26px;
        }

#siteposition1 {
        position: absolute;
        left: 200px;
        top: 26px;
        }

div.siteposition {
    font-size: 11px;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    padding: 7px;
    color: #285898;
}

.suche-input {	font-size: 11px;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
    font-weight: normal;
    display: block;
    padding:0px;
    margin-top:0px;
    color: #285898;
    background-color:#fff; width:70px; height:12px; border:1px solid #c5c9d0;}




/************************************************************************************
 * MDEX / IC3S spezfisiche Styles fuer Templatestruktur
 ************************************************************************************/

#toprow {
font-size: 12px;
line-height:16px;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
text-align:justify;
/* border: 1px dashed red; *//* Border gesetzt f�r Debug; Bert */
}

#bottomrow {
font-size: 12px;
line-height:16px;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
text-align:justify;
/* border: 1px dashed green; *//* Border gesetzt f�r Debug; Bert */
}

#colleft {
/* border: 1px dashed blue; *//* Border gesetzt f�r Debug; Bert */
}

#colright {
/* border: 1px dashed orange; *//* Border gesetzt f�r Debug; Bert */
}


#footer a {
   color: #FFFFFF;
   font-size: 11px;
   text-decoration:none;
   margin-right:15Px;
}

/************************************************************************************
 * MDEX / IC3S spezfisiche Styles fuer Menueintraege
 ************************************************************************************/

/*********** Level 1 Menue Ebene **********/

.level1-menu {
width: 120px;
}

.level1-menu a {
   font-size: 11px;
   font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
   text-decoration:none;
   padding-left: 7px;
   padding-right: 7px;
   padding-bottom: 2px;
   margin-right:15Px;
   color: #FFFFFF;
}

.level1-menu a:hover {
    color: #FFFFFF;
    background-color: #6e7887;
}

/*********** Level 2 Menue Ebene **********/

.level2-menu {
background-color: rgb(255, 255, 255);
width: 130px;
border: 1px solid white;
}

.level2-menu a {
font-size: 11px;
font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
font-weight: normal;
text-decoration: none;
letter-spacing: 1px;
display: block;
padding-top: 7px;
padding-right: 7px;
padding-bottom: 7px;
padding-left: 7px;
color: #535b68;
}


.level2-menu a:hover {
   color: #FFFFFF;
   background-color: #535b68;
}


/*********** Level 2 Menue act ****************/

.level2-menu-act {
background-color: rgb(255, 255, 255);
width: 130px;
}

.level2-menu-act a {
font-size: 11px;
font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
font-weight: normal;
text-decoration: none;
letter-spacing: 1px;
display: block;
padding-top: 7px;
padding-right: 7px;
padding-bottom: 7px;
padding-left: 7px;
color: #285898;
}


.level2-menu-act a:hover {
   color: #285898;
   background-color: #535b68;
}


/*********** Level 3 Menue Ebene *************/

.level3-menu {
 background-color: #e0e2e5;
 width: 140px;
}

.level3-menu a {
font-size: 11px;
font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
font-weight: normal;
text-decoration: none;
letter-spacing: 1px;
display: block;
padding-top: 7px;
padding-right: 7px;
padding-bottom: 7px;
padding-left: 7px;
color: #545b67;
}

.level3-menu a:hover {
   background-color: #848c99;
   color: #ffffff;
}


/********* Level 4 Menue Ebene */

.level4-menu {
  background-color: #ffffff;
  width: 140px;
}

.level4-menu a {
font-size: 11px;
font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
font-weight: normal;
text-decoration: none;
letter-spacing: 1px;
display: block;
padding-top: 7px;
padding-right: 7px;
padding-bottom: 7px;
padding-left: 7px;
color: #000000;
/* background: url(../media/pfeil-grau.gif) no-repeat right center; */
}

.level4-menu a:hover {
   color: #ffffff;
   background-color: #848c99;
}


.level4-menu-sub {
  background-color: #ffffff;
  width: 140px;
}

.level4-menu-sub a {
font-size: 11px;
font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
font-weight: normal;
text-decoration: none;
letter-spacing: 1px;
display: block;
padding-top: 7px;
padding-right: 7px;
padding-bottom: 7px;
padding-left: 7px;
color: #000000;
background: url(../media/pfeil-grau.gif) no-repeat right center;
}

.level4-menu-sub a:hover {
   color: #ffffff;
   background-color: #848c99;
}


/********* Level 5 Menue Ebene */

.level5-menu {
background-color: #848c99;
width: 140px;
}

.level5-menu a {
font-size: 11px;
font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
font-weight: normal;
text-decoration: none;
letter-spacing: 1px;
display: block;
padding-top: 7px;
padding-right: 7px;
padding-bottom: 7px;
padding-left: 7px;
color: #ffffff;
}

.level5-menu a:hover {
font-size: 11px;
font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
font-weight: normal;
color: #ffffff;
background-color: #99a0ac;
}



/******* Bereiche bearbeiten *************/
/*

#toprow {
width: 560px;
float: left;
position: relative;
margin-left: 0px;
margin-right: 0px;
 padding-left: 20px;
background-color: #ffffff;
}

*/

#toprow a {
color: #285898;
}

#colLeft {
font-size: 12px;
font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
font-weight: normal;
text-decoration: none;
/*margin-left: 0px;
margin-right: 7px;
 letter-spacing: 1px; */
line-height: 16px;
}

#colleft a {
color: #285898;
}

#colRight {
font-size: 12px;
font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
font-weight: normal;
text-decoration: none;
margin-left: 7px;
/* margin-right: 0px;
letter-spacing: 1px; */
line-height: 16px;
}

#colright a {
color: #285898;
}

#BottomRow {
font-size: 12px;
font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
font-weight: normal;
text-decoration: none;
/* margin-left: 0px;
margin-right: 0px;
 letter-spacing: 1px; */
line-height: 16px;
}

#bottomrow a {
color: #285898;
}

p {
font-size: 12px;
font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
font-weight: normal;
text-decoration: none;
/* letter-spacing: 1px; */
line-height: 16px;
}

#right a {
color: #285898;
}


#right h1 {
font-size: 12px;
font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
font-weight: bold;
color: #ffffff;
background-color: #535b68;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 5px;
}


#right p {
  padding-right: 10px;
}




/***** Style alle Tabellen *******/

.TablePreise {
font-size: 12px;
font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
font-weight: normal;
text-decoration: none;
margin-left: 0px;
margin-right: 0px;
padding-top: 0px;
padding-left: 0px;
color: #545b67;
}

.TablePreise th {
text-align: left;
vertical-align: top;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
background-color: #535b68;
color: #ffffff;
}

.TablePreise tr {
background-color: #e0e2e5;
}

.TablePreise td {
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
text-align: left;
vertical-align: top;
}

.TablePreise tr.tr-even {
  background-color: #ffffff;
}



/********** Pfeil *****************

/*
td.pfeil:after {
 backgroung: url('../media/pfeil-grau.gif') no-repeat right center;
 // background-image: url('fileadmin/templates/media/pfeil-grau.gif');
 // content: url(pfeil-grau.gif);
 // content: url('fileadmin/templates/media/pfeil-grau.gif');
width: 8px;
heigth: 16px;
}
*/


/*************** BROTKRUMENWEG */
.root-menu div {
font-size: 19px;
font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
font-weight: normal;
text-decoration: none;
letter-spacing: 1px;
}

.root-menu a
{
font-size: 11px;
font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
font-weight: normal;
text-decoration: none;
letter-spacing: 1px;
padding: 0px;
padding-right: 5px;
color: #545b67;
}


/******** CSS STYLED CONTENT REPLACEMENTS ************/

dt, dl, img {
 margin: 0px;
 padding: 0px;
}

#right dl {
 float: left;
}




/* *** New Login (Kais Test) *** */
.tx-newloginbox-pi1 table {
//	border: 1px solid red;
}
.tx-newloginbox-pi1 th {
    font-size: 11px;
    font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
    padding: 4px;
    text-align: right;
    white-space: nowrap;
}
.tx-newloginbox-pi1 td {
    font-size: 11px;
    font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
    text-color: yellow;
    padding: 4px;
}

// Ganz furchbar... quickhack fuer  alignment (stw)
/* Left, center, right and justify alignment of text in block elements*/
p.align-left, td.align-left, th.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, addre
ss.align-left { text-align: left; }
p.align-center, td.align-center, th.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div
.align-center, address.align-center { text-align: center; }
p.align-right, td.align-right, th.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-ri
ght, address.align-right { text-align: right; }
p.align-justify, td.align-justify, th.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-jus
tify, div.align-justify, address.align-justify { text-align: justify; }