html { padding: 0; margin: 0; height: 100%; background: url(../images/bg_header.gif) repeat-x top left #FFFFFF; }
body {
margin: 0;
padding: 0;
height: 100.2%;
font-family: arial, verdana, helvetica, sans-serif;
font-size: 62.5%; /* resets 1em to 10px */
}
/* removed csshover and pngbehavior entries */
h1 { color: #374b86; font-size: 1.4em;}
h1 { font-size:2.2em; color:#0a377e; margin:0 0 0.5em 0; padding:0; } /* also needed outside wysiwyg texts */
h2 { font-size:1.6em; color:#0a377e; margin:0 0 0.2em 0; padding:0;} /* h2 a with color is for toc in frontend*/
h3 { font-size:1.2em; color:#0a377e; margin:0.7em 0 0 0; padding:0;}
h4 { font-size: 1.8em; color:#FFFFFF; border-bottom:1px solid #1f4888; margin:0; padding:0;} /*menu heading*/
h5 { font-size:1.3em; color:#0a377e; margin:0.5em 0 0 0; padding:0; }
h6 { }
h2 a, h3 a, h4 a, h5 a { text-decoration:none; margin:0; padding:0; }
p { margin:0; padding:0; font-size:1.2em; line-height:1.5em; color:#0a377e; }
p.newsdate { font-weight:bold; color:#454545; }
a { color:#0a377e; margin:0; padding:0; }
a.gogo { display:inline; margin:0; padding:0 0.6em 0 0; text-decoration:none; background: url(../images/gogo.gif) bottom right no-repeat #FFFFFF; zoom:1; color:#0a377e; }
ul { margin:1em 0; padding:0 0 0 1.4em; font-size:1.2em; color:#0a377e; }
ul li { }
ul li a { }
.wysiwyg ul li { list-style: disc; }
.wysiwyg ol li { list-style: decimal; }
table { }
.error, .alert { color: #ff0000; }
/*header*/
div.header { height:12.5em; position: relative; }
div.tripticlogo { width:28.7em; height:3.5em; margin-top:3.4em; float:left; }
div.altijdblauwer { width:39.9em; height:4.9em; float:right; margin-top:3.8em; }
/*buttons header overlay*/
div.buttonsoverlay { position:absolute; top:0; width:100%; height:10em; z-index:5; }
div.buttons { width:79em; margin:0 auto; }
div.buttonhome { width:28.7em; height:3.5em; margin-top:3.4em; float:left; }
div.buttonhome a { outline:none; }
div.buttonhome img { width:28.7em; height:3.5em;}
div.buttonblauw { width:39.9em; height:4.9em; float:right; margin-top:3.8em; }
div.buttonblauw a { outline:none; }
div.buttonblauw img { width:39.9em; height:4.9em; }
/*end buttons header overlay*/
/*einde header*/
/*content*/
div.content { }
img.imgem { margin-bottom:1em; }
div.leftbar { float:left; width:53.6em; background:#FFFFFF; padding:0 0 250px 0; border:1em solid #FFFFFF; }
div.leftbarcontent { padding:1em 1em 0 0; }
div.rightbar { float:right; width:15.3em; background:#FFFFFF; padding:10px 10px 250px 10px; }
/*vacatureoverzichthome*/
div.vacatureoverzichthome { width:54.6em; }
div.vacaturesitemhome { width:25.6em; margin:0 0.4em 0.4em 0em; float:left; border:1px solid #0a377e; padding:0 0.5em 0.5em 0.5em; background: url(../images/gogo_blue.gif) top right no-repeat #FFFFFF; height: 10em; }
div.vacaturesitemhome a { text-decoration:none; }
div.vacaturesitemhome:hover {background: url(../images/gogo_white.gif) top right no-repeat #0a377e; cursor:pointer; }
div.vacaturesitemhome:hover p, div.vacaturesitemhome:hover h3 { color:#FFFFFF;}
div.vacaturesitemhome a { text-decoration: none; }
div.vacaturesitemhome a:hover { color: #ffffff; }
div.vacaturesitemhome:hover a { color: #ffffff; } /* lol */
/*end vacatureoverzichthome*/
/*vacatureoverzicht*/
div.vacatureoverzicht { width:53.6em; }
div.vacaturesitem { width:100%; margin:0 0 1em 0; border:1px solid #0a377e; padding:0.5em; background: url(../images/gogo_blue.gif) top right no-repeat #FFFFFF; }
div.vacaturesitem a { text-decoration:none; }
div.vacaturesitem:hover {background: url(../images/gogo_white.gif) top right no-repeat #0a377e; cursor:pointer; }
div.vacaturesitem:hover p, div.vacaturesitem:hover h2 { color:#FFFFFF;}
/*end vacatureoverzicht*/
/*blauwcheck*/
div.blauwcheck { width:545px; margin:1.8em 0 0 -1em; background:#FFFFFF; }
div.checkimglinks { float:left; padding:8px; background:#cfd3d9;}
div.checkimgrechts { float:right; padding:8px; background:#cfd3d9;}
div.checkimgrechts img, div.checkimglinks img { padding:2px; }
div.checkimglinks:hover, div.checkimgrechts:hover { background:url(../images/bg_footer.gif) repeat-x top left #466daf;}
/*end blauwcheck*/
/*einde content*/
/*Iets voor jou? button*/
div.ietsvoorjou { padding:10px 0 0 0; width:535px; height:100px; }
/*end Iets voor jou? button*/
/*rightbar*/
/*tegel*/
div.tegel { height:15.3em; overflow:hidden; }
div.tegeltekst { position:relative; z-index:2; top:-11em; left:2em; width:11em; height:7.8em; text-align:center; overflow:hidden; }
/*einde tegel*/
div.rightbox { padding-top:2em; clear:both; }
div.rightbox table { width:100%; }
div.rightbox table tr td.image { width:80px; }
div.rightbox table tr td.omschrijvingafbeelding { vertical-align:bottom; }
/*einde rightbar*/
/*footer*/
div.footer { position:absolute; width:100%; bottom:0; background:url(../images/bg_footer.gif) repeat-x top left #466daf; border-top:1px solid #00286c; padding-bottom:3em; }
div.footercontainer { width:79em; margin:0 auto; color:#FFFFFF; padding:1.5em 0 0 0; }
/*menu*/
div.menuboxbig { width:55.6em; float:left; }
div.menuboxbigleft { float:left; width:24.7em;}
div.menuboxbigright { float:right; width:24.7em; }
div.menuboxsmall { float:right; width:17.3em; }
div.footer ul { list-style:none; margin:1em 0 0 0; padding:0; }
div.footer ul li { color:#FFFFFF; line-height:1.6em; }
div.footer ul li a { color:#FFFFFF; text-decoration:none; }
/*tekst omzetten naar flashlettertype*/
/* 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; }
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {display: none !important; }
/* 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 h4 {
visibility: hidden;
letter-spacing: -5px;
font-size: 25px;
}
/*einde tekst omzetten naar flashlettertype*/
/*einde menu*/
/*einde footer*/
/*model structure*/
div.grass { position:absolute; top:4.8em;left:0px; width:100%; background:url(../images/grass.gif) left bottom repeat-x; height:7.7em; z-index:2;}
div.container { position:relative; /* needed for footer positioning*/ margin:0 auto; /* center, not in IE5 */ background:url(../images/bg_gradient.gif) left bottom repeat-x; width:100%; height:auto !important; height:100%; min-height:100%; }
div.wrapper { width:79em; margin:0 auto; }
/*end model structure*/