body {
 height:100%;
  margin:0;
  padding:0;
  background: none;
  background-color: #999999;
  font-family:Arial,Verdana,Sans-serif;
  line-height:1.6em;
  text-align:center;
  vertical-align: middle;
  color:#C1C7CA;
  }
  
 .cat01  {
  background: none;
  background-color: #C1C7CA;
  border-width: 0 0 4px 0;
  border-style: solid ;
  border-color: white;
	}
  
 .cat02  {
  background: none;
  background-color: #A3001E;
  border-width: 0 0 4px 0;
  border-style: solid ;
  border-color: white;

	}

 .cat03  {
  background: none;
  background-color: #FFFFFF;
  border-width: 0 0 4px 0;
  border-style: solid ;
  border-color: white;

	}

  
 #container {

 left: 50%;
 width: 938px;
 height: 520px;
 margin-top: 25px;
 margin-left: -469px;
 text-align:left;
 color: #000;
 position: absolute;
 border: 0;
 border-bottom: 4px solid white;;

  }


#contentimage {

clear: both;
display: block;
width: 938px;
height: 100px;
 	
background-color: #ffffff;
border: solid white;
border-width: 4px 0 4px  0;

}

/* Header
----------------------------------------------- */
#header {
   background:none;
   background-color:#FFF;
   width:100%;
  height:110px;
  padding: 0;
  margin: 0;
  }
  
 #logo {
   background:none;
   background-color:#FFF;
   width:106px;
   height:90px;
   margin: 0;
   padding: 10px 0 10px 34px;
   border-width:0;
   text-decoration:none;
  }
  
 /* MainNav
----------------------------------------------- */
#nav {
  background-color:#FFFFFF;
  background-repeat:no-repeat;
  float:left;
  width:100%;
  border:solid #CCCCCC;
  border-width:1px 0 1px 0;

  }

#nav h1	{
	width: 160px;
	float:left;
	color: #990033;
	font-size: 70%;
	line-height: 1em;
	display:block;
	background-color: #FFFFFF;
	padding:  3px 0 5px  40px ;
	margin: 0 0 0 0;
	background-image:url("../syspict/h1_arrow.gif");
	background-repeat:no-repeat;
	
	}


#nav h1 a {
	text-decoration: none; 
	color: #990033;
	}
	
	
#nav .navi	{
	float:left;
	width: 700px;
	font-size: 70%;
	line-height: 1em;
	background-color: #FFFFFF;
	padding:  3px 0 5px  0 ;
	}



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

.navi a:hover, .navi a:active, .navi a:focus {
	color: #A3001E;
	background-color: #C1C7CA;

}

#subnav {
  background-color:#FFFFFF;
  background-repeat:no-repeat;
  float:left;
  width:100%;
  border:solid #CCCCCC;
  border-width:0 0 1px 0;
  }

#subnav h1	{
	width: 160px;
	float:left;
	color: #990033;
	font-size: 70%;
	line-height: 1em;
	display:block;
	background-color: #FFFFFF;
	padding:  3px 0 5px  40px ;
	margin: 0 0 0 0;
	background-image:url("../syspict/h1_arrow.gif");
	background-repeat:no-repeat;
	}


#subnav h2	{
	width: 160px;
	float:left;
	color: #990033;
	font-size: 70%;
	line-height: 1em;
	display:block;
	background-color: #FFFFFF;
	padding:  3px 0 5px  40px ;
	margin: 0 0 0 0;
	
	}
	
#subnav .navi	{
	float:left;
	width: 500px;
	font-size: 70%;
	line-height: 1em;
	background-color: #FFFFFF;
	padding:  3px 0 5px  0 ;
	}
 
 
 
/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */

* html .nav a {
  width:1%;
  }
  

/* 
-------------------------- */ 



#content {
display: block;

	clear: both;
	width:100%;
	height: 260px;
	height: 300px;
	border: solid white;
	border-width: 4px 0  0 0;
	}

#contentpages {

	clear: both;
	width:100%;
	height: 404px;
	
	border: solid white;
	border-width: 4px 0 4px 0;
	background-color: #FFFFFF;

	}
	
.cat01 #content .headeven { 
	margin: 0 ;
	padding: 20px 0 0  40px;
	font-size: 1.4em;
	font-weight: normal;
  }

.cat02 #content .headeven { 
	margin: 0 ;
	padding: 20px 0 0  40px;
	font-size: 1.4em;
	font-weight: normal;
	color: #FFFFFF;

  }

#content .headodd { 
	color: #FFF;
	margin: 0;
	padding: 0  0 0  40px;
	font-size: 1.4em;
	font-weight: normal;
  }


.cat02 #content .headodd { 
	color: #D6957B;
	margin: 0;
	padding: 0  0 0  40px;
	font-size: 1.4em;
	font-weight: normal;

  }


#content p  { 
	float:left;
	text-align:left;
	width:450px;
	font-size: 0.8em;
  	line-height: 1.2em;
	margin: 0;
  	padding: 1em 0 1em 200px;
  	
  }	
  
 
.cat02 #content p { 
   	color: #FFFFFF;
}	

.cat02 #content a,
.cat02 #content a:link
 { 
   	color: #FFFFFF;
   	   	
  }	


.cat02 #content a:visited,
.cat02 #content a:hover,
.cat02 #content a:active,
.cat02 #content a:focus { 
   	color: #CCCCCC;
   	   	
  }
  
  #content ul { 
  	float:left;
  	text-align:left;
  	width:400px;
  	font-size: 0.8em;
  	line-height: 1.2em;
  	margin: 0;
    	padding: 0em 0 0 217px;
    	
  }	
.cat02 #content ul { 
   	color: #FFFFFF;
   	
  }	  

table {
  border:solid #CCCCCC;
  border-width:1px 0 1px 0;
  margin: 0;
  padding: 0;
}

td {
	vertical-align: top;
	font-size: 70%;
  	line-height: 120%;
  	color: #000000;
}

td h3 {
	vertical-align: top;
	font-size: 100%;
  	line-height: 120%;
	padding:  3px 0 5px  0px ;
	margin: 10px 0 0 0;}


#popup p  { 
	text-align:left;
	width:580px;
	color:#000000;
	font-size: 0.8em;
	line-height: 110%;
	margin: 0;
  	padding: 0 10px 1em 10px;
  	
  }
  


 h4	{
	width: 160px;
	float:left;
	color: #990033;
		font-size: 100%;

	line-height: 1.1em;
	
	display:block;
	background-color: #FFFFFF;
	padding:  3px 0 5px  40px ;
	margin: 10px 0 0 0;
	background-image:url("../syspict/h1_arrow.gif");
	background-repeat:no-repeat;
	
	}  
	
	
 .liste	{
	width: 160px;
	float:left;
	color: #000000;
	font-size: 100%;

	/*line-height: 1.3em;
	 line-height: 2em;*/
	 
	display:block;
	background-color: #FFFFFF;
	padding:  3px 0 5px  40px;
	}
	
.liste p {
	margin: 0 0 5px 0;
	}
	
.liste a,
.liste a:link
 {
 	color: #000000;
	text-decoration: none; 
	
  }



.liste a:visited,
.liste a:hover,
.liste a:active,
.liste a:focus { 	  
             	color: #333333;

}

sup {
	padding-left: 2px;
	font-size: 1em;
	line-height: 0.1em;
	vertical-align: 0.4ex;
}