@charset "utf-8";
/* CSS Document
family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i */
/* Hauptelemente */
html {height:100%;}
body {height:100%;}
div {font-family: 'Open Sans', sans-serif; font-weight:300}
b, strong {font-weight:600}
h3, h1 {margin-top:0px}
.container-fluid {height:auto;}
/*Text*/
.txt300 {font-weight:300}
.txt400 {font-weight:400}
.txt600 {font-weight:600}
.ueber_zwischentitel {color:#ffffff; padding-top:75px; padding-bottom: 25px; font-size: xx-large; font-weight: 400}
.carousel_top {height:80%}
.carousel_bot {height:20%}
#img_carousel {width:100%}
.vusa_logo {margin-top:40px; height:90px}
.zw_inhalt {background-color:#ffffff; font-size:medium;}
.zw_inhalt_hinter {background-color:#ffffff}
.banner_div_1{padding-top:45px;}
.banner_div_2{background-color:#000000; opacity: 0.7; padding-top:30px; padding-bottom:30px; line-height:50px}
.aw_banner_ueber_gr {font-size:48px;}
.aw_banner_ueber_kl {font-size:xx-large;}
.col_lang_buttons {padding-right:5px}
.lang_buttons {width:110px; height:45px; background-color:#f0f0f0; float:right; padding-right:10px; margin-right:10px; padding-top:10px}
.ueber_index {font-size:large; color:#ffffff; margin-bottom: 10px; font-weight: bold; padding-top:10px;}
.cnt-index-top {height:30%}
.cnt-index-mid {height:25%}
.cnt-index-bot {height:30%}
.btn-lang-index {width:170px;}
.logo-index {margin-top:45px}
.logo-index-bot {width:190px}
#sm_off {display:none;}
/*Navigation*/
.row_navi {margin-top:50px;}
.navi {text-decoration:none; font-size:medium; font-weight:600;}
.navi:hover {text-decoration:none; color:#e30017}
.navi_spr {text-decoration:none; font-size:medium; color:#333333; font-weight:600;}
.navi_spr:hover {text-decoration:none; color:#e30017}
.navbar-default {background-color:#ffffff; border:none; padding-top:2px; margin-bottom:0px}
/*Counter*/
.countdown_up {font-size:36px; border-bottom:1px #ffffff solid; font-weight: 600}
.countdown_down {font-size:large; font-weight: 600}
/*Welcome*/
.container_fluid_darkblue {height:auto; background-color:#052a63;}
.container_darkblue {text-align:center; font-size:large; color: #ffffff}
.cont_aussteller {padding-top:170px}
/*Teaser - HP*/
.teas1 {}
.teas2 {}
.teas3 {}
.teas4 {margin-top: 35px}
.teas5 {margin-top: 35px}
.teas6 {margin-top: 35px}
.teaser_hoehe {height: 185px;}
div.teaser_ver1 {height:35px; box-shadow: 10px 20px 30px grey; background-image:url(../images/layout/transparent_black_20.png);}
div.teaser_ver2 {-webkit-box-shadow: inset 0px -89px 77px -68px rgba(0,0,0,1); -moz-box-shadow: inset 0px -89px 77px -68px rgba(0,0,0,1); box-shadow: inset 0px -89px 77px -68px rgba(0,0,0,1);}
div.teaser_ver3 {height:20px; box-shadow: 10px 20px 30px grey; font-size: small; background-image:url(../images/layout/transparent_black_20.png);}
/*News HP*/
.news-text {font-size: medium;}
.news-text-gross {font-size: medium;}
/*Event Details*/
.details_anmeldung_vorteile {padding-left:35px}
/*Event --> Kontakt*/
.komitee1 {}
.komitee2 {}
.komitee3 {margin-top: 35px}
.komitee4 {margin-top: 35px}
/*Zitat HP*/
.zitat_hp_left {width:10%; text-align:left}
.zitat_hp_middle {width:80%; text-align:center; font-size:x-large}
.zitat_hp_right {width:10%; text-align:right}
.zitat_bot {font-style:italic;font-size:medium; margin-top:15px; margin-bottom:0px}
/*Asia Know-How*/
.cont_praes {height: 80px}
/*Ueber Uns*/
.ueber_uns_foto {height:145px}
.bild_geschichte {width:350px}
/*Partner HP*/
.container_hp_partner {width:70%; margin:0 auto}
/*Event*/
.event_info_ueber {font-size:xx-large}
/*Fusszeile */
.foot {padding-top:35px; text-align:center; font-size:medium; color: #ffffff}
/*Links*/
a {color:#000000; text-decoration:underline}
a.link_button {text-decoration:none; font-size:medium; background-color:#ff0000}
a.teaser_praes {color:#ffffff; text-decoration:none; font-size:large;}
a.teaser_praes:hover {color:#ebebeb; text-decoration:none; font-size:large;}
a.teaser {color:#ffffff; text-decoration:none; font-size:x-large;}
a.teaser:hover {color:#ebebeb; text-decoration:none; font-size:x-large;}
a.footlink {color:#b2d7ff}
a.footlink:hover {color:#71a3da}
/*Programm*/
.event_box_left_wann {border-right:4px #052a63 solid}
.wann_wo {font-size:medium; font-weight:300}
.event_box_programm {border-left:4px #052a63 solid}
/*Impressum*/
.impressum_box_left {font-size:large; border-right:4px #ff0000 solid}
.impressum_box_right {font-size:large;}
/*Rahmen (Border)*/
.bt1grey {border-top: 1px #cccccc solid}
.brd1eb {border:1px #ebebeb solid}
.brd1red_bot {border-bottom:1px #ff0000 solid}
/*Hinterund*/
.bg_f0f0f0_80_prz_h {background-image:url(../images/layout/bg_f0f0f0.jpg); background-repeat:no-repeat; background-size:100% 70%; background-position:bottom}
.bg_f0f0f0 {background-image:url(../images/layout/bg_f0f0f0.jpg); background-repeat:no-repeat; background-size:100% 100%; background-position:left}
.bg_f0f0f0_98_prz_w_rgt {background-image:url(../images/layout/bg_f0f0f0.jpg); background-repeat:no-repeat; background-size:98% 100%; background-position:right}
.bg_grey_lighter {background-color:#ececec;}
.bg_grey_light {background-color:#f0f0f0;}
.bg_grey {background-color:#ebebeb;}
.bg_green_verlauf {height:auto; background-image:url(../images/layout/hinter_green_verlauf.jpg); background-repeat:no-repeat; background-size:100% 100%;}
.bg_white {background-color:#ffffff;}
/*Navigation*/
.dropdown-header {font-size:medium}
.navbar-default {background-color: transparent}
#navi_kontakt {padding-right: 0px}
/*Abstände innen*/
.pr00 {padding-right:0px}
.pr05 {padding-right:5px}
.pr10 {padding-right:10px}
.pr15 {padding-right:15px}
.pr20 {padding-right:20px}
.pr25 {padding-right:25px}
.pr35 {padding-right:35px}
.pr45 {padding-right:45px}
.pr55 {padding-right:55px}
.pr65 {padding-right:65px}
.pl00 {padding-left:0px}
.pl05 {padding-left:5px}
.pl10 {padding-left:10px}
.pl15 {padding-left:15px}
.pl20 {padding-left:20px}
.pl25 {padding-left:25px}
.pl35 {padding-left:35px}
.pl45 {padding-left:45px}
.pl55 {padding-left:55px}
.pl65 {padding-left:65px}
.pt00 {padding-top:0px}
.pt05 {padding-top:5px}
.pt10 {padding-top:10px}
.pt15 {padding-top:15px}
.pt20 {padding-top:20px}
.pt25 {padding-top:25px}
.pt35 {padding-top:35px}
.pt45 {padding-top:45px}
.pt55 {padding-top:55px}
.pt65 {padding-top:65px}
.pb00 {padding-bottom:0px}
.pb01 {padding-bottom:1px}
.pb02 {padding-bottom:2px}
.pb03 {padding-bottom:3px}
.pb04 {padding-bottom:4px}
.pb05 {padding-bottom:5px}
.pb10 {padding-bottom:10px}
.pb15 {padding-bottom:15px}
.pb20 {padding-bottom:20px}
.pb25 {padding-bottom:25px}
.pb35 {padding-bottom:35px}
.pb45 {padding-bottom:45px}
.pb55 {padding-bottom:55px}
.pb65 {padding-bottom:65px}
/*Abstände aussen*/
.mr00 {margin-right:0px}
.mr05 {margin-right:5px}
.mr10 {margin-right:10px}
.mr15 {margin-right:15px}
.mr20 {margin-right:20px}
.mr25 {margin-right:25px}
.mr35 {margin-right:35px}
.mr45 {margin-right:45px}
.mr55 {margin-right:55px}
.mr65 {margin-right:65px}
.ml00 {margin-left:0px}
.ml05 {margin-left:5px}
.ml10 {margin-left:10px}
.ml15 {margin-left:15px}
.ml20 {margin-left:20px}
.ml25 {margin-left:25px}
.ml35 {margin-left:35px}
.ml45 {margin-left:45px}
.ml55 {margin-left:55px}
.ml65 {margin-left:65px}
.mt00 {margin-top:0px}
.mt05 {margin-top:5px}
.mt10 {margin-top:10px}
.mt15 {margin-top:15px}
.mt20 {margin-top:20px}
.mt25 {margin-top:25px}
.mt35 {margin-top:35px}
.mt45 {margin-top:45px}
.mt55 {margin-top:55px}
.mt65 {margin-top:65px}
.mb00 {margin-bottom:0px}
.mb05 {margin-bottom:5px}
.mb10 {margin-bottom:10px}
.mb15 {margin-bottom:15px}
.mb20 {margin-bottom:20px}
.mb25 {margin-bottom:25px}
.mb35 {margin-bottom:35px}
.mb45 {margin-bottom:45px}
.mb55 {margin-bottom:55px}
.mb65 {margin-bottom:65px}
/* NEU */
@media (max-height: 736px) and (max-width: 414px) and (orientation: portrait) {
div {font-size:small}
.cnt-index-top {height:20%}
.cnt-index-mid {height:50%}
.cnt-index-bot {height:30%}
.logo-index {width:100px}
.btn-lang-index {font-size: xx-small; margin-bottom:5px}
.ueber_index {font-size:x-small}
.logo-index-bot {width:80px}
.foot {padding-top:10px; padding-right: 0; padding-left: 0; text-align:center; font-size:xx-small; color: #ffffff}
.foot-bot {font-size:xx-small}
.xs-pl00 {padding-left:0px}
.xs-pr00 {padding-right:0px}
#sm_off {display:block;}
.xs-off {display:none;}
.mt05xs {margin-top:5px}
.mt10xs {margin-top:10px}
.mt15xs {margin-top:15px}
.mt20xs {margin-top:20px}
.vusa_logo {width:50%}
/*Navigation*/
#navi_kontakt {padding-right: 15px}
.row_navi {margin-top:10px;}
.navbar-default {width: 100%; background-color: #ebebeb;}
.navbar {background-color:#ebebeb; text-align:right; border-bottom:none;}
.navbar .navbar-nav > li > a {}
.navbar .navbar-nav > li > a:hover {}
.navbar .navbar-nav .open .dropdown-menu {background-color:#ebebeb; text-align:right;}
.navbar .navbar-nav .open .dropdown-menu > li > a {color: #000; text-align:right;}
.navbar .navbar-nav .open .dropdown-menu > li > a:hover {color: #000;text-align:right;}
.navbar .navbar-nav .open .dropdown-menu > li > a:focus {color: #000;text-align:right;}
.navbar .navbar-nav .open .dropdown-menu > li > active {color: #000;text-align:right;}
/*Navigation*/
.banner_div_1{padding-top:10px;}
.banner_div_2{background-color:#000000; opacity: 0.7; padding-top:0px; padding-bottom:10px; line-height:16px}
.carousel_top {height:50%;}
.carousel_bot {height:50%; padding-top:10px}
#carousel_button {font-size:x-small; padding:5px}
#img_carousel {width:100%; height:150px}
.aw_banner_ueber_gr {font-size:16px; padding-top:10px; margin-bottom: 0px}
.aw_banner_ueber_kl {font-size:small; font-weight: bold}
h1 {font-size: medium}
h3 {font-size: medium}
h4 {font-size: medium}
.container_darkblue {text-align:center; font-size:small; color: #ffffff}
.ueber_zwischentitel {color:#ffffff; padding-top:30px; padding-bottom: 15px; font-size: large; font-weight: 400}
.wann_wo {font-size:small}
.programm_box {font-size:x-small}
.pl-programm {padding-left:45px}
/*Über Uns*/
.bild_geschichte {width:100%; margin-bottom: 25px}
.panel-title {font-size:small}
/*Impressum*/
.impressum_box_left {font-size:small; border-right:4px #ff0000 solid}
.impressum_box_right {font-size:small;}
/*News HP*/
.news-text {font-size: small;}
.news-text-gross {font-size: small;}
/*Teaser*/
.teaser {}
.teas1 {}
.teas2 {}
.teas3 {margin-top: 35px}
.teas4 {margin-top: 35px}
.teas5 {margin-top: 35px}
.teas6 {margin-top: 35px}
.teaser_hoehe {height: 45px;}
div.teaser_ver1 {height:25px; box-shadow: 10px 20px 30px grey; background-image:url(../images/layout/transparent_black_20.png);}
div.teaser_ver2 {-webkit-box-shadow: inset 0px -89px 77px -68px rgba(0,0,0,1); -moz-box-shadow: inset 0px -89px 77px -68px rgba(0,0,0,1); box-shadow: inset 0px -89px 77px -68px rgba(0,0,0,1);}
div.teaser_ver3 {height:20px; box-shadow: 10px 20px 30px grey; font-size: small; background-image:url(../images/layout/transparent_black_20.png);}
.cont_praes {height:60px}
a.teaser {color:#ffffff; text-decoration:none; font-size:medium;}
a.teaser:hover {color:#ebebeb; text-decoration:none; font-size:medium;}
}
@media (max-height: 414px) and (max-width: 736px) and (orientation: landscape) {
div {font-size:small}
.cnt-index-top {height:20%}
.cnt-index-mid {height:40%}
.cnt-index-bot {height:40%}
.logo-index {width:100px}
.btn-lang-index {width:100px; font-size: xx-small; margin-bottom:5px}
.ueber_index {font-size:x-small}
.logo-index-bot {width:80px}
.foot {padding-top:10px; padding-right: 0; padding-left: 0; text-align:center; font-size:xx-small; color: #ffffff}
.foot-bot {font-size:xx-small}
.mt05xs {margin-top:5px}
.mt10xs {margin-top:10px}
.mt15xs {margin-top:15px}
.mt20xs {margin-top:20px}
.xs-pl00 {padding-left:0px}
.xs-pl25 {padding-left:25px}
.xs-pr00 {padding-right:0px}
#sm_off {display:block;}
.xs-off {display:none;}
.mt05xs {margin-top:5px}
.mt10xs {margin-top:10px}
.mt15xs {margin-top:15px}
.mt20xs {margin-top:20px}
.vusa_logo {width:30%}
/*Navigation*/
#navi_kontakt {padding-right: 15px}
.row_navi {margin-top:10px;}
.navbar-default {width: 100%; background-color: #ebebeb;}
.navbar {background-color:#ebebeb; text-align:right; border-bottom:none;}
.navbar .navbar-nav > li > a {}
.navbar .navbar-nav > li > a:hover {}
.navbar .navbar-nav .open .dropdown-menu {background-color:#ebebeb; text-align:right;}
.navbar .navbar-nav .open .dropdown-menu > li > a {color: #000; text-align:right;}
.navbar .navbar-nav .open .dropdown-menu > li > a:hover {color: #000;text-align:right;}
.navbar .navbar-nav .open .dropdown-menu > li > a:focus {color: #000;text-align:right;}
.navbar .navbar-nav .open .dropdown-menu > li > active {color: #000;text-align:right;}
/*Navigation*/
#img_carousel {width:100%; height:150px}
.aw_banner_ueber_gr {font-size:22px; padding-top:20px; margin-bottom: 0px}
.aw_banner_ueber_kl {font-size:small; font-weight: bold}
h1 {font-size: medium}
h3 {font-size: medium}
h4 {font-size: medium}
.container_darkblue {text-align:center; font-size:small; color: #ffffff}
.ueber_zwischentitel {color:#ffffff; padding-top:30px; padding-bottom: 15px; font-size: large; font-weight: 400}
.wann_wo {font-size:small}
.programm_box {font-size:x-small}
.pl-programm {padding-left:45px}
/*Über Uns*/
.bild_geschichte {width:100%; margin-bottom: 25px}
.panel-title {font-size:small}
/*News HP*/
.news-text {font-size: small;}
.news-text-gross {font-size: small;}
/*Impressum*/
.impressum_box_left {font-size:small; border-right:4px #ff0000 solid}
.impressum_box_right {font-size:small;}
/*Teaser*/
.teaser {}
.teas1 {}
.teas2 {}
.teas3 {margin-top: 35px}
.teas4 {margin-top: 35px}
.teas5 {margin-top: 35px}
.teas6 {margin-top: 35px}
.teaser_hoehe {height: 85px;}
div.teaser_ver1 {height:25px; box-shadow: 10px 20px 30px grey; background-image:url(../images/layout/transparent_black_20.png);}
div.teaser_ver2 {-webkit-box-shadow: inset 0px -89px 77px -68px rgba(0,0,0,1); -moz-box-shadow: inset 0px -89px 77px -68px rgba(0,0,0,1); box-shadow: inset 0px -89px 77px -68px rgba(0,0,0,1);}
div.teaser_ver3 {height:20px; box-shadow: 10px 20px 30px grey; font-size: small; background-image:url(../images/layout/transparent_black_20.png);}
.cont_praes {height:90px}
a.teaser {color:#ffffff; text-decoration:none; font-size:medium;}
a.teaser:hover {color:#ebebeb; text-decoration:none; font-size:medium;}
}
@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
#carousel_button {font-size:small; padding:10px}
.aw_banner_ueber_gr {font-size:x-large;}
.aw_banner_ueber_kl {font-size:medium;}
}
@media (height: 768px) and (width: 1024px) and (orientation: landscape) {
.link_button {font-size:small}
.aw_banner_ueber_gr {font-size:xx-large;}
.aw_banner_ueber_kl {font-size:large;}
}
@media (height: 480px) and (width: 320px) and (orientation: portrait) {
#carousel_button {font-size:x-small; padding:5px; margin-bottom: 10px}
.aw_banner_ueber_gr {font-size:medium;}
.aw_banner_ueber_kl {font-size:small;}
.carousel_top {height:50%;}
.carousel_bot {height:50%}
.link_button {font-size:small}
}
@media (height: 320px) and (width: 480px) and (orientation: landscape) {
#carousel_button {font-size:x-small; padding:5px}
.aw_banner_ueber_gr {font-size:medium;}
.aw_banner_ueber_kl {font-size:small;}
.link_button {font-size:small}
}
@media (height: 568px) and (width: 320px) and (orientation: portrait) {
#carousel_button {font-size:x-small; padding:5px; margin-bottom: 10px}
.aw_banner_ueber_gr {font-size:medium;}
.aw_banner_ueber_kl {font-size:small;}
.carousel_top {height:50%;}
.carousel_bot {height:50%}
.link_button {font-size:small}
}
@media (height: 320px) and (width: 568px) and (orientation: landscape) {
#carousel_button {font-size:x-small; padding:5px}
.aw_banner_ueber_gr {font-size:medium;}
.aw_banner_ueber_kl {font-size:small;}
.link_button {font-size:small}
}
@media (height: 667px) and (width: 375px) and (orientation: portrait) {
#carousel_button {font-size:x-small; padding:5px; margin-bottom: 10px}
.aw_banner_ueber_gr {font-size:medium;}
.aw_banner_ueber_kl {font-size:small;}
.carousel_top {height:50%;}
.carousel_bot {height:50%}
.link_button {font-size:small}
}
@media (height: 375px) and (width: 667px) and (orientation: landscape) {
#carousel_button {font-size:x-small; padding:5px}
.aw_banner_ueber_gr {font-size:medium;}
.aw_banner_ueber_kl {font-size:small;}
.link_button {font-size:small}
}
@media (height: 736px) and (width: 414px) and (orientation: portrait) {
#carousel_button {font-size:x-small; padding:5px; margin-bottom: 10px}
.aw_banner_ueber_gr {font-size:medium;}
.aw_banner_ueber_kl {font-size:small;}
.carousel_top {height:70%;}
.carousel_bot {height:30%}
.link_button {font-size:small}
}
@media (height: 414px) and (width: 736px) and (orientation: landscape) {
#carousel_button {font-size:x-small; padding:5px}
.aw_banner_ueber_gr {font-size:medium;}
.aw_banner_ueber_kl {font-size:small;}
.link_button {font-size:small}
}