* { margin: 0; padding: 0; font-family:Roboto-Regular,Verdana; } body { margin:0px 0px 0px 0px;line-height: 30px; font-size: 22px; font-family:roboto-regular,Verdana;background-color:lightGray;} #page-wrap { width: 100%; max-width:1200px; z-index:-10;} #page-margin {padding:10px 10px 10px 10px;z-index:-8;} #miniheader { height: 40px; border-radius:0px 0px 7px 7px;} #miniheader_margin { position: relative;clear:both; height:0px;} #menu_ombox {position:fixed;z-index:+100;width:100%;max-width:1200px;height:auto;margin-left:50%;left:-600px;border:none;} #page-wrap { margin: 0px auto; background-color:#ffffff; min-height:100%;} #page-wrap > div { border: 0px; padding: 0px; color: black; } #page-margin {padding:10px;} #nav { display: none; } #header { position:fixed; width:98%; height: 70px; background-color: white;border-radius:0px 0px 7px 7px;z-index:1000;} #miniheader, #minimenu { background-color: white; } #main-content { } #secondary-one { background-color: #ffffff;} #secondary-two { background-color: #ffffff;} #subline {position:fixed;bottom:0px;z-index:1000;} p,h5,.plainText,li {line-height: 36px; font-size: 24px; font-family: roboto-light,Verdana;font-weight:normal;} h1{font-family: roboto-light;font-size:30px;line-height: 40px;font-weight:100;text-transform:uppercase;margin-top:0px;margin-bottom:20px;} h2,h3{font-family: roboto-bold,Verdana;font-size:24px;line-height: 36px;text-transform:none;color:#000066;font-weight:normal;margin-bottom:10px;} h3{float:left;margin-bottom:20px;font-weight:normal;} h4{font-family: roboto-bold,Verdana; font-size:20px;line-height: 30px;font-weight:normal;margin-bottom:10px;} h5{font-weight:roboto-bold,Verdana;margin-bottom:20px;font-weight:normal;} h6{line-height: 24px; font-size: 15px; font-family: Roboto-bold,Verdana;margin-bottom:20px;font-weight:normal;} displayNone{display:none;} a {text-decoration: none; color:#006BB2;} iframe {margin-bottom:10px;} .header{font-family:roboto-italic,Verdana;font-size: 24px; line-height: 30px; color:#004d80;text-transform:uppercase;margin-top:-5px;font-weight:normal;} .box {position:relative;width:auto;background-color:white;padding:25px;padding-top:10px;margin-top:10px;margin-right:10px;border-radius:7px;border:none;text-align:left;} .logo { position:absolute; max-width:400px; min-width:100px; border:0px solid black; border-radius: 0px 0px 10px 10px; z-index:100000000; margin-top:0px; left:25px; box-shadow:0px 0px 5px 1px grey; padding:5px; background-color:white; } .slogan, .sloganScrollUp { position:absolute; margin-left:140px; padding-left:0px; margin-top:10px; margin-right:44px; border:none; font-family:'roboto-bolditalic'; font-size:20px; line-height:20px; text-transform:uppercase; color:white; background-color:#004d80; border: 5px solid #004d80; border-top:0px; border-radius:5px; } .menu_button { border: none; margin: 0; border-radius:0px 0px 7px 0px; padding:12; height: 16px; width: 24px; background: #004d80; text-transform: uppercase; z-index:1000; } .button_inline_social, .button_inline_social_small, .iframe_title, .chooser_radio > label, .chooser_checkbox > label, .menu_top_item { font-size: 18px; line-height: 30px; background-color:#004d80; font-family:roboto-regular,verdana; text-decoration:none; text-transform: uppercase; text-align:center; color: white; border-radius:5px; border:2px solid LightGray; padding:8px; margin-right:3px; margin-bottom:10px; } .menu_top_item { text-align:left; margin-bottom:1px; } .menu_top_item:hover { background-color:#b3cce6; color:black; } .iframe_title { margin-right:0px; width:auto; } .button_inline_social_small { font-size: 15px; line-height: 15px; float:right; margin-top:0px; padding:6px; width:10px; height:10px; } .button_inline_social_small a { color: white; } .button_inline, .button_inline_blink, .button_inline_active, .button_inline_disabled, .button_menu, .button_menu_active { float:left; font-size: 16px; font-family:roboto-bold; background-color:#004d80; text-align:center; text-decoration:none; text-transform: uppercase; color:white; font-weight: normal; border-radius:5px; border:none; padding-top:5px; padding-bottom:5px; padding-left:15px; padding-right:15px; margin-top:0px; margin-right:5px; margin-bottom:5px; cursor:pointer; } .button_menu, .button_menu_active { position:relative; float:left; display:inline; width:180px; } .button_inline, { background-color:#004d80; color: black; } .button_inline_active, .button_menu_active,.button_inline:hover,.button_menu:hover,.button_inline_blink, .chooser_radio > label:hover, .chooser_radio input[type="radio"]:checked+label, .chooser_checkbox > label:hover, .chooser_checkbox > label input[type="checkbox"]:checked+label { background-color:#004d80; } .chooser_radio > label, .chooser_checkbox > label { float:left; display:inline; text-align:left; margin-bottom:5px; margin-right:5px; background-color:lightGray; border:1px solid white; color:black; padding:0px 7px 0px 7px; line-height: none; } .chooser_radio > label:hover, .chooser_radio input[type="radio"]:checked+label, .chooser_checkbox input[type="checkbox"]:checked+label { background-color:#004d80; border:1px solid #004d80; color:black; } .chooser_radio input[type="radio"], .chooser_checkbox input[type="checkbox"]{ display: none; } .chooser_radio, .chooser_checkbox { clear:both; border: none; } .button_inline_active, .button_menu_active,.button_inline:hover,.button_menu:hover,.button_inline_blink,.chooser_radio > label:hover,.chooser_checkbox > label:hover { background-color:#004d80; } .button_inline_blink { background-color:#darkorange; -webkit-animation-name: blinker; -webkit-animation-duration: 3s; -webkit-animation-timing-function: ease-in; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 3s ; -moz-animation-timing-function: ease-in; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 3s; animation-timing-function: ease-in; animation-iteration-count: infinite; } .button_inline_disabled { background-color:#FFEDCC; color:gray; } .share { height:30px; width:30px; position: relative; float:right; display: inline-block; } .share .share_menu { display: none; margin: 0; list-style: none; padding: 0; } .share_menu { position: absolute; right:0px; } .share:hover .share_menu { display: block; } .share button { font-size: 15px; line-height: 15px; background-color:#004d80; font-family: 'Roboto-Regular',verdana; text-decoration:none; text-transform: uppercase; color: white; font-weight: normal; border-radius:5px; border:none; padding:3px; } .share li{ font-size: 15px; line-height: 15px; width:150px; text-align:left; } .share a, .share_this { display: block; text-decoration: none; margin:2px; background: #1c7bc9; color: white; border-radius:5px; padding:10px; } .share a:hover { background: #004d80; color: black; } #nav { display: none; } .warning, .iframe_warning { color:#000066; padding:10px; width:auto; background-color:#004d80; border-radius:6px; border:none; margin-bottom:10px; } .message {width:55%;padding:20px;border-radius:10px;text-align:center;vertical-align:top;background-color:white;} .message, .message a {font-family:'RobotoBold',Verdana;font-size:14pt;line-height: 16pt;font-weight:bold;font-style:italic;color:#000066;} .messageOmbox {position:fixed;width:100%;height:100%;left:0;top:0;padding-right:20%;padding-left:20%;padding-top:20px;background-color:rgba(0, 0, 0, 0.4);text-align: center;z-index:10000000000;} @keyframes spinner { to {transform: rotate(360deg);} } .spinner:before { content: ''; box-sizing: border-box; position: absolute; width: 50px; height: 50px; margin-top: -10px; margin-left: -10px; border-radius: 50%; border: 2px solid #ccc; border-top-color: #000; animation: spinner .6s linear infinite; } .menu_top { float:left; padding:1px; padding-left:3px; padding-right:3px; position:relative; height:30px; font-size: 18px; line-height: 24px; } .menu_top > ul { float:left; list-style-type:none; display:inline; padding-left: 3px; padding-right: 3px; padding-bottom: 5px; margin-left:-5%; border-radius:1px; position:fixed; top:90px; background-color:#ADD6E0; white-space: nowrap; } #menu_top > ul > li { border: 1px solid black; list-style-type:none; padding:1px; height:30px; float: left; } #menu_top > ul { visibility:hidden; opacity:0; transition:visibility 0s linear 1s,opacity 0.5s linear; -webkit-transition: visibility 0s linear 1s,opacity 0.5s linear; } #menu_top:hover > ul { visibility:visible; opacity:1; transition-delay:0.5s; -webkit-transition-delay:0.5s; } .menu_top_devider { float:left; color: black; } .alinea, .alinea_unfolded { border-bottom:1px solid #1c7bc9; margin-bottom:10px; padding-bottom:10px; } .newsitem { background-color: #ffd9b3; border-radius:5px; padding:10px; border:none; } .switch_width_10_100 {width:10%;} .switch_width_20_100 {width:20%;} .switch_width_30_100 {width:30%;} .switch_width_40_100 {width:40%;} .switch_width_50_100 {width:50%;} .switch_width_60_100 {width:60%;} .switch_width_70_100 {width:70%;} .switch_width_80_100 {width:80%;} .switch_width_90_100 {width:90%;} img { max-width:100%; } .main_img_width_10 {width:10%;} .main_img_width_20 {width:20%;} .main_img_width_30 {width:30%;} .main_img_width_40 {width:40%;} .main_img_width_50 {width:50%;} .main_img_width_60 {width:60%;} .main_img_width_70 {width:70%;} .main_img_width_80 {width:80%;} .main_img_width_90 {width:90%;} .main_img_width_100 {width:100%;} .img_left_10, .img_left_20, .img_left_30, .img_left_40, .img_left_50, .img_left_60, .img_left_70, .img_left_80 { float:left; border-radius:10px; border: none; margin-right:10px; margin-bottom:10px; } .img_left_10 {width:10%;} .img_left_20 {width:20%;} .img_left_30 {width:30%;} .img_left_40 {width:40%;} .img_left_50 {width:50%;} .img_left_60 {width:60%;} .img_left_70 {width:70%;} .img_left_80 {width:80%;} .img_right_10, .img_right_20, .img_right_30, .img_right_40, .img_right_50, .img_right_60, .img_right_70, .img_right_80 { float:right; border-radius:10px; border: none; margin-left:10px; margin-bottom:10px; } .img_right_10 {width:10%;} .img_right_20 {width:20%;} .img_right_30 {width:30%;} .img_right_40 {width:40%;} .img_right_50 {width:50%;} .img_right_60 {width:60%;} .img_right_70 {width:70%;} .img_right_80 {width:80%;} .clear { clear:both; } #table { line-height: 14pt; font-size: 10pt; width: 99%; border-collapse: collapse; color:black; } #table td, #table th { font-size: 1em; border: 1px solid #77BBCC; padding: 3px 7px 2px 7px; } #table th { font-size: 1.1em; text-align: left; padding-top: 5px; padding-bottom: 4px; background-color: #77BBCC; color: #ffffff; } #table tr.odd td { color: #000000; background-color: #ADD6E0; }