* {-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;outline:0px}

body,#main,#header,#footer,td,table,p,div,span,a,input,textarea {
	font-family: Trebuchet MS, Tahoma, Verdana;
	font-size: 13px;
	line-height:17px;
	color: #555555;
}

/* needed to suppress the align:center of the body tag */
td, p, div, span {text-align:left}

body {
	background-color: #F9FFB1; /* logo kleur #DEEE0E; */
	text-align: center;
	margin: 0px;
	overflow-y:scroll;
}

body.box { text-align: left; margin:2px; padding:6px; background:url(http://www.nvvr.nl/new/box_bg.gif) repeat-x fixed 0 0 #ffffff;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}

a {color:#5055B4}
a.leesverder, div.box a.leesverder {color:#5055B4;padding-right:10px;margin-top:6px;padding-top:0px;background-image:url(i/b.gif);background-repeat:no-repeat;background-position:right 4px !important;background-position:right 3px;display:inline-block}
/* TODO: eigenlijk ook de hovers binnen een bullet-list, maar die css is tricky */
div.box a.leesverder:hover, a.leesverder:hover {background-image:url(http://www.nvvr.nl/new/bullet_hover.gif)}
a img {border:0}

ul {margin:0px; padding:0px  }
ul li {margin:0px; padding:0px; margin-left:16px; text-indent:0px; line-height:17px; list-style-image: url(i/b.gif) }
.td0 { background-color: #D9E8F1 }
.td1 { background-color: #EDEEF1 } 
.td_active { background-color: #ffffb4 }
tr.td0 a, tr.td1 a, tr.td_active a { text-decoration:none;color:#666666 }
tr.td0 a:hover, tr.td1 a:hover, tr.td_active a:hover { text-decoration:underline }

a.button, div.button, td.button { background:url(library/images/button_bg_inactive.gif) repeat-x scroll 0 0 #ffffff; border-style:solid; border-width:1px;border-color:#D8DFEA #8B9FBF #8B9FBF #D8DFEA; height:22px; padding-left:2px ; padding-right:2px; padding-top:1px; padding-bottom:1px}
a.button, div.button a , td.button a {text-decoration:none }
a.button:hover, div.button_active, td.button_active { background:url(library/images/button_bg_hover.gif) repeat-x scroll 0 0 #ffffff; border:1px solid #8B9FBF; height:22px; padding-left:2px ; padding-right:2px; padding-top:1px; padding-bottom:1px}
a.button:hover, div.button_active a , td.button_active a { text-decoration:none !important}
a.button:hover, a.button {display:inline-block; padding:5px; height:auto}

table.linklist a {text-decoration:none}
table.linklist a:hover {text-decoration:underline}

div.tags {display:none}
/*
	Font classes
*/	
.small{font-size:11px}
.kopje a {text-decoration:none}
.kopje a:hover {text-decoration:underline}
.required {color:#5055b4}

.messageheader {padding:8px; background-color:#EDEEF1;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc}
.messagecontent {padding:8px}
/*
	Input classes
*/	
form {margin:0px}
input.edit,textarea.edit,select.edit  { background-image:url(http://www.nvvr.nl/new/input_bg.gif); border:1px solid #DDDDDD; background-color:#ffffff}
input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus { background-color:#ffffff }
/*
	Table header
*/	
th {height:22px;border-top:3px;background-color:#D9E8F1}

/*
	Page structuur classes
*/	
div#page {
	margin: 10px auto;
	text-align: left;
	width: 987px;
}

div#header {
	background: url(http://www.nvvr.nl/new/header-1024.png) transparent 0 8px no-repeat;
	height: 116px;
	width: 987px;
}

div#header div#logo {float:left;margin-left:15px;margin-bottom:16px}
div#header div#naam {float:left;padding-left:20px;padding-top:40px;color:#5055B4;font-size:24px;font-family:Comic Sans MS, Trebuchet MS,Tahoma;height:34px;line-height:32px}
div#header div#zoek {display:inline-block;float:right;padding-right:15px;padding-top:76px}

div#main {
	background: url(http://www.nvvr.nl/new/bg-1024.png);
	width: 987px;
	padding-left:15px; padding-right:15px;
}

div#kader_left {width: 220px; float:left; margin-right:12px} 
div#kader_content {padding:6px; width: 490px; float:left; 
				-moz-border-radius:8px;background:url(http://www.nvvr.nl/new/box_bg.gif) #ffffff repeat-x;border-top:1px solid #EDF2F5; border-left:1px solid #EDF2F5;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd} 
div#kader_content.wide {width:724px}
div#kader_content.noframe {padding:0px;background-image:none;border:0px;-moz-border-radius:0px}
div#kader_content a {text-decoration:none}
div#kader_content a:hover {text-decoration:underline}
div#kader_right {width: 220px; float:right; margin-left:12px}

div#footer {background: url(http://www.nvvr.nl/new/foot-1024.png) bottom right;border:none;height:68px;font-size:10px;width: 987px;padding-right:20px}
div#footer #sponsors { width: 600px; padding-left:265px; padding-right:120px}
div#footer div#left { float:left; padding-top:28px }
div#footer div#right { float:right; padding-top:28px }
div#footer div#right a {padding:0px !important} 
div#footer a div#anbi  { width:31px; height:25px; background-image:url(i/anbi.gif); border:0px; position:relative; left:50%; margin-left:-16px; margin-top: -22px;}
div#footer a:hover div#anbi {background-position:0px 25px}
div#footer a { padding-right:16px; padding-left:16px; color:#333; text-decoration:none}
div#footer a:hover {color:#5055B4; text-decoration:underline}

.tk,.kopje,h1,h2 { color:#5055B4; font-size:15px; letter-spacing:0px; font-family: Trebuchet MS, Tahoma, Verdana;font-weight:normal}
h1,h2 {margin-top:2px;margin-bottom:8px;padding-bottom:0px}
h3 {margin:0px;padding:0px}

div.box { -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;background-color:transparent;background-repeat:repeat-x;background-image:url(http://www.nvvr.nl/new/box_bg.gif);border-top:1px solid #EDF2F5; border-left:1px solid #EDF2F5;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd}
div.box { padding:6px;margin-bottom:12px }
div.box:hover, div#kader_content:hover { border-color:#5055B4; color:#000000 }
div.box:hover .tk { color:darkblue }
div.box td {padding-left:3px; padding-right:3px}
div.box a { color:#333; text-decoration:none }
div.box a:hover {color:#5055B4; text-decoration:underline }
div.box .tk { line-height: 18px; margin-bottom: 3px;margin-top: 3px; }
div.box .sub { padding-top:6px;font-weight:bold }


div#zoekform {
	background-image:url(http://www.nvvr.nl/new/input_bg.gif);
	border:1px solid #DDDDDD;
	float:left;
	height:22px;
	width:167px;
}

div#zoekform input#zoekveld {
	background-image:url(http://www.nvvr.nl/new/input_bg.gif);
	border:0;
	color:#666666;
	float:left;
	font-size:11px;
	height:19px;
	padding-left:4px;
	padding-top:3px;
	width:140px;
}

div#zoekform img#zoekknop {
	float:right;
	height:18px;
	margin-right:1px;
	margin-top:1px;
	width:18px;
}

div#menus {
	padding-bottom:16px;
}

div#menus div#menu {
	background-image:url(http://www.nvvr.nl/new/menu_bg.gif);
	background-repeat:no-repeat;
	width:100%;
	height:26px;
	padding-top:4px;
}

div#menus div#menu a { text-decoration:none }

div#menus div#menu a .menu_item {
	color: #5055B4;
	padding-right:16px;
	padding-left:16px;
	vertical-align:top;
	padding-top:7px;
	font-weight:normal;
	text-decoration:none;
	height:auto;
}

div#menus div#menu a:hover .menu_item {
	font-family: Trebuchet MS, Tahoma, Verdana;
	font-weight:normal;
	color: darkblue;
	border-top:4px solid #DEEE0E;
	padding:2px 16px 1px;
	background-color:#EDF2F5;
	opacity:.7;
	filter: alpha(opacity = 70);
	display:inline-block;
	margin-top:-4px;
	cursor:pointer;
}

div#menus div#menu .menu_item_active {
	color:darkblue;
	border-top:4px solid #5055B4;
	padding:1px 16px 2px;
	font-weight:normal;
	background-color:#EDF2F5;
	opacity:.7;
	filter: alpha(opacity = 70);
	display:inline-block;
	margin-top:-4px;
}

div#menus div#menu_sub {
	background-image:url(http://www.nvvr.nl/new/menu_sub_bg.gif);
	background-repeat:no-repeat;
	width:100%;
	height:26px;
}

div#menus div#menu_sub a {text-decoration:none}

div#menus div#menu_sub a .menu_item {
	color: #5055B4;
	margin-top:2px;
	padding:2px 16px 3px;
	vertical-align:top;
	font-weight:normal;
	text-decoration:none;
	height:auto;
	display:inline-block;
}

div#menus div#menu_sub .menu_item_active {
	color: darkblue;
	margin-top:2px;
	padding:2px 16px 4px;
	font-weight:normal;
	text-decoration:none;
	height:auto;
	display:inline-block;
	border-bottom: 1px solid #5055B4;
	background-color:#EDF2F5;
	opacity:.7;
	filter: alpha(opacity = 70);
}

div#menus div#menu_sub a:hover .menu_item { 
	color: darkblue;
	margin-top:2px;
	padding:4px 16px 2px;
	border-bottom: 1px solid #DEEE0E;
	background-color:#EDF2F5;
	opacity:.7;
	filter: alpha(opacity = 70);
	cursor:pointer;
}

table.agenda_item {width:700px}
table.agenda_item td.col1 {width:510px;border-right:1px solid #dddddd; padding-left:0px; padding-right:8px}
table.agenda_item td.col2 {width:190px;padding-left:8px}

.calc_fld    {border:0px;color:#000000;background-color:#F7F4EF;text-align:right;width:90px;height:17px;font-size:12px;font-weight:bold}
.artikel_nrs {border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-top:0px;border-left:0px;color:#000000;width:200px;height:62px;overflow: auto;font-size:10px;font-weight:bold}
#sponsor_info {-moz-box-shadow:#999999 3px 3px 3px;-moz-border-radius:8px;-webkit-border-radius:8px;position:absolute;z-index:99;left:50%;width:420px;margin-left:-225px;top:125px;border:3px solid #5055B4;background:url(http://www.nvvr.nl/new/box_bg.gif) #ffffff repeat-x;filter:progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=6)}
#sponsor_info a, #sponsor_info a:link, #sponsor_info a:active,#sponsor_info a:visited,#sponsor_info a:hover{color:#5055B4;text-decoration:underline}

TABLE.steptable {
	width:100%;
	margin-bottom:8px;margin-top:8px ;
	border:1px solid #ddd;
}
.steptable TD {
	padding-top:8px;
	padding-bottom:8px;
	padding-left:8px;
	padding-right:8px}	
.steptable TD div.stepTD
{	padding-top: 2px;
	padding-bottom: 2px;
	padding-left:6px;
	padding-right:6px;
	width:24px;
	border:1px solid #ddd;
	background-color:#F7F4EF;
	text-align:center;
	color:#5055B4;
	font-weight:bold}
.steptable TD.stepTD_spacer { width:12px; }		
.steptable TD div.stepTD_active 
{	padding-top: 2px;
	padding-bottom: 2px;
	padding-left:6px;
	padding-right:6px;
	width:24px;
	border:1px solid #ddd;
	background-color:#5055B4;
	text-align:center;
	color:#ffffff;
	font-weight:bold}

tr.tr_active { background-color:#5055B4}
tr.tr_active td {color:#ffffff}

tabel.tabel {width:100%}

div.borders {border:1px solid #ddd;width:100%;padding:8px;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}  /* for IE/Mac */

/* temporary fixes*/
div.box td { padding-top:0px;padding-bottom:0px }
.tk_s1 { display:none }
.tk { padding:0px;margin:0px }

.clearfix {
zoom: 1;     /* triggers hasLayout */
 display: block;     /* resets display for IE/Win */
} 

/* Library overwrites */
div#alertBox div.buttonbar a.button  { height:24px !important}
div#alertBox div.buttonbar a.button div {text-align:center}
div#alertBox p strong {color:#002350 !important}

button, input.button {
	display:block;
	position:relative;
	width:auto;
	text-decoration:none;
	text-align:center;
	color:#0079c2;
	font-weight:bold;
	height:24px;
	max-width:120px;
	background-image:url(library/images/button_bg_inactive.gif);
	border-top:1px solid #D8DFEA;
	border-left:1px solid #D8DFEA;
	border-bottom:1px solid #8B9FBF;
	border-right:1px solid #8B9FBF;
}