@CHARSET "UTF-8";
html { background: #1B4052; }
body { background: #1B4052; }
#headContainer {
min-width: 641px;
width: 100%;
text-align: left;
height: 115px; /*463px-padding*/
padding-top: 0px;
}
#header { padding-left: 20px; padding-right: 20px; position: relative; width: 641px; height: 115px; margin: 0 auto; background: #1B4052; }
#header h1 { z-index: 10; position: absolute; display: block; overflow: hidden;
background: url('/skin/default/img/webcampus-logo.png') no-repeat;
width: 155px; height: 35px;
top: 50px; left: 20px;
text-indent: -999px; }
#header h1 a { display: block; height: 100%; }
#bgshape {
width: 0;
height: 0;
/*
border-top: 180px solid #183847;
border-right: 180px solid transparent;
*/
position: absolute;
left: -50px;
z-index: 0;
}
#nav { }
#nav > ul { float: right; margin-top: 60px; margin-left: 100px; margin-right: 50px; }
#nav > ul > li { position: relative; font-family: 'Archivo Narrow', 'arial', 'helvetica', 'tahoma', 'sans-serif'; margin-left: 30px; list-style: none; float: left; font-size: 20px; font-family: 'Archivo Narrow', 'arial', 'helvetica', 'tahoma', 'sans-serif'; line-height: 1; }
#nav > ul > li a { font-weight: 400; color: #FFFFFF;
-webkit-transition: color 0.3s linear;
-moz-transition: color 0.3s linear;
-o-transition: color 0.3s linear;
transition: color 0.3s linear;
}
#nav > ul > li a:hover { color: #57D0EA; text-decoration: none; }
#nav > ul > li > ul { position: absolute; z-index: 99; top: 20px; left: 0px; display: none; }
#nav > ul > li:hover > ul { display: block; }
#container {
padding-bottom: 20px;
min-width: 641px;
position: relative;
width: 100%;
text-align: left;
min-height: 300px;
margin-top: 0px;
}
#content { padding-left: 20px; padding-right: 20px; padding-bottom: 10px; background: #1B4052; margin: 0 auto; width: 641px; min-height: 500px; padding-top: 0px; margin-top: -5px; z-index: 1; position: relative; /*overflow: hidden;*/ }
#container ul { padding-bottom: 10px; }
#container li > ul { padding-bottom: 0px; }
#container ul > li { list-style: none; background: url('/skin/default/img/layout/bullet_dark.png') no-repeat left 6px; padding-left: 18px; }
#footer {
margin-top: 30px;
min-width: 641px;
width: 100%;
text-align: left;
color: #B9C1C5;
background: #14303D;
padding: 50px 0 80px 0;
min-height: 50px;
}
#footercontainer { width: 641px; margin: 0 auto; overflow: hidden; }
#footercontent { border-top: 1px solid #1B4052; margin-top: 20px; padding-top: 32px; }
#footercontent img { display: block; }
#footercontent .columns { margin-top: 22px; }
#footercontent .columns { overflow: auto; }
#footercontent .col_1_3:first-child { float: left; width: 310px; }
#footercontent .col_1_3:last-child { float: left; margin-left: 20px; }
#footernav { overflow: auto; }
#footernav li { list-style: none; float: right; margin-left: 20px; margin-right: 0px; }
#footernav li a { font-weight: normal; }
.overflow { overflow: auto; }
#panel_sidebar { width: 310px; float: left; }
#panel_content { margin-left: 331px; }
#panel_sidebarright { margin-left: 662px; }
#panel_contentleft { width: 641px; float: left; }
.buttonbar { text-align: right; }
/** SLIDER **/
.slider { display: block; margin-bottom: 20px; }
.sliderContainer { height: auto; width: 641px; position: relative; overflow: hidden; }
.sliderimages img { width: 641px; height: auto; }
.sliderContainer .corner { position: absolute; z-index: 10000; width: 20px; height: 20px; top: 2px; left: 2px; background: url('/skin/default/img/layout/corner_1.png') no-repeat; }
/*
.sliderContainer p { position: absolute; top: 42px; left: 60px; z-index: 10000; font-size: 40px; line-height: 50px; color: #00397A; font-weight: 300; text-transform: uppercase; min-width: 50px; }
*/
.sliderContainer .slidernav { position: absolute; z-index: 999999; width: 100px; height: 12px; bottom: 18px; left: 33px;}
.sliderContainer .slidernav span { cursor: pointer; display: block; float: left; height: 12px; width: 12px; margin-right: -2px; text-indent: -999px; overflow: hidden; /*background: url('/skin/default/img/layout/slider_inactive.png') no-repeat;*/ }
.sliderContainer .slidernav span.cycle-pager-active { /*background: url('/skin/default/img/layout/slider_active.png') no-repeat;*/ }
.sliderContainer .overlay { position: absolute; z-index: 10000; width: auto; bottom: 0px; left: 0px; right: 0px; padding: 20px 40px 10px 40px;
background: rgba(20,48,61,0.85);
-moz-box-shadow: 0px -3px 3px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px -3px 3px 0px rgba(0,0,0,0.3);
box-shadow: 0px -3px 3px 0px rgba(0,0,0,0.3);
}
.wc_slider_course .sliderContainer .overlay { position: absolute; }
.wc_slider_course .sliderContainer .sliderimages { display: block; }
/** HTML MODULE **/
.htmlmodule { position: relative; margin-bottom: 20px; color: #333333; padding: 18px 23px 19px 23px; border: 1px solid #FFFFFF; background: #FFFFFF /*url('/skin/default/img/layout/corner_1.png') no-repeat 2px 2px*/; }
.htmlmodule.htmlmodule-teaser { color: #FFFFFF; border: 1px solid #1799B5; background: #1799B5 url('/skin/default/img/layout/corner_2.png') no-repeat 2px 2px; }
.htmlmodule.htmlmodule-teaser2 { color: #FFFFFF; border: 1px solid #14303D; background: #14303D url('/skin/default/img/layout/corner_1.png') no-repeat 2px 2px; }
.htmlmodule.htmlmodule-blue { color: #FFFFFF; background: #1799B5; }
.htmlmodule a { color: #1B4052; }
.htmlmodule a:hover { color: #1799B5; }
.htmlmodule.htmlmodule-teaser a, .htmlmodule.htmlmodule-blue a { color: #FFFFFF; }
.htmlmodule.htmlmodule-teaser a:hover, .htmlmodule.htmlmodule-blue a:hover { color: #1B4052; }
.htmlmodule.htmlmodule-teaser2 a { color: #FFFFFF; }
.htmlmodule.htmlmodule-teaser2 a:hover { color: #57D0EA; }
.htmlmodule.htmlmodule-teaser2 ul > li { background: url('/skin/default/img/layout/bullet.png') no-repeat left 6px !important; }
/** TEASER PANEL **/
.panel_teaser { width: 663px; /*972*/ }
.panel_teaser .item_teaser { overflow: hidden; position: relative; float: left; width: 266px; padding: 19px 20px 0px 24px; height: 183px; /*172px*/ background: #1799B5; margin-right: 21px; margin-bottom: 20px; }
.panel_teaser .item_teaser { color: #FFFFFF; background: #1799B5 url('/skin/default/img/layout/corner_2.png') no-repeat 2px 2px; }
.panel_teaser .item_teaser.optimize { width: 597px; height: 145px; }
.panel_teaser a { color: #FFFFFF; }
.panel_teaser a:hover { color: #1B4052; }
.panel_teaser .item_teaser { /*padding-bottom: 10px;*/ }
/** QUICKLOGIN **/
#loginbox { padding: 19px 20px 0px 24px; width: 266px; height: 183px; color: #FFFFFF; /*172px*/ background: #1799B5 url('/skin/default/img/layout/corner_2.png') no-repeat 2px 2px; margin-bottom: 20px; }
#form_quicklogin { padding: 0; }
#form_quicklogin > dl { display: block; margin: 0; padding: 0; }
#form_quicklogin > dl > dt { display: block; margin: 0; padding: 0 }
#form_quicklogin > dl > dd { display: block; margin: 0; padding: 0 }
#form_quicklogin div.formwrapper { padding: 5px 5px; background: #127B92;
-moz-box-shadow: inset 0px 1px 3px #0D5868;
-webkit-box-shadow: inset 0px 1px 3px #0D5868;
box-shadow: inset 0px 1px 3px #0D5868; }
#form_quicklogin input { border: none; padding: 0; margin: 0; width: 100%; display: block; height: 22px; /*background: #127B92;*/ background: transparent; color: #FFFFFF; }
#form_quicklogin div { margin-top: 4px; }
#form_quicklogin a.pw { padding-right: 20px; }
/** BOX TOP **/
#box_top { position: absolute; z-index: 10; height: 30px; width: 600px; right: 20px; top: 0px; font-size: 11px; }
#box_top > ul { float: right; }
#box_top > ul > li { position: relative; float: left; display: block; list-style: none; line-height: 26px; background: #14303D; margin-left: 20px; padding: 0; }
#box_top > ul > li > a { display: block; background: #14303D url('/skin/default/img/layout/arrow_down.png') no-repeat right center; padding: 0px 38px 0px 20px; }
#box_top > ul > li > a:hover { color: #14303D; background: #1799B5 url('/skin/default/img/layout/arrow_down_hover.png') no-repeat right center; }
#box_top > ul > li:hover > a { color: #14303D; background: #1799B5 url('/skin/default/img/layout/arrow_down_hover.png') no-repeat right center; }
#box_top > ul > li > a.mobile_menu_active { color: #14303D; background: #1799B5 url('/skin/default/img/layout/arrow_down_hover.png') no-repeat right center; }
#box_top > ul > li > ul { display: none; position: absolute; z-index: 10; min-width: 100%;}
#box_top > ul > li > ul.mobile_menu_list_active { display: block; }
/*#box_top > ul > li:hover > ul { display: block; }*/
#box_top > ul > li > ul > li {}
#box_top > ul > li > ul > li a { background: #14303D; }
#box_top > ul > li a.de span { background: url('/img/icons/languages/de.png') no-repeat left top; padding-left: 24px; }
#box_top > ul > li a.en span { background: url('/img/icons/languages/gb.png') no-repeat left top; padding-left: 24px; }
#box_top > ul > li a.fr span { background: url('/img/icons/languages/fr.png') no-repeat left top; padding-left: 24px; }
#box_top > ul > li a.it span { background: url('/img/icons/languages/it.png') no-repeat left top; padding-left: 24px; }
#box_top > ul > li a.es span { background: url('/img/icons/languages/es.png') no-repeat left top; padding-left: 24px; }
#box_top > ul > li a.nl span { background: url('/img/icons/languages/nl.png') no-repeat left top; padding-left: 24px; }
#box_top > ul > li a.pl span { background: url('/img/icons/languages/pl.png') no-repeat left top; padding-left: 24px; }
#box_top > ul > li a.pt span { background: url('/img/icons/languages/pt.png') no-repeat left top; padding-left: 24px; }
#box_top > ul > li a.pt_BR span { background: url('/img/icons/languages/pt_BR.png') no-repeat left top; padding-left: 24px; }
#box_top > ul > li a.ru span { background: url('/img/icons/languages/ru.png') no-repeat left top; padding-left: 24px; }
#box_top > ul > li.optimize_small { display: none; }
#buttonBar { margin: 20px 0 0 0; padding: 20px 0 10px 0; border-top: 1px solid #CCCCCC; text-align: center; }
#chapterList li { margin-bottom: 6px; }
#chapterList > ul > li > ul { margin-top: 6px; }
#chapterList li.active > a { font-weight: bold; }
#chapterList .chapterListLine { padding-bottom: 6px; border-bottom: 1px dashed #1B4052; }
.topnavigation { position: absolute; top: 19px; right: 20px; padding: 0; margin: 0; width: 200px; text-align: right; font-size: 13px; }
/** QUIZ **/
#simplemodal-overlay { background-color: #000000; }
#simplemodal-container { width: 680px; min-height: 100%;}
#modalContainer { color: #333333; text-align: left; border: 1px solid #FFFFFF; margin-top: 8%; background-color: #FFFFFF; }
#modalContainer > div.header { height: 35px; background: url('/skin/default/img/layout/modal_header_bg.png') repeat-x; }
#modalContainer > div.header > h4 { color: #333333; font-weight: bold; font-size: 13px; text-decoration: none; line-height: 28px; padding: 10px 20px; }
#modalContainer > div.content { padding: 10px 20px; }
#modalContainer div.buttonbar { margin-top: 20px; margin-bottom: 10px; border-top: 1px solid #C1C3D6; padding-top: 10px; }
#form_question > div.values { line-height: 2px;}
#form_question > div.values > label { position: relative; display: block; padding: 0 0 0 25px ; line-height: 20px; font-weight: normal; margin: 0; }
#form_question > div.values > label > input { position: absolute; left: 0px; top: 0px; overflow: hidden;}
#form_question > div.values > div.answerBlock { position: relative; padding: 0 0 0 25px; margin-bottom: 3px; }
#form_question > div.values > div.answerBlock > input { position: absolute; left: 0px; top: 0px; overflow: hidden;}
#form_question > div.values > div.answerBlock p { line-height: 24px; margin: 0; padding: 0;}
#form_question > div.values > div.answerBlock p img { vertical-align: text-top; display: inline; }
div.questionquiz { margin-bottom: 10px; }
div.questionquiz p { line-height: 24px; margin-bottom: 0px; padding: 0px; }
div.questionquiz p img { vertical-align: text-top; display: inline; }
#quizresults { height: 350px; border-top: 1px solid #C1C3D6; border-bottom: 1px solid #C1C3D6; overflow: scroll; overflow-x: hidden; }
#quizresults span.correct { text-indent: -999px; overflow: hidden; background: url('/img/icons/tick.png') no-repeat 0px 0px; padding-left: 20px; }
#quizresults span.incorrect { background: url('/img/icons/cross.png') no-repeat 0px 0px; padding-left: 20px; }
#quizresults ul p { margin: 0; padding: 0;}
#quizresults ul p img { vertical-align: text-top; display: inline; }
#quizresults p img { vertical-align: text-top; display: inline; }
#modalContainer ul { padding-bottom: 10px; }
#modalContainer li > ul { padding-bottom: 0px; }
#modalContainer ul > li { list-style: none; background: url('/skin/default/img/layout/bullet_dark.png') no-repeat left 6px; padding-left: 18px; }
.toptitle_optimize { display: none; }
#optimize_small_showside { position: absolute; display: block; z-index: 99; top: -60px; right: 20px; width: 32px; height: 32px; background: #14303D url('/skin/default/img/layout/showcontents.png') no-repeat center center; text-indent: -999px; overflow: hidden; }
#optimize_small_showside:hover { background: #14303D url('/skin/default/img/layout/showcontents_hover.png') no-repeat center center; }
#optimize_small_showside.hide { background: #14303D url('/skin/default/img/layout/showcourse.png') no-repeat center center; }
#optimize_small_showside.hide:hover { background: #14303D url('/skin/default/img/layout/showcourse_hover.png') no-repeat center center; }
/** FAQ **/
.faqEntry { margin-bottom: 10px;}
.faqEntry > h3 { color: #1B4052; font-family: 'arial', 'helvetica', 'tahoma', 'sans-serif'; background: url('/skin/default/img/layout/bullet.png') no-repeat left 6px; cursor: pointer; font-size: 13px; font-weight: bold; line-height: 18px; margin: 0; padding: 0 0 5px 15px; }
.faqEntry > h3.down { font-weight: normal; text-decoration: none; }
.faqEntry > h3:hover { color: #1799B5; }
.faqEntry div.faqEntryAnswer { padding-left: 15px; }
/** VIDEO JS **/
#video { z-index: 9999; width: 594px; height: 334px; }
#videocontainer { position: relative; z-index: 5; width: 594px; height: 334px; }
/* Z-INDEX (2147483647 - INT MAX) Workaround für Fullscreen-Overlays */
/*#videocontainer #videooverlay { position: absolute; z-index: 2147483647; left: 0px; bottom: 100px; background: red;}*/
#videocontainer #videooverlay { display: none; position: absolute; z-index: 2147483647; left: 50%; bottom: 60px;}
#videooverlay #videooverlay2 { position: relative; left: -50%; }
#videooverlay2 p { padding: 0; margin: 0; text-align: center; font-size: 18px; line-height: 1.2; font-weight: bold; color: #FFFFFF; text-shadow: 0 0 0.2em #000000, 0 0 0.2em #000000, 0 0 0.2em #000000; }
#videooverlay2 p a { font-weight: bold; color: #FFFFFF; text-decoration: underline; }
.panel_course_offer .item_course { overflow: hidden; position: relative; min-height: 150px; }
.panel_course_offer .item_course h2 { overflow: hidden; }
.panel_course_offer .item_course .item_course_preview { width: 460px; }
.panel_course_offer .item_course .orderButton { text-align: right; position: absolute; z-index: 10; padding: 0; bottom: 0px; right: 0px; }
.panel_course_offer .item_course .price { color: #1B4052; font-size: 16px; font-weight: bold; line-height: 26px; height: 26px; padding: 0; margin: 0; width: 150px; text-align: right; position: absolute; z-index: 10; bottom: 70px; right: 0px; }
.panel_course_offer .item_course .priceInfo { color: #666666; font-size: 11px; line-height: 18px; height: 18px; padding: 0; margin: 0; width: 150px; text-align: right; position: absolute; z-index: 10; bottom: 56px; right: 0px; }
.panel_course_offer .item_course .paymentTypes { color: #666666; font-size: 15px; height: 15px; line-height: 15px; padding: 0; margin: 0; width: 150px; text-align: right; position: absolute; z-index: 10; bottom: 36px; right: 0px; }
.panel_course_offer .item_course .item_course_bar { text-align: right; padding: 0; line-height: 1; position: absolute; bottom: 1px; right: 20px; }
.panel_course_offer .item_course { }
.panel_course_offer a { color: #FFFFFF; }
.panel_course_offer a:hover { color: #1B4052; }
.panel_course_offer .item_course > span { position: absolute; display: block; text-indent: -999px; overflow: hidden; width: 16px; height: 11px; top: 6px; right: 0px; }
.panel_course_offer .item_course span.de { background: url('/img/icons/languages/de.png') no-repeat; }
.panel_course_offer .item_course span.en { background: url('/img/icons/languages/gb.png') no-repeat; }
.panel_course_offer .item_course span.fr { background: url('/img/icons/languages/fr.png') no-repeat; }
.panel_course_offer .item_course span.it { background: url('/img/icons/languages/it.png') no-repeat; }
.panel_course_offer .item_course span.es { background: url('/img/icons/languages/es.png') no-repeat; }
.panel_course_offer .item_course span.nl { background: url('/img/icons/languages/nl.png') no-repeat; }
.panel_course_offer .item_course span.pl { background: url('/img/icons/languages/pl.png') no-repeat; }
.panel_course_offer .item_course span.pt { background: url('/img/icons/languages/pt.png') no-repeat; }
.panel_course_offer .item_course span.pt_BR { background: url('/img/icons/languages/pt_BR.png') no-repeat; }
.panel_course_offer .item_course span.ru { background: url('/img/icons/languages/ru.png') no-repeat; }
.panel_course_offer .item_course > .wc_portfolio_favorite {
top: 2px; right: 22px;
}
#form_transaction dl > dt { width: 180px; }
#form_transaction dl > dd { margin-left: 200px; }
#panel_sidebar .item_course { overflow: hidden; position: relative; width: 266px; padding: 19px 20px 60px 24px; /*172px*/ background: #1799B5; margin-right: 21px; margin-bottom: 20px; }
#panel_sidebar .item_course .item_course_preview { }
#panel_sidebar .item_course .item_course_price { font-size: 16px; font-weight: bold; line-height: 26px; height: 26px; text-align: right; padding: 0; position: absolute; bottom: 35px; right: 20px; }
#panel_sidebar .item_course .item_course_priceInfo { font-size: 11px; font-weight: normal; line-height: 26px; height: 26px; text-align: right; padding: 0; position: absolute; bottom: 15px; right: 20px; }
#panel_sidebar .item_course { color: #FFFFFF; background: #1799B5 url('/skin/default/img/layout/corner_2.png') no-repeat 2px 2px; }
#panel_sidebar a { color: #FFFFFF; }
#panel_sidebar a:hover { color: #1B4052; }
#panel_sidebar span.inactive { color: #90CEDC; }
#panel_sidebar .item_course > span { position: absolute; display: block; text-indent: -999px; overflow: hidden; width: 16px; height: 11px; top: 6px; right: 6px; }
#panel_sidebar .item_course span.de { background: url('/img/icons/languages/de.png') no-repeat; }
#panel_sidebar .item_course span.en { background: url('/img/icons/languages/gb.png') no-repeat; }
#panel_sidebar .item_course span.fr { background: url('/img/icons/languages/fr.png') no-repeat; }
#panel_sidebar .item_course span.it { background: url('/img/icons/languages/it.png') no-repeat; }
#panel_sidebar .item_course span.es { background: url('/img/icons/languages/es.png') no-repeat; }
#panel_sidebar .item_course span.nl { background: url('/img/icons/languages/nl.png') no-repeat; }
#panel_sidebar .item_course span.pl { background: url('/img/icons/languages/pl.png') no-repeat; }
#panel_sidebar .item_course span.pt { background: url('/img/icons/languages/pt.png') no-repeat; }
#panel_sidebar .item_course span.pt_BR { background: url('/img/icons/languages/pt_BR.png') no-repeat; }
#panel_sidebar .item_course span.ru { background: url('/img/icons/languages/ru.png') no-repeat; }
#panel_sidebar .item_course .price { color: #1B4052; font-size: 16px; font-weight: bold; line-height: 26px; height: 26px; padding: 0; margin: 0; }
.slider_img { width: 641px; height: 239px; /*background-size: 641px 239px !important;*/ background-size: cover !important; background-position: center center !important; }
.slider_img_1 { background: url('/skin/default/img/slider/home-1.jpg') no-repeat; }
.panel_course_offer .item_course .wc_request_info { font-size: 11px; line-height: 18px; height: 18px; padding: 0; margin: 0; width: 150px; text-align: right; position: absolute; z-index: 10; bottom: 36px; right: 0px; }
.wc_preview_commentblock { width: calc(100% - 140px); position: relative; z-index: 1; }
#wc_preview_comment_button_disabled { position: absolute; z-index: 2; display: block; width: 60px; text-align: center; height: 30px; padding-top: 0; padding-bottom: 0; right: -130px; top: 0px; }
#wc_preview_comment_button { position: absolute; z-index: 2; display: none; width: 60px; text-align: center; height: 30px; padding-top: 0; padding-bottom: 0; right: -130px; top: 0px; }
.optimize_small { display: none; }
.wc_preview_comment_buttonbar { display: none; }
.wc_preview_comment_button_container { display: block; }
.panel_course_offer.panel_course_portfolio .wc_order_presenceInfo { /*color: #666666;*/ padding: 0; margin: 0; width: 100px; text-align: right; position: absolute; z-index: 10; top: 47px; right: 0px; }
.panel_course_offer.panel_course_portfolio .wc_order_presenceInfo_locationField { /*color: #666666;*/ padding: 0; margin: 0; width: 100px; text-align: right; position: absolute; z-index: 10; top: 100px; right: 0px; }
.panel_course_offer.panel_course_portfolio .wc_order_presenceInfo, .panel_course_offer.panel_course_portfolio .wc_order_presenceInfo_locationField { display: block; }
.panel_course_offer.panel_course_portfolio .wc_order_presenceInfo_box { margin-bottom: 0px; }
.wc_order_course_wrapper { padding-bottom: 30px; }
.wc_order_course_wrapper .item_course_preview { min-height: 115px; }
.panel_course_offer.panel_course_portfolio .item_course .item_course_preview { margin-bottom: 0; }
.panel_course_offer.panel_course_portfolio .wc_order_presenceInfo, .panel_course_offer.panel_course_portfolio .wc_order_presenceInfo_locationField { line-height: 1; }
.panel_course_offer.panel_course_portfolio .wc_order_presenceInfo .wc_order_presenceInfo_spots { display: block; line-height: 1; padding-top: 8px; }
.panel_course_offer.panel_course_portfolio .wc_order_presenceInfo_locationField .wc_order_presenceInfo_locationField_location { display: block; line-height: 1; padding-top: 8px; }