@charset "UTF-8";
/* Style Definition */

body {
	background-color: #e5e5e5;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 14px;
}

@media only screen and (width: 800px) {
  body {
	font-size: 14px;
  }
}

::selection { background: #010ff5; }

h1 {
	font-size: 24px;
	line-height: 25px;
	font-weight: 500;
	letter-spacing:.1em;
	color: #000;
}

h2 {
	font-size: 16px;
	font-weight: bold; 
}

#head {
	width: 100%;
	max-width: 762px;
	margin: 0 auto;
	position: relative;	
	background-image:url(../images/hhBG22.jpg); 
}

#logo {
	text-align: center;
	padding: 30px 0 0 0;
}

#navi {
	text-align: center;
	font-size: 14px;	
	line-height:16px;
	font-weight: 700, bold;		
	padding: 30px 0 0 0;
	text-transform: uppercase;
	letter-spacing: 0.3em;
}

@media only screen and (width: 800px) {
  #navi {
	font-size: 16px;	
	line-height:18px;
	font-weight: 800, bold;	
  }
}

#navi a {
	padding: 10px 20px 10px 20px;
}

#content {
	width: 100%;
	max-width: 999px;
	margin: 0 auto;
	position: relative;	
}

#content p {
	width: 99%;
	max-width: 750px;
}

#fin {
	border-top: 2px solid #E8E8E8;
    background: #FCFCFC none repeat scroll 0%;
	font-size: 12px; 
	text-align: right;
	color: #828282;
}
  
.main {
	color:#fff;
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	font-weight:700;
	text-decoration:none;
	display:inline-block;
}

.mainT{
	color: #C6E2FF;
	/*color: #ff5a11;*/
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:18px;
	text-decoration:none;
	display:inline-block;
}

@media only screen and (width: 800px) {
  .mainT{
	font-size:20px;
  }
}

.main:hover {
	opacity:.6;
	text-decoration:none;	
}

.navi {
	color:#000;
	font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
	font-weight:700;
	text-decoration:none;
	display:inline-block;	
}

.navi:hover {
	opacity:.6;
	text-decoration:none;
}

a {
    color: #f39c12;
	text-decoration:none;
	border:none;	
}

.link {
	color: #00731f;
	text-decoration:none;
	border:none;	
	
}

.linkfon {
	color: #f39c12;
	text-decoration:none;
	border:none;	

}

.linkfoot {
	color: #828282;
	text-decoration:none;
	border:none;	
	
}

.link:hover {
	opacity:.7;
	text-decoration:none;
	border:none;	
		
}

.first {
	font-size: 16px; 
	color: #666666;
}

.second {
	font-size: 16px; 
}

.tbg1 {
	color: #666666;
}

.tbg2 {
	color: #828282;
}

.htime {
	border-top: 1px solid #E8E8E8;
}

.cit {
	font-size: 12px;
	color: #828282;
}

/* leistung { */
.bar {
	width:700px;
	background-color:#F0FFF0;
	cursor:pointer;
	/*margin:5px 0 5px 5px;*/
	padding:5px;
}
.current {
	color:#ff5a11;
}
.ltcontent {
	width:660px;
	padding:5px;
}
/* leistung } */

/* jssor slider arrow navigator skin 05 css */
            /*
            .jssora05l              (normal)
            .jssora05r              (normal)
            .jssora05l:hover        (normal mouseover)
            .jssora05r:hover        (normal mouseover)
            .jssora05ldn            (mousedown)
            .jssora05rdn            (mousedown)
            */
.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn {
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(../images/a17.png) no-repeat;
    overflow:hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05ldn { background-position: -250px -40px; }
.jssora05rdn { background-position: -310px -40px; }
			
 /* jssor slider thumbnail navigator skin 01 css */
                /*
                .jssort01 .p           (normal)
                .jssort01 .p:hover     (normal mouseover)
                .jssort01 .pav           (active)
                .jssort01 .pav:hover     (active mouseover)
                .jssort01 .pdn           (mousedown)
                */
.jssort01 .w {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.jssort01 .c {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 123px;
    height: 73px;
    border: #000 2px solid;
}

.jssort01 .p:hover .c, .jssort01 .pav:hover .c, .jssort01 .pav .c {
    background: url(../images/t01.png) center center;
    border-width: 0px;
    top: 2px;
    left: 2px;
    width: 123px;
    height: 73px;
}

.jssort01 .p:hover .c, .jssort01 .pav:hover .c {
    top: 0px;
    left: 0px;
    width: 125px;
    height: 75px;
    border: #fff 1px solid;
}