@import url('reset.css');

/*** APPLY BASE LAY OUT ***/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
abbr,acronym { border-bottom: 1px dotted #000; cursor: help; }
blockquote,ul,ol,dl { margin: 1em; }
caption { margin-bottom: .5em; text-align: center; }
dl dd { margin-left: 1em; }
em { font-style: italic; }
h1 { font-size: 138.5%; }
h1,h2,h3 { margin: 1em 0; }
h1,h2,h3,h4,h5,h6,strong { font-weight: bold; }
h2 { font-size: 123.1%; }
h3 { font-size: 108%; }
input[type=text],input[type=password],textarea { width: 16.25em; *width: 15.9em; }
ol li { list-style: decimal outside; }
ol,ul,dl { margin-left: 2em; }
p,fieldset,table,pre { margin-bottom: 1em; }
th { font-weight: bold; text-align: center; }
th,td { border: 1px solid #000; padding: .5em; }
ul li { list-style: disc outside; }

/* IE6 trans png fix - ~~~ not active ~~~
*******************************************************************************/
/* .iepngfix { behavior: url(x/js/iepngfix.htc) }*/

/* Accessibility
*******************************************************************************/
.accessibility { display : none; }

/* framework lay-out
*******************************************************************************/
html,body               { margin: 0; padding: 0; height: 100%; }
body                    { background : #ededf0 url(../img/body.bg.png) repeat-x; }
div#sitebox             { width : 944px; margin : 0 auto; padding-bottom : 25px; }
div#header              { height : 80px; padding-top : 15px; background-color : #fff; }
div#meta                { width: 400px; height: 80px; display: block; float: right; }
div#menu                { width : 944px; height : 112px; position : relative; }
div#breadcrum           { width : 914px; padding : 0 15px; height : 38px; background : #d4d5d6 url(../img/breadcrum.png) bottom left no-repeat; }
div#doormat             { width : 914px; min-height : 240px; padding : 5px 15px; background : url(../img/doormat.png) bottom left no-repeat; }
div#doormat:after       { content : ''; display : block; height : 0; clear : both; visibility : hidden; }
div#footer              { width : 914px; margin-top : 20px; padding : 0 15px; height : 47px; }

/* columns lay-out
*******************************************************************************/
div.wrapper                    { width : 944px; margin-bottom : 16px; }
div.wrapper:after              { content : ''; display : block; height : 0; clear : both; visibility : hidden; }
div.column                     { float : left; border : 1px solid #b3bac0; background : #fff; }
div#content                    { margin-right: 16px; padding: 10px 20px; min-height: 500px; }
* html div#content             { display : inline; }
div#navbar                     { width : 184px; padding : 10px; margin-left : -944px; margin-right : 16px; }
div#sidebar                    { padding : 10px; }
/* 1 columns setup: content only  (gebruiken we deze variant? Beter om de sidebar-page (en dan zonder sidebar) hiervoor te gebruiken...) */
.contentonly-page #content     { width : 902px; }
/* 2 columns setup: navbar | content */
.navbar-page #content          { width : 682px; margin-left : 220px; margin-right : 0; }
.navbar-page #navbar           {  }
/* 2 columns setup: content | sidebar */
.sidebar-page #content         { width : 680px; }
.sidebar-page #sidebar         { width : 184px; }
/* 3 columns setup: content | sidebar xl */
.sidebarxl-page #content       { width : 624px; }
.sidebarxl-page #sidebar       { width : 240px; }
/* 2 columns setup: content | sidebar with modular content blocks */
.sidebarmcb-page #content      { width : 582px; }
.sidebarmcb-page #sidebar      { width : 304px; border : none; padding : 0; background : transparent; }
/* 3 columns setup: navbar | content | sidebar */
.navbarsidebar-page #content   { width : 478px; margin-left : 222px; padding : 10px; }
.navbarsidebar-page #sidebar   { width : 184px; }
.navbarsidebar-page #navbar    {  }

/* 3 columns setup: navbar | content | sidebar xl (used for shared programs) */
.navbarsidebarxl-page div.wrapper { background : url(../img/content.bg.png) top left repeat-y; }
.navbarsidebarxl-page div.wrapperbtm { width : 944px; height : 1px; background : url(../img/content.bg.btm.png) top left no-repeat; margin-top : -16px; margin-bottom : 16px; }
.navbarsidebarxl-page div.column { border : none; background : transparent; border-top : 1px solid #b3bac0; }
.navbarsidebarxl-page div#content { width : 424px; padding : 10px; margin-left : 222px; min-height : 500px; }
.navbarsidebarxl-page div#navbar { width : 190px; padding : 10px 8px; }
.navbarsidebarxl-page div#sidebar { width : 242px; padding : 10px; }

/* 2 columns setup: section homepage */
.sectionhome-page div#content  { width : 462px; height : 358px; padding : 0; min-height : 358px; }
.sectionhome-page #quicknav    { float : right; margin-top : 22px; margin-right : 22px; width : 427px; position : relative; border-top : 0; }
/* 2 columns setup: future visions page */
.futurevisions-page #content   { width : 624px; margin : 0; padding : 0; border : 0; background : #f4f4f5; }
.futurevisions-page #quicknav  { width : 320px; border : none; background : transparent url(../img/sketch.menu.png) no-repeat; }


body.sectionhome-page div.wrapper { height : 358px; background-image : url(../img/curved.window.big.png); }
body.sectionhome-page div.column { border : none; background-color : transparent; }
body.sectionhome-page div.column img { margin : 13px 0 0 13px; }




/* Global Styling
*******************************************************************************/
body { font-family : Arial, "Segoe UI", "Helvetica", "Helvetica Neue", Tahoma, sans-serif; }
/* links */
a:link, a:visited { color : #0084CB; text-decoration : none; }
a:hover { text-decoration : underline; color : #E18723; }
a:active { color : #0084CB; text-decoration : none; }
/* go ~ next ~ read more link */
a.golink { padding-right : 19px !important; line-height : 18px; background : url(../img/golink.png) right 3px no-repeat; }
a.golink:hover { background-image : url(../img/golink.mo.png); }
/* go back ~ previous link */
a.gobacklink { padding-left : 19px !important; line-height : 18px; background : url(../img/gobacklink.png) left 3px no-repeat; }
a.gobacklink:hover { background-image : url(../img/gobacklink.mo.png); }

/* previous - next */
div.prevnext { float: left; margin : 20px 0 0 0; padding : 10px 0 0 0; height : 18px; line-height : 18px; }
div.prevnext .prev { float : left; }
div.prevnext .next { float : right; }
/* sidebar */
#sidebar { font-size : 11px; line-height : 1.35; }

#sidebar h4 { color : #333; font-size : 18px; font-weight : normal; }

/* frequently used container for golinks */
div.btmlinks { line-height : 17px; font-size : 11px; font-weight : bold; }
/* headings, paragraph and other text stuff */
h1, h2, h4, h5 { color : #333; }
h3 { color : #000; }
#content h1 { margin : 25px 0 15px 0; font-family : Arial; font-size : 28px; font-weight : normal; line-height : 30px; }
#content h3 { margin-bottom : 0; }
#sidebar h4 { margin-bottom : 0; }
#sidebar h4 + ul { margin-top : 3px; }
p { line-height : 1.5; }
p.intro { font-weight : bold; }
/*
p img { float : left; margin : 5px 15px 5px 0; }
img.border { border : 1px #b3bac0 solid; }
*/
em { font-style : italic; }
strong { font-weight : bold; }
hr { border : none; background : #b3bac0; height : 1px; }
.underlined { padding-bottom : 5px; border-bottom : 1px solid #d4d5d6; }

span.rss_icon { padding-left : 14px !important; line-height : 14px; background : url(../img/rss.png) center left no-repeat; display : inline-block; height : 14px; }
span.rss_icon span { visibility : hidden; }

/*  */
div.rowimages { margin-bottom : 10px; line-height : 1.5; }
div.rowimages img { display : block; float : left; border : 1px solid #b3bac0; }
div.rowimages img + img { float : right; }
div.rowimages:after { content : ''; display : block; height : 0; clear : both; visibility : hidden; }


/* Meta
*******************************************************************************/
div#meta a, 
div#meta span { display : block; float : left; }

div#meta a:link, 
div#meta a:visited, 
div#meta a:active, 
div#meta span { color : #7E7D81; }

div#meta a:hover { color : #E18723; }
div#meta a { }
div#meta span { padding : 0 10px; font-weight : bold; }

/* search */
div#meta #search { float : right; }
div#meta input { float : left; }

div#meta input#search_holst, 
div#meta .search_holst { border: none; width: 173px; height: 19px; background: transparent url(../img/input.search.png); padding: 0 3px; font-size: 90%; text-align: left; color: #7E7D81; }

div#meta input#search_holst:hover,
div#meta .search_holst:hover { color : #e18723; }

div#meta input#search_holst:focus, 
div#meta .search_holst:focus { color : #000; }

div#meta input#btn_search_holst, 
div#meta .btn_search_holst { border: none; width: 22px; height: 19px; background: transparent url(../img/btn.search.png); cursor: pointer; text-align: center; }

/* Logo
*******************************************************************************/
h1#logo { width : 268px; height : 76px; float : left; margin : -7px 0 0 0; }
h1#logo a { display : block; width : 268px; height : 76px; margin : 0 auto; background : transparent url(../img/logo.holst.jpg); outline : 0; }
h1#logo a span { display: none; }

/* Menu
*******************************************************************************/
div#menu, div#menu * { margin : 0; padding : 0; list-style : none; }
div#menu ul { position : absolute; top : 0; left : 0; display : block; width : 944px; height : 33px; }
div#menu li { float : left; position : static; }
div#menu a { float : left; display : block; text-align : center; text-decoration : none; font-size : 110%; padding : 0 25px; height : 33px; line-height : 33px; font-weight : bold; outline : 0; }
/* these float right */
div#menu li#sec04, div#menu li#sec05 { float : right; }
/* subs */
div#menu ul ul { top: 63px; height: 27px; width: 840px; background-color: #fff; border: 1px solid #c1c5c8; }
div#menu ul ul a { font-size : 100%; height : 27px; line-height : 27px; }
div#menu ul li:last-child { background : none; }

/* parent & current state */
div#menu a.current, 
div#menu a.parent { padding: 0 0 0 20px; background: transparent url(../img/menu.active.left.png) left no-repeat; }
div#menu a.current span, 
div#menu a.parent span { padding : 0 20px 0 0; float : left; display : block; background : transparent url(../img/menu.active.right.png) right no-repeat; }
div#menu ul ul a.current { background-image: none; }

/* print page link */
div#menu a#printpage { position: absolute; right: 0; top: 63px; z-index: 10; font-size: 100%; padding: 0; text-align: center; width: 89px; height: 27px; line-height: 25px; background-color: #fff; border: 1px solid #c1c5c8; }
  /* hiding button on the homepage */
  body.homepage div#menu a#printpage { display: none; }

  
/* colouring */
div#menu a:link, div#menu a:visited, div#menu a:active { color : #fff; }
div#menu ul ul a:link, div#menu ul ul a:visited, div#menu ul ul a:active, div#menu a#printpage:link, div#menu a#printpage:visited, div#menu a#printpage:active { color : #666; }
div#menu a.current, div#menu a.parent, div#menu ul ul a.current { color : #000; }
div#menu a:hover, div#menu ul ul a:hover, div#menu a#printpage:hover { color : #e18723; text-decoration : none; }

/* Section navigation

*******************************************************************************/

div#navbar * { margin : 0; padding : 0; list-style : none; display : block; }
div#navbar ul * { display : block; }

div#navbar h4 { position: relative; margin-bottom : 0; padding : 10px; overflow : hidden; color : #333; /*background : transparent url(../img/subsection.hdr.png) bottom left no-repeat;*/   
background-color: #F0F0F1;
background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F0F1), to(#E7E7E8)); 
background-image: -webkit-linear-gradient(top, #F0F0F1, #E7E7E8); 
background-image:    -moz-linear-gradient(top, #F0F0F1, #E7E7E8); 
background-image:     -ms-linear-gradient(top, #F0F0F1, #E7E7E8); 
background-image:      -o-linear-gradient(top, #F0F0F1, #E7E7E8); 
background-image:         linear-gradient(top, #F0F0F1, #E7E7E8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F0F0F1', EndColorStr='#E7E7E8'); 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius: 4px; 
          
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
}
div#navbar h4 .cornerTopLeft,
div#navbar h4 .cornerTopRight,
div#navbar h4 .cornerBottomLeft,
div#navbar h4 .cornerBottomRight { background: url(../img/corners.gif); position: absolute; width: 4px; height: 4px; }

div#navbar h4 .cornerTopLeft { top: 0; left: 0; background-position: top left; }
div#navbar h4 .cornerTopRight { top: 0; right: 0; background-position: top right; }
div#navbar h4 .cornerBottomLeft { bottom: 0; left: 0; background-position: bottom left; }
div#navbar h4 .cornerBottomRight { bottom: 0; right: 0; background-position: bottom right; }

div#navbar li { line-height : 1.25; font-size : 11px; border-bottom : 1px dotted #333; }
div#navbar li.subhdr { border : 0; }
div#navbar li li { margin : 0; }
div#navbar li:last-child { border : none; }

div#navbar span { margin : 16px 0 0 0; padding : 14px; min-height : 16px; font-weight : bold; color : #666; background : transparent url(../img/subsection.hdr.png) center no-repeat; }

div#navbar a { width : 164px; padding : 6px 10px 6px 0; margin : 0 6px 0 10px; color : #333; }
div#navbar a:hover { text-decoration : none; color : #e18723; background : url(../img/quicknav.golink.png) right center no-repeat; }
div#navbar a.current { color : #000; font-weight : bold; background : url(../img/quicknav.golink.png) right center no-repeat; }





/* Flashbox
*******************************************************************************/
div#flashbox { position : relative; z-index : 20; margin-top : -39px; margin-bottom : 16px; }


/* Curved boxes
*******************************************************************************/
div#curvedboxes:after	{ content : ''; display : block; height : 0; clear : both; visibility : hidden; }

div.curvedbox { z-index : 1; position : relative; float : left; width : 264px; height : 242px; padding : 20px; background : transparent url(../img/curvedbox.bg.png) top center no-repeat; margin : 0 16px 16px 0; }
div.curvedbox h3 { font-family : Arial, Helvetica, sans-serif; font-weight : bold; font-size : 20px; line-height : 22px; color : #0083CB; margin : 0; padding : 0; }
div.curvedbox p.pretext { font-family : Arial, Helvetica, sans-serif; font-weight : bold; height : 30px; font-size : 12px; line-height : 16px; color : #333333; margin : 0; }

div.curvedbox.newsbox, 
div.curvedbox.nomargin { margin: 0; }

div.curvedbox.newsbox { background : transparent url(../img/curvedbox-noline.bg.png) top center no-repeat; width : 284px; height : 262px; padding : 10px; }
div.curvedbox.newsbox h3 { margin : 0 0 5px 0; padding : 0; }
div.curvedbox.newsbox ul { padding : 0; margin : 0; }
div.curvedbox.newsbox li { font-weight : bold; list-style : none; padding : 0; margin : 0 0 3px 0; display : block; height : 58px; background-image : url(../img/curvednewsbox.png); border-top : 1px solid #fff; }
div.curvedbox.newsbox li a { display : block;  margin : 7px 14px; width : 230px; padding-right : 26px; color : #333; font-size : 12px; background : transparent url(../img/golink.png) top right no-repeat; }
div.curvedbox.newsbox li a:hover { color : #E18723; background-image: url(../img/golink.mo.png); }
div.curvedbox.newsbox div.rsslinks { float : right; margin-top : 6px; font-size : 11px; }

div.curvedbox a.curvedwindow, 
div.curvedbox span.curvedwindow, 
div.curvedbox.carouselbox #carousel { z-index: 3; position: relative; display: block; width: 279px; height: 122px; margin-top: -8px; margin-left: -7px; background: transparent url(../img/curved.window.png) top center no-repeat; }
div.curvedbox img.curvedimg { z-index: 2; position: absolute; display: block; width: 272px; height: 112px; left: 16px; top: 16px; }

div.curvedbox a.curvedwindow span.videolink { display : block; width : 279px; height : 122px; background : url(../img/button-video.png) center center no-repeat; }
div.curvedbox a.curvedwindow:hover span.videolink { background : url(../img/button-video-mo.png) center center no-repeat; }

div.curvedbox a.curvedwindowVertical { width: 122px; height: 232px; position: absolute; right: 11px; top: 19px; background: transparent url(../img/curved.vertical.window.png) top center no-repeat; text-decoration: none; }
div.curvedbox img.curvedimgVertical { width: 110px; height: 221px; left: 177px; }

div.curvedbox p.bodytext { margin: 2px 0; line-height: 15px; color: #333; }

div.curvedbox a.golink { position : absolute; display : block; font-weight : bold; bottom : 4px; right : 10px; }

div.curvedbox.bigvisual h3 { float: left; width: 110px; clear: both; margin-left: 7px; margin-bottom: 30px; }
div.curvedbox.bigvisual p.pretext { float: left; width: 110px; clear: both; margin-left: 7px; }
div.curvedbox.bigvisual a.buttonlink { float : left; display : block; width : 91px; height : 31px; clear : both; margin-top : 30px; padding : 0 7px; line-height : 31px; color : #fff; font-weight : bold; background : transparent url(../img/buttonlink.png); }
div.curvedbox.bigvisual img.bigvisual { position: absolute; right: 10px; top: 0px; }

div.curvedbox.carouselbox #carousel a { display : block; margin : 7px 0 0 6px; width: 266px; height: 108px; overflow: hidden; }
div.curvedbox.carouselbox #carousel img { text-align: center; vertical-align: middle; }
div.curvedbox.carouselbox h3 { margin : 30px 0 0 0; padding : 0; }
div.curvedbox.carouselbox ul {}
div.curvedbox.carouselbox li { }

/* quicknav
*******************************************************************************/
div#quicknav * { margin : 0; padding : 0; list-style : none; }
div#quicknav h4 { margin : 0 0 5px 0; padding : 0 10px; line-height : 30px; color : #4c4c4c; background : url(../img/quicknav.png) left top repeat-x; cursor : pointer; outline : 0; }
div#quicknav h4.selected { color : #fff; background : url(../img/quicknav.active.png) left top repeat-x; }
div#quicknav h4.selected:hover { cursor : default; }
div#quicknav div.qn_content { background : #fff; padding : 0 10px; }
div#quicknav h3 { padding : 4px 0 0 0; font-size : 120%; color : #0084cb; }
div#quicknav p { padding-bottom : 4px; font-size : 12px; }
div#quicknav li a { display : block; padding : 5px 0; border-bottom : 1px dotted #666; font-size : 11px; font-weight : bold; color : #333; }
div#quicknav li:last-child a { border-bottom : none; }
div#quicknav li a:hover { text-decoration : none; color : #e18723; background : url(../img/quicknav.golink.png) right center no-repeat; }
div#quicknav li span { display : block; line-height : 17px; font-size : 10px; color : #7e7d81; }
div#quicknav div.btmlinks { margin-top : 8px; height : 17px; line-height : 17px; font-size : 10px; font-weight : bold; }
div#quicknav div.btmlinks span.rsslinks { float : left; }
div#quicknav div.btmlinks a.golink { float : right; padding-right : 17px; }
/* height accordion containers per section */
body.sec01 div#quicknav div.qn_content { height : 217px; }
body.sec02 div#quicknav div.qn_content { height : 215px; }


/* Breadcrum
*******************************************************************************/
div#breadcrum { font-size : 11px; line-height : 34px; }
div#breadcrum * { color : #7e7d81; }
div#breadcrum a, span#currentpage { font-weight : bold; padding : 0 8px; }
div#breadcrum span#currentpage { color : #4c4c4c; }
div#breadcrum a:hover { color : #e18723; }
div#breadcrum span.starttext {}
div#breadcrum span.delimiter {}

/* Doormat
*******************************************************************************/
div#doormat * { margin : 0; padding : 0; list-style : none; } /* resetting */
div#doormat ul { }
div#doormat li { float : left; width : 200px; display : block; margin : 0 20px 0 0; font-weight : bold; }
div#doormat ul ul { margin-top : 5px; }
div#doormat li li { padding : 2px 0; font-weight : normal; }
div#doormat a { cursor : pointer }

div#doormat ul ul a { font-weight : normal; font-size : 11px; }
/* colouring */
div#doormat ul ul a { color : #000; }
div#doormat a { color : #7e7d81; }
div#doormat a:hover { color : #e18723; }



/* Footer
*******************************************************************************/
div#footer div { font-size : 11px; line-height : 49px; }
div#footer * { color : #7e7d81; }
div#footer a:hover { color : #e18723; }
div#footer div#copyright { display : inline; float : left; }
div#footer div#copyright img { padding : 10px 5px; vertical-align : middle; }
div#footer div#hygiene { display : inline; float : right; }
div#footer div#hygiene span { padding : 0 5px; }

/* Filter overview
*******************************************************************************/
div#filter_overview { width : 562px; margin-top : 10px; padding : 0 10px; height : 43px; background : url(../img/opp.overview.hdr.png); }
div#filter_overview h3 { float : left; margin : 0; margin-right : 10px; font-size : 13px; line-height : 43px; color : #386ba1; }
div#filter_overview div { float : left; margin-left : 10px; line-height : 43px; }

div#filter_overview_talent { width : 562px; margin-top : 10px; padding : 5px 0 0 10px; height : 55px; background : url(../img/opp.overview.hdr.talent.png); }
div#filter_overview_talent h3 { float : left; margin : 0; margin-right : 10px; font-size : 13px; line-height : 43px; color : #386ba1; }
div#filter_overview_talent div { margin-left : 10px; line-height : 15px; height:25px;}
div#filter_overview_talent div label { width:150px; display:block; float:left;}
div#filter_overview_talent div select { display:block; float:left;}

/* Oppertunities overview
*******************************************************************************/
ul#opp_overview, ul#opp_overview * { margin : 0; padding : 0; list-style : none; }
ul#opp_overview  { margin : 20px 5px; }
ul#opp_overview li { margin : 10px 0; border-bottom : 1px solid #d4d5d6; padding-bottom : 10px; background-image : none; }
ul#opp_overview li:last-child { border : 0; }
ul#opp_overview span.opp_topic { color : #7e7d81; }
ul#opp_overview h4 { font-size : 105%; }
ul#opp_overview p { margin : 5px 0; }
ul#opp_overview a.golink { padding-left : 10px; background : none; }


/* latest news overview
*******************************************************************************/
/*
ul#latest_news { margin : 10px 0;padding : 0; width : 582px; }
ul#latest_news * { float : left; display : block; margin : 0; padding : 0; list-style : none; }
ul#latest_news li { margin : 5px 0; padding : 5px 0 15px 0; border-bottom : 1px solid #d4d5d6; width : 100%; background-image : none; }
ul#latest_news li:last-child { border : 0; }
ul#latest_news li:after { content : ''; display : block; height : 0; clear : both; visibility : hidden; }
ul#latest_news img { display : block; float : left; width : 165px; height : 110px; margin-top : 5px; margin-right : 10px; }
ul#latest_news a.newstitle, 
ul#latest_news span.postdate, 
ul#latest_news p { width : 400px; }
ul#latest_news a.newstitle { line-height : 1.5; font-weight : bold; }
ul#latest_news span.postdate { line-height : 1.5; font-size : 90%; font-weight : bold; color : #7e7d81; }
ul#latest_news a.golink { display : inline; float : none; background : none; padding-left : 5px; }
*/
ul#latest_news { margin : 10px 0;padding : 0; width : 582px; }
ul#latest_news * { float : left; display : block; margin : 0; padding : 0; list-style : none; }
ul#latest_news li { position : relative; margin : 5px 0; padding : 5px 0 15px 0; border-bottom : 1px solid #d4d5d6; width : 100%; background-image : none; }
ul#latest_news li:last-child { border : 0; }
ul#latest_news li:after { content : ''; display : block; height : 0; clear : both; visibility : hidden; }
ul#latest_news li a.curvedwindow { z-index : 3; position : relative; display : block; width : 177px; height : 122px; margin-right : 5px; background : transparent url(../img/curved.window.newsitem.png) top center no-repeat; }
ul#latest_news li img.curvedimg { z-index : 2; position : absolute; display : block; float : left; left: 6px; top: 12px; }
ul#latest_news a.newstitle, 
ul#latest_news span.postdate, 
ul#latest_news p { width : 400px; }
ul#latest_news a.newstitle { line-height : 1.5; font-weight : bold; }
ul#latest_news span.postdate { line-height : 1.5; font-size : 90%; font-weight : bold; color : #7e7d81; }
ul#latest_news a.golink { display : inline; float : none; background : none; padding-left : 5px; }

div.newsitemdetails p { position : relative; }
div.newsitemdetails p span.curvedwindow { z-index : 3; position : relative; float : left; display : block; width : 177px; height : 122px; margin-top : 10px; margin-right : 15px; background : transparent url(../img/curved.window.newsitem.png) top center no-repeat; }
div.newsitemdetails p img.curvedimg { z-index : 2; position : absolute; display : block; float : left; left : 6px; top : 16px; }
div.newsitemdetails span.postdate { line-height : 2; display : block; font-size : 90%; font-weight : bold; color : #7e7d81; }


/* Shared Programs Sidebar
*******************************************************************************/
.programSideblock { border-bottom : 1px dotted #0083cb; padding : 10px 0; }

.programSideblock h3, 
.programSideblock h4, 
.programSideblock h5 { color : #333; font-weight : normal; }

.programSideblock h3 { font-size : 20px; }
.programSideblock h4 { font-size : 18px; padding-bottom: 10px;}
.programSideblock h5 { font-size : 14px; margin : 10px 0; }

.programSideblock p { color : #666; }

.programSideblock p.bluebg { position : relative; padding-top : 5px; background : url(../img/program-sidebar-item-bgtop.png) top left no-repeat; }
.programSideblock a.golink { position : relative; font-weight : bold; font-size : 11px; color : #0083CB; display : block; padding-right : 40px; line-height : 1.25; }
.programSideblock a.golink:hover { color : #FF6600; text-decoration : none; }

.programSideblock p.bluebg a.golink { padding : 5px 30px 10px 10px !important; background : url(../img/program-sidebar-item-bgbtm.png) bottom left no-repeat; }
.programSideblock p.bluebg a.golink span { position : absolute; right : 10px; top : -2px; margin : 0; padding : 0; width : 14px; height : 100%; background : transparent url(../img/golink.png) right center no-repeat; }
.programSideblock p.bluebg a.golink:hover span { background-image : url(../img/golink.mo.png); }

.programFeaturepanel { padding : 0; margin-top : 10px; }
.programFeaturepanel ul li, 
.programFeaturepanel p { color : #666; line-height : 15px; }
.programFeaturepanel a.golink { display : block; text-align : right; line-height : 20px; }

.programSideblock div.curvedbox { float : none; width : 220px; height : 212px; padding : 20px; background : transparent url(../img/program.curvedbox.bg.png) top center no-repeat; margin : 0 0 0 -9px; }
.programSideblock div.curvedbox a.curvedwindow,
.programSideblock div.curvedbox span.curvedwindow { z-index : 3; position : relative; display : block; width : 236px; height : 122px; margin-top : -8px; margin-left : -7px; background : transparent url(../img/program.curved.window.png) top center no-repeat; }
.programSideblock div.curvedbox img.curvedimg { z-index : 2; position : absolute; display : block; width : 228px; height : 112px; left : 16px; top : 16px; }

.navbarsidebar-page .programSideblock div.curvedbox { width : 163px; height : 159px; background : transparent url(../img/program.curvedbox.small.bg.png) top center no-repeat; }
.navbarsidebar-page .programSideblock div.curvedbox a.curvedwindow,
.navbarsidebar-page .programSideblock div.curvedbox span.curvedwindow { width : 179px; height : 93px; background : transparent url(../img/program.curved.small.window.png) top center no-repeat; }
.navbarsidebar-page .programSideblock div.curvedbox img.curvedimg { width : 171px; height : 83px; }

.programRefpanel span.programAuthor { font-weight : bold; }

a.curvedwindow span.videolink { display : block; width : 236px; height : 122px; background : url(../img/button-video.png) center center no-repeat; }
a.curvedwindow:hover span.videolink { background : url(../img/button-video-mo.png) center center no-repeat; }

/* paginate or paging
*******************************************************************************/
div.paginate { clear : both; height : 19px; padding-top : 30px; text-align : center; }
div.paginate a { margin : 0 2px; border : 1px solid #fff; background-color : #fff; padding : 2px 7px; line-height : 19px; font-size : 10px; text-decoration : none; font-weight : bold; color : #7e7d81; text-align : center; }
div.paginate a:hover { background-color : #e18723; border : 1px solid #e18723; color : #fff; }
div.paginate a.current { background-color : #d4d5d6; border : 1px solid #b3bac0; color : #333; }
div.paginate a.skip { font-weight : bold; }
div.paginate a.skip span { display : none; }
div.paginate a.prev { background-image : url(../img/quicknav.gobacklink.png); background-position : center; background-repeat : no-repeat; }
div.paginate a.prev:hover { background-image : url(../img/quicknav.gobacklink-mo.png); }
div.paginate a.fwd { background-image : url(../img/quicknav.golink.png); background-position : center; background-repeat : no-repeat; }
div.paginate a.fwd:hover { background-image : url(../img/quicknav.golink-mo.png); }

/* sketch slider 
*******************************************************************************/

/* framework */
#slider { position : relative; z-index : 10; margin-top : 0; width : 944px; height : 804px; }
#slider:after { content : ''; display : block; height : 0; clear : both; visibility : hidden; }
.scroll { height : 802px; width : 622px; border : 1px solid #b3bac0; overflow : auto; overflow-x : hidden; position : relative; float : left; background : #fff; }
.scrollcontainer div.panel { width : 604px; height : 654px; padding : 10px; background : #fff; z-index : 10; }

/* typo */
#slider div.panel h1 { margin : 0 0 10px 0; font-size : 12px; color : #333; font-weight : bold; }
#slider div.panel h3 { margin : 0 0 10px 0; color : #0084cb; font-size : 20px; }
#slider div.panel p.intro { line-height : 1.5; font-size : 11px; font-weight : bold; margin-bottom : 20px; }

/* cartoons */
#slider .cartoons { width : 404px; float : left; }
#slider .cartoons:after { content : ''; display : block; height : 0; clear : both; visibility : hidden; }
#slider .cartoons img { border : 1px solid #b3bac0; display : block;}
#slider span.cartoon { position : relative; display : block; float : left; margin-bottom : 10px; }
#slider span.cartoon_nr { position : absolute; left : 0; top : 0; display : block; width : 14px; height : 14px; background : #b3bac0; color : #fff; font-weight : bold; font-size : 11px; text-align : center; line-height : 14px; }
#slider span#cartoon01, span#cartoon03, span#cartoon05 { margin-right : 10px; }

/* legend */
.legend * { margin : 0; padding : 0; }
.legend { display : block; float : right; width : 185px; font-size : 11px; color : #666; }
.legend ol { margin-left : 10px; padding-left : 11px; }
.legend ol li { padding-bottom : 5px; line-height : 1.4; }

/* menu */
#sketchmenu { display : block; position : relative; float : left; padding : 0 11px 10px 11px; margin-bottom : 16px; margin-left : 14px; width : 282px; height : 792px; border : 1px solid #b3bac0; background : #fff; }
#sketchmenu h4 { color : #333; font-size : 20px; font-weight : normal; line-height : 20px; margin : 15px 0 10px 0; }
#sketchmenu h5 { font-size : 12px; font-weight : bold; color : #333; margin-bottom : 15px; }
#sketchmenu p { line-height : 1.4; font-size : 11px; color : #666; }



/* nav */
ul#sketchnav, ul#sketchnav * { margin : 0; padding : 0; list-style : 0; }
ul#sketchnav li { display : inline; }
ul#sketchnav a { display : block; margin-bottom : 5px; font-weight : bold; height : 30px; line-height : 30px; font-size : 12px; color : #666; padding-left : 20px; outline : 0; text-decoration : none; white-space : nowrap; overflow : hidden; background : url(../img/sketch.default.png) bottom left no-repeat; }
ul#sketchnav a:hover { background : url(../img/sketch.mo.png) center left no-repeat; color : #333; }
ul#sketchnav a.selected { background : url(../img/sketch.current.png) center left no-repeat; color : #fff; }

/* previous & next links */
.prevnextsketch { position : absolute; bottom : 10px; z-index : 20; line-height : 17px; font-weight : bold; }
.prevnextsketch.gobacklink { left : 10px; }
.prevnextsketch.golink { left : 524px; }

/* rotating sketch visual */

#sketchvisual { position : absolute; bottom : 11px; left : 11px; margin-top : 20px; width : 282px; height : 282px; }

#sketchmenu span#curvedwindowfv { z-index : 3; position : absolute; display : block; width : 282px; height : 282px; background : transparent url(../img/curved.window.fv.png) top center no-repeat; }
div#sketchvisual img { z-index : 2; position : absolute; display : block; width : 282px; height : 282px; }


/*search results 
*******************************************************************************/
div#searchresults a { line-height : 21px; }
div#searchresults  { overflow: hidden; }

/* sitemap 
*******************************************************************************/
#sitemapbox, #sitemapbox * { margin : 0; padding : 0; list-style : none; color : #000; }
#sitemapbox div a { display : block; width : 66%; margin : 10px 0; padding : 3px 6px; background : #d4d5d6; font-size : 15px; font-weight : bold; color : #4c4c4c; line-height : 1.33; }
#sitemapbox div a:hover { background : #e18723; color : #fff; text-decoration : none; }
#sitemapbox div ul a { display : inline; margin : inherit; padding : inherit; background : none; font-size : 12px; font-weight : inherit; color : #000; }
#sitemapbox div ul a:hover { color : #e18723; background : #fff; text-decoration : underline; }
#sitemapbox div ul { font-weight : bold; }
#sitemapbox div ul ul { margin-left : 40px; font-weight : normal; }
#sitemapbox div ul ul ul { margin-left : 20px; }
#sitemapbox div ul ul a { color : #666; font-weight : normal; }


/* Error messages 
*******************************************************************************/
#header .errormessage { display: block; clear: both; width: 170px; padding: 5px 0; font-size: 11px; font-weight: normal; }

/*Contact page 
*******************************************************************************/
table#address-info td { border: medium none; margin: 0; padding: 0; }

/*Slideshows
*******************************************************************************/
#slideshows { position: relative; height: 248px; top: -49px; z-index: 90; margin-bottom: -33px; }
#slideshow a, 
#accordion a, 
.videoSlide a { outline: none; }

#slideshow, 
#accordion, 
.videoSlide { font-family: Helvetica, "Helvetica Neue", Arial, sans-serif; color: #ffffff; }

#slideshow { /*background: #000000 url(../img/slideshow/bg_intro.png) top right;*/ background: #ffffff; }
#slideshow .nav { position: absolute; margin-top: 210px; width: 620px; z-index: 10; text-align: right; }
#slideshow .nav .inner { float: right; }
#slideshow .nav .inner a { float: left; display: block; width: 21px; height: 22px; background: url(../img/slideshow/bullet_sprite.png) top left; text-indent: -9999px; text-align: left; }
#slideshow .nav a.activeSlide { background-position: top right; width: 22px; }
#slideshow ul { list-style: none; padding: 0; margin: 0; width: 944px; height: 248px; }
#slideshow ul li { width: 944px; height: 248px; overflow: hidden; position: relative; color: #ffffff; background: none !important; }
#slideshow .photo { position: absolute; top: 0; left: 0; z-index: 0; }
#slideshow .quote { position: absolute; top: 30px; left: 25px; z-index: 10; font-size: 24px !important; background: url(../img/slideshow/beginQuote.png) top left no-repeat; }
#slideshow .quote p { margin: 2px 0 0 50px; width: 395px; line-height: 30px; }
#slideshow .quote span.endQuote { background : url(../img/slideshow/endQuote.png) bottom right no-repeat; width : 33px; height : 25px; position : absolute; margin : 10px 0 0 20px; }
#slideshow .quote .signature { position: absolute; margin: 30px 0 0 0; font-size: 12px; }
#slideshow .type-1 .quote .signature { left: 200px; }
#slideshow .type-2 .quote .signature { left: 170px; }
#slideshow .type-3 .quote .signature { left: 50px; }
#slideshow .intro { float: right; width: 303px; height: 248px; /* background: url(../img/slideshow/bg_intro.png) top right; */ font-size: 16px; }
#slideshow .intro p { margin: 27px; position: absolute; z-index: 1000; width: 249px; line-height: 20px; }
#slideshow .buttons { position: absolute; right: 27px; bottom: 27px; z-index: 1000; }
#slideshow a.button { float: left; display: block; width: 106px; padding: 6px 0; text-align: center; font-size: 12px; background: url(../img/slideshow/bg_button.png) center center; color: #ffffff; text-decoration: none; z-index: 1000; zoom: 1; }
#slideshow .swoosh { width: 944px; height: 248px; position: absolute; z-index: 500; }
#slideshow .type-1 .swoosh { background: url(../img/slideshow/swooshes/1.png); }
#slideshow .type-2 .swoosh { background: url(../img/slideshow/swooshes/2.png); }
#slideshow .type-3 .swoosh { background: url(../img/slideshow/swooshes/3.png); }
#slideshow, 
#accordion, 
.videoSlide { width: 944px; height: 248px; overflow: hidden; position: absolute; top: 0; }

#accordion { /*background: url(../img/slideshow/bg_accordion.jpg);*/ display: none; }
#accordion div.item { display : block; width : 50px; height : 248px; overflow : hidden; float : left; position : relative; color : #ffffff; margin : 0; padding : 0; }
#accordion div p { margin-left: 10px; background: none !important; }
#accordion .title { position: absolute; width: 52px; height: 248px; cursor: pointer; }
#accordion .title p { -webkit-transform: rotate(-90deg); /* for safari, chrome, etc. */ -moz-transform: rotate(-90deg); /* for firefox et al. */ writing-mode: tb-rl; /* for internet explorer */ filter: flipv fliph; text-align: left; position: absolute; bottom: 20px; font-size: 24px; white-space: nowrap; width: 248px; height: 248px; overflow: hidden; margin: 0 12px 4px; }
#accordion .intro { width: 251px; height: 248px; position: absolute; left: 52px; }
#accordion .intro p { padding: 20px; margin: 0; }
#accordion-item-1 { /*background: url(../img/slideshow/bg_accordion1.png);*/ }
#accordion-item-2 { /*background: url(../img/slideshow/bg_accordion2.png);*/ background-color: rgba(2, 54, 104, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66023668',EndColorStr='#66023668'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#66023668',EndColorStr='#66023668')"; }
#accordion-item-3 { /*background: url(../img/slideshow/bg_accordion3.png);*/ background-color: rgba(2, 54, 104, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#CC023668',EndColorStr='#CC023668'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#CC023668',EndColorStr='#CC023668')"; }
#accordion .buttons { position: absolute; right: 20px; bottom: 20px; z-index: 1000; }
#accordion a.button { float: left; display: block; width: 106px; padding: 6px 0; text-align: center; font-size: 12px; background: url(../img/slideshow/bg_button.png) center center; color: #ffffff; text-decoration: none; z-index: 1000; }
#accordion a.backButton { float: left; display: block; width: 65px; padding: 6px 0; text-align: center; font-size: 12px; background: url(../img/slideshow/bg_back_button.png) center center; color: #ffffff; text-decoration: none; z-index: 1000; }
#accordion .photo { text-align: right; position: absolute; left: 303px; overflow: hidden; width: 541px; }

.videoSlide { /*background: url(../img/slideshow/bg_video.png) top left no-repeat;*/ display: none; position: relative; }
.videoSlide .video { left: 0; top: 0; width: 441px; height: 248px; background: #000000; position: absolute; }
.videoSlide .title { position: absolute; top: 25px; left: 466px; width: 160px; }
.videoSlide .title h2 { padding: 0; margin: 0; color: #fff; }
.videoSlide .intro { position: absolute; left: 642px; padding: 25px 25px 25px 0; width: 277px; height: 198px; }
.videoSlide .buttons { position: absolute; right: 20px; bottom: 20px; z-index: 1000; }
.videoSlide a.button { float: left; display: block; width: 106px; padding: 6px 0; text-align: center; font-size: 12px; background: url(../img/slideshow/bg_button.png) center center; color: #ffffff; text-decoration: none; z-index: 1000; }
.videoSlide a.backButton { float: left; display: block; width: 65px; padding: 6px 0; text-align: center; font-size: 12px; background: url(../img/slideshow/bg_back_button.png) center center; color: #ffffff; text-decoration: none; }

.corner-lt, 
.corner-lb, 
.corner-rt, 
.corner-rb { width: 10px; height: 10px; position: absolute; z-index: inherit; overflow: hidden; display: block; }
.corner-lt { top: 0; left: 0; background: url('../img/slideshow/corner_lt.png'); }
.corner-lb { bottom: 0; left: 0; background: url('../img/slideshow/corner_lb.png'); }
.corner-rt { top: 0; right: 0; background: url('../img/slideshow/corner_rt.png'); }
.corner-rb { bottom: 0; right: 0; background: url('../img/slideshow/corner_rb.png'); }


/*#content img.border { padding : 6px; border-radius : 10px; -moz-border-radius : 10px; -webkit-border-radius : 10px; border : 1px solid #adc7da; }*/

span.rounded-img { display : block; border-radius : 12px; border : 6px solid #fff; }
span.rounded-border { display : inline-block; border-radius : 10px; border : 1px solid #aec6da; }

.pageTools { float: right; margin : 20px 0 0 0; padding : 10px 0 0 0; }
.pageToolsTop { margin : 0 0 0 0; }