/* Importieren von Stylesheets externer Programme */

/* Optional Etim4Web-Layout */
@import url(/fileadmin/etim4web_v3/css/etim4web.css); 

/* Optional Profclass4Web-Layout */
@import url(/fileadmin/proficlass4web_v1/css/proficlass4web.css); 


/* allg. Styles */

* {
   margin: 0;
   padding: 0;
   border: 0;
}

html, body {
        width: 100%;
        height: 100%;
}

body {

        background-color:#white;
        color:#000000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
}

li {
        margin-left: 20px;
}



/* Rechte Spalte */

#newsspalte {
        width: 187px;
        vertical-align:top;
        background-color:#E7E5F2;
        padding: 10px 0px 150px 0px;
}


/* einzelne Abschnitte der rechten Spalte */

#newsspalte .newsLatest {
        border: solid #FF0000;
        border-width: 0px 0px 0px 0px;
        margin: 0px 5px 5px 5px;

}

#newsspalte h1 {
            background-color: #E3E3EB;
            font-weight:bold;
            font-size: 12px;
            border-bottom: 0px solid #545A7A;
padding: 0px 0px 0px 0px;
            margin: 0px 5px 5px 5px;
}

#newsspalte h2 {
            background-color: #E3E3EB;
            font-weight:bold;
padding: 0px 0px 0px 0px;
            font-size: 11px;
            margin: 0px 0px 5px 0px;
}

#newsspalte p {
        background-color:#E7E5F2;
        font-size: 10px;
        padding: 0px 0px 0px 0px;

}

#newsspalte .lastUpdate {
margin: 0px 0px 0px 5px;
padding: 0px 0px 0px 0px;
}

#newsspalte a {
        text-decoration:none;
        color: black;
}

#newsspalte a:hover {
        text-decoration:underline;
}


/* Spaltenıberschriften */

#colService {
        height: 32px;
        width: 187px;
        background-color:#545A7A;
        color: white;
        text-align:center;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
}

#colService a{
        color: white;
        text-decoration:none;

}

#colService a:hover{
        text-decoration:underline;

}

/*Spalte in der Mitte */

#colRootline {
        height: 32px;
        width: 650px;
        background-color:#A2A7BF;
        padding: 0px 20px 0px 20px;
        color: white;
        text-align:left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        text-transform: uppercase;
}

#colRootline a {
        text-decoration:none;
       /* color: #454545;  */
       color: #FFFFFF;
}

#colRootline a:hover {
        text-decoration:underline;
}



/* Spalte mit Suchıberschrift */

#colSearch {
           width: 187px;
           height: 32px;
           background-color:#545A7A;
           color: white;
           text-align:center;
           font-family: Verdana, Arial, Helvetica, sans-serif;
           font-size: 11px;
           margin: 0;
           padding: 0;
           border: 0;
}

#colSearch input {
        font-size: 11px;
}





/* Linke Spalte */

#menuespalte {
             width: 187px;
             font-family: Verdana, Arial, Helvetica, sans-serif;
             font-size: 11px;
             font-weight: bold;
             vertical-align: top;
             background-color:#150185;
             padding: 20px 0px 150px 0px;
}

#menuespalte .level1 {
              margin-left:15px;
              height: 20px;
              background-color:#150185;
              border: solid #E3E3EB;
              border-width: 1px 0px 0px 0px;
              padding: 5px 0px 5px 0px;
              text-transform: uppercase;
}

#menuespalte .level2 {
              margin-left:30px;
              height: 20px;
              background-color:#150185;
              border: solid #E3E3EB;
              border-width: 1px 0px 0px 0px;
              padding: 5px 0px 5px 0px;
}

#menuespalte .level3 {
              margin-left:45px;
              height: 20px;
              background-color:#150185;
              border: solid #E3E3EB;
              border-width: 1px 0px 0px 0px;
              padding: 5px 0px 5px 0px;
}

#menuespalte a {
        text-decoration:none;
        color: #FFFFFF;
}

#menuespalte a:hover {
        color: #868286;
        text-decoration:none;
}

#inhalt {
        background-color:#FFFFFF;
        vertical-align:top;
        padding: 20px 20px 150px 20px;
}

/* Seitenıberschrift */
#inhalt h1 {
        color:#545A7A;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 15px;
        margin: 0px 0px 5px 0px;
}

/* Absatzıberschrift */
#inhalt h2 {
        color:#000000;
        width: 100%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: bold;
        border: solid #A2A7BF;
        border-width: 0px 0px 1px 0px;
        margin: 0px 0px 5px 0px;

}


/*Fliesstext */
#inhalt p {
        color:#000000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: left;
        line-height: 120%;
        margin-bottom: 5px;

}

/* Punktliste im Inhalt */
#inhalt ul {
        color:#000000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: left;
        line-height: 120%;
        margin-bottom: 5px;
}

/* Link im Inhalt */

#inhalt  a {
        text-decoration:underline;
        color: #000000;
}

#inhalt a:hover {
        color: #AFAFAF;
        text-decoration:underline;
}


/* Formulare */

/* formattiert die Zelle wo die Labels drin sind */

#inhalt .label {
           vertical-align: top;
           border: solid #000000;
           border-width: 0px 0px 0px 0px;
           color:#000000;
           font-family: Verdana, Arial, Helvetica, sans-serif;
           font-size: 12px;
           margin: 0px 20px 0px 0px;
           padding: 3px 0px 3px 0px;
           width: 150px;
           text-align: left;
           }


/* formattiert die erste Spalte der ETIM4Web-Artikeldetailansicht: 12.1.2006 MM */

#inhalt .labelB {
           vertical-align: top;
           border: solid #000000;
           border-width: 0px 0px 0px 0px;
           color:#000000;
           font-family: Verdana, Arial, Helvetica, sans-serif;
           font-size: 12px;
           margin: 0px 20px 0px 0px;
           padding: 0px 0px 3px 0px;
           width: 180px;
           font-weight: bold;
           text-align: left;
           }

/* formattiert die Zelle wo die Formularfelder drin sind ->senkrechter Abstand

#inhalt .tdFld {
           margin: 0px 20px 0px 0px;
           padding: 3px 0px 3px 0px;
           }

/* Spaltenüberschrift bei Etim4Web-Klassenbrowser-Anzeige 12.1.2006 MM */

#inhalt .tblHeader {

           vertical-align: top;
           border: solid #000000;
           border-width: 0px 0px 1px 0px;
           color: #000000;
           font-family: Verdana, Arial, Helvetica, sans-serif;
           font-size: 12px;
           font-weight: bold;
           padding: 0px 0px 5px 0px;        
           }


/* Feldformattierung der Input-Felder */

#inhalt .formular {

        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color:#000000;
        width: auto;
        border: solid #545A7A;
        border-width: 1px 1px 1px 1px;
        background-color: #EFEFEF;
        text-align: left;
        }

/* "kleines" Formularfeld (benötigt in Etim4Web) 12.1.06 MM */

#inhalt .formularSmall {

        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color:#000000;
        width: 30px;
        border: solid #545A7A;
        border-width: 1px 1px 1px 1px;
        background-color: #EFEFEF;
        text-align: left;
        }

/* Feldformattierung des Submit-Buttons */

#inhalt .submit {

        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color:#FFFFFF;

        border: solid #545A7A;
        border-width: 1px 1px 1px 1px;
        background-color: #A2A7BF;
        margin: 3px 0px 0px 0px;
        }



#inhalt #siteMap {
                  font-family: Verdana, Arial, Helvetica, sans-serif;
                  font-size: 11px;
                  font-weight: normal;
                 }

#inhalt #siteMap a {
        text-decoration:none;
        color: #000000;
}

#inhalt #siteMap a:hover {
        color: #AFAFAF;
        text-decoration:none;
}

#inhalt .level1 {
              margin-left:15px;
              height: 20px;
              border: solid #E3E3EB;
              border-width: 0px 0px 0px 0px;
              padding: 5px 0px 5px 0px;
              text-transform: uppercase;
              font-weight: bold;
}

#inhalt .level2 {
              margin-left:30px;
              height: 20px;
              border: solid #E3E3EB;
              border-width: 0px 0px 0px 0px;
              padding: 2px 0px 2px 0px;
}

#inhalt .level3 {
              margin-left:45px;
              height: 20px;
              border: solid #E3E3EB;
              border-width: 0px 0px 0px 0px;
              padding: 2px 0px 2px 0px;
}

#inhalt table {
color:#000000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        text-align: justify;
        line-height: 120%

}

/* Fehlermeldung wenn keine Suchergebnisse gefunden werden */
#inhalt .error {
color: red;
font-size: 12px;
font-weight: bold;

}

/* Suchergebnisse */

#searchResult {

        background-color: transparent;
        vertical-align:top;
        padding: 0px 20px 10px 0px;
}

/* ıberschrift und Link des Suchergebnisses */
#searchResult h2{

        color:#000000;
        width: 75%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: bold;
        border: solid #FF0000;
        border-width: 0px 0px 0px 0px;
        margin: 0px 0px 10px 0px;

}

/* Text-Teaser des Suchergebnisses */

#searchResult p{

        color:#000000;
        width: 100%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        border: solid #FF0000;
        border-width: 0px 0px 0px 0px;
        margin: 0px 0px 5px 0px;

}

/* Vorher und Nachher-Link */

#searchResult #nextLink {

color: red;
}

#searchResult #backLink {

color: #FF0000;
}

/* Formattierung der Newsliste */

#inhalt .newsList {

        color:#000000;
        width: 100%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        border: solid #FF0000;
        border-width: 0px 0px 0px 0px;
        margin: 0px 0px 5px 0px;

}

#inhalt .newsList h1 {
        color:#545A7A;
        font-size: 15px;
        margin: 0px 0px 5px 0px;
}

#inhalt .newsList h2 {
        color:#000000;
        width: 75%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: bold;
        border: solid #FF0000;
        border-width: 0px 0px 0px 0px;
        margin: 0px 0px 5px 0px;
}

/* Detailansicht der NEws */

#inhalt .newsDetail {

        color:#000000;
        width: 100%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        border: solid #FF0000;
        border-width: 0px 0px 0px 0px;
        margin: 0px 0px 5px 0px;

}

#inhalt .newsDetail h1 {
        color:#545A7A;
        font-size: 15px;
        margin: 0px 0px 5px 0px;
}

#inhalt .newsDetail h2 {
        color:#000000;
        width: 75%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: bold;
        border: solid #FF0000;
        border-width: 0px 0px 0px 0px;
        margin: 0px 0px 5px 0px;
}

#inhalt .newsDetail h1 {
        color:#545A7A;
        font-size: 15px;
        margin: 0px 0px 5px 0px;
}

#inhalt .newsDetail h2 {
        color:#000000;
        width: 75%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: bold;
        border: solid #FF0000;
        border-width: 0px 0px 0px 0px;
        margin: 0px 0px 5px 0px;
}