@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_4 {
    width: 220px;
    margin-right: 20px;
    float: left;
}

.col_1_2 {
    width: 460px;
    margin-right: 20px;
    float: left;
}

.col_3_4 {
    width: 700px;
    margin-right: 20px;
    float: left;
}

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

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

.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;
}

.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_5px  { height: 5px; 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; }

/******** 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;
}

.lightbox {
    padding-bottom: 24px;
    background: url('../img/elements/icons/zoom.gif') left bottom no-repeat;
}

.bubble {
    padding-bottom: 0 !important;
}

.bubble_bottom {
    position: relative;
    z-index: 40;
    height: 20px;
    background: url('../img/elements/bubble_bottom.png') 14% 0 no-repeat;
}

.go_back {
    display: block;
    font-size: 13px;
    text-decoration: none;
    padding-left: 24px;
    padding-top: 2px;
    background: url('../img/elements/arrows/go_back.jpg') left no-repeat;
    margin-bottom: 45px;
}

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

.icon_18x18 {
    display: block;
    height: 18px;
    width: 18px;
    float: left;
    margin-right: 4px;
    background-repeat: no-repeat;
    background-position: top;
}

.icon_18x18:hover { background-position: bottom; }

.icon_facebook_18x18 { background-image: url('../img/icons/icon_facebook_18x18.png'); }
.icon_twitter_18x18 { background-image: url('../img/icons/icon_twitter_18x18.png'); }
.icon_xing_18x18 { background-image: url('../img/icons/icon_xing_18x18.png'); }
.icon_skype_18x18 { background-image: url('../img/icons/icon_skype_18x18.png'); }
.icon_vcard_18x18 { background-image: url('../img/icons/icon_vcard_18x18.png'); width: 23px; margin-right: 8px; }

.icon_21x21 {
    display: block;
    height: 21px;
    width: 21px;
    float: left;
    margin-left: 5px;
    background-repeat: no-repeat;
    background-position: top;
}

.icon_21x21:hover { background-position: bottom; }

.icon_facebook_21x21 { background-image: url('../img/icons/icon_facebook_21x21.gif'); }
.icon_twitter_21x21 { background-image: url('../img/icons/icon_twitter_21x21.gif'); }
.icon_xing_21x21 { background-image: url('../img/icons/icon_xing_21x21.gif'); }
.icon_vimeo_21x21 { background-image: url('../img/icons/icon_vimeo_21x21.gif'); }
.icon_googleplus_21x21 { background-image: url('../img/icons/icon_googleplus_21x21.gif'); }

.icon_24x22 {
    display: block;
    height: 22px;
    width: 24px;
    float: left;
    margin-right: 6px;
    background-repeat: no-repeat;
}

.icon_youtube_24x22 { background-image: url('../img/icons/icon_youtube_24x22.png'); }
.icon_facebook_24x22 { background-image: url('../img/icons/icon_facebook_24x22.png'); }
.icon_twitter_24x22 { background-image: url('../img/icons/icon_twitter_24x22.png'); }
.icon_xing_24x22 { background-image: url('../img/icons/icon_xing_24x22.png'); }

.icon_27x27 {
    display: block;
    height: 27px;
    width: 27px;
    float: left;
    margin-right: 6px;
    background-repeat: no-repeat;
}

.icon_web_27x27 { background-image: url('../img/icons/icon_web_27x27.png'); }
.icon_youtube_27x27 { background-image: url('../img/icons/icon_youtube_27x27.png'); }
.icon_facebook_27x27 { background-image: url('../img/icons/icon_facebook_27x27.png'); }
.icon_twitter_27x27 { background-image: url('../img/icons/icon_twitter_27x27.png'); }
.icon_myspace_27x27 { background-image: url('../img/icons/icon_myspace_27x27.png'); }

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

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

.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 *********/

a.btn_25px {
    position: relative;
    cursor:pointer;
    height:25px;
    background: url('../img/elements/btn_25px_a.png') no-repeat right top;
    padding-right:18px;
    display:inline-block;
}

a.btn_25px ins {
    background: url('../img/elements/btn_25px_ins.png') no-repeat left top;
    height:24px;
    line-height:24px;
    display:inline-block;
    padding-left:18px;
    padding-top: 1px;
    font-size: 15px;
    text-decoration: none;
    color: #fff;
}

a.btn_25px:hover { background-position: right center; text-decoration: none; }
a.btn_25px:hover ins { background-position: left center; }

a.btn_25px:active { background-position: right bottom; text-decoration: none; }
a.btn_25px:active ins { background-position: left bottom; }

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

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

div.navi {
    text-align: center;
}

div.navi a {
    display: inline-block;
    height: 12px;
    width: 12px;
    overflow: hidden;
    background: url('../img/elements/bg_navi_a.png') 0px 0px;
    margin: 8px 3px 12px 3px;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
}
div.navi a.active, div.navi a:hover { background-position: 12px 0px; }


.prev {
    display: block;
    position: absolute;
    width: 16px;
    height: 24px;
    top: 0;
    left: -26px;
    margin: 100px 0 0 0;
    background: url('../img/elements/arrows/large_left.gif') !important;
}

.next {
    display: block;
    position: absolute;
    width: 16px;
    height: 24px;
    top: 0;
    right: -26px;
    margin: 100px 0 0 0;
    background: url('../img/elements/arrows/large_right.gif') !important;
}

.paging {
    padding: 0px;
    float: right;
    font-size: 13px;
    margin-top: -35px;
}

.paging a {
    margin-left: 8px;
    color: #000;
    text-decoration: none;
}

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

.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;
    font-size: 13px;
    text-decoration: none;
    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; }