/*  CSS voor de standaard tags */
body {font-family: Arial, "Times New Roman", Helvetica, serif;	font-size: 100%;background: #e0e0e0;margin: 0px;padding: 0px;border: 0px;}
input.text {border: 1px solid; font-weight: bold;}
select, option  {background-color: #fff;}
a {	color: #2e7ba6;}
a:hover { color: #000}
legend {	font-weight: bold;}
td {	vertical-align: top;}
form.cmxform fieldset {margin-bottom: 10px;}
form.cmxform legend {padding: 0 2px;  font-weight: bold;}
form.cmxform label {display: block;  line-height: 1.8;  vertical-align: top;}
form.cmxform fieldset ol {margin: 0;  padding: 0;}
form.cmxform fieldset li {list-style: none;  padding: 5px;  margin: 0;}
form.cmxform fieldset fieldset {border: none;  margin: 3px 0 0;}
form.cmxform fieldset fieldset legend {padding: 0 0 5px;  font-weight: normal;}
form.cmxform fieldset fieldset label {display: block;  width: auto;}
form.cmxform em {font-weight: bold;  font-style: normal;  color: #f00;}
form.cmxform label {width: 120px;}
form.cmxform fieldset fieldset label {margin-left: 123px;}

table.tablesorter {font-family:arial;	background-color: #CDCDCD;	text-align: left;}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {}
table.tablesorter thead tr .header {padding-right:20px;	background-image: url(../../images/bg.gif);	background-repeat: no-repeat;	background-position: center right;	cursor: pointer;}
table.tablesorter tbody td {color: #3D3D3D;	background-color: #FFF;	vertical-align: top;}
table.tablesorter tbody tr.odd td {background-color:#F0F0F6;}
table.tablesorter thead tr .headerSortUp {background-image: url(../../images/asc.gif);}
table.tablesorter thead tr .headerSortDown {background-image: url(../../images/desc.gif);}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #8dbdd8;}

/*  CSS voor de id's */
#header {	border-bottom: 6px double #2e7ba6;}
#content_container {	border: 1px solid #000;	background-color: #ffffff;}
#content {	background-color: #ffffff;}
#content_kop {	font-weight: bold;	border-bottom: 1px dashed #000;	color: #2e7ba6;	background-color: #f2f2f2;}
#menu_iframe {z-index: 10;	position: absolute;	display: none;}
#header a {font-size : 80%;}
#trw001_ord1 {margin-left:220px;	padding:10px;	font-size:80%;}
#trw001_rgl1 {margin-left:220px;	padding:10px;	font-size:80%;}
#trw002_ord1 {margin-left:220px;	padding:10px;	font-size:80%;}
#trw002_rgl1 {margin-left:220px;	padding:10px;	font-size:80%;}
/*                      */
/*  CSS voor de classes */
/*                      */
.a713pag {	float:left;	width:25px;	padding: 5px;	border:1px solid #C1DAD7;	text-align:center;	font-family: Verdana, serif;	font-size:10px;}
.a713pag2 {	float:left;	width:100px;	padding: 5px;	border:1px solid #C1DAD7;	font-family: Verdana, serif;	font-size:10px;}
.artikelen {	border-collapse: collapse;	border: 1px solid #000;	font-size: 12px;}
.artikelen th {	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	color: #4f6b72;	border-bottom: 1px solid #C1DAD7;	border-top: 1px solid #C1DAD7;	letter-spacing: 2px;	text-transform: uppercase;	padding: 3px 10px 3px 3px;	background: #CAE8EA url(../../images/bg_header.jpg) no-repeat;}
.artikelen caption {	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	color: #4f6b72;	border: 1px solid;	letter-spacing: 2px;	text-transform: uppercase;	padding: 3px 10px 3px 3px;	background: #CAE8EA url(../../images/bg_header.jpg) no-repeat;}
.artikelen2 { border-collapse: collapse;	 font-size: 12px;}
.artikelen2 th { font: bold 12px; color: #000; border-bottom: 1px solid #000;	border-top: 1px solid #000; letter-spacing: 2px; text-transform: uppercase;	padding: 3px 10px 3px 3px; background-color: #e0e0e0;}
.arttr1 td {	background: #e0e0e0; padding: 3px;}
.arttr2 td {	background: #fff; padding: 3px;}
.arttr3 td {	background: #ff4411; padding: 3px;}
.bold_italic {	font-weight: bold;	font-style: italic;}
.border {}
.cel1 {	border-bottom:1px solid #000; border-left:1px solid #000; text-align:center;}
.cel2 {	border-bottom:1px solid #000; border-left:2px solid #000; text-align:right;}
.checkbox {	border-style: none;}

.clearfix:after {content: "."; display: block; height: 0; clear: both;visibility: hidden;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.dash1 {	float:left;	margin:5px;	overflow:auto;}
.dash2 {	border-top: 1px solid #000;	border-bottom: 1px dashed #000;	padding:5px;	font-size:14px;	background-color: #e0e0e0;	font-weight: bold;}
.error {	color: red;	font-weight: bold;}
.message {color: #808080; font-style: italic;}
.footertext {	font-size: 0.8em;}
.input {	border: 1px solid;	font-weight: bold;}
.input_err {	border: 3px solid red;	font-weight: bold;}
.italic {	font-style: italic;}
.kop {	font-size: 22px;	font-weight: bold;	color: #2e7ba6;}
.kop2 {	font-size: 14px;	font-weight: bold;	color: #2e7ba6;}
.kopklein {	font-size: 10px;}
.logonbox {	margin-right:auto;	margin-left:auto;	width:500px;	padding:50px 0px 50px 25px;	background-color: #e0e0e0;	border: 1px solid #000;	-moz-border-radius: 5px;	-webkit-border-radius: 5px;}
.omsaanb {	font-size: 10px;	font-style: italic;	padding-left: 10px;}
.slogantext {	font-style: italic;}
.small {	font-size: 12px;}
.small2 {	font-size: 10px;}
.sitemap1 {	width:250px;	border: 1px solid #000;	float:left;	margin:5px;	overflow:auto;	background-color: #f0f0f0;}
.sitemap2 {	border-bottom: 1px solid #d24936;	padding:5px;	font-size:14px;	background-color: #e0e0e0;	font-weight: bold;}
.taleft {	text-align: left;}
.taright {	text-align: right;}
.tacenter {	text-align: center;}
.table1  caption {	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	color: #4f6b72;	border: 0px; letter-spacing: 2px;	text-transform: uppercase;	padding: 3px 0px 3px 15px;	background: #d0d0d0;}
.table1  th {	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	color: #4f6b72;	border-bottom: 1px solid #C1DAD7;	border-right: 0px;	border-left: 0px;	border-top: 0px;	letter-spacing: 2px;	text-transform: uppercase;	padding: 3px 0px 3px 15px;	background: #f2f2f2;}
.table1  td {	border-bottom: 1px solid #C1DAD7;	border-right: 0px;	border-left: 0px;	border-top: 0px;	padding: 3px 0px 3px 15px;}
.table1 td.hover {	background-color:#e0e0e0;}
ul {border:0; margin:0; padding:0;}  
  
.pagination li {border:0; margin:0; padding:0;font-size:11px;list-style:none;margin-right:2px;display: inline;float: left;}  
.pagination a {border:solid 1px #9aafe5;margin-right:2px;color:#000000;}  
.pagination .previous-off, .pagination .next-off {border:solid 1px #DEDEDE;color:#888888; display:block; float:left;font-weight:bold;	margin-right:2px;padding:3px 4px;}  
.pagination .next a,  
.pagination .previous a {	font-weight:bold;color:#000000;}  
.pagination .active{	background:#2e6ab1;color:#FFFFFF; font-weight:bold; float:left; padding:4px 6px;}  
.pagination a:link,  
.pagination a:visited {color:#0e509e;display:block;float:left;padding:3px 6px;text-decoration:none;}  
.pagination a:hover{	border:solid 1px #0e509e}  
.pagination .list-seperator {display: inline;float:left;}  
.werkenmet {font-style:normal; font-size:11px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
.werkenmet a {color: #000;}
.werkenmet table {border-collapse: collapse;}
.werkenmet td,
.werkenmet th {vertical-align: top;text-align: left;}
.werkenmet td {border-bottom: 1px solid #000;	padding-left: 10px;}
.werkenmet .right {text-align: right;}
.werkenmet th {background: #eee;	padding-left: 10px;	border-bottom: 2px solid #000;}
.werkenmetform {padding: 20px;}
.werkenmetform label {	float: left; width: 10em;margin-right: 1em;font-weight: bold;}
.werkenmetform li  {list-style: none;	padding-bottom: 10px;}
.alert {	background: #f7f8e1 url(../../images/error.gif) no-repeat 5px 5px;	clear: both;border: #c0c184 1px dotted;	padding: 5px 10px 5px 30px;margin: 1em;color: #000;	text-align: left! important}

.box { float: left; margin: 0px 20px 20px 0px; width: 450px;}
.box-045 { width: 200px;}
.box-125 { width: 565px;}
.box-150 { width: 705px;}
.box-200 { width: 920px;}
.box-max { width: 100%;}
.box-auto{width: auto;}

.box .innerbox {	border-right: #999 1px solid; border-top: #999 1px solid; background: #fff; border-left: #999 1px solid; border-bottom: #999 1px solid; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; box-shadow: #aaa 0 0 10px; -webkit-box-shadow: #aaa 0 0 10px; -moz-box-shadow: #aaa 0 0 10px}
.box .header { padding-right: 0px; border-top: #444 1px solid; padding-left: 10px; background: url(../../images/headerbox.png) #3d3d3d repeat-x; padding-bottom: 9px; margin: -1px -1px 0px; padding-top: 7px; position: relative; border-radius: 5px 5px 0 0; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px}
.box .header h3 {	display: inline; font-size: 150%; color: #fff; position: relative; top: 2px; text-shadow: #151515 0 1px 0}
.box .content { margin-bottom: 5px;}
.box .content p { padding: 10px;}
.box .clear { clear: both;}

.box form { padding-right: 18px; padding-left: 18px; padding-bottom: 18px; padding-top: 18px}
.box form.tableform{ padding:0;}
.box label.check { margin-right: 5px}
.box label.radio { margin-right: 5px}
.box input { border: #999 2px solid; padding: 0 2px; }
.box textarea { border-right: #999 1px solid; padding-right: 2px; border-top: #999 1px solid; padding-left: 2px; border-left: #999 1px solid; border-bottom: #999 1px solid;}
.box form.fields fieldset { border-right: #ccc 1px solid; padding-right: 15px; border-top: #ccc 1px solid; padding-left: 15px; margin-bottom: 15px; padding-bottom: 15px; border-left: #ccc 1px solid; padding-top: 10px; border-bottom: #ccc 1px solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
.box form.fields fieldset legend { padding-right: 10px; padding-left: 10px; font-size: 125%; padding-bottom: 0px; padding-top: 0px; font-weight: bold; font-style: italic;}
.box form.fields label { margin-top: 16px; display: block; font-weight: bold;}
.box form.fields div.sep { margin-top: 16px; display: block}
.box form.fields div.sep label{display: inline}
.box form.fields div.sep { margin-top: 16px; display: block}
.box form.fields div.sep2  { float:left; padding-right: 20px;}
.box form.fields label.check { margin-top: 0px; display: inline}
.box form.fields label.radio { margin-top: 0px; display: inline}
.box form.fields span.loading { margin-left: 10px}

.box .uitleg { background-color: #ddd; color: #000; float:right; width: 250px; border: 1px solid #999; padding:5px; clear:right;}
.box input:focus  { border-color: #000;}
.box .fields .error  { border-color: red;}

.box .button { border-right: #00487a 1px solid; padding-right: 9px; border-top: #00487a 1px solid; padding-left: 9px; background: url(../../images/button.gif) #0567ad repeat-x; padding-bottom: 5px; border-left: #00487a 1px solid; cursor: pointer; color: #fff; padding-top: 5px; border-bottom: #00487a 1px solid; text-shadow: #00487a 1px 1px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
.box .button:hover,
.box .button:focus,
.box .button:active  { border-left-color: #272727; background: url(../../images/altbutton.gif) #2a2a2a repeat-x; border-bottom-color: #272727; color: #fff; border-top-color: #272727; border-right-color: #272727; text-shadow: #000 1px 1px 0}

table.default { width: 100%}
table.default th { padding-right: 5px; padding-left: 5px; padding-bottom: 8px; padding-top: 10px}
table.default td { padding-right: 5px; padding-left: 5px; padding-bottom: 8px; padding-top: 10px}
table.default th { font-weight: normal; text-align: left}
table.default td.center {text-align:center;}
table.default tr.even th { background: #f5f5f5}
table.default tr.even td { background: #f5f5f5}
table.default th.first { padding-left: 20px}
table.default td.first { padding-left: 20px}
table.default thead th { border-right: #d5d5d5 1px solid; background: url(../../images/thead.gif) #ddd repeat-x; border-left: #f2f2f2 1px solid; text-shadow: #fff 0 1px 0}
table.default thead td { border-right: #d5d5d5 1px solid; background: url(../../images/thead.gif) #ddd repeat-x; border-left: #f2f2f2 1px solid; text-shadow: #fff 0 1px 0}
table.default tbody tr.first th { border-top: #bbb 1px solid}
table.default tbody tr.first td { border-top: #bbb 1px solid} 

table.planning {width: 100%; font-size:80%}
table.planning  th { padding: 1px;}
table.planning td { padding: 1px; text-align:center; border-top:1px solid #000;border-left:1px solid #000;}
table.planning  th { font-weight: normal; text-align: left}
table.planning  tr.even th { background: #f5f5f5}
table.planning  tr.even td { background: #f5f5f5}
table.planning  thead th { border-right: #d5d5d5 1px solid; background: url(../../images/thead.gif) #ddd repeat-x; border-left: #f2f2f2 1px solid; text-shadow: #fff 0 1px 0}
table.planning  thead th.week {text-align:center;border-bottom:1px solid #000;border-left:2px solid #000;font-weight:bold;}
table.planning  thead td { border-right: #d5d5d5 1px solid; background: url(../../images/thead.gif) #ddd repeat-x; border-left: #f2f2f2 1px solid; text-shadow: #fff 0 1px 0}
table.planning  tbody tr th.afd {border-top:1px solid #000; border-bottom:1px solid #000; font-weight:bold;background-color:#e0e0e0}
table.planning  tbody th.even  { background: #e0e0e0}

table.legenda td.blok{width : 20px;}
table.legenda td.txt{padding: 0 5px;}

.kenmerkgroep { float: left; width: 230px;}
.kenmerk_select { width: 200px; }
.kenmerken { float: left; width: 230px; padding: 10px;}
.kenmerken ul { list-style-type: square; }
.kenmerk_resultaat { float: left; width:650px; padding: 0px 10px; }

.groepsindelingen{ float: left; width: 250px; padding: 10px;} 
.groepsindeling { margin-bottom: 20px}