/* basic stylesheet for www.max-communication.de */
/* author: www.ideenwerft.com */

/* Farben:  blau #003f7e . grau #747477  hellblau #e5ebf2  */

* {padding:0px;margin:0px;}
img {border:0;}
.hidden { /* f&uuml;r screenreader links */
position: absolute;
left: -10000px;
}
html {height:100%;}  /* f&uuml;r maximale H&ouml;he des Rahmens */
* html body {height:100%;} /* f&uuml;r maximale H&ouml;he des Rahmens */
body {
min-height:100%;
height:100%;
padding-top:0;
font-size: 75%; 
font-family: verdana, arial, Sans-Serif;
color:#333;
text-align:center;
over flow: -moz-scrollbars-vertical; /* f&uuml;r inaktiven scrollbalken bei mozilla */
}
#rahmen {
position:relative;
width: 1120px;
height:100%;
min-height:100%;
margin: 0 auto;
padding-top:5px;
padding-left:20px;
text-align:left;
background: url(img/bg.gif) no-repeat;
} 
#lang {height:20px;}
#tabs {height:30px;margin-top:40px;}
#top {height: 85px;width: 870px;padding:0px 20px 0;}
.hotline {position:absolute;top:30px;left:40px;font-size:17px;color:#004980;font-weight:bold;}
#top .hotline {position:relative;top:0;left:0;float:right;width:240px;height:45px;text-align:right;padding-right:5px;font-size:1.1em;font-weight:normal;color:#b1b1b1;}
#topNavi {padding-left:20px;margin-top:5px;}
#main {position:relative;padding-top:25px;float:left;display:inline;background: url(img/bg-main.gif) repeat-y;width:915px;}
#left {
float:left;
width: 225px;
min-height:360px;
_height: 410px; /* ie hack */
}
#content {float:left;width:660px;}
#footer {clear:both;}
.iw {font-size:0.9em;padding-top:50px;padding-left:20px;}

/* +++ LANGUAGE MENU ++++ */
#lang {font-size:0.9em;color:#ccc;}
/* +++ TABS ++++ */
#tabs a {display:block;height:30px;float:left;}
#tabs a.shop:link, #tabs a.shop:visited {width:83px;background:url(img/shop.gif) top left no-repeat;}
#tabs a.shop:hover, #tabs a.shop:focus, #tabs a.shop:active {background:url(img/shop.gif) bottom right no-repeat;}
#tabs a.unternehmen:link, #tabs a.unternehmen:visited {width:150px;background:url(img/unternehmen.gif) top left no-repeat;}
#tabs a.unternehmen:hover, #tabs a.unternehmen:focus, #tabs a.unternehmen:active {background:url(img/unternehmen.gif) bottom right no-repeat;}
#tabs a.presse:link, #tabs a.presse:visited {width:107px;background:url(img/presse.gif) top left no-repeat;}
#tabs a.presse:hover, #tabs a.presse:focus, #tabs a.presse:active {background:url(img/presse.gif) bottom right no-repeat;}
#tabs a.downloads:link, #tabs a.downloads:visited {width:132px;background:url(img/downloads_2.gif) top left no-repeat;}
#tabs a.downloads:hover, #tabs a.downloads:focus, #tabs a.downloads:active {background:url(img/downloads_2.gif) bottom right no-repeat;}
#tabs a.karriere:link, #tabs a.karriere:visited {width:119px;background:url(img/karriere.gif) top left no-repeat;}
#tabs a.karriere:hover, #tabs a.karriere:focus, #tabs a.karriere:active {background:url(img/karriere.gif) bottom right no-repeat;}
#tabs a {outline:none;}

/* +++ SUCHBOXEN++++ */
div.suche, div.artNr {width:400px;float:left;clear:left;}
div.sucheUntern {}
div.artNr {margin-top:26px;height:25px;}
.tx-fesearchintable-pi1 {clear:both;margin-bottom:5px;}
.suche label, .tx-fesearchintable-pi1 label {display:block;width:105px;float:left;padding-top:6px;color:#004980;font-size:0.9em;}
.sucheUntern label {width:50px !important;}
.suche .tx-fesearchintable-pi1 label {padding-top:7px;}
.tx-fesearchintable-pi1 input, div.sucheUntern input {width:100px;height:15px;border:none;font-size:1em;padding:2px;}
.tx-fesearchintable-pi1 select {width:105px;height:17px;border:none;font-size:1em;text-transform:none;}
.tx-fesearchintable-pi1 input.submit, div.sucheUntern input.submit {width:20px;height:20px;margin-left:4px;background:url(img/lupe.gif) 0 2px no-repeat;border:none;}
.tx-fesearchintable-pi1 input.submit:hover, div.sucheUntern input.submit:hover {background:url(img/lupe-h.gif) 0 2px no-repeat;}
.suche .tx-fesearchintable-pi1 input.submit {margin-left:0px;}
.suche .tx-fesearchintable-pi1 input.submit:hover {}

/* + highlights in den gefundenen Seiten + */
span.csc-sword {color:#CC0000;font-style:italic;}


div.suche {bac kground:yellow;}
div.artNr {back ground:orange;}


/* +++ MINI BASKET++++ */
div.miniBasket {float:right;width:200px;text-align:right;margin-top:0px;padding-right:5px;color:#999999;}
/* +++ MAIN AREA & FOOTER ++++ */


/* +++ top navi ++++++++++++ */
#topNavi ul {list-style:none; list-style-position:inside; color:ccc;font-size:1em;}
#topNavi ul li {display:inline;padding: 0px 15px 7px 0;}
#topNavi a:link, #topNavi a:visited {
text-decoration:none;
color:#bdbdbd;
}
#topNavi li.last a:link, #topNavi li.last a:visited {
text-decoration:none;
color:#005292;
font-weight:normal;
}
#topNavi a:hover, #topNavi a:focus {
color:#005292;
text-decoration:underline;
}
#topNavi li.last a:hover, #topNavi li.last a:focus {text-decoration:underline;}
#topNavi li.current a:link, #topNavi li.current a:visited {color:#003f7e;}
#topNavi li.current a:hover, #topNavi li.current a:focus {}

/* *** navi ******************************/
#left ul {
margin-left:10px;
padding:0px 10px 0 11px;
list-style:none;
width:190px;
text-transform:uppercase;
}
#left ul li {
padding:0 10px;
margin-bottom:10px;
font-size:1em;
background: url(img/navi.gif) 0px 3px no-repeat;
}
#left li a:link, #left li a:visited {
dis play:block;
padding: 2px 0 2px 6px;
text-decoration:none;
color:#666;
}
#left li a:hover, #left li a:focus {
color:#003f7e;
text-decoration:underline;
}
/* +++ 1. ebene CUR +++++ */
#left ul li.cur {
background: url(img/navi-c.gif) 0px 3px no-repeat;
}
#left li.cur a:link, #left li.cur a:visited {
color:#003f7e;
}
#left li.cur a:hover, #left li.cur  a:focus {
color:#005292;
text-decoration:underline;
}
/* +++ 2. ebene +++++ */
#left ul ul {
margin-left:-10px;
padding:4px 10px 0 0px;
list-style:none;
width:180px;
text-transform:none;
}
#left ul li ul li, #left ul li ul li.cur {
padding:0 10px;
margin-bottom:2px;
font-size:1em;
background: none;
}
#left ul li ul li.cur  {font-weight:bold; }
#left li.cur li a:link, #left li.cur li a:visited {
color:#333;
}
#left li.cur li a:hover, #left li.cur li a:focus {
color:#005292;
}

/* +++ 3. ebene +++++ */
#left ul li ul li ul {margin-bottom:10px;}
#left ul li ul li ul li, #left ul li ul li.cur ul li, #left ul li ul li ul li.cur {
padding:0 0 0 20px;
margin-bottom:2px;
font-size:0.9em;
background: none;
}
#left ul li ul li.cur ul li  {font-weight:normal; }
#left ul li ul li.cur ul li.cur  {font-weight:bold; }

/* +++ 4. ebene +++++ */
#left ul li ul li ul li ul li, #left ul li ul li ul li.cur ul li, #left ul li ul li ul li ul li.cur {
padding:0 0 0 20px;
margin-bottom:2px;
font-size:1em;
background: none;
}
#left ul li ul li ul li.cur ul li  {font-weight:normal; }


/* ++ buttong angebote ++ */
div.angebote {margin-top:30px;}
div.angebote img {margin-left:20px;}

/* *** content / allgemein ******************************/
.small {font-size:0.9em;}
.grey {color:#999999;}
.red, .error, .survey_error {color:#CC0000;}
.italic, .survey_error {font-style:italic;}
.hide {display:none;}
a:link, a:visited {color: #003f7e;}
a:hover, a:focus {color: #FF9900;}
input.submit {border:0;background-color:#999999;padding:2px 5px;color:#fff;font-size:0.9em;margin-left:0px;}
input.submit:hover {cursor:pointer;background-color:#666;}
.submit {background-color:#999999;padding:3px 6px;color:#fff;font-size:1em;margin-left:20px;}
.submit:hover {background-color:#666;}
.submit a {text-decoration:none;color:#fff;}
p,h1,h2,h3,h4,h5 {padding-left:20px;}
p {
margin-bottom: 10px;
margin-right:30px;
text-align:justify;
line-height:1.3em;
}
h1 {
padding:4px 20px 3px;
font-size:1.1em;
text-transform:uppercase;
font-weight:normal;
color:#333;
margin-bottom:18px;
background: #e5ebf2;
}
h2 {
display:block;
padding:13px 20px 10px 20px;
font-size:1.1em;
font-weight:bold;
color:#333;
}
h3 {
display:block;
padding:7px 20px 5px 20px;
font-size:1em;
font-weight:bold;
color:#333;
}
h4 {
font-size:1em;
}
#content ul {
margin-top:15px;
margin-left:35px;
margin-bottom:15px;
list-style-type: square;
list-st yle-position:inside;
}
#content .cLeft ul , #content .cRight ul {wi dth: 300px;}
#content ul li {
padding-bottom:3px;
}
#content ol {
margin-top:15px;
margin-left:47px;
margin-bottom:15px;
}
#content ol li {
padding-bottom:3px;
}
/* +++ FCE 2 SPALTEN CONTENT ++++ */
#content div.cLeft {float:left;width:330px;margin-bottom:15px;}
#content div.cRight {float:right;width:330px;padding-right:0px;margin-bottom:15px;}
#content div.cLeft h1 {margin-right:0;}
#content div.cLeft  p {margin-right:20px;}
#content div.cRight p  {margin-right:20px;}
/* +++ FORMULARE ALLGEMEIN ++++ */
form input, form textarea {
}
form input:focus, form textarea:focus {
background-color : #DDE6EE;
}
/* +++ SUCHSEITE UNTERNEHMEN++++ */
DIV#content table.csc-searchform {
width: 100%;
font-weight: bold;
padding-bottom:15px;
}
DIV#content table.csc-searchform td {
padding: 0px 0px;
}
DIV#content h2.searchForm {
margin:10px 0 18px 0px;
font-size: 1.1em;
font-weight:normal;
padding:4px 20px 3px;
text-transform:uppercase;
background: #f2f5f8;
}
DIV#content table.csc-searchform td.csc-form-labelcell {
width: 100px;
font-weight:normal;
}
DIV#content table.csc-searchform td.csc-form-labelcell p.csc-form-label {padding-top:3px;margin-right:0;}

/* +++ ANSPRECHPARTNER BOX ++++ */
div.team {border:1px solid #ccc;padding:7px 0px 10px 6px;height:95px;margin-bottom:15px;}
.cLeft div.team {margin-right:10px;}
.cRight div.team {margin-left:10px;}
div.team img {float:left;margin-right:5px;margin-top:3px;}
div.team p {font-size:0.9em;padding-left:0px;margin-bottom: 10px;width:235px;float:right;margin-right:0px !important;}
div.team p.name {font-weight:bold;font-size:1em;margin-bottom: 3px;}
div.team p.title {font-style:italic;margin-bottom:5px;text-align:left;height:27px;}
div.team p.fon {margin-bottom:4px;}
div.team p.fon span {padding-left: 22px;padding-bottom: 4px;background: url(img/phone.gif) 0 0px no-repeat;}
div.team p.mail {font-size:10px;margin-bottom:4px;}
div.team p.mail a {padding-left: 22px;background: url(img/email.gif) 0 2px no-repeat;}
div.team p.lang {}

/* +++ passwort ändern formular +++ */
.tx-fechangepassword-pi1 {margin-left:20px;}
.tx-fechangepassword-pi1 fieldset {border:none;}
.tx-fechangepassword-pi1 fieldset label {display:block;float:left;width:170px;}
.formRow{margin-bottom:10px;}
.message {font-weight:bold;font-style:italic;margin-bottom:20px;}
.tx-fechangepassword-pi1 input.submit {margin-left:170px;}

/* *** footer ******************************/
#static {
font-size:0.9em;
font-weight: normal;
padding-top:7px;
padding-right:1px;
text-transform:uppercase;
}
#static ul li {
display:inline;
list-style:none;
margin-left:15px;
}
#static ul li a, #static ul li a:visited {
text-decoration: none;
color:#efefef;
}
#static ul li a:hover {
text-decoration: underline;
color:orange;
}


/* *************** nach oben link ************/
P.csc-linkToTop {
text-align:right;
}
/* ** downloads **** */
a.download_pdf {
marg in-top: 3px;
padding-left: 22px;
background: url(img/pdf.png) no-repeat;
}
a.download_doc {
ma rgin-top: 3px;
padding-left: 22px;
background: url(img/word.png) no-repeat;
}
/* ***** language menue ********/
#lang span {margin: 0 5px;}
#lang a:link, #lang a:visited {color:#ccc;}
#lang a:hover, #lang a:focus {color:#005292;}


/* +++ login / logout ++++++++++++ */
#top .login {position:relative;float:right;margin-left:0px;margin-top:7px;width:450px;}
#top .login h3 {margin-left:0;margin-top:0;padding:0;margin-bottom:5px;font-size: 1em;font-weight:bold;color:#004980;}
#top .login p, #top .login div {margin-left:0;margin-right:0;padding-left:0;margin-bottom: 5px;font-size:0.9em;color:#004980;}
/*fehlermeldung */
#top .login div {position:absolute;top:0;right:0;width:250px;padding:0 5px;background:#eaeaea;color:#c00;font-size:0.9em;line-height:17px;}
#top .login form {width:270px;float:left;}
#top .login p.login-link {width:150px;float:right;text-align:right;line-height:23px;}
#top .login label {display:inline-block;width:65px;}
#top .login input {height:13px;border:none;font-size:1em;padding:2px;}
#top .login input.submit {width:65px !important;height:22px;margin-left:4px;background:url("img/senden.gif") 0 2px no-repeat;text-indent:1000px;}

#top .login p.input input {width:110px;}
#top .login a:link, #top .login a:visited {margin-top:5px;padding: 2px 0 2px 0px;font-size:1em;text-decoration:underline;color:#004980;}
.logout {text-align:right;}
#top .logout form {width:100%;}
#top .logout input.submit {float:right;width:65px !important;height:auto;padding:3px 0;background:#333333;color:#fff;font-size:11px;text-indent:0;}

/* ***** IW ********/
.iw a:link, .iw a:visited {
text-decoration:none;
color:#CCCCCC;
}
.iw a:hover {
color:#CC0000;
text-decoration:underline;
}

/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */


/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/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%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}

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

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
}

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

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: none;
  display: none;
}

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}
#fancybox-inner {position:absolute;}
#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #fff;
}

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

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

#fancybox-error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0;
}

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

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

#fancybox-left, #fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url('img/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('img/fancybox.png');
  background-position: -40px -30px;
}

#fancybox-right-ico {
  background-image: url('img/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;
}

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

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

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

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

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

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

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

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

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

#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102;
}

.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  background: #fff;
  position: relative;
}

.fancybox-title-outside {
  padding-top: 10px;
  color: #fff;
}

.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left;
}

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

.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px;
}

#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto;
}

#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap;
}

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

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

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

/* IE6 */

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

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

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

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
  height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
  position: absolute; margin-top: 0;
  top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

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

/* IE6, IE7, IE8 */

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

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