@charset "utf-8";
/* CSS Document */

/*
@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700');
*/

/* oxygen-300 - latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/oxygen-v7-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Oxygen Light'), local('Oxygen-Light'),
       url('/fonts/oxygen-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/oxygen-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/oxygen-v7-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/oxygen-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/oxygen-v7-latin-300.svg#Oxygen') format('svg'); /* Legacy iOS */
}
/* oxygen-700 - latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/oxygen-v7-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Oxygen Bold'), local('Oxygen-Bold'),
       url('/fonts/oxygen-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/oxygen-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/oxygen-v7-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/oxygen-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/oxygen-v7-latin-700.svg#Oxygen') format('svg'); /* Legacy iOS */
}
/* oxygen-regular - latin */
@font-face {
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/oxygen-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Oxygen Regular'), local('Oxygen-Regular'),
       url('/fonts/oxygen-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/oxygen-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/oxygen-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/oxygen-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/oxygen-v7-latin-regular.svg#Oxygen') format('svg'); /* Legacy iOS */
}

html {height:100%;
	-webkit-text-size-adjust: 100%;}
* {box-sizing: border-box;}
body {
	font-family: 'Oxygen', sans-serif;
	font-weight:300;
	letter-spacing:0.03em;
	overflow-y:scroll;
	font-size:17px;
	margin:0;
	height:100%;
	-webkit-hyphens: auto; /* Saf 5.1+ */
	-moz-hyphens: auto; /* Fx 6.0+ */
	-ms-hyphens: auto; /* IE 10+ */
	hyphens: auto; /* None yet */
}

@media (max-width: 850px) {
	body { overflow-x:hidden;
	font-size:16px;}
}

@media (max-width: 500px) {
	body { overflow-x:hidden;
	font-size:15px;}
}



.sistable {
	font-family: 'Oxygen', sans-serif;
	background-color: #000000;
	color: white;
	border-collapse: collapse;
	width:100%;
}
.sistable th {
	background-color: #66b32e!important;
	font-weight:bold;
	text-align:left;
	padding: 0.5em;
}
.sistable td {
	padding: 0.5em;
	border-right:1px solid rgba(0,0,0,0.05);
}
.sistable tr.sisrow1 {
	background-color: #fff;
	color: #222;
}
.sistable tr.sisrow2 {
	background-color: #eee!important;
	color: #222;
}
.sistable tr.myteam {
	background-color: none!important;
	font-weight:bold;
	color: black;
}



.startselect {display:flex;justify-content:center;margin-bottom:5%;}
.startselect a {color:#000;width:23%;text-align:center;text-decoration:none;font-size:1em; font-weight:300;margin:2%;background:rgba(255,255,255,0.9);box-shadow: 0 10px 20px rgba(0,0,0,0.2);transition:all .4s;}
.startselect a img {width:100%;}
.startselect a span {display:block;padding:5%;}
.startselect a h2 {margin:0 0 10px 0;color:#818181;font-weight:500;}

.startselect:hover a {opacity:0.6;filter: blur(3px);}
.startselect:hover a:hover {opacity:1;filter: blur(0px);transform:scale(1.05)}


.content {padding-bottom:5%;}

h1 {color:#66b32e;font-weight: 500;}
h3 {color: #666;font-weight: 400; margin-bottom:.4em;}

.team {display:flex;justify-content:space-between;flex-wrap:wrap;}
.team > div {width:15%}
.team > div .bild {background-size:cover;background-position:center}
.team > div .bild img {width:100%;height:auto;}
.team > div .text {display:block;
	text-align:center;
	font-weight: 500;
   	background: rgba(20,0,0,0.6);
    color: #fff;
    margin: 0 0 20px 0;
    padding: 6px;}
.team > div .text strong {color:#fff;font-size: 1.4em;display:block;}
.team > div .text small {color:#fff;font-size: 1.0em;display:block;}

hr {  
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #66b32e;
    margin: 1em 0;
    padding: 0; 
}

@media (max-width: 1200px) {
	.team > div {width:18%}
}
@media (max-width: 1050px) {
	.team > div {width:22%}
}
@media (max-width: 900px) {
	.team > div {width:32%}
	.fotorama_pointer {display:none;}
}

@media (min-width:800px) {
	.fotorama_pointer {position:absolute; display:block; width:100%; cursor:pointer; transition:all .4s; z-index:10; left:0px; top:95%;
	-webkit-transform:translateY(-50%); transform:translateY(-50%);text-align:center;}
	.fotorama_pointer > div {
		display:inline-block;
		box-shadow:0px 1px 4px rgba(0,0,0,0.6);
		transition:all .4s;
		width:12px;
		height:12px;
		margin: auto 3px auto 3px;
		border:1px solid #fff;
		background:#fff;
		opacity:0.3;
	}
	.fotorama_pointer > div:hover {
		opacity:1;
	}
	.fotorama_pointer > div.an {
		border:1px solid #fff;
		opacity:1;
	}
}

@media (max-width: 600px) {
	.team > div {width:47%}
	.team > div .text strong {color:#fff;font-size: 1.2em;display:block;}
	.team > div .text small {color:#fff;font-size: 0.8em;display:block;}
}

.carinfo {border-right:3px solid #fff;width:100%;}
.carinfo tr td {padding:4px;background:#e6e6e6;}
.carinfo tr:nth-child(even) td {background: #dadada;}

.infotable {padding-top:20px;}
.infotable ul {list-style:none; margin: 0; padding: 0;}
.infotable ul li {padding:4px;margin: 0; background:#e6e6e6;}
.infotable ul li:nth-child(even) {background: #dadada;}

.infotableflex {display:flex;flex-wrap:wrap; width: 100%;}
.infotableflex > div {width:50%;}

@media (max-width: 880px) {
	.carinfo {border-right:none;}
	.infotableflex > div {width:100%;padding-bottom:50px;}
}


strong {font-weight:700; color:#818181; display:inline-block;}
.infos .apbox {display:flex;}
.infos .ap {margin-right:25px;}
.infos .ap strong {margin-top:10px;}
.maindata {display:flex;flex-wrap:wrap;justify-content:space-between;}
.maindata .lim {width: 58%;}
.maindata .bilder {
	padding:8px;
	background: #fff;
	box-shadow: 0px 0px 9px rgba(0,0,0,.26);
}


.maindata .infos {width: 35%;}
.maindata h1 {font-size:21px;margin:0 0 12px 0;color:#818181; font-weight: 500;}
.maindata h2 {font-size:22px;margin:0;color:#0091be; font-weight: 500;}
.maindata a {text-decoration:none;color:#007ec2;}
@media (max-width: 950px) {
	.maindata .lim {width: 100%;padding-bottom:20px;}
	.maindata .infos {width: 100%;}
}

.topfix {position:fixed; z-index: 100; top:0px; left:0px; width:100%;}
.wrap {max-width:1200px; width:95%; margin:auto;}

.infobar {background:#66b32e; height:42px; color:#000;}
.infobar ul {list-style:none; display:flex;padding-bottom:10px;}
.infobar ul li {padding-right:10%;}
.infobar ul img {position:relative;top:7px;margin-right:12px;}
.infobar a {text-decoration:none;color:#000;}

.infobar .social {padding-left:25px;}
.infobar .comp {padding-top:10px;}

@media (max-width: 1050px) {
.infobar .offen {display:none;}
}
@media (max-width: 600px) {
.infobar .social {display:none;}
}


@media (max-width: 675px) {
.infobar .phone {display:none;}
}

.infobar .contact {font-size:19px; height:42px; width:60px; color:#fff; text-decoration:none; background:url(img/icon-contact.png) center center no-repeat #66b32e; position:absolute; top:0px; right:0px; transition:all .3s;}
.infobar .search  {font-size:19px; height:42px; width:60px; color:#fff; text-decoration:none; background:url(img/icon_search.png) center center no-repeat #66b32e; background-size:50%; position:absolute; top:0px; right:60px; transition:all .3s;}

.infobar .wheels {font-size:19px; height:42px; color:#fff; text-decoration:none; background:url(img/icon-wheel.png) 20px center no-repeat #66b32e; padding:10px 20px 8px 60px; position:absolute; top:0px; right:71px; transition:all .3s;}

@media (max-width: 400px) {
	.infobar .search,
	.infobar .contact {
		font-size:15px;
		line-height:25px;
	}
}
@media (max-width: 480px) {
	.infobar .wheels span {
		display:none;
	}
	.infobar .wheels {
	 width:70px;
	 background:url(img/icon-wheel.png) center center no-repeat #66b32e;
	}
}
@media (max-width: 700px) {
	.infobar .wheels {
		font-size:15px;
		line-height:25px;
	}
}

.infobar .search:hover,
.infobar .contact:hover {background-color:#a90126;}
.infobar .wheels:hover {background-color:#a90126;}

.logobox {background:rgba(20,0,0,0.6);padding-top:40px;position:fixed;z-index:90;width: 100%;}
.logobox .logo {width:100%;text-align:center;padding:15px 0 0 0;}
.logobox .logo img {width:80%;max-width:120px;}
.logorund {width:160px; height: auto;}

@media (max-width: 850px) {
	.logobox .logo {padding: 15px 0px;}
	.logobox .logo img { width:60%; max-width:200px; }
}

@media (min-width: 850px) {
	.mainmenu {list-style:none; display:flex;justify-content:space-between;align-items:center;padding: 0 0 5px 0;}
	.mainmenu a {display:block;font-size:18px;font-weight:700;color:#fff;display:inline-block; text-decoration:none; padding:15px;transition:text-shadow .3s;}
	.mainmenu ul a {border-bottom:1px solid #eee; font-size:0.9em;min-width:200px;}
	.mainmenu ul li:last-child a {border-bottom:0;}
	.mainmenu a:hover {color:#fff; text-shadow:0 0 25px rgba(255,255,255,1); }
	.mainmenu li {position:relative;}
	.mainmenu li.an > a {color:#fff; background:rgba(0,0,0,0.2);}
	.mainmenu > li > ul {display:none;position:absolute;left:-10px;list-style:none;box-shadow:0px 2px 5px rgba(0,0,0,0.3)}
	.mainmenu > li:hover > ul {display:block; background:#fff;margin:0;padding:0px;}
	.mainmenu li ul a {color:#000;display:block; padding: 10px;}
	.mainmenu li ul a:hover {background:#66b32e;color:#fff;}
	.mainmenu > li > ul > li > ul {display:none;position:absolute;left:100%;top:0px;list-style:none;box-shadow:0px 2px 5px rgba(0,0,0,0.3)}
	.mainmenu > li > ul > li:hover > ul {display:block; background:#fff;margin:0;padding:0px;}
}
@media (max-width: 1250px) {
	.mainmenu {padding: 0 25px 10px 25px;list-style:none;}
}
@media (max-width: 850px) {
	.mainmenu {display:none;z-index:90;padding-top:80px;position:fixed;top:0px;left:0px;height:100%;width:100%;background:rgba(0,0,0,0.9);overflow-y: scroll;-webkit-overflow-scrolling: touch;}
	.mainmenu a {font-size:19px;margin-bottom:3px;font-weight:700;color:#fff;background:#66b32e;display:block;text-decoration:none;padding:15px;}
	
	.mainmenu ul {list-style:none;}
}

.minlogo {display:none;}

.logobox.smalllogo .minlogo {display:block;}
.logobox.smalllogo .minlogo img {width:80px;margin-top:3px;}
.logobox.smalllogo .logo {display:none;}
.logobox.smalllogo .mainmenu {padding-bottom:0px;}
.logobox.smalllogo .mainmenu > li > a {padding:6px;}

.pfad {margin-bottom:10px;}
.pfad a {text-decoration:none; color:#818181;}

.startspacer {height:20%;transition:all 6s;}

.angebote {list-style:none; font-size:17px; display:flex; margin:0; padding:0;justify-content:space-between;}
.angebote a {width:32%;text-decoration:none;background:rgba(0,0,0,0.8); color:#fff;padding:7px 10px; transition:all .3s;}
.angebote a:hover {background:rgba(25,25,25,0.8);}
.angebote a h2 {margin:0 0 5px 0;font-size:1.2em;font-weight:700;color:#ccc;}
.angebote a h1 {margin:0;font-size:1.6em;font-weight:700;color:#fff;}
.angebote a h1 big {font-size:1.4em;}
.angebote a img {float:left;margin-right:15px;width:150px;height:auto;}
.angebote a span {display:block;padding:5px 15px;}
.angebote a span.image {display:block; float:left; margin-right:15px; width:150px; height: 99px; background-size: cover; background-position: center center;}

@media (max-width: 1200px) {
	.angebote {font-size:14px;}
}
	
@media (max-width: 890px) {
	.angebote {flex-wrap:wrap;}
	.angebote a {width:100%;margin-bottom:4px; background:#000;}
	.angebote a:hover {background:#000;}
}
.suche {background:#ddd;border:1px solid #d9d9da; border-top:0;margin-top:2%; padding:20px;box-shadow:0px 3px 29px rgba(0,0,0,0.2)}
.suche img {max-width:100%;}
.suche h3 {display:inline;position:relative;top:-6px;left:10px;}
.suche select {font-size:16px;font-weight:300;padding:4px;border:1px solid #000; color:#181716;}
.suche select option {color:#181716;}
.suche button {cursor:pointer;font-family: 'Oxygen', sans-serif;font-size:17px;text-transform:uppercase;font-weight:700;padding:5px 15px;border-radius:0; border:0;color:#71d4ff;background:#000;}
.suche ul {list-style:none;flex-wrap: wrap;display:flex;margin:0;padding:0;justify-content:space-between;width:100%;;}
.suche ul li {text-decoration:none;color:#181716;text-align:center;transition:all .3s;margin-bottom:4px;}


@media (min-width: 1050px) {
.suche ul li:last-child select {width:170px;}
.suche button {float:right;width:170px;}
}


@media (max-width: 1050px) {

	.suche ul li {width:32%;}
	.suche ul li select {width:100%;}
	.suche button {float:right;width:32%;}
}

@media (max-width: 800px) {
	.suche ul li {width:49%;}
	.suche button {float:right;width:49%;margin:0;}
}
@media (max-width: 500px) {
	.suche ul li {width:100%;}
	.suche button {width:100%;margin:0;}
}
.suche .modell {display:none;}



.sitemap {list-style:none;flex-wrap: wrap;display:flex;margin:0;padding:0;justify-content:space-between;margin-top:4%;}
.sitemap a {width:32%;margin-bottom:2%;text-decoration:none;color:#181716;text-align:center;transition:all .3s;background:rgba(255,255,255,0.9);box-shadow: 0 10px 20px rgba(0,0,0,0.2);transition:all .4s;}

.sitemap a:hover {transform:scale(1.05)}
.sitemap a img {width:100%;height:auto;display:block;}
.sitemap a .bild {background-size:cover;background-position:center center;}
.sitemap a h3 {font-weight:300;color:#000;margin:0;padding:5%;}

@media (max-width:900px) {
	.sitemap a {width:47%;}
}
@media (max-width:570px) {
	.sitemap a {width:100%;}
}

.footer {background:#66b32e;color:#000;}
.footer .wrap {max-width:1300px; width:95%; margin:auto;display:flex;justify-content:space-between;padding: 30px 0;}
.footer img.clock {position:relative;top:7px;margin-right:12px;}
.footer a { text-decoration:none; font-size:0.8rem; color:#000000; }
@media (max-width:1200px) {
	.footer .wrap div:last-child {text-align:center;}
}

@media (max-width:1000px) {
	.footer .wrap {flex-wrap: wrap;}
}

@media (max-width:750px) {
	.footer .wrap div:last-child {width:100%;padding-top:15px;}
}



@media (max-width:700px) {
	.footer .wrap {font-size:12px;text-align:center;display:block;}
	.footer .wrap div {margin-bottom:10px;}
}

.verlauf {		
	background: #fefefe; /* Old browsers */
	background: -moz-linear-gradient(-55deg,  #fefefe 7%, #efefef 11%, #dadada 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-55deg,  #fefefe 7%,#efefef 11%,#dadada 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(125deg,  #fefefe 7%,#efefef 11%,#dadada 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dadada',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding:200px 0 0 0;
}

.verlauf > div {padding-bottom:50px;}	

@media (max-width: 850px) {
	.verlauf {	
		padding:120px 0 0 0;
	}
}

.autoliste a {display:block;padding:10px;color:#818181;text-decoration:none;transition:all .3s;}
.autoliste a:nth-child(odd) {background: rgba(0,0,0,0.08);}
.autoliste a:nth-child(even) {background: rgba(0,0,0,0.04);}
.autoliste a:hover {background:#fff;box-shadow:1px 0 15px rgba(0,0,0,0.25);}
.autoliste a:hover .image {box-shadow:none;}
.clear {clear:both;}
.autoliste strong {font-size:21px;font-weight:700;display:inline;}
.autoliste .preis {display:inline-block;float:right;text-align:right;color:#0091be;font-size:22px;line-height: 20px; font-weight:700;}
.autoliste .preis small {color:#888;font-size:14px;font-weight:300;}

.autoliste .image {display:block;float:left; width:150px; border:5px solid #fff; height: 99px;box-shadow:1px 0 15px rgba(0,0,0,0.25);margin-right:25px;background-size:cover; background-position: center center;}



#search_container input {
	width:100%;
	padding:5px 8px;
	height:34px;
	border-radius: 3px 0 0 3px;
	border:1px solid #66b32e;
	border-right:0;
	font-size:1.3rem;
}
#search_container button {
	border-radius: 0 50% 50% 0;
	width: 34px;
	height:34px;
	padding:0;
}

#search_container button img {
	height: 25px;
	width: 25px;
	padding-top:2px;
}


#search_container > form > div {
	display:flex;
}

#search_container > form > div > div:first-child {
	width:100%;
	max-width:700px;
}

#search_container > form > div > div:last-child {
	border-radius: 0 50% 50% 0;
	background-color:#66b32e;
	padding-left:0px;
}

#search_container > div > div > a {
	font-size:0.8rem;
	text-decoration:none;
	color:black;
	font-weight:normal;
}

#search_container > div > div > h2 {
	
	font-size:1.0em;
	font-weight:normal;
}

#search_container > div > div > p {
	padding-left:20px;
	
}


.openmenu {display:none; width:42px; height:42px;}
.closemenu {display:none; width:42px; height:42px;}

@media (max-width: 800px) {
	.menu {display:none;}
	.infobar .phone {padding-left:15px;}
	
	.infobar .search,
	.infobar .contact {padding:8px 20px 8px 50px; background-position:17px;}
	.openmenu {
		display:block;
		cursor:pointer;
		position:fixed;
		top:0px;
		left:0px;
		z-index:10000;
	}
	.closemenu {
		display:none;
		cursor:pointer;
		position:fixed;
		top:0px;
		left:0px;
		z-index:100000;
	}
}



.alert { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em !important; color: #ff0000; cursor: default; }
.normtext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #212124; font-weight: normal; cursor: default; }
.highlighttext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #E70800; font-weight: bold; cursor: default; }
.tabellenrechnung { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; font-weight: bold; cursor: default; }

.eingabe {
	font-family: 'Fira Sans', sans-serif;
	font-weight:300;
	padding:5px;
	color:#000;
	border:1px solid #bbb;
	border-radius:5px;
	outline:0;
}

.needeingabe {
	font-family: 'Fira Sans', sans-serif;
	font-weight:300;
	padding:5px;
	border:1px solid #f00;
	border-radius:5px;
	outline:0;
}

@media (max-width: 700px) {
	.formular tr td {display:block;}
}

button {
	padding:10px 20px;
	color:#fff;
	background:#66b32e;
	cursor:pointer;
	border:0;
	border-radius:0px;
    transition:all .4s;
	outline:0;
	transition:all .3s;
}

button:hover {
	background:#66b32e;
}

button:disabled {
	padding:10px 20px;
	color:#fff;
	background:#aaa;
	cursor:default;
	border:0;
	border-radius:5px;
}

@media (max-width:800px) {
	.eingabe, .needeingabe, button {
		padding:10px;
		font-size:1.2em;
		border-radius:10px;
		margin:0 2% 2% 0;
	}
}

.fileinfo {
	display:block;
	margin-bottom:1em;
	text-decoration:none;
	transition:all .3s;
	border-radius:4px;
	color:#66b32e;
}
.fileinfo img {
	float:left;
	margin-right:10px;
}

.fileinfo:hover {
	color:#000;
}

.preis  { color: #2183B4; font-weight: bold; font-size: 14px; font-family: Arial, Helvetica, sans-serif; cursor: default;}
.text { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #2183B4;; cursor: default; }

.nice {width:100%; background:#ccc;border-spacing: 1px; border-collapse: separate;}
.nice td {background:#fff;padding:4px;}
.nice th {background:#eee;padding:4px;text-align:left;border-bottom:1px solid #bbb;}

.sizeh1 { font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #B7CEDE; font-weight: bold; cursor: default; background-color: #f5f5f5; border: solid 1px #1368b1}
.sizeh2 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #B7CEDE; font-weight: bold; cursor: default; background-color: #f5f5f5; border: solid 1px #1368b1}
.sizeh3 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #B7CEDE; font-weight: bold; cursor: default; background-color: #f5f5f5; border: solid 1px #1368b1}
.sizeh4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #B7CEDE; font-weight: bold; cursor: default; background-color: #f5f5f5; border: solid 1px #1368b1}


.tabelleninhalt { font-size: 11px; color: #000000; cursor: default; background-color:#ffffff; vertical-align:top;}
.border { border: 0px solid #bbbbbb; }
.cmswhite  { color: #ffffff; font-size: 10px; font-family: Arial, Helvetica, sans-serif;}

.res_img100 {width:100%;}
.res_img50 {width:50%;}
.res_img33 {width:33%;}
.res_img25 {width:25%;}
.res_img100 img, .res_img50 img, .res_img33 img, .res_img25 img {width:100%; height:auto;}

.res_img100 {width:auto;}

.imgl {float:left;}
.imgr {float:right;}


@media (max-width: 700px) {
	.res_img100, .res_img50, .res_img33, .res_img25 {width:100%;}
	.imgl {float:none;margin-left:0 !important;margin-right:0 !important;}
	.imgr {float:none;margin-left:0 !important;margin-right:0 !important;}
}



/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 *
 * Version: 1.3.1 (05/03/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #f00; 
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	-background: #f3f3f2;
	background: #feffd5;
	border:1px solid #ecebeb;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 25px;
	height: 25px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 7px;
	margin: 0;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -90px;
	background-repeat: no-repeat;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background-image: url('/fancybox/fancybox-x.png');
	background-position: 0px -40px;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -55px -90px;
	background-repeat: no-repeat;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/fancybox/fancybox-x.png');
}

#fancy-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/fancybox/fancybox-y.png');
}

#fancy-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/fancybox/fancybox.png');
	background-position: -40px -122px;
}

/* IE */

#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_loading.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-title-over	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie #fancybox-title-left	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-main	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-title-right	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie .fancy-bg { background: transparent !important; }

.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }