body {
		margin: 2ex 0px 2ex 1ex;
		background-color: White;
		color : #000000;
		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;
		background-image: url("/iws7img/magnifier_16.png");
		background-repeat: no-repeat;
        }
        .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. */
		margin-right : 1ex;
        }
    .ergliste{
        margin: 2ex 0px;
			-ccs3-background: linear-gradient(45deg,#00ff00,#ff0000);
	box-shadow: 8px 8px 8px #888;
    border-radius: 5px;
		
		
        }
    .ergliste h1{
        color: #cc0033;
        margin-bottom: 0px;
        font-size: 100%;
        }
    .ergliste h2{
        color: navy;
        font-size: 90%;
        font-weight: bold;
        margin: 0px;
        border-bottom: 1px solid navy;
        font-weight: bold;
        background-color: white;
        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: 85%;
        color: #cc0033;
    }
    
     .ergliste h4{
        color: navy;
        font-size: 90%;
        font-weight: normal;
         margin: 5px 0px;
         display: none;
    }
     .ergliste h5{
        color: navy;
        font-size: 80%;
        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 : navy;
		font-size : 110%;
		margin-right : 1ex;
	}
    .submitbutton:hover, .ergsubmitbutton:hover {                /* Infos etc. */
		color: red;
	}


	.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;   
    }
	table.webdateeintrag, .ergliste{
	   border: 1px solid navy;
	   border-top: 0px solid navy; 
	   padding-left: 2ex;
	   padding-right: 2ex;
	}
    .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;
       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 : none;
                color : navy;
	}
	a.filehref:hover  {
		color : #cc0033;
	    text-decoration : underline;
	}
	.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{                           /* siehe auch tagcloud*/
		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;
	}
	.as {
	    margin-top: 3ex;
	}
	.as2 {
	    margin-top: 6ex;
	}
	
	
ul#ergsortid {
  list-style-type: none;
  width: 100%;
  float: left;
  font-family: Verdana ,Arial,sans-serif;
  font-size: 14px;
  margin: 0px;
  padding: 10px 0 0 0;
  background-color: navy;
  border-top-left-radius: 10px;                /* CSS3 */
  border-top-right-radius: 10px;                /* CSS3 */
}
 
ul#ergsortid li {
  display: block;
  float:left;
  margin: 0 0 0 4px;
}
 
ul#ergsortid li a {
  display: block;
  padding: 5px 8px;
  color: white;
  background-color: #808080;
  text-decoration: none;
  font-family: Verdana ,Arial,sans-serif;
  border-top-left-radius: 4px;                /* CSS3 */
  border-top-right-radius: 4px;                /* CSS3 */ 
}
ul#ergsortid li.ergsortAkt a{
  background-color: #ffffff;
  color: #cc0033;
  font-weight: bold;
}

ul#ergsortid li a:hover {
  background-color: #ffffff;
  color: #cc0033;
}

.buchstabe, .buchstabeakt{
  border: 1px #cc0033 solid;
  padding: 0.2ex 0.5ex;
  color: #cc0033;
}

.buchstabeakt, .buchstabe:hover{
  background-color: #cc0033;
    text-decoration: none;
	color: white;
  
}

/* tagcloud*/
#tagcloud{                              /* wenn siehe rechts gef&uuml;llt, anschliessend zeigen*/
  margin: 4ex 0px 0px 2ex;
  background-color: #f8f8f8;
  text-align : justify;
  font-weight: bold;
  border: 1px dotted #c0c0c0;
  border-radius: 16px;
  width: 90%; 
}
#tagcloudfix{                            /* wenn siehe rechts leer, dann fix unten zeigen*/
  margin: 4ex 0px 0px 2ex;
  background-color: #f8f8f8;
  text-align : justify;
  font-weight: bold;
  border: 1px dotted #c0c0c0;
  border-radius: 16px;
  position: fixed;
  bottom: 10px;
  width: 20%; 
}

#tagdiv{
  margin: 1em;
}

#tagdiv a{
  display: inline;
  font-family: 'lucida grande', 'trebuchet ms', arial, sans-serif;
  margin: 2px;
  padding: 3px;
  text-decoration: none;
}

#tagdiv a:hover{
color: #002a8b;
border: 1px solid #002a8b;
border-radius: 8px;
background-color: #fff;
}


.weg{
	box-shadow: 5px 5px rgba(0,0,0,0.5);
}
.vgltable {
 	border : 1px solid #808080;
	font-size: 80%;
    border-radius: 5px;

    margin-bottom: 3ex;
	
 }

 .xtable{	
	empty-cells:show;
	-ccs3-background: linear-gradient(45deg,#00ff00,#ff0000);
	box-shadow: 8px 8px 8px #888;
    border-radius: 5px;
	
	}

  .vgltable td , .vgltable th{
 	text-align : center;
    border-collapse: separate;
	border-style: solid;
	border-width: 1px;	
	border-top: 0px;
	border-left: 0px;
	border-color: #808080;
 }
 .vgltable td{
   width: 15%;
   height: 6ex;
 }
	 
 th.vglname {
    text-align: right;
	padding: 0ex 1ex;
	width: 25%;
	font-weight: normal;
 }
 
  th.vglname a{
   color: navy;
 }

   th.vglname a:hover, th.vglname a:hover img{
   text-decoration: none;
   border: 0px;
   color: #cc0033;
 }

 
 .vgltable tr.row1 {
   background-color: #e0e0e0;
}

.vgltablex tr {
   min-height: 50px;
}

.vgltable tr td img{
   vertical-align: middle;
}
 	.headerblockvgl {                        /* Oberster Block  */
		font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;	
		padding: 5px 0px;
		padding-right: 5%;
		font-size: 90%;
		margin-top: 2ex;
	}   

.tooltip {
  position: absolute;
  display: none;
  background-color: #ffffcc;
  border: 1px dotted navy;
  width: 40%;
  text-align: left;
  padding: 2ex;
  font-weight: normal;
  border-radius: 8px;
}
.tooltiph { border-bottom: 1px solid navy; font-weight: bold; margin-bottom: 1ex; padding-bottom: 2px;}

	
	
 /*
.vgl!table th {
	background:#7aae5e;
	border-bottom:1px solid rgba(255,255,255,.7);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
	padding:6px 10px;}

.vgl!table td {

	border-bottom:1px solid rgba(255,255,255,.5);
	background:#c3c7c1;

	background: -moz-linear-gradient(top, #d9dcd8, #d2d5d0 50%, #cbcec9 50.1%, #c3c7c1);
	background: linear-gradient(top, #d9dcd8, #d2d5d0 50%, #cbcec9 50.1%, #c3c7c1);}
	

*/