/* CSS Henri van der Veen */
/* (c) JoeyBuys.nl 2008 */

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

.clr { height: 100%; overflow: hidden; }
.pagebox { width: 940px; margin: 0 auto; }
body { background: #ececec; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }

/*
## TEMPLATE STYLES
*/

#topvsl { position: relative; width: 940px; margin: 0 auto; }
#topvsl img { position: absolute; top: 0; right: -40px; }

#header { height: 181px; background: url(../img/header_bg.png) repeat-x; font-size: 0px; }
#header .logo { margin: 48px 0 0 20px; }

#header #nav-main { margin-top: 35px; }
#header #nav-main li {  position: relative; float: left; list-style: none; }
#header #nav-main li a { display: block; float: left; height: 30px; padding: 17px 16px 0 16px; background: url(../img/nav-main_a_bg.png) center left no-repeat; }
#header #nav-main li a.first { background: none; }
#header #nav-main li:hover ul { display: block; }
#header #nav-main li ul { display: none; position: absolute; top: 47px; left: 0px; float: left; clear: left; }
#header #nav-main li ul li { clear: both; }
#header #nav-main li ul li a { width: 170px; height: 1em; padding: 10px 10px 10px 16px; font-size: 13px; background: #2d6e90; border-bottom: 1px solid #6da2be; color: white; font-weight: bold; text-decoration: none; }
#header #nav-main li ul li a:hover { background: #3a7a9c; text-decoration: underline; }

#content { background: white; padding-bottom: 10px; }
#content .col-a { width: 590px; float: left; padding: 20px 0 0 15px; }
#content .col-a h1.pagetitle { font-size: 23px; }
#content .col-a a { color: #22678b; }
#content .col-a a:hover { text-decoration: none; }
#content .col-a .crumpath { margin: 2px 0 10px 0; }
#content .col-a .crumpath li { display: inline; float: left; padding: 0 5px 0 10px; font-size: 11px; background: url(../img/crumpath_li_bg.gif) left 4px no-repeat; }
#content .col-a .crumpath li.first { background: none; padding: 0 5px 0 0; }
#content .col-a .crumpath li a { color: black; }
#content .col-a .crumpath li a:hover { text-decoration: none;}

#content .col-b { width: 285px; float: right; }
#content .col-b .box { background: url(../img/col-b_box_top_bg.gif) top no-repeat #ececec; margin-bottom: 15px; }
#content .col-b .box .inner { padding: 15px 15px 7px 15px; line-height: 18px; }
#content .col-b .box.first { padding-top: 70px; }
#content .col-b .box.first p { margin-bottom: 5px; }
#content .col-b .box .bot { height: 8px; background: url(../img/col-b_box_bot_bg.gif) no-repeat; font-size: 0; line-height: 0; }

#footer { height: 100px; background: url(../img/footer_bg.png) repeat-x; }
#footer ul { list-style: none; padding-top: 15px; font-size: 12px; }
#footer ul li { display: block; float: left; }
#footer ul li a { padding: 0 6px 0 6px; color: #5a82b1; text-decoration: none; border-left: 1px solid #5a82b1; }
#footer ul li a.first { border: none; }
#footer ul li a:hover { text-decoration: underline; }

.textpage p { line-height: 18px; margin-bottom: 15px; }
.textpage h2 { font-size: 18px; }
.textpage h3 { font-size: 15px; }
.textpage ul, .textpage ol { margin: 0 0 15px 17px; }

.textpage input.invoer { width: 200px; height: 17px; font-size: 14px; padding: 5px 3px; margin-bottom: 10px; background: #f0f1f2; border: 1px solid #e5e5e5; }
.textpage textarea { width: 350px; height: 100px; font-size: 14px; padding: 5px 3px; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; background: #f0f1f2; border: 1px solid #e5e5e5; }

/*
## COL-B BOX STYLES
*/

#content .col-b .box .inner.certificates img { margin: 3px 4px; } 
#content .col-b .box .inner.rallylogos { }


/*
## RALLYOVERVIEW STYLES
*/
.rallyoverview .item { width: 550px; margin-bottom: 15px; }
.rallyoverview .item .inner { padding: 10px 10px 1px 10px; line-height: 18px; }
.rallyoverview .item .bot { height: 9px;}
.rallyoverview .item.odd { background: url(../img/rallyoverview_item-odd_top_bg.gif) top no-repeat #ececec; }
.rallyoverview .item.odd .bot { background: url(../img/rallyoverview_item-odd_bot_bg.gif) no-repeat; }
.rallyoverview .item.even { background: url(../img/rallyoverview_item-even_top_bg.gif) top no-repeat #f5f5f5; }
.rallyoverview .item.even .bot { background: url(../img/rallyoverview_item-even_bot_bg.gif) no-repeat; }
.rallyoverview .item .vsl { float: left; }
.rallyoverview .item .data { float: right; width: 410px; }
.rallyoverview .item .data h2 { font-size: 20px; margin-bottom: 6px; }
.rallyoverview .item .data p { font-size: 11px; line-height: 19px; }


/*
## RALLYDETAIL STYLES
*/
.rallydetail .vsl { margin: 0 10px 0 0; }
.rallydetail p { margin-bottom: 10px; }
.rallydetail .pics { width: 550px; margin: 20px 0 15px 0; background: url(../img/rallyoverview_item-odd_top_bg.gif) top no-repeat #ececec; }
.rallydetail .pics .inner { padding: 10px 10px 1px 10px; line-height: 18px; }
.rallydetail .pics .inner img { margin: 10px; }
.rallydetail .pics .inner .legend { margin-left: 10px; font-size: 11px; font-style: italic; }
.rallydetail .pics .bot { height: 9px; background: url(../img/rallyoverview_item-odd_bot_bg.gif) no-repeat; }