@charset "UTF-8";
/* ==================================================
*
*   Fonts
*/
/****** Webfonts ******/
@font-face { font-family: 'BundesSansWeb'; src: url("../fonts/bundessansweb-regular.eot"); src: url("../fonts/bundessansweb-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bundessansweb-regular.woff") format("woff"), url("../fonts/bundessansweb-regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'BundesSansWebBold'; src: url("../fonts/bundessansweb-bold.eot"); src: url("../fonts/bundessansweb-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/bundessansweb-bold.woff") format("woff"), url("../fonts/bundessansweb-bold.ttf") format("truetype"); font-weight: bold; font-style: normal; }
@font-face { font-family: 'BundesSerifWeb'; src: url("../fonts/bundesserifweb-regular.eot"); src: url("../fonts/bundesserifweb-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bundesserifweb-regular.woff") format("woff"), url("../fonts/bundesserifweb-regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
/* ==================================================
*
*   Variables
*/
/* ========================================================================== Variables ========================================================================== */
/* ==================================================
*
*   Normalize (reset)
*/
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue: no IE 6 support. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }

/** Address `font-family` inconsistency between `textarea` and other form elements. */
html, button, input, select, textarea { /*font-family: sans-serif;*/ }

/** Address margins handled incorrectly in IE 6/7. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address font sizes and margins set differently in IE 6/7. Address font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

h2 { font-size: 1.5em; margin: 0.83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: 0.83em; margin: 1.67em 0; }

h6 { font-size: 0.67em; margin: 2.33em 0; }

/** Address styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. Known issue: no IE 6/7 normalization. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Address styling not present in IE 6/7/8/9. */
mark { background: #ff0; color: #000; }

/** Address margins set differently in IE 6/7. */
p, pre { margin: 1em 0; }

/** Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/** Address CSS quotes not supported in IE 6/7. */
q { quotes: none; }

/** Address `quotes` property not supported in Safari 4. */
q:before, q:after { content: ''; content: none; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Lists ========================================================================== */
/** Address margins set differently in IE 6/7. */
dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

/** Correct list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ========================================================================== Embedded content ========================================================================== */
/** 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. 2. Improve image quality when scaled in IE 7. */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Correct margin displayed oddly in IE 6/7. */
form { margin: 0; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct color not being inherited in IE 6/7/8/9. 2. Correct text not wrapping in Firefox 3. 3. Correct alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }

/** 1. Correct font size not being inherited in all browsers. 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome. 3. Improve appearance and consistency in all browsers. */
button, input, select, textarea { /*font-size: 100%;*/ /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }

/** Address Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. 4. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to content-box in IE 8/9. 2. Remove excess padding in IE 8/9. 3. Remove excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 6/7/8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

/* ==================================================
*
*   Modules + mixins
*/
/* ==================================================
*
*   Boilerplate defaults
*/
/* HTML5 Boilerplate  What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team. */
/* ========================================================================== Base styles: opinionated defaults ========================================================================== */
html, button, input, select, textarea { color: #222; }

body { font-size: 1em; line-height: 1.4; }

/* Remove text-shadow in selection highlight: h5bp.com/i These selection declarations have to be separate. Customize the background color to match your design. */
::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

/* A better looking default horizontal rule */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
img { vertical-align: middle; }

/* Remove default fieldset styles. */
fieldset { border: 0; margin: 0; padding: 0; }

/* Allow only vertical resizing of textareas. */
textarea { resize: vertical; }

/* ========================================================================== Chrome Frame prompt ========================================================================== */
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ==================================================
*
*   Base tag styles, body, h1-6 etc
*/
/* ========================================================================== Base styles ========================================================================== */
/* ---------------------------------------- BEGIN: base styles
*/
html { height: 100%; overflow-y: scroll; width: 100%; }

body { margin: 0 auto; font: 62.5% "BundesSansWeb", Arial, helvetica, sans-serif; width: 100%; min-width: 960px; }

a, a:visited { text-decoration: none; color: #1f57a3; outline: 0; }

a:hover { text-decoration: underline; }

b { font-weight: normal; font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; }

h1 { font-size: 21px; font-weight: bold; margin: 0 0 5px; }

h2 { font-size: 21px; margin: 0 0 5px; font-weight: bold; }

h3 { font-size: 14px; margin: 0 0 5px; font-weight: bold; }

p { margin: 0 0 14px; }

ul, ol { padding: 0; margin: 14px 0 14px 15px; }

strong { font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; }

a.moreLink { color: #004c7f; text-decoration: underline; }

a.moreLink:hover { text-decoration: none; }

label { font-size: 15px; margin-right: 15px; cursor: pointer; }

a.iconInfo { text-decoration: none; }

.buttonGrey { color: #fff; background-color: #535560; font-size: 15px; padding: 4px 10px; text-align: center; display: inline-block; line-height: auto; font-weight: normal; font-family: "BundesSansWeb", Arial, helvetica, sans-serif; line-height: 18px; -moz-border-radius: 4px / 4px; -webkit-border-radius: 4px 4px; border-radius: 4px / 4px; }
.buttonGrey:hover { background-color: #86888f; }

a.buttonGrey, a.buttonGrey:visited { color: #fff; text-decoration: none; }

/* END: base styles ---------------------------------------- */
/* ==================================================
*
*   Layouts
*/
/* ========================================================================== Layouts ========================================================================== */
header { position: relative; width: 96em; height: 10.2em; margin: 0 auto; }

.wrapperOuter { width: 100%; }

.wrapperInner { width: 100%; }

.wrapperContent { width: 960px; margin: 50px auto; }

.wrapperFooter { width: 100%; }

footer { width: 100%; }

.wrapperOuterFooterTop { width: 100%; min-height: 190px; background-color: #eeeeed; }

.wrapperOuterFooterBottom { width: 100%; height: 4.5em; }

.wrapperInnerFooterTop { width: 960px; margin: 0 auto; }

.wrapperInnerFooterBottom { width: 960px; margin: 0 auto; padding-top: 22px; }

.wrapperGreyBox { clear: left; position: relative; width: 100%; border-radius: 3px; background-color: #eeeeed; min-height: 50px; padding-bottom: 30px; }
.wrapperGreyBox.small { width: 255px; float: left; clear: none; margin-right: 28px; padding: 27px 23px; }
.wrapperGreyBox.small:last-child { margin-right: 0; }

.wrapperVideoTop { width: 100%; }
.wrapperVideoTop .wrapperVideobox { width: 533px; height: 100%; float: left; }
.wrapperVideoTop .wrapperVideobox .wrapperVideoShare { float: left; width: 33px; height: 100%; }
.wrapperVideoTop .wrapperVideoDetails { width: 400px; height: 100%; float: right; position: relative; }
.wrapperVideoTop .wrapperVideoDetails .wrapperVideoMoreDetails { position: absolute; top: 0; width: 100%; height: 100%; }
.wrapperVideoTop .wrapperVideoDetails .wrapperVideoMoreDetails .wrapperGreyBox { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 447px; padding: 15px 0 5px; }
.wrapperVideoTop .wrapperVideoDetails .wrapperVideoMoreDetails .wrapperGreyBox .wrapperVideoMoreDetailsContent { height: 99%; padding: 0 15px; overflow: auto; }
.wrapperVideoTop .wrapperVideoDetails .wrapperVideoMoreDetails .wrapperGreyBox .wrapperVideoMoreDetailsContent.sections { height: 286px; }
.wrapperVideoTop .wrapperVideoDetails .wrapperVideoMoreDetails.sections { top: 84px; height: auto; }
.wrapperVideoTop .wrapperVideoDetails .wrapperVideoMoreDetails.sections .wrapperGreyBox { height: 364px; }

.startpageWrapper .wrapperVideoTop { height: 560px; }

.whiteLayer { width: 100%; height: 100%; background-color: #fff; z-index: 500; position: fixed; top: 0; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: .5; }

.styleguide tr td:nth-child(1), .styleguide tr td:nth-child(4), .styleguide tr td:nth-child(7), .styleguide tr th:nth-child(1), .styleguide tr th:nth-child(4), .styleguide tr th:nth-child(7) { background-color: #d2d0d0; }
.styleguide td, .styleguide th { padding: 10px; border-bottom: 1px solid #999; }
.styleguide td .stg, .styleguide th .stg { position: relative; }

/* ==================================================
*
*   Navigation
*/
/* ========================================================================== Navigation Lists ========================================================================== */
/* ---------------------------------------- BEGIN: main navi
*/
nav { width: 100%; background-color: #004c7f; white-space: nowrap; }

nav ul { width: 96em; height: 3em; line-height: 3em; margin: 0 auto; }
nav ul a, nav ul a:visited { padding: 0 2em; color: #fff; }
nav ul a:hover { text-decoration: none; }

nav ul li:last-child { margin-right: 0; }

nav ul li:first-child { margin-left: 10px; }

nav ul { background-color: #004c7f; color: #fff; }

nav ul li { font-size: 1.5em; display: inline-block; position: relative; }

nav ul li:hover { background-color: #1a5e8c; }

nav ul li.nav-selected:hover { background-color: inherit; }

nav ul li a { display: inline-block; }

nav ul li.nav-selected::before { position: absolute; content: ''; width: 0; height: 0; top: 30px; left: 40%; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #004c7f; }

/* END: main navi ---------------------------------------- */
.submenu { -moz-box-sizing: border-box; box-sizing: border-box; display: none; position: absolute; left: 0; top: 30px; z-index: 1500; min-width: 100%; border: 1px solid #004c7f; border-top: 0; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; padding: 10px; background-color: #fff; }
.submenu ul { background-color: #fff; width: 100%; height: auto; white-space: normal; }
.submenu ul li { float: none; display: block; margin: 0; padding: 6px 0; line-height: 20px; border-bottom: 1px solid #d9d9d9; background-color: #fff; width: 100%; }
.submenu ul li:hover { background-color: #fff; }
.submenu ul li:first-child { margin-left: 0; }
.submenu ul li:last-child { border-bottom: 0; }
.submenu ul a, .submenu ul a:visited { color: #000; font-size: 14px; font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; padding: 0; text-decoration: none; }
.submenu.lastSearch { top: 32px; left: 35%; border-top: 1px solid #004c7f; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.submenu.lastSearch ul { margin: 0; }
.submenu.lastSearch li { text-align: left; }
.submenu.lastSearch a { font-family: "BundesSansWeb", Arial, helvetica, sans-serif; font-size: 12px; }
.submenu.lastSearch:before { position: absolute; content: ''; width: 0; height: 0; top: -9px; left: 40%; margin-left: -16px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 9px solid #004c7f; }
.submenu.lastSearch:after { position: absolute; content: ''; width: 0; height: 0; top: -8px; left: 40%; margin-left: -16px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 9px solid #fff; z-index: 10; }

/* ---------------------------------------- BEGIN: new tab navi
*/
ul.newTabNavi { position: absolute; top: -30px; right: 0; border-top: 2px solid #eeeeed; border-right: 2px solid #eeeeed; -moz-border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px; border-radius: 4px 4px 0px 0px; list-style-type: none; margin: 0; }
ul.newTabNavi li { text-align: center; float: left; }
ul.newTabNavi li:after { content: ""; width: 14px; height: 28px; background: url("../images/newTabSeparatorLow.png") 0 0 no-repeat; display: inline-block; }
ul.newTabNavi li:last-child:after { background: none; }
ul.newTabNavi li:last-child.hi:after { background-color: #eeeeed; }
ul.newTabNavi li a { color: #313131; text-decoration: none; line-height: 28px; display: inline-block; padding: 0 6px; font-size: 15px; position: relative; top: -8px; }
ul.newTabNavi li.hi { background-color: #eeeeed; }
ul.newTabNavi li.hi:after { background: none; background-color: #fff; width: 6px; }
ul.newTabNavi li.hi a { padding: 0 10px; }
ul.newTabNavi li:first-child { padding-left: 0; }
ul.newTabNavi li:first-child a { padding-left: 0; }
ul.newTabNavi li:first-child.low:before, ul.newTabNavi li:first-child.hi:before { content: ""; width: 14px; height: 28px; background: url("../images/newTabSeparatorFirstHigh.png") 0 0 no-repeat; display: inline-block; position: relative; left: -12px; }
ul.newTabNavi li:first-child.low:before { background: url("../images/newTabSeparatorLow.png") 0 0 no-repeat; }
ul.newTabNavi li.noSeparator:after { background: none; background-color: #fff; width: 6px; }

/* ---------------------------------------- BEGIN: tab navi
*/
ul.tabNavi { list-style-type: none; padding: 0; margin: 0; margin-left: 34px; }

ul.tabNavi li { display: inline-block; float: left; position: relative; font-size: 18px; margin: 0; }
ul.tabNavi li a, ul.tabNavi li a:visited { color: #000; }
ul.tabNavi li a:hover { text-decoration: none; }

ul.tabNavi li:nth-child(2) { left: -24px; }

ul.tabNavi li:nth-child(3) { left: -48px; }

ul.tabNavi li:nth-child(4) { left: -72px; }

ul.tabNavi li.hi { z-index: 10; background-color: #eeeeed; }
ul.tabNavi li.hi a { font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; }

ul.tabNavi li.low { z-index: 0; }

ul.tabNavi li:first-child { left: auto; }

ul.tabNavi li.hi:before { content: ""; background: url("../images/tabLlRh.png") 0 0 no-repeat; width: 24px; height: 30px; display: inline-block; float: left; border-top: 0; }

ul.tabNavi li.hi:after { content: ""; background: url("../images/tabLhRl.png") 0 0 no-repeat; width: 24px; height: 30px; display: inline-block; float: right; border-top: 0; }

ul.tabNavi li.low:before { content: ""; background: url("../images/tabLlRl.png") 0 0 no-repeat; width: 24px; height: 30px; display: inline-block; float: left; border-top: 0; }

ul.tabNavi li.low:after { content: ""; background: url("../images/tabLlRl.png") 0 0 no-repeat; width: 24px; height: 30px; display: inline-block; float: right; border-top: 0; }

ul.tabNavi li.hi:first-child:before { content: ""; background: url("../images/tabLnRh.png") 0 0 no-repeat; width: 24px; height: 30px; display: inline-block; float: left; border-top: 0; }

ul.tabNavi li.hi:last-child:after { content: ""; background: url("../images/tabLhRn.png") 0 0 no-repeat; width: 24px; height: 30px; display: inline-block; float: right; border-top: 0; }

ul.tabNavi li.hi:last-child:before { content: ""; background: url("../images/tabLlRh.png") 0 0 no-repeat; width: 24px; height: 30px; display: inline-block; float: left; border-top: 0; }

ul.tabNavi li.low:first-child:before { content: ""; background: url("../images/tabLnRl.png") 0 0 no-repeat; width: 24px; height: 30px; display: inline-block; float: left; border-top: 0; }

ul.tabNavi li.low:last-child:before { content: ""; background: url("../images/tabLlRl.png") 0 0 no-repeat; width: 24px; height: 30px; display: inline-block; float: left; border-top: 0; }

ul.tabNavi li.low:last-child:after { content: ""; background: url("../images/tabLlRn.png") 0 0 no-repeat; width: 24px; height: 30px; display: inline-block; float: right; border-top: 0; }

ul.tabNavi li a { position: relative; display: inline-block; padding: 4px 25px 1px 25px; border-top: 2px solid #eeeeed; }

ul.tabNavi li.hi a { background-color: #eeeeed; }

.wrapperVideoMoreDetails .tabNaviSmall { margin-left: 6px; position: relative; height: 24px; }
.wrapperVideoMoreDetails .tabNaviSmall li { font-size: 14px; /*position: absolute;*/ bottom: 0; background-color: #fff; /*&:nth-child(2) {
	left: 98px;
	// left: 69px;
}
&:nth-child(3) {
	left: 170px;
	// left: 178px;
}
&:nth-child(4) {
	left: 278px;
}*/ }
.wrapperVideoMoreDetails .tabNaviSmall li a, .wrapperVideoMoreDetails .tabNaviSmall li a:visited { padding: 4px 8px 1px 8px; color: #313131; }
.wrapperVideoMoreDetails .tabNaviSmall li.hi:before { background: url("../images/stabLlRh.png") 0 0 no-repeat; width: 21px; height: 24px; }
.wrapperVideoMoreDetails .tabNaviSmall li.hi:after { background: url("../images/stabLhRl.png") 0 0 no-repeat; width: 21px; height: 24px; }
.wrapperVideoMoreDetails .tabNaviSmall li.low:before { background: url("../images/stabLlRl.png") 0 0 no-repeat; width: 21px; height: 24px; }
.wrapperVideoMoreDetails .tabNaviSmall li.low:after { background: url("../images/stabLlRl.png") 0 0 no-repeat; width: 21px; height: 24px; }
.wrapperVideoMoreDetails .tabNaviSmall li.hi:first-child:before { background: url("../images/stabLnRh.png") 0 0 no-repeat !important; width: 21px !important; height: 24px !important; }
.wrapperVideoMoreDetails .tabNaviSmall li.hi:last-child:after { background: url("../images/stabLhRn.png") 0 0 no-repeat; width: 21px; height: 24px; }
.wrapperVideoMoreDetails .tabNaviSmall li.hi:last-child:before { background: url("../images/stabLlRh.png") 0 0 no-repeat; width: 21px; height: 24px; }
.wrapperVideoMoreDetails .tabNaviSmall li.low:first-child:before { background: url("../images/stabLnRl.png") 0 0 no-repeat; width: 21px; height: 24px; }
.wrapperVideoMoreDetails .tabNaviSmall li.low:last-child:before { background: url("../images/stabLlRl.png") 0 0 no-repeat; width: 21px; height: 24px; }
.wrapperVideoMoreDetails .tabNaviSmall li.low:last-child:after { background: url("../images/stabLlRn.png") 0 0 no-repeat; width: 21px; height: 24px; }
.wrapperVideoMoreDetails .tabNaviSmall li.hi { background-color: inherit; }
.wrapperVideoMoreDetails .tabNaviSmall li.hi a { font-family: "BundesSansWeb", Arial, helvetica, sans-serif; line-height: 17px; }

/* END: tab navi ---------------------------------------- */
/* BEGIN: Search Navi
---------------------------------------- */
ul.searchNavi { list-style-type: none; margin-left: 0; margin-top: 0; width: 575px; }

ul.searchNavi > li { float: left; position: relative; line-height: 30px; }
ul.searchNavi > li:first-child, ul.searchNavi > li:last-child, ul.searchNavi > li:nth-child(2) { width: 33%; }
ul.searchNavi > li:nth-child(3), ul.searchNavi > li:nth-child(4) { width: 30%; }

ul.searchNavi > li:first-child { text-align: left; }

ul.searchNavi > li:nth-child(n+3) { text-align: center; }

ul.searchNavi > li:last-child { text-align: right; }

ul.searchNavi > li a { color: #004c7f; }

ul.searchNavi > li a:hover { text-decoration: underline; }

/* END: Search Navi ---------------------------------------- */
/* BEGIN: Skip links Barrierefrei ---------------------------------------- */
.bf-skiplinks { position: absolute; top: 0; left: -9999px; height: 1px; width: 1px; z-index: 1000; width: 100%; margin: 0; padding: 0; list-style-type: none; }
.bf-skiplinks .bf-skip { position: absolute; top: 0; left: -9999px; height: 1px; width: 1px; }

/* END: tab navi ---------------------------------------- */
/* ==================================================
*
*   Sprites
*/
.iconBasket:before { content: ""; width: 15px; height: 14px; background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -19px -400px; float: left; position: relative; bottom: -1px; margin-right: 7px; z-index: 500; }

.iconBasket:hover:before, .iconBasket:active:before, .iconBasket:focus:before { background-position: -69px -400px; }

.iconFavorites:before { content: ""; width: 17px; height: 11px; background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -19px -432px; float: left; position: relative; bottom: -3px; margin-right: 7px; margin-left: 4px; z-index: 500; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .iconFavorites:before { background-repeat: no-repeat; background-image: url("../images/sprite@2x.png"); background-size: 410px 900px; } }

.iconFavorites:hover:before { background-position: -69px -432px; }

.iconConfirm { background-position: -218px -523px; width: 75px; height: 72px; background-repeat: no-repeat; background-image: url("../images/sprite.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .iconConfirm { background-repeat: no-repeat; background-image: url("../images/sprite@2x.png"); background-size: 410px 900px; } }

.iconArrowTop:before { content: ""; width: 12px; height: 11px; background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -121px -131px; float: right; position: relative; bottom: -1px; margin-left: 10px; }

.iconArrowTop:hover:before { background-position: -171px -131px; }

.iconArrowOrangeLeft:before { content: ""; width: 12px; height: 13px; background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -122px -236px; float: left; position: relative; vertical-align: middle; bottom: -5px; }

.iconArrowOrangeLeft:hover:before { background-position: -171px -236px; }

.iconArrowLeft:before, .iconArrowRight:before { content: ""; width: 15px; height: 26px; background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position-x: -119px; float: right; position: relative; bottom: -1px; margin-left: 10px; }

.iconArrowLeft:before { background-position: -119px -15px; }

.iconArrowLeft:hover:before { background-position: -170px -15px; }

.iconArrowRight:before { background-position: -119px -67px; }

.iconArrowRight:hover:before { background-position: -170px -67px; }

.iconCal:before { content: ""; width: 21px; height: 20px; background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -17px -181px; position: absolute; top: 5px; right: 8px; }

.iconCal:hover:before { background-position: -67px -181px; }

.iconDropdown:before { content: ""; width: 13px; height: 12px; background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -121px -184px; position: absolute; top: 10px; right: 8px; }

.iconDropdown:hover:before { background-position: -170px -184px; }

.iconSearch { width: 34px; height: 34px; background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -10px -10px; background-color: transparent; position: relative; border: 0; text-indent: -99999px; }

.iconSearch:hover { background-position: -60px -10px; }

.iconInfo { width: 27px; height: 27px; background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -215px -14px; background-color: transparent; position: relative; border: 0; }
.iconInfo:hover { background-position: -266px -14px; }

@media only screen and (device-width: 768px) { .iconInfo { background-position: -214px -14px; width: 28px; }
  .iconInfo:hover { background-position: -265px -14px; } }
.iconInfoDark:before { background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-color: transparent; content: ""; display: inline-block; background-position: -313px -417px; width: 26px; height: 26px; }

.iconInfoDark:hover:before { background-position: -366px -417px; }

.iconFAQ:before { background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-color: transparent; content: ""; display: inline-block; background-position: -317px -486px; width: 26px; height: 22px; }

.iconFAQ:hover:before { background-position: -368px -486px; }

.resultImageMore { background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -16px -494px; width: 174px; height: 138px; }

.resultLinkAction, .resultLinkPlay, .resultLinkSave, .resultLinkBuy, .resultLinkDelete, .resultLinkPhoto { display: inline-block; background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -12px -231px; width: 28px; height: 28px; }
.resultLinkAction:hover, .resultLinkPlay:hover, .resultLinkSave:hover, .resultLinkBuy:hover, .resultLinkDelete:hover, .resultLinkPhoto:hover { background-position: -65px -231px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .resultLinkAction, .resultLinkPlay, .resultLinkSave, .resultLinkBuy, .resultLinkDelete, .resultLinkPhoto { background-repeat: no-repeat; background-image: url("../images/sprite@2x.png"); background-size: 410px 900px; } }

.resultLinkSave { background-position: -10px -286px; width: 40px; height: 25px; }
.resultLinkSave:hover, .resultLinkSave:active, .resultLinkSave:focus { background-position: -60px -286px; }

.resultLinkSave.selected { background-position: -94px -640px; width: 40px; }

.resultLinkBuy { background-position: -10px -338px; width: 42px; height: 30px; }
.resultLinkBuy:hover, .resultLinkBuy:active, .resultLinkBuy:focus { background-position: -60px -338px; }

.resultLinkBuy.selected { background-position: -161px -640px; width: 42px; }

.resultLinkAction { background-position: -214px -390px; width: 28px; height: 28px; }
.resultLinkAction:hover, .resultLinkAction:active, .resultLinkAction:focus { background-position: -265px -390px; }

.resultLinkDelete { background-position: -215px -335px; width: 26px; height: 30px; }
.resultLinkDelete:hover, .resultLinkDelete:active, .resultLinkDelete:focus { background-position: -266px -335px; }

.resultLinkPhoto { background-position: -211px -640px; width: 30px; height: 28px; text-indent: -9999px; }
.resultLinkPhoto:hover, .resultLinkPhoto:active, .resultLinkPhoto:focus { background-position: -262px -640px; }

.iconBack { background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -121px -290px; width: 15px; height: 22px; display: inline-block; text-indent: -9999px; }

/*.iconBack:hover {
	background-position: -162px -290px;
}*/
.iconShare { background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -120px -342px; width: 18px; height: 21px; display: inline-block; text-indent: -9999px; }

/*.iconShare:hover {
	background-position: -161px -342px;
}*/
.iconPrint { background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -121px -390px; width: 17px; height: 18px; display: inline-block; text-indent: -9999px; }

/*.iconPrint:hover {
	background-position: -163px -391px;
}*/
.iconRadio, .iconRadioSelected, input[type="radio"]:checked { width: 26px; height: 26px; background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -266px -68px; background-color: transparent; position: relative; border: 0; cursor: pointer; }

.iconRadio:hover, .iconRadio.iconRadioHover { background-position: -215px -68px; }

.iconRadioSelected, input[type="radio"]:checked { background-position: -266px -122px; }

.iconRadioSelected:hover, .iconRadioSelected.iconRadioHover { background-position: -215px -122px; }

.iconCheckboxSmall, .iconCheckboxSmallSelected, .iconCheckboxSmallSelected input[type="checkbox"]:checked { width: 26px; height: 26px; background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -368px -378px; background-color: transparent; position: relative; border: 0; cursor: pointer; }

.iconCheckboxSmall:hover, .iconCheckboxSmall.iconCheckboxHover { background-position: -314px -378px; }

.iconCheckboxSmallSelected, input[type="checkbox"]:checked { background-position: -368px -333px; }

.iconCheckboxSmallSelected:hover, .iconCheckboxSmallSelected.iconCheckboxHover { background-position: -314px -333px; }

.iconAdd { width: 26px; height: 26px; background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -215px -176px; background-color: transparent; position: relative; border: 0; }

.iconAdd:hover { background-position: -266px -176px; }

.iconDelete { width: 26px; height: 26px; background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -215px -231px; background-color: transparent; position: relative; border: 0; }

.iconDelete:hover { background-position: -266px -231px; }

.logoTransit, .logoDC { width: 60px; height: 28px; background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -323px -233px; background-color: transparent; position: relative; border: 0; display: inline-block; text-indent: -9999px; }

.logoDC { background-position: -305px -282px; width: 92px; height: 29px; top: -1px; }

.close { position: absolute; width: 26px; height: 26px; cursor: pointer; background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -215px -284px; z-index: 1000; }
.close:hover { background-position: -266px -284px; }

.iconAddPlus, .wrapperListAssistent .wrapperSelect .select .selectBox ul li:after, .wrapperListAssistent .wrapperSelect .selected .selectBox ul li:after, .wrapperListAssistent .wrapperSelected .select .selectBox ul li:after, .wrapperListAssistent .wrapperSelected .selected .selectBox ul li:after { background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -58px -702px; width: 16px; height: 17px; display: inline-block; }
.iconAddPlus:hover, .wrapperListAssistent .wrapperSelect .select .selectBox ul li:hover:after, .wrapperListAssistent .wrapperSelect .selected .selectBox ul li:hover:after, .wrapperListAssistent .wrapperSelected .select .selectBox ul li:hover:after, .wrapperListAssistent .wrapperSelected .selected .selectBox ul li:hover:after { background-position: -83px -702px; }

.iconRemovePlus, .wrapperListAssistent .wrapperSelect .select .selectedBox ul li:after, .wrapperListAssistent .wrapperSelect .selected .selectedBox ul li:after, .wrapperListAssistent .wrapperSelected .select .selectedBox ul li:after, .wrapperListAssistent .wrapperSelected .selected .selectedBox ul li:after { background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -10px -704px; width: 12px; height: 13px; display: inline-block; }
.iconRemovePlus:hover, .wrapperListAssistent .wrapperSelect .select .selectedBox ul li:hover:after, .wrapperListAssistent .wrapperSelect .selected .selectedBox ul li:hover:after, .wrapperListAssistent .wrapperSelected .select .selectedBox ul li:hover:after, .wrapperListAssistent .wrapperSelected .selected .selectedBox ul li:hover:after { background-position: -35px -704px; }

.iconArrowAssistent { background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -109px -690px; width: 45px; height: 42px; display: inline-block; }

#videoCutDetails .close { top: -35px; }

.downloadLinkAction { background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -210px -681px; width: 28px; height: 28px; }
.downloadLinkAction:hover, .downloadLinkAction:active, .downloadLinkAction:focus { background-position: -261px -681px; }

.zip { background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -10px -741px; width: 174px; height: 139px; vertical-align: middle; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) and (min-device-pixel-ratio: 2) { .iconBasket:before, .iconBasket:hover:before, .iconSearch, .iconSearch:hover, .iconArrowTop:before, .iconArrowTop:hover:before, .iconCal:before, .iconCal:hover:before, .iconDropdown:before, .iconDropdown:hover:before, .iconInfo, .iconInfo:hover, .iconInfoDark:before, .iconInfoDark:hover:before, .iconCheckbox, .iconCheckboxSelected, .iconFAQ:before, .iconFAQ:hover:before, .resultImageMore, .resultLinkPlay, .resultLinkSave, .resultLinkBuy, .resultLinkDelete, .resultLinkAction, .resultLinkPlay:hover, .resultLinkSave:hover, .resultLinkBuy:hover, .resultLinkDelete:hover, .resultLinkAction:hover, .iconRadio, .iconRadioSelected, .iconAdd, .iconDelete, .iconArrowLeft:before, .iconArrowRight:before, .logoTransit, .logoDC, .iconBack, .iconShare, .iconPrint { background-repeat: no-repeat; background-image: url("../images/sprite@2x.png"); background-size: 410px 900px; } }

/* PLAYER SPRITES */
.playerBg { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -20px -216px; width: 500px; height: 94px; position: relative; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerBg { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }

.sectionsBg { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -168px -561px; width: 391px; height: 44px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .sectionsBg { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }

.sectionSaveInFolder { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -540px -99px; width: 34px; height: 23px; cursor: pointer; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .sectionSaveInFolder { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }
.sectionSaveInFolder:hover { background-position: -540px -140px; }

.sectionSaveInBasket { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -360px -180px; width: 32px; height: 26px; cursor: pointer; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .sectionSaveInBasket { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }
.sectionSaveInBasket:hover { background-position: -400px -180px; }

.sectionDelete { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -774px -310px; width: 26px; height: 26px; cursor: pointer; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .sectionDelete { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }

.playerBgDetail { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -20px -19px; width: 500px; height: 94px; position: relative; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerBgDetail { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }

.playerPlay { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -541px -20px; width: 33px; height: 33px; left: 96px; bottom: 13px; text-indent: -9999px; }
.playerPlay:hover { background-position: -541px -60px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerPlay { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }

.playerPause { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -541px -217px; width: 33px; height: 33px; left: 96px; bottom: 13px; text-indent: -9999px; }
.playerPause:hover { background-position: -601px -217px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerPause { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }

@media only screen and (device-width: 768px) { .playerPause { background-position: -541px -217px; }
  .playerPause:hover { background-position: -601px -217px; } }
.playerPrev { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -581px -20px; width: 26px; height: 26px; left: 18px; bottom: 16px; }
.playerPrev:hover { background-position: -581px -60px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerPrev { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }

.playerBackward { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -611px -20px; width: 26px; height: 26px; left: 55px; bottom: 16px; }
.playerBackward:hover { background-position: -611px -60px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerBackward { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }

.playerForward { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -641px -20px; width: 26px; height: 26px; left: 140px; bottom: 16px; }
.playerForward:hover { background-position: -641px -60px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerForward { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }

.playerPlus { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -701px -20px; width: 26px; height: 26px; left: 248px; bottom: 16px; }
.playerPlus:hover { background-position: -701px -60px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerPlus { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }

.playerMinus { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -671px -20px; width: 26px; height: 26px; left: 181px; bottom: 16px; }
.playerMinus:hover { background-position: -671px -60px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerMinus { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }

.playerCut { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -730px -20px; width: 28px; height: 23px; left: 310px; bottom: 17px; }
.playerCut:hover { background-position: -730px -60px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerCut { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }

.playerBasket { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -361px -180px; width: 30px; height: 25px; left: 436px; bottom: 18px; }
.playerBasket:hover { background-position: -401px -180px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerBasket { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }
.playerBasket.selected { background-position: -729px -270px; width: 35px; height: 25px; }

.playerSave { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -540px -100px; width: 33px; height: 21px; left: 371px; bottom: 19px; }
.playerSave:hover { background-position: -540px -140px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerSave { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }
.playerSave.selected { background-position: -670px -270px; width: 34px; height: 21px; }

.playerBar { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -20px -139px; width: 310px; height: 14px; left: 13px; top: 13px; }

.playerPosition { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -670px -180px; width: 17px; height: 17px; left: 0; bottom: -2px; margin-left: -5px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerPosition { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }

.playerSwitch { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -670px -217px; width: 18px; height: 18px; left: 412px; top: 11px; }
.playerSwitch:hover { background-position: -700px -217px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerSwitch { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }

.playerSoundOn { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -700px -100px; width: 12px; height: 13px; left: 442px; top: 14px; }
.playerSoundOn:hover { background-position: -700px -140px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerSoundOn { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }

.playerSoundOff { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -729px -98px; width: 18px; height: 17px; left: 440px; top: 12px; }
.playerSoundOff:hover { background-position: -729px -138px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerSoundOff { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }

.playerFullsize { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -640px -100px; width: 18px; height: 17px; left: 469px; top: 12px; }
.playerFullsize:hover { background-position: -640px -140px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerFullsize { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }

.playerCutLeft { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -440px -180px; width: 28px; height: 25px; left: 314px; bottom: 17px; }
.playerCutLeft:hover { background-position: -560px -180px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerCutLeft { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }

.playerCutRight { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -480px -180px; width: 28px; height: 25px; left: 362px; bottom: 17px; }
.playerCutRight:hover { background-position: -600px -180px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerCutRight { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }

.playerFotocopy { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -540px -270px; width: 30px; height: 22px; left: 436px; bottom: 19px; text-indent: -9999px; }
.playerFotocopy:hover { background-position: -602px -270px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerFotocopy { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }

.playerLoudness { background-repeat: no-repeat; background-image: url("../images/playersprite.png?v=2"); position: absolute; background-position: -729px -180px; width: 22px; height: 46px; padding-top: 9px; padding-bottom: 24px; left: 438px; bottom: 87px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .playerLoudness { background-repeat: no-repeat; background-image: url("../images/playersprite@2x.png?v=2"); background-size: 900px 632px; } }

/* ==================================================
*
*   The rest
*/
/*! jQuery UI - v1.9.2 - 2013-10-14
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.slider.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }

.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }

.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }

.ui-helper-clearfix:after { clear: both; }

.ui-helper-clearfix { zoom: 1; }

.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.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: .8em; }

.ui-slider-horizontal .ui-slider-handle { top: -.3em; 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: .8em; height: 100px; }

.ui-slider-vertical .ui-slider-handle { left: -.3em; 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; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1.1em; }

.ui-widget .ui-widget { font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size: 1em; }

.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(../images/slider/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }

.ui-widget-content a { color: #333333; }

.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(../images/slider/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }

.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(../images/slider/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(../images/slider/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #c77405; text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(../images/slider/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fed22f; background: #ffe45c url(../images/slider/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #b81900 url(../images/slider/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none; }

.ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); }

/* For IE8 - See #6059 */
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(../images/slider/ui-icons_222222_256x240.png); }

.ui-widget-content .ui-icon { background-image: url(../images/slider/ui-icons_222222_256x240.png); }

.ui-widget-header .ui-icon { background-image: url(../images/slider/ui-icons_ffffff_256x240.png); }

.ui-state-default .ui-icon { background-image: url(../images/slider/ui-icons_ef8c08_256x240.png); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(../images/slider/ui-icons_ef8c08_256x240.png); }

.ui-state-active .ui-icon { background-image: url(../images/slider/ui-icons_ef8c08_256x240.png); }

.ui-state-highlight .ui-icon { background-image: url(../images/slider/ui-icons_228ef1_256x240.png); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(../images/slider/ui-icons_ffd27a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }

.ui-icon-carat-1-ne { background-position: -16px 0; }

.ui-icon-carat-1-e { background-position: -32px 0; }

.ui-icon-carat-1-se { background-position: -48px 0; }

.ui-icon-carat-1-s { background-position: -64px 0; }

.ui-icon-carat-1-sw { background-position: -80px 0; }

.ui-icon-carat-1-w { background-position: -96px 0; }

.ui-icon-carat-1-nw { background-position: -112px 0; }

.ui-icon-carat-2-n-s { background-position: -128px 0; }

.ui-icon-carat-2-e-w { background-position: -144px 0; }

.ui-icon-triangle-1-n { background-position: 0 -16px; }

.ui-icon-triangle-1-ne { background-position: -16px -16px; }

.ui-icon-triangle-1-e { background-position: -32px -16px; }

.ui-icon-triangle-1-se { background-position: -48px -16px; }

.ui-icon-triangle-1-s { background-position: -64px -16px; }

.ui-icon-triangle-1-sw { background-position: -80px -16px; }

.ui-icon-triangle-1-w { background-position: -96px -16px; }

.ui-icon-triangle-1-nw { background-position: -112px -16px; }

.ui-icon-triangle-2-n-s { background-position: -128px -16px; }

.ui-icon-triangle-2-e-w { background-position: -144px -16px; }

.ui-icon-arrow-1-n { background-position: 0 -32px; }

.ui-icon-arrow-1-ne { background-position: -16px -32px; }

.ui-icon-arrow-1-e { background-position: -32px -32px; }

.ui-icon-arrow-1-se { background-position: -48px -32px; }

.ui-icon-arrow-1-s { background-position: -64px -32px; }

.ui-icon-arrow-1-sw { background-position: -80px -32px; }

.ui-icon-arrow-1-w { background-position: -96px -32px; }

.ui-icon-arrow-1-nw { background-position: -112px -32px; }

.ui-icon-arrow-2-n-s { background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }

.ui-icon-arrow-2-e-w { background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }

.ui-icon-arrowstop-1-n { background-position: -192px -32px; }

.ui-icon-arrowstop-1-e { background-position: -208px -32px; }

.ui-icon-arrowstop-1-s { background-position: -224px -32px; }

.ui-icon-arrowstop-1-w { background-position: -240px -32px; }

.ui-icon-arrowthick-1-n { background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }

.ui-icon-arrowthick-1-e { background-position: -32px -48px; }

.ui-icon-arrowthick-1-se { background-position: -48px -48px; }

.ui-icon-arrowthick-1-s { background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }

.ui-icon-arrowthick-1-w { background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }

.ui-icon-arrow-4 { background-position: 0 -80px; }

.ui-icon-arrow-4-diag { background-position: -16px -80px; }

.ui-icon-extlink { background-position: -32px -80px; }

.ui-icon-newwin { background-position: -48px -80px; }

.ui-icon-refresh { background-position: -64px -80px; }

.ui-icon-shuffle { background-position: -80px -80px; }

.ui-icon-transfer-e-w { background-position: -96px -80px; }

.ui-icon-transferthick-e-w { background-position: -112px -80px; }

.ui-icon-folder-collapsed { background-position: 0 -96px; }

.ui-icon-folder-open { background-position: -16px -96px; }

.ui-icon-document { background-position: -32px -96px; }

.ui-icon-document-b { background-position: -48px -96px; }

.ui-icon-note { background-position: -64px -96px; }

.ui-icon-mail-closed { background-position: -80px -96px; }

.ui-icon-mail-open { background-position: -96px -96px; }

.ui-icon-suitcase { background-position: -112px -96px; }

.ui-icon-comment { background-position: -128px -96px; }

.ui-icon-person { background-position: -144px -96px; }

.ui-icon-print { background-position: -160px -96px; }

.ui-icon-trash { background-position: -176px -96px; }

.ui-icon-locked { background-position: -192px -96px; }

.ui-icon-unlocked { background-position: -208px -96px; }

.ui-icon-bookmark { background-position: -224px -96px; }

.ui-icon-tag { background-position: -240px -96px; }

.ui-icon-home { background-position: 0 -112px; }

.ui-icon-flag { background-position: -16px -112px; }

.ui-icon-calendar { background-position: -32px -112px; }

.ui-icon-cart { background-position: -48px -112px; }

.ui-icon-pencil { background-position: -64px -112px; }

.ui-icon-clock { background-position: -80px -112px; }

.ui-icon-disk { background-position: -96px -112px; }

.ui-icon-calculator { background-position: -112px -112px; }

.ui-icon-zoomin { background-position: -128px -112px; }

.ui-icon-zoomout { background-position: -144px -112px; }

.ui-icon-search { background-position: -160px -112px; }

.ui-icon-wrench { background-position: -176px -112px; }

.ui-icon-gear { background-position: -192px -112px; }

.ui-icon-heart { background-position: -208px -112px; }

.ui-icon-star { background-position: -224px -112px; }

.ui-icon-link { background-position: -240px -112px; }

.ui-icon-cancel { background-position: 0 -128px; }

.ui-icon-plus { background-position: -16px -128px; }

.ui-icon-plusthick { background-position: -32px -128px; }

.ui-icon-minus { background-position: -48px -128px; }

.ui-icon-minusthick { background-position: -64px -128px; }

.ui-icon-close { background-position: -80px -128px; }

.ui-icon-closethick { background-position: -96px -128px; }

.ui-icon-key { background-position: -112px -128px; }

.ui-icon-lightbulb { background-position: -128px -128px; }

.ui-icon-scissors { background-position: -144px -128px; }

.ui-icon-clipboard { background-position: -160px -128px; }

.ui-icon-copy { background-position: -176px -128px; }

.ui-icon-contact { background-position: -192px -128px; }

.ui-icon-image { background-position: -208px -128px; }

.ui-icon-video { background-position: -224px -128px; }

.ui-icon-script { background-position: -240px -128px; }

.ui-icon-alert { background-position: 0 -144px; }

.ui-icon-info { background-position: -16px -144px; }

.ui-icon-notice { background-position: -32px -144px; }

.ui-icon-help { background-position: -48px -144px; }

.ui-icon-check { background-position: -64px -144px; }

.ui-icon-bullet { background-position: -80px -144px; }

.ui-icon-radio-on { background-position: -96px -144px; }

.ui-icon-radio-off { background-position: -112px -144px; }

.ui-icon-pin-w { background-position: -128px -144px; }

.ui-icon-pin-s { background-position: -144px -144px; }

.ui-icon-play { background-position: 0 -160px; }

.ui-icon-pause { background-position: -16px -160px; }

.ui-icon-seek-next { background-position: -32px -160px; }

.ui-icon-seek-prev { background-position: -48px -160px; }

.ui-icon-seek-end { background-position: -64px -160px; }

.ui-icon-seek-start { background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }

.ui-icon-stop { background-position: -96px -160px; }

.ui-icon-eject { background-position: -112px -160px; }

.ui-icon-volume-off { background-position: -128px -160px; }

.ui-icon-volume-on { background-position: -144px -160px; }

.ui-icon-power { background-position: 0 -176px; }

.ui-icon-signal-diag { background-position: -16px -176px; }

.ui-icon-signal { background-position: -32px -176px; }

.ui-icon-battery-0 { background-position: -48px -176px; }

.ui-icon-battery-1 { background-position: -64px -176px; }

.ui-icon-battery-2 { background-position: -80px -176px; }

.ui-icon-battery-3 { background-position: -96px -176px; }

.ui-icon-circle-plus { background-position: 0 -192px; }

.ui-icon-circle-minus { background-position: -16px -192px; }

.ui-icon-circle-close { background-position: -32px -192px; }

.ui-icon-circle-triangle-e { background-position: -48px -192px; }

.ui-icon-circle-triangle-s { background-position: -64px -192px; }

.ui-icon-circle-triangle-w { background-position: -80px -192px; }

.ui-icon-circle-triangle-n { background-position: -96px -192px; }

.ui-icon-circle-arrow-e { background-position: -112px -192px; }

.ui-icon-circle-arrow-s { background-position: -128px -192px; }

.ui-icon-circle-arrow-w { background-position: -144px -192px; }

.ui-icon-circle-arrow-n { background-position: -160px -192px; }

.ui-icon-circle-zoomin { background-position: -176px -192px; }

.ui-icon-circle-zoomout { background-position: -192px -192px; }

.ui-icon-circle-check { background-position: -208px -192px; }

.ui-icon-circlesmall-plus { background-position: 0 -208px; }

.ui-icon-circlesmall-minus { background-position: -16px -208px; }

.ui-icon-circlesmall-close { background-position: -32px -208px; }

.ui-icon-squaresmall-plus { background-position: -48px -208px; }

.ui-icon-squaresmall-minus { background-position: -64px -208px; }

.ui-icon-squaresmall-close { background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }

.ui-icon-grip-solid-vertical { background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }

.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(../images/slider/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .5; filter: Alpha(Opacity=50); }

.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(../images/slider/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .2; filter: Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/* ==================================================
*
*   The rest
*/
/* ========================================================================== Main styles ========================================================================== */
/* ---------------------------------------- BEGIN: header
*/
img.logo { margin: 2em 0; }

img.header { position: absolute; right: 0; bottom: 0; }

.powered { position: absolute; top: 40px; left: 160px; z-index: 10; }

.powered a { margin: 0 15px; vertical-align: baseline; }

.powered span { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; font-size: 0.9em; font-family: Arial, helvetica, sans-serif; letter-spacing: 1px; display: inline-block; vertical-align: bottom; }

.subnavi { position: absolute; right: 20px; top: 0; color: #004c7f; font-size: 1.5em; }

.subnavi li { display: inline-block; padding: 0 6px; }

.subnavi li:last-child { margin-left: 40px; color: #000; }

.subnavi a:hover, .subnavi a:active, .subnavi a:focus { text-decoration: underline; }

a.iconBasket, a.iconFavorites { color: #000; display: inline-block; }

/* END: header ---------------------------------------- */
/* CONTENT */
.wrapperContent { font-size: 15px; position: relative; }

/* ---------------------------------------- BEGIN: forms
*/
/* SEARCH FORM */
.searchForm { position: relative; width: 894px; margin: 0 33px; top: 30px; background-color: #eeeeed; }
.searchForm h2 { font-size: 18px; font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; display: inline-block; margin: 10px 56px 18px 0; }
.searchForm h2:first-child { margin-top: 0; }
.searchForm form { height: 100%; }
.searchForm .button { margin: 0 3px 20px 0; position: relative; right: -518px; }

.searchFilter h1 { font-size: 24px; font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; float: right; text-transform: uppercase; }
.searchFilter h2 a, .searchFilter h2 a:visited { color: #000; padding-left: 10px; }
.searchFilter ul { list-style-type: none; margin: 20px 0 20px -12px; padding: 0; }
.searchFilter ul li { float: left; }
.searchFilter ul li a { display: inline-block; width: 30px; height: 30px; line-height: 30px; margin: 0 3px; text-align: center; border-radius: 5px; color: #000; text-decoration: none; }
.searchFilter ul li a:hover, .searchFilter ul li a:active, .searchFilter ul li a:focus { background-color: #f1dac7; color: #000; }
.searchFilter ul li a.selected { background-color: #e5913a; color: #fff; }
.searchFilter .searchFilter ul.yearFilter { margin: 5px 0 5px -12px; }
.searchFilter .searchFilter ul.yearFilter li a { width: 75px; }
.searchFilter form { margin: 20px 0 20px 0; }

.resultTableFilter { width: 100%; border-top: 1px solid #d9d9d9; }
.resultTableFilter a, .resultTableFilter a:visited { color: #000; text-decoration: none; }
.resultTableFilter tbody tr:nth-child(even) { background-color: #fafafa; }
.resultTableFilter tbody tr:hover { background-color: #eeeeed; cursor: pointer; }
.resultTableFilter th, .resultTableFilter tbody td { padding: 10px 5px 10px 33px; font-size: 15px; }
.resultTableFilter th { text-align: left; font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; font-size: 18px; padding-top: 10px; padding-bottom: 10px; }
.resultTableFilter th .searchInfo { margin-left: 7px; margin-top: 0; vertical-align: middle; font-family: "BundesSansWeb", Arial, helvetica, sans-serif; font-weight: normal; }
.resultTableFilter td.name { font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; }
.resultTableFilter td.name a span { font-family: "BundesSansWeb", Arial, helvetica, sans-serif; font-weight: normal; }

.searchWrapper { margin-bottom: 100px; }
.searchWrapper h1 { text-align: center; font-size: 40px; font-family: "BundesSerifWeb", Times; font-weight: normal; margin-bottom: 46px; }
.searchWrapper .wrapperGreyBox.small { min-height: 210px; }
.searchWrapper .wrapperGreyBox.small h2 { font-size: 24px; font-weight: normal; margin-bottom: 15px; }
.searchWrapper .wrapperGreyBox.small h2 .searchInfo { float: right; }
.searchWrapper .wrapperGreyBox.small p { margin: 0; }
.searchWrapper .wrapperGreyBox.small .iconSearch { display: inline-block; }
.searchWrapper .button, .searchWrapper .searchBox { margin-top: 50px; margin-bottom: 25px; }
.searchWrapper a.button, .searchWrapper a.button:visited { color: #fff; }
.searchWrapper a.button:hover, .searchWrapper a.button:active, .searchWrapper a.button:focus { text-decoration: none; }

/* ---------------------------------------- BEGIN: Forms
*/
input[type=text], input[type=tel], input[type=email], textarea, .formInputContainer { vertical-align: top; position: relative; display: inline-block; font-size: 15px; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; height: 32px; padding: 0 10px; background-color: #fff; outline: none; -webkit-appearance: none; }

.formInputContainer { line-height: 32px; }
.formInputContainer input[type=text] { border: 0; }
.formInputContainer span { overflow: hidden; display: inline-block; height: 32px; }

.iconSearch { vertical-align: top; }

.searchInfo { margin-top: 4px; }

.col10 { width: 515px; }

.col7 { width: 295px; }

.col6 { width: 280px; }

.col5 { width: 220px; }

.col4 { width: 195px; }

.formInputContainer.col5 input[type=text] { width: 175px; }

.formRadioContainer, .formCheckboxContainer { display: inline-block; white-space: nowrap; margin-right: 20px; margin-bottom: 20px; }
.formRadioContainer .formRadio, .formRadioContainer .formCheckbox, .formCheckboxContainer .formRadio, .formCheckboxContainer .formCheckbox { display: inline-block; vertical-align: middle; margin-right: 10px; }
.formRadioContainer input[type="radio"], .formRadioContainer input[type="radio"]:checked, .formRadioContainer input[type="checkbox"], .formRadioContainer input[type="checkbox"]:checked, .formCheckboxContainer input[type="radio"], .formCheckboxContainer input[type="radio"]:checked, .formCheckboxContainer input[type="checkbox"], .formCheckboxContainer input[type="checkbox"]:checked { opacity: 0.01; width: 26px; height: 26px; }

.formCheckboxContainer { margin-top: 10px; }

.searchInfo { display: inline-block; margin-left: 16px; }

#timerange { margin-left: 25px; }

a.button, .button { background-color: #e5913a; font-size: 18px; line-height: 34px; height: 34px; color: #fff; text-decoration: none; padding: 0 25px; border-radius: 5px; border: 0; display: inline-block; }

.button:hover { background-color: #e49b4f; }

.formFieldError { padding: 5px 0 0 127px; font-size: 12px !important; color: red; }

/* END: forms ---------------------------------------- */
/* ---------------------------------------- BEGIN: Extended Search
*/
.searchExtended { display: none; margin: 30px 0; }
.searchExtended .conditions { margin-bottom: 15px; }
.searchExtended .iconAdd, .searchExtended .iconDelete { text-indent: -9999px; display: inline-block; }
.searchExtended .conditionsMore { display: inline-block; margin: 3px 5px; float: right; }
.searchExtended .conditionsMore a { margin-left: 10px; }
.searchExtended .selectKeywords { display: inline-block; line-height: 34px; margin-left: 5px; }

.wrapperListAssistent { box-sizing: border-box; display: none; z-index: 1000; position: absolute; top: 0; left: 0; width: 960px; height: 640px; background-color: #eeeeed; border: 1px solid rgba(83, 85, 96, 0.43); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 136.8px 7.2px #FFF; -webkit-box-shadow: 0 0 136.8px 7.2px #FFF; box-shadow: 0 0 136.8px 7.2px #FFF; padding: 30px 20px 20px 50px; }
.wrapperListAssistent h4 { color: #333; font-family: "BundesSerifWeb", Times; font-size: 24px; font-weight: 400; margin: 0; margin-bottom: 18px; }
.wrapperListAssistent h5 { color: #333; font-family: "BundesSerifWeb", Times; font-size: 18px; font-weight: 400; margin: 0; margin-bottom: 10px; padding-left: 17px; }
.wrapperListAssistent .wrapperSelect, .wrapperListAssistent .wrapperSelected { position: absolute; top: 160px; left: 32px; }
.wrapperListAssistent .wrapperSelect .select, .wrapperListAssistent .wrapperSelect .selected, .wrapperListAssistent .wrapperSelected .select, .wrapperListAssistent .wrapperSelected .selected { box-sizing: border-box; width: 400px; height: 385px; background-color: #eeeeed; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.52), inset 0 1px 1px rgba(0, 0, 0, 0.23); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.52), inset 0 1px 1px rgba(0, 0, 0, 0.23); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.52), inset 0 1px 1px rgba(0, 0, 0, 0.23); padding: 17px; }
.wrapperListAssistent .wrapperSelect .select .iconSearch, .wrapperListAssistent .wrapperSelect .selected .iconSearch, .wrapperListAssistent .wrapperSelected .select .iconSearch, .wrapperListAssistent .wrapperSelected .selected .iconSearch { position: relative; right: -4px; }
.wrapperListAssistent .wrapperSelect .select .selectBox, .wrapperListAssistent .wrapperSelect .select .selectedBox, .wrapperListAssistent .wrapperSelect .selected .selectBox, .wrapperListAssistent .wrapperSelect .selected .selectedBox, .wrapperListAssistent .wrapperSelected .select .selectBox, .wrapperListAssistent .wrapperSelected .select .selectedBox, .wrapperListAssistent .wrapperSelected .selected .selectBox, .wrapperListAssistent .wrapperSelected .selected .selectedBox { box-sizing: border-box; width: 363px; height: 304px; padding: 15px 0; background-color: #FFF; border: 1px solid #CCC; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; overflow: auto; }
.wrapperListAssistent .wrapperSelect .select .selectBox ul, .wrapperListAssistent .wrapperSelect .select .selectedBox ul, .wrapperListAssistent .wrapperSelect .selected .selectBox ul, .wrapperListAssistent .wrapperSelect .selected .selectedBox ul, .wrapperListAssistent .wrapperSelected .select .selectBox ul, .wrapperListAssistent .wrapperSelected .select .selectedBox ul, .wrapperListAssistent .wrapperSelected .selected .selectBox ul, .wrapperListAssistent .wrapperSelected .selected .selectedBox ul { list-style-type: none; margin: 0 15px; padding: 0; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; }
.wrapperListAssistent .wrapperSelect .select .selectBox ul li, .wrapperListAssistent .wrapperSelect .select .selectedBox ul li, .wrapperListAssistent .wrapperSelect .selected .selectBox ul li, .wrapperListAssistent .wrapperSelect .selected .selectedBox ul li, .wrapperListAssistent .wrapperSelected .select .selectBox ul li, .wrapperListAssistent .wrapperSelected .select .selectedBox ul li, .wrapperListAssistent .wrapperSelected .selected .selectBox ul li, .wrapperListAssistent .wrapperSelected .selected .selectedBox ul li { position: relative; line-height: 44px; border-bottom: 1px solid #d6d6d6; cursor: pointer; }
.wrapperListAssistent .wrapperSelect .select .selectBox ul li:last-child, .wrapperListAssistent .wrapperSelect .select .selectedBox ul li:last-child, .wrapperListAssistent .wrapperSelect .selected .selectBox ul li:last-child, .wrapperListAssistent .wrapperSelect .selected .selectedBox ul li:last-child, .wrapperListAssistent .wrapperSelected .select .selectBox ul li:last-child, .wrapperListAssistent .wrapperSelected .select .selectedBox ul li:last-child, .wrapperListAssistent .wrapperSelected .selected .selectBox ul li:last-child, .wrapperListAssistent .wrapperSelected .selected .selectedBox ul li:last-child { border-bottom: 0; }
.wrapperListAssistent .wrapperSelect .select .selectBox, .wrapperListAssistent .wrapperSelect .selected .selectBox, .wrapperListAssistent .wrapperSelected .select .selectBox, .wrapperListAssistent .wrapperSelected .selected .selectBox { margin-top: 16px; }
.wrapperListAssistent .wrapperSelect .select .selectBox ul li:after, .wrapperListAssistent .wrapperSelect .selected .selectBox ul li:after, .wrapperListAssistent .wrapperSelected .select .selectBox ul li:after, .wrapperListAssistent .wrapperSelected .selected .selectBox ul li:after { content: ""; position: absolute; top: 14px; right: 0; }
.wrapperListAssistent .wrapperSelect .select .selectedBox, .wrapperListAssistent .wrapperSelect .selected .selectedBox, .wrapperListAssistent .wrapperSelected .select .selectedBox, .wrapperListAssistent .wrapperSelected .selected .selectedBox { height: 354px; }
.wrapperListAssistent .wrapperSelect .select .selectedBox ul, .wrapperListAssistent .wrapperSelect .selected .selectedBox ul, .wrapperListAssistent .wrapperSelected .select .selectedBox ul, .wrapperListAssistent .wrapperSelected .selected .selectedBox ul { border: 0; }
.wrapperListAssistent .wrapperSelect .select .selectedBox ul li, .wrapperListAssistent .wrapperSelect .selected .selectedBox ul li, .wrapperListAssistent .wrapperSelected .select .selectedBox ul li, .wrapperListAssistent .wrapperSelected .selected .selectedBox ul li { border-bottom: 1px solid #d6d6d6 !important; }
.wrapperListAssistent .wrapperSelect .select .selectedBox ul li:first-child, .wrapperListAssistent .wrapperSelect .selected .selectedBox ul li:first-child, .wrapperListAssistent .wrapperSelected .select .selectedBox ul li:first-child, .wrapperListAssistent .wrapperSelected .selected .selectedBox ul li:first-child { border-top: 1px solid #d6d6d6; }
.wrapperListAssistent .wrapperSelect .select .selectedBox ul li:after, .wrapperListAssistent .wrapperSelect .selected .selectedBox ul li:after, .wrapperListAssistent .wrapperSelected .select .selectedBox ul li:after, .wrapperListAssistent .wrapperSelected .selected .selectedBox ul li:after { content: ""; position: absolute; top: 14px; right: 0; }
.wrapperListAssistent .wrapperSelect input.search, .wrapperListAssistent .wrapperSelected input.search { box-sizing: border-box; width: 323px; height: 34px; background-color: #FFF; border: 1px solid #CCC; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wrapperListAssistent .wrapperSelected { left: 530px; }
.wrapperListAssistent .arrow { position: absolute; top: 350px; left: 458px; }
.wrapperListAssistent .wrapperSubmit { position: absolute; right: 27px; bottom: 14px; }
.wrapperListAssistent .wrapperSubmit a { margin-right: 20px; }
.wrapperListAssistent .close { right: 28px; top: 22px; }

/* END: Extended Search ---------------------------------------- */
/* ---------------------------------------- BEGIN: Result page
*/
.resultHeader { padding: 30px 33px 20px; }
.resultHeader a { display: inline-block; }
.resultHeader h4 { margin: 0; font-size: 15px; color: #000; font-weight: normal; }

.resultFilter { float: right; }

.resultFilterSelect { position: relative; vertical-align: middle; line-height: 32px; height: 32px; margin-left: 10px; }

.resultFilterSelect span { color: #a9a9a9; }

.formInputContainer select { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; border: none; opacity: 0.01; -webkit-appearance: menulist-button; }

.resultTable .date { font-size: 12px; }

.resultTable tbody tr { border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }

.resultMoreItems { position: relative; }

tfoot { border-top: 1px solid #d9d9d9; }
tfoot .resultMoreItems:before { position: absolute; content: ''; width: 0; height: 0; top: -11px; right: -40px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 16px solid #fff; z-index: 10; }
tfoot .resultMoreItems:after { position: absolute; content: ''; width: 0; height: 0; top: -10px; right: -40px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 16px solid #d9d9d9; }
tfoot td { white-space: nowrap; padding: 10px 80px 0 0; text-align: right; }
tfoot td a, tfoot td a:link, tfoot td a:visited { color: #004c7f; font-size: 14px; }
tfoot td a:hover, tfoot td a:active, tfoot td a:focus { text-decoration: underline; }

.resultTable td.resultFirstCol { padding: 10px; }

.resultTable h3 { font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; font-size: 18px; line-height: 29px; margin: 0; }
.resultTable h3 a, .resultTable h3 a:visited { color: #000; }
.resultTable h3 a:hover, .resultTable h3 a:active, .resultTable h3 a:focus, .resultTable h3 .underline { text-decoration: underline; }

.resultImageLink { overflow: hidden; display: table-cell; height: 140px; }

.resultImage { padding: 8px 25px 7px 7px; vertical-align: middle; position: relative; }

.resultImageMore { display: inline-block; }

.resultLinkPlay, .resultLinkSave, .resultLinkBuy, .resultLinkDelete, .resultLinkAction { text-indent: -9999px; display: inline-block; margin: 0 20px; }

/* END: Result page ---------------------------------------- */
/* ---------------------------------------- BEGIN: Zeitgeschehen im Rückblick
*/
.wrapperTopics h1 { font-family: "BundesSerifWeb", Times; font-size: 24px; margin: 0 0 45px 33px; font-weight: normal; }

/* END: Zeitgeschehen im Rückblick ---------------------------------------- */
/* ---------------------------------------- BEGIN: search date overlay
*/
.searchDateOverlay { display: none; position: absolute; top: 0; left: 0; width: 100%; min-width: 960px; height: 100%; z-index: 1000; }
.searchDateOverlay .inner { position: relative; box-sizing: border-box; width: 960px; height: 340px; margin-left: -480px; margin: 170px auto; background-color: #EEEEED; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding-left: 60px; padding-top: 84px; }
.searchDateOverlay .inner .close { top: 12px; right: 12px; }
.searchDateOverlay .form { width: 848px; padding-right: 100px; margin: 0 auto; position: relative; }
.searchDateOverlay .form .header { font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; font-size: 18px; margin: 0; }
.searchDateOverlay .sliderRow { position: relative; margin: 0 0 20px; height: 60px; }
.searchDateOverlay .valueHolder { font-size: 24px; margin: 10px 0 10px; text-align: center; }
.searchDateOverlay .label { width: 134px; font-size: 18px; float: left; display: block; position: relative; top: 100%; margin-top: -18px; }
.searchDateOverlay .sliderWrap { width: 316px; float: left; }
.searchDateOverlay .to { position: relative; top: 100%; margin-top: -12px; font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; font-size: 12px; display: block; float: left; width: 82px; text-align: center; }
.searchDateOverlay .month { text-transform: uppercase; }
.searchDateOverlay .update { float: right; clear: both; cursor: pointer; margin-top: 60px; }
.searchDateOverlay .resetTime { display: inline-block; margin-right: 10px; }
.searchDateOverlay .cancelTime { display: inline-block; margin: 0 20px 0 10px; }

.ui-slider .ui-slider-handle { width: 30px; height: 30px; }

.ui-slider-horizontal .ui-slider-handle { top: -9px; margin-left: -15px; outline: none; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -367px -14px; border: none; background-color: transparent; }
.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover { background-position: -317px -14px; }

/* END: search date overlay ---------------------------------------- */
/* ---------------------------------------- BEGIN: helper
*/
.help { position: absolute; width: 156px; border: 1px solid #b2b3b8; border-radius: 5px; background-color: #fff; color: #000; font-size: 12px; line-height: 18px; padding: 16px; z-index: 10; left: 40px; top: -25px; }
.help a { text-decoration: none; }
.help.right:before { position: absolute; content: ''; width: 0; height: 0; top: 26px; left: -10px; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-right: 11px solid #fff; z-index: 10; }
.help.right:after { position: absolute; content: ''; width: 0; height: 0; top: 26px; left: -11px; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-right: 11px solid #b2b3b8; }
.help.left { left: auto; right: 40px; }
.help.left:before { position: absolute; content: ''; width: 0; height: 0; top: 26px; right: -10px; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-left: 11px solid #fff; z-index: 10; }
.help.left:after { position: absolute; content: ''; width: 0; height: 0; top: 26px; right: -11px; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-left: 11px solid #b2b3b8; }

/* END: helper ---------------------------------------- */
/* ---------------------------------------- BEGIN: footer
*/
.wrapperOuterFooterBottom a, .wrapperOuterFooterBottom a:visited { color: #fff; }

.wrapperInnerFooterTop { width: 880px; margin: 0 auto; vertical-align: middle; vertical-align: middle; padding: 20px 0 20px 0; line-height: 19px; height: 100%; }

.wrapperInnerFooterTop_col1, .wrapperInnerFooterTop_col2, .wrapperInnerFooterTop_col3 { width: 270px; display: inline-block; margin: 0 20px 20px 0; float: left; }

.wrapperInnerFooterTop_col2, .wrapperInnerFooterTop_col3 { width: 270px; }

.wrapperInnerFooterTop_col1, .wrapperInnerFooterTop_col2, .wrapperInnerFooterTop_col3 { font-size: 1.4em; }

.wrapperInnerFooterTop_col3 { margin-right: 0; width: 270px; }

.wrapperOuterFooterTop a { text-decoration: underline; color: #004c7f; }

.wrapperOuterFooterTop a:hover, .wrapperOuterFooterTop a:active, .wrapperOuterFooterTop a:focus { text-decoration: none; }

.wrapperOuterFooterTop ul { margin: 0 0 0 15px; padding: 0; }

.wrapperOuterFooterBottom ul { margin: 0 0 0 36px; float: left; }

.wrapperOuterFooterBottom { font-size: 1.3em; color: #fff; background-color: #004c7f; }

.wrapperInnerFooterBottom ul li { display: inline-block; line-height: 1em; padding: 0 .8em; border-right: 1px solid #fff; }

.wrapperInnerFooterBottom ul li:first-child { padding-left: 0; }

.wrapperInnerFooterBottom ul li:last-child { border: 0; }

.wrapperInnerFooterBottom a:hover, .wrapperInnerFooterBottom a:active, .wrapperInnerFooterBottom a:focus { text-decoration: underline; }

.wrapperInnerFooterBottom a.top { display: inline-block; float: right; margin-right: 33px; }

/* END: footer ---------------------------------------- */
/* BEGIN: pages ----------------------- */
.startpageWrapper, .imprintWrapper, .agbWrapper, .aboutWrapper { padding-left: 35px; }
.startpageWrapper h1, .imprintWrapper h1, .agbWrapper h1, .aboutWrapper h1 { display: inline-block; width: 500px; font-size: 24px; line-height: 34px; font-weight: normal; font-family: "BundesSerifWeb", Times; padding-bottom: 20px; }
.startpageWrapper .searchBox, .imprintWrapper .searchBox, .agbWrapper .searchBox, .aboutWrapper .searchBox { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #eeeeed; float: right; padding: 15px; vertical-align: top; }
.startpageWrapper .searchBox input, .startpageWrapper .searchBox a, .imprintWrapper .searchBox input, .imprintWrapper .searchBox a, .agbWrapper .searchBox input, .agbWrapper .searchBox a, .aboutWrapper .searchBox input, .aboutWrapper .searchBox a { display: inline-block; vertical-align: middle; }
.startpageWrapper .searchBox input, .imprintWrapper .searchBox input, .agbWrapper .searchBox input, .aboutWrapper .searchBox input { margin-right: 3px; }
.startpageWrapper .searchBox .iconInfo, .imprintWrapper .searchBox .iconInfo, .agbWrapper .searchBox .iconInfo, .aboutWrapper .searchBox .iconInfo { margin-left: 5px; }
.startpageWrapper .videoWrapper, .imprintWrapper .videoWrapper, .agbWrapper .videoWrapper, .aboutWrapper .videoWrapper { float: left; width: 500px; margin-right: 25px; vertical-align: top; }
.startpageWrapper .videoWrapper h2, .imprintWrapper .videoWrapper h2, .agbWrapper .videoWrapper h2, .aboutWrapper .videoWrapper h2 { font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; font-size: 15px; margin-bottom: 14px; }
.startpageWrapper .videoWrapper > h3, .imprintWrapper .videoWrapper > h3, .agbWrapper .videoWrapper > h3, .aboutWrapper .videoWrapper > h3 { margin-bottom: 14px; font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; }
.startpageWrapper .videoWrapper .subheadline, .imprintWrapper .videoWrapper .subheadline, .agbWrapper .videoWrapper .subheadline, .aboutWrapper .videoWrapper .subheadline { font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; margin-top: 13px; display: inline-block; }
.startpageWrapper .videoWrapper .videoDummy, .imprintWrapper .videoWrapper .videoDummy, .agbWrapper .videoWrapper .videoDummy, .aboutWrapper .videoWrapper .videoDummy { background-color: #eeeeed; position: relative; cursor: pointer; }
.startpageWrapper .videoWrapper p.videoTitle, .startpageWrapper .videoWrapper a.moreLink, .imprintWrapper .videoWrapper p.videoTitle, .imprintWrapper .videoWrapper a.moreLink, .agbWrapper .videoWrapper p.videoTitle, .agbWrapper .videoWrapper a.moreLink, .aboutWrapper .videoWrapper p.videoTitle, .aboutWrapper .videoWrapper a.moreLink { margin-top: 13px; }
.startpageWrapper .videoWrapper p.videoTitle, .imprintWrapper .videoWrapper p.videoTitle, .agbWrapper .videoWrapper p.videoTitle, .aboutWrapper .videoWrapper p.videoTitle { width: 380px; float: left; font-weight: bold; font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; }
.startpageWrapper .videoWrapper a.moreLink, .imprintWrapper .videoWrapper a.moreLink, .agbWrapper .videoWrapper a.moreLink, .aboutWrapper .videoWrapper a.moreLink { float: right; }
.startpageWrapper .teaserList, .imprintWrapper .teaserList, .agbWrapper .teaserList, .aboutWrapper .teaserList { float: left; width: 400px; max-height: 472px; height: 472px; /*min-height: 566px;*/ min-height: 535px; position: relative; }
.startpageWrapper .teaserList h2, .imprintWrapper .teaserList h2, .agbWrapper .teaserList h2, .aboutWrapper .teaserList h2 { font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; font-size: 15px; margin-bottom: 14px; }
.startpageWrapper .teaserList > h3, .imprintWrapper .teaserList > h3, .agbWrapper .teaserList > h3, .aboutWrapper .teaserList > h3 { margin-bottom: 14px; font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; }
.startpageWrapper .teaserList ul, .imprintWrapper .teaserList ul, .agbWrapper .teaserList ul, .aboutWrapper .teaserList ul { list-style-type: none; margin: 0; }
.startpageWrapper .teaserList ul li, .imprintWrapper .teaserList ul li, .agbWrapper .teaserList ul li, .aboutWrapper .teaserList ul li { margin-bottom: 8px; overflow: hidden; /*min-height: 160px;*/ min-height: 145px; max-height: 145px; }
.startpageWrapper .teaserList ul li:last-child, .imprintWrapper .teaserList ul li:last-child, .agbWrapper .teaserList ul li:last-child, .aboutWrapper .teaserList ul li:last-child { margin-bottom: 0; }
.startpageWrapper .teaserList ul li img, .imprintWrapper .teaserList ul li img, .agbWrapper .teaserList ul li img, .aboutWrapper .teaserList ul li img { width: 160px; height: 120px; float: left; margin-right: 20px; vertical-align: top; }
.startpageWrapper .teaserList ul li div, .imprintWrapper .teaserList ul li div, .agbWrapper .teaserList ul li div, .aboutWrapper .teaserList ul li div { float: left; width: 220px; vertical-align: top; }
.startpageWrapper .teaserList ul li p, .imprintWrapper .teaserList ul li p, .agbWrapper .teaserList ul li p, .aboutWrapper .teaserList ul li p { margin-bottom: 0; }
.startpageWrapper .teaserList ul li h3, .imprintWrapper .teaserList ul li h3, .agbWrapper .teaserList ul li h3, .aboutWrapper .teaserList ul li h3 { margin-bottom: 6px; font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; }
.startpageWrapper .teaserList > a.moreLink, .imprintWrapper .teaserList > a.moreLink, .agbWrapper .teaserList > a.moreLink, .aboutWrapper .teaserList > a.moreLink { position: absolute; bottom: 0; right: 0; }

.videoContext { margin-top: 50px; }
.videoContext h1 { margin-bottom: 15px; }

.sliderList { background-color: #eeeeed; width: 940px; margin: 50px auto; margin-bottom: 100px; padding: 15px 10px; }
.sliderList h3 { margin-left: 30px; margin-bottom: 10px; font-size: 15px; font-weight: bold; font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; }
.sliderList .prev, .sliderList .next { display: inline; width: 15px; height: 26px; vertical-align: middle; float: left; margin-top: 45px; cursor: pointer; }
.sliderList .listWrapper { width: 880px; overflow: hidden; margin: 0 15px; float: left; color: #313131; }
.sliderList ul { width: 18000px; list-style-type: none; margin: 0; vertical-align: middle; overflow: hidden; }
.sliderList ul li, .sliderList ul li img { width: 160px; }
.sliderList ul li img { height: 120px; }
.sliderList ul li { float: left; margin-right: 20px; }
.sliderList ul li:last-child { margin-right: 0; }
.sliderList ul li p { font-size: 15px; margin-top: 10px; }

.imprintWrapper, .agbWrapper { width: 580px; padding-right: 54px; float: left; }
.imprintWrapper h2, .agbWrapper h2 { font-size: 18px; font-family: "BundesSansWeb", Arial, helvetica, sans-serif; margin: 70px 0 48px; }
.imprintWrapper h3, .agbWrapper h3 { font-size: 15px; font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; margin-bottom: 26px; }

.agbWrapper h2 { margin: 0; margin-bottom: 10px; font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; }
.agbWrapper ol { font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; font-size: 18px; }
.agbWrapper ol li p { font-family: "BundesSansWeb", Arial, helvetica, sans-serif; font-size: 15px; }
.agbWrapper h1 + p { padding-left: 16px; }

#faq h2 { margin-top: 50px; }

#faq h3 { margin: 30px 0 20px 0; color: #1f57a3; cursor: pointer; }
#faq h3:hover { text-decoration: underline; }
#faq h3:before { display: inline-block; content: ''; background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -162px -432px; width: 12px; height: 13px; margin-right: 10px; position: relative; top: 1px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #faq h3:before { background-repeat: no-repeat; background-image: url("../images/sprite@2x.png"); background-size: 410px 900px; } }
#faq h3.foldOut:before { background-position: -121px -432px; width: 13px; height: 12px; }

#terms h2.question { color: #1f57a3; cursor: pointer; }
#terms h2.question:hover { text-decoration: underline; }

.foldOutContent .answer { display: none; margin-left: 24px; }
.foldOutContent .answer ul li { margin-bottom: 20px; }

.aboutWrapper h1 { text-align: center; font-size: 40px; color: #9a9a9a; font-family: "BundesSansWeb", Arial, helvetica, sans-serif; width: 100%; line-height: 60px; margin-bottom: 50px; }
.aboutWrapper .col1, .aboutWrapper .col2, .aboutWrapper .col3 { width: 33%; float: left; }
.aboutWrapper .col1 .logo, .aboutWrapper .col2 .logo, .aboutWrapper .col3 .logo { height: 130px; width: 100%; }
.aboutWrapper .col1 h3, .aboutWrapper .col2 h3, .aboutWrapper .col3 h3 { font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; font-size: 18px; }
.aboutWrapper .col1 p, .aboutWrapper .col2 p, .aboutWrapper .col3 p { line-height: 20px; padding-right: 20px; }

.contentWrapper { width: 100%; -webkit-column-count: 2; -webkit-column-gap: 80px; -moz-column-count: 2; -moz-column-gap: 80px; line-height: 20px; }
.contentWrapper ul { margin: 0; padding: 0; list-style-type: none; }
.contentWrapper ul li { padding-left: 16px; margin-bottom: 15px; background: url(../images/dot.png) 0 7px no-repeat; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .contentWrapper ul li { background: url(../images/dot@2x.png) 0 7px no-repeat; -webkit-background-size: 8px 7px; background-size: 8px 7px; } }

ul.orange-dots { margin: 0; padding: 0; list-style-type: none; }
ul.orange-dots li { padding-left: 16px; margin-bottom: 15px; background: url(../images/dot.png) 0 7px no-repeat; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { ul.orange-dots li { background: url(../images/dot@2x.png) 0 7px no-repeat; -webkit-background-size: 8px 7px; background-size: 8px 7px; } }

/* END: pages ------------------------- */
/* BEGIN: Video Page ------------------------- */
.wrapperVideobox .wrapperVideoShare a { margin-bottom: 36px; }
.wrapperVideobox .wrapperVideo { position: relative; width: 500px; /*height: 503px;*/ height: 472px; margin-left: 0; z-index: 1000; }
.wrapperVideobox .videoWide { position: relative; width: 500px; height: 348px; margin-left: 0; z-index: 1000; }
.wrapperVideobox .wrapperVideo .playbar { position: absolute; bottom: 0; right: 0; }
.wrapperVideobox .wrapperVideo .playbar .playerJump { position: absolute; color: #000; font-size: 15px; text-align: center; line-height: 20px; width: 40px; left: 208px; bottom: 18px; }
.wrapperVideobox .wrapperVideo .playbar .playerProgress, .wrapperVideobox .wrapperVideo .playbar .playerCutbar { width: 300px; height: 6px; background-color: #535560; position: absolute; left: 5px; top: 4px; }
.wrapperVideobox .wrapperVideo .playbar .playerCutbar { background-color: #fda664; }
.wrapperVideobox .wrapperVideo .playbar .playerTime { position: absolute; color: #333; font-size: 15px; text-align: center; line-height: 20px; width: 70px; left: 327px; top: 10px; }
.wrapperVideobox .wrapperVideo .playbar .playerCutSave { position: absolute; color: #eeeeed; font-size: 15px; background-color: #535560; left: 397px; bottom: 16px; height: 26px; line-height: 26px; padding: 0 12px; border-radius: 25px; }
.wrapperVideobox .wrapperVideo .playbar .playerCutSave:hover { text-decoration: none; background-color: #757780; }
.wrapperVideobox .wrapperVideo .playbar .playerLoudness .loud { position: absolute; bottom: 24px; left: 8px; height: 46px; cursor: pointer; }
.wrapperVideobox .wrapperVideo .playbar .playerLoudness .loud a { position: absolute; bottom: 0; background-color: #535560; width: 6px; display: block; text-decoration: none; }

.startpageWrapper .wrapperVideobox { background-color: #eeeeed; }

.wrapperVideoTop h1 { padding-left: 33px; width: 500px; font-size: 15px; margin-bottom: 14px; font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; }
.wrapperVideoTop h1 .hd { float: right; }
.wrapperVideoTop .wrapperVideobox .wrapperVideo { margin-left: 33px; height: 472px; }

.wrapperVideoDetails { color: #333; position: relative; z-index: 1000; }
.wrapperVideoDetails .meta { font-size: 12px; }
.wrapperVideoDetails h1 { font-size: 24px; font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; margin: 16px 0; font-weight: normal; max-height: 60px; overflow: hidden; }
.wrapperVideoDetails .content { font-size: 14px; }
.wrapperVideoDetails .content a.keyframes { display: inline-block; margin: 0 6px 6px 0; }
.wrapperVideoDetails .content a.keyframes:nth-child(3n) { margin-right: 0; }
.wrapperVideoDetails .content h5 { font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; font-size: 14px; font-weight: normal; margin: 0; }
.wrapperVideoDetails .content dt { float: left; font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; margin: 0 5px 15px 0; }
.wrapperVideoDetails .content dd { margin-bottom: 15px; }
.wrapperVideoDetails #content, .wrapperVideoDetails #data, .wrapperVideoDetails #media, .wrapperVideoDetails #sections { display: none; }

.gradient { position: absolute; width: 100%; height: 28px; background: transparent url(../images/gradient.png) 0 0 repeat-x; bottom: 4px; left: 0; }

.sections .gradient { bottom: 61px; }
.sections .sectionsAction { border-top: 1px solid #dbdbda; height: 26px; line-height: 28px; margin: 15px 35px 0 17px; padding-top: 10px; position: relative; }
.sections .sectionsAction a.resultLinkSave { position: absolute; bottom: 2px; right: 84px; }
.sections .sectionsAction a.resultLinkBuy { position: absolute; bottom: -2px; right: 18px; }
.sections .sectionsAction .buttonGrey { float: right; margin-left: 26px; margin-top: 5px; }

.sectionsBar { position: relative; margin-top: 11px; margin-left: -7px; }
.sectionsBar .saveSections { position: absolute; top: 13px; left: 10px; font-size: 15px; }
.sectionsBar .saveSections .sectionSaveInFolder { position: absolute; top: -3px; left: 156px; }
.sectionsBar .saveSections .sectionSaveInBasket { position: absolute; top: -4px; left: 193px; }
.sectionsBar .deleteSections { position: absolute; top: 13px; left: 259px; font-size: 15px; }
.sectionsBar .deleteSections .sectionDelete { position: absolute; top: -4px; left: 89px; }

.wrapperVideoMoreDetails .wrapperVideoMoreDetailsContent { font-size: 15px; font-family: "BundesSansWeb", Arial, helvetica, sans-serif; }
.wrapperVideoMoreDetails h4 { font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; }
.wrapperVideoMoreDetails h4:before { display: inline-block; content: ''; background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -162px -432px; width: 12px; height: 13px; margin-right: 10px; position: relative; top: 1px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .wrapperVideoMoreDetails h4:before { background-repeat: no-repeat; background-image: url("../images/sprite@2x.png"); background-size: 410px 900px; } }
.wrapperVideoMoreDetails h4.foldOut:before { background-position: -121px -432px; width: 13px; height: 12px; }
.wrapperVideoMoreDetails .contentFolder { display: none; margin-left: 20px; }

.wrapperVideoMoreDetails.sections a.deleteSections { position: absolute; right: 28px; top: 4px; }

.singleSectionWrapper { font-size: 15px; margin-bottom: 15px; }
.singleSectionWrapper .singleSectionAction { float: right; margin-top: 22px; }
.singleSectionWrapper .singleSectionAction a { margin: 0 10px; }

.moreTopics { background-color: #eeeeed; width: 940px; margin: 50px auto; padding: 15px 10px; position: relative; color: #313131; }
.moreTopics h3 { margin-left: 30px; margin-bottom: 10px; font-size: 15px; font-weight: bold; font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; }
.moreTopics .listWrapper { width: 895px; overflow: hidden; margin: 0 15px 0 30px; float: left; }
.moreTopics ul { width: 100%; list-style-type: none; margin: 0; vertical-align: middle; overflow: hidden; }
.moreTopics ul a.active img { border: 3px solid #e5913a; width: 154px; height: auto; }
.moreTopics ul li, .moreTopics ul li img { width: 160px; }
.moreTopics ul li img { height: 120px; }
.moreTopics ul li { float: left; height: 200px; overflow: hidden; margin-right: 20px; }
.moreTopics ul li:nth-child(5n) { margin-right: 0; }
.moreTopics ul li p { font-size: 15px; margin-top: 10px; }
.moreTopics .showMoreTopics { position: absolute; display: inline-block; bottom: -28px; right: 70px; }
.moreTopics .showMoreTopics:after { position: absolute; content: ''; width: 0; height: 0; top: -10px; right: -40px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 16px solid #eeeeed; }

/* END: Video Page ------------------------- */
/* BEGIN: kontakt ------------------------- */
.contactWrapper { margin-left: 35px; }
.contactWrapper .faqLink { padding-left: 51px; line-height: 35px; display: inline-block; text-align: center; margin-bottom: 40px; position: relative; left: 50%; margin-left: -100px; text-decoration: underline; }
.contactWrapper .faqLink.iconFAQ:before { position: absolute; top: 7px; left: 15px; }
.contactWrapper .faqLink:hover { text-decoration: none; }
.contactWrapper .addressWrapper { overflow: hidden; margin-bottom: 80px; }
.contactWrapper .addressWrapper h3 { font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; }
.contactWrapper .addressWrapper .addressBA { float: left; background-image: url("../images/logo.jpg"); background-position: left top; background-repeat: no-repeat; padding-left: 121px; min-height: 61px; line-height: 1.5em; }
.contactWrapper .addressWrapper .addressTransit { float: right; background-image: url("../images/logo_transit_big.png"); background-position: left top; background-repeat: no-repeat; padding-left: 103px; min-height: 39px; margin-right: 140px; line-height: 1.5em; }
.contactWrapper .addressWrapper a { color: #000; }
.contactWrapper .infoWrapper { padding-left: 50px; min-height: 27px; margin-bottom: 40px; line-height: 1.5em; font-size: 14px; position: relative; }
.contactWrapper .infoWrapper.iconInfoDark:before { position: absolute; top: 7px; left: 10px; width: 30px; }
.contactWrapper .infoWrapper b { font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; }

.contactFormWrapper { width: 960px; margin: 0 auto 100px auto; }
.contactFormWrapper p { font-size: 15px; }
.contactFormWrapper p.required { float: left; }
.contactFormWrapper .formContent { clear: both; background-color: #eeeeed; }
.contactFormWrapper .formContent#formNewsletter { display: none; }
.contactFormWrapper .formContent#formNewsletter .rightCol { width: 400px; padding-top: 40px; }
.contactFormWrapper .formContent#formNewsletter .formRadioContainer { margin-top: 20px; margin-right: 0; }
.contactFormWrapper .formContent#formNewsletter .formRadioContainer label { vertical-align: middle; margin-top: 0; width: auto; }
.contactFormWrapper .formContent#formNewsletter .inputWrapper:nth-child(3) { padding-left: 125px; }
.contactFormWrapper .formContent .inputWrapper, .contactFormWrapper .formContent .formCheckboxContainer { display: block; margin-top: 10px; margin-bottom: 0; }
.contactFormWrapper .formContent .inputWrapper:first-child, .contactFormWrapper .formContent .formCheckboxContainer:first-child { margin-top: 40px; }
.contactFormWrapper .formContent .inputWrapper .url, .contactFormWrapper .formContent .formCheckboxContainer .url { font-size: 15px; line-height: 32px; }
.contactFormWrapper .formContent .salutation { width: 150px; }
.contactFormWrapper .formContent textarea[name=message] { padding-top: 10px; height: 240px; line-height: 1.5em; }
.contactFormWrapper .formContent .leftCol, .contactFormWrapper .formContent .rightCol { float: left; }
.contactFormWrapper .formContent label { width: 110px; display: inline-block; margin-top: 8px; }
.contactFormWrapper .formContent label.doubleLine { margin-top: -1px; }
.contactFormWrapper .formContent .leftCol, .contactFormWrapper .formContent .rightCol, .contactFormWrapper .formContent .bottom { margin-left: 35px; }
.contactFormWrapper .formContent .bottom { clear: both; overflow: hidden; padding-top: 35px; padding-bottom: 20px; margin-right: 35px; }
.contactFormWrapper .formContent .bottom .buttons { float: right; }
.contactFormWrapper .formContent .bottom .buttons .button { margin-left: 10px; }
.contactFormWrapper .formContent .bottom .buttons a { font-size: 15px; }

/* END: kontakt --------------------------- */
/* BEGIN: merkliste --------------------------- */
.wishList .formCheckboxContainer, .basket .formCheckboxContainer { margin-left: 39px; margin-right: 0; }
.wishList .formCheckboxContainer .formCheckbox, .basket .formCheckboxContainer .formCheckbox { margin-right: 0; }
.wishList td.resultFirstCol, .basket td.resultFirstCol { padding-left: 15px; }
.wishList .resultAction a, .basket .resultAction a { margin-top: 15px; }
.wishList .wrapper-resultAction, .basket .wrapper-resultAction { width: 26px; position: relative; }
.wishList .selectAction, .basket .selectAction { display: none; position: absolute; background-color: #fff; border: 1px solid #b5b6ba; padding: 10px 15px; border-radius: 5px; z-index: 100; left: -180px; top: -65px; }
.wishList .selectAction:before, .basket .selectAction:before { position: absolute; content: ''; width: 0; height: 0; top: 78px; right: -13px; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 13px solid #fff; z-index: 10001; }
.wishList .selectAction:after, .basket .selectAction:after { position: absolute; content: ''; width: 0; height: 0; top: 77px; right: -14px; border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-left: 14px solid #b5b6ba; z-index: 1000; }
.wishList .selectAction ul, .basket .selectAction ul { list-style-type: none; width: 150px; margin: 0; }
.wishList .selectAction ul li, .basket .selectAction ul li { border-bottom: 1px solid #d9d9d9; padding: 0; width: auto; }
.wishList .selectAction ul li:last-child, .basket .selectAction ul li:last-child { border-bottom: 0; }
.wishList .selectAction a, .wishList .selectAction a:visited, .basket .selectAction a, .basket .selectAction a:visited { -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; color: #333; font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; font-size: 14px; text-decoration: none; line-height: 37px; margin: 0; width: 100%; padding-left: 10px; }
.wishList .selectAction a:hover, .wishList .selectAction a:active, .wishList .selectAction a:focus, .wishList .selectAction a:visited:hover, .wishList .selectAction a:visited:active, .wishList .selectAction a:visited:focus, .basket .selectAction a:hover, .basket .selectAction a:active, .basket .selectAction a:focus, .basket .selectAction a:visited:hover, .basket .selectAction a:visited:active, .basket .selectAction a:visited:focus { background-color: #d9d9d9; }

.wishlistHeader, .basketHeader { clear: left; padding-left: 22px; }
.wishlistHeader .wishlistAction, .wishlistHeader .basketAction, .basketHeader .wishlistAction, .basketHeader .basketAction { float: right; line-height: 56px; }
.wishlistHeader .wishlistAction a, .wishlistHeader .basketAction a, .basketHeader .wishlistAction a, .basketHeader .basketAction a { display: inline-block; margin-left: 20px; }
.wishlistHeader .formCheckboxContainer, .basketHeader .formCheckboxContainer { margin-left: 17px; }
.wishlistHeader .formCheckboxContainer label, .basketHeader .formCheckboxContainer label { color: #1f57a3; }

.wishlistWrapper, .basketWrapper { padding-left: 40px; margin-bottom: 60px; min-height: 130px; }
.wishlistWrapper h1, .basketWrapper h1 { margin-bottom: 25px; }
.wishlistWrapper h1:before, .basketWrapper h1:before { display: inline-block; content: ''; background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -10px -286px; width: 37px; height: 25px; margin-right: 10px; vertical-align: middle; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .wishlistWrapper h1:before, .basketWrapper h1:before { background-repeat: no-repeat; background-image: url("../images/sprite@2x.png"); background-size: 410px 900px; } }
.wishlistWrapper h1 + p, .basketWrapper h1 + p { padding-right: 2%; }
.wishlistWrapper h1 + p:before, .basketWrapper h1 + p:before { display: inline-block; content: ''; background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -312px -417px; width: 28px; height: 26px; margin-right: 21px; margin-top: 16px; float: left; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .wishlistWrapper h1 + p:before, .basketWrapper h1 + p:before { background-repeat: no-repeat; background-image: url("../images/sprite@2x.png"); background-size: 410px 900px; } }
.wishlistWrapper p, .basketWrapper p { float: left; width: 48%; }
.wishlistWrapper p a, .basketWrapper p a { display: inline-block; margin-top: 5px; }

/* END: merkliste --------------------------- */
/* BEGIN: warenkorb --------------------------- */
.basketWrapper h1 { margin-bottom: 25px; }
.basketWrapper h1:before { display: inline-block; content: ''; background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -10px -338px; width: 36px; height: 30px; margin-right: 10px; vertical-align: middle; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .basketWrapper h1:before { background-repeat: no-repeat; background-image: url("../images/sprite@2x.png"); background-size: 410px 900px; } }

/* END: warenkorb --------------------------- */
/* BEGIN: confirm --------------------------- */
.confirm { position: relative; width: 80%; margin: 0 auto; min-height: 75px; }
.confirm p, .confirm h2 { width: 70%; margin-top: 5px; }
.confirm .iconConfirm { float: left; margin-right: 20px; }
.confirm .button { position: absolute; right: 0; top: 50%; margin-top: -1em; }

/* END: confirm --------------------------- */
/* XXX Andre Widhani: Highlighting fuer Suchworte auf der Video-Detailseite */
.highlight { background: orange; color: black; }

/* BEGIN: download --------------------------- */
.breadcrumb { list-style: none; padding: 0px; margin: 0px; padding-bottom: 20px; }
.breadcrumb li { display: inline-block; position: relative; margin-right: 24px; font-size: 18px; }
.breadcrumb li a { color: black; text-decoration: none; font-size: 18px; font-family: "BundesSansWeb", Arial, helvetica, sans-serif; }
.breadcrumb li:after { content: ""; display: block; background-repeat: no-repeat; background-image: url("../images/sprite.png"); background-position: -212px -751px; width: 13px; height: 15px; position: absolute; right: -20px; top: 3px; }
.breadcrumb li:last-child:after { width: 0; height: 0; }

.title_box { float: left; background-color: #ccccca; padding: 15px; width: 170px; border-radius: 5%; margin-right: 50px; font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; font-size: 15px; line-height: 1.5; }
.title_box ul { margin: 0; padding: 0; list-style-type: none; }
.title_box ul li { margin-top: 15px; }
.title_box ul li:first-child { margin-top: 0; }

.downloadWrapper { min-height: 60px; font-size: 18px; }
.downloadWrapper .order_date { font-size: 15px; }

.downloadlist { list-style: none; padding: 0px; margin: 0px; margin-left: 250px; }
.downloadlist li { display: block; }
.downloadlist .videoContainer { padding: 20px 0; border-top: 1px solid #d9d9d9; margin-right: -35px; }
.downloadlist .videoContainer > div { float: left; }
.downloadlist .videoContainer .video_meta { margin-left: 30px; padding-top: 15px; }
.downloadlist .videoContainer .video_meta h3 { font-size: 18px; margin: 0 0 10px; }
.downloadlist .videoContainer .video_meta h3 a { color: #000; text-decoration: none; }
.downloadlist .videoContainer .video_downloads { float: right; }
.downloadlist .videoContainer .video_downloads a { display: block; position: relative; margin-top: 40px; }
.downloadlist .videoContainer .downloadImage { margin-right: 14px; }
.downloadlist .videoContainer .zip { display: block; text-indent: -9999px; }
.downloadlist .videoContainer .downloadLinkAction { display: block; text-indent: -9999px; }

/* END: download --------------------------- */
.wrapperVideoTop h1 { padding-left: 0; width: 100%; font-size: 22px; margin-bottom: 14px; font-family: "BundesSansWebBold", Arial, helvetica, sans-serif; margin-bottom: 24px; }
.wrapperVideoTop h1 .videoDate { font-family: "BundesSansWeb", Arial, helvetica, sans-serif; font-size: 18px; display: block; margin-top: 22px; }
.wrapperVideoTop h1 .videoDate .hd { float: none; position: relative; top: -1px; margin-left: 5px; }
.wrapperVideoTop .wrapperVideobox .wrapperVideoShare { padding-left: 5px; width: 20px; }
.wrapperVideoTop .wrapperVideobox .wrapperVideo { margin-left: 30px; }
.wrapperVideoTop .wrapperVideoDetails .wrapperVideoMoreDetails { width: 375px; }
.wrapperVideoTop .wrapperVideoDetails .wrapperVideoMoreDetails .wrapperVideoMoreDetailsContent { padding: 0; }
.wrapperVideoTop .wrapperVideoDetails .wrapperVideoMoreDetails .wrapperVideoMoreDetailsContent .wrapperVideoContent { position: relative; height: 460px; }
.wrapperVideoTop .wrapperVideoDetails .wrapperVideoMoreDetails .wrapperVideoMoreDetailsContent .wrapperVideoContent .content { overflow: auto; height: 460px; }
.wrapperVideoTop .wrapperVideoDetails .wrapperVideoMoreDetails .wrapperVideoMoreDetailsContent .wrapperVideoContent .gradient { bottom: 0; }
.wrapperVideoTop .wrapperVideoDetails .wrapperVideoMoreDetails .wrapperVideoMoreDetailsContent .wrapperVideoContent.smallHeight .content { height: 410px; }
.wrapperVideoTop .wrapperVideoDetails .wrapperVideoMoreDetails .wrapperVideoMoreDetailsContent .wrapperVideoContent.smallHeight .gradient { bottom: 50px; }
.wrapperVideoTop .wrapperVideoDetails .wrapperVideoMoreDetails .wrapperVideoMoreDetailsContent h4:first-child { margin-top: 0; }

.wrapperVideoContainer { background-color: #eeeeed; padding-top: 20px; position: relative; }

/* ==================================================
*
*   Helpers, i.e. clearfix, hide etc
*/
/* ========================================================================== Helper classes ========================================================================== */
/* Image replacement */
.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }

.ir:before { content: ""; display: block; width: 0; height: 150%; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

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

/* Clearfix: contain floats  For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clearfix:after { clear: both; }

/* For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */
.clearfix { *zoom: 1; }

.left { float: left; }

.right { float: right; }

.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* XXX added by tstrehle 2016-04-11: "To Top" link, https://mantis.digicol.de/view.php?id=29662 */

div.resultMoreItems a.top {
    display: inline-block; 
    float: right; 
    margin-right: 2px; 
    margin-left: 20px;
}

div.resultMoreItems .iconArrowTop::before {
    background-position: -171px -131px;
}

div.resultMoreItems a.resultMoreItemsLink {
    float: right;
}