/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}

.menu  {
/* Il est important de laisser une largeur et une marge, au cas où le Javascript
   soit désactivé. */
	background-image:url(fond.png);
	background-repeat:repeat-x;
	font-size:10px;
	border:1px solid #cccccc;
	padding:1px;
	width:150px;
	margin:1em;
	font-weight:bold;
	color:#666666;
}
.menu a:link {
	color:#000000;
	text-decoration: none;
}
.ssmenu a:link {
	font-weight:inherit;
	color:#333333;
	text-decoration: none;
}
.ssmenu {
	border:1px solid #cccccc;
	color:#333333;
	background-color:#FFFFFF;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	opacity: 0.90;
	font-size:10px;
	padding:1px;
	width:150px;
	margin:1em;
	color:#666666;
	width:100%;
	font-weight:inherit;
	}
.menu {
	text-align:left;
}

.menu span, .ssmenu span {
/* pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}

.ssmenu ul, .ssmenu li {
/* Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	list-style-type:none;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur.
	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera...
	La combinaison aucun width et height:100% marche sur tous, donc ne pas toucher */
	font-family:Verdana;
	text-decoration:none;
	color:black;
/*	padding:4px 3px; */
	padding:2px 1px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
	voice-family: "\"}\"";
	voice-family:inherit;
	
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width :auto;
}


.menu a:hover, .menu a:focus .menu a:visited{
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	border:1px solid #ffffff;
	background-image:url(fondonmouse.png);
	color:#666666;
	text-decoration:none;
/*	padding:3px 2px; */
	padding:1px 1px;	
	width:100%;
}
.ssmenu a:hover, .ssmenu a:focus{
	background-color:#FFFFFF;
/*	padding:3px 2px; */
	padding:1px 1px;	
	filter:alpha(opacity=90);
	-moz-opacity:1;
	opacity:1;
	background-image:url(fondssmenuon.gif);
	background-repeat:no-repeat;
	border:1px solid rgb(255,255,255);
	font-weight:bold;
	color: rgb(255,138,0);	
	width:100%;
	}
	
img {
	border:none;
}

.ssmenu img {
	/* pour le look XP, il faut mettre des icônes de 16x16 pixels, on prévoit une marge*/
	margin-right:1px;
}


.ssmenu img.hr {
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	height:1px;
	display:block;
	visibility:hidden;
}
.ssmenutext {
	font-size:11px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	}
.ssmenutext a:hover {
	color:#000000;
	font-size:11px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	}





table    	{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 12px; 
				 color: #000000; 
				 font-weight: none; 
				 text-decoration: none;
	       
				}
				
td    	{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 12px; 
				 color: #000000; 
				 font-weight: none; 
				 text-decoration: none;
	       
				}
.menu    	{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 12px; 
				 color: #000000; 
				 font-weight: none; 
				 text-decoration: none;
	
				}
				
th    	{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 12px; 
				 color: #000000; 
				 font-weight: normal; 
				 text-decoration: none;
				}

input.knopf {
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 10px; 
				 font-style: normal; 
				 font-weight: normal; 
				 color: #000000; 
				 background-color: #FFFFFF;
				 text-decoration: none; 

					}

input.eingabe {
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 10px; 
				 font-style: normal; 
				 font-weight: normal; 
				 color: #000000; 
				 background-color: #FFFFFF;
				 text-decoration: none; 

					}

input.wk {
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 12px; 
				 font-style: normal; 
				 font-weight: normal; 
				 color: #000000; 
				 background-color: #F9F8E5;
				 text-decoration: none; 

					}
select.eingabe {
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 10px; 
				 font-style: normal; 
				 font-weight: normal; 
				 color: #000000; 
				 background-color: #FFFFFF;
				 text-decoration: none; 

					}
.body			{
				 background-color: #ffcfb2;
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 9px; 
				 font-style: normal; 
				 font-weight: normal; 
				 color: #000000; 
				 text-decoration: none; 
				}

.print			{
				 font-family: Courier; 
				 font-size: 10px; 
				 font-style: normal; 
				 font-weight: normal; 
				 color: #000000; 
				 background-color: #FFFFFF;
				 text-decoration: none; 
				}
				
.gros		{
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 12px; 
				 font-style: normal; 
				 font-weight: bold; 
				 color: #000000; 
				 text-decoration: none; 
				}
				
.klein  {
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 4px; 
				 font-style: normal; 
				 font-weight: normal; 
				 color: #FFFFFF; 
				 text-decoration: none; 
        }				
				
.normal		{
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 11px; 
				 font-style: normal; 
				 font-weight: normal; 
				 color: #000000; 
				 text-decoration: none; 
				}

.elegance		{
				 font-family: Elegance, Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 18px; 
				 font-style: normal; 
				 font-weight: normal; 
				 color: #990000; 
				 text-decoration: none; 
				}
.achtung		{
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 10px; 
				 font-style: normal; 
				 font-weight: bold; 
				 color: #AA0000; 
				 text-decoration: none; 
				}

.hinweis		{
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 11px; 
				 font-style: normal; 
				 font-weight: normal; 
				 color: #FF0000; 
				 text-decoration: none; 
				}

.fehler		{
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 10px; 
				 font-style: normal; 
				 font-weight: normal; 
				 color: #FF0000; 
				 text-decoration: none; 
				 background-color: #FFFFFF;
				}

.euro		{
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 8px; 
				 font-style: normal; 
				 font-weight: normal; 
				 color: #000000; 
				 text-decoration: none; 
				}

a:link.kategorie2 			
			{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 12px; 
				 color: #FF0080; 
				 font-weight: normal; 
				 text-decoration: underline;
				}


a:visited.kategorie2 		
     { 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 12px; 
				 color: #FF0080; 
				 font-weight: normal; 
				 text-decoration: underline;
				}

a:active.kategorie2 		
       { 
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 12px; 
				 color: #FF0080; 
				 font-weight: normal; 
				 text-decoration: underline;
				} 
a:hover.kategorie2 			
        { 
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 12px; 
				 color: #FF0080; 
				 font-weight: normal; 
				 text-decoration: underline;
				 
				}
				
a:link.kategorie 			
			{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 10px; 
				 color: #000000; 
				 font-weight: normal; 
				 text-decoration: underline;
				}


a:visited.kategorie 		
     { 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 10px; 
				 color: #000000; 
				 font-weight: normal; 
				 text-decoration: none;
				}

a:active.kategorie 		
       { 
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 10px; 
				 color: #000000; 
				 font-weight: normal; 
				 text-decoration: none;
				} 
a:hover.kategorie 			
        { 
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 10px; 
				 color: #990000; 
				 font-weight: normal; 
				 text-decoration: underline;
				 
				}

a:link 			{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 10px; 
				 color: #000000; 
				 font-weight: bold; 
				 text-decoration: none;
				}


a:visited 		{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 10px; 
				 color: #000000; 
				 font-weight: bold; 
				 text-decoration: none;
				}

a:active 		{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 10px; 
				 color: #000000; 
				 font-weight: bold; 
				 text-decoration: none;
				} 
a:hover 			{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 10px; 
				 color: #000000; 
				 font-weight: bold; 
				 text-decoration: underline;
				 
				}

a:link.c12 			{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 12px; 
				 color: #000000; 
				 font-weight: normal; 
				 text-decoration: none;
				}


a:visited.c12		{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 12px; 
				 color: #000000; 
				 font-weight: normal; 
				 text-decoration: none;
				}

a:active.c12 		{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 12px; 
				 color: #FF0000; 
				 font-weight: normal; 
				 text-decoration: none;
				} 
a:hover.c12 			{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 12px; 
				 color: #FF0000; 
				 font-weight: normal; 
				 text-decoration: underline;
				 
				}
			

.kopfkategorie {
			 font-family: Arial, Verdana, Helvetica, sans-serif;
			 font-size: 10px; 
 			 background-color: #99cccc; 
			 color: #000000;
				}
				
.navigation {
			 font-family: Arial, Verdana, Helvetica, sans-serif;
			 font-size: 10px; 
 			 background-color: #006699; 
			 color: #ffffff;
			 font-weight: bold;
				}

a:link.artikel 			{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 11px; 
				 color: #000000; 
				 font-weight: bold; 
				 text-decoration: none;
				}


a:visited.artikel 		{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 11px; 
				 color: #000000; 
				 font-weight: bold; 
				 text-decoration: none;
				}

a:active.artikel 		{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 11px; 
				 color: #FFCC00; 
				 font-weight: bold; 
				 text-decoration: none;
				} 
a:hover.artikel 			{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 11px; 
				 color: #000000; 
				 font-weight: bold; 
				 text-decoration: underline;
				}

.artikel	{ 
				background: #FFFFFF; 
 			  font-family: Arial, Verdana, Helvetica, sans-serif; 
	 		  font-size: 10px; 
		 	  color: #000000; 
			  font-weight: normal; 
			  text-decoration: none;
				}
 								
table.schwarzrand    	{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 10px; 
				 color: #ffffff; 
				 background-color: #000000;
				 font-weight: none; 
				 text-decoration: none;
				}

H3 {
	font-family : Verdana,  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: regular;
	text-decoration: none;
	}
	
.td4   	{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 12px; 
				 color: #ffffff; 
				 font-weight: bold; 
				 text-decoration: none;
				 background-color: #99ccff;
				}
 								
.kategorietitel
	{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 12px; 
				 color: #ffffff; 
				 font-weight: bold; 
				 text-decoration: none;
				 background-color: #A40195;
	}

.boxtitel
	{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 12px; 
				 color: #FFE7E2; 
				 font-weight: bold; 
				 text-decoration: none;
				 background-color: #990000;
	}	
	
.boxtop
	{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 11px; 
				 color: #FFE7E2; 
				 font-weight: bold; 
				 text-decoration: none;
				 background-color: #990000;
	}	
.legende
	{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 12px; 
				 color: #FFE7E2; 
				 font-weight: none; 
				 text-decoration: none;
				 background-color: #990000;
	}	
	
.boxtext
	{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 11px; 
				 color: #000000; 
				 font-weight: bold; 
				 text-decoration: none;
	}		
	
.box
	{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 10px; 
				 color: #000000; 
				 font-weight: none; 
				 text-decoration: none;
				 background-color: #FF9966;
	}	
.boxhell
	{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 10px; 
				 color: #000000; 
				 font-weight: none; 
				 text-decoration: none;
				 background-color: #FFFFFF;
	}	


.boxhell2
	{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 12px; 
				 color: #000000; 
				 font-weight: none; 
				 text-decoration: none;
				 background-color: #FFFFFF;
}
.boxhell3
	{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 14px; 
				 color: #000000; 
				 font-weight: none; 
				 text-decoration: none;
				 background-color: #FFFFFF;
}

.boxhell2justify
	{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 12px; 
				 color: #000000; 
				 font-weight: none; 
				 text-decoration: none;
				 text-align:justify;
				 background-color: #FFFFFF;
}

.boxdunkel
	{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 10px; 
				 color: #000000; 
				 font-weight: none; 
				 text-decoration: none;
				 background-color: #FB866F;
	}	
.topten
	{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 10px; 
				 color: #000000; 
				 font-weight: bold; 
				 text-decoration: none;
				 background-color: #FFE7E2;
	}	
.kategorie0
	{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 9px; 
				 color: #000000; 
				 font-weight: none; 
				 text-decoration: none;
				 background-color: #FF9966;
	}			
.kategorie1
	{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 9px; 
				 color: #000000; 
				 font-weight: none; 
				 text-decoration: none;
				 background-color: #FF9966;
	}				
.haar
   {
	             font-family: Arial, Verdana, Helvetica, sans-serif;
				 font-size: 9px; 
				 color: #000000; 
				 font-weight: none; 
				 text-decoration: none;
				 background-color: #990000;
}
a:link.boxtitel 			{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 12px; 
				 color: #FFE7E2; 
				 font-weight: bold; 
				 text-decoration: none;
				 background-color: #990000;
				}


a:visited.boxtitel 		{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 12px; 
				 color: #FFE7E2; 
				 font-weight: bold; 
				 text-decoration: none;
				 background-color: #990000;
				}

a:active.boxtitel 		{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 12px; 
				 color: #FFE7E2; 
				 font-weight: bold; 
				 text-decoration: none;
				 background-color: #990000;
				} 
a:hover.boxtitel 			{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 12px; 
				 color: #FFE7E2; 
				 font-weight: bold; 
				 background-color: #990000;
				 text-decoration: none;
				}

a:link.boxtop 			{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 11px; 
				 color: #FFE7E2; 
				 font-weight: bold; 
				 text-decoration: none;
				 background-color: #990000;
				}

a:visited.boxtop 		{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 11px; 
				 color: #FFE7E2; 
				 font-weight: bold; 
				 text-decoration: none;
				 background-color: #990000;
				}

a:active.boxtop 		{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 11px; 
				 color: #FFE7E2; 
				 font-weight: bold; 
				 text-decoration: none;
				 background-color: #990000;
				} 
a:hover.boxtop 			{ 
				 font-family: Arial, Verdana, Helvetica, sans-serif; 
				 font-size: 11px; 
				 color: #FFE7E2; 
				 font-weight: bold; 
				 background-color: #990000;
				 text-decoration: none;
				}