/* --------------------------------------------------------------------- */
/* main styling
/* --------------------------------------------------------------------- */
body {
	font-size: 12px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	SCROLLBAR-FACE-COLOR: #efefff; 
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; 
	SCROLLBAR-SHADOW-COLOR: #cfcfff; 
	SCROLLBAR-3DLIGHT-COLOR: #396b9c; 
	SCROLLBAR-ARROW-COLOR:  #396b9c; 
	SCROLLBAR-TRACK-COLOR: #efefff; 
	SCROLLBAR-DARKSHADOW-COLOR: #396b9c; 
	font-family: Arial, Helvetica, sans-serif; 
	}

td,body,li {
	font-size: 12px;
	color: 003366
	}
		
.tekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	left: 15px;
	top: 15px;
	right: 15px;
	bottom: 15px;
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	text-align: justify;
	color:003366
}

.plaatjes {
	border: 1px solid #ccddff;
	margin: 3px;
}

tr.header{ 
	background-color: #ccddff;
	color: #ffffff;	
}
tr.zebraa{ 
	background-color: none;
	color: #ffffff;	
}
tr.zebrab{ 
	background-color: #ccddff;
	color: #ffffff;	
}
.bladeren{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;	
}

/* Dit stuk is van Paul */

a {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #3366cc;
}
	
td.colheader { 
	background-color: #396b9c;
	text-align: center;
}   

td.rowlabel { 
	background-color: #396b9c;
	text-align: left;
}
td.details { 	
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

.tableborder { border: 1 solid #396b9c;}

h1 { font-size: 14px; }

h2 { font-size: 13px; }

h3 { font-size: 12px; }

a:hover { color: #6699cc; }

a.footer { 
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;  
	}
a.taallink { 
	text-decoration: none;
	color: #ffffff;
	}

.none {
background-color:#ffffff;
border:}
	
.submit {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color: #efefff;
	margin-bottom : 0px;
	margin-top : 0px;
	background-color: #396b9c;
	border: 1 solid #000000;
}

.adminborder {
	text-align: center;
	border: 1 solid #000000;
	background-color:#396b9c;
}

.adminlink {
	color:#cfcfff;
	text-decoration:none
}

/* ----------------------------------------------------------------------- */
/* container for menu
/* ----------------------------------------------------------------------- */

#nav .down, #nav .right {
	background-image: url(images/lijst/arrow_3_gray_right.gif);
	background-repeat: no-repeat;
	background-position: right;
}

#nav, #nav ul {  /*all lists*/ 
	z-index: 999;
	padding: 0;
	margin-left: 2px;
	margin-top: 5px;
	list-style: none;
	float : left;
	width: 120px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 110px;
}

#nav li {  /*all list items*/ 
	z-index: 999;
	position : relative;
	float : left;
	line-height : 20px;
	margin-bottom : -1px;
	width: 150px;
}

#nav li ul {  /*second-level lists*/ 
	z-index: 999;
	position: absolute;
	left: -999em;
	margin-left : 150px;
	margin-top : -26px;
	width: 180px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 170px;
}

#nav li ul ul {  /*third-and-above-level lists*/ 
	z-index: 999;
	left: -999em;
	margin-left : 180px;
	width: 180px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 170px;
}

#nav li a {
	z-index: 999;
	display : block;
	color : #ccc;
	font-weight : bold;
	text-decoration : none;
	background-color : #396b9c;
	border : 1px solid #C7C7C7;
	padding : 2px 4px 2px 5px;
}

#nav li a:hover {
	color : #666;
	background-color : #DEEFFF;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	width: 180px;
	display: block;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 170px;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {  /*lists nested under hovered list items*/ 
	left: auto;
	width: 180px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 170px;
}

#nav li li a {
	width: 180px;
}

/** Support for displaying over the "select" **/
#nav iframe {
position: absolute;
left: 0;
top: 0;
z-index: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}


/* ----------------------------------------------------------------------- */
/* footer
/* ----------------------------------------------------------------------- */

#footer {
	font-size: 10px;
	text-align: center;
}

#cms {
	height: 24px;
	margin: 0px 20px 0px 22px;
	line-height: 24px;
	padding-left: 10px;
}

#copyright {
	background-color: none;
	height: 24px;
	margin: 0px 20px 0px 22px;
	line-height: 24px;
	padding-left: 10px;
}

#copyright acronym {
	text-decoration: underline;
	color: #9A3636;
	cursor: help;
}

/* ----------------------------------------------------------------------- */
/* algemene teksten
/* ----------------------------------------------------------------------- */

a, a:visited {
	color: #333;
	text-decoration: underline;
	line-height: 14px;
}

a:hover {
	color: #999;
}

#text {
	margin: 0px 19px 0px 22px;
	padding: 5px 10px 20px 20px;
	background-color: none;
}

h1 {
	font-size: 14px;
}

h2 {
	font-size: 12px; 
	font-weight: bold;
	padding: 2px 0px 2px 0px;
}

h3 {
	font-size: 11px; 
	font-weight: bold;
	padding: 2px 0px 2px 0px;
	color: #343D4C;
}

table {
	text-align: left;
	vertical-align: top;
}

th {
	font-size: 11px;
	text-align: left;
}

td {
	font-size: 12px;
}

input {
	border: 1px solid #ccc;
	color: #343D4C;
	font-size: 11px;
	padding-top: 3px;
}

.numinput {
	border: 1px solid #ccc;
	text-align: right;
	color: #343D4C;
	font-size: 11px;
	padding-top: 3px;
}

select {
	border: 1px solid #ccc;
	color: #343D4C;
	font-size: 11px;
	line-height: 25px;
}

/* //width: 200px; */

input,select,textarea { 
	background-color:EFEFFF;
}

.submit  {
	background-color: #E8E8E8;
	border: 1px solid #ccc;
	color: #343D4C;
	font-weight: bold;
	font-size: 11px;
	height: 25px;
	width: 125px;
}

.checkbox, .radio {
	width: 15px;
	height: 20px;
	border: 0;
}

/* ----------------------------------------------------------------------- */
/* style definition of default boxes
/* - box - default box
/* - box_out - outer box
/* - box_in  - inner box
/* ----------------------------------------------------------------------- */

.box {
	display: block;
	background-color: #F1F1F1;
	border: 1px solid #ccc;
	margin: 15px 15px 15px 15px;
	padding: 5px 5px 5px 5px;
	color: #333333;
	width: auto;
}

.box td {
	color: #333;
}

.box h1 {
	background-color: #E8E8E8;
	line-height: 30px;
	height: 30px;
	margin: -5px -5px 5px -5px;
	padding-left: 10px;
	border-bottom: 1px solid #ccc;
	
}

.box_out {
	background-color: #F1F1F1;
	border: 1px solid #ccc;
	margin: 10px 300px 10px 5px;
	color: #333333;
	padding: 10px 8px 8px 10px;
	width: auto;
}

.box_in {
	margin-top: 10px;
	padding: 10px 0px 10px 0px;
	border-top: 1px solid #ccc;
	width: auto;
}

/* ----------------------------------------------------------------------- */
/* foutmelding - algemeen (evt. per onderdeel verder aan te passen)
/* ----------------------------------------------------------------------- */

.error {
	font-size: 14px;
	font-weight: bold;
	color: red;
	padding: 10px 10px 10px 10px;
	border: 2px solid red;
}

#hierarchy #nietdieper, #warning {
	color: Red;
	font-weight: bold;
	padding: 1px 0px 1px 20px;
	background-image: url(../images/icons/warning.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#succes {
	color: #22228B;
	font-weight: bold;
	font-size: 12px;
	padding: 1px 0px 1px 20px;
	background-image: url(../images/icons/enabled.gif);
	background-repeat: no-repeat;
	background-position: left;
}

/* ----------------------------------------------------------------------- */
/* taalinstellingen
/* ----------------------------------------------------------------------- */

#languages {
	position: absolute;
	left: 630px;
	top: 85px;
	width: 162px;
	height: 12px;
	z-index: 1;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
	
/* ----------------------------------------------------------------------- */
/* news module
/* ----------------------------------------------------------------------- */

#news h1 {
	font-size: 14px;
}

#news_popup .title, #news .title {
	margin:  10px 5px 10px 0px;
	font-weight: bold;
	font-size: 11px;
}

#news .item, #news_popup .item {
	margin:  0px 5px 0px 0px;
	font-size: 11px;
}

#news .listtitle {
	margin:  2px 4px 2px 0px;
	font-weight: bold;
	font-size: 11px;
}

#news .listitem {
	margin:  0px 5px 2px 0px;
	font-size: 11px;
}

#news .listitem a:hover {
	background: none;
	font-size: 11px;
}

#news .jaar {
	line-height: 20px;
	font-weight: bold;
	font-size: 10px;
	margin: 1px 1px 1px 1px;
}

#news .inactief {
	color: #999;
	font-weight: normal;
	font-size: 10px;
}

#news .actief {
	border: 1px solid #ccc;
	padding: 5px;
	background-color: #fff;
	font-weight: bold;
	font-size: 10px;
}

#news .buttons {
	margin:  5px 5px 5px 0px;
	padding: 3px 2px 3px 2px; 
	display: block;
	height: 15px;
}

/* ----------------------------------------------------------------------- */
/* news module - meer info
/* ----------------------------------------------------------------------- */

#news .more, #news .site {
	font-size: 11px;	
	height: 15px;
	width: 95px;
	color: #fff;
	text-decoration: underline;
}

#news .more {
	float: left;
}
#news .site {
	float: left;
}

#news .more a, #news .site a, , #news_popup .more a {
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
	color: #666;
	margin-top: 25px;
}

#news .more a:hover, #news .site a:hover, #intranet .aanmelden a:hover, #news_popup .more a:hover {
	font-weight: bold;
}

#news td {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
}

/* ----------------------------------------------------------------------- */
/* news module - kalender
/* ----------------------------------------------------------------------- */

#kalender {
	background-color: #F1F1F1;
	padding: 4px;
}

#kalender #border {
	border: 1px solid #ccc;
}
	
#kalender a, #kalender a:link ,#kalender a:visited {
	text-decoration: underline;
	color: #343D4C;
	font-size: 10px;
}

#kalender a:hover {
	background-color: #FBECF9;
}

/* ----------------------------------------------------------------------- */
/* kaart
/* ----------------------------------------------------------------------- */

#kaart {
	border: 1px solid #ccc;
	margin: 0;
	padding: 0;
}

#abox {
	border: 1px solid #ccc;
	margin: 2;
	padding: 2;
}

.lokatie {
	background-color: #FAE7FF;
	visibility: hidden;
	padding: 2px;
	border: 1px solid #ccc;
}

/* ----------------------------------------------------------------------- */
/* prikbord
/* ----------------------------------------------------------------------- */

.prik_cat {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #333;
	line-height: 25px;
	background-color: #99ccff;
}

.prik_titel {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #333;
	line-height: 25px;
	background-color: #ddeeff;
}

.prik_posted {
	font-size: 11px;
	text-align: right;
	color: #333;
	line-height: 25px;
	background-color: #ddeeff;
}

.prik_next {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #333;
	line-height: 25px;
	background-color: #99ccff;
}

.prik_zoek {
	font-size: 11px;
	text-align: right;
	vertical-align: middle;
	color: #333;
	line-height: 25px;
	background-color: #99ccff;
}

.prik_zoek input {
	border: 1px solid #ccc;
	width: 100px;
	margin: 0px;
}

.prik_zoek .submit {
	font-size: 10px;
	width: 70px;
	margin: 0px;
	height: 20px;
}

.prik_reageer {
	border: 1px solid #ccc;
	background-color: #F1F1F1;
	width: 450px;
	padding: 10px 5px 5px 5px;
}

.prik_label {
	width: 50px;
	font-weight: bold;
}

.prik_reageer input {
	width: 350px;
	border: 1px solid #ccc;
}

.prik_reageer textarea {
	border: 1px solid #ccc;
}

.prik_reageer .submit {
	width: 100px;
}

/* ----------------------------------------------------------------------- */
/* inloggen
/* ----------------------------------------------------------------------- */

#login {

}

#login .image {
	width: 113px;
	height: 14px;
	border: none;
}

#login h1 {
	font-size: 14px; 
	font-weight: bold;
	background-image: url(../images/logo/logo_groen.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 10px 0px 10px 0px;
}

#login input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	color: #343D4C;
	font-size: 11px;
	height: 20px;
	width: 100px;
}

#login .submit {
	background-color: #F1F1F1;
	color: #343D4C;
	font-weight: bold;
	height: 25px;
	width: 100px;
}

#login #form {
	background-color: #396b9c;
	width: 250px;
	padding: 5px 10px 5px 10px;
	border: 1px solid #ccc;
}

#login td {
	font-size: 11px;
}

/* ----------------------------------------------------------------------- */
/* zoekresultaten
/* ----------------------------------------------------------------------- */

searchresults {
	width: 550px;
	background-color: #FECF9B;
}

#searchresults a, #searchresults a:visited {
	color: #343D4C;
}

#searchresults a:hover {
	color: #D59A2E;
}

#searchresults .text {
	margin: 4px 0px 5px 0px;
}

#searchresults .searchstring {
	color: #D59A2E;
	font-weight: bold;
	float: none;
}

/* ----------------------------------------------------------------------- */
/* edit, hierarchy en statistiek
/* ----------------------------------------------------------------------- */

#hierarchy select {
	height: 200px;
}

#simplemap {
	border: 1px solid #ccc;
	margin: 10px 10px 10px 10px;
	padding: 5px 10px 5px 15px;
	background-color: #F1F1F1;
	width: auto;
	font-size: 11px; 
}

#statistiek th {
	font-weight: bold;
	text-align: left;
	padding-right: 10px;
}

#statistiek_ip input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	color: #343D4C;
	font-size: 11px;
	height: 15px;
	width: 195px;
}

#statistiek_ip input {
	height: 21px;
}

#statistiek_ip select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	color: #343D4C;
	font-size: 11px;
	width: 200px;
}

#statistiek_ip select {
	width: 240px;
}


#statistiek table {
	border: 1px solid #ccc;
	border-top: none;
}

#statistiek td  {
	border-top: 1px solid #ccc;
}

#statistiek th {
	background-color: #343D4C;
	font-size: 11px;
	font-weight: bold;
	height: 18px;
	width: 535px;
	color: #fff;
	border-top: 1px solid #fff;
}

#statistiek .time {
	color: #666;
}

#percentage {
	height: 10px;
	border: 1px solid #999;
	background-color: #9A3636;
}

#beheer td {
	border-top: 1px solid #ccc;
	font-weight: normal;
}

/* ----------------------------------------------------------------------- */
/* navigatie en edit bar
/* ----------------------------------------------------------------------- */

#editbar, #navbar {
	border: 1px solid #ccc;
	margin: 10px 10px 10px 1px;
	padding: 5px 5px 5px 0px;
	background-color: #F1F1F1;
	width: auto;
	font-size: 11px; 
	line-height: 20px;
}

#navbar {
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}

/* ----------------------------------------------------------------------- */
/* hierarchie, edit en kaart vormgeving
/* ----------------------------------------------------------------------- */

#hierarchy h1, #simplemap h1, #edit h1 {
	font-size: 14px; 
	font-weight: bold;
	background-image: url(../images/logo/logo_rood.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 10px 0px 10px 20px;
}

#edit h1 {
	background-image: url(../images/icons/button_tree.gif);
}

#hierarchy h1 {
	background-image: url(../images/icons/button_tree.gif);
}

#simplemap h1 {
	background-image: url(../images/logo/logo_geel.gif);
}

#statistiek h2 {
	font-size: 12px; 
	font-weight: bold;
	padding: 0;
	margin: 2px 0px 2px 0px;
}