body {
		margin: 2ex 0px 2ex 1ex;
		background-color: White;
		color : #000000;
		scrollbar-3d-light-color: navy;
		scrollbar-base-color: white;
		scrollbar-arrow-color: navy;
		scrollbar-darkshadow-color: navy;
		scrollbar-face-color: white;
		scrollbar-highlight-color: navy;
		scrollbar-shadow-color:white;
		scrollbar-track-color: white;
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-style : normal;
		font-weight : normal;
		font-size : 100%;}	    
	a   { 
        color: #000000;
		text-decoration: none;}
    a:link, a:active, a:visited {text-decoration : none;}
    a:hover {
		color: #cc0033;
		text-decoration: underline;} 
   	li {
		padding: 0px;
	}
	ul {
	    margin-top: 0px;
	}
    .maintable{
		table-layout: fixed;
		width: 100%;
        
	}
    .spalte1{                             /* Navigations td */
		width: 250px;
		background-color: #ffffff;} 

    .navi{                     /* linke Navigation; naviN : N=ebene*/
        background-color : white;
        height: 100%;
        font-family : Arial, sans-serif;
        min-height: 600px;
        margin: 0px 6ex 0px 0px;
        }
    .navi a{
        display: block;
        border-bottom:1px solid #404040;
        padding: 3px 0px 3px 1ex;
        }   
     .navi a:hover, .aktnavi0, .aktaktnavi0, .aktaktnavi0 a{
        background-color : #cc0033; /*#b0b0b0;*/    
        color: white;  
        text-decoration: none;
        }
     .navi1       {background-color : #e8e8e8;}
     .xxnavi1 div   { padding-left: 15px;}
     .aktnavi1  {background-color : #e8e8e8;font-weight: bold;}
     .xxaktnavi1 div{
        position: relative;
        top: -2ex;
        padding-left: 15px;
        }
        
	.suchtext{
        display: block;
		border: 1px solid #b0b0b0;
		text-align: right;
        color: #b0b0b0;
        background-color: #f0f0f0;
        width: 15ex;
        padding-right: 0.5ex;
        }
        .ergsort{
        color: navy; 
        font-size: 80%;
        margin-top: 2ex; 
        margin-bottom: 1ex;       
        }
        .ergsort a{ color: navy;}
        .ergsort a:hover {color: #cc0033;}        
        a.ergsortA {
        color: #cc0033; 
        font-weight: bold;
        text-decoration: underline;
        }
        .ergsortA:hover{
        color: #cc0033;
        }
        .ergsuchtext{
		border: 1px solid navy;
        color: navy;
        background-color: white;
        width: 50%;
        padding-left: 0.5ex;
        }
	.ergsubmitbutton {                /* Infos etc. */
		color : white;
		border: 1px solid navy;
		margin-right : 1ex;
        background-color : navy;
        }
    .ergliste{
        margin: 2ex 0px;
        }
    .ergliste h1{
        color: #cc0033;
        margin-bottom: 0px;
        font-size: 110%;
        }
    .ergliste h2{
        color: navy;
        font-size: 90%;
        font-weight: bold;
        margin: 0px;
        border-bottom: 1px solid navy;
        font-weight: bold;
        background-color: #f0f0f0;
        padding-top: 0.5ex;
        }
    .ergliste h2 a{
       color: navy;
        }
    .ergliste h2 a:hover{
       color: #cc0033;
    }
    
    .ergliste h3{
        color: navy;
        font-size: 90%;
        font-weight: normal;
        margin: 0px;
    }   
    .ergliste h3 a{
        font-weight:bold;
        font-size: 80%;
        color: #cc0033;
    }
    
     .ergliste h4{
        color: navy;
        font-size: 80%;
        font-weight: normal;
         margin: 0px;
         display: none;
    }
     .ergliste h5{
        color: navy;
        font-size: 75%;
        font-weight: normal;
         margin: 0px;
         margin-bottom: 3ex;
    }

/* Info - Formulare  ->  #BED6FA*/

	.webadressform {
		font-size : 90%;
		margin-left: 5px;
		margin-top:0ex;
	}
    .inputtext {                   /* einzeilig und mehrzeilig */
		border: 1px solid navy;
		width: 98%;
        font-family : Arial, Helvetica, sans-serif;
        color: navy;
	}
	.submitbutton {                /* Infos etc. */
		color : white;
		font-size : 110%;
		border: 1px solid navy;
		margin-right : 1ex;
        background-color : navy;
	}
    .submitbutton:hover, .ergsubmitbutton:hover {                /* Infos etc. */
		color : navy;
        background-color : white;
	}


	.webinfocheck {
		font-family : Arial, Helvetica, sans-serif;
        font-size: 90%;
	}
	.webinfocheckthead {
		font-size : 110%;
        text-align: left;
        padding-bottom: 1ex;
	}
    .demoverweis{                               /* Inhalt-Verweis Block : obj.'Verweis'.@dup<>0 */
        background-color: white;
        border: 1px solid #006600;
        margin-top: 1ex;
        padding: 1ex;
    }
    .demoverweis a{
        color: #006600; 
    }
     .demoverweis:hover a, .demoverweis:hover{
        color:  white;
        background-color:#006600;
    }

   
	.infoantwort{
		background-color: palegreen;
	
		font-size : 100%;
		margin:5ex 5em 3ex 5em;
		padding: 1em;
	}    
	.formerror{
		color: #cc0033;
		background-color: white;
		font-weight : bold;
		font-size : 100%;
		padding: 1em;
        margin-top: 1ex;
	}
	.formerrorhead{
		color: white;
		background-color: #cc0033;

		font-size : 100%;
		margin:2ex 1ex 3ex 1ex;
		padding: 1em 0.1em 0.1em 0.1em;
	}
	.formok{
        background-color: white;
        color: darkgreen;
		font-size : 100%;
		padding: 1em;
        margin-top: 1ex;
	}
    	.formok a{

        color: #cc0033;

	}

	.formokhead{
        color: white;
		background-color: darkgreen;

		font-size : 100%;
		margin: 2ex 0em 3ex 0em;
		padding: 1em 0.1em 0.1em 0.1em;
	}
    input[type="file"]{
        width: 100%;
        background-color: white;
        color: navy;
    }
/* <- Info - Formulare */

                             /* <- Volltext Suchbox */
    .kopftext, .kopftext a{                   /* Kopf texte  -> */
		color: #000000;
		padding: 0px;
		font-size: 110%;
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-stretch : normal;
		font-weight : normal;
	}

	.kopftext a:hover{
		text-decoration: underline;
        color: #cc0033;
	}
	.kopftext2 {                         /* Datenbank und Retrievalsysteme */
        color: #000000;                  /* #4791d1; */
		padding-left: 10px;
		font-size: 150%;
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;}                                     
    
    .kopfklein{                         /* minifunktionen im Kopf: Impressum etc. */
        padding-right: 10px;
        font-size: 80%;
        font-family : Arial, Helvetica, sans-serif;
        font-variant: small-caps;
        width: 20%;
    }
    .kopfklein a
    {   color: #000000;	 }                                     
    .kopfklein a:hover {color: #cc0033;	}  
    
    /* <- Kopf texte*/
    
/* Inhalt rechts */   
    .webneweintrag{                               /* tabelle jedes neuen*/
       font-size:90%;
       margin: 2ex 0em 0px 0px;
    }
    .webneweintrag td{
       padding: 0ex;
       padding-bottom: 0ex;
    }
    .webneweintrag td:hover{
       color: #cc0033;
    }
     .webneweintrag td:hover img, th img:hover{
       border: 1px solid navy;
       background-color: #c0d4fd;
    }
   
    .webnewdate{                            /* objn[i1].'NeuesTerminSortierung' %>: <%objn[i1].'Titel' */
       border-bottom: 1px solid navy;
       font-weight: bold;
       background-color: #f0f0f0;
       padding-top: 0.5ex;
    }
    .webnewdesk:hover, .webnewdate:hover{ 
       cursor: pointer;
    }
    .webnewdesk img{
       position: relative;
       right: 3px;
       top: -2ex; 
       border: 1px solid transparent;    
    }
    .webnewdesk img:hover{
       border: 1px solid black;
       }
    
    .webnewdeskmore {                        /* obj.'mehr Beschreibung' */
        display: none;
        font-size : 100%;
        margin: 0ex 0px 2ex 0px;
        color: navy;
	}
        .webnewdeskmore a {                        /* obj.'mehr Beschreibung' LINK */
        color: #cc0033;
	}

    
    
    .webprod, .webnew, .webinfo, .weberg {                            /* Produkte + neues    */
		background-color: white;
        border-top: 5px solid #cc0033;       /*#808080;*/
		color : navy;
		padding: 2ex 10px 2ex 0px;}
 	.headerblock {                        /* Oberster Block  */
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
		
		
		padding: 5px 0px;
		margin: 0px;
		padding-right: 5%;
	}   
  	h1, .headertitle {                           /* obj.title  */
        margin-top: 0px;
        font-size : 130%;
        font-weight : bold;
	}   
  	h2, .headersubtitle {                        /* obj.subtitle  */
        margin-top: 0px;
        font-size : 110%;
 
	}   
	.headerdesk {                            /* obj.'Beschreibung' */
        font-size : 100%;

	}

    .aufzaehlung{                           /* aufzaehlung per Hand!*/
       font-family : Arial, Helvetica, sans-serif;
    }

	.headerdesk img {                        /* Bilder in der Beschreibung*/
		margin: 0px 2em;
	}
    	.headerdesk a{                        /* Bilder in der Beschreibung*/
		color: #cc0033;
	}

    
    .klein {                                 /* header. sprung und verweis */
		font-size :75%;
	}
    
	.webcontent {                            /* Inhalt Block  */
		padding: 5px;
		clear: left;
	}
	.webcontent a {
		color : navy;
	}

	.webcontent a:hover {
		text-decoration : underline;
		color: #cc0033;
	}    
    .webcontentdown {                      /* Inhalt-Download Block : dim_file_href<>0 */
		padding: 5px;
		margin-top: 2ex;
        font-family : Arial, Helvetica, sans-serif;
        font-size:90%;
        color : navy;
	}
    .webcontentdown th{                    /*Service: objn[i1].'ServiceNr'  objn[i1].'Titel'*/
        text-align: left;
        border-bottom: 1px solid navy;
    }
   	.downaufzaehlung img{                       /*ref_file_href[i1].'iWebHref'*/
		padding-right: 5px;
	}
    a.filehref  {                           /* obj.'Abschnitt'[i].'ArtikelHREFtext' ref_file_href[i1].'iWebHref'*/
		text-decoration : underline;
                color : navy;
	}
	a.filehref:hover  {
		color : #cc0033;
	}
	.filehrefinfo  {                        /* ref_file_href[i1].'FileBeschreibung' */
		text-decoration : none;
		clear : right;
		left : auto;
	}    
    
    
	.abschnitthead{                         /* Inhalt Ueberschrift */
		font-weight : bold;
		margin: 1em 1em 0.5em 0em;
		display: block;
	} 
 	.abschnittzus{                          /*obj.'Abschnitt'[i].'Zusammenfassung'*/
		font-size: 90%;
	}
	.abschnittzus table{
       font-size:100%;
	}
	.abschnittzus img {
      margin: 0px 2em;
	}
    .abschnitttext {                         /*obj.'Abschnitt'[i].'Artikeltext'*/
		color:  <%colbody%>;
		font-size: 12px;
	}
	.abschnitttext img {
      margin: 0px 2em;
	}
	.abschnitttext table{
		color:  <%colbody%>;
		font-size: 12px;
	}
   	.abschnittaufzaehlung {                 /*obj.'Abschnitt'[i].'Aufzaehlung'*/
		list-style-type: square;
		list-style-position : outside;
		margin: 0em 1em 0em 2em;
		list-style-image: none;
	} 
   
    .verweis{                               /* Inhalt-Verweis Block : obj.'Verweis'.@dup<>0 */
        background-color: silver;
    }
    .verweis a{
        color: #cc0033;
        text-decoration: underline;
    }

    .acrobat{                               /* obj.'AcrobatVerweis' */
		color: #cc0033;
		margin: 3ex 5px 2ex 5px;
		font-size: 12px;
	}
    .acrobat div{                          /* Erklaerungstext */
        color:navy; 
        margin: 5px;
    }
    .topptr{                               /* Pfeil nach oben */
		display: block;
		margin: 10ex 2em 2ex 0ex;
		text-align: right;
	}
/* Tooltipp*/
	.spalte3td{
		width: 25%;
		font-size : 90%;
		border-top: 5px solid #cc0033;    /*#808080; */
		color : black;
		vertical-align : top;
        font-weight: bold;
	}
	.spalte3verweise{
		vertical-align : top;
		margin: 3ex 2em 6ex 2em;
        color : navy;
        font-weight: normal;
	}
    .spalte3verweise h1{                 /*obj.'RechtsVerweis'[1].'RechtsSieheUeberschrift'*/
        margin-bottom:2ex;
        text-decoration: underline;
        font-size: 100%;
     }
     
    .spalte3verweise h2{                 /*obj.'RechtsVerweis'[1].'RechtsSieheUeberschrift'*/
        margin: 2ex 0px 0px 0px;
        font-weight: bold;
        font-size: 100%;
     }
     
     .spalte3verweise a{                  /*obj.'RechtsVerweis'[i].'RechtsSieheHref'*/
        display: block;
		margin-bottom: 0ex;
        color : navy;
    }

	.spalte3{
        margin:3ex 2ex 1ex 1ex;
		font-size : 90%;
		padding: 3ex 1em 3ex 1em;
        border: 1px solid navy;
        background-color: #f8f8f8;          /*#BED6FA; #cc0033*/
        -moz-border-radius: 10px;           /* mozilla */
        -webkit-border-radius: 10px;        /* safari */
        border-radius: 10px;                /* CSS3 */
	}
	.spalte3 a{
		color : navy;
        display: block;
        margin-bottom: 2ex;
        font-weight: normal;
	}
	.spalte3 a:hover {
		color : #cc0033;
		text-decoration: underline;
	}
/* ende */    
    
	textarea {
		font-family : <%fontbox%>;
		font-style : normal;
		font-weight : normal;
		font-size : 14px;
		color: darkgreen;
	}
	.formbox{
		margin: 0px;
		margin-top: 6ex;
		font-style : normal;
		font-weight : normal;
		font-size : 16px;
		font: normal 16px verdana;
		background-color: white;
	}
	.formboxtext{
		font-family : Arial;
		font-style : normal;
		font-weight : normal;
		font-size : 16px;
		border: 1px solid gray;
	}

	.topwobinich{
		position: absolute;
		right: 0px;
		font-size: 12px;
		display: block;
		margin: 0px;
		padding : 0.3em 1em 0.3em 15em;
		text-align: right;
		background-color: <%bgsp3%>;
		color: navy;
		border-bottom: 1px solid blue;
		border-left: 0px solid blue;
		top: 110px;
	}