/* BASIC STYLESHEET for v01.ideenwerft.com */
/* VOLLTREFFER IM NETZ  */
/* author: ideenwerft GmbH */
/* author site: www.ideenwerft.com
/* copyright 2011 */
/* version: 0.1 */
/* date: july 2011 */

/*		FARBEN 
*		
*/

/*		CONTENT: 
*		layout
*		basic styles 
*		navigationsgl
*		content elements
*     	other
*     	extensions
*     	jQuery fancybox
*/

* {padding:0px;margin:0px;}

body {text-align:center;font-size:13px;font-family:Trebuchet MS,verdana,Sans-Serif;color:#333;background:#eaeaea;}
#top {position:relative;width:990px;margin:0 auto;text-align:left;}
#wrap {position:relative;width:990px;margin:0 auto;background:#fff;text-align:left;overflow:hidden;}
a#logo {position:absolute;top:30px;left:30px;width:280px;height:80px;display:block;}
#keyvisual {margin-bottom:25px;}
#left {float:left;width:190px;margin-left:30px;padding-bottom:40px;}
#content {float:left;width:710px;margin-left:30px;padding-bottom:40px;}
#content.col-3, .col-3 {width:510px;}
#right {float:right;width:170px;margin-right:30px;}
#foot {padding:30px 30px 40px;background:#333;border-top:5px solid #666;color:#fff;}
.copy {position:absolute;bottom:-25px;}

/* =BASIC STYLES ======================== */
.small {font-size: 0.9em;}
.xsmall {font-size: 0.8em;}
.red, .error {color:#c00;}
.grey {color:#999;}
.clear {clear:both;}
.italic {font-style:italic;}
.hide {display:none;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.align-justify {text-align:justify;}
.align-left {text-align:left;}
/* links */
a:link, a:visited {color:#035da1;}
a:hover, a:focus {color:#1e80ca;}
:active, :focus {outline:0;}

/* skip link - sichtbar beim navigieren per tastatur */
#skip a, #skip a:hover, #skip a:visited {position:absolute;left:0px;top:-500px;width:1px;height:1px;overflow:hidden;}
#skip a:active, #skip a:focus {position:static;width:auto;height:auto;} 
/* text */
p,h1,h1,h3,h4,h5 {}
p {margin-bottom:15px;line-height:18px;}
h1 {margin-bottom:20px;font-size:20px;}
h2 {margin:25px 0 15px;padding-bottom:4px;font-size:16px;border-bottom:1px solid #666;}
h3 {margin:25px 0 10px;font-size:15px;}
h4 {margin:5px 0 10px;font-size:13px;}
/* other */
ul {list-style:disc;margin:0 0 10px 20px;line-height:1.5em;}
ol {list-style:decimal;margin:0 0 10px 20px;line-height:1.5em;}
#content .csc-textpic-imagewrap ul, #content .csc-textpic-imagewrap ol {margin-left:0px;}
blockquote {padding:15px 40px;}
blockquote p {color:#0061a1;font-size:14px;font-style:italic;}
blockquote cite {color:#888;font-size:12px;font-style:italic;}
table {font-size: 1em;border-collapse:collapse;border-spacing:0;}
table th, table td {vertical-align:top;}
/* achtung: tabellen brauchen weiterhin 'cellspacing="0"' im markup! */
table p {padding:0;margin:0;}
hr, hr.linie-davor,  hr.linie-danach {clear:both;background-color:#adadad;color:#adadad;border:#adadad;height:1px;width:540px;margin:10px 0;}
address, caption, cite, code, dfn, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
fieldset {border:none;}
input, textarea, select {border:1px solid #ccc;font-size:1em;padding:2px;color:#336699;}
input:focus, textarea:focus {background-color:#f3f3f3;}
.csc-linkToTop {margin:30px 0 20px;}
.csc-linkToTop a:link, .csc-linkToTop a:visited {background:url("img/to-top.gif") 0 0 no-repeat;padding:2px 0 0 18px;font-weight:bold;text-decoration:none;}
.csc-linkToTop a:hover, .csc-linkToTop a:focus, .csc-linkToTop a:active {background:url("img/to-top.gif") 0 -30px no-repeat;text-decoration:none;}

img {border:0;color:#C00;}
.csc-textpic-caption {padding:3px 5px 0;color:#666;font-size:0.9em;}
.csc-textpic-intext-right .csc-textpic-caption {text-align:right;}
.csc-textpic-intext-left .csc-textpic-caption {text-align:left;}

/* CSC STYLED CONTENT WIRD AUTOMATISCH GELADEN 
* ANPASSUNGEN F�R BILDER MIT RAHMEN 
* (border-thickness, border-color, padding) 
* per TS unter -> common templates -> RTE, CSC, Optimierung !! 
*
*/

/* =NAVIGATION ======================== */
ul#navi {margin:0;}
ul#navi li {list-style:none;}
ul#navi li a:link, ul#navi li a:visited {display:block;padding-left:19px;background:url("img/icons.png") -10px -290px no-repeat;padding-top:1px;line-height:30px;text-decoration:none;border-bottom:1px dotted #ccc;}
ul#navi li a:hover, ul#navi li a:focus {background:#191a1b url("img/icons.png") -10px -350px no-repeat;color:#fff;}
/* first / last */
ul#navi li.last a:link, ul#navi li.last a:visited {border:none;}

/* current */
ul#navi li.cur a:link, ul#navi li.cur a:visited {background:#666;color:#fff;}

/* NAVI IN LINKER SPALTE */
#left ul#navi li.cursub,
#left ul#navi li.actsub {border-bottom:1px dotted #ccc;background-color:#faeec3;}
#left ul#navi li.cursub a:link, #left ul#navi li.cursub a:visited,
#left ul#navi li.actsub a:link, #left ul#navi li.actsub a:visited {border:none;}

/* 2. ebene */
#left ul#navi li ul {margin:0 0 15px;}
#left ul#navi li.cur li a:link, #left ul#navi li.cur li a:visited,
#left ul#navi li.actsub li a:link, #left ul#navi li.actsub li a:visited {line-height:25px;}
#left ul#navi li li a:link, #left ul#navi li li a:visited {border:none;background:none;}
/* current */
#left ul#navi li li.cur {padding-left:19px;}


/* =CONTENT ELEMENTS ======================== */

/* BUTTONS */
/* optik wird in custon.css definiert */
a.button:link, a.button:visited {display:block;width:auto;padding:4px 5px;background:url("img/buttons.png") 0 -130px repeat-x;text-align:center;text-transform:uppercase;color:#fff;font-weight:bold;text-decoration:none;}
#right a.button {margin:0 -10px -10px;}

/* BOXES */
/* abstand 20px */
/* gesamtbreit muss ggf. bei projekt angepasst werden (#content + box-abstand) */
.box-wrap {width:730px;margin:15px 0 15px;overflow:hidden;}
.box-2col {float:left;width:50%;}
.box-3col {float:left;width:33.3%;}
.box-3col-wrap .box-center {width:33.4%;}
.box-4col {float:left;width:25%;}
.box-2col .box-inner, .box-3col .box-inner, .box-4col .box-inner {margin-right:20px;padding:10px;border:1px solid #ccc;background:#eaeaea;}
/* allgemein */
.box h2.csc-firstHeader, .box h3.csc-firstHeader, .box h4.csc-firstHeader {margin-top:0;}


/* TEASER */
/* redakteur w�hlt im FCE Bildposition aus (Bild links/rechts) */
/* Breite Bild / Textelement muss ggf. bei projekt angepasst werden */
.teaser {clear:left;margin:0 0 20px;padding:5px 0 15px;border-bottom: 1px solid #CCCCCC;overflow:hidden;}
/*bild links */
.teaser-img-left .teaser-img {float:left;}
.teaser-img-left .teaser-text {float:right;}
/*bild rechts */
.teaser-img-right .teaser-img {float:right;}
.teaser-img-right .teaser-text {float:left;}
/*bild, text allgemein*/
.teaser-img img {padding:4px;background:#fff;border:1px solid #999;}
.teaser-img a:hover img {background:#eaeaea;border-color:#CC0033;}
.teaser-text {width:455px;}
.teaser-text h3 {margin-top:0;font-size:16px;}
.teaser-text p {margin-bottom:0;}
.teaser-text a {white-space:nowrap;}

/* preis */
.teaser-img-left .teaser-price {float:right;font-weight:bold;font-size:15px;}
span.teaser-date {display:inline-block;margin-top:10px;}

/* more-link */
a.teaser-morelink:link, a.teaser-morelink:visited {display:block;float:right;margin-top:5px;padding:5px 10px 4px;background:url("img/buttons.png") 0 -60px repeat-x;color:#fff;font-weight:bold;text-decoration:none;border:1px solid #CC6633;}


/* PRODUKTBOXEN */
/* redakteur w�hlt im FCE Bildposition aus (Bild links/rechts) */
/* Breite Bild / Textelement muss ggf. bei projekt angepasst werden */




/* SPALTEN */
#right h4.box-header {margin:0;padding-top:1px;line-height:29px;text-align:center;background:#035da1;color:#fff;}
#right .box-inner {padding:7px 10px 0;background:#eaeaea;}
#right .box {margin-bottom:20px;}
#right p, #right ul {margin-bottom:0;padding-bottom:10px;line-height:16px;}
#right table {width:172px;margin:-7px -10px 0 -10px; font-size:12px;}

/* =FOOTER ======================== */
#foot h5 {margin-bottom:15px;font-size:16px;text-transform:uppercase;}
#foot a:link, #foot a:visited {color:#fff;text-decoration:none;} 
#foot a:hover, #foot a:focus {color:#999;text-decoration:underline;} 

/* footer navi */
#footnavi ul {line-height:25px;}


/* =OTHER ======================== */

/* +++ copy ++++ */
span.copy {color:#fff;}
span.copy a:link, span.copy a:visited {color:#fff;text-decoration:none;}
span.copy a:hover, span.copy a:focus {text-decoration:underline;}

/* =EXTENSIONS ======================== */
/* POWERMAIL */
div.tx-powermail-pi1 fieldset {padding: 10px 20px 15px;background:#eaeaea;}
div.tx-powermail-pi1 legend {display:none;}
div.tx-powermail-pi1 div {margin-bottom:5px;overflow:hidden;}
div.tx-powermail-pi1 label {display:block;width:100px;float:left;font-weight:bold;line-height:30px;}
div.tx-powermail-pi1 input.powermail_text {width:285px;height:28px;padding:0 7px;}
div.tx-powermail-pi1 textarea {width: 300px;height: 100px;padding: 4px 6px 3px;background-color: #FDFDFD;border: 1px solid #A1A1A1;}
input.powermail_submit {width:150px;height:27px;margin-left:100px;padding-top: 2px;background-color:#FF6600;border:none;text-align: center;color:#fff;}

span.powermail_mandatory {color:#c00;}
input.invalid, input.powermail-field-error {border:1px solid #c00;}

div.error {z-index:10;min-width:150px;height:40px;padding:0 10px;background:url("img/error.png") 0 0 no-repeat;color:#fff;}
div.error p {line-height:35px;}



/* INDEXED SEARCH  */
.tx-indexedsearch {margin-bottom:40px;}
.tx-indexedsearch-redMarkup {color:#c00;font-weight:normal;}
.tx-indexedsearch-sw {color:#c00;font-style:italic;}
.tx-indexedsearch-searchbox,
.searchBox, .browser-searchbox {position:relative;margin:0px 0 16px; padding:8px 15px;overflow:hidden; background:#999;}
.searchbox-list-1 { padding-bottom: 13px}
.searchbox-list-1 form {}
.searchbox-list-1 ul li { margin-bottom:1px}

#content .tx-indexedsearch-searchbox fieldset {border:none;}
#content .tx-indexedsearch-searchbox fieldset + p {display:none;}

.tx-indexedsearch-searchbox legend {display:none;}
.tx_indexedsearch_mode a {color:#eaeaea;}
.tx-indexedsearch-searchbox form label {display:block;float:left;width:auto; margin-right:10px; padding-top:10px; color:#fff;font-weight:bold;}
.tx_indexedsearch_mode {float:right;margin:1px 0 0 0;padding:9px 10px 0;height:21px;color:#303930;font-size:12px;font-weight: bold;text-align: center;}
.tx-indexedsearch-searchbox-button {margin:0 10px;padding:8px;}
.tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword,
.searchBox .text {width:200px;padding:8px 10px 7px;margin-right:1px; background:url("img/input.png") #fff left top repeat-x}
.tx-indexedsearch-searchbox input.submit,
.searchBox .submit {margin-left:-75px;width:70px; height:33px;background:none;border-left:1px solid #ccc;color:#066271;cursor:pointer;}
.tx-indexedsearch-searchbox fieldset div {margin-top:10px;float:left;}
div.tx-indexedsearch-search-select-results {margin-bottom:10px;}
/* erweiterte suche */

.tx-indexedsearch-search-for {float:left; margin-right:20px;}
.tx-indexedsearch-search-for select {height:24px;margin-right: 10px;width: 145px;}
.tx-indexedsearch-searchbox form .tx-indexedsearch-search-for label {padding-top:6px;margin-right: 30px;}

.tx-indexedsearch-search-select-section {float:left;}
.tx-indexedsearch-search-select-section select {height:24px;}
.tx-indexedsearch-searchbox form .tx-indexedsearch-search-select-section label {padding-top:6px;}

.tx-indexedsearch-search-select-results {float:left;}
.tx-indexedsearch-search-select-results select {height:24px;}
.tx-indexedsearch-searchbox form .tx-indexedsearch-search-select-results label {padding-top:6px;margin-right: 38px;}

/* results */
.tx-indexedsearch-whatis {}
.tx-indexedsearch-noresults {margin-top:30px;font-style:italic;color:#c00;}
.tx-indexedsearch-browsebox {clear:both;margin:15px 4px 25px 7px;text-align:center;}
.tx-indexedsearch-browsebox p {text-align:center;}
.tx-indexedsearch-browsebox {display:none;}
.tx-indexedsearch-whatis + .tx-indexedsearch-browsebox {display:block;}
ul.browsebox {margin:0;}

.tx-indexedsearch-res {clear:both;margin-top: 20px;}
.tx-indexedsearch-res.res {margin-bottom:25px; padding-bottom:15px;border-bottom: 1px #C4D1C5 solid;}
.tx-indexedsearch-res h3 {font-size:14px;margin-bottom:7px;}
.tx-indexedsearch-icon {float:left;}
#content .tx-indexedsearch-res img {border:none;}
span.tx-indexedsearch-title a {padding-right:13px;}
span.tx-indexedsearch-percent {float:right;}
.tx-indexedsearch-res p {padding-left:22px;margin-bottom:5px;}
.tx-indexedsearch-info {margin-top:5px;color:#444;display:none;}
.tx-indexedsearch-text-item-crdate, .tx-indexedsearch-text-item-mtime, .tx-indexedsearch-text-item-path {font-style:italic;color:#999999;}
.tx-indexedsearch-text-item-crdate {padding-right:10px;}
p.info {margin-bottom:0;}
p.tx-indexedsearch-text-item-path {margin-top:0;}
.tx-indexedsearch-title-news, .tx-indexedsearch-title {margin-left: 5px;font-size:16px;}
.tx-indexedsearch-descr, .tx-indexedsearch-info {margin-left: 5px;}

.tx-indexedsearch-browsebox p,
.listarea .browsebox-list-1 {color:#666;padding-bottom:5px;margin-top:7px;margin-bottom:0px;}
.listarea .browsebox-list-1 {float:left;width: 460px;}
#right ul.browsebox {margin-top: 7px;color:#999999;}
ul.browsebox li {display:inline;list-style:none;line-height:1em;margin: 0px 15px 0px 0px;}
ul.browsebox li a:link, ul.browsebox li a:visited {color:#061D36;}
ul.browsebox li a { font-weight:normal; text-decoration:none;}
ul.browsebox li.tx-indexedsearch-browselist-currentPage a { font-weight:bold;}
.tx-indexedsearch-title-news a:link, .tx-indexedsearch-title-news a:visited { text-decoration:none;}
.tx-indexedsearch-title-news a:hover, .tx-indexedsearch-title-news a:focus { font-weight:normal; text-decoration:underline; color:#061D36}
.tx-indexedsearch-title a:link, .tx-indexedsearch-title a:visited { text-decoration:none;}
.tx-indexedsearch-title a:hover, .tx-indexedsearch-title a:focus { font-weight:normal; text-decoration:underline; color:#061D36}

/* Termine kb_eventboard */
#left .box {margin-bottom:55px;}
.termine .item {margin-bottom:10px;overflow:hidden;font-size:12px;}
.termine .date {float:left;width:35px;font-weight:bold;text-align:center;}
.termine .day {display:block;color:#b90101;}
.termine .month {display:block;color:#222;text-transform:uppercase;}
.termine h6 {float:right;width:110px;min-height:35px;padding-left:10px;border-left:1px solid #ccc;font-weight:normal;font-size:12px;}
.termine h6 a:link, .termine h6 a:visited {text-decoration:none;color:#333;font-weight: normal;}
.termine h6 a:hover, .termine h6 a:focus {text-decoration:underline;color:#b90101;}
#left .termine a.all:link, #left .termine a.all:visited {padding-left: 13px;text-decoration: none;background: url("img/icons.png") 0 3px no-repeat;font-size:11px;}
#left .termine a.all:hover, #left .termine a.all:focus {text-decoration:underline;background:url("img/icons.png") 0 -27px no-repeat;}
.eventboard-select {float:right;margin-top: -38px;}
.eventboard-select select#selectedcategory {font-size:12px;margin-right:10px;}
.eventboard-select input {display:inline-block;padding:3px 10px;color:#fff;text-decoration:none;
background: rgba(181,181,181,1);
background: -moz-linear-gradient(top, rgba(181,181,181,1) 0%, rgba(128,126,128,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(181,181,181,1)), color-stop(100%, rgba(128,126,128,1)));
background: -webkit-linear-gradient(top, rgba(181,181,181,1) 0%, rgba(128,126,128,1) 100%);
background: -o-linear-gradient(top, rgba(181,181,181,1) 0%, rgba(128,126,128,1) 100%);
background: -ms-linear-gradient(top, rgba(181,181,181,1) 0%, rgba(128,126,128,1) 100%);
background: linear-gradient(to bottom, rgba(181,181,181,1) 0%, rgba(128,126,128,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b5b5', endColorstr='#807e80', GradientType=0 );
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
border: 0px solid #000000;}
.eventboard-select input:hover {cursor:pointer;
background: rgba(161,161,161,1);
background: -moz-linear-gradient(top, rgba(161,161,161,1) 0%, rgba(105,105,105,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(161,161,161,1)), color-stop(100%, rgba(105,105,105,1)));
background: -webkit-linear-gradient(top, rgba(161,161,161,1) 0%, rgba(105,105,105,1) 100%);
background: -o-linear-gradient(top, rgba(161,161,161,1) 0%, rgba(105,105,105,1) 100%);
background: -ms-linear-gradient(top, rgba(161,161,161,1) 0%, rgba(1105,105,105,1) 100%);
background: linear-gradient(to bottom, rgba(161,161,161,1) 0%, rgba(105,105,105,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b5b5', endColorstr='#807e80', GradientType=0 );
}
.eventboard-entry {position:relative;margin-bottom:3px;padding:10px;background:#f2f2f2;border:1px solid #ddd;overflow:hidden;}
.eventboard-entry .date {display:block;float:left;width:110px;height:20px;padding-left:23px;background:url("img/icons.png") 0 -70px no-repeat;font-weight:bold;color:#222;}
.eventboard-entry .date span {display:inline-block;clear:both;}
.eventboard-info {float:left;width:370px;}
.eventboard-entry h2 {margin:0 0 5px;font-size:13px;font-weight:normal;}
.eventboard-entry h2 a:link, .eventboard-entry h2 a:visited {text-decoration:none;color:#222;}
.eventboard-entry h2 a:hover, .eventboard-entry h2 a:focus {text-decoration:underline;color:#000;}
.eventboard-entry p {margin-bottom:0;color:#777;}
.kb_eventboard_morelink {position:absolute;right:0;top:0;display:block;width:35px;height:80px;border-left:1px solid #ddd;text-indent:-999px;overflow:hidden;opacity:1;background:#f2f2f2 url("img/event_more.png") 12px 11px no-repeat;}
.kb_eventboard_morelink:hover {background:#ddd url("img/event_more.png") 12px 31px no-repeat;}

div.eventboard-single-info {margin-bottom:15px;padding-bottom:7px;border-bottom:1px solid #ccc;color:#bbb;}
div.eventboard-single-info span {display:inline-block;padding:0 10px;font-weight:bold;color:#555;}
div.eventboard-single-info span.date {padding-left:1px;}
div.eventboard-single img {float:right;margin:0 0 20px 20px;padding: 1px;border:3px solid #ddd;}

div.eventboard-single-info span.location {position:relative;}
div.eventboard-single-info span.location .open {padding:0;color:#cb241b;text-decoration:underline;}
div.eventboard-single-info span.location .open:hover {color:#666;cursor:pointer;}
div.eventboard-single-info .kb_eventboard-area {position:absolute;top:20px;left:10px;padding:0;background:#efefef;border:1px solid #ccc;font-weight:normal;-webkit-box-shadow: 0px 1px 5px 0px rgba(61,61,61,1);
-moz-box-shadow: 0px 1px 5px 0px rgba(61,61,61,1);
box-shadow: 0px 1px 5px 0px rgba(61,61,61,1);}
.kb_eventboard-areacontent {padding:15px 25px 5px 15px;white-space:nowrap;}
.kb_eventboard-areacontent #fancybox-close {display:block;}


/* PDF GENERATOR */
#pdf_printbutton {float:left;height:23px;margin-top:30px;padding:3px 0 0 20px;background: url("img/icons.png") no-repeat scroll 0 -179px transparent;}
#pdf_printbutton:hover {text-decoration:underline;}

/* =JQUERY STUFF ======================== */

/* jQuery Accordion */
h3.ui-accordion-header {margin:0 0 2px;background:#ccc;font-size:14px;text-transform:uppercase;font-weight:normal;}
h3.ui-accordion-header a:link,h3.ui-accordion-header a:visited { display:block;height:auto;padding:6px 20px 5px 35px; background-position:10px -375px; background-repeat:no-repeat; background-image: url("img/icons.png"); text-decoration:none;color:#333;  }
h3.ui-accordion-header a:hover, h3.ui-accordion-header a:focus {background-position:10px -415px;color:#000;outline:0;}
h3.ui-state-active {border:none;background-position:10px -415px;}
h3.ui-state-active a:link,h3.ui-state-active a:visited {background-color:#999; color:#fff;}
h3.ui-state-active a:hover,h3.ui-state-active a:focus { }

h3.ui-state-default a {}
div.ui-accordion-content {background:#eaeaea;padding:10px 15px 15px; overflow:hidden;} 
div.ui-accordion-content p {margin-bottom:7px;}



/*
 * 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'); }