@charset "utf-8";

/*-----------------------------------------------------------------------------
neoplan - screen stylesheet

version:   1.0
date:      08/09/2010
author:    Anja Deubzer
email:     anja.deubzer@raysono.com

website:   neoplan.de
-----------------------------------------------------------------------------*/


/* reset CSS
-----------------------------------------------------------------------------*/

/* --- CSS Reset by Eric Meyer --- http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ --- */
html {overflow-y: scroll;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {outline: 0;}

ol, ul, dl {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

img {display: block;}

.clear {
	clear: both;
	position: relative;
	display: block;
	height: 0px;
	line-height: 0px;
}


/* basic settings fonts */

h3 {
	font-weight: bold;
}

strong {
	font-weight: bold;
}

a {
	color: #333;
	text-decoration: none;
}


/* transparent layer for IE6 */

.transparentBg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: red;
}


/* Set up the document
-----------------------------------------------------------------------------*/

body {
	background: url(../img/bg_body.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #333;
}

#wrapper {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 970px;
}

/* header
-----------------------------------------------------------------------------*/

#header {
	position: absolute;
	width: 100%;
	height: 110px;
	z-index: 90;
}

#header h1 {
	padding: 0px 0px 8px 0px;
	width: 210px;
}

/* header: meta navigation */

#metaNavigation {
	color:#7B7B7B;
	font-size:11px;
	position:absolute;
	right:10px;
	top:10px;
	overflow: hidden;
}

#metaNavigation ul {
	float:left;
	padding-top:7px;
	padding-right: 0px;
	margin-right: -10px;
}

#metaNavigation li {
	background:url(../img/bg_separator_10.gif) right center no-repeat;
	float:left;
	list-style:none;
	padding:0 10px 0 10px;
}

#metaNavigation a {
	color:#7B7B7B;
}

#metaNavigation a:hover {
	text-decoration: underline;
}

#metaNavigation .formSelect {
	position: relative;
	background:none;
	border:1px solid #FFF;
	color:#7B7B7B;
	float:left;
	font-size:10px;
	margin:5px 0px 0 16px;
	outline:none;
	padding:0;
}

#metaNavigation .search {
	background:url(../img/bg_search.gif) no-repeat;
	float:left;
	height:19px;
	padding:3px 4px;
	width:202px;
	display: none;
	visibility: hidden;
}

#metaNavigation .search .formText {
	background:none;
	border:none;
	color:#AAAAAA;
	float:left;
	font-family:"Arial Narrow", Arial;
	font-size:14px;
	font-weight:bold;
	height:18px;
	padding:0 6px;
	width:172px;
}

#metaNavigation .search .focus {
	border:none;
	color:#AAAAAA;
	float:left;
	font-family:"Arial Narrow", Arial;
	font-size:14px;
	font-weight:bold;
	height:18px;
	padding:0 6px;
	width:172px;
}

#metaNavigation .search .formImage {
	border:none;
	cursor:pointer;
	float:right;
	height:19px;
	width:18px;
}

/* END header: meta navigation */


/* header: primary navigation */

#primaryNavigation {
	position: relative;
	float: left;
	display: inline;
	top: 0;
	font-size: 1px;
	line-height: 20px;
	font-weight: bold;
	padding: 0;
	z-index: 700;
	margin: 0px 0px -5px 0px;
}

#primaryNavigation li {
	position: relative;
	float: left;
	display: inline;
	height: 45px;
	list-style: none;
	padding: 0px 5px 0px 0px;
	margin: 0px 5px 0px 5px;
}

#primaryNavigation li.dropdown_Content {
	position: static;
}

#primaryNavigation a {
	position: relative;
	float: left;
	display: inline;
	top: 0;
	color: #555555;
	z-index: 800;
	width: auto;
	padding: 5px 0px 10px 5px;
}

#primaryNavigation a span {
	position: relative;
	display: block;
	height: 20px;
	width: 60px;
	padding: 10px 10px 0px 10px;
	text-indent: -1000px;
	overflow: hidden;
	background: transparent url(../img/cityliner.gif) no-repeat 50% 8px;
}

#primaryNavigation a.active span,
#primaryNavigation a:hover span {
	background-position: 50% -42px;
}

#primaryNavigation ul li a:hover,
#primaryNavigation a.active {
	color: #B18642;
	display: block;
}


/* dowpdown normal */

#primaryNavigation li.sfHover {
	background: transparent url(../img/bg_dropdown_navi_r~1.png) no-repeat 100% 0;
}

#primaryNavigation li.sfHover a {
	background: transparent url(../img/bg_dropdown_navi_l~1.png) no-repeat 0 0;
}

#primaryNavigation .sfHover ul {
	top: 50px;
	left: -10px;
	width: 192px;
	font-size: 12px;
	line-height: 15px;
	padding: 0px 0px 27px 0px;
	background: transparent url(../img/bg_dropdown_navi_b~1.png) no-repeat 0 100%;
	z-index: 750;
}

#primaryNavigation .sfHover ul li {
	position: static;
	top: -5px;
	float: none;
	display: block;
	width: 192px;
	background-image: none;
	margin: 0;
	padding: 0px 5px 0px 5px;
	height: auto;
}

#primaryNavigation .sfHover ul li.blindItem {
	position: relative;
	top: -10px;
	height: 10px;
	padding: 0;
	overflow: hidden;
	background: transparent url(../img/bg_dropdown_navi_t~1.png) no-repeat 50% 0%;
	margin-bottom: -2px;
}

#primaryNavigation .sfHover ul li a {
	float:  none;
	background-image: none;
	padding: 5px 20px 5px 20px;
	font-size: 12px;
	line-height: 15px;
	text-indent: 0px;
	display: block;
}

#primaryNavigation ul li.dropdown_Content_Item a {
	padding: 0;
	text-decoration: underline;
	display: inline;
	position: static;
}

/* dropdown_Content */

#primaryNavigation .dropdown_Content ul {
	left: -5px;
	top: 50px;
	width: 980px;
	background: transparent url(../img/bg_dropdown_content_b~1.png) no-repeat 0 100%;
	z-index: 750;
}


#primaryNavigation .dropdown_Content ul li {
	width: 182px;
}

#primaryNavigation .dropdown_Content ul li.blindItem {
	border: 0;
	width: 100%;
	background: transparent url(../img/bg_dropdown_content_t~1.png) no-repeat 100% 0;
}

#primaryNavigation .dropdown_Content ul li.dropdown_Content_Item {
	border: 0;
	position: relative;
	float: right;
	width: 760px;
	padding: 10px 0px 0px 0px;
}

#primaryNavigation .dropdown_Content h3 {
	font-size: 12px;
	line-height: 15px;
	margin: 0px 0px 10px 0px;
	width: 340px;
}

#primaryNavigation .dropdown_Content p {
	font-weight: normal;
	width: 340px;
	padding: 0px 0px 4px 0px;
}

#primaryNavigation .dropdown_Content img {
	float: right;
	margin: 0px 10px 0px 0px;
}

.sf-sub-indicator {
	display: none;
}

/* hide elements before JS is loaded ---- */
#primaryNavigation li ul,
#primaryNavigation .dropdown_Content ul {
	position: absolute;
	display: none;
	visibility: hidden;
}




/* END: header: primary navigation */

/* END header */


/* buttons
-----------------------------------------------------------------------------*/

/* cssButton */

.pagination .cssButton,
.innerContent .cssButton {
  position:relative;
  float: left;
  display: inline;
  line-height: 20px;
  height: 20px;
  color: #FFF;
  font-weight: bold;
  font-size: 12px;
  padding: 0px 10px 0px 0px;
  background: transparent url(../img/btn_default.gif) no-repeat 100% 0;
  margin-left: 4px;
}

.innerContent .cssButton {margin: 0px 0px 10px 9px;}
.innerContent .cssButton:after {clear:both;content:".";display:block;height:0;visibility:hidden;}

.innerContent .cssButton .buttonStart {
  position:relative;
  float: left;
  display: inline;
  height: 20px;
  width: 9px;
  background: transparent url(../img/btn_default_left.gif) no-repeat 0 0;
  margin-left: -4px;
  margin-right: 0;
}

.innerContent .cssButton.back .buttonStart {
	background-image: url(../img/btn_default_back.gif);
  width: 19px;
}

.innerContent .cssButton.next {
	background-image: url(../img/btn_default_next.gif);
  padding-right: 19px;
}

a.button {
	background:url(../img/bg_button_left.png) no-repeat;
	color:#FFF;
	display:inline-block;
	font-weight:bold;
	height:20px;
	padding-left:5px;
}

a.button span {
	background:url(../img/bg_button_right.png) top right no-repeat;
	cursor:pointer;
	display:inline-block;
	height:20px;
	padding-right:5px;
}

a.button span span {
	background:url(../img/bg_button_mid.png) repeat-x;
	padding:0 2px 0 5px;
}

a.button span span span {
	background:url(../img/icon_arrow.gif) left 5px	 no-repeat;
	height:18px;
	padding-left:10px;
	padding-top:2px;
}

/* END: buttons */

/* main containers ----------------------------------------------------------*/
/* --------------------------------------------------------------------------*/

#main {
	position: relative;
	border-top: 110px solid #FFF;
	background-repeat: no-repeat;
	background-color: #e5e5e5;
	font-size: 12px;
	height: auto;
	min-height: 465px;
	z-index: 80;
}

#main.homeMain {
	overflow: hidden;
	height: auto;
}

#main.contentPage,
#wrapper .contentPage {
	border-bottom: 1px solid #c0bbb7;
	background: transparent url(../img/bg_sidebar~1.png) repeat-y 100% 0;
}

.innerContent {
	float:right;
	width: 536px;
	height:auto !important;
	height:460px;
	min-height:460px;
	margin: 20px 10px 0px 0px;
	padding: 16px 15px 20px 14px;
	background: transparent url(../img/bg_white_transparent.png) repeat 0 0;
}

.sitemapPage .innerContent {
	width: 754px;
	padding-right: 0;
}

#sidebarLeft {
	position: relative;
	float:left;
	display: inline;
	padding-top:20px;
	z-index: 300;
	width: 192px;
}

.homeMain #sidebarLeft {
	height:auto !important;
	height:290px;
	min-height:290px;
	width: 210px;
}

#sidebarRight {
	position: relative;
	float:right;
	display: inline;
	top: 0;
	background:url(../img/bg_sidebar~1.png);
	height: auto;
	min-height: 465px;
	padding: 19px 0px 10px 0px;
	width:192px;
}

.contentPage #sidebarRight {
	background-image: none;
	height: 100%;
}

#sidebarBottom {
	position: relative;
	float:left;
	clear: left;
	width: 100%;
	background: transparent url(../img/bg_bottom_teaser~1.png) repeat-x 0 0;
	color:#FFF;
	height:auto /*!important;
	height:145px*/;
	min-height:145px;
	z-index: 300;
	overflow: visible;
}




/* main home: content styles ------------------------------------------------*/
/* --------------------------------------------------------------------------*/

.flashHome,
.carouselHome {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	zoom: 1;
}

.carouselNavi {
	position: absolute;
	display: block;
	top: 270px;
	right: 5px;
	z-index: 950;
	padding: 0px 0px 0px 0px;
}

.carouselNavi div {
	position: relative;
	float: left;
	display: inline;
}

.carouselNavi a,
.galleryCarousel a {
	position: relative;
	float: left;
	display: inline;
	height: 30px;
	width: 30px;
	background: transparent url(../img/bg_carousel_default.gif) no-repeat 0 0;
	text-indent: -1000px;
}

.carouselNavi a.activeSlide,
.carouselNavi .navi a:hover {
	float: left;
	height: 30px;
	width: 30px;
	background: transparent url(../img/bg_carousel_hover.gif) no-repeat 0 0;
}

.prev a,
.next a,
.carouselNavi .prev a,
.carouselNavi .next a {
	width: 25px;
	height: 30px;
	overflow: hidden;
}

.carouselNavi .prev a { background-image: url(../img/bg_carousel_prev~1.png); }
.carouselNavi .prev a:hover {	background-image: url(../img/bg_carousel_prev_hover~1.png); }
.carouselNavi .next a { background-image: url(../img/bg_carousel_next~1.png); }
.carouselNavi .next a:hover {	background-image: url(../img/bg_carousel_next_hover~1.png); }




/* main: content styles -----------------------------------------------------*/
/* --------------------------------------------------------------------------*/

/* START content text styles */
h2 {
	font-size: 18px;
	margin: 0px 0px 27px 0px;
}

.innerContent h2 {
	margin: 0px 5px 27px 5px;
	line-height: 18px;
}

.innerContent h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 30px 5px 10px 5px;
	clear: left;
}

.sitemapContainer h3 {
	background-color: #d4d4d4;
	padding: 10px 5px 10px 5px;
}

.innerContent p {
	margin: 0px 5px 10px 5px;
}
.innerContent p a {
	color: #333;
	text-decoration: underline;
}

.details ul {
	clear: left;
	margin: 0px 0px 20px 0px;
}

.innerContent ul {
	/*clear: left;*/
	overflow: hidden;
	margin: 0px 0px 20px 5px;
}

.details ul li li,
.details ol ul li,
.details ul li,
.innerContent ul li li,
.innerContent ol ul li,
.innerContent ul li {
	padding: 0px 0px 8px 10px;
	margin: 0px 0px 0px 0px;
	background: transparent url(../img/bg_list_default.gif) no-repeat 0 0;
}

.innerContent .sitemapContainer li li,
.innerContent .sitemapContainer li {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-image: none;
}

.innerContent .sitemapContainer li li {
	padding: 0px 0px 0px 10px;
}

/*.innerContent .sitemapContainer li li .lnk,
.innerContent .sitemapContainer li .lnk {
	margin-left: 0;
}*/

.details li ul,
.innerContent li ul {
	position: relative;
	top: 8px;
	margin: 0px 0px 0px 0px;
}

.sitemapContainer li ul {
	top: 0;
}

.details ol,
.innerContent ol {
	list-style-type: decimal;
	list-style-position: outside;
	padding-left: 20px;
	margin: 0px 0px 20px 5px;
}

.details ol li,
.innerContent ol li {
	display: list-item;
	vertical-align: top;
	margin: 0px 0px 8px 0px;
}

.details .lnk,
.details .lnk_external,
.innerContent .lnk ,
.innerContent .lnk_external {
	display: block;
	padding: 0px 0px 0px 11px;
	margin: 0px 0px 8px 5px;
	background: transparent url(../img/bg_lnk.gif) no-repeat 0 0;
}

ul.contentList li li .lnk,
ul.contentList li li .lnk_extrenal {
	margin-bottom: 0;
}

.details .lnk_external,
.innerContent .lnk_external {
	display: inline;
	padding: 0px 0px 0px 11px;
	margin: 0px 0px 8px 5px;
	background: transparent url(../img/bg_lnk_out.gif) no-repeat 0 0;
}

.details p .lnk_external,
.innerContent p .lnk_external {
	display: inline;
	padding: 0px 9px 0px 0px;
	margin: 0px 6px 0px 0px;
	background: transparent url(../img/bg_lnk_out.gif) no-repeat 100% 0;
}

#cboxContent .lnk_external {
	display: inline;
	padding: 0px 10px 0px 0px;
	margin: 0px 6px 0px 0px;
	background: transparent url(../img/bg_lnk_out.gif) no-repeat 100% 0;
}

.details p a:hover,
.details .lnk_external:hover,
.details .lnk:hover,
.innerContent p a:hover,
.innerContent .lnk_external:hover,
#cboxContent .lnk_external:hover,
.innerContent .lnk:hover {
	color: #B18642;
}

.download {
	margin: 0px 0px 0px 0px;
}

.download a {
	margin: 0px 0px 0px 5px;
}

.ppt,
.zip,
.jpg,
.mp3,
.video,
.xls,
.download .xls,
.doc,
.download .doc,
.pdf,
.download .pdf {
	display: block;
	padding: 4px 0px 4px 21px;
	background: transparent url(../img/download_pdf.gif) no-repeat 0 2px;}
.doc,
.download .doc { background: transparent url(../img/download_doc.gif) no-repeat 0 2px;}
.xls,
.download .xls { background: transparent url(../img/download_xls.gif) no-repeat 0 2px;}


.sitemapContainer {
	position: relative;
	float: left;
	display: inline;
	width: 178px;
	margin: -10px 10px -10px 0px;
}

/* END content text styles */

/* START content form styles */

.formLeft {
	clear: left;
}

#contactFrame {
	background-position: 0px -66px;
	/*background-image: none;*/
}

#contactFrame #header {
	position: relative;
	height: 44px;
}

#contactFrame .contentPage {
	width: 596px;
	border-bottom: 1px solid #c0bbb7;
}

fieldset {
	position: relative;
	display: block;
	clear: both;
	margin: 20px 0px 0px 0px;
}

.formLeft {
	clear: none;
	width: 265px;
	float: left;
	display: inline;
}

.formRight {
	clear: right;
	float: right;
	display: inline;
	width: 262px;
	margin: 20px 1px 0px 0px;
}

.formBox h3 {
	margin-top: 0px;
}

.formBox p,
.formBox h3 {
	clear: left;
}

.formBox img {
	margin-left: 5px;
	width: 257px;
}

.captcha {
}

.formBox label,
.formBox .groupLabel {
	clear: left;
	position: relative;
	display: inline;
	float: left;
	width: 95px;
	line-height: 22px;
}

.formBox .radioLabel {
	clear: none;
	width: auto;
}

.formBox .groupLabel,
.formBox label,
.formBox select,
.formBox textarea,
.formBox input {
	margin: 0px 0px 8px 5px;
}

.formBox textarea,
.formBox select,
.formBox input {
	position: relative;
	display: inline;
	float: left;
	width: 150px;
}

.formBox .checkboxInput {
	margin: 0px 5px 4px 5px;
}

.formBox div.error,
.formBox label.error {
	color: red;
}

.formBox .sendInput,
.formBox .checkboxInput,
.formBox .radioInput {
	width: auto;
	margin: 4px 5px 4px 5px;
}

.formBox .sendInput {
	float: right;
}

.formBox #strasse {width: 100px;}
.formBox #nummer {width: 40px;}
.formBox #plz {width: 40px;}
.formBox #ort {width: 100px;}

.formBox .checkboxLabel {
	clear: none;
	display: block;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
}

.formBox .captcha input { width: 251px; }
.formBox .betreffSelect { width: 257px; }
.formBox textarea { width: 255px; height: 110px; }

.formBox .radioLabel {
	margin: 0px 10px 0px 0px;
}

/* END content form styles */


/* START content table styles */
.innerContent table.simple {
	font-size: 12px;
	border-collapse:collapse;
	margin-bottom: 20px;
	clear:both;
	/*width: 100%;*/
}

.innerContent table th strong,
.innerContent table td strong {
	font-weight: bold;
}

.innerContent table.simple th {
	font-weight: bold;
	text-align:left;
	padding: 5px 5px 5px 4px;
}

.innerContent table.simple th.tblHead {
	font-weight:normal;
	line-height: 20px;
	border-bottom: 1px solid #AAA;
}

.innerContent table.simple tr.first th {
}

.innerContent table.simple td {
	padding: 3px 4px 2px 4px;
}

.innerContent table.colored {
	/*width: 100%;*/
	font-size: 12px;
	border-collapse:collapse;
	clear:both;
	margin-top: 20px;
}

.innerContent table.colored tr.cols td {
	border:none;
}

.innerContent table.colored th {
	text-align:left;
	padding: 5px 4px 4px 4px;
	background-color: #d4d4d4;
	border: 1px solid #AAA;
}

.innerContent table.colored .tblHead {
	font-weight: bold;
	line-height:1.4em;
	padding: 5px 5px 5px 5px;
	border:none;
	color:  #FFF;
	background: #888 url(../img/bg_table_th.gif) repeat-x 0% 100%;
	border-left: 1px solid #888;
	border-right: 1px solid #888;
}

.innerContent table.colored .tblHilight {
	background-color: #f5dbbb;
}

.innerContent table.colored .tblHeadSpace {
	border:none;
	padding:0 0 0 0;
	height:2px;
	background-color: transparent;
}

.innerContent table.colored td {
	padding: 5px 5px 5px 4px;
	border: 1px solid #AAA;
}

.innerContent table.colored tr.tblFooter td {
	border:none;
	color: #5a5a5a;
	padding-left: 0;
}
/* END content table styles */



/* START content image styles */

.visualImage {
	position: relative;
	margin: -16px -15px 16px -14px;
	/*17px 15px 20px 14px*/
}

.floatImage {
	position: relative;
	float: left;
	display: inline;
	padding-bottom: 8px;
	margin-right: 10px;
}

.blockImage {
	margin-bottom: 10px;
}

.floatImage .floatImageImg {
	display: block;
}

.floatImage img {
	padding-top: 3px;
}

.small .floatImageDescription,
.small {
	width: 172px;
}

.details .small .floatImageDescription,
.details .small {
	width: 255px;
}

.big .floatImageDescription,
.big {
	width: 536px;
}

.image {
	padding-bottom:7px;
	margin-right:19px;
}

.innerContent .contentImage {
	margin: 12px 0px 10px 0px;
	margin-bottom:10px;
}

.noDetails {
	position:relative;
	float:left;
	padding-bottom:0;
	margin-right:19px;
}


.galleryImageDescription,
.floatImageDescription {
	position: relative;
	margin: 4px 0px 0px 0px;
	height: auto !important;
	height: 15px;
	min-height: 15px;
}

.noLink .floatImageDescription {
	height: auto;
	min-height: 0;
}

.galleryImageDescription span,
.floatImageDescription span {
	display: block;
	margin-right: 23px;
	margin-left: 5px;
	font-size: 11px;
	color: #5a5a5a;
}

.noLink .floatImageDescription span {
	margin-right: 5px;
}

.galleryImageDescription .btnZoom,
.floatImageDescription .btnZoom {
	position: absolute;
	right: 5px;
	top: 0;
	display: block;
}

/* END content image styles */



/* START image gallery styles */

.innerContent .gallery {
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	margin-bottom: -1px;
}

.row,
.gallery .row {
	clear: left;
	background-color: #FFF;
}

.gallery .galleryImage {
	float: left;
	padding-right: 10px;
	margin-bottom: 11px;
}

.gallery .endOfRow  {
	padding-right: 0;
}
.gallery .galleryImage.rightmost {
	padding-right:0;
}

.galleryImageDescription {
	width: 172px;
}

.galleryCarousel {
	position: relative;
	height: 404px;
	margin-top: -7px;
}
.galleryCarousel .centerImg {
	position:  absolute;
	top: 0;
	width: 536px;
	height: 378px;
	background-color: #FFF;
}

.galleryCarousel .centerImg img {
	position: relative;
	margin: 0px auto 0px auto;
}

.galleryCarousel .centerImg p {
	position: relative;
	margin: 5px 0px 0px 0px;
	padding: 0;
	height: 16px;
	overflow: hidden;
/*	background: red;*/
	text-align: center;
}

.galleryCarousel .prev a,
.galleryCarousel .next a {
  position: absolute;
  top: 0;
  left: 0px;
  width: 268px;
  z-index: 300;
  height: 360px;
  background-repeat: none;
  background-position: 0% 50%;
}

.galleryCarousel .prev a {	background-image: url(../img/bg_gallery_prev.gif); }
.galleryCarousel .prev a:hover {	background-image: url(../img/bg_gallery_prev_hover.gif); }
.galleryCarousel .next a {	background-image: url(../img/bg_gallery_next.gif); background-position: 100% 50%; }
.galleryCarousel .next a:hover {	background-image: url(../img/bg_gallery_next_hover.gif); }


.galleryCarousel .next a {
  left: auto;
  right: 14px;
}

.pagerCarousel {
  position: relative;
  float: left;
  display: inline;
  /*padding: 0px 22px 0px 22px;*/
}

.pagerCarousel li {
  position: relative;
  display: block;
  float: left;
  width: 90px;
  height: 60px;
  /*margin: 0px 4px 0px 4px;*/
  background: #FFF;
  border: 1px solid #FFF;
  overflow: hidden;
}

.pagerCarousel .activeLI {
  border: 1px solid #b18642;
}

.pagerCarousel li img {
  width: 90px;
}

.pagerCarousel li p {
  display: none;
  visibility: hidden;
}

.layer .footer.footerCarousel {
  height: 60px;
}

/* END image gallery styles */



/* START press styles */

.innerContent .introParagraph {
	margin: 0px 5px 22px 5px;
}

/* select filter */
.sortingBar {
	position: relative;
	display: block;
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #FFF;
	margin: 0px 0px 29px 0px;
	background: transparent url(../img/bg_sorting.gif) repeat-x 0 0;
}

.selectPos {
	position: relative;
	float: left;
	display: inline;
	height: 20px;
	margin-right: 20px;
}

.selectPos a img {
	position: relative;
	float: left;
	display: inline;
	margin: -3px 5px 0px 0px;
}

.sortingBar input {
	padding: 0px 7px 0px 7px;
	font-size: 11px;
	margin-left: 5px;
}

.sortingBar span {
	position: relative;
	float: left;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	display: block;
}

.sortingBar select {
	font-size: 11px;
	width: 70px;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}

.sortingBar .categorie {
	width: 120px;
}


/* press list items */

.innerContent .contentList {
	margin: 0px;
}

ul.contentList li {
	position: relative;
	display: inline;
	float: left;
	width: 100%;
	padding: 3px 0px 12px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #AAA;
	background: none;
}

ul.contentList li li {
	position: relative;
	display: list-item;
	float: none;
	width: auto;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	border-top: 0;
	background: none;
}

ul.contentList ul {
	position: relative;
	top: 0;
	clear: none;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 5px;
}

.downloadRow {
}

.pressRow {
}

.innerContent .contentList h3 {
	margin: 4px 5px 10px 5px;
}

.innerContent .downloadRow h3 {
	margin: 4px 5px 5px 5px;
}

.innerContent .contentList span { /* date */
	font-size: 11px;
	margin: 0px 0px 3px 5px;
	display: block;
	color: #5a5a5a;
}

.innerContent .contentList .lnk_external,
.innerContent .contentList .lnk {
	/*float: left;*/
	overflow: hidden;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

.downloadRow a {
	margin-left: 0px;
}

.innerContent .contentList .imagecontainer {
	position: relative;
	display: inline;
	float: left;
	padding: 2px 15px 11px 0px;
}

.innerContent .contentList h3 a,
.innerContent .contentList .imagecontainer a {
	position: relative;
	float: none;
	display: block;
	padding: 0;
	margin: 0px 0px 0px 0px;
}

.innerContent .contentList .headerRow {
	margin: 0px 0px -1px 0px;
	padding: 10px 5px 10px 5px;
	font-weight: bold;
	background-color: #d4d4d4;
	border: 0;
	z-index: 400;
	border-bottom: 10px solid #FFF;
}

/* END press styles */

/* inner content : videos */
.videoContainer {
	position: relative;
	display: block;
	margin: 30px auto 30px auto;
	width: 382px;
}
.videoContainer p {
	margin-left: 0;
	padding-top: 3px;
	clear: left;
}
.youtubeContainer {
	margin: 0px 0px 30px 0px;
}
.youtubeGallery {
	margin: 0px 0px 5px 0px;
}

/* START pagination styles */

.pagination {
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 15px;
	border-top: 1px solid #AAA;
	text-align: center;
}
.pagination * {
	font-size:12px;
}

.pagination .next,
.pagination .back {
	position:relative;
	float: left;
	display: inline;
	height: 20px;
	width: 20px;
	background: transparent url(../img/btn_back.gif) no-repeat 0 0;
	z-index: 555;
}

.pagination .back:hover {
	background-image: url(../img/btn_back_hover.gif);
}

.pagination .next {
	float: right;
	background-image: url(../img/btn_next.gif);
	background-position: 100% 0;
}

.pagination .next:hover {
	background-image: url(../img/btn_next_hover.gif);
}

.pagenumbers {
	position: relative;
	margin: 0px auto 0px auto;
}

.pagenumbers span,
.pagenumbers a {
	display: inline;
	line-height: 20px;
	margin: 0 8px 0 8px;
}
.pagenumbers a.active {
	font-weight:bold;
}
/*.pagenumbers span {
	float:left;
}*/


/* END pagination styles */


/* main: left sidebar ------------------------------------------------------*/
/* --------------------------------------------------------------------------*/

.naviHeader {
	margin-bottom:1px;
}

.naviHeader,
.naviContainer {
	position: relative;
	overflow: hidden;
}


#sidebarLeft h2 {
	color:#B18642;
	font-family:"Arial Narrow", Arial;
	font-size:27px;
	line-height: 30px;
	/*height: 40px;*/
	margin: 0;
	padding: 5px 20px 5px 20px;
	width:152px;
	background:url(../img/bg_white_transparent.png);
}

#secondaryNavigation {
	background:url(../img/bg_white_transparent.png);
	padding:7px 20px 17px;
	width:152px;
}

#secondaryNavigation li {
	position: relative;
	display: block;
	font-weight:bold;
	list-style:none;
	padding: 3px 0;
	zoom:1;
}

#secondaryNavigation li ul li {
	font-weight:normal;
	padding: 1px 0 0 20px;
	zoom:1;
}

#secondaryNavigation a {
	position: relative;
	color:#555555;
	display: block;
	padding: 2px 0;
}

#secondaryNavigation a:hover,
#secondaryNavigation a.active {
	color:#B18642;
}

/* END: main: left sidebar */

/* main: right sidebar */


#sidebarRight .sidebarSeparator {
	position: relative;
	display: block;
	width: auto;
	left: 0;
	top: 0;
	margin: 0;
	height:1px;
	overflow:hidden;
	background:url(../img/bg_sidebar_separator.png);
}


#sidebarRight .socialBookmarks,
#sidebarRight .teaser {
	position: relative;
	display: block;
	width: auto;
	left: 0;
	top: 0;
	margin: 0;
	padding: 5px 10px 6px 10px;
	color:#FFF;
	background:url(../img/bg_sidebar_teaser~1.png);
}

.teaser h3 {
	/*font-family: "Arial Narrow", Arial;*/
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	padding-bottom: 7px;
	margin: 0;
}

.teaser p {
	padding-bottom: 11px;
}

.teaser ul {
	padding-bottom: 5px;
}
.teaser ul li {
	padding-bottom: 5px;
}

.teaser ul li p {
	margin: 0;
	padding: 0;
}

.teaser a {
	color:#FFF;
}
.teaser a:hover {
	color:#EBB777;
}

.teaser .telephone {
	background:url(../img/icon_telephone.gif) left 2px no-repeat;
	padding-left:20px;
}

.teaser .email {
	background:url(../img/icon_email.gif) 1px 3px no-repeat;
	padding-left:20px;
}

.teaser .mobile {
	background:url(../img/icon_mobile.gif) 3px 1px no-repeat;
	padding-left:20px;}

.teaser .fax {
	background:url(../img/icon_fax.gif) 1px 3px no-repeat;
	padding-left:20px;}

.teaser .pdf {
	background:url(../img/icon_pdf.gif) 0px 3px no-repeat;
	display:inline-block;
	padding-left:20px;
}

.teaser .xls{
	background:url(../img/icon_excel_teaser.gif) 0px 3px no-repeat;
	display:inline-block;
	padding-left:20px;}

.teaser .doc{
	background:url(../img/icon_word_teaser.gif) 0px 3px no-repeat;
	display:inline-block;
	padding-left:20px;}

.teaser .ppt{
	background:url(../img/icon_ppt_teaser.gif) 0px 3px no-repeat;
	display:inline-block;
	padding-left:20px;}

.teaser .zip{
	background:url(../img/icon_zip_teaser.gif) 0px 3px no-repeat;
	display:inline-block;
	padding-left:20px;}

.teaser .jpg{
	background:url(../img/icon_jpg_teaser.gif) 0px 3px no-repeat;
	display:inline-block;
	padding-left:20px;}

.teaser .mp3{
	background:url(../img/icon_mp3_teaser.gif) 0px 3px no-repeat;
	display:inline-block;
	padding-left:20px;}

.teaser .video{
	background:url(../img/icon_video_teaser.gif) 0px 3px no-repeat;
	display:inline-block;
	padding-left:20px;}

.teaser .lnk {
	background:url(../img/icon_link.gif) left 5px no-repeat;
	display:inline-block;
	padding-left:11px;
}

.teaser a.lnk:hover {
	background-image:url(../img/icon_link_hover.gif);
}

.teaser .lnk_external {
	background: transparent url(../img/icon_link_out.gif) left 5px no-repeat;
	display:inline-block;
	padding-left:11px;
}

.teaser .lnk_external:hover {
	background-image:url(../img/icon_link_out_hover.gif);
}

.teaser img {
	position: relative;
	margin: -2px -4px 7px -4px;
}

.lastTeaser {
	margin-bottom: 10px;
}


/* main: layers */

.layer {
	position: absolute;
}
.layer .content {
	position: relative;
	color: #333333;
	background-color: #FFF;
	overflow: hidden;
}

.layer h3 {
	color: #B18642;
	font-size: 15px;
	line-height: 20px;
	padding-bottom: 10px;
}

.layer p {
	padding-bottom: 8px;
}

.layer .footer {
	position: relative;
	height: 20px;
	margin-top: 1px;
	overflow: hidden;
	padding: 10px 10px 9px;
	text-align: right;
	background-color: #FFF;
}
.layer .footer .pageOverview {
	float:left;
	padding-top:2px;
}
.layer .footer .pager {
	position: relative;
	float:right;
}
.layer .footer .pager a {
	position: relative;
	display: inline;
	float:left;
	width:10px;
	height:20px;
	margin-left:5px;
	background:url(../img/bg_pager.gif) no-repeat;
}
.layer .footer .pager a:hover,
.layer .footer .pager a.active {
	background-image:url(../img/bg_pager_active.gif);
}

.layer .footer .pager a.previous {
	background-image:url(../img/bg_pager_previous.gif);
	width:15px;
}

.layer .footer .pager a.previous:hover {
	background-image:url(../img/bg_pager_previous_hover.gif);
}

.layer .footer .pager a.previous-inactive {
	background-image:url(../img/bg_pager_previous_inaktiv.gif);
}

.layer .footer .pager a.previous-inactive:hover {
	background-image:url(../img/bg_pager_previous_inaktiv.gif);
	cursor:default;
}

.layer .footer .pager a.next {
	background-image:url(../img/bg_pager_next.gif);
	width:15px;
}

.layer .footer .pager a.next:hover {
	background-image:url(../img/bg_pager_next_hover.gif);
}

.layer .footer .pager a.next-inactive {
	background-image:url(../img/bg_pager_next_inaktiv.gif);
}

.layer .footer .pager a.next-inactive:hover {
	background-image:url(../img/bg_pager_next_inaktiv.gif);
	cursor:default;
}
.caption {
	position: relative;
	margin-top: 280px;
	margin-left: 202px;
	margin-bottom: 40px;
	width: 375px;
}

.caption .content {
	height: 130px;
	padding: 18px 20px 18px 20px;
	background: transparent url(../img/bg_white_transparent.png) repeat;
}
.caption .footer {
	background: transparent url(../img/bg_white_transparent.png) repeat;
}

.details {
	top: 60px;
	left: 212px;
	width: 545px;
}

.details .content {
	height: 325px;
	padding: 12px 15px 10px 15px;
}

.details .content a.close {
	position: absolute;
	right: 5px;
	top: 5px;
	height: 15px;
	width: 15px;
	display: block;
	background: url(../img/icon_close.gif);
}

.details .content a.close:hover {
	background-position: 0px -50px;
}

.details .shadow {
	position: absolute;
	top: -2px;
	left: -2px;
	width: 550px;
	height: 391px;
}

.galleryDetail {
	width: 565px;
	position: relative;
	float: right;
	margin: 20px 10px 20px 0px;
}
.galleryDetail h2 {
	margin: 0px 0px 20px 0px;
}
.galleryDetail .content {
	padding: 22px 0px 0px 15px;
}
.galleryDetail .galleryImageDescription {
	height: 45px;
}

/* END: main: layers */


/* END: main: right sidebar */

#sidebarBottom .teaser {
	position: relative;
	display: inline;
	float: left;
	width: 220px;
	padding: 15px 0px 5px 0px;
	margin-left: 20px;
	bottom: auto;
	right: auto;
}

#sidebarBottom .sidebarSeparator {
	display: none;
}

#sidebarBottom .teaser img {
	margin: -2px 0px 7px 0px;
	position: relative;
}

.socialBookmarks {
	position: absolute;
	bottom: 20px;
	right: 	20px;
	width: 210px;
}

.socialBookmarks p {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: -2px -10px 0px -0px;
	zoom: 1;
}

.socialBookmarks span,
.socialBookmarks a {
	position: relative;
	float: left;
	display: block;
	margin: 0px 10px 10px 0px;
}

.socialBookmarks a {
  position: relative;
  float: left;
  display: inline;
	width: 16px;
	height: 16px;
	background: transparent url(../img/sb_sprite_neu.png) no-repeat 0% 0%;
}

.socialBookmarks a.sb-flickr {		background-position: 0px 0px;}
.socialBookmarks a.sb-facebook {	background-position: -30px 0px;}
.socialBookmarks a.sb-youtube {		background-position: -60px 0px;}
.socialBookmarks a.sb-friendfeed {		background-position: -90px 0px;}
.socialBookmarks a.sb-twitter {		background-position: -120px 0px;}
.socialBookmarks a.sb-googlebookmarks {		background-position: -150px 0px;}
.socialBookmarks a.sb-yahoobookmarks {		background-position: -180px 0px;}
.socialBookmarks a.sb-mrwong {		background-position: -210px 0px;}
.socialBookmarks a.sb-delicious {		background-position: -240px 0px;}

.socialBookmarks a.sb-flickr:hover {		background-position: 0px -30px;}
.socialBookmarks a.sb-facebook:hover {	background-position: -30px -30px;}
.socialBookmarks a.sb-youtube:hover {		background-position: -60px -30px;}
.socialBookmarks a.sb-friendfeed:hover {		background-position: -90px -30px;}
.socialBookmarks a.sb-twitter:hover {		background-position: -120px -30px;}
.socialBookmarks a.sb-googlebookmarks:hover {		background-position: -150px -30px;}
.socialBookmarks a.sb-yahoobookmarks:hover {		background-position: -180px -30px;}
.socialBookmarks a.sb-mrwong:hover {		background-position: -210px -30px;}
.socialBookmarks a.sb-delicious:hover {		background-position: -240px -30px;}


#sidebarRight .socialBookmarks a {
}

.socialBookmarks img {
	display: inline;
	margin: 0px 0px -3px 0px;
	padding: 0px 0px 0px 0px;
}
#sidebarRight .socialBookmarks img {
	margin: 0px 0px 0px 0px;
}

.tooltip,
#tooltip {
	position: absolute;
	z-index: 3000;
	color: #B18642;
	border:1px solid #B18642;
	background-color: #fff;
	padding: 2px 4px 2px 4px;
	opacity: 0.9;
	font-weight: normal;
}

.tooltip h3, .tooltip div,
#tooltip h3, #tooltip div {	font-weight: normal;
 margin: 0; }

.teaserHome {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0px 0px 0px 5px;
	padding: 10px 10px 10px 10px;
	background: transparent url(../img/bg_ts_home.png) no-repeat;
}

.teaserHome .teaserTitle {
	position: absolute;
	display: block;
	bottom: 1000px;
	left: 10px;
	color: #FFF;
	width: 160px;
	padding: 5px 5px 5px 20px;
	background: transparent url(../img/bg_ts_home_text.png) no-repeat;
}

.teaserHome a.hover .teaserTitle,
.teaserHome a:hover .teaserTitle {
	bottom: 10px;
}

.teaserHome a.reset .teaserTitle {
	bottom: 1000px;
}

#mainBottom {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 50px;
	width: 50px;
	background: transparent url(../img/bg_corner~2.png) no-repeat 0% 100%;
	z-index:99;
}



/* END: main */

/* footer
-----------------------------------------------------------------------------*/

#footer {
	color:#7B7B7B;
	font-size:11px;
	padding: 5px 10px 5px 10px;
	text-align:right;
}

#footer .copy {
	float:left;
	text-align:left;
}

#footer ul {
	float:right;
}

#footer li {
	background:url(../img/bg_separator_10.gif) right center no-repeat;
	float:left;
	list-style:none;
	padding:0 11px 0 9px;
}

#footer li.last {
	background:none;
	padding-right:0;
}

#footer a {
	color:#7B7B7B;
}

/* END: footer */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow: visible !important;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{ background-color: #333;}
#colorbox{}
    #cboxTopLeft,
    #cboxTopRight {width: 10px;}
    #cboxTopLeft,
    #cboxTopRight,
    #cboxTopCenter {
      height: 45px;
      background:#FFF url(../img/lightbox/border~1.gif) repeat-x 0 34px;
    }
    #cboxBottomLeft,
    #cboxBottomRight{ width: 10px;}
    #cboxBottomLeft,
    #cboxBottomRight,
    #cboxBottomCenter{
      height: 52px;
      background-color:#FFF;
    }
    .frameLayer #cboxBottomLeft,
    .frameLayer #cboxBottomRight,
    .frameLayer #cboxBottomCenter{
      height: 12px;
      background-color:#FFF;
    }
    #cboxMiddleLeft,
	#cboxMiddleRight{ width: 10px; background: #FFF;}
    #cboxContent{ background-color: #fff; }
        #cboxLoadedContent{
        }
        #cboxTitle{
        	position: absolute;
        	bottom: -40px;
        	left: 0px;
        	text-align: left;
        	width:100%;
        	color: #333;
        	height: 30px;
        	overflow: hidden;
        }
        .frameLayer #cboxTitle{
        	display: none;
        	top: -3000px;
        }
        #cboxCurrent{position:absolute; top:-36px; left: 0px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:0px; right:30px; color:#0092ef;}
        #cboxPrevious{
        	position:absolute;
        	bottom: 50%;
        	left:0px;
        	background:url(../img/lightbox/prev~1.gif) 0px 0px no-repeat;
        	width:25px;
        	height:30px;
        	text-indent:-9999px;}
        #cboxPrevious.hover{background-position: 0px -50px;}
        #cboxNext{
        	position:absolute;
        	bottom: 50%;
        	right:0px;
        	background:url(../img/lightbox/next~1.gif) 0px 0px no-repeat;
        	width:25px;
        	height:30px;
        	text-indent:-9999px;}
        #cboxNext.hover{background-position: 0px -50px;}
        #cboxLoadingOverlay{background:url(../img/lightbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../img/lightbox/loading.gif) center center no-repeat;}
        #cboxClose{
        	position:absolute;
        	top: -35px;
        	right: 0px;
        	background:url(../img/icon_close.gif) 0px 0px no-repeat;
        	width: 15px;
        	height: 15px;
        	text-indent:-9999px;
        }
        #cboxClose.hover{ background-position: 0px -50px;}



/* for development only */

.templateTable {
	position: relative;
	margin: 60px auto 0px auto;

}
.templateTable td {
	padding: 10px;
	border-bottom: 1px dotted #333;
}
.templateTable a {
	color: #B18642;
	text-decoration: underline;
}
.templateTable th {
	font-weight: bold;
	padding: 10px;
}

/* carousel styles */

.jcarousel-container-horizontal {
    width: 491px;
    padding: 0px 31px;
}
.jcarousel-clip-horizontal {
    width:  491px;
    height: 62px;
}

.jcarousel-item-horizontal {
	margin-left: 0;
  margin-right: 7px;
}

.jcarousel-video-item {
  position: relative;
  left: 0;
  top: 0;
  margin-right: 135px;
  padding-top: 0px;
  display:block
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-next-horizontal {
    position: absolute;
    top: 15px;
    right: 5px;
    width: 25px;
    height: 30px;
    cursor: pointer;
    background: #FFF url(../img/bg_gallery_next.gif) no-repeat 50% 50%;
}

.jcarousel-next-horizontal:hover {background-image: url(../img/bg_gallery_next_hover.gif);}
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 15px;
    left: 5px;
    width: 25px;
    height: 30px;
    cursor: pointer;
    background: #FFF url(../img/bg_gallery_prev.gif) no-repeat 50% 50%;
}

.jcarousel-prev-horizontal:hover {background-image: url(../img/bg_gallery_prev_hover.gif);}
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {}


/*---------------------------------------------------------------------------*/
/* panorama overlay */

.panoramaLayer #cboxLoadedContent {
}

.panoramaLayer #cboxLoadedContent iframe {
  overflow: hidden;
}

.panoLayer {
  position: absolute;
  display: block;
  left: 309px;
  bottom: 150px;
  width: 525px;
  min-height: 100px;
  border: 0;
  color: #FFF;
  padding: 0px 0px 26px 0px;
  background: transparent url(../img/skyliner_4/bg_panorama.png) no-repeat 0 100%;
}
.panoLayerOnecolumn {
  left: 409px;
  width: 325px;
  background-image: url(../img/skyliner_4/bg_panorama_onecolumn.png);
}

.panoLayer li {
  position: relative;
  display: block;
  margin: 10px 30px 0px 22px;
  zoom:1;
}

.panoLayer li.listHeader {
  width: 525px;
  margin: -10px 0px 0px 0px;
  height: 10px;
  font-size: 5px;
  line-height: 5px;
  background: transparent url(../img/skyliner_4/bg_panorama.png) no-repeat 0 0;
}
.panoLayerOnecolumn li.listHeader {
  width: 325px;
  background-image: url(../img/skyliner_4/bg_panorama_onecolumn.png);
}
.panoLayer p {
}

.panoButton {
  position: relative;
  margin: 0px 0px 15px 0px;
  height: 40px;
  display: block;
  zoom:1;
}
.panoButton span.left{
  background: transparent url(../img/skyliner_4/bg_button.png) no-repeat 0 0;
  width: 25px;
  height: 40px;
  display: inline-block;
  vertical-align:top;
}
.panoButton span.txt{
  background: transparent url(../img/skyliner_4/bg_button.png) no-repeat 100% 0;
  height: 40px;
  line-height: 40px;
  padding-right: 25px;
  display: inline-block;
  vertical-align: top;
  color: #FFF;
  text-shadow: 0px 0px 3px #333;
  font-size: 15px;
}
.panoButton:hover span.left { background-position: 0 -50px; }
.panoButton:hover span.txt{ background-position: 100% -50px; }


/* own style for lighbox */

.panoramaLayer #cboxOverlay,
.galleryLayer #cboxOverlay {background-color: #000;}
#colorbox{}
    .panoramaLayer #cboxTopLeft,
    .panoramaLayer #cboxTopRight,
    .galleryLayer #cboxTopLeft,
    .galleryLayer #cboxTopRight { margin-top: 30px; height: 2px; width: 2px;}
    .panoramaLayer #cboxTopCenter,
    .galleryLayer #cboxTopCenter {
      margin-top: 30px; height: 2px;
    }

    .panoramaLayer #cboxMiddleLeft,
    .galleryLayer #cboxMiddleLeft,
    .panoramaLayer #cboxTopLeft,
    .galleryLayer #cboxTopLeft,
    .panoramaLayer #cboxBottomLeft,
    .galleryLayer #cboxBottomLeft {
      margin-left: 8px;
    }

    .panoramaLayer #cboxBottomLeft,
    .panoramaLayer #cboxBottomRight,
    .galleryLayer #cboxBottomLeft,
    .galleryLayer #cboxBottomRight{height: 2px; width: 2px;}
    .panoramaLayer #cboxBottomCenter,
    .galleryLayer #cboxBottomCenter{
      height: 2px;
    }

    .panoramaLayer #cboxMiddleLeft,
    .panoramaLayer #cboxMiddleRight,
    .galleryLayer #cboxMiddleLeft,
    .galleryLayer #cboxMiddleRight{ width: 2px;}

    #cboxContent{}
        .panoramaLayer #cboxTitle,
        .galleryLayer #cboxTitle{
        	display: none;
        	top: -3000px;
        }
        .panoramaLayer #cboxClose,
        .galleryLayer #cboxClose {
            background: transparent url(../img/skyliner_4/icon_close.png) no-repeat scroll 50% 50%;
            right: 5px;
            top: 5px;
            width: 18px;
            height: 18px;
        }
        .panoramaLayer #cboxClose:hover,
        .galleryLayer #cboxClose:hover {
          background-position: 50% 50%;
        }