<br />
<b>Notice</b>:  Undefined index:  market in <b>/is/htdocs/wp1009809_0CV0YR0N0F/www/www.kontrastfilm.de/v2/static/layout/css/main.css.php</b> on line <b>11</b><br />


/*---------------------------------------------------------------------------
 Start: main/011_fonts.css
---------------------------------------------------------------------------*/

/**
 * Projekt:  OOP SOLUTIONS GmbH & Co. KG
 * Author: Martin Teufel
 * Version: 1.0
 */

 /* IE
@font-face {	
	font-family: 'TGLT';
	src: url('/static/layout/font/tglt-webfont.eot');
}

@font-face {
	font-family: 'TGLT';
	src: url(//:) format('no404'), 
	url('/static/layout/font/tglt-webfont.woff') format('woff'), 
	url('/static/layout/font/tglt-webfont.ttf') format('truetype'), 
	url('/static/layout/font/tglt-webfont.svg#PTSansNarrowRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
@font-face {
	/* This declaration targets Internet Explorer */
	font-family: 'Tradegothicltstd';
  src: url('/static/layout/font/tradegothicltstd-bold-webfont.eot');
}

@font-face {
    font-family: 'Tradegothicltstd';
    src: url(//:) format('no404'), 
         url('/static/layout/font/tradegothicltstd-bold-webfont.woff') format('woff'),
         url('/static/layout/font/tradegothicltstd-bold-webfont.ttf') format('truetype'),
         url('/static/layout/font/tradegothicltstd-bold-webfont.svg#TradeGothicLTStdBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
	/* This declaration targets Internet Explorer */
	font-family: 'MS300';
	src: url('/static/layout/font/ms300-webfont.eot');
}

@font-face {
	/* This declaration targets everything else */
	font-family: 'MS300';
	src: url(//:) format('no404'), 
	url('/static/layout/font/ms300-webfont.woff') format('woff'), 
	url('/static/layout/font/ms300-webfont.ttf') format('truetype'), 
	url('/static/layout/font/ms300-webfont.svg#PTSansNarrowRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*---------------------------------------------------------------------------
 Start: main/01_reset.css
---------------------------------------------------------------------------*/

/*
  HTML5 ✰ Boilerplate

  style.css contains a reset, font normalization and some base styles.

  credit is left where credit is due.
  much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/

/*
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub,  sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display:block;
}

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

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

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

input, select { vertical-align:middle; }

/* END RESET CSS */


/* fonts.css from the YUI Library: developer.yahoo.com/yui/
   Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages

  There are three custom edits:
   * remove arial, helvetica from explicit font stack
   * we normalize monospace styles ourselves
   * table font-size is reset in the HTML5 reset above so there is no need to repeat
*/
body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */

select, input, textarea, button { font:99% sans-serif; }

/* normalize monospace sizing
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/*
 * minimal base styles
 */


body, select, input, textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #444;
  /* set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */
}

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */
h1,h2,h3,h4,h5,h6 { font-weight: bold; }

/* always force a scrollbar in non-IE */


/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a, a:hover, a:active { outline: none; }


ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align: top; }

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre {
  padding: 15px;

  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }

/* webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red;
 -webkit-box-shadow: 0px 0px 5px red;
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 1px dotted transparent;
}

/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink. */
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; }

/* make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

/* bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }


/*
 * Non-semantic helper classes
 */

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;
}

.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }


 /* Primary Styles
    Author:
 */


/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {


  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/*
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; }
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}


/*---------------------------------------------------------------------------
 Start: main/02_main.css
---------------------------------------------------------------------------*/

/**
 * Projekt:  OOP SOLUTIONS GmbH & Co. KG
 * Author: Martin Teufel
 * Version: 1.0
 */

body                                            { height: 100%; font-family: "Georgia", Arial, Verdana,sans-serif; background-color: #000; color:#e4e4e4; font-size: 11px; line-height: 13px; font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;margin:0; overflow-y: scroll;}
html, body                                      { overflow: hidden; width: 100%; height: 100%;  }

html.no-js,
html.no-js body                                 { overflow-y: visible;} 

a, a:active, a:visited                          { color: #585858; }
a:hover                                         { color: #b9be1e; }
p                                               { line-height: 15px; }

body.preloading #container footer,
html.enhanced-loaded #container footer,
html.enhanced #container footer                 { bottom: -44px;}

body.preloading #container #logo,
html.enhanced-loaded #container #logo,
html.enhanced #container #logo                  { opacity: 0;}


/* clearfix */
section[id*='mds-area']:after,
section[id|='mds-tpl'] div[class*='mds-cmp']:after,
section[id|='mds-tpl']:after                    { visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0; }

.ui-helper-hidden                               { display: none;}

#container.ui-state-highlighted                 { height: 100%; position: relative; z-index: 21; background: transparent url(/static/layout/img/80percent.png) repeat 0 0; }

/* icon sprite */
span.ui-checkbox,
span.ui-radio,
a[id ^='btn_'],
div.mds-cmp-jump > ul > li a ,
.ui-slider .ui-slider-handle,
.ui-slider-vertical .ui-slider-handle,
div.mds-cmp-panel ul li a,
div.mds-cmp-back a,
form button  ,
div.mds-cmp-btn a                               { background: transparent url(/static/layout/img/icon_sprite.png) no-repeat 0 0;}

.ui-helper-hidden                               { visibility: hidden;}


section.mds-area-projects.ui-state-active       { position: relative; z-index: 30; visibility: visible; width:842px; margin:auto;}
section.mds-area-projects > div                 { margin-left:8px;}
section.mds-area-projects > div  > h1           { color:#e2007a;}

XXXsection#mds-tpl-06                           { position: relative; z-index: 30; width:830px; margin:auto;}

#mds-area-info-hover,
#mds-area-content                               { position: absolute; z-index: 100; width: 490px; background: transparent url(/static/layout/img/50percent.png) repeat 0 0;}
#mds-area-info-hover                            { width: 40px; left: -40px; top: 0; height: 100%;}
#mds-area-info                                  { position: absolute; z-index: 100; width: 590px; left: -552px; bottom: 0; height: 280px; background: transparent url(/static/layout/img/bg_film_info.png) repeat 0 0;}
#mds-area-content                               { right: -450px; top:5%; height: 82%;  }
#mds-area-content > div                         { width: 430px;padding: 0 0 0 45px; margin: 30px 0 0 0;}
#mds-area-info > div                            { width: 370px; margin: 231px 245px 170px 31px; }

#mds-area-content div.jspPane > div             { margin-right: 20px;}
#mds-area-info div.jspPane > div                { margin-left: 20px;}

a#btn_content                                   { position: absolute; left: 2px; top: 50%; background-position: right -380px; height: 25px; width: 15px; display: block;}
a#btn_content:hover                             { background-position: 1px -380px; }
a#btn_content.ui-state-active                   { background-position: 1px -340px; }
a#btn_content.ui-state-active:hover             { background-position: right -340px; }

a#btn_info_hover                                { position: absolute; left: 9px; top: 50%; background-position: 2px -500px; height: 25px; width: 15px; display: block;}
a#btn_info_hover:hover                          { background-position: right -500px; }
a#btn_info_hover.ui-state-active                { background-position: 1px -540px; }
a#btn_info_hover.ui-state-active:hover          { background-position: right -540px; }

a#btn_info                                      { position: absolute; right:190px; top:190px; background-position: right -300px; height: 25px; width: 18px; display: block;}
a#btn_info:hover                                { background-position: 1px -300px; }
a#btn_info.ui-state-active                      { background-position: -1px -260px; }
a#btn_info.ui-state-active:hover                { background-position: right -260px; }

/*---------------------------------------------------------------------------
 Start: main/03_header.css
---------------------------------------------------------------------------*/

/**
 * Projekt:  OOP SOLUTIONS GmbH & Co. KG
 * Author: Martin Teufel
 * Version: 1.0
 */
 
body > #container > header                              { position: fixed; height: 34px; background: transparent url(/static/layout/img/background_header.png) repeat 0 0; z-index: 1000;}
body > #container > header + section                    { padding-top: 34px;}

body > #container > header #logo                        { position: absolute; margin-top:-8px;}

section.flydown                                         { background: transparent url(/static/layout/img/background_header.png) repeat 0 0;}
section.flydown div[class^=mds-area-pf] > div[class^=mds-cmp-]:first-child {float: right;}

section.mds-area-flydown > section                      { position: absolute; left: -9999px;}
section.mds-area-flydown > section.ui-state-active      { padding: 5% 0; height: 0; left: auto; position: absolute; visibility: visible; z-index: 200;}

/*---------------------------------------------------------------------------
 Start: main/05_frontend_edit.css
---------------------------------------------------------------------------*/

/* Pflegeschaltflächen */

#bePanel                           {position:fixed;z-index:1000;overflow:hidden;padding:0 40px 40px 0;top:40px;left:0;width:56px;min-height:300px;}
#beButtonsPage                     {position:absolute;z-index:200;margin:2px 0 0 0;padding:0;width:600px}
#beButtonEditMetaNavigation        {position:absolute;z-index:10;margin:-8px 0 0 0;right:2px}
#beButtonEditNavigation            {position:absolute;z-index:200;bottom: 45px; left: 150px;}
#beButtonInsertNavpoint            {position:absolute;z-index:10;margin:56px 0 0 200px}
#beButtonEditContent2Includes      {position:absolute;z-index:10;margin:2px 0 0 0;width:220px}
#beButtonEditContent2Include       {position:absolute;z-index:10;margin:22px 0 0 0;width:220px}
#beButtonEditContent2GlobalInclude {position:absolute;z-index:10;margin:2px 0 0 0;width:220px}
#beButtonEditContent3Includes      {position:absolute;z-index:10;margin:2px 0 0 0;width:960px}
#beButtonEditContent3Include       {position:absolute;z-index:10;margin:22px 0 0 0;width:960px}
#beButtonEditContent4Includes      {position:absolute;z-index:10;margin:2px 0 0 0;width:180px}
#beButtonEditContent4Include       {position:absolute;z-index:10;margin:22px 0 0 0;width:180px}
#beButtonEditContent4GlobalInclude {position:absolute;z-index:10;margin:2px 0 0 0;width:180px}
#beButtonEditLeft                  {position:absolute;z-index:10;margin:2px 2px 0 2px;}
#beButtonEditFooter                {position:absolute;z-index:10;margin:2px 2px 0 2px;}
.beButtonDeleteRow                 {position:relative;float:right;z-index:2}
.beButtonEditRow                   {position:relative;float:right;z-index:2}
.beButtonEditSitemap               {position:absolute;z-index:10;margin:0 0 0 -20px}
.beButtonEditSubmap                {position:absolute;z-index:10;margin:0 0 0 -20px}


/*---------------------------------------------------------------------------
 Start: main/06_footer.css
---------------------------------------------------------------------------*/

footer { height: 44px; background-color: #000; width: 100%; min-width: 1105px; position: fixed; bottom: 0; z-index: 100;}
#logo  { float: left; width: 100px; margin: -68px 20px 0;}

html.safari footer,
html.chrome footer {position:absolute;}

@media only screen and (max-width : 1500px) {

  #logo                    { width: 91px; margin-top:-59px; margin-right:5px; }
  #logo img                { width: 91px; }
}

@media only screen and (max-width : 1100px) {
  footer                   { min-width:770px;}
  #logo                    { width: 71px; margin-top:-41px; margin-right:5px; }
  #logo img                { width: 71px; }
}

/*---------------------------------------------------------------------------
 Start: main/forms.css
---------------------------------------------------------------------------*/

span.ui-checkbox,
span.ui-radio                             {	clear:left;	display: block;	float: left; width: 11px; height: 11px;	margin-top:4px; margin-right:5px;}

form button                               { background-position: 3px -417px; padding-left:10px; }
html.safari form button                   { padding-left: 13px;}
span.ui-checkbox,
span.ui-checkbox-state-hover              { background-position: right -220px;}	

span.ui-checkbox-state-checked,
span.ui-checkbox-state-checked-hover      { background-position: 0 -220px; }

/*---------------------------------------------------------------------------
 Start: main/grid.css
---------------------------------------------------------------------------*/

/**
 * Projekt:  OOP SOLUTIONS GmbH & Co. KG
 * Author: Martin Teufel
 * Version: 1.0
 */
 
header,
#mds-area-mainnavigation,
#main,
#container                                      { width: 100%; margin: 0; overflow: hidden;}

header                                          {overflow: visible;}

section[id|='mds-area-feature']                 { min-height: 360px;}
section[class*='mds-area'],
section[id|='mds-tpl']                          { min-height: 360px; width: auto;}
section[class*='mds-area']                      { margin: 4% 4% 1%;}
section[class='mds-area-project'],
section[id|='mds-tpl']                          { padding: 0px 0 0; margin: 0;}

section[id|='mds-tpl']                          { padding: 0; margin-top:35px;}

section.mds-area-flydown,
section.mds-area-flydown > section              { min-height: 0; margin: 0 4%;}
section.mds-area-flydown > section              { margin: 0;}

header section.mds-area-flydown                 { width: 960px;}

div.mds-area-pf1 > div                          { width: 100%; }
div.mds-area-pf2 > div                          { width: 48%;}
div.mds-area-pf21                               { overflow:hidden; }
div.mds-area-pf21 > div                         { margin-left:20px; }
div.mds-area-pf21 > div:first-child             { margin-left:0; }
div.mds-area-pf3 > div                          { width: 30.75%;}

section[id|='mds-area-feature']                 { padding: 0 20px;}

div[class*='mds-area-pf'] > div                 { min-height: 1px;}

div.mds-area-pf1 > div,
div.mds-area-pf2 > div,
div.mds-area-pf21 > div,
div.mds-area-pf3 > div                          { float: left;}
div[class*='mds-area-pf'] > div:first-child     { margin-left: 0;}

header section.mds-area-flydown                 { margin-left: auto; margin-right: auto;}

div[class*='mds-area-pf'] > div[class*='mds-cmp'],
div[class*='mds-cmp']                           { margin-left: 0;}


@media only screen and (max-width : 1100px) {
 html, body           {overflow: visible;}
 #container          {width: 765px; }
}


/*---------------------------------------------------------------------------
 Start: main/jquery.fancybox.css
---------------------------------------------------------------------------*/


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

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

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

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


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

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

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

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

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* IE */

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

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

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

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

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


/*---------------------------------------------------------------------------
 Start: main/jquery.slider.css
---------------------------------------------------------------------------*/

/*
 * jQuery UI Slider 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: 3px; }
.ui-slider-horizontal .ui-slider-handle { top: -.2em; /*margin-left: -.6em;*/ }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: 3px; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.2em; margin-left: 0; /*margin-bottom: -.6em;*/ }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }


.ui-slider-range {background-color: #fff;}
.ui-widget-content {background-color: #858585;}
div.mds-cmp-panel ul li .ui-slider .ui-slider-handle,
div.mds-cmp-panel ul li .ui-slider .ui-slider-handle:hover,
.ui-slider .ui-slider-handle   { cursor: pointer; background-position: 0 -100px;  width: 4px; height: 9px; margin-top:-2px;}
div.mds-cmp-panel ul li .ui-slider-vertical .ui-slider-handle,
div.mds-cmp-panel ul li .ui-slider-vertical .ui-slider-handle:hover,
.ui-slider-vertical .ui-slider-handle    { width: 9px; height: 4px;background-position: right -100px;}


/*---------------------------------------------------------------------------
 Start: main/jquery.ui.css
---------------------------------------------------------------------------*/

.ui-helper-hidden-accessible { position: absolute; left: -9999px; }

/*---------------------------------------------------------------------------
 Start: main/mobile.css
---------------------------------------------------------------------------*/

/**
 * Projekt:  OOP SOLUTIONS GmbH & Co. KG
 * Author: Martin Teufel
 * Version: 1.0
 */
 
 
@media only screen and (max-width : 640px) {
  
}

@media only screen and (max-width : 980px) {

}

@media only screen and (max-width : 1024px) {

}

/*
@media only screen and (min-width : 1280px) {
  section#mds-tpl-01                                            { width: 1180px;}
}

@media only screen and (min-width : 1680px) {
  section#mds-tpl-01                                            { width: 1580px;}
}

@media only screen and (min-width : 1681px) {
  section#mds-tpl-01                                            { width: 98 %;}
}
*/

@media only screen and (min-width : 981px) {
 
}
 
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 569px) {

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) and (max-device-width: 569px) {

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) and (max-device-width: 320px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

}

/* iPhone 4 and high pixel ratio devices ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

}

/*---------------------------------------------------------------------------
 Start: main/preloader.css
---------------------------------------------------------------------------*/

div.mds-cmp-preloader {
	background-color: transparent;
	z-index: 9999;
}

div.mds-cmp-preloader .progressbar{
	
	height: 210px;
	background: transparent url(/static/layout/img/preloader.png) no-repeat 0 0;
	width: 240px;
}

div.mds-cmp-preloader #progress_10  {background-position: -185px 0;}
div.mds-cmp-preloader #progress_20  {background-position: -445px 0;}
div.mds-cmp-preloader #progress_30  {background-position: -685px 0;}
div.mds-cmp-preloader #progress_40  {background-position: -945px 0;}
div.mds-cmp-preloader #progress_50  {background-position: -1185px 0;}
div.mds-cmp-preloader #progress_60  {background-position: -1445px 0;}
div.mds-cmp-preloader #progress_70  {background-position: -1685px 0;}
div.mds-cmp-preloader #progress_80  {background-position: -2000px 0;}
div.mds-cmp-preloader #progress_90  {background-position: -2250px 0;}
div.mds-cmp-preloader #progress_100 {background-position: -2500px 0;}


/*---------------------------------------------------------------------------
 Start: main/print.css
---------------------------------------------------------------------------*/

/**
 * Projekt:  OOP SOLUTIONS GmbH & Co. KG
 * Author: Martin Teufel
 * Version: 1.0
 */
 
@media print {
  html                   {height:auto}
}
  

/*---------------------------------------------------------------------------
 Start: main/scrollpane.css
---------------------------------------------------------------------------*/

/**
 * Projekt:  OOP SOLUTIONS GmbH & Co. KG
 * Author: Martin Teufel
 * Version: 1.0
 */

.jspContainer                   { overflow: hidden;	position: relative; }
.jspPane                        { position: absolute; }
.jspVerticalBar                 { position: absolute; top: 0; right: 0;	width: 5px; height: 100%;  }
#mds-area-info .jspVerticalBar  { right: auto;	left: 0; }
.jspHorizontalBar               { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; }
.jspVerticalBar *,
.jspHorizontalBar *             { margin: 0; padding: 0; }
.jspCap                         { display: none; }
.jspHorizontalBar .jspCap       { float: left; }
.jspTrack,
.jspDrag                        { background-color: #bdbdbd; position: relative; }
.jspTrack                       { background-color: #717171; }
.jspDrag                        { background-position: -10px 0;	top: 0;	left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag      { float: left;	height: 100%;}
.jspArrow                       { background-position: 1px -1130px;  text-indent: -20000px;	display: block;	cursor: pointer; }
.jspArrow.jspDisabled           { cursor: default;	background-position: -92px -1130px; }
.jspArrowDown                   { background-position: 1px -1097px;}
.jspArrowDown.jspDisabled       { background-position: -92px -1097px;}
.jspVerticalBar .jspArrow       { height: 10px; }
.jspHorizontalBar .jspArrow     { width: 16px; float: left;	height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner                      { background: blue; float: left; height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner               {	margin: 0 -3px 0 0; }


/*---------------------------------------------------------------------------
 Start: main/tooltip.css
---------------------------------------------------------------------------*/

#tooltip 	 { position: absolute; z-index: 3000; background: transparent url('/static/layout/img/60percent.png') repeat 0 0; padding: 10px 20px; color: #d9d8d9; }
#tooltip h3, 
#tooltip div { margin: 0; font-weight: normal; font-style: italic; font-size: 12px;}


/*---------------------------------------------------------------------------
 Start: cmp/back.css
---------------------------------------------------------------------------*/

div.mds-cmp-back a          { background-position: 0 -460px; }
div.mds-cmp-back a          { text-indent: -999em; display: block; width: 25px; margin-bottom:31px; }

/*---------------------------------------------------------------------------
 Start: cmp/contact.css
---------------------------------------------------------------------------*/

div.mds-cmp-contact label    { font-style: italic; margin-bottom: 5px; display: block;}

div.mds-cmp-contact input,
div.mds-cmp-contact textarea { color: #D9D8D9; border: 1px solid #5b5b5b; background-color: #000; width: 204px; padding: 2px 3px;}
div.mds-cmp-contact textarea { width: 390px; min-height: 75px; padding: 2px 3px;}

div.mds-cmp-contact button   { margin-right: 4px; padding-top: 1px;cursor: pointer; font-family: inherit; color:#fff; border: 1px solid #000; background-color: #000;}

div.mds-cmp-contact div.wglFormRow { margin-bottom: 10px;}

/*---------------------------------------------------------------------------
 Start: cmp/control_panel.css
---------------------------------------------------------------------------*/

div.mds-cmp-panel                     			{ float: right; margin-top: 18px; margin-right: 20px;}
div.mds-cmp-panel ul li               			{ list-style-type: none; float: left; margin-left: 7px;}
div.mds-cmp-panel ul li:first-child   			{ margin-left: 0;}
div.mds-cmp-panel ul li a             			{ text-indent: -999em; display: block; width: 18px; height: 18px;}
div.mds-cmp-panel ul li.timeline      			{ width: 335px; font-size:7px; line-height: 17px; color:#fff; margin-left:25px; margin-right:20px; font-style:italic;}
div.mds-cmp-panel ul li.timeline  span   		{ display:block; text-align:center; margin-top:-3px;}
div.mds-cmp-panel ul li.timeline  #start_time   { text-align:left; margin-top:-3px;}
div.mds-cmp-panel ul li.timeline  #current_time { text-align:center; margin-top:-17px; }
div.mds-cmp-panel ul li.timeline  #end_time   	{ text-align:right; margin-top:-17px;}

div.mds-cmp-panel ul li.next a              { background-position: right -40px;}
div.mds-cmp-panel ul li.next a:hover        { background-position: right -70px;}
div.mds-cmp-panel ul li.prev a              { background-position: 0 -40px;}
div.mds-cmp-panel ul li.prev a:hover        { background-position: 0 -70px;}
div.mds-cmp-panel ul li.pause a             { background-position: 50% -40px;}
div.mds-cmp-panel ul li.pause a:hover       { background-position: 50% -70px;}
div.mds-cmp-panel ul li.volumes a           { background-position: 0 -130px; margin-top:-2px; }
div.mds-cmp-panel ul li.volumes a:hover     { background-position: -84px -130px;}
div.mds-cmp-panel ul li.volumes a + div     { display: none;}
div.mds-cmp-panel ul li.volumes a:hover + div     { display: block;}
div.mds-cmp-panel ul li.info a              { background-position: 50% -160px; margin-top:-5px; margin-left:-5px;}
div.mds-cmp-panel ul li.info a:hover        { background-position: 50% -190px;}
div.mds-cmp-panel ul li.playlist a          { background-position: 0 -160px; margin-top:-5px;}
div.mds-cmp-panel ul li.playlist a:hover    { background-position: 0 -190px;}
div.mds-cmp-panel ul li.fullsize a          { background-position: right -160px; margin-top:-5px; margin-left:-3px;}
div.mds-cmp-panel ul li.fullsize a:hover    { background-position: right -190px;}

div.mds-cmp-panel .volumes                      		{ margin-left: 0; }
div.mds-cmp-panel .volumes .ui-bg               		{ top: -128px; position: relative; z-index: 1111; width: 18px; padding:0; }
div.mds-cmp-panel .volumes .ui-state-hover      		{ display:block; }
div.mds-cmp-panel .volumes .ui-slider-vertical 			{ top: -128px; position: relative;}
div.mds-cmp-panel .volumes .ui-bg > .ui-slider-vertical { top: 5px; left: 7px;}
div.mds-cmp-panel div.ui-bg  							{ background: transparent url(/static/layout/img/65percent.png) repeat 0 0; padding: 5px; height: 100%;}

@media only screen and (max-width : 1100px) {
  div.mds-cmp-panel ul li.timeline      			{ width: 157px; margin-left:19px; margin-right:16px; }
  
  div.mds-cmp-panel ul li.next a              { background-position: right -580px;}
  div.mds-cmp-panel ul li.next a:hover        { background-position: right -620px;}
  div.mds-cmp-panel ul li.prev a              { background-position: 0 -580px;}
  div.mds-cmp-panel ul li.prev a:hover        { background-position: 0 -620px;}
  div.mds-cmp-panel ul li.pause a             { background-position: 50% -580px;}
  div.mds-cmp-panel ul li.pause a:hover       { background-position: 50% -620px;}
  div.mds-cmp-panel ul li.volumes a           { background-position: 0 -660px;}
  div.mds-cmp-panel ul li.volumes a:hover     { background-position: -86px -660px;}
  div.mds-cmp-panel ul li.info a              { background-position: 50% -700px;}
  div.mds-cmp-panel ul li.info a:hover        { background-position: 50% -740px;}
}

/*---------------------------------------------------------------------------
 Start: cmp/fullsizeimage.css
---------------------------------------------------------------------------*/

/*body.preloading #backstretch[style] {z-index: 21 !important;}*/

/*---------------------------------------------------------------------------
 Start: cmp/hl.css
---------------------------------------------------------------------------*/

div.mds-cmp-hl h1,
div.mds-cmp-hl h2    { text-transform: uppercase; color: #f6ff00; font-size: 25px; line-height: 26px; font-family: 'MS300',Arial,Verdana,sans-serif; margin-bottom: 24px; letter-spacing:1px;}
div.mds-cmp-hl h3    { font-style:italic; margin-bottom:8px; font-size: 14px; font-weight: normal;}

/*---------------------------------------------------------------------------
 Start: cmp/jumper.css
---------------------------------------------------------------------------*/

div.mds-cmp-jump > ul                       { overflow: hidden; margin-left: 0; margin-bottom:46px;}
div.mds-cmp-jump > ul > li                  { list-style-type: none; float: left; margin-left: 7px; background-color: #000; padding: 0 2px;}
div.mds-cmp-jump > ul > li:first-child      { margin-left: 0;}

div.mds-cmp-jump > ul > li a                { font-size: 12px; font-style: italic; text-decoration: none; padding-left: 10px; background-position: 0 -417px; color: #fff;}
div.mds-cmp-jump            { overflow: hidden;}

/*---------------------------------------------------------------------------
 Start: cmp/list.css
---------------------------------------------------------------------------*/

div.mds-cmp-tsll ul                                                               { margin-left:-8px;}
div.mds-cmp-tsll li                                                                { list-style-type: none; float: left; height: 75px; margin-left:8px; width: 87px; margin-bottom:18px;}
div.mds-cmp-tsll li.nthChild                                                { border-left: 2px solid #c4c4c4; padding-left: 3px; margin-left:3px}
div.mds-cmp-filter + div.mds-cmp-tsll ul li                         { position:relative;}
div.mds-cmp-tsll ul li a 										                     { display:block; height:49px; position:relative;}
div.mds-cmp-tsll ul li a img 									                     { position:absolute; left:0;}
div.mds-cmp-filter + div.mds-cmp-tsll ul li span                 { font-style:italic; display:block; margin-top:15px;}
div.mds-cmp-tsll ul li.ui-state-active a 						       { background-color:#e2007a; }
div.mds-cmp-tsll ul li.ui-state-active a img 					       { clip:rect(2px 85px 47px 2px); }

div.mds-cmp-tsll ul.size-4 li                                                { height:161px; width:240px; margin-bottom:32px;}
div.mds-cmp-tsll ul.size-4 li a 										          { height:135px; }
div.mds-cmp-tsll ul.size-4 li.ui-state-active a img 			{ clip:rect(2px 238px 133px 2px); }
div.mds-cmp-tsll ul.size-8 li                                                { height:128px; width:182px; margin-bottom:39px;}
div.mds-cmp-tsll ul.size-8 li a 										          { height:102px; }
div.mds-cmp-tsll ul.size-8 li.ui-state-active a img           { clip:rect(2px 180px 100px 2px); }
div.mds-cmp-tsll ul.size-16 li                                              { height:92px; width:118px; margin-bottom:40px;}
div.mds-cmp-tsll ul.size-16 li a 										       { height:66px; }
div.mds-cmp-tsll ul.size-16 li.ui-state-active a img 			{ clip:rect(2px 116px 64px 2px); }


/*---------------------------------------------------------------------------
 Start: cmp/list_filter.css
---------------------------------------------------------------------------*/

body.js div.mds-cmp-filter li.submit      { display: none; }
div.mds-cmp-filter                        { margin-bottom:33px; overflow:hidden;}
div.mds-cmp-filter ul                     { margin-left:0; }
div.mds-cmp-filter ul li                  { list-style-type: none; float: left; color:#d9d8d9; font-size:12px; line-height:18px; margin-right:40px;}

/*---------------------------------------------------------------------------
 Start: cmp/mainnavigation.css
---------------------------------------------------------------------------*/

nav.mds-cmp-mainnavigation                                                 { float: left; margin-left:25px;}
nav.mds-cmp-mainnavigation ul li                                           { float: left; display: block; }
nav.mds-cmp-mainnavigation ul li a                                         { font-family: 'Tradegothicltstd',Arial,Verdana,sans-serif; text-transform:uppercase; color:#a6a6a6; font-size: 14px; text-decoration: none; line-height: 44px; margin-left:45px; }
nav.mds-cmp-mainnavigation ul li:first-child a                             { margin-left:0;}
nav.mds-cmp-mainnavigation ul li a.ui-state-active,
nav.mds-cmp-mainnavigation ul li a:hover                                   { color: #FFF;}
nav.mds-cmp-mainnavigation ul li a.ui-state-active                         {}

@media only screen and (max-width : 1500px) {
  nav.mds-cmp-mainnavigation ul li a                                       { font-size: 12px;}
}

@media only screen and (max-width : 1100px) {
  nav.mds-cmp-mainnavigation ul li a                                       { font-size:10px; margin-left:30px;}
}

/*---------------------------------------------------------------------------
 Start: cmp/map.css
---------------------------------------------------------------------------*/

div.mds-cmp-map                  { margin-bottom: 8px;}

div.mds-cmp-map .canvas          { height: 128px; width: 399px; position: relative; z-index: 1;	font-size: 11px; }

/*---------------------------------------------------------------------------
 Start: cmp/mm.css
---------------------------------------------------------------------------*/

div.mds-cmp-mm { margin-bottom: 5px;}

/*---------------------------------------------------------------------------
 Start: cmp/project.css
---------------------------------------------------------------------------*/

div.mds-cmp-project h1, 
div.mds-cmp-project h2                       { font-family: 'MS300',Arial,Verdana,sans-serif; text-transform:uppercase; color: #e2007a; letter-spacing:1px;}
div.mds-cmp-project h1                       { font-size:55px;}
div.mds-cmp-project h2                       { font-size:25px; line-height:26px; margin-bottom:12px;}

div.mds-cmp-project h2 + p                   { font-size:14px; line-height:15px; font-style:italic; margin-bottom:34px; }
div.mds-cmp-project p                           { font-size:11px; line-height:13px; margin-bottom:42px; }

div.mds-cmp-project dl                         { color:#fff; font-size:11px; line-height:13px;}
div.mds-cmp-project dl dt                     { font-weight:bold;}
div.mds-cmp-project dl dd                    { font-style:italic; margin-bottom:15px;}

/*---------------------------------------------------------------------------
 Start: cmp/text.css
---------------------------------------------------------------------------*/

div.mds-cmp-txt                   { margin-bottom: 20px;}
div.mds-cmp-txt h2                { font-style: italic; font-size: 14px; margin-bottom: 12px;}
div.mds-cmp-txt h2                { font-size: 12px; margin-bottom: 6px; }
section.flydown div.mds-cmp-txt   { color: #424242;}

/*---------------------------------------------------------------------------
 Start: cmp/videoskretch.css
---------------------------------------------------------------------------*/

body.preloading #videoskretch[style] {display: none;}


#videoskretch_left, #videoskretch_right {
    bottom: 0;
    cursor: pointer;
    height: 100%;
    outline: medium none;
    position: absolute;
    width: 485px;
    z-index: 29;
    background: transparent url('/static/layout/img/fancybox/blank.gif') no-repeat 0 0;
}

#videoskretch_right {
    right: 0;
    margin-bottom: 40px;
}