body {
		 margin: 0px;
		 padding: 0px;
/* Falls eine alterantive Schrift gewuenscht wird (z.B. AvantGarde), kann diese 
   einfach in der folgenden Zeile vor "Trebuchet MS" eingefuegt werden.  */
		 font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
		 font-size: 0.9em;
		 color: #000000;
		 background-color: #ffffff;
/* 
		 text-align: center;
*/
		 }
	
#center {
/* Die folgenden 3 Zeilen 'de-kommentieren', um die
   Darstellung mit zentrierter, fixer Breite zu aktivieren:  */
        /* fixe Breite ausschalten  
				width: 750px; 
 	*/
   	/*		margin-left: auto; 
	*/
   			margin-left: 0px; 
				margin-right: auto;  
				padding: 0px 20px 0px 20px;
				text-align: left;
				}
	
/* Definition des Headers sowie des darin enthaltenen Menues: */

#header {
/*                        position:fixed;
*/

				margin: 20px 0px 20px 0px;
				padding: 10px 10px 6px 10px;
				border: 1px solid #000000;
				}			

#headermenu {
						font-size: 0.8em;
						margin-top: 52px;
	 					padding: 0px; 
						text-align: right;
						}		

/* Definition des Footers: */
	
#footer {
   		text-indent: -120px; 
  		font-size: 10px;
		margin: 20px 0px 20px 190px;
		padding: 5px 10px 5px 0px;
		background-color: #eeeeee;
		text-align: right;
            position:relative;
            right: 20px;
                     
            
	}	

/* Definition des linksseitigen Bereichs, der Navigationsmenue und News enthaelt: */

#left {
   	float: left;
	margin: 0px;
	padding: 0px;
       }


/* Definition des Navigationsmenues, seiner Eintraege und Sub-Eintraege: */

#menu {
		width: 125px;
		padding: 10px;
		border: 1px dashed #000000;
		background-color: #f3f3f3;
	}			

#newsbox {
		float: right;
		width: 200px;
		right: 20px;
		margin: 10px;
		top: 50px;
		padding: 10px;
				
	}			
			
div.menu-entry {
		font-size: 0.8em;
		font-weight: bold;
		}					

div.menu-subentry {
		 	font-size: 0.7em;
			font-weight: normal;
			padding: 0px 0px 0px 10px;
		   }					

/* Definition des News-bereichs und seiner Eintraege: */

#news {
			width: 120px;
			margin: 20px 0px 300px 0px;
			padding: 10px;
			border: 1px dashed #000000;
			}
			
#news h1 {
			 font-size: 0.8em;
			 margin: 0px 0px 2px 0px;
			 padding: 0px;
			 background-color: #f3f3f3;
			 font-weight: bold;
	 }
				 
#news b {
			font-weight: normal;
			color: #cc3333;
	}				 
				 
div.news-entry {
			font-size: 0.7em;
			margin: 6px 0px 0px 0px;
	}	

			
						
/* Definition der Elemente des Context-Bereichs: */

#navinfo {
				 margin: 0px 0px 0px 170px;
				 padding: 0px 0px 0px 5px;
				 font-size: 0.8em;
				 background-color: #f3f3f3;
				 }
						
#content {
				 margin: 0px; 
				 padding: 0px 0px 0px 170px;
				 }
				 
h1 {
   font-size: 1.3em;
	 color: #cc3333;
	 }

h2 {
   font-size: 1.1em;
	 }

h3 {
   	font-size: 1.0em;
   }

p {
	text-align: justify;
	text-align: left;
  }

img {
	border: 0px;
	}

#pagedate {
		
            right: 20px;
            position:relative;
            text-align: right;
		font-size: 0.7em;
	  }

/* Zur vertikalen Zentrierung der Bilder im Header und Footer: */

#footer img, #headermenu img {
					vertical-align: middle;
 			     }
	
/* Definitionen fuer die Abbildungen (links, rechts, zentriert).
   Hinweis: fuer 'div.figure-right' und 'div.figure-left' muss, 
   wie im Beispiel in index.html, muss jeweils die Breite konkret 
   angegeben werden, da sich die Breite ansonsten nach der Laenge des Textes der 
   Bildbeschreibung richtet. Empfehlenswert ist eine Breite = Bildbreite + 6px  */

div.figure-right {
 			 float: right;
			 margin: 0px 0px 5px 15px;
			 padding: 5px;
			 text-align: center;
		         background-color: #f3f3f3;
                 }


div.figure-right2 {
 			 float: right;
			 margin: 0px 0px 5px 15px;
			 padding: 0px;
			 text-align: center;
		    }			
			

div.figure-left {
  			 float: left;
			 margin: 0px 15px 5px 0px;
			 padding: 5px;
			 text-align: center;
		 }	

div.figure-left2 {
 			 float: left;
			 margin: 0px 15px 5px 0px;
			 padding: 5px;
			 text-align: center;
		         background-color: #f3f3f3;
		 }			
						 
div.figure-center {
			 margin: 0px 0px 5px 15px;
			 padding: 5px;
			 text-align: center;
		  }			

p.figuretext { 							
  		font-size: 0.7em;
		font-weight: bold;
		margin: 0px;	
		padding: 5px;
		text-align: center;
		line-height: 1em;
	     }
	
/* Definition der Links: */

a:link, a:visited {
			text-decoration: none;
			color: #000000;
		  }

a:hover {
	color: #cc3333;  /* RGB= 204,51,51 */
	text-decoration: underline;
	}
	
#content a:link, #content a:visited, #news a:link, #news a:visited {
	 text-decoration: underline;
	 color: #cc3333;
         }

ul.arrow-list {
	list-style-type: none;
	margin-left: 0;
	padding-left: 20px;
	}

ul.arrow-list li {
	background-image: url(/pics/arrow-red.gif);
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 .4em;
        }

ul.arrow-list-2 {
	list-style-type: none;
	margin-left: 0;
	padding-left: 20px;
	}

ul.arrow-list-2 li {
	background-image: url(/pics/arrow-red-2.gif);
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 .4em;
        }

div.headline {
		 margin: 0px 0px 0px 0px;
		 padding: 0px 0px 0px 5px;
		 font-size: 1.1em;
		 background-color: #f3f3f3;
		 font-weight: bold;
	}

div.big-headline {
		 margin: 0px 0px 0px 0px;
		 padding: 0px 0px 0px 5px;
		 font-size: 1.3em;
		 background-color: #f3f3f3;
		 font-weight: bold;
	}

div.red-headline {
		 margin: 0px 0px 0px 0px;
		 padding: 0px 0px 0px 5px;
		 font-size: 1.3em;
		 background-color: #cc3333;
		 color: #ffffff;
		 font-weight: bold;
	}
						
/* 
	die folgende Zeile muss auskommentiert
	werden, wenn nur in den arrow-list-zeilen
	arrows stehen sollen
UL { list-style: url(/pics/arrow-red.gif) disc }
*/

/* Format für Tabelle mit Übersicht zu zertifizierten Systemen */
table.table_certified_systems {border-width:2px;  border-style:solid; border-color: gray; margin-left:auto; margin-right:auto; border-collapse: collapse;}
.hersteller {background-color: #BC0000; color: white; font-weight:bold;}