/* CSS Document */

body {
	background: #FFFFFF;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	
    }

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #282828;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.table_ben {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #282828;
	font-style: normal;
	text-align: left;
}
.table_ben_ws {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	text-align: center;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
}


.white {
	color: #FFFFFF;
}
.copyhead {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

table {
}

.table_border {
	border: 1px solid black;

}

.table_border_left {
	border-left: 1px solid black;

}

.table_border_sub {
	border-bottom: 1px solid black;

}

.table_radius {
	border: 1px solid black;
	-moz-border-radius: 10px;
	-khtml-border-radius: 30px;

}

.Stil1 {font-size: 10px}
.Stil2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;

}


a {
	font-family:arial,verdana;
	font-size:12px;
}



a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
}



ul.makeMenu {
  width: 150px;                       
  border: 0px solid #ffffff;     
  padding-left: 15px;     
  cursor: default;                    
  margin-left: 0px; 
  font-family:arial,verdana;
  font-size:12px;           
  line-height: 17px;
}

ul.makeMenu ul {
  width: 130px;                       
  border: 0px solid #ffffff;     
  background-color: #B30000;     
  padding-left: 15px;     
  cursor: default;                    
  margin-left: 0px; 
  font-family:arial,verdana;
  font-size:12px;           
  line-height: 17px;
}

ul.makeMenu li {
  list-style-type: none;      
  margin: 0px;                 
  position: relative;                               
  color: #fff;    
  border: 0px solid #ffffff;                
}

ul.makeMenu li > ul {       
  display: none;               
  position: absolute;          
  top: 0px;                   
  left: 128px;                                
  border: 1px solid #000; 
  z-index:10;
}


ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
	color: #000000;
	border: 0px solid #000000;
#	background-image: url(http://hjc-germany.com/fileadmin/images/dotpfeil.gif);
	background-repeat: no-repeat;
	background-position: left center;
#	text-indent: 8px;
	z-index:11;
}

ul.makeMenu ul.CSStoShow {    
  display: block;            
}

ul.makeMenu li:hover > ul {    
                                  
  display: block;              
 
}
/* and some link styles */
ul.makeMenu li a { color: #fff; display: block; width: 100%; text-decoration: none;}


ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #000; }
ul.makeMenu li:hover > a {
	color: #000;
	background-image: url(http://hjc-germany.com/fileadmin/images/dotpfeil.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 8px;
} 




/* SLIDESHOW */
#slideshow {
 height:203px; /* hier Hoehe der Slideshow-Bilder angeben */
 position:relative;
}
#slideshow img {
 display:none;
 position:absolute;
 top:0; left:0;
}
#slideshow img.start {
 display:block;
}