html, body  {
   padding: 0px;
   margin: 0px;
   background-color: #242424;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
}
/* general background and links settings */
#container {
   margin: 0px auto 0px auto;
   visibility: visible;
	display: block;
   width: 760px;
   position: relative;
   background-color: #242424;
   background-image: none;
}
a  {
   text-decoration: none;
   color: #F0696B;
	}
a.download  {
   text-decoration: none;
   color: #ffffff;
	}
ul {
	list-style: none;
	padding: 0px 5px;
	margin: 10px;
}
li {
	padding: 3px;
}
#menubereich li {
	padding-left: 10px;
}
/* here the upper logo bar comes */

#logo  {
   background: url(logobar.gif) no-repeat;
	position: relative;
	float: left;
	width: 715px;
   height: 63px;
	margin: 46px 23px 0px 23px;
}
/* that's the root */
 #up_where  {
 background-color: #232323;
  	position: relative;
	float: left;
   width: 715px;
   margin: 0px 0px 0px 23px;
}

/* background of the cenral part */
  #central {
   background: url(centr.gif);
   background-repeat: repeat-x;
	display: block;
	position: relative;
	float: left;
   width: 715px;
   height: auto;
	margin: 4px 0px 4px 23px;
}
#foto {
	position: relative;
	float: left;
	width: 180px;
	height: auto;
	margin: 30px 0px 4px 0px;
}

/* content of the central part */

p, #colspan ul, #col1 ul, #col2 ul {
	text-align: justify;
	border: solid;
	border-right-style: hidden;
	border-top-style: hidden;
	border-bottom-style: hidden;
	border-left-width: 1px;

	border-left-color: #BA1A1B;
	padding-left: 4px;
}
*html p, #colspan ul, #col1 ul, #col2 ul {
	border-left-style: 1px thin;
	border-left-color: #BA1A1B;
}
p.download {
	border: none;
	color:#BA1A1B;
}
p.download:first-letter { font-size:150%; 
color: #BA1A1B;}

p:first-line { 
font-weight:bold;
color:  }
p:first-letter { font-size:150%; 
color: #BA1A1B;} 

h3 {
	font: bold 24px Arial, Helvetica, sans-serif;
	background-image: url(header.gif);
	background-repeat: no-repeat;
	padding-left: 60px;
	height: 60px;
	margin-top: 20px;
	margin-bottom: 5px;
}

h5 {
	font: bold 18px Arial, Helvetica, sans-serif;
	background-image: url(h5.gif);
	background-repeat: no-repeat;
	padding-left: 50px;
	height: 50px;
	margin-top: 10px;
	margin-bottom: 5px;
}
h6 {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin-top: 5px;
	margin-bottom: 5px;
}

#colspan {
	position: relative;
	float: left;
	width: 540px;
	height: auto;
	padding-left: 10px;
	}
*html	#colspan {
	padding-bottom: 20px;
}
#col1, #col2 {
	position: relative;
	float: left;
	width: 360px;
	height: auto;
	padding-left: 10px;
	}
*html #col1, #col2 {
	padding-bottom: 20px;
}

/* the block of the footer */
#footer  {
   background: url(footer.gif);
   background-repeat: repeat-x;
	visibility: visible;
   position: relative;
	float: left;
	display: inline;
	width: 696px;
   height: 63px;
	margin-left: 23px;
		}
		
*html #footer  {
 	margin-left: 46px;
		}
#corner{
	background: url(corner.gif);
	visibility: visible;
	background-repeat: no-repeat;
	position: relative;
	float: left; 

	width: 19px;
   height: 63px;
}
* html #corner{
	
	margin-left: -1px;
}
/* settings of the bottom menu */
#menumenu  {
   font: bold 12px/14px Tahoma;
   height: 18px;
   list-style: none;
   text-align: left;
   color: #ffffff;
   position: relative;
	float: left;
   margin:20px 0px 0px 20px;
}
*html #menumenu  {
  margin: 20px 0px 0px 10px;}
  
#menumenu li  {
   height: 100%;
   display: inline;
   margin: 0px;
}

#menumenu li a  {
   padding-left: 0px;
   padding-right: 0px;
   text-decoration: none;
   color: #ffffff;
   height: 100%;
}

#menubereich {
	visibility: visible;
   position: absolute;
	top: 60px;
	left: 620px;
	background-image: url(dot.gif);
   width: 200px;
   height: auto;
	z-index: 100;
	}

	#linkList a:link, #linkList a:visited {
	background-image: url(arrow.gif);
	background-repeat: no-repeat;
	visibility: visible;
	display:  table-row-group;
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	padding-left: 10px;
}

#linkList a:hover, #linkList a:active {
background-image: url(arrow.gif);
background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 10px;
}

#linkList h4 {
	font: bold 11px, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	background-image: none;
	height: 12px;
}

#linkList1 h4 span {
	background-color: #ed2123;
	padding: 4px 20px 4px 20px;
	margin: 0 auto 0 auto;
	position: relative;
	top: -20px;
}
*html #linkList1 h4 span {
	top: -8px;
}
#linkList2 h4 span {
	background-color: #ed2123;
	padding: 4px 30px 4px 30px;
	margin: 0 auto 0 auto;
	position: relative;
	top: 8px;
}
*html #linkList2 h4 span {
	top: 8px;
}