html { 
height:100%;
min-height:100%;
}
body   {margin: 0px; padding: 0px; color: #000; font-family: Verdana, Arial, sans-serif; font-size: 90%;   
     min-height:100%; height:100%}
ul { margin-left:1.5em; padding:0; }
img			{border:0;}
p			{padding: 5px 10px;}
h1	{
	font-size:110%; font-weight:bold; padding: 0px 10px; color:#fff;
}

#wrapper {
	width:100%;
	height:100%;
	min-height:100%;
	margin: 0 0;
	padding: 0 0;
	z-index:100;
	overflow:hidden;
	position:fixed;
}
#slider	{
	width:100%;
	height:auto;
	margin: 0 0;
	padding: 0 0;
	background: rgba(0,0,0,0.7);
	color: #fff;
	position: absolute;
	bottom:0px;
	left:0px;
	z-index:110;
	overflow:hidden;
}
#logo	{
	width:auto;
	height:auto;
	position: fixed;
	top:0px;
	left:0px;
	z-index:120;
	overflow:hidden;
}
.sLogo	{
	max-width:60%;
	height:auto;
}
.close	{
	max-width:100%;
	height:auto;
	position:fixed;
	z-index:1000;
	top:7px;
	right:7px;
}
#slide-down	{
	width: 34px;
	height:20px;
	position:absolute;
	z-index:999;
	top:15px;
	left:10px;
	background: url(../images/slide-down.png);
	background-repeat:no-repeat;
}
.slide-up	{
	width: 34px;
	height:20px;
	position:absolute;
	z-index:999;
	top:10px;
	right:10px;
	background: url(../images/slide-up.png);
	background-repeat:no-repeat;
}
/* Home Slider */ 
#header-slider  {position:fixed; width: 100%; max-width: 100%; height: 100%; margin: 0; padding: 0; z-index:500; padding: 0 0; margin-bottom:-4px; overflow:hidden; position:relative; }
.cycle-slideshow{width: 100%; height: 100%;  max-width:100%; min-width:100%; max-height:100%; min-height:100%; overflow:hidden; margin: 0px 0px; padding: 0px 0px;}
.sliders		{width: 100%; height: 100%; max-width:100%; min-width:100%; max-height:100%; min-height:100%; overflow:hidden; margin: 0px 0px; padding: 0px 0px;}
.cycle-prev, .cycle-next { display:block; position: absolute; top: 49%; width: 51px; opacity: .5; filter: alpha(opacity=50); height: 51px; cursor: pointer; z-index:510; }
.cycle-prev 	{ left: 10px;  background: url(../images/left.png) 50% 50% no-repeat;}
.cycle-next 	{ right: 10px; background: url(../images/right.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: 1; filter: alpha(opacity=100) }
.cycle-pager {text-align: center; position:absolute; width: 100%; z-index: 520; left:-10px; margin-top:-60px; padding:0 0;}
.cycle-pager span { font-family: arial; font-size: 50px; width: 16px; height: 16px; display: inline-block; color: #fff; cursor: pointer; padding:0px 5px;}
.cycle-pager span.cycle-pager-active { color: #E80C0C;}
.cycle-pager > * { cursor: pointer;}
.cycle-overlay	{position:absolute; z-index:530; width:80%; height:auto; padding: 10px 10px; top:0px; left:0px; color:#FFF; font-size:110%; text-shadow: 2px 2px 2px #000;}
#pauseplay		{
	width:20px;
	height:24px;
	position:absolute;
	z-index:540;
	margin-top:-90px;
	left:46%;
	background:url(../images/pause.png);
}
#nopattern		{
	width:20px;
	height:24px;
	position:absolute;
	z-index:545;
	margin-top:-90px;
	left:54%;
	background:url(../images/no.png);
}
.slide-bg	{
	width: 100%; max-width: 100%; height: 100%;
	top:0px;
	left:0px;
	display:block;
	position:absolute; z-index:505;
	background:url(../images/dot.png) repeat top left;
}
#slide	{
	width: 100%; max-width: 100%; height: 100%;
	background-size: cover;
	-moz-background-size: cover;
  	-o-background-size: cover;
  	-webkit-background-size: cover;
    background-position: 50% 50%;
    background-repeat:no-repeat;
	overflow:hidden;
}
#slide1	{
	width: 100%; max-width: 100%; height: 100%;
	background: url(../slides/fahrzeuge/slide1.jpg);
	background-size: cover;
	-moz-background-size: cover;
  	-o-background-size: cover;
  	-webkit-background-size: cover;
    background-position: 50% 50%;
    background-repeat:no-repeat;
	overflow:hidden;
}
#slide2	{
	width: 100%; max-width: 100%; height: 100%;
	background: url(../slides/fahrzeuge/slide2.jpg);
	background-size: cover;
	-moz-background-size: cover;
  	-o-background-size: cover;
  	-webkit-background-size: cover;
    background-position: 50% 50%;
    background-repeat:no-repeat;
	overflow:hidden;
}
#slide3	{
	width: 100%; max-width: 100%; height: 100%;
	background: url(../slides/fahrzeuge/slide3.jpg);
	background-size: cover;
	-moz-background-size: cover;
  	-o-background-size: cover;
  	-webkit-background-size: cover;
    background-position: 50% 50%;
    background-repeat:no-repeat;
	overflow:hidden;
}
#slide4	{
	width: 100%; max-width: 100%; height: 100%;
	background: url(../slides/fahrzeuge/slide4.jpg);
	background-size: cover;
	-moz-background-size: cover;
  	-o-background-size: cover;
  	-webkit-background-size: cover;
    background-position: 50% 50%;
    background-repeat:no-repeat;
	overflow:hidden;
}
#slide5	{
	width: 100%; max-width: 100%; height: 100%;
	background: url(../slides/fahrzeuge/slide5.jpg);
	background-size: cover;
	-moz-background-size: cover;
  	-o-background-size: cover;
  	-webkit-background-size: cover;
    background-position: 50% 50%;
    background-repeat:no-repeat;
	overflow:hidden;
}
#slide6	{
	width: 100%; max-width: 100%; height: 100%;
	background: url(../slides/fahrzeuge/slide6.jpg);
	background-size: cover;
	-moz-background-size: cover;
  	-o-background-size: cover;
  	-webkit-background-size: cover;
    background-position: 50% 50%;
    background-repeat:no-repeat;
	overflow:hidden;
}
#slide7	{
	width: 100%; max-width: 100%; height: 100%;
	background: url(../slides/fahrzeuge/slide7.jpg);
	background-size: cover;
	-moz-background-size: cover;
  	-o-background-size: cover;
  	-webkit-background-size: cover;
    background-position: 50% 50%;
    background-repeat:no-repeat;
	overflow:hidden;
}
#slide8	{
	width: 100%; max-width: 100%; height: 100%;
	background: url(../slides/fahrzeuge/slide8.jpg);
	background-size: cover;
	-moz-background-size: cover;
  	-o-background-size: cover;
  	-webkit-background-size: cover;
    background-position: 50% 50%;
    background-repeat:no-repeat;
	overflow:hidden;
}
#slide9	{
	width: 100%; max-width: 100%; height: 100%;
	background: url(../slides/fahrzeuge/slide9.jpg);
	background-size: cover;
	-moz-background-size: cover;
  	-o-background-size: cover;
  	-webkit-background-size: cover;
    background-position: 50% 50%;
    background-repeat:no-repeat;
	overflow:hidden;
}
#slide10	{
	width: 100%; max-width: 100%; height: 100%;
	background: url(../slides/fahrzeuge/slide10.jpg);
	background-size: cover;
	-moz-background-size: cover;
  	-o-background-size: cover;
  	-webkit-background-size: cover;
    background-position: 50% 50%;
    background-repeat:no-repeat;
	overflow:hidden;
}
#slide11	{
	width: 100%; max-width: 100%; height: 100%;
	background: url(../slides/fahrzeuge/slide11.jpg);
	background-size: cover;
	-moz-background-size: cover;
  	-o-background-size: cover;
  	-webkit-background-size: cover;
    background-position: 50% 50%;
    background-repeat:no-repeat;
	overflow:hidden;
}
#slide12	{
	width: 100%; max-width: 100%; height: 100%;
	background: url(../slides/fahrzeuge/slide12.jpg);
	background-size: cover;
	-moz-background-size: cover;
  	-o-background-size: cover;
  	-webkit-background-size: cover;
    background-position: 50% 50%;
    background-repeat:no-repeat;
	overflow:hidden;
}
#slide13	{
	width: 100%; max-width: 100%; height: 100%;
	background: url(../slides/fahrzeuge/slide13.jpg);
	background-size: cover;
	-moz-background-size: cover;
  	-o-background-size: cover;
  	-webkit-background-size: cover;
    background-position: 50% 50%;
    background-repeat:no-repeat;
	overflow:hidden;
}
#slide14	{
	width: 100%; max-width: 100%; height: 100%;
	background: url(../slides/fahrzeuge/slide14.jpg);
	background-size: cover;
	-moz-background-size: cover;
  	-o-background-size: cover;
  	-webkit-background-size: cover;
    background-position: 50% 50%;
    background-repeat:no-repeat;
	overflow:hidden;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),(min--moz-device-pixel-ratio: 1.3) {
.slide-bg{
	background:url(../images/dot3.png) repeat top left;
	-webkit-background-size: 3px 3px;
	-moz-background-size: 3px 3px;
  	background-size: 3px 3px; 
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2.0),(min--moz-device-pixel-ratio: 1.3) {
.slide-bg{
	background:url(../images/dot2.png) repeat top left;
	-webkit-background-size: 2px 2px;
	-moz-background-size: 2px 2px;
  	background-size: 2px 2px; 
}
}

@media only screen and (min-width: 239px) and (max-width: 799px) {
.cycle-pager { margin-top:-50px; padding:0 0;}
.cycle-pager span { font-family: arial; font-size: 30px; padding:0px 3px;}
#pauseplay		{left:36%;}
#nopattern		{left:66%;}
}
}