/*

****** ****** 
****** ****** DOCUMENTATION
****** ****** 



****** LAYOUT CLASSES

.w125 							width: 125px
.w229 							width: 229px
.w300 							width: 300px
.w469 							width: 469px
.w580 							width: 580px
.min180							min-height 180px
.min180 .bottom					absolute bottom position for element
.min220							min-height 220px, also works for bg-colored containers
.min220 .bottom					absolute bottom position for element
.m0								margin: 0
.nav							ul li navigation which floats left
.bottom							brings elements to the bottom which parent has .min*
.grids							has always parent element of grid-*
.grid-1 to grid-6				each grid has 100px width + 20px margin-left; example: grid-4 = 460px width + 20px margin-left



****** TEXT CLASSES

default								12pt
h1, .alpha							32pt, color white,
h2, .beta							20pt, color blue-dark
h3, .gamma							20pt, color grey-dark
h4, .delta							12pt, color black
h5, .epsilon						no specials
h6, .zeta							no specials



****** TEXT CLASSES

VOITH-blue
blue-dark							#2d4275
blue-medium							#838cc1
blue-light							#b7bedf
blue-ultralight						#ccd6f0
blue-maxlight						#e0e6f6
grey-dark							#666
grey-medium							#999
grey-light							#ccc
grey-ultralight						#e6e6e6
grey-maxlight						#f0f0f0
								
.bg-yellow							#ffcc00
.bg-red								#990000
								
.border-bottom 					1px solid grey-light
h2.border-bottom				2px solid grey-light
h3.border-bottom				2px solid grey-light

table .highlight				background-color: grey-maxlight



****** CONTENT CLASSES

with arrows to right
.link-01 								full width, arrow right, border-top, color dark-grey
.link-02 								auto width, arrow left, color blue
.link-03 								auto width, arrow left, color blue, float right
.link-04 								full width, arrows right, color black
.link-05 								full width, arrows right, color black, hover blue-dark
.link-06 								full width on .bg-blue, arrows right, color white
.link-07			

with arrows to bottom
.link-11								auto width, arrow left
.link-12								auto width, arrow right
.link-13								full width, arrow right, color dark-grey



****** TEMPLATE CLASSES

.tabs-01								home tabs with grey-ultralight background and bluedark teaser
.tabs-02								default tabs with blue-dark bordered nav
.tabs-03								same as 02 but with bigger :active tab-font



****** SCRIPTING CLASSES

*/

/* Webfonts */
/*
This CSS resource incorporates links to font software which is
the valuable copyrighted property of Monotype Imaging and/or
its suppliers. You may not attempt to copy, install, redistribute, convert,
modify or reverse engineer this font software. Please contact Monotype Imaging
with any questions regarding Web Fonts:  http://webfonts.fonts.com
*/





* {
    margin: 0;
    padding: 0;
}
body {
    font: 75% arial, helvetica, sans-serif;
    color: #000;
    background: #fff;
}

textarea {
    font-family: arial, helvetica, sans-serif;
    font-size: 100%;
}

.header a.close-megamenu {
    background-position: 0 0;
}

/* HIDDEN & SKIP & AFTER  */
.date em,
.links.pr li em,
em.more span,
.nav-sub strong em,
.site-pagination h6,
.filterlist h6,
.contact-gallery b {
    display: block;
    position: absolute;
    overflow: hidden;
    left: -9999px;
    width: 1px;
    height: 1px;
}
.grids:before,
.grids:after,
.product-section .grids:after,
.product-teaser:after,
.no-js .create-select ul:after,
.product-teaser-2:after,
.grids .box + .box:after,
.teaser.filter-item:after,
.lists:after,
.teaser:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: "\0020";
}
#content:after {
	clear: none;
}

/*************************
*
*		RESET
*
*************************/

html {
    overflow-y: scroll;
}
body {
    min-height:100%;
}
#search label {
    position: absolute;
    visibility: hidden;
    left: -9999em;
    height: 1%;
    width: 1%;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
img,
fieldset,
input[type=submit] {
    border: 0;
}
address,
caption,
dfn,
th,
var {
    font-style: normal;
    font-weight: normal;
}
caption,
th,
input[type=submit] {
    text-align: left;
}

a {
    outline: 0;
    cursor: pointer;
    text-decoration: none;
}
.a11y-focus,
.a11y-focus-key {
    outline: 0 none;
    outline-offset: 0;
}

/*************************
*
*		GRIDS
*
*************************/
.wrapper{
    width:980px;
    margin: 0 auto;
}
.nav-meta-wrapper {
    height: 52px;
}
.grids {
    /*overflow: hidden;*/
    width: 960px;
    clear: both;
    margin: 0;
    list-style: none; /* So we can make grids out of lists. */
}
.wrapper .grids [class^="grid-"] #content > .grids:last-child {
    margin-bottom: 80px;
}
/* 40px margin-bottom in every .box */
.grids .box+.box {
    /*overflow: hidden;*/
    margin-top: 30px;
}
.header .grids.mod {
    width: 100%;
}
[class^="grid-"]{
    float: left;
    margin:0 20px 0 0;
}
.grids [class^="grid-"]{
    margin:0 0 0 20px;
    min-height: 1px;
}
[class^="grid-"] .grids{
    width:auto;
    margin: 0 0 0 -20px;
}
.grids .grid-wrapper {
    margin-top: 25px;
    margin-bottom: 15px;
    border-top: 1px solid #4558ab;
    border-bottom: 1px solid #4558ab;
    padding-top: 20px;
}
/* header grid end */
.grid-1{ width:100px }
.grid-2{ width:220px }
.grid-3{ width:340px }
.grid-4{ width:460px }
.grid-5{ width:580px }
.grid-6{ width:700px }
.grid-7{ width:820px }
.grid-8{ width:940px; margin:0; }

.left	{ float:left; }
.right	{ float:right; }
.clear	{ clear:both; float:none; }

.text-left	{ text-align:left; }
.text-right,
.text-right th	{ text-align:right; }
.text-center,
.text-centre	{ text-align:center; }

[colspan="1"]{
    text-align:left;
}
th,
td,
[rowspan="1"]{
    vertical-align:top;
}

tfoot{
    text-align:center;
}

tfoot td{
    border-top-width:2px;
}
.header {
	padding-top: 10px;
}
.header .wrapper {
    position: relative;
}

/*************************
*
*		LAYOUT
*
*************************/

/* @group Header */

#nav-sitemap-container {
    clear: both;
}
.main-nav-section {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}
.min180 {
    position: relative;
    min-height: 180px;
}
.min180.bg-colored .box,
.min180.bg-colored .content { /* content class deprecated */
    min-height: 140px;
    position: relative;
}
.min220 {
    min-height: 220px;
    position: relative;
}
.grids .min220 {
	margin-bottom: 10px;
}

.min220.bg-colored .box,
.min220.bg-colored .content { /* content class deprecated */
    min-height: 180px;
    position: relative;
}

.min180 .bottom,
.min220 .bottom {
    bottom: 0;
    margin: 0;
}

.w125 {
    width: 125px;
}

.w229 {
    width: 229px;
}

.w300 {
    width: 300px;
}

.w469 {
    width: 469px;
}

.w580 {
    width: 580px;
}

.m0 {
    margin: 0;
}

.nav {
    list-style: none;
}

.nav li {
    display: inline-block;
}

.nav a {
    display: inline-block;
}

ul.nav,
.nav ul {
    margin-left: 0;
}
#logo {
    float: none;
    position: absolute;
    right: 19px;
    top: 18px;
    margin: 0;
    padding: 0;
    width: auto;
    z-index: 999;
    height: 50px;

}
#logo a {
    display: block;
}


/*************************
*
*		NAV-META
*
*************************/
#nav-meta {
    color: #e6e6e6;
    margin-left: 20px;
}
#nav-meta a {
    margin: 0;
    color: #999;
}
#nav-meta li {
    float: left;
    list-style-image: none;
    border-left: 1px solid #ccc;
    margin: 0 15px 0 0;
    padding-left: 15px;
}
#nav-meta li.first {
    border: 0;
    padding-left: 0;
}


/*************************
*
*		NAV-SUB
*
*************************/
.nav-sub {
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    margin-bottom: 40px;
}
.nav-sub ul {
    margin: 0;
    list-style: none;
}
.nav-sub li a,
.nav-sub .active strong {
    display: block;
    color: #2d4275;
    padding: 7px 0;
    border-top: 1px solid #ccc;
}
.nav-sub li:first-child a {
    border: none;
}
.grids .nav-sub li {
    list-style-image: none;
    margin: 0;
}


/***OPEN***/
.nav-sub .open {
    padding: 0;
}
.nav-sub .open a {
    color: #999;
}
.nav-sub .open ul a {
    font-weight: normal;
    color: #2d4275;
    padding-left: 15px;
    border: none;
}
.nav-sub .open .open >  a {
    font-weight: bold;
    color: #666;
}
.nav-sub .open > .open ul a,
.nav-sub .open > .open .open ul a{
    font-weight: normal;
    color: #999;
}
.nav-sub .open .open .open > a {
    font-weight: bold;
    color: #666;
}
.nav-sub .open > .open strong {
    padding-left: 15px;
    border: none;
}
.nav-sub .open > .open ul ul a {
    padding-left: 30px;
    color: #2d4275;
}
.nav-sub .open > .open .open > ul strong {
    padding-left: 30px;
}
.nav-sub .open > .open .open > ul ul strong,
.nav-sub .open > .open .open  ul ul a {
    padding-left: 45px;
    color: #2d4275;
}
.nav-sub .open > .open .open .open > a {
    font-weight: bold;
    color: #666;
}

/*************************
*
*		TEXT
*
*************************/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1em;
    font-weight: normal;
}

/* HelveticaNeue-Light */
h1,
h2,
h3,
.quote-teaser blockquote p,
.tabs-03 .nav a.js-selected,
.nav-global-wrapper .toc li a {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
}

/* HelveticaNeue-Light-Italic /
/*
.no-used-yet {
	font-family: "HelveticaNeue-Light-Italic", sans-serif;
}
*/

/* HelveticaNeue-Medium */
.nav-global-wrapper .toc li a.active {
    font-family: "HelveticaNeue-Medium", "Helvetica Neue", sans-serif;
}


h1,
.alpha {
    font-size: 2.66em;
}


h2,
#content .grids:first-child h2 + h3,
.beta,
.gamma,
.tabs-03 .js-selected {
    font-size: 1.666em;
}

h3 {
	font-size: 1.5em;
}

h2 .gamma {
    font-size: 1em;
}

h4,
h5,
.epsilon {
    font-size: 1em;
}

#content h4 {
  /*  margin-bottom: 15px; */
    line-height: 1.4em;
}

h6,
.zeta {
}

li {
    line-height: 1.4;
}

h4,
h5,
th,
label,
input[type=submit],
.bold,
.delta {
    font-weight: bold;
}

h1,
h2,
h3,
.alpha,
.beta,
.gamma,
.header .wrapper a,
.tabs-03 a.js-selected,
#footer-panel a,
.main-nav-section h3,
.breadcrumb a {
    font-weight: normal;
}


/*************************
*
*	HOVER, ACTIVE, FOCUS
*
*************************/
a:hover,
a:active,
a:focus {
    text-decoration: underline;
    color: #2d4275;
}
a,
a:visited {
    color: #2d4275;
}
.tabs .nav a:hover,
.tabs .nav a:focus,
.tabs .nav a:active {
    text-decoration: none;
}


/*************************
*
*		COLORS
*
*************************/

h1,
h1 a,
h1 a:link,
h1 a:visited,
h1 a:focus,
h1 a:hover,
h1 a:visited,
input[type=submit],
.bg-blue p,
.bg-blue h2,
.bg-blue h4,
.bg-blue li,
.bg-blue a,
.bg-blue a:link,
.bg-blue a:visited,
.bg-blue a:focus,
.bg-blue a:hover,
.bg-blue a:active,
a.bg-blue[class^="link-"],
#nav-sitemap a,
.tabs-01 a.js-selected,
.tabs.tabs-01 .nav a:hover,
.tabs.tabs-01 .nav a:focus,
.tabs.tabs-01 .nav a:active,
.main-nav-section h3,
.main-nav-section .content h2,
.tabs-01 .nav a:active,
.tabs.tabs-01 .nav a.js-selected {
    color: #ffffff;
}

.link-04,
.link-04:link,
.link-04:visited,
.link-05,
.pagination .info strong,
.pagination .pages li.active {
    color: #000000;
}

/* blue */
#content h1,
h2,
th,
input,
select,
option,
textarea,
.link-01:focus,
.link-01:hover,
.link-01:active,
.site-pagination a:hover,
.site-pagination a:active,
.site-pagination a:hover,
.blue,
.beta,
#footer .nav.right .legal a,
.bg-blue-ultralight *,
.tabs .nav a.js-selected,
.tabs.tabs-01 .nav a,
.tabs.tabs-01 .nav a:link,
.tabs.tabs-01 .nav a:visited,
.tabs .nav a:focus,
.tabs .nav a:hover,
.tabs .nav a:active,
em.togglethis,
.link-05:hover,
.link-05:active,
.link-05:focus,
#nav-meta a:focus,
#nav-meta a:hover,
#nav-meta a:active,
#footer a:focus,
#footer a:hover,
#footer a:active,
.footer-activate:hover,
.footer-activate:focus,
.footer-activate:active  {
    color: #2d4275;
}

#content input[type=submit],
.bg-blue,
.tabs.tabs-01 .nav a.js-selected,
.tabs.tabs-01 .nav a:focus,
.tabs.tabs-01 .nav a:hover,
.tabs.tabs-01 .nav a:active {
    background-color: #2d4275;
}

#content input[type=submit]:hover {
    cursor: pointer;
}

.bg-blue h3,
.bg-blue h3 a,
.bg-blue h3 a:link,
.bg-blue h3 a:visited,
.bg-blue h3 a:focus,
.bg-blue h3 a:hover,
.bg-blue h3 a:active,
.bg-blue .gamma,
.blue-medium {
    color: #838cc1;
}
.bg-blue-ultralight {
    background-color: #ccd6f0;
}
.bg-blue-blue-medium {
    background-color: #838cc1;
}
/* grey - dark */
h3,
h3 a,
h3 a:hover,
h3 a:active,
h3 a:focus,
h3 a:visited,
label,
.gamma,
.grey-dark,
.bg-grey-ultralight *,
a.link-01,
a.link-11,
a.link-13,
.date,
.tabs .nav a,
.tabs .nav a:link,
.tabs .nav a:visited,
.breadcrumb a:link,
.breadcrumb a:visited,
.pagination .pages li,
.pagination .pages a,
.footer-activate,
#footer li,
#footer a,
#footer-sitemap h4 {
    color: #666;
}
.main-nav-section h3 a,
.main-nav-section h3 a:hover,
.main-nav-section h3 a:active,
.main-nav-section h3 a:focus,
.main-nav-section h3 a:visited {
    color: #2d4275;
}
/* grey - medium */
.grey-medium,
.pagination .pages .active {
    color: #999;
    font-weight: bold;
}
.arrow-03-left:link,
.arrow-03-left:visited,
.arrow-03-right:link,
.arrow-03-right:visited {
    background-color: #999;
}

/* grey - light */
.grey-light {
    color: #ccc;
}

/* grey - ultralight */
.bg-grey-ultralight,
.grey-ultralight-bg,
.tabs-01,
.tabs.tabs-01 .nav,
.tabs.tabs-01 .nav a {
    background-color: #e6e6e6;
}

/* grey - maxlight */
.grey-maxlight {
    color: #f0f0f0;
}

.tabs .nav,
.tabs .nav a {
    background-color: #FFFFFF;
}

table .highlight {
    background-color: #f0f0f0;
}

/* red */
.error *,
.invalid label {
    color: #990000;
}
.error p {
    margin-left: 10px;
    font-weight: bold;
}
.form-ui-invalid,
.combobox.form-ui-invalid {
    border: 1px solid #990000;
    box-shadow: none;
}
.combobox.form-ui-invalid {
    border-width: 1px 0 0;
    margin-bottom: 10px;
}
.bg-red {
    background-color: #990000;
}
.error input,
.error select,
.error textarea {
    border: 1px solid #990000;
}

/* yellow */
.bg-yellow {
    background-color: #ffcc00;
}


.tabs .nav a {
    border-top: 2px solid #fff;
}

#nav-sitemap .border-bottom {
    border-bottom: 1px solid #838cc1;
}

.border-top-blue {
    border-top: 1px solid #2d4275;
}
.border-top-blue-2 {
    border-top: 2px solid #2d4275;
}

.border-bottom-blue {
    border-bottom: 1px solid #2d4275;
}
.border-bottom-blue-2 {
    border-bottom: 2px solid #2d4275;
}

.border-bottom-grey {
    border-bottom: 1px solid #ccc;
}

.tabs .nav {
    border-bottom: 1px solid #ccc;
}
.product-filter .border-bottom-blue-2 {
    margin-bottom: 30px;
}
.tabs .nav a.js-selected {
    border: 1px solid #ccc;
    border-bottom: 1px solid #fff;
}
.combo h2,
.combo h3 {
    border-bottom: 2px solid #ccc;
}

.link-06 {
    border-top: 1px solid #b7bedf;
}

input,
select,
textarea {
    border: 1px solid #ccc;
}

td a {
    display: block;
}

td,
th,
.link-04,
.border-bottom {
    border-bottom: 1px solid #ccc;
}
td.mod {
    border: 0;
}
.border-top {
    border-top: 1px solid #ccc;
}
.border-top-grey-light,
.link-01,
#footer-panel,
#footer-sitemap h4,
#footer-sitemap ul {
    border-top: 1px solid #ccc;
}

.link-13,
.link-14 {
    border-top: 1px solid #999;
}
#footer .nav li {
    border-left: 1px solid #ccc;
}
#footer .nav li.first {
    border-left: none;
}

.link-04.last {
    border: 0;
}

.bg-white-50 {
    background: url("../img/bgs/white_50.png") repeat 0 0 transparent;
}

/* pseudoclass order*/
.breadcrumb a:focus,
.breadcrumb a:hover,
.breadcrumb a:active,
.pagination .pages a:focus,
.pagination .pages a:hover,
.pagination .pages a:active {
    color: #2d4275;
}

.arrow-03-left:focus,
.arrow-03-left:hover,
.arrow-03-left:active,
.arrow-03-right:focus,
.arrow-03-right:hover,
.arrow-03-right:active {
    background-color: #2d4275;
}

/*************************
*
*		INNER-NAV
*
*************************/
.grids .inner-nav {
    min-height: 500px;
    position: relative;
    margin-top:40px;
    overflow:hidden;
    width: 220px;
}
.grids .inner-nav ul {
    position: fixed;
    top: 40px;
    background: #fff;
	background: rgba(255,255,255, 0.8);
}
.touch .grids .inner-nav ul,
.grids .inner-nav ul.nonFixed {
    position: relative;
    top: 0;
}
.grids .inner-nav ul,
.grids .inner-nav li {
    list-style: none none;
    margin: 0;
}
.grids .inner-nav li {
    width: 220px;
}
.grids .inner-nav a {
    font-weight: bold;
    padding: 4px 10px;
    display: block;
}
.touch .grids .inner-nav a {
	padding: 10px 10px;
}
.grids .inner-nav .active  {
    text-decoration: none;
    cursor: default;
}
.grids .area {
    position: relative;
    padding: 40px 0 20px;
    float: left;
}
.outside-nav {
    float: left;
    width: 220px;
    min-height: 700px;
}

/*************************
*
*		CONTENT
*
*************************/
.news p {
	line-height: 1.5;
}


p {
    margin-bottom: 15px;
}
p.countcommentwords {
    margin-left: 10px;
}
form .grids p dfn {
    margin-left: 10px;
}
.box p {
    line-height: 1.4;
}
.box p:last-child {
    margin-bottom: 0;
}
p.beta {
    margin-bottom: 0;
}
#content h1 {
    margin-bottom: 40px;
}
h2,
h3 {
    margin-bottom: 15px;
    line-height: 1.2em;
    position: relative;
}
#content >
h2 em {
    font-style: normal;
}


#content [class^="grid-"].border-bottom {
    margin-bottom: 20px;
    padding-bottom: 20px;
}
h2.border-bottom,
h3.border-bottom,
.combo h2,
.combo h3 {
    margin-bottom: 20px;
    padding-bottom: 15px;
}
#content fieldset.grids h2.border-bottom {
    margin-bottom: 40px;
}
#content h2.border-bottom,
#content h3.border-bottom,
#content .combo h2,
#content .combo h3 {
    border-width: 2px;
}
.border-bottom .teaser h2,
.border-bottom .teaser h3,
.border-bottom .rack-teaser h2,
.border-bottom .rack-teaser h3 {
    border: 0;
    padding: 0;
}

/* LISTS */
ul {
    margin: 0 0 20px 0;
}
.box ul ul {
	margin-top: 10px;
	margin-bottom: 0;
}
.main-nav-section .links ul {
    margin: 0;
}

.box li {
	margin-bottom: 10px;
	list-style-image: url(../img/icons/li-circle.png);
	margin-left: 14px;
}
.grids .box.lists li {
    margin-bottom: 10px;
}
.grids .box.lists li:last-child {
    margin-bottom: 0;
}
ol {
    margin: 10px 0 20px 0;
}
.grids ol li {
    list-style-image: none;
    margin-left: 20px;
}

/* refactor */
#content [class^="grid-"].border-bottom,
.box.border-bottom {
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.box.border-bottom {
    clear: both;
    overflow: hidden;
}

#content .item {
    margin-bottom: 60px;
}

#content img {
    margin-bottom: 10px;
}

#content .search-result img {
    float: left;
    margin: 0 20px 20px 0;
}
.photo {
    position: relative;
    display: inline-block;
    float: left;
    width: 220px;
    margin: 0 20px 10px 0;
}
.photo.mod {
    float: none;
    width: 460px;
}
.photo.alt {
    float: none;
}
.photo:after {
    clear: both;
}
.photo.right {
    float: right;
    margin: 0 0 30px 20px;
}
#content .photo img {
    margin: 0 0 10px;
}
.photo dt {
    display: block;
    float: left;
}
.zoom {
    position: relative;
    bottom: 43px;
    float: right;
}
.zoom a {
    display: block;
    width: 29px;
    height: 29px;
    background: url(../img/icons/zoom.png) 0 0 no-repeat;
    text-indent: -9999px;
}
.zoom a:hover,
.zoom a:active,
.zoom a:focus {
    background-position: 0 -31px;
}
.caption {
    color: #666;
}
.copyright {
    margin-top: 5px;
    color: #666;
    font-style: italic;
}
#content > .grids {
    overflow:hidden;
    margin-bottom: 30px;
}
#content .product-filter > .grids {
    overflow: visible;
}


.tabs .section > .grids+.grids {
    padding-top: 60px;
}

/* ToDo content class are outdated */
.grid-1.bg-colored .box,
.grid-1.bg-colored .content {
    width: 40px;
}
.grid-2.bg-colored .box,
.grid-2.bg-colored .content {
    width: 180px;
}
.grid-3.bg-colored .box,
.grid-3.bg-colored .content {
    width: 300px;
}
.grid-4.bg-colored .box,
.grid-4.bg-colored .content {
    width: 420px;
}
.grid-5.bg-colored .box,
.grid-5.bg-colored .content {
    width: 540px;
}
.grid-6.bg-colored .box,
.grid-6.bg-colored .content {
    width: 660px;
}
.grid-7.bg-colored .box,
.grid-7.bg-colored .content {
    width: 780px;
}
.grid-8.bg-colored .box,
.grid-8.bg-colored .content {
    width: 900px;
    margin: 0;
}

.bg-colored .box,
.bg-colored .content {
    margin: 20px;
}
#content .arrows li {
    margin-bottom: 0;
}

#content ul.arrows {
    list-style-image: url("../img/icons/arrow_grey_right.png");
}
#nav-sitemap ul.arrows {
    margin-left: 0;
    margin-bottom: 40px;
    list-style: none;
}
.main-nav-section .links {
    float: left;
    width: 210px;
    padding-right: 20px;
}
.main-nav-section .links li,
#nav-sitemap ul.arrows li {
    list-style: none;
    margin: 0 0 10px;
}
.main-nav-section .links li:last-child {
    margin: 0;
}
.main-nav-section .links li a {
    padding-left: 12px;
    background: url("../img/icons/arrow_sprites_set.png") no-repeat 2px -1298px transparent;
}
.main-nav-section .intens .links li a {
    border-bottom: 1px solid #CCCCCC;
    font-size: 120%;
    font-weight: bold;
    padding-bottom: 10px;
    font-weight: bold;
}
.main-nav-section h1 {
    border: 0;
    margin-bottom: 30px;
    font-size: 1.8em;
}
.main-nav-section .grid-8.mod h1 {
    color: #666;
}
.main-nav-section h1 em {
    font-style: normal;
    display: block;
    color: #2d4275;
}
.main-nav-section h1.border-bottom {
    margin-top: 20px;
    padding-bottom: 10px;
}
.nav-global-wrapper .section .main-nav-section h2 {
	padding-bottom: 10px;
	margin: 0 0 20px;
    font-size: 160%;
    min-height: 66px;
}
.nav-global-wrapper .bg-blue.main-nav-section h2 {
    border-bottom: 2px solid #4558ab;
}
.nav-global-wrapper .main-nav-section h2 a {
    background-position: 0 -1394px;
    padding-left: 15px;
    font-size: 90%;
}
.main-nav-section h3 {
	margin: 0 0 15px;
	padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    font-family: arial;
    font-size: 120%;
    font-weight: bold;
    color: #2d4275;
}
.main-nav-section h1 {
    color: #2d4275;
}
.nav-global-wrapper h3 a {
    font-weight: bold !important;
}
.main-nav-section .rack-teaser h3 {
    border: 0;
}
.main-nav-section h3 a {
    background: url("../img/icons/arrow_sprites_set.png") no-repeat 2px -1397px transparent;
    padding-left: 12px;
}
.bg-blue.main-nav-section h3 a {
    color: #fff;
}

#footer-sitemap ul {
    list-style: none;
}

a[class^="link-"],
em[class^="link-"],
input[type=submit],
.lb.link-12,
.arrow-01-left,
.arrow-01-right,
.arrow-02-left,
.arrow-02-right,
.arrow-03-left,
.arrow-03-right,
.switch .prev a,
.switch .next a,
.nav-global-wrapper .main-nav-section h2 a,
.teaser-group.mod .teaser h3,
.teaser em.more a,
.close-megamenu a,
.breadcrumb li,
.vcard .email a,
.vcard .download a,
.combobox span,
.links li a,
.footer-activate,
.stage-pager .prev a,
.stage-pager .next a,
.stage .media-teaser a.more,
.teaser-body .more,
.lang-list a,
.teaser-combo h2 a,
.sitemap h4 a,
.filter-item .product-search .more a {
    background-image: url("../img/icons/arrow_sprites_set.png");
    background-repeat: no-repeat;
    background-color: transparent;
}

a.bg-blue[class^="link-"] {
    padding: 3px 6px 3px 6px;
}

/* LINKS */
.teaser ul,
.links { /* linklists and lists in betwwen teasers with floating images */
    overflow: hidden;
}
.box.aside .links ul {
    margin: 0;
}
.links li {
    list-style: none;
    margin-left: 0;
    margin-bottom: 5px;
}
.links li a {
    display: block;
    background-position: 0 -1297px;
    padding-left: 12px;
    line-height: 1.2em;
}
.links li a[href$=".pdf"]:before {
	content: "PDF, "
}
.links li a[href$=".doc"]:before {
	content: "DOC, "
}
.links li a[href$=".xls"]:before {
	content: "XLS, "
}
.links li a[href$=".mp3"]:before {
	content: "MP3, "
}
.links li a[href$=".zip"]:before {
	content: "ZIP, "
}



.links li ul {
    margin: 5px 0 10px;
}
.links li li {
    margin-left: 20px;
}
.link-01,
.link-04 {
    background-position: right -1791px;
    display: block;
    width: 100%;
}
.link-02,
.link-03 {
    padding: 0 0 0 10px;
    background-position: left -1397px;
}

.link-05 {
    display: block;
    background-position: right -1797px;
    padding: 0 30px 0 0;
    color: #000;
}

.link-06,
.link-07 {
    background-position: right -2395px;
    display: block;
    width: 100%;
    padding-top: 3px;
}

.link-11 {
    background-position: left -1495px;
    padding-left: 14px;
}

.link-11.revert {
    background-position: left -1595px;
}

.link-12,
.lb.link-12 {
    background-position: right -1994px;
    padding-right: 14px;
}

.link-13 {
    background-position: right -1991px;
    display: block;
}
.link-14 {
    display: block;
    background-position: right -1793px;
    padding: 0 30px 0 0;
    color: #666;
}
.link-01 {
    padding-top: 4px;
}

.link-13 {
    padding-top: 4px;
    margin: 15px 0 5px 0;
}
.link-14 {
    padding-top: 4px;
    margin: 20px 0 5px 0;
}
.link-03 {
    float: right;
}

.link-04 {
    padding: 7px 0 6px 0;
}
.date {
    display: block;
}

/* sitemap */
#content.sitemap .border-bottom[class^="grid-"] {
    margin-bottom: 0;
    padding-bottom: 0;
}
#content.sitemap .mod.border-bottom[class^="grid-"] {
    padding-bottom: 25px;
}
.sitemap h4 {
    margin: 0 0 15px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 15px;
}
.sitemap .links {
    margin-bottom: 30px;
}
.sitemap h4 a {
    display: block;
    background-position: 0 -1298px;
    padding-left: 12px;
}

/* site-pagination */
.header .wrapper .grids.site-pagination,
#content .grids.site-pagination {
    margin-bottom: 40px;
}
#content.product-article .grids.site-pagination,
#content.product-article-2 .grids.site-pagination,
#content.product-article-3 .grids.site-pagination {
    margin-bottom: 0;
    margin-top: -20px;
}
#content.product-filter .grids.site-pagination {
    margin-bottom: 40px;
    margin-top: -20px;
}
.grids.site-pagination.mod,
#content .grids.site-pagination.mod {
    margin-bottom: 60px;
}
.site-pagination .border-bottom,
#content .site-pagination .border-bottom {
    padding-bottom: 5px;
    margin-bottom: 0;
}
.site-pagination .border-top,
#content .site-pagination .border-top {
    padding-top: 5px;
}
.site-pagination .border-bottom,
.site-pagination .border-top {
    border-width: 2px;
}
.site-pagination ul {
    position: relative;
    text-align: center;
    min-height: 18px;
}
.site-pagination li {
    margin: 0;
    font-size: 100%;
}
.site-pagination li.prev {
    position: absolute;
    top: 0;
    left: 0;
}
.site-pagination .prev a {
    background: url("../img/icons/site-pagination.png") no-repeat 0 0;
    padding-left: 20px;
}
.site-pagination li.next {
    position: absolute;
    top: 0;
    right: 0;
}
.site-pagination .next a {
    background: url("../img/icons/site-pagination.png") no-repeat 100% -15px;
    padding-right: 20px;
}
.site-pagination a {
    color: #999;
}
.no-js .pagination {
    display:none
}
.pagination.arrows-01,
.pagination.arrows-02 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.pagination.arrows-01.centered {
    position: absolute;
    top: 40%;
}
.pagination .next a,
.pagination .prev a {
    cursor: default;
}
.pagination a:hover {
    cursor: pointer;
}
.pagination .next a.show,
.pagination .prev a.show {
    cursor: pointer;
}

.arrow-01-left,
.arrow-01-right,
.arrow-02-left,
.arrow-02-right {
    height: 60px;
    width: 60px;
}

.arrow-01-left {
    background-position: -19px -900px;
    float: left;
}
.arrow-01-right {
    background-position: 16px -1100px;
    float: right;
}
.pagination.arrows-01.centered .arrow-01-left {
    background-position: 0 -200px;
    float: left;
}
.pagination.arrows-01.centered .arrow-01-right {
    background-position: 0 -400px;
    float: right;
}

.arrow-01-left.show:focus,
.arrow-01-left.show:hover,
.arrow-01-left.show:active {
   background-position: -19px -1000px;
}

.arrow-01-right.show:focus,
.arrow-01-right.show:hover,
.arrow-01-right.show:active {
    background-position: 16px -1200px;
}

.arrow-02-left {
    background-position: -19px -500px;
    float: left;
}

.arrow-02-right {
    background-position: 16px -700px;
    float: right;
}

.arrow-02-left.show:focus,
.arrow-02-left.show:hover,
.arrow-02-left.show:active {
    background-position: -19px -600px;
}

.arrow-02-right.show:focus,
.arrow-02-right.show:hover,
.arrow-02-right.show:active {
    background-position: 16px -800px;
}

.pagination > div {
    margin-top: 10px;
}
#content .search-result .pagination > div {
    margin-top: 0;
}
.pagination > div.info {
    margin-top: 14px;
}

.pagination .pages {
    margin-bottom: 10px;
}
#content .search-result .pagination .pages {
    margin-bottom: 5px;
}
.pagination .pages ul {
    margin-bottom: 0;
}
#content .search-result .pagination .pages li,
.pagination .pages li {
    margin: 0 7px 0 7px;
    vertical-align: middle;
}
#content .search-result .pagination .pages li.next,
.pagination .pages li.next {
    margin-right: 0;
}
.arrow-03-left {
    background-position: 6px -2495px;
}

.arrow-03-right {
    background-position: 7px -2295px;
}

.arrow-03-left,
.arrow-03-right {
    width: 19px;
    height: 19px;
}

.img-200x100 {
    position: relative;
    height: 100px;
    margin-bottom: 10px;
}

.img-200x100 .bottom {
    position: absolute;
    bottom: 0;
}

.img-200x100 .bottom.bg-white-50 {
    padding: 5px;
}

/* teaser-switcher ul reset */
.accordion .grids.panel {
    padding-top: 10px;
    padding-bottom: 10px;
}
.accordion > a.link-04 {
    border-top: 1px solid #ccc;
    border-bottom: 0 none;
}
.accordion > a.link-04:first-child {
    border-top: 0 none;
}
.accordion > a.link-04.js-selected {
    background-position: 100% -1990px;
}
.accordion a em {
    margin-right: 5px;
    font-style: normal;
    color: #666;
}
/***BREADCRUMB***/
.breadcrumb {
    margin-left: 0;
}
.breadcrumb li {
    margin-right: 5px;
    background-position: right -1796px;
    padding-right: 12px;
}
.breadcrumb li.last {
    margin-right: 0;
    background-position: 9999px 9999px;
}
.breadcrumb strong {
    font-weight: normal;
    color: #666;
}
.site-pagination .breadcrumb {
    text-align: left;
}
.site-pagination .breadcrumb a {
    color: #2d4275;
}

/*************************
*
*		FORM
*
*************************/
#search {
    margin: 0 0 0 8px;
    position: relative;
	top: -4px;
}
input.search-b,
input.search {
    float: left;
    display: block;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 3px 5px 3px 10px;
}
input.search {
    border-left: 1px solid #ccc;
    color: #999;
	width: 183px;
}
input.search-b {
    border: none;
    height: 22px;
    width: 20px;
    background-position: 105% -1793px;
    text-indent: -9999em;
    position: absolute;
    right: 0;
    top: 1px;
    z-index: 10;
}
input.search-b:hover {
    cursor: pointer;
}
[class^="grid-"] fieldset.grids {
    margin-bottom: 60px;
}
label {
    display: block;
    margin: 10px 0 9px 10px;
}
input,
select,
textarea {
    padding: 5px 9px;
    margin-bottom: 10px;
}

input:placeholder {
    color: #999 !important;
}
input:-moz-placeholder {
    color: #999 !important;
}
select,
.error select {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

option {
    height: 15px;
}

[class^="grid-"] input[type=submit] {
    background-position: 91% -2392px;
    padding: 3px;
    width: 214px;
    float: right;
}
.grid-4 select {
    width: 460px;
}
.grid-2 select {
    width: 220px;
}
.grid-4 input,
.grid-4 textarea {
    width: 448px;
}
fieldset .error .message {
    display: block;
    margin-top: 38px;
}
.grid-2 input,
.grid-2 textarea {
    width: 200px;
}
.grid-2 input[type=checkbox],
.grid-4 input[type=checkbox] {
    width: auto;
}
.checkbox {
    position: relative;
}
.checkbox label,
.radiobtn label {
    position: relative;
    margin: 0 0 20px;
    padding: 0 0 0 20px;
    line-height: 1.34em;
    font-weight: normal;
    zoom: 1;
}
.checkbox.check-all label {
    font-weight: bold;
}
.checkbox label input,
.radiobtn label input {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;

}
.checkbox label.ui-checkbox {
    background: url(../img/icons/iconsprite.png) no-repeat 0 -700px;
}

.checkbox label.ui-checkbox-state-hover {
    background-position: 0 -900px;
}

.checkbox label.ui-checkbox-state-checked {
    background-position: 0 -400px;
}

.checkbox label.ui-checkbox-state-checked-hover {
    background-position: 0 -1000px;
}

.ui-helper-hidden-accessible {
    left: -99999em !important;
    position: absolute !important;
}



/*************************
*
*		VCARD
*
*************************/
.vcard {
    margin-bottom: 20px;
    overflow:hidden;
}
.vcard .name {
    background: #f8f8f8;
    padding: 5px 5px 5px 55px;
    position: relative;
	min-height: 60px;
}
.vcard.mod .name {
	padding: 5px;
}
.vcard p {
    margin: 0;
    color: #2d4275;
}
.vcard .fn {
    font-weight: bold;
    padding-bottom: 2px;
    overflow:hidden;
}
.vcard .picture {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 50px;
}
.vcard dl {
    color: #2d4275;
    border-bottom: 1px solid #fff;
    padding: 5px 0;
}
.vcard .email a,
.vcard .links .download a {
    background-position: 100% -1896px;
    display: block;
    padding-left: 0;
}
.vcard dt {
    display: none;
}
.vcard ul {
    list-style: none;
    margin: 0;
}
.vcard .links {
    padding-top: 5px;
}
.vcard .links strong {
    font-weight: normal;
    margin-right: 5px;
}

/***in TABS ***/
.tabs .vcard-box {
    padding: 20px;
}
.entries .vcard .links {
    margin: 0;
}

/*************************
*
*		TEMPLATE
*
*************************/

/* ---- Ansprechpartner ---- */
.box.aside {
    width: 180px;
    background: #e6e6e6;
    padding: 20px;
}
.grids .box.aside+.box {
    margin: 40px 0 0;
}
.grid-2.bg-colored .box,
.grid-2.bg-colored .content { /* ToDo */
    width: 180px;
    margin: 20px;
}

/* Teaser-Group */
.product-filter .teaser-group {
    margin: 40px 0 0;
    border-top: 2px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px 0 0;
}
.product-filter .teaser-group .box.teaser {
    margin: 0 0 40px;
}

#content .grids:first-child h2 ~ .teaser-group-wrapper,
#content .grids:first-child h3 ~ .teaser-group-wrappe,
#content .grids:first-child .box ~ .teaser-group-wrapper{
    margin: 30px 0 0;
}
.teaser-group.mod {
    margin: 20px 0 25px 0;
}

#content .border-bottom[class^="grid-"]
#content .grids:first-child .teaser-group.mod {
    margin-top: 0;
}
.teaser-group.mod .teaser {
    border-top: 1px solid #ccc;
    margin-top: 0;
    padding-bottom: 40px;
}
.teaser-group.mod .teaser h3 {
    margin:  10px 0 0 0;
    color: #2d4275;
    background: url('../img/icons/iconsprite.png') 99% -1990px no-repeat;
}
.teaser-group.mod .teaser h3:hover,
.teaser-group.mod .teaser h3:active,
.teaser-group.mod .teaser h3:focus {
    cursor: pointer;
}
.teaser-group.mod .teaser h3.js-selected {
    background-position: 99% -2290px;
}
.teaser-group.mod .teaser p {
    margin:  20px 0 0 0;
}
#content .teaser-group.mod .teaser img,
.teaser-group.mod .teaser img {
    float: none;
    margin:  20px 0 0 0;
}
/* more-link */
.teaser em.more {
    font-style: normal;
}
.teaser-group.mod .box.teaser .inner-wrapper em.more {
    display: block;
    margin-top: 20px;
}
.teaser-group.mod .box.teaser .inner-wrapper em.more a {
    margin-left: 0;
    background-position: 0 -1397px;
}
.teaser em.more a {
    background-position: 10px -1698px;
    padding-left: 20px;
    font-weight: bold;
}
div.item em.more {
    overflow: hidden;
    display: block;
}
.teaser {
    position: relative;
}

/***TEASER-GROUP-2***/
.show-more {
    margin-top: 10px;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
	overflow: hidden;
}

.no-js .show-more {
    display: none;
}
.show-more span {
    color: #2d4275;
    background: url("../img/icons/iconsprite.png") no-repeat scroll 100% -194px transparent;
    padding-right: 20px;
	float: right;
}
.show-more .close,
.show-more.js-selected .open {
	display:none;
}
.show-more span.expanded,
.show-more.js-selected .close {
	display: block;
    background-position: 100% -1794px;
}
.show-more span:hover,
.show-more span:focus,
.show-more span:active {
    text-decoration: underline;
    cursor: pointer;
}
#content .teaser-group-2 img {
    margin-bottom: 0;
}
#content .teaser-group-2 .inner-wrapper img {
    margin-right: 0;
    margin-bottom: 10px;
}
#content .teaser-group-2 .inner-wrapper img.right {
    float: right;
}
.teaser-group-2 .inner-wrapper > .grids {
    margin-top: 40px;
}

/* ---- expandable ---- */
.js div.more-part .expandable {
    height: 0;
    overflow: hidden;
}
.no-js .more-part .togglethis {
    display: none;
}
/* ---- text ---- */

/* ---- text_image ---- */
img.left.mod {
    float: left;
    margin-left: 2px;
}

/* ---- teasers ---- */
.teaser .grid-4 .content {
    width: 220px;
}
.teaser .grid-6 .content {
    width: 460px;
}

/* ---- h2+h3 --- */
.overlay h2+h3,
.overlay h3+h2,
.teaser h2+h3, /* ToDo */
.teaser h3+h2, /* ToDo */
.quote h2+h3,
.quote h3+h2,
.quotes-overlay h2+h3,
.quotes-overlay  h3+h2,
.rack-teaser h2+h3,
.rack-teaser h3+h2 {
    margin-top: -10px;
}
h2.gallery-info+h3.gallery-info,
h3.gallery-info+h2.gallery-info,
.box h2+h3,
.box h3+h2 {
    margin-top: -15px;
}
/* ---- entries ----- */
.entries h2+h3,
.entries h3+h2 {
    margin-top: -5px;
}
/* ---- h1+h1 ----- */
.nav-global-wrapper h1+h1 {
    margin-top: -30px;
}

/* ---- teaser-combo ---- */
.teaser-combo {
    position: relative;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
#content .teaser-combo img {
    margin: 0;
}
.teaser-combo h2,
.teaser-combo h3 {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    font-size: 125%;
}
.teaser-combo h2 a {
	 color: #fff;
	 display: block;
	 background: #2d4275 url("../img/icons/iconsprite-horiz.png") no-repeat 92% bottom;
	 margin: 0 20px;
	 padding: 5px 20px 5px 10px;
	 color: #fff;
 }
.grid-4 .teaser-combo h2 a {
	background-position: 96.7% bottom;
}
.teaser img {
    float: left;
    overflow: hidden;
    margin: 0 20px 20px 0;
}

/***COMBOTEXT***/
.teaser-combotext {
	min-height: 180px;
	background: #e6e6e6;
	padding: 20px;
}
.teaser-combotext h2 {
	color: #666;
	margin-bottom: 20px;
}
.teaser-combotext h6,
.teaser-combotext h5 {
	color: #666;
	font-weight: bold;
}

/* ---- list ---- */
.lists {
    clear: both;
    margin-bottom: 20px;
}
.box.lists {
    margin-bottom: 0;
}
.lists .border-bottom {
    border-top: 2px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
}
.lists h2.border-bottom,
.lists h3.border-bottom {
    border-top: none;
    padding-top: 0;
    padding-bottom: 15px;
}
.lists .list-items {
    width: 100%;
    float: left;
}
.lists ul,
.lists ol {
    margin: 0;
}

/***MOD***
Floats list-boxes
**/
.lists.mod ul,
.lists.mod ol {
    width: 220px;
    margin-left : 20px;
    float: left;
}
.lists.mod ul:first-child,
.lists.mod ol:first-child {
    margin-left: 0;
}







/* ---- press releases ---- */
.links.pr li {
    border-bottom: 1px solid #ccc;
    padding: 5px 0 10px;
}
.links.pr li span {
    padding-right: 70px;
    color: #838cc1;
}
.links.pr li a {
    display: block;
    background: transparent url("../img/icons/arrow_blue-medium_right.png") no-repeat 100% 5px;
    padding-left: 0;
}
.links.pr li a:hover span,
.links.pr li a:active span
.links.pr li a:focus span {
    font-weight: normal;
}
.links.pr li a:hover,
.links.pr li a:active,
.links.pr li a:focus {
    text-decoration: none;
    font-weight: bold;
}


/* ---- table ---- */

table {
    width: 100%;
}

th {
    min-height: 30px;
}

th,
td {
    padding: 8px;
}

th:first-child, td:first-child {
    padding-left: 0;
}

thead th {
    padding-top: 15px;
    padding-bottom: 15px;
}


.clarify th:first-child,
.clarify td:first-child  {
    width: 25%;
}

/* ---- tabs ---- */

.tabs {
}

.tabs .nav {
    position: relative;
    margin: 0;
}

.tabs .nav li {
    display: inline;
    list-style: none;
    margin: 0;
}

.tabs-01 {
    min-height: 397px;
    float: left;
}

.tabs-01 .nav {
    clear: left;
    width: 100%;
    overflow:hidden;
    border-bottom: 2px solid #2d4275;
}

.tabs-01 .nav li {
    float: left;
}

.tabs-01 .nav a,
.tabs-01 .nav a.js-selected {
    padding: 5px 10px;
    border: 0;
}

.tabs-01 .bg-blue {
    padding: 10px 0;
}

.tabs-01 .content {
    margin: 10px;
}

.tabs-01 .section {
    clear: left;
}

.tabs-02 .nav,
.tabs-03 .nav {
    margin-bottom: 10px;
}

.tabs-02 .nav a,
.tabs-03 .nav a {
    padding: 5px 10px;
    position: relative;
    top: 1px;
}
.tabs-03 .nav a.js-selected {
    top: 1px;
}
.no-js .tabs-02 .nav a,
.no-js .tabs-03 .nav a {
    top: 0px;
}

.tabs-02 .more,
.tabs-03 .more {
    margin: 3px 20px 3px 0;
}
td.mod .more {
    margin: 0;
}

/* Search-Results */
.search-result .grids > .grid-6 {
    padding-top: 10px;
}
#content .search-result .item {
    margin-bottom: 15px;
}
#content .search-result .item h2 {
    padding-top: 15px;
    margin-bottom: 8px;
}
.search-result .grids li {
    margin-left: 0;
}
.search-result .date {
    display: inline;
    margin-right: 2px;
}
.search-result .highlight {
    font-style: normal;
    font-weight: bold;
}
.search-result-product li {
    list-style: none;
}

/*************************
*
*		FOOTER
*
*************************/
#footer {
    margin-bottom: 30px;
}
.home #footer {
    margin-top: 60px;
}
.footer-activate {
    float: left;
    display: none;
    padding: 2px 0 1px 15px;
    background-position: 0 -1493px;
    font-weight: bold;
}
.js .footer-activate {
    display: block;
}
.footer-activate.expanded {
    background-position: 0 -1593px;
}
.footer-box {
    position: relative;
    z-index: 3;
}
.footer-box div {
    float: left;
}
.js .footer-box {
    display: none;
    overflow:hidden;
}
.footer-box .item {
    width: 140px;
    margin-left: 20px;
    overflow:hidden;
}
.footer-box .item:first-child {
    margin-left: 0;
}
.footer-box .item ul,
.footer-box .item li {
    list-style: none none;
    margin: 0;
}
.footer-box .item li {
    margin: 0 0 10px 0;
}
.footer-box .item li:last-child {
    margin: 0;
}
.footer-box li a {
    display: block;
}
.footer-box .item h4 {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0 20px;
}
.footer-box .item ul {
    padding: 10px 0 40px;
    margin: 0;
}
.footer-panel {
    position: relative;
    overflow:hidden;
    padding: 15px 0 0;
    margin-left: 20px;
    border-top: 1px solid #ccc;
    clear: both;
    width: 940px;
    float: left;
}
.footer-panel .nav li {
    margin: 0;
}
.footer-panel .nav a {
    padding: 1px 13px 1px 15px;
}
.footer-panel .nav .last {
    padding-left: 10px;
}
.footer-panel .nav .last a {
    padding: 0;
}


/*************************
*
*		HOME
*
*************************/

.wrapper-3{
    width:940px;
    margin:0 auto;
    padding:0 10px;
}

.wrapper-3 .grids{
    width:960px;
    clear:both;
    margin:0 0 0 -20px;
    list-style:none; /* So we can make grids out of lists. */
}

.wrapper-3 [class^="grid-"]{
    float:left;
    margin:0 20px 0 0;
}
.wrapper-3 .grids [class^="grid-"]{
    margin:0 0 0 20px;
}

.wrapper-3 [class^="grid-"] .grids{
    width:auto;
    margin:0 -20px;
}
.main-nav-section .grids > [class^="grid-"] > .grids {
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.main-nav-section .grids > [class^="grid-"] > .grids:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
.main-nav-section .wrapper > .grids:last-child {
    margin-bottom: 10px;
}
.wrapper-3 .grid-1{ width:300px }
.wrapper-3 .grid-2{ width:620px }
.wrapper-3 .grid-3{ width:940px; margin:0; }


/* Wrapper 6 */

.wrapper-6{
    width:1000px;
    margin:0 auto;
    padding:0 10px;
}

.wrapper-6 .grids{
    width:1020px;
    clear:both;
    margin:0 0 0 -20px;
    list-style:none; /* So we can make grids out of lists. */
}

.wrapper-6 [class^="grid-"]{
    float:left;
    margin:0 20px 0 0;
}
.wrapper-6 .grids [class^="grid-"]{
    margin:0 0 0 20px;
}

.wrapper-6 [class^="grid-"] .grids{
    width:auto;
    margin:0 -20px;
}

.wrapper-6 .grid-1{ width:150px }
.wrapper-6 .grid-2{ width:320px }
.wrapper-6 .grid-3{ width:490px }
.wrapper-6 .grid-4{ width:660px }
.wrapper-6 .grid-5{ width:830px }
.wrapper-6 .grid-6{ width:1000px; margin:0; }

#content .magazine img {
    margin: 0;
}
.magazine {
    position: relative;
    margin-top: 60px;
}
.magazine .teaser {
    position: relative;
    width: 640px;
}
.magazine .matrix {
    width: 298px;
}
.magazine .matrix .block {
    height: 121px;
    margin: 0 2px 0 0;
    float: left;
}
.js .magazine .matrix .block {
    cursor: pointer;
}
.magazine .matrix .block.right {
    margin: 0;
}
.js .magazine-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
}
.js .magazine-overlay.active {
    visibility: visible !important;
    display: block !important;
    opacity: 1 !important;
}
.magazine-overlay .bg-blue .content {
    position: relative;
    width: 280px;
    height: 220px;
    margin: 10px;
}
.no-js .magazine-overlay .bg-blue .content {
    height: auto;
}
.magazine-overlay .bg-blue .mag-teaser-wrapper,
.magazine-overlay .bg-blue .rack,
.magazine-overlay .bg-blue .rack-design,
.magazine-overlay .bg-blue .rack-teaser {
    height: 100%;
}
.magazine-overlay .bg-blue .rack {
    margin: 0 -10px;
}
.magazine-overlay .rack-teaser {
    position: relative;
    width: 280px;
    margin: 0 10px;
}
.no-js .magazine-overlay .rack-teaser {
    margin-top: 10px;
    margin-bottom: 10px;
}
.magazine-overlay .pagination {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    overflow: hidden;
}
.magazine-overlay .rack-teaser .link-06 {
    position: absolute;
    bottom: 0;
    left: 0;
}
.no-js .magazine-overlay .rack-teaser .link-06 {
    position: static;
}
.magazine-overlay .rack-teaser.first-teaser {
    /* margin-left: 0; */
}
.magazine-overlay .img-link {
    position: relative;
    width: 640px;
    height: 240px;
    margin-left: 20px;
    background-color: #ccc;
}
.magazine-overlay .img-link img {
    width: 640px;
    height: 240px;
}
.magazine .bg-white-50 .content {
    margin: 15px 20px;
}
.no-js .magazine .create-select {
    display: none;
}
.magazine span.combobox {
    float: right;
    margin: 0;
    z-index: 1;
    border-top: 0 none;
    background: #2E4179;
}
.magazine .create-select .combobox input {
    border-top: 0 none;
    padding: 3px 40px 2px 5px;
    margin: 0;
    background: #2E4179;
    font-size: 1em;
}
.magazine .create-select .combobox span {
    top: 10px;
}
.magazine-overlay img {
    position: absolute;
    z-index: 0;
}
.magazine-overlay .overlay,
.overlay {
    width: 600px;
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 1;
}
.magazine-overlay .rack {
    height: 125px;
    overflow: hidden;
}
.magazine-overlay.grids .grid-1 {
    margin-left: 0;
}
.quotes.item {
    position: relative;
}
#content .quotes .quote {
    padding-top: 5px;
    height: 110px;
}
#content quotes .quote h2,
#content .quotes .quote h3 {
	margin-bottom: 11px;
	font-size: 1.666em;
}
#content .quotes .quote h2 {
	margin-bottom: 10px;
}
.js .quotes .quote {
    cursor: pointer;
}
.js .quotes-overlay {
    display: none;
    cursor: pointer;
    overflow: visible;
}
.no-js .wrapper-3 .quotes-overlay {
    margin-top: 20px;
    margin-bottom: 20px;
}
.quotes-overlay .content {
    margin: 10px 20px;
}
.quotes-overlay .img-link {
    position: relative;
}
.quotes-overlay .img-link img {
    position: absolute;
    z-index: 0;
}
.quotes-overlay .img-link a {
    position: absolute;
    z-index: 1;
    bottom: 0;
}
.quotes-overlay .link-06 {
    padding: 5px 0 6px 0;
    background-position: right -2393px ;
}
.quotes-overlay .link-07 {
    width: 288px;
    padding: 3px 6px;
    background-color: #2d4275;
    background-position: 158px -2395px ;
}
.quotes-overlay .matrix1-1,
.quotes-overlay .matrix2-1 {
    height: 119px;
}
.quotes-overlay .matrix4-4 {
    height: 236px;
}
.quotes-overlay .matrix1-1 .content,
.quotes-overlay .matrix2-1 .content {
    position: relative;
    height: 106px;
}
.quotes-overlay .content.img-left {
    margin-left: 0;
}
.quotes-overlay .matrix4-4 .content {
    position: relative;
    overflow: hidden;
    height: 223px;
}
.quotes-overlay .matrix1-1 .bottom,
.quotes-overlay .matrix2-1 .bottom,
.quotes-overlay .matrix4-4 .bottom {
    position: absolute;
    bottom: 0;
}
.quotes-overlay .bg-blue h3,
.quotes-overlay .bg-blue h3 a,
.quotes-overlay .bg-blue h3 a:link,
.quotes-overlay .bg-blue h3 a:visited,
.quotes-overlay .bg-blue h3 a:focus,
.quotes-overlay .bg-blue h3 a:hover,
.quotes-overlay .bg-blue h3 a:active {
    color: #b7bedf;
}
.quotes-overlay .bg-blue p {
    color: #b7c1d9;
}
.quotes-overlay .bg-blue .link-06 {
    border-color: #838cc1;
}


/*************************
*
*		PRODUCT-TEASER
*
*************************/
.product-section #content {
    margin-top: 30px;
}
.product-section #content > .grids {
    margin-bottom: 20px;
}
.product-teaser {
    position: relative;
}
#content .product-teaser img {
    width: 220px;
    height: 140px;
    margin: 0;
    position: relative;
    top: 0;
}
.product-teaser h2 {
    position: absolute;
    bottom: 13px;
    left: 20px;
    background: #2d4275;
    width: 180px;
    z-index: 1;
	font-size: 125%;
}
.product-teaser h2 a {
    color: #fff;
    display:block;
    padding: 5px 25px 5px 10px;
    background: url("../img/icons/iconsprite-horiz.png") no-repeat 92% bottom;
}

/***PRODUCT SEARCH***/
.product-search {
    position: absolute;
    background: #2d4275;
    top: 0;
    left: -99999px;
    width: 180px;
    min-height: 121px;
    padding: 19px 20px 0;
}
.product-teaser .product-search {
    z-index: 2;
}
.product-index .product-search,
.product-article-2 .product-search {
    left: 0;
}
.no-js .product-teaser:hover .product-search,
.product-teaser.over .product-search,
.filter-item.over .product-search,
.product-search.active {
    left: 0;
    cursor: pointer;
}
.product-search h2 {
    position: relative;
    bottom: auto;
    left: auto;
    width: 100%;
    line-height: 0.7;
	font-size: 1.666em;
}
no-js .product-search h2 {
    margin: 0;
}
.product-search h2 a {
    color: #fff;
    padding: 0 0 20px 15px;
    background: url("../img/icons/arrow_sprites_set.png") no-repeat  0 -3100px;
}
.product-search h3 {
    font-size: 120%;
    color: #fff;
    border-top: 1px solid #fff;
    padding: 6px 4px;
    margin-bottom: 2px;
}
.product-search .links {
    overflow:visible;
}

/***CREATE-SELECT***/

.create-select li a {
    background: none;
    padding: 3px 10px;
}
.js .create-select h3,
.js .create-select ul{
    display: none;
}
/***NO-JS***/
.no-js .create-select {
    position: relative;
}
.no-js .create-select ul {
    background: #fff;
    visibility: hidden;
    overflow:hidden;
    max-height: 0;
    position: absolute;
    width: 180px;
    border: 1px solid #ccc;
    border-top:none;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    margin-top: -2px;
}
.no-js .create-select:hover > ul {
    visibility: visible;
    max-height: 9999px;
    z-index: 50;
}
.no-js .create-select a:hover {
    background: #2d4275;
    color: #fff;
    text-decoration: none;
}

/*************************
*
*		PRODUCT-ARTICLE-2
*
*************************/
.product-article-2 .grids h2 + h3 {
	font-size: 1.666em;
}
#content.product-article-2 .grid-4 {
    width: 450px;
    margin: 40px 0 0 30px;
}
#content.product-article-2 .grid-4:first-child {
    margin: 40px 10px 0 20px;
}
#content.product-article-2 .grid-4 .grid-4 {
    margin: 0 0 0 20px;
}
.product-article-2 .box.mod {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: 59px;
    padding-top: 10px;
}

/***PRODUCT-TEASER-2***/
.product-teaser-2 h2 {
    color: #666;
}
.product-teaser-2 .product-search {
    visibility: visible;
    background: none;
    float: left;
    position: relative;
    border: 1px solid #e6e6e6;
    border-left: none;
    min-height:99px;
    width: 199px
}
#content .product-teaser-2 .product-search p a {
    color: #2d4275;
    background: url("../img/icons/arrow_sprites_set.png") no-repeat 0 -1399px;
    text-decoration: none;
    padding-left: 10px;
}
#content .product-teaser-2 .product-search p .more {
    font-style: normal;
    padding-left: 10px;
    font-weight: bold;
    text-transform: lowercase;
}
#content .product-teaser-2 .product-search p a:hover,
#content .product-teaser-2 .product-search p a:active,
#content .product-teaser-2 .product-search p a:focus {
    text-decoration: underline;
}
.product-teaser-2 {
    margin-bottom: 40px;
}
.product-teaser-2 .links ul {
    margin: 0;
}
#content .product-teaser-2 img {
    margin: 0;
    width: 210px;
    float: left;
}
.grids .box .box.product-teaser-2 {
    margin-top: 10px;
    overflow: visible;
}

/***NO-JS***/
.no-js .product-teaser-2 .product-search h3 {
    color: #2d4275;
    border-top: 1px solid #2d4275;
    font: 110% arial, sans-serif;
}
.no-js .product-teaser-2 .create-select {
    position: absolute;
    bottom: 20px;
    width: 200px;
}
/* MOD */
.product-teaser-2.mod {
    float: right;
    margin-bottom: 0;
}
.product-teaser-2.mod .product-search {
    min-height: auto;
    border: 0;
}
.product-article-intro {
	min-height: 220px;
}

/*************************
*
*		PRODUCT-FILTER
*
*************************/
.product-filter .tabs-02 .nav {
    margin-bottom: 30px;
}
.product-results {
    position: relative;
}
.item-rack {
    position: relative;
}

/***FILTER-ITEM***/
.box.teaser.filter-item {
    border-top: 1px solid #ccc;
    padding: 10px 0 20px;
    margin: 0;
    position: relative;
    width: 100%;
}
.product-info dt {
    font-weight: bold;
}
.filter-item .product-search {
    width: 100%;
    height: 100%;
    padding: 0;
}
.filter-item:hover .product-search {
    visibility: visible;
    cursor: pointer;
}
.filter-item .product-search > div {
    padding: 20px;
}
.product-image {
    width: 210px;
    height: 120px;
    float: left;
    margin: 0 20px 10px 0;
}
.filter-item .product-search li {
    color: #fff;
    list-style: square;
    margin-left: 15px;
}
.filter-item .product-search .more {
    position: absolute;
    bottom: 5px;
    border-top: 1px solid #fff;
    width: 420px;
    padding-top: 5px;
}
#content .filter-item .product-search .more a {
    color: #fff;
    text-decoration: none;
    background-position: 0 -1698px;
    padding: 0 0 0 10px;
    float: right;
}
#content .filter-item .product-search .more a:hover {
    text-decoration: underline;
}
.product-results .all-results {
    float: right;
    position: relative;
    color: #2d4275;
    top: 20px;
}
.product-results .all-results:hover {
    text-decoration: underline;
    cursor: pointer;
}
.no-js .product-results .all-results {
    display: none;
}

/***FILTER-LIST***/
.filterlist .box {
    background: #e0e6f6;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.filterlist .box + .box {
    margin-top: 0;
}
.filterlist h2 {
    font: 110% arial, sans-serif;
    font-weight: bold;
    padding: 20px;
    margin: 0;
}

/***CHECKBOXES***/
.filterlist .checkbox {
    padding: 0 40px 0 20px;
}
.filterlist .checkbox label {
    margin-bottom: 10px;
    color: #2d4275;
}
.filterlist .checkbox span {
    margin-left: 3px;
}
.filterlist .checkbox label.ui-checkbox {
    background-position: 0 -300px;
}
.filterlist .checkbox label.ui-checkbox-state-hover {
    background-position: 0 -500px;
}
.filterlist .checkbox label.ui-checkbox-state-checked {
    background-position: 0 -400px;
}
.filterlist .checkbox label.ui-checkbox-state-checked-hover {
    background-position: 0 -600px;
}
.js-on .filterlist input[type="submit"] {
    display: none;
}
.checkbox-entries {
    background: url(../img/icons/iconsprite.png) no-repeat 21px -1600px;
    padding-top: 7px;
    margin: -3px 0 8px;
}
.checkbox-entries > div {
    padding: 8px 0 0;
    overflow:hidden;
    background: #cbd5f0;
}

/***RADIO BUTTON***/
.radiobtn {
    margin: 0 20px 10px;
    position: relative;
}
.radiobtn label input {
    left: 2px;
    top: 3px;
}
.radiobtn label {
    margin: 0;
    padding: 2px 5px;
    display: block;
    background: #ccd6f0;
    color: #2d4275;
    border: 1px solid #ccd6f0;
    cursor: pointer;
}
.no-js .radiobtn label {
    padding: 2px 10px 2px 21px;
}
.filterlist .radiobtn label.radio-checkbox {
    background: #ccd6f0;
}
.filterlist .radiobtn label.ui-radio-state-hover,
.filterlist .radiobtn label:focus {
    border: 1px dashed #2d4275;
}
.filterlist .radiobtn label.ui-radio-state-checked {
    background: #2d4275;
    color: #fff;
}
.filterlist .radiobtn label.ui-radio-state-checked-hover {
    border: 1px solid #2d4275;
}
.js .checkbox-entries {
    display: none;
}
.checkbox label.zero-matches,
.radiobtn label.zero-matches {
    opacity: 0.4;
}


/***TOOLTIP***/
.tooltip-box {
    position: absolute;
    top: 0;
    padding: 20px;
    width: 250px;
    background-color: #f5f5f5;
    border: 1px solid #2d4275;
}
.tooltip {
    text-indent: -9999em;
    overflow: hidden;
    display: block;
    background: url(../img/icons/iconsprite.png) no-repeat 100% -1400px;
    height: 10px;
    width: 10px;
    position: absolute;
    right: 20px;
    top: 3px;
    z-index: 10;
}
.tooltip:hover {
    background-position: 100% -1500px;
}
.radiobtn .tooltip {
    right: 5px;
    top: 6px;
}
.radiobtn label.ui-radio-state-checked .tooltip {
    background-position: 100% -1700px;
}







/*************************
*
*		CONTACT-GALLERY
*
*************************/
.contact-gallery ul {
    margin: 0;
}
.contact-gallery li {
    list-style: none;
    width: 113px;
    height: 113px;
    float: left;
    position: relative;
    background: #b7bee2;
    margin: 0 2px 2px 0;
    webkit-transition: background 50ms ease;
    -moz-transition: background 50ms ease;
    -o-transition: background 50ms ease;
    transition: background 50ms ease;
}
.contact-gallery li.large-item {
    width: 228px;
	height: auto;
    min-height: 228px;
	background: #e6e6e6;
	padding: 0;
}
.contact-gallery li.large-item  a {
	display: block;
	min-height: 188px;
}
.contact-gallery li.large-item a:hover {
	text-decoration: none;
	cursor: pointer;
}
.contact-gallery li.large-item .contact-data {
    position: relative;
	padding: 20px;
}
.contact-gallery li.large-item .contact-data.mod {
	padding: 0;
}
.contact-gallery li.large-item .contact-data.mod a {
	padding: 20px;
}
.contact-photo {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}
.contact-photo a {
    line-height: 0;
}
#content .contact-photo img {
    max-width: 100%;
    margin: 0;
}
.contact-data {
    position: absolute;
}
#content .contact-data h3 {
	font-size: 1.666em
}
#content .contact-data p a {
    cursor: pointer;
    display: block;
    color: #4558ab;
    padding: 10px;
    width: 93px;
    min-height: 93px;
    text-decoration: none;
}
.contact-gallery span,
.contact-gallery a {
    display: block;
}
.contact-gallery li:hover,
 .contact-gallery li.over {
	  background: #4558ab;
	  cursor: pointer;
}
.contact-gallery .large-item:hover,
.contact-gallery .large-item.over {
	background: #e6e6e6;
	cursor: pointer;
	text-decoration: none;
}
#content .contact-gallery li:hover a,
#content .contact-gallery li.over a{
    color: #fff;
}
.contact-gallery li:hover .contact-photo,
.contact-gallery li.over .contact-photo {
    left: -99999em;
}
.contact-gallery li.large-item:hover {
    left: 0;
    cursor: text;
    background: #e6e6e6;
}


/* menu box in mega menu */
.grids [class^="grid-"].menu-box,
.menu-box {
    margin-top: 10px;
    background-color: #ccc;
}
.menu-box .selectchain dt,
.menu-box .selectchain dd {
    color: #666;
}
.header .wrapper .menu-box .selectchain dd a {
    color: #2d4275;
}
.menu-box .box select,
.grid-2.menu-box .box select {
    width: 162px;
}
.menu-box .combobox input {
    padding-left: 0;
}
.menu-box .combobox {
    margin-bottom: 10px;
}
.menu-box .combobox span {
    right: 1px;
}
.main-nav-section .switch {
    background-color: #ccc;
}
.menu-box h4.bottom {
    color: #2d4275;
}
/***************************************
*
*		JAVASCRIPT MODULES
*
***************************************/
/*************************
*
*		COMBOBOX
*
*************************/
.select-row label {
    display: none;
}
.combobox {
    position: relative;
    display: block;
    cursor: pointer;
    margin-bottom: 13px;
    border-top: 1px solid #ccc;
    padding: 4px 0 2px;
    outline: 0 none;
}
.combobox span {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    width: 10px;
    height: 10px;
    text-indent: -9999em;
    background-position: right -1996px;
}
.combobox input {
    border: none;
    margin: 0 0 5px;
    padding: 0 20px 0 8px;
    color: #666;
    background: transparent;
    cursor: pointer;

}
div.datalist {
    position: absolute;
    z-index: 1000;
    left: 0;
    top: 0;
    min-width: 120px;
    cursor: default;
}
div.datalist div.datalist-box {
    height: 1%;
}
div.datalist div.datalist-box {
    overflow: hidden;
    position: relative;
}
div.datalist-innerbox {
    position: relative;
    padding:0;
    background: #fff;
    color: #666;
    border: 1px solid #ccc;
    border-top: none;
}
div.datalist ul {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 300px;
}
* html div.datalist.huge-datalist ul {
    height: 150px;
}
div.datalist li {
    padding: 3px 10px;
    outline: none;
    cursor: default; /* oder pointer? */
	margin-bottom: 0;
}
div.datalist li.js-selected {
    background: #284374;
    color: #fff;
}
div.datalist li.js-checked {
    background: #999;
    color: #fff;
}

/***CREATE-SELECT / COMBOBOX***/
.create-select .combobox  {
    border: none;
    margin-bottom: 0;
    padding-top: 0;
}
.create-select .combobox input {
    color: #fff;
    width: 180px;
    border-top: 1px solid #fff;
    padding: 6px 0;
}

.create-select .combobox span {
    background: url(../img/icons/iconsprite.png) no-repeat 100% -1100px;
    top: 14px;
}
.product-teaser-2 .create-select .combobox span {
    background: url(../img/icons/iconsprite.png) no-repeat 100% -200px;
    top: 14px;
}
.product-teaser-2 .create-select .combobox {
    position: absolute;
    bottom:10px;
}
.product-teaser-2 .create-select .combobox input {
    color: #2d4275;
    border-top: 1px solid #2d4275;
    width: 200px;
}

/*************************
*
*		MEGA-MENU
*
*************************/
.nav-global-wrapper {
	clear: left;
    z-index: 400;
    position: relative;
}
.nav-global-wrapper .text-box {
    position: relative;
    margin: 0;
    width: 100%;
}
.header .nav-global-wrapper .wrapper .grids {
	margin-top: 0;
}
.header .nav-global-wrapper .wrapper {
	margin: 30px 0 20px;
}
.nav-global-wrapper .image {
	margin-bottom: 15px;
}

/* read more */
em.togglethis {
    font-style: normal;
}
.togglethis:hover,
.togglethis:active,
.togglethis:focus {
    cursor: pointer;
    text-decoration: underline;
}

/*** tabs ***/
.toc-wrapper {
    margin: 0 auto;
    width: 100%;
    position: relative;
	padding-top: 13px;
}
.nav-global-wrapper .toc {
    overflow: hidden;
    display: block;
    margin: 0 auto;
	width: 960px;
    padding: 0 0 0 20px;
}
.nav-global-wrapper .toc li {
    overflow:  hidden;
    float: left;
    font-size: 110%;
    list-style: none;
    margin: 0;
    line-height: 1;
}
.nav-global-wrapper .toc a {
    display: block;
    margin: 0 25px 0 0;
    padding: 10px 0 10px;
    font-size: 120%;
    font-weight: normal;
    height: 1%;
    cursor: pointer;
    color: #666;
}
.home .nav-global-wrapper .toc a {
    color: #000;
}
.nav-global-wrapper .toc a.on,
.nav-global-wrapper .toc a:hover,
.nav-global-wrapper .toc a:active,
.nav-global-wrapper .toc a.a11y-focus,
.nav-global-wrapper .toc a:focus {
    color: #2d4275;
    text-decoration: none;
}
.nav-global-wrapper .toc a.active {
    color: #2d4275;
}
.nav-global-wrapper .section {
    margin: 0;
    position: relative;
}
.js .nav-global-wrapper .section-wrapper {
    display: none;
	zoom: 1;
    z-index: 1001;
}
.no-js .nav-global-wrapper .section {
    border-bottom: 5px solid #fff;
}
.nav-global-wrapper .section-group.megamenu {
    zoom: 1;
    width: 100%;
    background: url(../img/bgs/bg-meganav.png);
	background: rgba(245, 245, 245, 0.94);
	position: absolute;
	width: 100%;
	z-index: 1000;
}
.megamenu-wrapper {
    width: 980px;
    margin: 0 auto;
    position: relative;
}
.no-js .megamenu-wrapper  {
    display: none;
}
.nav-global-wrapper .section h2 {
    margin: 10px 5px 5px 5px;
    font-size: 320%;
    padding: 0;
}
.nav-global-wrapper .section img {
    display: block;
    border: none;
    margin: 0;
    padding: 0;
}
.nav-global-wrapper .section p {
    margin: 0 0 1em 0;
    line-height: 1.3em;
}
.teaser-group.mod .box.teaser {
    line-height: 1.3em;
}
.nav-global-wrapper .section p.more {
}
.nav-global-wrapper .section p.more a {
    color: #fff;
    display: block;
    padding: 5px 10px;
    font-weight: bold;
    background: #3cf;
}
.nav-global-wrapper .section p.more a:hover,
.nav-global-wrapper .section p.more a:active,
.nav-global-wrapper .section p.more a:focus {
    color: #000;
}
.main-nav-section .border-top {
    border-top: 1px solid #4558ab;
}
.main-nav-section .border-bottom {
    border-bottom: 1px solid #4558ab;
}
.main-nav-section .min220 .content h2 {
    background: none;
    padding-left: 0;
}






/* teaser switcher basic */
.switch {
    background-color: #838cc1;
}
.switch .next,
.switch .prev {
    font-size: 150%;
}
.switch .next a,
.switch .prev a {
    display: none;
    color: #999;
    cursor: default;
}
.js .switch .next a,
.js .switch .prev a {
    display: block;
    padding: 20px;
}
.switch .next a.show,
.switch .prev a.show {
    color: #d76414;
    cursor: pointer;
}
.switch .next {
    float: right;
}
.switch .prev {
    float: left;
}
.switch .prev a,
.switch .next a {
    display: block;
    overflow: hidden;
    width: 21px;
    height: 40px;
    background-position: 0 -1190px;
    text-indent: -9999em;
}
.main-nav-section .switch .prev a {
    background-position: -2px -990px;
}
.main-nav-section .switch .next a.show:hover {
    background-position: -2px -290px;
}
.main-nav-section .switch .prev a.show:hover {
    background-position: -2px -90px;
}
div.teaser-wrapper.switch  {
    width: 400px;
}
div.header .switch  {
    overflow: hidden;
    width: 220px;
}
.switch .rack {
    clear: both;
}
.js .switch .rack {
    overflow: hidden; /* verhindern von FOUC */
}
.rack-teaser {
    overflow: hidden;
    float: left;
}

.no-js .rack-teaser {
    margin-bottom: 40px;
}
#content .rack-teaser {
    overflow: visible;
}
.js .rack.grid-2 {
    margin-left:  0;
    width: 240px;
}
.js .rack.grid-4 {
    margin-left:  0;
    width: 480px;
}
.js .rack.grid-6,
.js div.header .switch .grid-6.rack {
    margin-left:  0;
    width: 720px;
}
.js div.header .switch .rack {
    width: 220px;
}
.js .rack-design {
    margin-left:  0;
}
.switch .rack-teaser {
    width: 400px;
    overflow: hidden;
    margin: 20px 0;
}
.header .switch .rack-teaser {
    padding-top: 220px;
    width: 220px;
}
.header .switch .rack-teaser h2 a {
    padding: 0;
    background: none;
}
.nav-global-wrapper .switch .rack-teaser h2,
.switch .rack-teaser h2 {
    margin: 0 20px 20px 20px;
    padding: 0;
    font-size: 180%;
    font-weight: normal;
    background: none;
    border: none;
}
.nav-global-wrapper .switch .rack-teaser h3,
.switch .rack-teaser h3 {
    margin: 0 20px 20px 20px;
    padding: 0;
    font-size: 160%;
    font-weight: normal;
    color: #2d4275;
    background: none;
}
.switch .rack-teaser p {
    margin: 0 20px 10px 20px;
    color: #2d4275;
    font-size: 95%;
}
.switch .rack-teaser p em {
    font-style: normal;
}

.switch .rack-teaser img {
    position: absolute;
    border: none;
    top: 0;
    width: 220px;
    height: 220px;
}
.link-11.expanded {
    background-position: left -1595px;
}
.header .switch .rack-teaser .link-06 {
    background-position: 100% -1894px;
    border-color: #2D4275;
    color: #2D4275;
}
/* press releases */
.header .switch.pr {
    margin: 0 0 10px;
}
.header .switch.pr .rack-teaser {
    padding-top: 0;
}
.header .switch.pr .rack-teaser strong {
    color: #2D4275;
}
.main-nav-section tr {
    border-bottom: 1px solid #4558ab;
    padding: 5px 0 10px;
}
.main-nav-section tr:last-child {
    border: 0;
}
.main-nav-section td {
    border: 0;
    padding-right: 0;
}
.main-nav-section td.date {
    width: 100px;
    color: #838cc1;
}
.main-nav-section td a {
    background: transparent url("../img/icons/arrow_blue-medium_right.png") no-repeat 100% 5px;
}
.main-nav-section p,
.main-nav-section .switch.aux .rack-teaser p {
    color: #2d4275;
}
.main-nav-section td a.link-03 {
    background-position: 0 4px;
}
.show-all {
    float: right;
    background: transparent url("../img/icons/arrow_blue-medium_right.png") no-repeat 0 4px;
    padding-left: 10px;
}

/* switch aux */
div.teaser-wrapper.switch.aux {
    width: 800px;
    background: transparent;
}
.switch.aux .rack-teaser {
    width: 800px;
    margin: 0;
    padding-top: 0;
}
.switch.aux .rack-teaser h2 {
    margin: 0 0 10px;
}
.switch.aux .rack-teaser img {
    position: static;
    float: none;
    margin: 0 0 10px;
    width: 220px;
    height: auto;
}
.switch.aux .rack-teaser p {
    margin: 0;
    color: #fff;
    font-size: 100%;
}
.switch.aux .prev a {
    background-position: 0 -890px;
}
.switch.aux .next a {
    background-position: -2px -1090px;
}

/*************************
*
*		GALLERY
*
*************************/
div.gallery .gallery-stage {
    position: relative;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    width: 100%;
    display: none;
}
.js div.gallery .gallery-stage {
    display: block;
    min-height: 200px;
}
.no-touch div.gallery .gallery-stage a.gs-button {
	visibility: hidden;
}
div.gallery .gallery-stage a.gs-button  {
    position: absolute;
    display: block;
    top: 40%;
    width: 60px;
    height: 60px;
    text-indent: -9999em;
    cursor: pointer;
    background: transparent url("../img/icons/arrow_sprites_set.png") no-repeat 0 -200px;
    z-index: 9;
}
div.gallery .gallery-stage a.prev  {
    left: 0;
}
div.gallery .gallery-stage a.next  {
    right: 0;
    background-position: 0 -400px;
}
.no-touch div.gallery .gallery-stage:hover a.prev  {
	visibility: visible;
}
.no-touch div.gallery .gallery-stage:hover a.next  {
	visibility: visible;
}

div.gallery .gallery-stage a.gs-button.ui-disabled {
    color: #ddd;
    cursor: default;
    display: none;
}
div.gallery .gallery-stage-box {
    width: 100%;
    overflow: hidden;
}
div.gallery .loading .multimedia-box {
    background: url("../img/icons/lb-loading.gif") no-repeat center;
}
div.gallery .gallery-stage-box .multimedia-box {
    overflow: hidden;
    float: left;
    position: relative;
    margin-right: 20px;
    zoom: 1;
}
div.gallery .gallery-stage-box .multimedia-box,
div.gallery .paging-wrapper {
    width: 460px;
    height: 300px;
}
div.gallery .gallery-stage-box .multimedia-box {
    margin-bottom: 20px;
}
div.gallery .paging-wrapper {
    position: absolute;
    top: 0;
    left: 0;
}
div.gallery .gallery-stage-box .multimedia-box img {
    position: absolute;
    cursor: pointer;
}
div.gallery .sb-extra,
div.gallery .sb-extra li {
    margin:  0;
    padding:  0;
    list-style: none;
}
div.gallery .sb-extra a {
    display: inline-block;
    padding-left: 10px;
    background: transparent url("../img/icons/arrow_sprites_set.png") no-repeat scroll 0 -1396px;
}
div.gallery .toolbar {
    position: relative;
}
div.gallery .toolbar-pager {
    position: absolute;
    top: -35px;
    right: 0;
}
div.gallery .multimedia-description h2 {
    font-size: 110%;
    font-weight: bold;
    color: #000;
    margin-bottom: 5px;
}
.showbox-toolbar {
    font-weight: bold;
    color: #666;
}
/*************************
*
*		LIGHTBOX
*
*************************/
.mask {
    background-color: #000;
    width: 100%;
    z-index: 1000;
}
.loading-mask {
    background: #000 url("../img/icons/lb-loading-dark.gif") no-repeat fixed center;
}
.showbox {
    position: absolute;
    z-index: 1001;
    top: 0;
    left: 0;
    width: 940px;
    min-height: 180px;
    margin: 30px 0 0;
    padding: 0;
    background-color: #f0f0f0;
}
.showbox.loading,
.loading .multimedia-box {
    background: #f0f0f0 url("../img/icons/lb-loading.gif") no-repeat center;
}
.showbox-head {
    background-color: #f0f0f0;
    overflow: hidden;
    padding: 20px 20px 20px 20px;
    font-size: 120%;
    text-align: left;
}
.showbox .showbox-head h1 {
    border: none;
    color: #2d4275;
    font-size: 140%;
    font-weight: normal;
}
.showbox .showbox-head h2 {
    margin: 0;
    border: none;
    color: #666;
    font-size: 140%;
    font-weight: normal;
}
.showbox-head a {
    color: #fff;
    cursor: pointer;
}
.showbox-head .prev {
    margin-right: 10px;
    padding-left: 17px;
}
.showbox-head .next {
    padding-right: 17px;
}
.showbox .close-button {
    position: absolute;
    display: block;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    cursor: pointer;
    text-indent: -9999em;
    background: transparent url("../img/icons/arrow_sprites_set.png") 0 -2700px no-repeat;
}
.showbox .close-button:hover {
    background: transparent url("../img/icons/iconsprite.png") 0 0 no-repeat;
}
.showbox a.a11y-focus {
    text-decoration: underline;
}
.showbox-toolbar {
    position: absolute;
    bottom: -30px;
    right: 20px;
    float: left;
    text-align: center;
    padding-left: 5px;
}
.multimedia-box img {
    float: left;
}
.showbox-toolbar a.ui-disabled {
    cursor: default;
    text-decoration: none;
    color: #333;
}
.showbox .content-box {
    position: relative;
    zoom: 1;
    overflow: hidden;
    margin: 0 auto;
    background-color: #f0f0f0;
}
.showbox .multimedia-box-wrapper {
    position: relative;
    zoom: 1;
}
.showbox .overlay-control {
    position: absolute;
    height: 100%;
    display: block;
    top: 0; /* Abstand nach oben, wenn multimedia-box paddings, margin oder border kreiert */
    width: 40%;
    cursor: pointer;
}
.showbox .content-box .next {
    right: 0;
}
.showbox .content-box .prev {
    left: 0;
}
.showbox .overlay-control span {
    position: absolute;
    top: 50%;
    left: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    text-indent: -9999em;
    background: transparent url("../img/icons/arrow_sprites_set.png") no-repeat 0 -100px;
}
.showbox .content-box .next span {
    background-position: 0 -300px;
    right: 0;
    left: auto;
}
.showbox .overlay-control.over-control.prev span {
    background-position: 0 -200px;
}
.showbox .overlay-control.over-control.next span {
    background-position: 0 -400px;
}
.showbox .content-box .ui-disabled {
    cursor: default;
}
.showbox .content-box .ui-disabled span,
.showbox .content-box .ui-disabled.over-control span {
    display: none;
}
.showbox .multimedia-box {
    overflow: hidden;
}
.showbox .text-content {
    background: #f0f0f0;
    padding: 20px 60px 40px 20px;
}
.showbox h2,
.showbox h2.caption {
    margin: 0 0 5px 0;
    font-size: 110%;
    color: #000;
    font-weight: bold;
}
.showbox-box h2.caption,
.gallery-stage-box h2.caption {
    font-family: arial;
}
.showbox .video-content h2 {
    color: #2d4275;
    font-size: 140%;
    font-weight: normal;
    margin: 20px;
}
.showbox p,
.showbox p.longdesc {
    margin-bottom: 10px;
    font-size: 110%;
    color: #000;
}
.showbox ul {
    margin: 10px 0 10px 0;
}
.showbox li {
    list-style: none;
    color: #555;
    font-size: 110%;
}
.showbox .video {
    width: 940px;
    height: 580px;
}
.lb.mod { /* ToDo */
    position: relative;
    float: left;
}
.lb.mod span.media { /* ToDo */
    position: absolute;
    bottom: 30px;
    left: 20px;
    width: 50px;
    height: 50px;
    background: transparent url("../img/icons/arrow_sprites_set.png") 0 -2800px no-repeat;
}
.lb.mod:hover span.media { /* ToDo */
    background-position: 0 -2900px;
}
.video-content {
    padding-bottom: 40px;
}
/* scroller */
.gallery .img-group {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 45px 0 30px 0;
    width: auto;
}
.showbox .img-group {
    position: relative;
    width: 100%;
    height: 90px;
    overflow: hidden;
}
#content div.gallery img {
    margin:  0;
}
div.gallery .ig-box {
    overflow: hidden;
    position: relative;
    margin: 0 45px 0 45px;
    width: auto;
}
div.gallery .img-group dl {
    float: left;
    margin: 0 18px 0 18px;
}
div.gallery .img-group dl.js-active {
    background: #003b77;
}
#content div.gallery .img-group a,
#content div.gallery .img-group img {
    float: left;
}
#content div.gallery .img-group dl img {
    margin-bottom: 0;
}
div.gallery .img-group dl.js-active img {
    visibility: hidden;
}
div.gallery .img-group dd {
    display: none;
}
div.gallery div.pager {
    position: absolute;
    width: 100%;
    top: 40%;
}
div.gallery div.pager span {
    display: block;
    background: transparent url("../img/icons/arrow_sprites_set.png") no-repeat -19px -910px;
    width: 22px;
    height: 40px;
    text-indent: -9999em;
    cursor: pointer;
}
div.gallery .pager .scroll-next span {
    background-position: -22px -1110px;
}
div.gallery .pager .scroll-next span.show:hover {
    background-position: -22px -1210px;
}
div.gallery .pager .scroll-prev span.show:hover {
    background-position: -19px -1010px;
}
div.gallery .pager .scroll-prev {
    float: left;
}
div.gallery .pager .scroll-next {
    float: right;
}

/* gallery no-js */
.no-js div.gallery .ig-box,
.no-js div.gallery .igitem {
    margin: 0;
}
.no-js div.gallery .igitem {
    width: 200px;
    margin-right: 20px;
    float: none;
    display: inline-block;
    vertical-align: top;
}
.no-js #content div.gallery .img-group img {
    margin: 0 10px 10px 0;
}
.no-js div.gallery .img-group dd {
    display: block;
    margin-bottom: 20px;
}
.no-js div.gallery .img-group dd.caption {
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}
.no-js #content div.gallery .img-group a {
    float: none;
}
.no-js div.gallery .img-group dd.copyright,
.no-js div.gallery .img-group dd.source {
    clear: left;
    margin-bottom: 10px;
}
.no-js div.gallery div.toolbar-pager,
.no-js div.gallery div.pager {
    display: none;
}

/*************************
*
*		STAGE
*
*************************/
.stage {
    display: block;
    position: relative;
    background: #f0f0f0;
    margin: 0 0 40px;
    width: 100%;
    overflow: hidden;
}
.stage-container {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
/* dev */
.stage-pager {
    display: none;
}
.js .stage-pager {
    display: block;
}
.stage-pager .prev,
.stage-pager .next {
    display: none;
    position: absolute;
    top: 170px;
    left: 0;
    margin:  0;
    width: 60px;
    height: 60px;
    z-index: 11;
}
.stage-pager .next {
    left: auto;
    right: 0;
}
.stage-pager a span {
    position: absolute;
    left: -9999em;
}
.stage-pager .prev a,
.stage-pager .next a {
    display: block;
    overflow: hidden;
    width: 60px;
    height: 60px;
    background-position: 0 -100px;
}
.stage-pager .prev a:hover {
    background-position: 0 -200px;
}
.stage-pager .next a {
    background-position: 0 -300px;
}
.stage-pager .next a:hover {
    background-position: 0 -400px;
}
.stage-rack {
    height: 400px;
}
.no-js .stage-rack-design {
    overflow: hidden;
    width: 1282px;
    height: 400px;
}
.js .stage-rack-design {
    position: absolute;
    overflow: hidden;
    width: 1282px;
    height: 100%;
}
.js .redDot-editMode .stage-rack-design {
    max-width: 100%;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
}
.js .redDot-editMode .stage-teaser {
    max-width: 100%;
}
.stage-teaser {
    position: relative;
    float: left;
    width: 1280px;
    height: 100%;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    overflow: hidden;
}
.large .stage-teaser {
    height: 570px;
}
.no-js .stage-rack-design,
.no-js .stage-teaser {
    max-width: 100%;
}
.greater-than-1280 .stage-container {
    width: 1282px;
}
.stage-teaser .key-visual {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 570px;
    z-index: 1;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.teaser-head {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -470px;
    width: 940px;
    z-index: 10;
}
.large .teaser-head {
    bottom: 218px;
}
.teaser-head h1,
.teaser-head h2 {
    margin: 0;
    padding: 7px 0 0;
    font-size: 2.75em;
    line-height: 1.45454em;
    color: #fff;
    letter-spacing: -0.01em;
}
.teaser-head .head-box {
    position: relative;
}
.teaser-body .more {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 150px;
    color: #fff;
    text-align: left;
    font-size: 140%;
    line-height: 1.1em;
    padding: 5px 40px 5px 10px;
    background-color: #2E4179;
    background-position: 90% -3293px;
}
.js .teaser-body .more {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 250ms ease-in-out;
    -moz-transition: opacity 250ms ease-in-out;
    -o-transition: opacity 250ms ease-in-out;
    transition: opacity 250ms ease-in-out;
}
.js .extended .teaser-body .more {
    opacity: 1;
    visibility: visible;
}
.stage-teaser.mod .teaser-head {
    width: 900px;
    padding: 10px 20px;
    background-image: url('../img/bgs/white_75.png');
    background: rgba(255,255,255, .75);
}
.stage-teaser.mod .teaser-head h1,
.stage-teaser.mod .teaser-head h2 {
    padding: 0;
    border-top: 0 none;
    color: #2E4179;
}
.stage-teaser.mod .teaser-head .head-box {
    position: static;;
}
.teaser-head h2 span,
.teaser-head h1 span  {
    display: block;
}
.teaser-body {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin: 0 0 0 -470px;
    padding: 10px;
    width: 920px;
    min-height:130px;
    height: 130px !important;
    height: 130px;
    z-index: 10;
    background-image: url('../img/bgs/white_75.png');
    background: rgba(255,255,255, .9);
}
.stage-grids {
    overflow: hidden;
    margin: 0 0 0 -20px;
    width: auto;
}
[class^="stage-grid-"] {
    float: left;
    margin: 0 0 0 20px;
}
.csstransitions .teaser-body [class^="stage-grid-"] {
    opacity: 0;
    visibility: hidden;
}
.csstransitions .teaser-body.visible [class^="stage-grid-"] {
    opacity: 1;
    visibility: visible;
}
.csstransitions .teaser-body.visible .stage-grids [class^="stage-grid-"]:nth-child(n) {
    -webkit-transition: opacity 400ms;
    -moz-transition: opacity 400ms;
    -o-transition: opacity 400ms;
    transition: opacity 400ms;
}
.csstransitions .teaser-body.visible .stage-grids [class^="stage-grid-"]:nth-child(n+1) {
    -webkit-transition: opacity 400ms 400ms;
    -moz-transition: opacity 400ms 400ms;
    -o-transition: opacity 400ms 400ms;
    transition: opacity 400ms 400ms;
}
.csstransitions .teaser-body.visible .stage-grids [class^="stage-grid-"]:nth-child(n+2) {
    -webkit-transition: opacity 400ms 800ms;
    -moz-transition: opacity 400ms 800ms;
    -o-transition: opacity 400ms 800ms;
    transition: opacity 400ms 800ms;
}
.csstransitions .teaser-body.visible .stage-grids [class^="stage-grid-"]:nth-child(n+3) {
    -webkit-transition: opacity 400ms 1200ms;
    -moz-transition: opacity 400ms 1200ms;
    -o-transition: opacity 400ms 1200ms;
    transition: opacity 400ms 1200ms;
}
.stage-grid-1 {
    width: 290px;
}
.stage-grid-2 {
    width: 600px;
}
.stage-grid-3 {
    width: 890px;
}
.stage .media-teaser {
    position: relative;
    overflow: hidden;
}
.stage .media-teaser a.more {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 3px 15px 3px 5px;
    font-size: 1em;
    z-index: 10;
    color: #fff;
    background-position: 96% -2394px;
    background-color: #2D4275;
    visibility: hidden;
}
.stage .media-teaser:hover a.more {
    visibility: visible;
}
.csstransitions .media-teaser a.more {
    bottom: -100%;
    opacity: 0;
    -webkit-transition: all 400ms 1ms;
    -moz-transition: all 400ms 1ms;
    -o-transition: all 400ms 1ms;
    transition: all 400ms 1ms;
}
.csstransitions .media-teaser:hover a.more {
    bottom: 0;
    opacity: 1;
}

.stage .media-link {
    display: block;
    position: relative;
    overflow: hidden;
}
.stage .media-teaser img {
    float: left;
}
.stage .media-link span.media {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 50px;
    background: transparent url("../img/icons/arrow_sprites_set.png") 0 -2800px no-repeat;
}
.stage .media-link:hover span.media {
    background-position: 0 -2900px;
}
.stage .quote-teaser,
.stage .text-teaser {
    padding: 10px 0;
}

.stage-grids div:first-child .quote-teaser,
.stage-grids div:first-child .text-teaser {
    padding-left: 10px;
}

/*
.quote-teaser blockquote {quotes: '“' '”';}
.quote-teaser blockquote p:before {content: '“'; content: open-quote;}
.quote-teaser blockquote p:after {content: ''; content: no-close-quote;}
.quote-teaser blockquote p:last-of-type:after {content: '”'; content: close-quote;}
*/

.quote-teaser blockquote p {
    font-size: 1.66em;
    margin-bottom: 15px;
    color: #2D4179;
}
.quote-teaser blockquote cite {
    font-weight: bold;
    font-style: normal;
    color: #2D4179;
}
.text-teaser p {
    font-size: 1em; /* 12px */
    line-height: 1.333em;
    margin: 1.3em 0 0;
    color: #333;
}
.text-teaser p:first-child {
    margin-top: 0;
}
.headline-teaser {
    min-height: 106px;
    height:auto !important;
    height: 106px;
    padding: 10px 0;
    border-top: 2px solid #2D4178;
    border-bottom: 2px solid #2D4178;
}
.headline-teaser h3 {
    font-size: 1.66em;
    color: #33427C;
}
.headline-teaser h3 em {
    font-style: normal;
    color: #696669;
}
.stage .overlay {
    position: absolute;
    background: #000;
    width: 100%;
    z-index: 20;
}
.extra-stage {
    position: absolute;
    left: 50%;
    top: 0;
    width: 940px;
    margin: 0 0 0 -470px;
    z-index: 25;
}
.stage-showbox {
    position: relative;
    margin-top: 20px;
    background: #000;
}

.stage-showbox .close-button {
    background: url("../img/icons/arrow_sprites_set.png") no-repeat 4px -2696px #000000;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-weight: bold;
    height: 28px;
    position: absolute;
    right: 10px;
    text-indent: -9999em;
    top: 10px;
    width: 28px;
}

.stage-showbox .video {
    width: 940px;
    height: 530px;
}
.stage.mask-visible .stage-pager,
.stage.mask-visible .teaser-head,
.stage.mask-visible	.teaser-body {
    display: none !important;
}
/* smaller stage */
.small .stage-rack {
    height: 300px;
}
.small .teaser-head {
    top: auto;
    bottom: 28px;
}
.small .stage-pager .prev,
.small .stage-pager .next {
    top: 50%;
    margin-top: -30px;
}
.small .stage-teaser .key-visual {
    height: 300px;
}
.no-js .small .stage-rack-design {
    height: 300px;
}

/* stage without img */
.stage.mod,
.stage.mod .stage-rack-design {
    background: #e0e5f6;
}
.stage.mod .stage-rack {
    height: 150px;
}
.stage.mod .stage-teaser {
    border: 0;
}
.stage.mod .teaser-head h2 {
    border: 0;
    color: #2d4275;
}


/*************************
*
*		TEASER-STRETCH
*
*************************/
.stretch {
    padding-left: 240px;
}
.stretch img {
    position: absolute;
    left: 0;
}
.stretch lb.mod {
    float: none;
    position: absolute;
}



/*************************
*
*		VCARD-BOX
*
*************************/
.vcard-box ul,
.vcard-box ol {
    list-style: none;
    margin: 0;
}
.vcard-box form {
    overflow:hidden;
}
.vcard-box ul.vcard-toc > li {
    border-top: 1px solid #999;
}
.vcard-group {
    position: relative;
}
.vcard-box input[type="submit"] {
    width: 180px;
}
.js .vcard-box input[type="submit"] {
    display:none;
}

/****PARNTER SEARCH***/
.partner-search .vcard {
    margin: 0;
}
.partner-search .vcard dl,
.partner-search .vcard .links li {
    border-bottom: 1px solid #ccc;
}
.partner-search .vcard .email,
.partner-search .vcard .links .last {
    border:none;
}
.partner-search .intern {
    float: left;
    width: 230px;
}
.partner-search .vcard .links {
    float: right;
    width: 200px;
    padding-top: 0;
    line-height: 15px;

}
.partner-search .vcard .links a {
    padding: 4px 0 3px;
    background-position: 100% -1891px;
}
#content .partner-search .item {
    margin-bottom: 0;
}
.partner-item {
    border-top: 1px solid #ccc;
    padding: 20px 0 20px;
    overflow:hidden;
    margin-left: 20px;
}
.partner-item.first {
    border:none;
}
.partner-item .grid-4 {
    margin: 0;
}

/*************************
*
*		LANGUAGE
*
*************************/
.lightbox-wrapper {
    background: #fff;
    padding: 20px 0 30px;
    overflow:hidden;
}
.lang-list,
.lang-list li {
    list-style: none none;
    margin: 0;
    font-size: 100%;
}
.lang-list td,
.lang-list th {
    border:none;
    padding: 5px 0;
}
.lang-list th {
    width: 140px;
    min-height: 0;
}
.lang-list td {
    width: 160px;
    text-align: left;
}
.lang-list .flag {
    width: 16px;
    margin-right: 10px;
    position: relative;
    top: 1px;
}
.lang-list h2 {
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
    margin: 0;
    font-weight: normal;
    color: #2D4275;
    font-size: 1.66em;
}
.lang-list a {
    padding-left: 10px;
    background-position: 0 -1396px;
}
.lang-list li li {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}
.lang-list .first {
    margin-bottom: 50px;
    border-bottom: 1px solid #ccc;
}
.lang-list .first h2 {
    margin-bottom: 7px;
}
.lang-list .first th span {
    text-indent: -9999em;
    overflow:hidden;
    position: absolute;
}
.lang-list .first .flag {
    width: 48px;
    top: 0;
}
/*************************
*
*		CONTACT LIGHTBOX
*
*************************/
.contact-list {
    width: 730px;
    overflow:hidden;
}
.contact-list li {
    width: 220px;
    display:inline-block;
    font-size: 100%;
    margin: 10px 20px 0 0;
    vertical-align: top;
}
.contact-list ul,
.contact-list li li,
.contact-list li p {
    margin: 0;
}
.contact-list p {
    color: #2d4275;
}
.contact-list .vcard dl {
    border-bottom: 1px solid #ccc;
}
.header-box {
    width: 705px;
    border-bottom: 1px solid #ccc;
}
.header-box h2 {
    font-size: 160%;
    font-weight:normal;
    color: #2d4275;
}

/*************************
*
*		SELECT-CHAIN
*
*************************/
.selectchain form {
    margin-top: 20px;
    overflow:hidden;
}
.grid-2 .selectchain input[type="submit"] {
    width: 180px;
    font-size: 100%;
    margin: 0;
    overflow:hidden;
}
.grid-2 .box select,
.grid-2 .content select {
    width: 170px;
}

/***in MEGA-MENU ***/
.nav-global-wrapper .section .main-nav-section .teaser-wrapper.switch h2,
.nav-global-wrapper .section .main-nav-section .selectchain h2,
.main-nav-section .selectchain h2 {
    margin-bottom: 15px;
    border:none;
    padding: 0;
    font-weight: bold;
}
.nav-global-wrapper .section .main-nav-section .teaser-wrapper.switch h2 a {
    font-weight: bold;
}
.nav-global-wrapper .section .main-nav-section .teaser-wrapper.switch h3 {
    margin-top: -10px;
}
.nav-global-wrapper .section .main-nav-section .teaser-wrapper.switch h3,
.nav-global-wrapper .section .main-nav-section .selectchain h3,
.main-nav-section .selectchain h3 {
    margin-bottom: 40px;
    border: none;
    padding: 0;
    font-size: 160%;
    color: #666;
    font-weight: bold;
}
.main-nav-section .selectchain .combobox {
    border-top: 1px solid #2d4275;
}
.main-nav-section .selectchain .combobox input {
    color: #2d4275;
}
.main-nav-section .selectchain input[type="submit"] {
    background-color: #2d4275;
}
.main-nav-section .selectchain input[type="submit"]:hover,
.main-nav-section .selectchain input[type="submit"]:focus,
.main-nav-section .selectchain input[type="submit"]:active{
    text-decoration: underline;
    cursor: pointer;
}
.main-nav-section .selectchain .combobox span {
    background: url(../img/icons/iconsprite.png) no-repeat 100% -196px;
}
.selectchain dl {
    margin-top: 15px;
    color: #2d4275;
}
.selectchain dt {
    font-weight: bold;
    color: #2d4275;
    padding-bottom: 2px;
}
.selectchain dd {
    color: #2d4275;
}
.header .wrapper .selectchain dd a {
    color: #fff;
    font-weight: bold;
}
.nav-global-wrapper .section .main-nav-section .teaser-wrapper.switch h3,
.main-nav-section .selectchain h3 {
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif;
}
/*************************
*
*		TEASER-SWITCHER
*
*************************/
.teaser-wrapper {
    position: relative;
}

/*************************
*
*		TAB ENTRIES HOME
*
*************************/
.tabs .section  {
    padding: 10px 0 20px;
}
.tabs.entries .section,
.product-article-2 .tabs .section {
    padding: 0;
}
.entries li {
    margin: 0 0 5px 0;
}
.entries .links {
    float: left;
    width: 120px;
    margin: 15px;
}
.entries .vcard .links {
    float: none;
    width: auto;
}
.entries h2 {
    margin: 0;
    padding: 10px 20px;
}
.entries h3 {
    margin: 0;
    padding: 0 20px 35px;
}
.entries .bg-blue {
    padding: 0;
}
.entries .links li a {
    word-wrap: break-word;
}
.entries .selectchain {
    margin: 20px;
}
.entries select {
    width: 240px;
}
.entries input[type="submit"] {
    width: 260px;
    margin-top: 30px;
}

/****COMBOBOX***/
.entries .combobox {
    border-top: 1px solid #2d4275;
}
.entries .combobox input {
    color: #2d4275;
}
.tabs.tabs-01.entries  .nav a:hover,
.tabs.tabs-01.entries  .nav a:focus,
.tabs.tabs-01.entries  .nav a:active {
    color: #fff;
}





/**CHANGES***/

.product-index .grids .box .box.product-teaser-2 {
    margin-top: 0;
    margin-bottom: 0
}