html, body {
 height: 100%; /* needed for container min-height */
}

body {
  color: #555;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  line-height: 1.5;
  background-color: #b5dda6;
  background-image: url('/images/global/bg.png');
  background-repeat: repeat-x;
  padding: 0;
  margin: 0;
  text-align: center;
}     

#container {
 margin: 0 auto; 
 position: relative; 
 top: 0px;
 width: 741px;
 text-align: left;
 height: 100%;
 background: url('/images/global/content_bg.gif') 173px 185px;
 background-repeat: repeat-y;
}

#c_header { 
 clear: both; 
 position: relative;
 top: 0px; 
 left: 0px; 
 width: 741px; 
 height: 185px;
 background-image: url('/images/global/bg.png');
 background-repeat: repeat-x;
 z-index: 1;
}

#contact {
 color: #fff;
 position: absolute; 
 top: 12px;
 left: 6px;
 width: auto;
}
#contact img{
 display: inline; 
 vertical-align: middle; 
 margin: 0 3px 0 0;
}
#contact a{
 color: #fff;
 margin: 0 8px 0 0;
}

/* current country, or language selection combobox  */ 
#country {
 color: #fff;
 position: absolute; 
 top: 11px;
 right: 6px;
 height: 16px;
}

/* country selection list, invisible at pageload */
#countries {
 color: #fff;
 z-index: 3;
 position: absolute;
 top: 35px;
 right: 0px;
 width: auto;
 background-image: url('/images/global/bg.png');
 background-repeat: repeat-x;
}
#countries ul {
 list-style-type: none;
 padding: 0px 6px;
 margin: 0;
}
#countries li {
 line-height: 16px; 
}
#countries li img{
 margin: 0px 2px 2px 0;
 display: inline;
 vertical-align: middle;
}
#countries ul li a  { 
 color: #fff;
}
#countries ul li a:hover{ 
 color: #fff;
}


#header { 
 clear: both; 
 position: relative;
 top: 40px; 
 left: 0px; 
 width: 740px; 
 height: 131px;
 z-index: 2;
}

#c_sidebar { 
 font-size: 1em;
 float: left; 
 width: 160px;
 position: relative; 
 top: 0px; 
 left: 0px; 
 margin: 0;
 padding: 0;
}

/* border-color: #cccccc; border-style: solid; border-width: 1px; */

#c_menu {
 background-image: url('/images/global/menu_bg_top.gif');
 background-repeat: no-repeat;
 width: 160px;
 position: relative;
 left: 0px;
 top: 0px;
}
#menu {
 position: relative;
 width: 160px;
 left: 0px;
 top: 8px; 
 padding-bottom: 2px;
 background-image: url('/images/global/menu_bg_bottom.gif');
 background-repeat: repeat-x;
 background-position: 0px 100%;
}

#menu ul  { 
 list-style-type: none; 
 width: 148px;
 padding: 0 0 0 6px;
 margin: 0;
 position: relative; 
 top: 0px;
}
#menu ul li {
 text-align: left; 
 text-indent: 0px; 
 float: none;
 background-image: url('/images/global/menu_button.gif'); background-repeat: no-repeat;
 background-position: 0px -20px;
}
#menu ul li a  { 
 color: #008837; 
 line-height: 20px; 
 background-image: url('/images/global/menu_button.gif'); background-repeat: no-repeat; 
 text-decoration: none; 
 display: block; 
 width: 138px; height: 20px; 
 padding-left: 10px;
 margin-bottom: 6px;
}
#menu ul li a:hover, #menu ul li a.actief { 
 color: #fff;
 background-image: none;
}

#menu ul ul { 
 list-style-type: square;
}
#menu ul ul li {
 text-indent: -10px; 
 float: none;
 position: relative; 
 left: 14px;
 top: -3px;
 background-image: none;
}
#menu ul ul li a  { 
 color: black; 
 font-weight: normal; 
 line-height: 14px; 
 background-image: none; 
 text-decoration: underline; 
 height: 14px; 
 display: block; 
 margin-bottom: 5px; 
 margin-top: 0px;
}
#menu ul ul li a:hover, #menu ul ul li a.actief { color: #fff; background-image: none; text-decoration: underline; }


.invisible{
	color: #b3b3b3;
}

.invisible a:link, .invisible a:visited{
  color: #b3b3b3;
}


#c_pers_menu {
 background-image: url('/images/global/pers_menu_bg_top.gif');
 background-repeat: no-repeat;
 width: 160px;
 position: relative;
 left: 0px;
}

#pers_menu {
 position: relative;
 width: 160px;
 left: 0px;
 top: 8px; 
 padding: 0 0 2px 0;
 background-image: url('/images/global/pers_menu_bg_bottom.gif');
 background-repeat: repeat-x;
 background-position: 0px 100%;
}

#pers_menu input {
 width: 138px;
 margin: 0 0 6px 0;
}

#c_pers_menu_user {
 background-image: url('/images/global/pers_menu_bg_red_top.gif');
 background-repeat: no-repeat;
 width: 148px;
 position: relative;
 left: 6px;
 top: -2px;
}
#pers_menu_user {
 position: relative;
 width: 148px;
 left: 0px;
 top: 9px; 
 padding-bottom: 2px;
 background-image: url('/images/global/pers_menu_bg_red_bottom.gif');
 background-repeat: repeat-x;
 background-position: 0px 100%;
 min-height: 28px;
}
#usericon {
 position: absolute;
 width: 9px;
 height: 26px;
 left: 8px;
 top: -3px; 
 background-image: url('/images/global/icon_user.gif');
}
#username {
 position: relative;
 width: 118px;
 left: 24px;
 top: -4px; 
 font-size: 9px;
}
.usrname{ font-weight: bold;  color: white;}
.usrkind{ color: yellow;}

#pers_menu ul  {
 list-style-type: none;
 margin-left:16px;
 margin-top:16px;
 padding:0;
 line-height: 1.8;
}
#pers_menu ul li {
 text-align: left; 
 text-indent: 0px; 
 float: none;
}
#pers_menu ul li a  { 
 text-decoration: underline; 
 color: #000; 
 display: block; 
 width: 138px;
}
#pers_menu ul li a:hover, #pers_menu ul li.active { 
 color: #fff;
 font-weight: bold;
}


button { 
  border: 0; 
  cursor: pointer; 
  font-weight: bold; 
  padding: 0 20px 0 0; 
  text-align: center; 
}
button span { 
  position: relative; 
  display: block; 
  white-space: nowrap; 
  padding: 0 0 0 20px; 
}

	
/* login button */
button.login { 
 font-size: 1em;
 font-weight: normal; 
 text-align: left; 
 padding: 0 8px 0 0;
 background: url('/images/global/button_login_right.gif') right no-repeat; 
}
button.login span { 
 height: 20px; 
 line-height: 20px;
 padding: 0 0 0 25px;
 font-weight: normal; color:#fff;
 background: url('/images/global/button_login_left.gif') left no-repeat;
}
button.login:hover {
 background: url('/images/global/button_login_right_roll.gif') right no-repeat;
}
button.login:hover span {
 background: url('/images/global/button_login_left_roll.gif') left no-repeat;
}

/* logout button */
button.logout { 
 font-size: 1em;
 font-weight: normal; 
 text-align: left; 
 padding: 0 8px 0 0;
 background: url('/images/global/button_logout_right.gif') right no-repeat; 
}
button.logout span { 
 height: 20px; 
 line-height: 20px;
 padding: 0 0 0 25px;
 font-weight: normal; color:#000;
 background: url('/images/global/button_logout_left.gif') left no-repeat;
}
button.logout:hover {
 background: url('/images/global/button_logout_right_roll.gif') right no-repeat;
}
button.logout:hover span {
 background: url('/images/global/button_logout_left_roll.gif') left no-repeat;
}

#signup{
 margin: 20px 8px 0 8px;
 color:#fff;
 font-size: 1.2em;
}
#signup a{
 text-decoration: underline;
 font-weight: bold;
 color: #fff;
}
#signup a:hover{
 color: #000;
}


/* content */
#c_content {
 
 background: url('/images/global/content_bg_top.png') no-repeat;
 
 font-size: 1.2em;
 float: right;
 position: relative;
 top: -1px;
 left: 0px;
 width: 568px;
 z-index: 2;
}
#content {
 background: url('/images/global/content_bg.gif');
 background-repeat: repeat-y;
 
 position: relative;
 top: 8px;
 left: 0px;
 padding: 0px 20px 20px 20px;
}

#breadcrumbs{
 font-size: 0.8em;
 color: #555;
 margin: 6px 0 10px 0;
}

form{
 margin: 0;
 clear: left;
}

/*
img{
 display: block;
 border: 0;
}
*/

:link, :visited {
  text-decoration: none;
}


h1 {
  font-style: normal;
  color: #008837;
  font-size: 1.6em;
  font-weight: normal;
}

h2 {
  font-style: normal;
  color: #008837;
  font-size: 1.1em;
  font-weight: bold;
}

h3 {
  font-style: normal;
  color: #008837;
  font-size: 1em;
  font-weight: bold;
}

H4 { font-size: 1em }

.small {
  font-size: 0.8em;
}

input, select, th, td { font-size: 1em }

.procentpos { color: #c00 }
.procentneg { color: #0c0 }

div.flash_notice {
  background-color: #e7e7e7;
  margin-left: 0;
  margin-bottom: 10px;
  margin-right: 0;
  margin-top: 14px;
  padding: 8px 8px;
  color: #e11;
}

div.flash_notice h2 {
  margin-left: 0;
  margin-bottom: 5px;
  margin-right: 0;
  margin-top: 2px;
  font-size: 100%;
  color: #e11;
}

div.flash_notice p {
  margin: 0 0 5px 0;
  padding: 0;
}

div.flash_notice ul {
  margin: 0 0 5px 0;
  padding-left: 30px;
}

div.flash_notice ul li {
  padding-left: 0;
}

#form img{
 margin: 0px 2px 2px 0;
 display: inline;
 vertical-align: middle;
}


table.versionhistory {
  border-collapse: collapse;
  margin-bottom: 5px;
  width: auto;
}

table.versionhistory td {
	 padding: 3px 5px 3px 0px;
  font-size: 10px;
  color: #000;
  white-space: nowrap;
}

table.versionhistory td.version {
  padding-left: 3px;
  padding-right: 3px;
}

table.versionhistory td.therest {
  padding-right: 3px;
  padding-left: 0px;
  font-size: 10px;
}

table.versionhistory tr.current td {
	background-color: #ffc;
	border-top: 1px solid #cc6;
	border-bottom: 1px solid #cc6;
	padding-top: 2px;
	padding-bottom: 2px;
}

table.versionhistory tr.current td a:link,
table.versionhistory tr.current td a:visited {
  color: #000;
  text-decoration: none;
}

table.versionhistory tr.current td a:hover {
  background: none;
}

table.versionhistory tr.current td.version {
  border-left: 1px solid #cc6;
}

table.versionhistory tr.current td.therest {
  border-right: 1px solid #cc6;
}

#tabsB {
 position: relative;
 clear: left;
 margin-bottom: 20px;
 float: left;
 width: 100%;
 font-size: 0.8em;
 line-height: normal;
}
#tabsB ul {
 padding-left: 5px;
 padding-bottom: 0px;
 padding-right: 10px;
 padding-top: 10px;
 margin: 0;
 list-style: none;
}
#tabsB ul li {
 display: inline;
 margin: 0;
 padding: 0;
}
#tabsB ul li a {
 float: left;
 background: url('/images/tabs/tableftB.gif') no-repeat left top;
 margin: 0;
 padding: 0 0 0 4px;
 text-decoration: none;
 margin-bottom: 10px;
}
#tabsB ul li a span {
 float: left;
 display: block;
 background: url('/images/tabs/tabrightB.gif') no-repeat right top;
 padding: 5px 15px 4px 6px;
 color: #666;
 float: none;
}
#tabsB a:hover span, #tabsB li.active a span {
 color:#000;
 background-position:100% -42px;
}
#tabsB a:hover, #tabsB li.active a  {
 background-position:0% -42px;
}


fieldset{
	padding: 10px;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
	clear: both;
}

legend {
  padding-right: 5px;
  padding-left: 5px;
  color: #008837;
  font-size: 1.1em;
}


table {
  width: 100%;
  background-color: #eee;
  border-bottom: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  border-top: 1px solid #D9D9D9;
}

th {
  font-weight: bold;
  color: #000;
  text-align: left;
  vertical-align: bottom;
  padding: 3px 5px;
  background-color: #eee;
  background-image: url('/images/bg_header.png');
  border-left: 1px solid #c4c4c4;
}

th>a:link, th>a:visited {
  color: #000;
  text-decoration: none
}

th>a:hover {
  text-decoration: underline
}

td {
  text-align: left;
  vertical-align: top;
  padding: 3px 5px;
  background-color: #fff;
  border-left: 1px solid #D9D9D9;
}

#monitoring{
 border-color: white;
 border-style: none;
 border-width: 0px;
 font-size: 0.8em;
 width: auto;
}

#monitoring select{

}

#monitoring input{
 width: 40px;
}
#monitoring th, #monitoring td {
 border-style: none;
 border-width: 0px;
 width: 45px;
 vertical-align: bottom;
 color: #000;
}
#monitoring th {
  border-left-style: none;
  border-bottom-style: none;
  border-right-style: none;
  border-top-style: none;
  border-left-width: 0;
  border-bottom-width: 0;
  border-right-width: 0;
  border-top-width: 0px;
  border-color: none;
  background-color: white;
  background-image: url(none);
  font-weight: normal;
}

#monitoring td.day, #monitoring th.day {
  width: 70px;
}

#monitoring td.newday {
  width: auto;
}

#monitoring td.newday select {
  font-size: 9px;
}

tr.odd td {
  background-color: #edf3fe;
}

textarea.commentfield {
  width: 520px;
}

#Comments{
  background-color: #fff;
  padding: 10px 10px 15px 10px;
  border: 1px solid #D9D9D9;
  list-style:none
}
#Comments li{
 margin:0px;
}

#Comments blockquote{
background-color:#dee;
padding:0 10px;
border-left:5px solid #5cc;
color:#555;
font-style:normal;
font-size:90%;
}


#sintax{
 background-color: #eee; 
 padding: 6px; 
 margin-bottom: 10px;
 position: relative;
 width: 508px;
}

	#sintax code {	
		font-family: Monaco, ProFont, "Andale Mono", "Lucida Console", Courier, monospace;
		font-size: 10px;
	}
	#sintax pre {	
		line-height: 12px;
		margin-top: 0;
		background-color: #f5f5f5;
		border: 1px solid #ccc;
		padding: 5px;
		width: auto;
	}
	#sintax p {	
		margin-top: 0;
		margin-bottom: 0;
	}

/*

  hieronder staat oude css

*/

/*
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, label, textarea {
  margin: 0;
  padding: 0;
}
*/




a img, :link img, :visited img {
  border: none;
}

address {
  font-style: normal;
}

input {
  margin: 0
}

/**/


.form {
  background-color: #fff;
  width: 380px;
  padding: 10px 10px 15px 10px;
  border: 1px solid #D9D9D9;
}

.form label {
  display: block;
  font-weight: bold;
  margin: 10px 0 -15px 3px;
}



#operations {
  width: 380px;
  ;
      text-align: right;
}

#operations input {
  margin: 10px 0 10px 0;
  padding: 0 10px 0 10px;
  font-size: 130%;
}

#operations input.primary {
  font-weight: bold;
}

.auraltext {
  position: absolute;
  font-size: 0;
  left: -1000px;
}


#paginationHeader {
  font-size: 100%;
  font-weight: bold;
  margin: 2px 10px 0 0;
  float: right;
}

.paginationLink {
  font-size: 90%;
  margin: 5px;
}

.paginationCurrent {
  font-size: 100%;
  font-weight: bold;
  margin: 5px;
}

a:link.paginationLink {
  color: #000;
}

a:hover.paginationLink {
  text-decoration: underline
}

a:visited.paginationLink {
  color: #000;
}

.cls {
  clear: both;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 360px;
  border: 2px solid #c00;
  padding: 7px;
  padding-bottom: 12px;
  margin: 10px 0 10px 0;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul {
  margin: 0 0 0 25px;
}

#errorExplanation li {
  font-size: 12px;
  list-style: square;
}

.show {
  background-color: #fff;
  width: 380px;
  padding: 10px 10px 15px 10px;
  border: 1px solid #D9D9D9;
}

.show label {
  font-weight: bold;
}

.fieldError {
  background-color:#fdd;
}