@charset "UTF-8";

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

* {
    margin:0;
    padding:0;
}

:focus {
    outline: 0;
}

img { border: none; }

ul { list-style: none; }

/*********** PIE IE CSS3 Hack Mmmmmmmm, PIE!!!. ************/

/*
.rounded, 
.teaser, 
.gradient, 
.shadow,
.input_text,
.button,
.button_orange,
.subnav ul,
.header,
.w_layer
{ behavior: url(/css/PIE.htc); }
*/

/******** COLUMNS *********/

.col_1_2 {
    width: 472px;
    margin-right: 32px;
    float: left;
}

.col_1_4 {
    width: 220px;
    margin-right: 32px;
    float: left;
}

.col_3_4 {
    width: 724px;
    margin-right: 32px;
    float: left;
}

.col_last {
    margin-right: 0 !important;
}

/********* BORDERS / SHADOWS / ROUNDED / GRADIENTS ***********/

.border  {
    position: relative;
    border-width: 1px;
}

.fatborder  {
    position: relative;
    border: #f4f4f4 3px solid;
    padding: 15px;
}

.shadow {
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 4px #bbb;
    -moz-box-shadow: 0 1px 4px #bbb;
    -o-box-shadow: 0 1px 4px #bbb;
    box-shadow: 0 1px 4px #bbb;
}

.rounded {
    position: relative;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -opera-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px;
    padding: 15px;
}

.cms_content .rounded { padding: 20px 18px; }
.cms_content .fatborder { padding: 12px 15px; }

.gradient {
    position: relative;
    background: #fbfbfb;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fbfbfb), to(#f5f5f5));
    background: -webkit-linear-gradient(#fbfbfb, #f5f5f5);
    background: -moz-linear-gradient(#fbfbfb, #f5f5f5);
    background: -ms-linear-gradient(#fbfbfb, #f5f5f5);
    background: -o-linear-gradient(#fbfbfb, #f5f5f5);
    background: linear-gradient(#fbfbfb, #f5f5f5);
    -pie-background: linear-gradient(#fbfbfb, #f5f5f5);
    z-index: 10;
}


/********* SPACER ***********/

div.space_4px  { height: 4px; clear: both; overflow: hidden; }
div.space_8px  { height: 8px; clear: both; overflow: hidden; }
div.space_10px { height: 10px; clear: both; overflow: hidden; }
div.space_12px { height: 12px; clear: both; overflow: hidden; }
div.space_16px { height: 16px; clear: both; overflow: hidden; }
div.space_20px { height: 20px; clear: both; overflow: hidden; }
div.space_24px { height: 24px; clear: both; overflow: hidden; }
div.space_45px { height: 45px; clear: both; overflow: hidden; }
div.space_70px { height: 70px; clear: both; overflow: hidden; }

/********* ICONS ***********/

.icon_29x29 {
    display: block;
    width: 29px !important;
    height: 29px !important;
    padding: 0 !important;
    background: url('../img/elements/icons_29x29.png');
    float: left;
    margin-right: 5px;
}

.icon_29x29_twitter { background-position: -58px -29px; }
.icon_29x29_twitter:hover { background-position: -58px 0; }

.icon_29x29_facebook { background-position: -29px -29px; }
.icon_29x29_facebook:hover { background-position: -29px 0; }

.icon_29x29_google { background-position: 0px -29px; }
.icon_29x29_google:hover { background-position: 0px 0; }

.icon_29x29_zoom { background-position: -87px -29px; }
.icon_29x29_zoom:hover { background-position: -87px 0; }

.icon_29x29_close { background-position: -116px -29px; }
.icon_29x29_close:hover { background-position: -116px 0; }

.icon_29x29_mail { background-position: -145px -29px; }
.icon_29x29_mail:hover { background-position: -145px 0; }

.icon_29x29_pinterest { background-position: -174px -29px; }
.icon_29x29_pinterest:hover { background-position: -174px 0; }

.icon_29x29_tumblr { background-position: -203px -29px; }
.icon_29x29_tumblr:hover { background-position: -203px 0; }

.icon_29x29_pinterest a,
.icon_29x29_tumblr iframe
 {
	position: absolute;
	margin: 4px 0 0 -6px;
	opacity: 0;
	filter: alpha(opacity=0);
}

a.pdf_download {
    display: inline-block;
    padding-top: 8px;
    height: 30px;
    width: 250px;
    line-height: 30px;
    color: #c50a2d;
    font-family:"Folio", Arial,sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 40px;
    background: url('../img/elements/pdf.png') no-repeat;
    margin-left: 30px;
}

.at-share-btn {
	background: url('../img/elements/icon_28_bg.png') center top !important;
	padding: 4px !important;
}

.at-share-btn:hover {
	background-position: center bottom !important;
}

/******** ETC ********/

.loader {
    position: relative;
    background: transparent url('../img/elements/loader.gif') 50% 50% no-repeat;
}

.tooltip {
    display: none;
    position: absolute;
    width: 227px;
    z-index: 100;
}

.tooltip .tt_bottom {
    position: relative;
    height: 21px;
    background: url('../img/elements/tt_bottom.png') no-repeat 40px;
    z-index: 40;
}

.player_wrapper {
	position: relative;
	width: 800px;
	height: 450px;
}

/******** HELPER *********/

.clear {
    clear:both; overflow:hidden; visibility:hidden; height:0px; width:0px;
}

.f-left { float:left !important; }
.f-right { float:right !important; }

img.f-left { margin-right: 10px; }
img.f-right { margin-left: 10px; }

.no-margin { margin: 0 !important;}
.no-padding { padding: 0 !important;}

.f-size-12 { font-size: 12px; }

.no-pointer { cursor: default !important; }

.hidden { display: none !important; }

/******** Buttons *********/

.button_x {
    display: block;
    width: 27px;
    height: 27px;
    background: url('../img/content/buttons/button_x.png') bottom;
}

.button_x:hover {
    background-position: 50%;
}



/********* Scrollable **********/

div.scrollable { overflow: hidden; position: relative; z-index: 50; -webkit-transform: translateZ(0); }
div.scrollable .items { width: 40000em; position: absolute; z-index: 50; }
div.scrollable .items .slide { float: left; }

div.navi {
    text-align: center;
    margin: 16px 0 20px 0;
}

div.navi a {
    display: inline-block;
    height: 20px;
    width: 16px;
    overflow: hidden;
    background: url('../img/elements/bg_navi_a.png') left top;
    margin: 0px;
}
div.navi a.active, div.navi a:hover { background-position: right top; }

/******** ARROWS ********/

.arrow_small_left, .arrow_small_right {
    display: block;
    height: 13px;
    width: 9px;
    overflow: hidden;
    line-height: 1px;
    font-size: 1px;
    background: url('../img/elements/arrows/blue_9x13.gif');
}

.arrow_small_left { float: left; }
.arrow_small_left:hover, .arrow_small_left.disabled { background-position: 0px 13px; }

.arrow_small_right { float: right; background-position: 9px 0px; }
.arrow_small_right:hover, .arrow_small_right.disabled { background-position: 9px 13px; }


.arrow_black_right, .arrow_black_left, .arrow_red_right, .arrow_red_left  {
    display: block;
    width: 47px !important;
    height: 24px !important;
    cursor: pointer;
    background-repeat: no-repeat;
    background-image: url('../img/elements/arrows.png') !important;
}

.arrow_black_right {  background-position: right 0px; }
.arrow_black_left {  background-position: left 0px; }

.arrow_black_right:hover {  background-position: right -24px; }
.arrow_black_left:hover {  background-position: left -24px; }

.arrow_red_right {  background-position: right -72px !important; }
.arrow_red_left {  background-position: left -72px !important; }

.arrow_red_right:hover {  background-position: right -48px !important; }
.arrow_red_left:hover {  background-position: left -48px !important; }

.paging {
    padding: 0px;
}

.paging a {
    display: inline-block;
    position: relative;
    height: 12px;
    line-height: 12px;
    padding: 7px 0 7px 0;
    width: 28px;
    background: url('../img/elements/paging.gif') top no-repeat;
    text-align: center;
    font-weight: bold;
    z-index: 100;
}

.paging a:hover, .paging a.active { background-position: bottom; text-decoration: none; color: #5e5e5d; }

.paging span {
    display: block;
    width: 14px;
    height: 11px;
    margin: 0 auto;
    background: url('../img/elements/arrows/14x11.gif');
}

.page_link_first    span { background-position: bottom left; }
.page_link_prev     span { background-position: top left; }
.page_link_next     span { background-position: top right; }
.page_link_last     span { background-position: bottom right; }



/*********** Tabs *************/

.tabs_72 {
    list-style: none;
    height: 99px;
}

.tabs_72 li {
    float: left;
}

.tabs_72 li a {
    font-size: 13px;
    display: inline-block;
    width: 65px;
    padding: 10px 5px 0 2px;
    height: 75px;
    background: url('../img/elements/tabs_72.gif') no-repeat;
    text-align: center;
    line-height: 1.3;
}

.tabs_72 li.last a { width: 63px; }

.tabs_72 li a:hover, .tabs_72 li a.active {
    color: #fff;
    background-position: bottom left;
}

.tabs_196 {
    list-style: none;
    height: 99px;
}

.tabs_196 li {
    float: left;
}

.tabs_196 li a {
    display: inline-block;
    width: 196px;
    height: 70px;
    background: url('../img/elements/tabs_196.gif') no-repeat;
    text-align: center;
    padding-top: 15px;
}

.tabs_196 li.last a { width: 192px; }

.tabs_196 li a:hover, .tabs_196 li a.active {
    color: #fff;
    background-position: bottom left;
}

.tabs_119 {
    list-style: none;
    height: 80px;
    margin-left: -2px;
}

.tabs_119 li {
    float: left;
    margin-right: 2px;
}

.tabs_119 li .tab_link {
    display: table-cell;
    width: 119px;
    height: 52px;
    padding: 0 0 12px 0;
    margin: 0;
    background: url('../img/elements/tabs_119.gif') no-repeat;
    text-align: center;
    vertical-align: middle;
    color: #e94f03;
}

.tabs_119 li .tab_link:hover, .tabs_119 li .active {
    color: #fff;
    background-position: bottom left;
}

.tabs {
    margin-bottom: 24px;
}

.tabs_wrapper {
    height: 0;
    overflow: hidden;
}

/************ Accordeon *************/

.toggle_box_head { padding: 6px 15px 6px 15px; margin-bottom: 9px; height: 30px; overflow: hidden; position: relative; z-index: 10; }
.toggle_box_head h3 { padding: 0; }

.toggle_box_head .light {
    float: right;
    color: #aaa;
    margin-top: 3px;
}

.toggle_box_head .light ins { text-decoration: none; }

.toggle_box_content {
    margin-top: -24px;
    padding: 30px 16px 16px 16px;
    border-top: 0px;
    position: relative;
    z-index: 1;
    margin-bottom: 9px;
    background: url('../img/elements/toggle_box_content.gif') bottom;
}

.toggle { cursor: pointer; position: relative; }

.toggle a, .showmore {
    float: right;
    margin-top: 4px;
    padding-left: 15px;
    background: url('../img/elements/arrows/9x13_orange_right.gif') 0px 3px no-repeat;
}

.toggle.close  a{
    padding-left: 0px;
    padding-right: 25px;
    background: url('../img/elements/arrows/13x9_orange_up.gif') 100% 6px no-repeat;
}
.toggle.open a {
    padding-left: 0px;
    padding-right: 25px;
    background: url('../img/elements/arrows/13x9_orange_down.gif') 100% 6px no-repeat;
}

.toggle.open a.close { display:none; }
.toggle.close a.open { display:none; }

/************** Lists ***************/

.vorteile_list li {
    padding: 7px 0 3px 27px;
    background: url('../img/elements/list_style_vorteile.gif') left center no-repeat;
    font-weight: bold;
}

/************ Tabs ************/

.tabs_navigation