/* Allgemeine Definitionen für die html-Datei */
html,body {
	margin:0px;
    padding:0px;	
	marginwidth: 0px;
	marginheight: 0px;
	height:100%;
	overflow: auto;
	border: none;
	bgcolor: #fff;
	color: #000;
	text-align: left;
 	font-family: Arial, Verdana, Helvetica, Geneva;
	font-size:11px;
}

#intro{
	height:100%;
   	background: url(../gfx/jdm_enter.jpg) no-repeat top center !important;
   	background: none;
   	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/jdm_enter.jpg', enabled=true, sizingMethod='crop');
}

#bodybg img {
    width: 100%;
    min-width: 900px;
    height: auto;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    border: 0px none;	
}
#bodybg a {
	border: 0px none;	
}	
#logo{
   	background: url(../gfx/jdm_logo.gif) no-repeat !important;
   	background: none;
   	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/jdm_logo.gif', enabled=true, sizingMethod='crop');
   	margin:50px 0px 0px 50px;
    padding:0px 0px 0px 0px;	
	position:absolute;
    top:0px;
    left:0px;
}
.centerOfPage {
   position:absolute;
   top:50%;
   left:50%;
   width:157px;
   height:57px;
   margin-left:-78px;
   margin-top:-30px;
   z-index:20;
}


/* navigation */
.naviDiv {
	margin:100px 0px 0px 50px;
    padding:0px 0px 0px 0px;	
	position:absolute;
    top:0px;
    left:0px;
    width: 205px;
}
.naviDiv a{
   	text-decoration: none;
   	border: none;
}
div.naviLevel1 {
	margin: 0px;
    padding: 0px;	
	width: 115px;
   	height: 20px;
   	text-decoration: none;
	font-variant: small-caps;
	white-space: nowrap;
	color: #000;
}
div.naviLevel1On {
	background: url(../gfx/btn_active_01.jpg) top right no-repeat;
}

.naviLevel2 {
	margin: 0px;
    padding: 0px 0px 0px 15px;	
	width: 95px;
   	height: 18px;
   	text-decoration: none;
	font-variant: small-caps;
	white-space: nowrap;
	color: #999;
}
div.naviLevel2On {
	background: url(../gfx/btn_active_02.jpg) 0 0 no-repeat;
	color: #000;
}
.naviLevel3 {
	margin: 35px 0 0 0;
    padding: 0px 0px 0px 15px;	
	width: 135px;
    color: #999;	
}
.naviLevel3 a,
.naviLevel3 a:visited {
	line-height: 18px;
   	text-decoration: none;
	white-space: nowrap;
	color: #999;
}

.naviLevel3 a:active,
.naviLevel3 a.imgActive,
.naviLevel3 a:hover
 {
	color: #000;
}

/* content */
hr {
	margin: 9px 0 18px 0;
	color: #cfcfcf;	
}	
.txtContent {
	background-color: transparent;
	font-weight: normal;
	text-align: left;
 	font-family:Arial, Verdana, Helvetica, Geneva;
	font-size:11px;
}

.mainDiv {
    position:absolute;
	margin: 65px 0px 0px 350px;
    padding: 0px 0px 0px 0px;	
	width: 840px;
	height: 630px;
}

.mainGallery {
    position:absolute;
    padding:0px 0px 0px 0px;	
	width:780px;
	height:490px;	
}
.gfxNav {
	height:18px; 
}

.gfxDiv {
	margin-top:18px;
	width: 615px;	 
	clear: both;
	float: left;
}

.gfxDiv a,
.gfxDiv  a:visited,
.gfxDiv  a:active,
.gfxDiv  a:hover { color:#000; padding-left: 1px; text-decoration:none;}

.gfxDesc {
	margin-left:5px; 
	height: 630px;
	width: 210px;
	float: left;	
}
.gfxDescBottom {
	position: absolute;
	bottom:0px;	
	line-height: 14px;
	background-color: transparent;
	font-weight: normal;
 	font-family:Arial, Verdana, Helvetica, Geneva;
	font-size:8,5px;
	color: #999;
}

.footer {
    position:absolute;
	margin:0px;
    padding:0px;	
	top:600px;
	left:50px;
	width:205px;
   	height:100px;
}

.txtFooter {
    position:absolute;
	bottom:0px;
	color: #999;
}

.txtFooter a,
.txtFooter a:visited {
	line-height: 18px;
   	text-decoration: none;
	white-space: nowrap;
	color: #999;
}
.txtFooter a:active,
.txtFooter a:hover {
	color: #000;
}


.viewImg {
    position:absolute;
	margin:0px;
    padding:0px 22px 0px 4px;	
	top:714px;
	left:20px;
	width:159px;
   	height:18px;
	white-space:nowrap;
}


.txtWhite {
	color: #ffffff;
}
.txtGray {
	color: #999;
}
.spacer25 {
	height: 25px;
}

/* carousel ---------------------------------- */


#carousel-content {
    width: 630px;
}
#carousel-content .slide {
    float: left;
	height: 68px;
	
}

.carousel {
    overflow: hidden;
}

.carousel .inner {
    
}

.carousel .middle {
    overflow: hidden;
}

#carousel-wrapper {
	position: absolute;
	bottom:0px;
    background-color: #fff;
    border: 1px solid #fff;
    width: 805px;
    height: 68px;
}

#carousel-wrapper .middle {
    float: left;
    width: 730px;
    height: 68px;
}

#carousel-wrapper .inner img {
    float: left;
}

#carousel-wrapper a {
    float: left;
    height: 68px;
    background-color: #fff;
    text-align: center;
    text-decoration: none;    
}

#carousel-wrapper a.prev,
#carousel-wrapper a.next {
    float: right;
}

#carousel-wrapper a:hover {
    color: #000;
}

/* carousel end------------------------------- */