/* ----------------------------------------------------------------------- */
/* 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*/ 
	font-family: arial;
	font-weight: normal;
	font-size: 11px;
	z-index: 999;
	padding: 0;
	margin-left: 0px;
	margin-top: 0px;
	list-style: none;
	float : left;
	line-height: 1;
	width: auto;
}

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

#nav li ul {  /*second-level lists*/ 
	z-index: 999;
	line-height : 11px;
	font-size: 10px;
	font-weight: normal;
	position: absolute;
	left: -999em;
	margin : 0px;
	width: 150px;
	_width: 170px;
}

#nav li ul ul, #nav li ul ul ul {  /*third-and-above-level lists*/ 
	z-index: 999;
	line-height : 10px;
	left: -999em;
	margin-left : 105px;
	_margin-left : 140px;
	margin-top: -23px;
	width: 150px;
	_width: 170px;
}

#nav li a {
	z-index: 999;
	display : block;
	color : #fff;
	font-weight : bold;
	text-decoration : none;
	background-color : #2B584E;
	border-right: 1px solid #2B584E;
	padding : 0px 4px 0px 5px;
}

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

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	display: block;
	width: 100px;
	_width: 140px;
}

#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: 100px;
	_width: 140px;
}

#nav li li a, #nav li li a:hover {
	width: 100px;
	_width: 140px;
	z-index: 998;
	padding : 1px 2px 1px 2px;
	border-bottom: 1px solid #2B584E;
	border-top: 1px solid #2B584E;
}

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

body {
	font-family:  Arial, Geneva, Helvetica, sans-serif;
	background-color: #ffffff;
	font-size: 11px;
	/* --------------------------------------------------------------------- */
	/* height in body is nodig voor het displayen van divs voor 
	/* de volle 100%, de parent moet ook de volle hoogte hebben,
	/* etc, etc, tot je aangekomen bent in hierarchie op het
	/* juiste niveau
	/* --------------------------------------------------------------------- */
	height: 100%; 
}

/* uiterst linkse kolom */
#left {
	width: 31px;
	background-color: #ffffff;
}

/* uiterst rechtse kolom */
#right {
	width: 131px;
	background-color: #ffffff;
}

.content {
  margin: 2.5em 3%;
  padding: 0;
  border: 1px solid  #c0c0c0;
  background: #f5f5f5;	
}

#tekst {
	border: 1px solid red;
	padding: 15px;
	float: left;
}

#news_popup {
	width: 200px;
	height: 370px;
	border: 1px solid  #c0c0c0;
	background-color: #ffffff;
	color: #666;
	padding: 10px;
}

#header {
	background: #0AA20A;
	color: #fff;
	font-size: 11px;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	padding: 2px;
}

#header a {
	color: #ccc;
	text-decoration: none;
	font-weight: bold;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}

#footer {
	z-index: 10;
	font-size: 10px;
	text-align: center;
	background-color: #FFFAE7;
	width: 600px;
}

#taal {
	background-color: #F1F1F1;
}

.navigatie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #113311;
}
.tekst {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #113311;
}
.plaatjes {
	border: 1px solid #ccddff;
	margin: 3px;
}

/* --------------------------------------------------------------------- */
/* header_left bevat het Nieuwland logo, m.b.v. wordt deze
/* iets beter gepositioneerd
/* --------------------------------------------------------------------- */

#menu {
	background-color: none;
	font-size: 11px;
	font-weight: bold;
	width: 165px;
	color: #fff;
}

#title {
	background-color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	height: 24px;
	line-height: 24px;
	padding-left: 0px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}

#menu {
	padding: 0;
	margin: 0;
}

#cssmenu
{
	float: left;
	padding: 0;
	height: 30px;
}

#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;
}

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

#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-left: 40px;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #E8E8E8;
}

/* ----------------------------------------------------------------------- */
/* algemen teksten
/* ----------------------------------------------------------------------- */

a, a:visited {
	color: #6c9;
}

a:hover {
	color: #9fc;
}

/* ----------------------------------------------------------------------- */
/* 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, #edit #warning, #login #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: #228B22;
	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: #ffffff;
	font-size: 10px;
}

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

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

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

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

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

/* ----------------------------------------------------------------------- */
/* content
/* ----------------------------------------------------------------------- */

#inhoud {
	background-color: #fff;
	height: 100%;
	font-size: 11px;
	padding-right: 20px;
}

#inhoud #sprokkel {
	margin: 50px 20px 10px 0px;
}

#inhoud #sprokkel a {
	text-decoration: none;
	color: #ffffff;
	font-size: 10px;
}

#inhoud #sprokkel a:hover {
	background-color: #FECF9B;
}

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

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

#inhoud h2 {
	font-size: 12px; 
	font-weight: bold;
	padding: 6px 0px 6px 0px;
}

#inhoud h3 {
	font-size: 11px; 
	font-weight: bold;
	padding: 2px 0px 2px 0px;

}

#inhoud th {
	font-size: 11px;
	text-align: left;
	color: #333;
	/*background-color: #2B584E;*/
}

#inhoud td {
	font-size: 12px;
	/*text-align: left;*/ 
	color: #333;
}

.submit  {
	background-color: #FFFAE7;
	border: 1px solid #ccc;

	font-weight: bold;
	font-size: 10px;
	height: 25px;
	width: 70px;
	margin-top: 10px;
}


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

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

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

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

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

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

.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 {
	border: 1px solid #ccc;
	margin: 10px 20px 10px 10px;
	padding: 0px 10px 5px 15px;
	background-color: #F1F1F1;
	width: 400px;

}

#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;
	font-size: 11px;
	height: 20px;
}

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

#login #form {
	background-color: #2B584E;
	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: #ffffff;
}

#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, #edit, #simplemap {
	border: 1px solid #ccc;
	margin: 10px 10px 10px 10px;
	padding: 5px 10px 5px 15px;
	background-color: #F1F1F1;
	width: auto;
	font-size: 11px; 
}

#statistiek_ip .submit {
	border: 1px solid #ccc;
	background-color: #FFFAE7;
	color: #ffffff;
	font-weight: bold;
	height: 25px;
	width: 100px;
}

#statistiek th, #edit 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: #ffffff;
	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: #ffffff;
	font-size: 11px;
	width: 200px;
}

#statistiek_ip select {
	width: 240px;
}

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

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

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

#statistiek th {
	background-color: #ffffff;
	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;
}

#navbar .submit {
	border: 1px solid #ccc;
	background-color: #FFFAE7;
	color: #ffffff;
	font-weight: bold;
	height: 25px;
	width: 100px;
}

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

#hierarchy h1, #edit h1, #simplemap 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 30px;
}

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

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

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

#hierarchy input, #edit input, #simplemap input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	color: #669966;
	font-size: 11px;
	height: 20px;
	width: 195px;
}

#hierarchy textarea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	color: #ffffff;
	font-size: 11px;
	height: 200px;
	width: 325px;
}

#edit #editor {
	border: 1px solid #ccc;
}

#edit #preview {
	border: 1px solid #ccc;
}

#hierarchy .checkbox, #hierarchy .radio, #edit .checkbox, #edit .radio {
	width: 20px;
	border: 0
}

#hierarchy select, #edit select {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border: 1px solid #69c;
	color: #9fc;
	font-size: 11px;
	width: 200px;
}


#hierarchy .submit {
	width: 150px;
}

#edit .submit {
	width: 150px;
}

#simplemap .kaart {
	height: auto;
	width: auto;
	cursor: crosshair;
}