/*** Kleuren *******************************************/
body {
     font-family: Arial;
     }

a {
    color: inherit;
    background-color: inherit;
}

.rood {
	color: #ff0000;
}

.port-tegel-info {
    border: 2px solid #ff0000;
	background-color: #2198D3;
	color: #ffffff;
}

.port-tegel-doen {
    border: 2px solid #ff0000;
	background-color: #ffcc00;
	color: #000000;
}

.port-tegel-bezig {
    border: 2px solid #ff0000;
	background-color: #006633;
	color: #ffffff;
}

.port-tegel-urgent {
    border: 2px solid #ffcc00;
	background-color: #ff0000;
	color: #ffffff;
}

.port-tegel-voet {
    border-top: 1px solid #004e43;
}

p.port-opmerking {
   color: #ff0000;
}
#port-inhoud {
   -moz-border-radius: 0px;  /* for Firefox */
   -webkit-border-radius: 0px; /* for Webkit-Browsers */
   border-radius: 0px; /* regular */
   background-color: #ffffff;
   border: 0px solid red;
}
.port-achtergrond {
   background: #004e43;
}
.port-waarschuwing {
   background: #9c9c9c;
}
.port-tabel-kop {
   -moz-border-radius-topright:0px;
   -moz-border-radius-topleft:0px;
   -webkit-border-top-right-radius:0px;
   -webkit-border-top-left-radius:0px;
   border-top-left-radius:0px;
   border-top-right-radius:0px;
   background:#004e43;
   color: #ffffff;
}
.port-zijblok-rechts {
   background-color: #ffffff;
   border: 0px solid red;
}
.port-portaal {
    border: 0px solid blue;
}

.port-header {
   -moz-border-radius-topright:0px;
   -moz-border-radius-topleft:0px;
   -webkit-border-top-right-radius:0px;
   -webkit-border-top-left-radius:0px;
   border-top-left-radius:0px;
   border-top-right-radius:0px;
   padding: 5px 5px 5px 5px;
   background:#004e43;
   color: #ffffff;
}
.port-titel {
   	background:#004e43;
   	color: #ffffff;
}
.port-lijn  {
   border: 1px solid #004e43;
}
.port-button, .port-button-secundair
  {
  border-radius: 0px;
  }
  
.port-button
  {
  color: #ffffff;
  border: 1px solid #004e43;
  }
.inline-button
  {
  color: #ffffff;
  border: 1px solid #004e43;
  }
.port-button-secundair
  {
  border: 1px solid #004e43;
  background: #ffffff;
  color: #000000;
  }
  
.port-button:hover {
   background: #cc0033;
   color: #ffffff;
}
.port-button.gekozen
   {
   color: #ffffff;
   background: #62bb46;
   }
.port-button-terug
  {
  color: #ffffff;
  border: 1px solid #004e43;
  }
.port-button-terug:hover {
   background-color: #cc0033;
   color: #ffffff;
}
.port-button-terug.gekozen
   {
   color: #ffffff;
   background: #62bb46;
   }
.port-button-reverse {
  color: #ffcc00;
  background: #62bb46;
  border: 1px solid #62bb46;
}
.port-button-reverse:hover {
   background-color: #cc0033;
   color: #ffffff;
}
.port-button-reverse.gekozen {
   color: #ffcc00;
}
.inputlabel {
    background-color: #2198D3;
    border: 0.5px solid #d5d5d5;
}
.port-label {
    background-color: #ffffff;
}
.port-waarschuwing-opmaak {
    color: #ffa500;
    font-weight: bold;
}
.port-error-opmaak {
    color: #ff0000;
}
.port-melding-opmaak {
    color: #008000; 
}

span.port-port-accent {
   color: #006633;
}

.port-lv {
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

#port-groep a {
    color: #ffffff;
    background: #004e43;
}
table.display tr {
    background-color: #ffffff;
}
table.display tr.odd {
    background-color: #d7e8c2;
}

table.display tr.even {
    background-color: #ffffff;
}


nav ul li {
   -moz-border-radius: 0px;  /* for Firefox */
   -webkit-border-radius: 0px; /* for Webkit-Browsers */
   border-radius: 0px; /* regular */
    background-color: #004e43;
    color: #ffffff;
}
.gekozen {
    color: #ffffff;
}

.site-box, #port-inhoud {
    box-shadow: 0px 0px 0px #000000;
}

.site-box {
   -moz-border-radius: 0px;  /* for Firefox */
   -webkit-border-radius: 0px; /* for Webkit-Browsers */
   border-radius: 0px; /* regular */
}

.site-menu {
   background: #99D7F0;
}
.site-voet {
   background: #99D7F0;
   padding: 10px 10px 25px 10px;
}

tr.odd td.sorting_1 {
  background-color: #62bb46;
}

tr.even td.sorting_1 {
  background-color: #62bb46;
}

.port-box {
   -moz-border-radius: 0px;  /* for Firefox */
   -webkit-border-radius: 0px; /* for Webkit-Browsers */
   border-radius: 0px; /* regular */
}

/* accordion */

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 0px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 0px;
}

/* Overlays */
.ui-widget-overlay {
	background: #444444;
	opacity: .3;
	filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
	margin: 4px 0 0 4px;
	padding: 0px;
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30);
	border-radius: 4px;
}

/* Accordion */

td.inputlabel2
    {
    background-color: #62bb46;
    border-radius: 0px;
    }

.ui-widget-content {
	border: 1px solid #62bb46;
	background: #ffffff;
	color: #000000;
}
    
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #004e43;
	background: #62bb46;
	font-weight: normal;
	color: #000000;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #000000;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #8bd83b;
	background: #4eb305;
	font-weight: normal;
	color: #000000;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #000000;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #62bb46;
	background: #62bb46;
	font-weight: normal;
	color: #000000;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #000000;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #f9dd34;
	background: #fbf5d0;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #fad000;
	background: #ffdc2e;
	color: #2b2b2b;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #2b2b2b;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #2b2b2b;
}

.ui-widget-shadow {
	border-radius: 0px;
}