@import "classbrowserStyle.css";

/* allg. Styles */

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

html, body {
        width: 1024px;
        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: 199px;
        vertical-align:top;
        background-color:#579ade;
        padding: 10px 0px 150px 0px;
}


/* einzelne Abschnitte der rechten Spalte */

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

}

#newsspalte h1 {
            background-color: #579ade;
            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: #579ade;
            font-weight:bold;
padding: 0px 0px 0px 0px;
            font-size: 11px;
            margin: 0px 0px 5px 0px;
}

#newsspalte p {
        background-color:#579ade;
        font-size: 10px;
        padding: 0px 0px 0px 0px;
        margin: 0px 5px 5px 5px;

}

#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: 236px;
        background-color:868686;
        color: black;
        text-align:center;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
}

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

}

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

}

/*Spalte in der Mitte */

#colRootline {
        height: 32px;
        width: 574px;
        background-color:#EDEAEA;
        padding: 0px 20px 0px 20px;
        color: black;
        text-align:left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
     
}

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

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



/* Spalte mit Such?berschrift */

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

#colSearch input {
        font-size: 11px;
        border: 1;
background-color:#EDEAEA;

}


#colSearch input {
        font-size: 11px;
        border: 1;
background-color:#EDEAEA;

}

/* Text im Kopf */

#colText {           
       margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;
}

/* Herstellerlog */

#colHerstellerlogo {           
           width: 1024px;
           height: 130px;
           background-color:#white;
           color: black;
           text-align:center;
           font-family: Verdana, Arial, Helvetica, sans-serif;
           font-size: 11px;
           margin: 0;
           padding: 0;
           border: 0;

}




/* Linke Spalte */

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

#menuespalte .level1 {
              margin-left:15px;
              height: 20px;
              background-color:#579ade;
              border: solid #579ade;
              border-width: 1px 0px 0px 0px;
              padding: 5px 0px 5px 0px;
             
}

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

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

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

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

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





/* Seiten?berschrift */
#inhalt h1 {
        color:#00638A;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 15px;
        margin: 15px 0px 15px 0px;
        line-height: 120%;
}

/* 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 Zelle wo die Formularfelder drin sind ->senkrechter Abstand

#inhalt .tdFld {
           margin: 0px 20px 0px 0px;
           padding: 3px 0px 3px 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;
        }


/* 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: 11px;
        text-align: left;
        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;
}

0000;
        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;
}

/* Tabelle für "Dienstleistungen" */


#inhalt TABLE.contenttable-0 {
 
        border-collapse: collapse;
        width: 520px;
	vertical-align:top;

	}

#inhalt TABLE.contenttable-0 TR.tr-even TD { 

               	border: solid #898981;
		border-width: 1px 1px 1px 1px; 
		vertical-align: top; 
		background-color: white;
		padding: 5px 5px 5px 5px;
		}
		
#inhalt TABLE.contenttable-0 TR.tr-odd TD { 
		border: solid #898981;
		border-width: 1px 1px 1px 1px; 
		vertical-align: top; 
		background-color: white;
		padding: 5px 5px 5px 5px;
		}