body {
	font-family: trebuchet ms, verdana, arial, tahoma;
	/*font-size: 80%;*/ /* naar standaard van 12px --> voor werken in 'em' */ 
	color: #888;
	background-color: white;
	margin: 0;
	padding: 0;
	text-align: center;
}

form {
	margin: 0px;
	display:inline;
}

form td {
	/*font-size: 80%;*/
}

table, td table {
	font-size: 0.9em; /* naar standaard van 12px --> voor werken in 'em' */
}
td {
	font-size: 100%; /* naar standaard van 12px --> voor werken in 'em' */
}

p {
	margin-top: 0.5em;
}

select, td select {
	font-family: trebuchet ms, tahoma, verdana, arial;
	/*font-size: 0.9em;*/
	color: #555;
	position:relative;
	top:-1px;
}

input, td input {
	font-family: trebuchet ms, verdana, arial, tahoma;
	font-size: 1em;
	margin-right: 5px;			   
}

td select, td select .selectveld, .selectveld {
	margin-right: 5px;
}

.radio {
	position: relative;
	top:1px;
}

.invoerveld {
	border: 1px solid #3a6ea5;
	font-size: 1em;
	background: #ffffff;
	color: #000000; 
	text-align: left;
	font-weight: normal;
	padding-left:5px;
	padding-right:5px;
}

/* Set the page width here */
#menu-top, #header, #wrapper-content, #wrapper-footer {
	width: 85%;
	min-width: 700px;
	max-width: 1050px;
	margin: 0 auto;
	text-align: left;
}

#menu-top {
	background: white url('../../staticweb/codinet/bg02-white-right.png') no-repeat right top;
	overflow: hidden;
}

#menu-top ul {
	background: transparent url('../../staticweb/codinet/bg02-white-left.png') no-repeat left top;
	margin: 0;
	padding: 14px 0 0 25px;
	list-style: none;
	float: left;
}

#menu-top li { display: inline; }

#menu-top a { float:left;}

#menu-top a.tabblad, #menu-top a:visited.tabblad {
	background: transparent url(../../staticweb/codinet/menuleft.png) no-repeat left top;
	display: block;
	float: left;
	text-decoration: none;
	margin: 0 2px;
}

#menu-top a.tabblad span, #menu-top a:visited.tabblad span {
	background: transparent url(../../staticweb/codinet/menuright.png) no-repeat right top;
	padding: 0 8px 0 4px;
	margin: 0 0 0 4px;
	display: block;
}

#menu-top a:hover.tabblad { background-position: 0% -50px; }
#menu-top a:hover.tabblad span { background-position: 100% -50px; }

#wrapper-header { background: transparent url('../../staticweb/codinet/bg.png') top center repeat-x;}
#header { background: #eee url('../../staticweb/codinet/grashemel_100.jpg') no-repeat center top; }
/*#header { background: #eee url('../../staticweb/codinet/spf1_transp_100.jpg') no-repeat center top; }*/
#wrapper-header2 { background: transparent url('../../staticweb/codinet/bg02-blue-left.png') top left no-repeat; }
#wrapper-header3 { background: transparent url('../../staticweb/codinet/bg02-blue-right.png') top right no-repeat; }

#header h1 {
	margin: 0 0 0 20px;
	padding: 0;
	height: 100px;
	/*height: 192px;*/
	line-height: 3em;
	color: #ccc;
	font-size: 1.3em;
}

#wrapper-content { background: white url('../../staticweb/codinet/bg02-white-left.png') no-repeat left top;}

#dummy {
	clear: both;
}

#content {
	background: transparent url('../../staticweb/codinet/bg02-white-right.png') no-repeat right top;
	padding: 5px 40px 3em 40px;
	z-index: 0;
}

#content ul {
	list-style-type: none;
	text-align: left;
	margin: 0px 0px;
	margin-bottom: 12px;
	padding: 0px;
}

#content ul li {
	background: transparent url('../../staticweb/codinet/listpijl_blauw.gif') left top no-repeat;
	background-position: 0 .75em;
	padding: 5px 0px 0px 14px;	
	line-height: 130%;
}

#menu-page {
	float: right;
	width: 187px;
	margin: 20px 30px 3em 2em;
	background: transparent url('../../staticweb/codinet/menu.png') no-repeat;
	text-align: center;
	line-height: 140%;
	font-family: trebuchet ms, verdana, arial, tahoma;
	z-index: 10;
}

#menu-page ul {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
	list-style: none;
	font-size: 1.2em;
}

#menu-page ul li {
	padding: 5px 10px 0px 10px;
}

#menu-page ul li a#actief, #menu-page ul li span#actief {
	color: #ff0000;
}

#menu-page h3 {
	font-size: 0.8em;
	text-transform: uppercase;
	margin: 1em 0 0.3em 0;
	color: #5b8fbe;
	font-weight: normal;
	letter-spacing: 0.15em;
	margin-top: 1.3em;
}

#menu-page a:link, #menu-page a:visited { color: #888; }
#menu-page a:hover { color: #5b8fbe; }

#wrapper-footer { text-align: center;}

#footer {
	font-size: 0.85em;
	margin: 0 10px;
	background-color: #e5f0fc;
	border: 1px solid #ccc;
	border-bottom: 0;
	clear: both;
	height: 16px;
}

h2 { font-size: 1.2em; margin-bottom: 0.5em; }
h3 { font-size: 1.1em; margin-bottom: 0.5em; }
h4 { font-size: 1.1em; margin-bottom: 0; padding-bottom: 0; }

a:link, a:visited { color: #5b8fbe; text-decoration: none; }
a:hover{ color: #666; text-decoration: underline; }
a { outline:none; /* geen stippellijn in Firefox */ }
a img { border:none; }

/* This code is for the positioning of the footer. There is also an IE part in ltie7.css */
html, body {
	height: 100%;
}

#nonFooter {
	position: relative;
	min-height: 100%;
	height:auto !important; /* voor moderne browsers */
	height: 100%; /* voor ID */
}

#wrapper-footer {
	position: relative;
	margin-top: -17px;
}

#finesselogo {
	float: right;
	padding-right: 25px;
	padding-top:9px;
	display:inline;
}

#wijziglettergrootte {
	float: right;
	padding-top:8px;
	height: 18px;
	display:inline;
}

#coperfinlogo {
	position: relative;
	margin-top: 2em;
}

div.row {
	clear: both;
	padding-top: 5px;
}

div.row span.label {
	float: left;
	width: 100px;
	text-align: right;
}

div.row span.form {
	width: 335px;
	text-align: left;
	background-color: #dddddd;
}

/* CSS Tooltips */
a.tip {
	color: #5b8fbe;
	border-bottom: 1px dashed #5b8fbe;
	text-decoration: none;
}

a.tip:hover {
	position: relative;
	cursor: help;
	color: #666;
	text-decoration: none;
	border-style: none;
}

a.tip span {
	display: none;
}

a.tip:hover span {
	display: block;
	font-size: 0.9em;
	text-align: left;
	color: #000000;
	position: absolute;
	top: 10px;
	left: 0;
	background-color:  #eeeeee;
	/* formatting only styles */
	padding: 5px 5px;
	margin: 10px;
	z-index: 100;
	border: 1px solid #000000;
	/*opacity: 0.9;*/
	text-decoration: none;
	line-height: 1.2em;
	width: 89%; 
	/*padding-left: 68px;
	line-height: 1.3em;
	padding-right: 10px;
	padding-left: 10px;
	width: 65%; 
	background: #eeeeee url('../../staticweb/codinet/tooltip02.jpg') no-repeat 5px center; 
	background: #eeeeee url('../../staticweb/codinet/tooltip02.jpg') no-repeat 5px 5px; */
	/* end formatting */
}

.knop {
	font-weight:bold;
	color:#555;
	border:1px solid #cccccc;
	background-color:#ffffff;
	background-image:url(../../staticweb/codinet/bgknop.jpg);
	background-repeat: repeat-x;
	padding-top: 3px;
	padding-bottom:1px;
	text-transform: uppercase;
	font-family: tahoma;
	font-size: 0.9em;
	position: relative;
	top: -1px;
}

.knop2 {
	font-weight:normal;
	color:#555;
	border:1px solid #cccccc;
	background-color:#ffffff;
	background-image:url(../../staticweb/codinet/bgknop3.jpg);
	background-repeat: repeat-x;
	padding-top: 3px;
	padding-bottom:1px;
	text-transform: uppercase;
	font-family: tahoma;
	font-size: 0.9em;
	position: relative;
	top: -1px;
}

fieldset {
	border:1px solid #888888;
	padding: 10px 20px;
}

legend {
	font-size: 1em;
	font-weight:bold;
	padding: 0px 10px;
	border:1px solid #888888;
	background-color: #f5f5f5;
	margin-left: -6px;
	margin-bottom: 10px;
}

label {
}

#extrainfo {
	font-size: 0.9em;
	color: #5b8fbe;
	font-weight: bold;
	line-height: 1.25em;
}

#quest {
	vertical-align: top;
	padding-left:1px;
}

#userlog {
	letter-spacing: 0;
	font-size: 0.8em;
	font-weight: normal;
	color: #5b8fbe;
	text-transform: uppercase;
	line-height: 0;
}

#menu-page #userlog a {
	color: #ef803a;
}

#userlog #see {
	color: #ef803a;
}

hr {border-width:1px;border-color:#222222;}

.grijskader {
	border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
	background-color:#f5f5f5;
	padding:3px 10px;
}

.kader {
	border-style:solid;
	border-width:1px;
	border-color:#DDDDDD;
	padding:3px 10px;
}

.kdr {
	border-style: none;
	padding: 0px 0px;
	margin: 3px 0px;
	text-align: justify;
	line-height: 1.4em;
}

.kdr#actief {
	background-color: #f5f5f5;
	border-style: none;
	padding: 2px 10px;
	margin: 3px 0px;
}

.zoekresult {
	border-style: none;
	padding: 3px 0px 3px 0px;
}

.zoekresult span.nr {
	padding: 0px 5px 0px 5px;
	margin-right: 5px;
	margin-left: -11px;
	margin-top: -7px;
	border: 1px solid #DDDDDD;
	background-color: #fcfcfc;
	text-decoration: none; 
	color: #2e6ab1;
	float: left;
	overflow: hidden;
}

/*.standaardtabel#1 {
	width: 765px;
	max-width: 765px;
	display:block;
	overflow:auto;
	empty-cells: show;
}

.standaardtabel#2 {
	width: 368px;
	max-width: 368px;
	display:block;
	overflow:auto;
	empty-cells: show;
}

.standaardtabel#3 {
	width: 235px;
	max-width: 235px;
	display:block;
	overflow:auto;
	empty-cells: show;
}*/

.standaardtabel table {
	width: 100%;
	max-width: 765px;
	font-size: 1em;
	border:solid 1px #DDDDDD;
	border-collapse: collapse;
	empty-cells: show;
	table-layout: fixed;
}

.standaardtabel tr {
	vertical-align: top;
}

pre 
{
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -hp-pre-wrap; /* HP printers */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.standaardtabel td {
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
	border:solid 1px #DDDDDD;
	padding: 0px 5px;
	empty-cells: show;
}

.beta {
	vertical-align: top;
	color: #bbb;
	font-weight: bold;
	font-size: 0.7em;
	white-space: nowrap;
	padding-left:5px;
}

.coditekst tr {
	vertical-align: top;
	line-height: 1.15em;
	font-size: 80%; /* naar standaard van 12px --> voor werken in 'em' */ 
}

.coditekst.codititel {
	font-weight:bold;
	text-transform: uppercase;
}

.tblkopprocent {
	border: 1px solid #eeeeee;
	width: 1.75em;
	font-size: 1em;
	text-align:center;
	font-size:1.1em;
}

div.sabrosus {
	padding:0px;
	margin:2px 0px;
	text-align:left;
}

div.sabrosus span.current {
	padding: 0px 5px 0px 5px;
	margin-right: 2px;
	border: 1px solid navy;
	font-weight: bold;
	background-color: #2e6ab1;
	color: #FFF;
}

div.sabrosus a {
	padding: 0px 5px 0px 5px;
	margin-right: 2px;
	border: 1px solid #9aafe5;
	text-decoration: none; 
	color: #2e6ab1;
}

div.sabrosus span.puntjes {
	margin-right: 2px;
	font-size: 0.75em;
}

div.sabrosus a:hover, div.sabrosus a:active {
	border: 1px solid #2b66a5;
	color: #000;
	background-color: lightyellow;
	text-decoration: none; 
}

div.fontswitch {
	padding: 6px 0px 2px 0px;
	font-weight: normal;
	font-family: arial, sans-serif;
	float: right;
	display:inline;
	margin-right: 5px;
}
div.fontswitch a {
	padding: 2px 4px 2px 4px;
	border: 1px solid #a0a0a0;	
	text-decoration: none; 
	text-transform: lowercase;
	color: #aaaaaa;
	margin-right: 2px;
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 0px;
}
div.fontswitch a#large, div.fontswitch a#largeblack {
	padding: 0;
	font-size: 19px;
	line-height: 15px;
}
div.fontswitch a#large {
	color:#888;	
}
div.fontswitch a#largeblack {
	color:#000;
} 
div.fontswitch a#medium, div.fontswitch a#mediumblack {
	padding: 0;
	font-size: 15px;
	line-height: 15px;
}
div.fontswitch a#medium {
	color:#888;	
}
div.fontswitch a#mediumblack {
	color:#000;
} 
div.fontswitch a#small, div.fontswitch a#smallblack {
	padding: 0;
	font-size: 11px;
	line-height: 15px;
}
div.fontswitch a#small {
	color:#888;	
}
div.fontswitch a#smallblack {
	color:#000;
} 
div.fontswitch a:hover, div.fontswitch a:active {
	border: 1px solid #333333;
	color: #333333;
	background-color: #ffffcc;
	text-decoration: none;
}

.formulier table {
	width: 100%;
	max-width: 765px;
	font-size: 1em;
	border:none;
	border-collapse: collapse;
	empty-cells: show;
	table-layout: fixed;
}

.formulier tr {
	vertical-align: top;
}

.formulier td {
  word-wrap: break-word;       /* Internet Explorer 5.5+ */
	border:solid 1px #DDDDDD;
	padding: 0px 5px;
	empty-cells: show;
}

td .infolijn {
	color: #5b8fbe;
	font-size: 0.9em;
}

.rood {
	color: #ff0000;
}

.rij {
	display:block;
	width:100%;
	clear:both;
}

.fullkol, .kol {
	float:left;
	background:#fff;
}

.kol {
	width:48%;
}

.fullkol {
	width:100%;
}

.tsskol {
	float:left;
	width:3.9%;
	background:#fff;
	border:0px;
	overflow:hidden;
}

.lijnonder {
	border-bottom: 1px solid #cccccc;
}