/* general */
body { margin : 0 0 35px 0; background : #e4e4e4 url(bg.header.gif) top left repeat-x; font-family : "Lucida Grande", verdana, arial, helvetica, sans-serif; font-size : small; }
#pagebox {}
#header { width : 100%; height : 67px; }
#metabar { width : 100%; height : 25px; background : url(bg.metabar.gif) top left repeat-x; line-height : 22px; font-family : sans-serif, arial; font-weight : bold; font-size : 80%; color : #fff; }
#metabar span { padding-left : 8px; }
#metabar a { color : #fff; padding : 0 3px; }
#metabar a:hover { background-color : #4284b0; color : #eeeeee; }
#header h2#pagemark { margin : 0; font-family : sans-serif, arial; font-size : 120%; color : #cccccc; line-height : 40px; padding-left : 55px; text-transform : uppercase; }
p { margin : 5px 0 10px 0; }
p, li { line-height : 140%; }
ul, ol { margin : 0 0 10px 0; padding : 0; padding-left : 18px; }
li { list-style : square; margin : 0; padding : 0; padding-left : 6px; padding-bottom : 2px; }
.morespace li { padding-bottom : 5px; }
ol li { list-style : decimal; padding-left : 0px;}
ol { margin-left : 6px; }

hr { height : 1px; border : 0; border-top : 1px solid #999; margin : 5px 0 10px 0; }
div[id=pagebox] hr { margin : 5px 0 20px 0; } /* repositioning in FF */
hr.lighter { height : 1px; color : #ddd !important; background-color : #ddd; border-color : #ddd; margin : 0; border-left : 0; }
h1 { margin : 0; padding : 0; font-size : 160%; color : #006699; }
h3 { margin : 15px 0 5px 0; font-size : 110%; padding : 0; }
h3.graybg { background-color : #f0f0f0; border-bottom : 1px solid #dddddd; margin : 30px -5px 10px 0; padding : 5px; }
a { color : #999; text-decoration : none; }
.tab-page a { padding : 0 3px; }
a:hover { background-color : #d2f0ff; color : #000; }


/* misc */
.smalltxt { font-size : 90%; line-height : 130%; }
.smalltxt strong {color:#606060}
#cvdate { display : block; margin-bottom : -30px; text-align : right; }
.itembox { margin-bottom : 30px; line-height : 150%; }
.itembox .hdr { background-color : #f0f0f0; border-bottom : 1px solid #dddddd; margin : 0 -5px; padding : 5px; }
.function { font-weight : bold; }
.date { font-weight : bold; color : #006699; margin-bottom : 3px;}
.branche { }
.introbox { float : left; padding : 10px; background-color : #eeeeee; width : 43%; height : 120px; margin-right : 40px; }
.introbox label { display : block; float : left; width : 120px; }


/* tabpane */
.dynamic-tab-pane-control.tab-pane { position : relative; width : 685px; margin-left : 55px; }
.dynamic-tab-pane-control .tab-row .tab { font-size : 90%; cursor : pointer; font-weight : bold; font-family : sans-serif, arial; letter-spacing : 1px; height : 19px; line-height : 19px; display : inline; margin : 1px 2px 35px 1px; float : left; padding : 2px 10px 3px 10px; background : #006699 url(bg.tab.gif) top left no-repeat; border : 0; z-index : 1; white-space : nowrap; position : relative; top : 0; }
.dynamic-tab-pane-control .tab-row .tab.selected { background : url(bg.tab.active.gif) top left no-repeat; z-index : 3; cursor : default; }
.dynamic-tab-pane-control .tab-row .tab.selected a { color : #555555 !important; cursor : default; }
.dynamic-tab-pane-control .tab-row .tab a { color : #fff; text-decoration : none; }
.dynamic-tab-pane-control .tab-row .tab.hover a { color : #bbe3ff; background-color : transparent; }
.dynamic-tab-pane-control .tab-page { clear : both; background : url(bg.tabpane.gif) bottom left no-repeat; z-index : 2; position : relative; padding : 17px 35px 30px 31px; font-size : 90%; color : #202020; }
.dynamic-tab-pane-control .tab-row { z-index : 1; white-space : nowrap; }
#personalia, #download, #samenvatting { padding-top : 35px; height : 300px !important; }


/* sIFR */
/* These are standard sIFR styles... do not modify */
.sIFR-flash { visibility : visible !important; margin : 0; }
.sIFR-replaced { visibility : visible !important; }
span.sIFR-alternate { position : absolute; left : 0; top : 0; width : 0; height : 0; display : block; overflow : hidden; }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 { font-size : 34px; margin-bottom : -5px; width : 350px; }