/***** Global reset ****/
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend  { vertical-align: baseline; outline: 0; padding: 0; margin: 0; border: 0; }
:focus { outline: 0; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }


/***** Global Classes *****/
.clear            { clear:both; }
.float-left       { float:left; }
.float-right      { float:right; }
  
.img-left         { float:left; margin:0.4em 1em 0.4em 0; }
.img-right        { float:right; margin:0.4em 0 0.4em 1em; }
 
.display-none     { display: none; }
.display-block    { display: block; }
.visibility-none  { visibility: hidden; }
.visibility-block { visibility: visible; }


/** Structure **/
body { font-family:Arial, Verdana, sans-serif; color: #404040; background: #b9bf7d url(../images/page-bg.gif) repeat-x top left }
.header { height:178px; position:relative }
.logo { margin-top:-15px; margin-left:0; margin-top:12px }
.roche { position:absolute; right:20px;  }
.roche img { margin:22px 0 0 33px}
.wrapper { width:960px; margin:0px auto; }
.content-wrapper { padding:20px; background:#fff; float:left; width:920px; overflow:hidden; min-height:400px  }
p, ul, ol { padding:0 0 1.2em 0; }
label { cursor:pointer; }


/**** px/em ****/
html { font-size: 100%;}
body { font-size: 0.625em;}

/* typo */
h1 { font-size:2.7em; font-weight:normal; color:#47859d; margin-bottom:0.2em}
h2 { font-size:1.6em; color:#424242; font-weight:bold; }
p { font-size:1.3em; line-height:1.4em }
a { color:#dd8137; font-size:1.3em; text-decoration:underline; }
p.preamble { font-size:1.4em; font-weight:bold }
p a, li a { font-size:1em}
blockquote { font-size:1.3em; font-style:italic}
th, td { font-size:1.3em; padding:4px 6px; }
th a, td a { font-size:1em;}
th p, td p { font-size:1em;}
thead th,thead td { text-align:left; background:#eaeaea; font-weight:bold} 
tr.even td { background:#f7f7f7} 

/**Main menu**/
.main-menu { position:absolute; bottom:20px; height:41px; padding:2px 0 0 2px; width:966px; left:-3px;   background:url(../images/main-menu-bg.gif) no-repeat top left; }
.main-menu li {float:left;font-size:1.4em;}
.main-menu li a, .main-menu li span {	font-size:1em;  font-weight:bold; text-decoration:none; display:block; padding:11px 19px; height:17px; float:left; color:#47859d }
.main-menu li span, .main-menu li.expanded a  { color:#dd8137; }
.main-menu li a:hover { color:#dd8137 }
.main-menu li.last { position:absolute; right:0; width:141px; height:33px;  padding:0 19px}
.main-menu li.last a, .main-menu li.last span { text-indent:-9999em;  background:url(../images/menutext.png) no-repeat 0px 6px; display:block; height:15px; width:141px}
.main-menu li.last a:hover , .main-menu li.last span{  background:url(../images/menutext-on.png) no-repeat 0px 6px; }
.main-menu li.last li a:hover { background:none }


/* sub menu*/
.main-menu ul.sub-menu { position:absolute; left:20px; top:93px; width:210px}
.main-menu ul.sub-menu li { font-size:1em; border-bottom:solid 2px #f1f1f1; width:210px; padding:5px 0; background:url(../images/sub-menu-arrow.gif) no-repeat 100% 8px; line-height:1em }
.main-menu ul.sub-menu li.selected, .main-menu ul.sub-menu li.expanded { background:url(../images/sub-menu-arrow-down.gif) no-repeat 100% 8px }
.main-menu ul.sub-menu li a, .main-menu ul.sub-menu li span  { background:none; color:#424242;  height:auto; padding:0 }
.main-menu ul.sub-menu li a:hover { color:#dd8137; }
.main-menu ul.sub-menu li span { color:#dd8137 }
.main-menu ul.sub-menu li.selected a, .main-menu ul.sub-menu li.expanded a { width:100%; color:#dd8137 }
.main-menu ul.sub-menu li.selected ul li a, .main-menu ul.sub-menu li.expanded ul li a { color:#424242; }

/* sub-sub menu */
.main-menu ul.sub-menu ul { margin-top:20px; width:195px; padding-left:15px }
.main-menu ul.sub-menu ul li { border:none; background:none; font-size:0.86em; clear:left; width:195px }
.main-menu ul.sub-menu li ul li { background:none}
.main-menu ul.sub-menu li ul li.selected {  width:auto; padding-right:10px; background:#f1f2e2; margin-left:-5px; padding-left:5px}
.main-menu ul.sub-menu li ul li.selected span { float:left; font-weight:bold; color:#41778b; background: url(../images/subsub-arrow.gif) no-repeat 100% 3px; padding-right:8px; width:178px }
.main-menu ul.sub-menu ul li a { color:#424242  }
.main-menu ul.sub-menu li ul li a { color:#424242 }
.main-menu ul.sub-menu li ul li a:hover { color:#41778b }

/**Breadcrumb**/
.breadcrumbs { position:absolute; bottom:0px; padding:2px 0 0 2px; color:#7c7c7c; left:15px; line-height:1em; font-size:1.2em; }
.wrapper.startpage .breadcrumbs { display:none }
.breadcrumbs a { color:#7c7c7c;}
.you-are-here { display:none }


/** Footer **/
.footer-wrapper { background:#f1f1f1; clear:both; border-top: solid 1px #cdcdcd }
.footer { width:960px; margin:0px auto; padding:20px 0 40px 0;}
.navigation { border-bottom:solid 1px #c0c0c0; float:left; padding-bottom:20px; margin-left:40px; position:relative; }
.navigation li { width:190px; float:left; padding-right:40px}
.navigation li.last-col { padding-right:0}
.navigation li a { font-size:1.6em; color:#47859d; font-weight:normal; margin-bottom:0.8em; text-decoration:none }
.navigation li a:hover { text-decoration:underline }
.navigation ul { margin-top:6px }
.navigation li li { padding:0; line-height:2em }
.navigation li li a { color:#5e5e5e; font-size:1.3em;  }
.navigation li.last {position:absolute; bottom:18px; right:-15px;  width:132px; height:26px; padding:0}
.navigation li.last a{ text-indent:-9999em;  background:url(../images/footer-menutext.png) no-repeat 0px 3px; display:block; width:132px; height:26px; }

.fotertext { float:left; font-size:1.1em; color:#787878; width:300px; margin-left:40px; margin-top:10px}
.footer-menu { float:left; margin-top:10px; width:462px}
.footer-menu li { float:left; padding-right:30px; font-size:1.2em; }
.footer-menu li a { text-decoration:none; font-size:1em}
.websafe { margin-top:10px}


/**Startpage specific**/
.startpage-top-area { background:url(../images/startpage-top-1.jpg) no-repeat top left; height:236px; width:425px; padding:90px 45px 0 450px; color:#4b4b4b }
.startpage-top-area h1 {  font-size:3.4em;  margin-bottom:0.1em;  }
.three-col h2 {  font-size:3.4em;  margin-bottom:0.1em;  font-size:1.8em; margin-bottom:0.8em;  color:#47859d;  }
.startpage-top-area p.preamble { font-size:1.8em; font-weight:bold; line-height:1.3em }
.startpage-top-area p { line-height:1.3em }

.three-col { float:left; width:932px; padding-top:30px; margin-left:-10px; padding-left:10px}
.three-col .col { width:291px; float:left; padding:0; margin-right:24px  }
.three-col .last-col { margin-right:0px;}
.three-col .col a.read-more { clear:both; float:left; margin-top:8px}

/** Article page **/
.content { width:420px; float:left; margin-left:230px; padding-top:16px }
.content ul, .content ol { padding-left:14px }
.content li { font-size:1.3em; list-style-type:disc; line-height:1.4em }
.content ol li {list-style-type:decimal}
.content table { margin-bottom:1.2em}
.content img, .content .img-wrapper  { margin-bottom:0.8em}
.sidebar { width:210px; margin-left:60px; padding-top:22px; float:left; }
.sidebar h2 { font-size:1.6em; line-height:1.2em; color:#41778b; font-weight:normal; margin-bottom:0.2em }
.sidebar img { margin-bottom:6px}
.sidebar ul { margin-left:14px}
.sidebar li {list-style-type:disc; font-size:1.2em; line-height:1.4em}
.sidebar div { padding-bottom:5px; margin-bottom:15px; border-bottom:solid 1px #cbcbcb }


/** blog page**/
.publish-data { font-size:1.3em; color:#505050; font-weight:bold;  padding-bottom:0px; }
.content .earlier-posts { border-top:solid 4px #cbcbcb; padding-top:28px;  padding-left:0 }
.earlier-posts li { font-size:1em;  list-style-type:none;  }
.earlier-posts .publish-data { font-size:1.2em; font-weight:normal}
.earlier-posts h3 { font-size:1.4em; }
.blog-navigate a { text-decoration:none }
.blog-navigate .next { float:right;}




/*overla y leave site */
.leaveSite { height:170px!important; width:460px!important; padding:0 30px}
.leaveSite #pp_full_res { text-align:left;width:440px!important; padding-right:20px;}
.leaveSite #pp_full_res { line-height:1em!important }
.ext-button { background: url('../images/leave-button-bg.png') no-repeat top left; width:118px; height:26px; display:block; text-align:center; padding-top:8px; text-decoration:none!important; font-size:1.1em; float:left; margin-left:60px; margin-top:20px; color:#f5f5f5 }

.cancel { color:#f5f5f5 }
.cancel:hover { color:#f5f5f5 }

.leaveSite .pp_description, .leaveSite .pp_expand { display:none!important }
.leaveSite h1 { margin-bottom:10px }




/*Image corners*/
.sidebar span.img-wrapper  { padding:0; margin-bottom:6px; border:none; }
.img-wrapper { position:relative; display:block  }
.img-wrapper img { margin:0}
.img-wrapper span { width:7px; height:7px;  position:absolute;  background:url('../images/corners.png'); background-repeat:no-repeat  }
.img-wrapper .tl { top:0; left:0 }
.img-wrapper .tr { top:0; right:0; background-position:-8px 0 }
.img-wrapper .bl { bottom:0; left:0; background-position:0 -6px }
.img-wrapper .br { bottom:0; right:0; background-position:-8px -6px }


.players { width:300px; height:300px; display:block; position:fixed; top:200px; display:none }

.tp { width:500px; height:290px; margin:30px 0 0 20px }

#leave-box { height:222px; text-align:center; padding:40px}

#ajax-load { display:none }

.pp_close { position:absolute; top:6px; right:6px}
.button-row { padding-left:20px}
div.light_rounded .pp_content {  background:#fafaf4 url('../images/overlay-bg.gif') no-repeat top left; border:solid 2px #cfcfcf }

.img-wrapper span.play-button { width:40px; height:40px; display:block; position:absolute; background:url('../images/play-button.png') top left no-repeat; }
.img-wrapper span.play-button-small { width:25px; height:25px; display:block; position:absolute; background:url('../images/play-button-small.png') top left no-repeat; }


.video-flv { cursor:pointer}

div.content-wrapper  .external { padding-right:15px; background:url('../images/ext-link.png') no-repeat top right}


.expand { margin-bottom:20px }

.main-menu  li.last .sub-menu { position:relative; left:-785px; top:45px; } .main-menu  li.last .sub-menu li a { text-indent:0; width:208px }