@charset 'utf-8';
@import url(reset.css);
@import url(nyroModal.css);

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* ----------------------------------------------------- Page layout */
body.default {background: #ABC0C6 url(bg_body_xl_full.png) center top no-repeat; text-align: center}
body.home {background: #ABC0C6 url(bg_body_xl.png) center top no-repeat; text-align: center}
/* CH Langselect */
body.langselect {background: #ABC0C6 url(bg_body_xl_ch_select.jpg) center top no-repeat; text-align: center}
div#ch_langselect {width: 148px; height: 46px; text-align: center; margin: 230px auto 0 auto}
a.ch_langselect_flag {display: block; width: 69px; height: 46px; overflow: hidden; text-indent: -4000px; float: left}
a#ch_langselect_flag_de {background: transparent url(flag_de.png) top left no-repeat}
a#ch_langselect_flag_fr {background: transparent url(flag_fr.png) top left no-repeat}
a#ch_langselect_flag_it {background: transparent url(flag_it.png) top left no-repeat}


#outerwrapper {width: 960px; height: auto; display: block; margin: 0 auto 0 auto; padding: 0 0 500px 0}
#outerwrapper_home {display: inline; width: 990px; height: auto; display: block;  background: transparent url(bg_content.png) bottom left repeat-y}

#wrapper {margin: 0 auto 0 auto; width: 960px; height: auto; min-height: 90%; text-align: left; position: relative; z-index: 0}
#wrapper_home {margin: 0 auto 0 auto; width: 960px; height: auto; min-height: 90%; text-align: left; position: relative}
#head {width: 960px; height: 95px; /* background: #fff url(bg_head.png) top right no-repeat; */cursor: pointer}

#head h1, #head em, #head_home h1, #head_home em {display: none}

/* Home */
#head_home {width: 960px; height: 108px; background: #fff url(bg_head_home.png) top left no-repeat}
#head_home_image {position: relative; width: 100%; height: 293px; background: transparent url(bg_head_home_image.jpg) top left no-repeat}
#flashstage {position: relative; display: block; width: 960px; height: 454px; margin: 0; overflow: hidden !important}
div#menu_home_wrapper {width: 960px; height: 610px; position: relative; }
ul#menu_home {width: 960px; height: 610px; margin: 0; background: transparent url(bg_home_submenu_noflags.png) top left no-repeat; }
#menu_home li.headlink_home {display: block; float: left; height: 38px}
span.headlinktop_home {overflow: hidden; text-indent:-3000px; display:block; height: 38px}
ul.headlinksub_home {margin: 6px 0 0 21px; position: absolute; z-index: 99}
ul.headlinksub_home_01 {margin: 6px 0 0 100px !important}
li.headlinksub_home {display: block; line-height: 100%; padding: 0 0 7px 0}
li.headlinksub_home a {color: #003E4E; font: normal 11px Verdana, Geneva, sans-serif !important; text-decoration: none}
/*
.videostage {width: 407px; height: 306px; position: absolute; top: -12px; left: 115px; background: transparent url(bg_videostage.png) top left repeat; display: none}
.videostagewrapper {width: 407px; height: 306px; display: none}
*/
#homefooter {position: absolute; top: 722px; left: 30px; width: 940px; height: 20px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #333333}
#homefooter a {color: #5F838B; text-decoration: none}
#homefooter #homemetalinks {position: absolute; left: 22px; top: 1px}
#homefooter #homelogin {position: absolute; left: -142px; top: -150px; width: 310px; height: auto; background: transparent url(bg_homelogin.png) top left no-repeat; padding: 10px 5px 30px 10px}
#homefooter #homelogin span {display: block; width: auto; position: relative; float: left; margin: 0 3px 0 0}
#homeflags ul {position: absolute; left: 12px; top: 2px}
#homeflags ul li {position: relative; display: block; width: 22px; height: 13px; float: left; margin: 0 0 0 5px; overflow: hidden}
#homeflags ul li a {display: block; width: 22px; height: 13px; overflow: hidden; text-indent: -2000px}
#homelogin {display: none; z-index: 999}
#homelogin .inputfieldimage {margin: 2px 0 0 0}
#homelogin input.inputfieldtext {width: 118px; border: 1px solid #ccc; padding: 2px; font: 11px normal Verdana, Arial, Helvetica, sans-serif; color: #333; display: block; margin: 2px 0 1px 0}
#homelogin input.inputfieldtext:focus {background: #F8FFD9}
#homefooter #homelogin label {font-size: 9px}
#homeloginrweb, #homeloginrworld {display: block; float: left; width: 350px; clear: both; margin: 0 0 10px 0}
a#homeloginclose {width: 20px; height: 20px; background: transparent url(bg_close_homelogin.png) 50% 50% no-repeat; display:block; position:absolute; right: 15px; top: 2px}

#loginhomelink {display:block;position:absolute; right: 7px; top: 9px}
#loginform .inputfieldimage {margin: 2px 0 0 0}
#loginform input.inputfieldtext {width: 200px; border: 1px solid #ccc; padding: 2px; font: 11px normal Verdana, Arial, Helvetica, sans-serif; color: #333; display: block; margin: 2px 0 0 0}
#loginform input.inputfieldtext:focus {background: #F8FFD9}
#loginform label {display: block; font: 10px normal Verdana, Arial, Helvetica, sans-serif; margin: 0 0 5px 0}
#homeloginrweb, #homeloginrworld {display: block; float: left; width: 350px; clear: both; margin: 0 0 10px 0}


#homesearch {display: block; position: absolute; left: 704px; top: 0; background: transparent url(bg_magnifiyingglass.png) 0 0 no-repeat; padding: 3px 0 0 22px}
#homesearch input.inputfieldtext {width: 118px; border: 1px solid #B2C6CA; padding: 2px; font: 11px normal Verdana, Arial, Helvetica, sans-serif; color: #333; display: block; margin: -5px 0 0 0}
/* Home exit */

/* Menu hacks */

.headlink_ranger {margin: 0 0 0 87px}

/* menu hacks exit */

#menuwrapper {width: 960px; height: 38px; position: absolute; top: 96px; left: 0; /*position: relative; float: left; */ font: normal 11px Verdana, Geneva, sans-serif !important; z-index: 2 !important; /*position: absolute; top: 96px; left: 0; */}
#menuwrapper a {text-decoration: none}
#menuwrapper a.headlinktop {overflow:hidden; text-indent:-3000px; display:block; height: 38px; cursor: default}
#cssdropdown {width: 960px; position: absolute; top: 0; left: 0; z-index: 9999 !important; /*background: transparent url(bg_cs_sdropdown.png) top left repeat-x*/}
#cssdropdown li.headlink {display: inline; float: left; padding: 0 0 0 0}
#cssdropdown li.headlink a {color: #004151} 
#cssdropdown li.headlink ul {display: none}
#cssdropdown li.headlink:hover ul {display: block; opacity:.93; filter: alpha(opacity=93); -moz-opacity: 0.93}

#cssdropdown ul.headlinksub {margin: 0; border-left: 1px solid #C6D4D8; border-right: 1px solid #C6D4D8}
#cssdropdown li.headlinksub {background: #fff !important; display: block; padding: 5px 5px 5px 24px; border-bottom: 1px solid #C6D4D8}
#cssdropdown li.headlinksub a {background: #fff !important; display: block; color: #004151; opacity:.80; filter: alpha(opacity=80); -moz-opacity: 0.8; }
#cssdropdown li.headlinksub a:hover {color: #004151; opacity:.99; filter: alpha(opacity=99); -moz-opacity: 0.99}


#content {margin: 60px 0 0 0; float: left; position: relative; width: 960px; height: auto; /*background: transparent url(bg_content_top_960.png) top left no-repeat*/}
#columnA {float: left; margin: 60px 0 0 0; width: 670px; height: auto; display: inline-block}

#columnA h2 {display: inline; font-weight: normal; font-size: 22px; color: #004151; letter-spacing: 4px; text-transform: uppercase; border-bottom: 2px solid #4E180F; padding: 0 0 3px 95px}
#columnA span.h2seperator {display: block; height: 20px; width: 100%}

#columnA h2.searchresults {font-size: 20px}
/* text-decoration: none; margin: 0 0 20px 0; padding: 0 0 5px 110px; display: inline; clear: both */
/* #columnA h2 a {color: #004151; text-decoration: none} */

#columnA h3 {font: normal 17px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #004151; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; margin: 0 0 10px 0; padding: 0; display: inline-block;}
#columnA h3 a {color: #004151; text-decoration: none}

#columnA a {color: #004151; text-decoration: none; border-bottom: 1px dotted #004151}
#columnA a:hover {color: #001A20; border-bottom: 1px dotted #001A20}

#columnA ul {margin: 0 0 10px 0; padding: 0 100px 0 0}
#columnA ul li {list-style-type: none; line-height: 200%; padding: 0 0 10px 20px; background: transparent url(bg_bullet_square.png) 0 4px no-repeat; margin-left: 10px; text-align: left}

#columnA img.thumb {margin: 0 10px 10px 0}
#columnA img.fll {float: left}

#columnA div.articlewrapper {font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #004151; line-height: 200%; margin: 0 0 30px 0; text-align: left}
#columnA div.articlewrapper p {margin: 0 0 10px 0}
#columnA div.articleShortText {padding: 0 0 0 110px; float: none}
#columnA div.pane_a, #columnA div.pane_b {width: 45%; float: left; margin: 15px 0 0 0}


#columnA p#flvcontainer {display: inline; float: left; text-align: left; width: 100%; background: #fff !important}
#columnA div.medialinkrow {width: 100%; border-bottom: 1px dotted #ccc; padding: 0 0 20px 0; margin: 0 0 20px 0}
#columnA div.medialinkrow img {display: inline; float: left; margin: 0 10px 0 0}




#columnB {width: 238px; /*float: right; display: inline-block; margin: 110px 14px 0 0*/ position: absolute; left: 720px; top: 110px}
#columnB, #columnB a {font: normal 10px Verdana, Geneva, sans-serif; color: #004151; line-height: 160%;}
#columnB h3 {font-size: 13px; margin: 0 0 5px 0; color: #5E2C21; text-transform: uppercase; font-weight: normal}
#columnB h3 em {color: #4E180F; text-transform: uppercase}
#columnB .articlewrapper {color: #006179; margin: 0 0 10px 0; padding: 0 40px 10px 20px; font-style: normal}
ul#sidebarmenu {position: relative}
ul#sidebarmenu li {position: relative; float:left}
ul#sidebarmenu li.brdr {padding-right: 5px; border-right: 1px solid #2B616E}
ul#sidebarmenu li.nobrdr {padding-left: 5px}
ul#sidebarmenu li a {text-decoration: none}

a#sidebarhome {display: block; background: transparent url(bg_home_icon_16x16.png) 0 50% no-repeat; padding: 0 0 0 20px}

ul#langselectorlisthome {position: absolute; bottom: 0; left: 0; z-index: 99; width: 130px; border: 1px solid #CAD7DB; display:none}
ul#langselectorlisthome li {border-bottom: 1px solid #CAD7DB; background: #F9FBFB; display: block; width: 100%; padding: 2px 0}
ul#langselectorlisthome a {text-decoration: none; padding: 2px 5px; display: block; color: #41717D}

ul#langselectorlist {display: inline-block; width: 100%; float: left; clear: both; padding: 5px 0 10px 16px; display: none}
ul#langselectorlist li {display: inline-block; width: 150px; text-align: left}
ul#langselectorlist a {text-decoration: none; padding: 1px 5px; display: block; color: #41717D}
ul#langselectorlist a:hover {color: #006179}

ul#sidebarlangselect  {display: block; width: 130px; height: 9px; position: absolute; right: 22px; top: 140px; z-index: 1; background: transparent url(bg_flags_inner.png) top left no-repeat; overflow: hidden; padding: 0}
ul#sidebarlangselect li {position: relative; display: block; width: 16px; height: 10px; float: left; margin: 0 5px 0 0; overflow: hidden}
ul#sidebarlangselect li a {display: block; width: 22px; height: 13px; overflow: hidden; text-indent: -2000px}

ul#sidebarcrumbs {display: block; width: 210px; height: 20px; position: absolute; left: 760px; top: 160px; z-index: 1}
ul#sidebarcrumbs a, ul#sidebarcrumbs li {font: normal 10px Verdana, Arial, Helvetica, sans-serif; display: inline; color: #004151; text-decoration: none}

/* SEARCHFORM */

#searchform {padding: 0 0 20px 135px;}
#searchform input#query {padding: 2px; border: 1px solid #ccc; font: normal 12px Verdana, Arial, Helvetica, sans-serif; width: 400px}
#searchform input#submitbutton {padding: 1px 2px; border: 1px solid #ccc; font: normal 12px Verdana, Arial, Helvetica, sans-serif}

#searchforminner {background: transparent url(bg_magnifiyingglass.png) 0 5px no-repeat; padding: 3px 0 5px 22px; display: inline; float: left; width: 200px; margin: 0 0 25px 20px}
#searchforminner input.inputfieldtext {width: 85px; float: left; border: 1px solid #B2C6CA; font: 11px normal Verdana, Arial, Helvetica, sans-serif; color: #333; display: block; margin: 0 0 0 0}
#searchforminner input.inputbutton {float: left; border: 1px solid #B2C6CA; background: #CCD8DC; font: 11px normal Verdana, Arial, Helvetica, sans-serif; color: #333; margin: 0 0 0 2px}
/* SEARCHFORM EXIT */

#footerwrapper {position: relative; float: left; width: 100%; height: auto}
#footer {position: relative; float: left; width: 800px; display: block; clear: both; /*border-top: 3px solid #CCD9DC;*/ margin: 50px 0 120px 28px; padding: 15px 0 0 0}
#footer h2 {color: #8CAAB1; font: normal 10px Verdana, Geneva, sans-serif; display: inline; float: left; margin-left: 83px; width: 300px}
#footer strong#partners {color: #8CAAB1; font: normal 10px Verdana, Geneva, sans-serif; display: inline; float: left; margin-left: 83px; width: 300px}
#footer ul {position: absolute; top: 32px; left: 83px; width: 550px; text-align: justify}
#footer ul li {float: left; display: block; margin: 0 26px 0 0; padding: 0; height: 40px; background-position: bottom; overflow: hidden; text-indent: -2000px}

#pagination {font: normal 10px Verdana, Arial, Helvetica, sans-serif; position: absolute; top: -20px; left: 83px; width: 550px}
#pagination a {color: #666; text-decoration: none; display: block; position: absolute; top: 0}
#pagination a:hover {color: #4E180F}
#pagination a#bwd {left: 0; width: 100px}
#pagination a#fwd {right: 0; text-align: right; width: 300px}


/* Reset the reset */
strong {font-weight: bold}
em {font-style: italic}
small {font-size: 80%}
input {font-family: Verdana, Geneva, sans-serif !important}

/* Handy things */
.nb {border: 0 !important}
object, embed {margin: 0  !important; padding: 0  !important}

/* Google Search */
#cse {margin: 0 0 20px 20px; display: block; clear: both; font-family: Verdana, Geneva, sans-serif; z-index: 99999}
.gs-snippet {font-family: Verdana, Geneva, sans-serif !important}
.gsc-input {border-color: #B9CBCE !important}
input.gsc-search-button {border-color: #ccc !important; border-style: solid; background: #D8E2E3; border-width: 1px}
.gs-title {}
.gsc-branding-text, .gsc-tabHeader, .gsc-branding-img, .gs-visibleUrl, .gs-visibleUrl-short, .gsc-trailing-more-results, .gsc-cursor-page, .gsc-cursor-current-page {display: none !important}
.gsc-resultsHeader {border: none}