/* ---- START STIJLEN ALGEMEEN -------- */
body {
	background-color:#99c1d6 ; /* lichtblauw */
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:11px;
	width:100%;
	
}
p,td,li {
	font-family:Verdana, Arial, Helvetica, sans-serif;  
	font-size:11px;
	
}
H3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;  
	font-size:14px; 
	font-weight:bold;
}
H4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;  
	font-size:12px; 
	font-weight:bold;
	color:#006699;
	margin-top:5px;
	margin-bottom:5px;
}
li {
	list-style-position:outside;
	list-style-type:disc;
	margin-left:18px;
}

/* ---- END STIJLEN ALGEMEEN ---------- */
/* ---- START STIJLEN ROUTES ---------- */
#route_overzicht
{
	margin:10px;
	background-color:#ffffff;
}

#site_content
{
	
	text-align:center;
	width:1000px;
	position:relative;
	background-color:#ffffff;
	
	
}

#top
{
	position:relative;
	width:1000px;
	text-align:left;
	margin:auto;
	
	
}

#top_route
{
	position:relative;
	width:980px;
	text-align:left;
	margin:auto;
	
	
}

#top_route .titleLarge {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#006699; /* eventueel overrule*/
}

#topContent
{
	position:relative; width:100%; height:85px; z-index:2; overflow:hidden; visibility: visible;background-color:#d8e7ef;
}

#tabContent
{
	padding-top:12px;
	margin:0px;
	position:relative;
   width:100%;  z-index:3; visibility: visible;
	background-color:#006699;
}

#centralContent
{
	position:relative; 
	
	
	width:100%;  
	z-index:11; 
	height:100%;
}

#left
{
	
	position:relative;
	float:left;
	width:160px;
	margin:0px;
	padding:0px;
	background-color: #006699;
	
	height:100%;
	background-image: url(../img/back_left_status_algemeen.gif);
	background-repeat: no-repeat;
}

.clear {clear:both; background-color:#99c1d6}

#body
{
	position:relative;
	float:left;
	width:834px;
	margin:0px;
	padding:0px;
	padding-left:5px;
	border:0px;
  border-left:1px;
  border-color:#000000;
  border-style: solid;
  text-align:left;
	background-color:#FFFFFF;
	/*height:100%;*/
}

#route_overzicht .route_titel {
	color:#FF0000;
	font-size:11px;
	font-weight:bold;
}
#route_overzicht .laatst_gewijzigd {
	font-size:11px;
	color:#999999
}
#route_overzicht .route_lengte {
	color:#000000;
	font-size:11px;
	font-weight:bold;
}



/* ---- START STIJLEN WIZARD -------- */

 .progress {
	font-size: 11px;
	color: #8F8C23;
	font-weight: bold;
}
.help {
	font-size: 11px;
	color: #9F9C27;
}
/* ---- END STIJLEN WIZARD ---------- */


/* ---- START STIJLEN BODYTEXT -------- */
#body p {
	font-size:11px;
	margin-bottom:8px;
	
	/*margin:10px;*/
}
#body H3 {
	margin:10px ;
	background-image:url(../img/bg_text_H3.gif);
	text-indent:30px;
	line-height:30px;
	color:#006699; /* eventueel overrule*/
	background-repeat: no-repeat;
}

#body H3.long {
	margin:10px ;
	background-image:url(../img/bg_text_H3_long.gif);
	text-indent:30px;
	line-height:30px;
	color:#006699; /* eventueel overrule*/
	background-repeat: no-repeat;
}

#body H3.long2 {
	margin:10px ;
	background-image:url(../img/bg_text_H3_long2.gif);
	text-indent:30px;
	line-height:30px;
	color:#006699; /* eventueel overrule*/
	background-repeat: no-repeat;
}

#body H3.long3 {
	margin:10px ;
	background-image:url(../img/bg_text_H3_long3.gif);
	text-indent:30px;
	line-height:30px;
	color:#006699; /* eventueel overrule*/
	background-repeat: no-repeat;
}
#body H3.long4 {
	margin:10px ;
	background-image:url(../img/bg_text_H3_long4.gif);
	text-indent:30px;
	line-height:30px;
	color:#006699; /* eventueel overrule*/
	background-repeat: no-repeat;
}
#body H3.small {
	margin:10px ;
	background-image:url(../img/bg_text_H3_small.gif);
	text-indent:30px;
	line-height:30px;
	color:#006699; /* eventueel overrule*/
	background-repeat: no-repeat;
}
#body .HeaderSmall {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:22px;
}
#body a:link { 
	color:#FF0000; /* was #C2643F */
	text-decoration:none; 
}
#body a:visited { 
	color:#FF0000; /* was #C2643F */
	text-decoration:none; 
}
#body a:active { 
	color:#FF0000; /* was #C2643F */
	text-decoration:none; 
}
#body a:hover { 
	color:#FF0000; /* was #C2643F */
	text-decoration:underline; 
}
#body hr { 
	color:#CCCCCC;
	shade:no;
	text-align:center;
	margin-left:10px;
	margin-right:10px;
}
#body table { 
	border-width:0;
	border-color:#006699; /* eventueel overrule*/
	border-style:solid;
	padding:10px;
	margin:0px;	
	margin-left:0px;
}
#body td { 
	vertical-align:top;
	border-width:0;
	border-color:#006699; /* eventueel overrule*/
	border-style:solid;
}
#body .date {
	color:#999999;
}
#body .leesmeer { 
	font-size:9px;
	line-height:20px;
}



/* ---- END STIJLEN BODYTEXT ---------- */


/* ---- START STIJLEN FORMULIEREN ----- */

input {
	font-family:arial, helvetica, sans-serif;  
	font-size:11px; 
	border-color:#9F9C27;
	background-color:#F9F9E3;
	border-width:1px;
}
.input_01 { /* voor waar de standaard input niet mee wordt genomen */
	font-family:arial, helvetica, sans-serif;  
	font-size:11px; 
	border-color:#9F9C27;
	background-color:#F9F9E3;
	border-width:1px;
}

/* alexander */
.missing {
	font-family:arial,	 helvetica, sans-serif;  
	font-size:11px; 
	border-color:#9F9C27;
	border: 2px solid #008800;
	background-color: #DC143C;
}

.nieuwstitel {
	font-family:Verdana, Arial, Helvetica, sans-serif;  
	font-size:11px; 
	font-weight:bold;
}



/* tbv wizard pages */
div.vispage
{
	
	
	display: block;
}

div.invispage
{
	
	
	display:none;
}

div.invissubpage
{
	
	display:none;
}

/* einde alexander */
textarea {
	font-family:arial, helvetica, sans-serif;  
	font-size:11px; 
	border-color:#9F9C27;
}
select {
	font-family:arial, helvetica, sans-serif;  
	font-size:11px; 
	border-color:#9F9C27;
}
/* ---- END STIJLEN FORMULIEREN ------- */


/* ---- START STIJLEN TOP ------------- */
#top .trans {
	background-color:#FFFFFF;
	filter:alpha(opacity=85);
	moz-opacity:.85;
	opacity:.85;
}
#top .titleLarge {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#006699; /* eventueel overrule*/
}
#top .NavRegel {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#006699; /* eventueel overrule*/
}
#top a:link { 
	color:#006699; /* eventueel overrule*/
	text-decoration:none; 
	}
#top a:visited { 
	color:#006699; /* eventueel overrule*/
	 text-decoration:none; }
#top a:active { 
	color:#006699; /* eventueel overrule*/
	 text-decoration:none; }
#top a:hover { 
	color:#006699; /* eventueel overrule*/
	 text-decoration:underline; }
	 
/* ---- END STIJLEN TOP --------------- */


/* ---- START STIJLEN RECHTS EN LINKS--- */
#RenL .trans {
	filter:alpha(opacity=60);
	moz-opacity:.60;
	opacity:.60;
}
/* ---- END STIJLEN RECHTS EN LINKS----- */


/* ---- START STIJLEN MENU ------------ */
#menuTop a:link { 
	color:#FFFFFF; text-decoration:none; }
#menuTop a:visited { 
	color:#FFFFFF ; text-decoration:none; }
#menuTop a:active { 
	color:#FFFFFF; text-decoration:none; }
#menuTop a:hover { 
	color:#FFFFFF; text-decoration:none; }
#menuTop .button_groot {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	text-indent:2px;
	/*background-image:url("../img/bg_menu_item_top.gif");*/
	height:25px;
	width:120px;
}
#menuTop .button_klein {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	background-image:url("../img/bg_menu_item_top.gif");
	text-align:center;
	height:25px;
	width:30px;
}
#tabBG {
	filter:alpha(opacity=10);
	moz-opacity:.10;
	opacity:.10;
}
/* ---- END STIJLEN MENU -------------- */

/* ---- START STIJLEN TAB ------------ */
#menuTab a:link { 
	color:#C2643F; text-decoration:none; }
#menuTab a:visited { 
	color:#C2643F ; text-decoration:none; }
#menuTab a:active { 
	color:#C2643F; text-decoration:none; }
#menuTab a:hover { 
	color:#C2643F; text-decoration:none; }
#menuTab .button {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#C2643F;
	text-indent:10px;
	background-image:url("../img/bg_menuitem_tab.gif");
	height:25px;
	width:103px;
	filter:alpha(opacity=80);
	moz-opacity:.80;
	opacity:.80;
}
#menuTab .buttonActive {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#C2643F;
	text-indent:10px;
	background-image:url("../img/bg_menuitem_tab.gif");
	height:25px;
	width:103px;
}
#menuTab .buttonNo {
	background-image:url("../img/bg_menuitem_tab_no.gif");
	height:25px;
	width:103px;
}
#menuTab .icon {
	vertical-align:middle;
	border:0px;
	margin-right:5px;	
}

/* ---- END STIJLEN TAB -------------- */


/* ---- START STIJLEN INLOGGEN -------- */
#login_box
{
	text-align:left;
	margin:0px;
	margin-top:5px;
	margin-left:10px;
	padding:0px;
	padding-top:5px;
	height:277px;
	
}
#login_box p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000033;
}
#login_box .trans {
	filter:alpha(opacity=40);
	moz-opacity:.40;
	opacity:.40;
}

#login_box form
{
	
	padding:0px;
	margin:0px;
}
#menuLeftBG .trans {
	filter:alpha(opacity=40);
	moz-opacity:.40;
	opacity:.40;
}
/* ---- END STIJLEN INLOGGEN ---------- */

/* ---- ALEX about ---*/
#about
{
	text-align:left;
	margin:0px;
	margin-top:5px;
	margin-left:0px;
	padding:0px;
	padding-top:5px;
	padding-left:10px;
	height:320px;
	background-image: url(../images/about/back_left_status_algemeen.gif);
	background-repeat: no-repeat;
	
}

#about h2
{
	font-size:10pt;
	margin:0px;
	padding:0px;
	padding-top:4px;
  padding-bottom:2px;
}

#about h3
{
	font-size:9pt;
	margin:0px;
	padding:0px;
		padding-top:4px;
		padding-bottom:2px;
}

#about img
{
	margin-bottom:3px;
}
/* ---- START STIJLEN ADVERTENTIES ---- */
#ads p {
	font-size:11px;
	color:#000033;
	text-align:left;
}
/* ---- END STIJLEN ADVERTENTIES ------ */

#map {
	BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; WIDTH: 700px; BORDER-BOTTOM: #aaa 1px solid; POSITION: relative;  HEIGHT: 500px;
}
#map1 {
	BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; WIDTH: 700px; BORDER-BOTTOM: #aaa 1px solid; POSITION: relative;  HEIGHT: 450px;
}
#map2 {
	BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; WIDTH: 700px; BORDER-BOTTOM: #aaa 1px solid; POSITION: relative;  HEIGHT: 450px;
}

#map_head {
	BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; WIDTH: 400px; BORDER-BOTTOM: #aaa 1px solid; POSITION: relative;  HEIGHT: 500px;
}

#map_toon {
	BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; WIDTH: 500px; BORDER-BOTTOM: #aaa 1px solid; POSITION: relative;  HEIGHT: 580px;
}

#map_toon_big {
	BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; WIDTH: 1024px; BORDER-BOTTOM: #aaa 1px solid;   HEIGHT: 768px;
}

#map_search {
	BORDER-RIGHT: #aaa 1px solid; BORDER-TOP: #aaa 1px solid; BORDER-LEFT: #aaa 1px solid; WIDTH: 700px; BORDER-BOTTOM: #aaa 1px solid; POSITION: relative;  HEIGHT: 580px;margin:10px;
}
td.form_label, td.form_vraag
{
	font-family:Verdana, Arial, Helvetica, sans-serif;  
	font-size:12px; 
	font-weight:bold;
	color:#006699;
	
	
}


/* linker deel van de inlog etc knoppen op basis van textlinks */
a.login, a.login:active, a.login:visited, a.login:focus,a.login:link, a.login:hover
{

	font-family:arial, helvetica, sans-serif;  
	font-size:11px; 
	text-decoration:none;
	border-color:#9F9C27;
	text-align:center;
	background-color:#F9F9E3;
	
	color:#000000;
	padding:2px;
	padding-top:2px;
	margin:0px;
	line-height:180%;
	width:140px;
	border: 1px solid;
}



/* slide show */
#slideshow
{
position:absolute;
	left:300px;
	top: 0px;
	overflow: hidden;
	margin:0px;
	padding:0px;
	
	width: 448px;
	height: 84px;
}

#slideshow img
{
	display:none;
	position:absolute;
	top:0; left:0;
}



/* route editor */
div #poi_intro
{

	margin-left: 5px;
	display:block;
}

div #poi_info
{
	margin-left: 10px;
	display:none;
}

table.route_kenmerken
{
	
	border: 1px;
	border-color:#000000;
	border-style:solid;
	border-collapse: collapse;

	}
table.route_kenmerken td.route_kenmerk_label
{
	border: 1px;
	border-color:#000000;
	border-style:solid;
	font-weight: bold;
		vertical-align: top;
}

table.route_kenmerken td.route_kenmerk
{
	border: 1px;
	border-color:#000000;
	border-style:solid;
		vertical-align: top;
	
}

/* tbv het laten afschermen van de achtergrond gebruiken we deze css */
#dropSheet
{
  background-color/**/: #000000;
  background-image: url(../img/dots.gif);
  background-image/**/: none;
  opacity: 0.35;
  filter: alpha(opacity=35);
  z-index:35;
}


/* extra div's tbv vervangen van de tabellen voor de layout */
div.home_left
{
	border:1px;
	width:500px;
	margin:0px;
	padding:5px;
	float:left;
}
div.home_right
{
	float:left;
	border:1px;
	width:300px;
	margin:0px;
	padding:5px;
}

/* tbv de user homepage -berichten*/
#berichten_ontvangen
{
	
	width:820px;
	height:250px;
	overflow:auto;
	
}

#berichten_verzonden
{
	
	width:820px;
	height:200px;
	overflow:auto;
	
}

/*
 * Route sort gerelateerd 
 */

table.routes_gevonden th
{
	font-weight:bold;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;  
	font-size:11px;
	color:#000000;
}
	

table.routes_gevonden th.sortedAscending
{
  padding-right: 2em;
  background-image: url(../images/arrow_up.gif);
  background-repeat: no-repeat;
  background-position: 65px 50%;
  font-weight:bold;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;  
	font-size:11px;
	color:#000000;
}

table.routes_gevonden th.sortedDescending
{
  padding-right: 2em;
  background-image: url(../images/arrow_down.gif);
  background-repeat: no-repeat;
  background-position: 65px 50%;
  text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;  
	font-size:11px;
	color:#000000;
}

table.routes_gevonden th a
{
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;  
	font-size:11px;
	color:#000000;
}

* html th a
{
  height: 1px;
}	

.error
{
	color:#FF0000; /* was #C2643F */
	text-decoration:none;
}

hr.waardering_start
{
	border:none;
	background-color:#99c1d6 ; /* lichtblauw */
	color:#99c1d6 ; /* lichtblauw */
	height:2px;
	width:95%;
	text-align:center;
}
hr.waardering_spacer
{
	border:none;
	background-color:#99c1d6 ; /* lichtblauw */
	color:#99c1d6 ; /* lichtblauw */
	height:2px;
	width:90%;
	text-align:center;
}
	
#body table.cursus_data 
{
	border-style: solid;
	border-color: black;
	
	border-width: 1px;
}
#body table.cursus_data td
{
	border-style: solid;
	border-color: black;
	border-width: 1px;
}

#body table.cursus_data tr.kop
{
	
	font-weight:bold;
}

#body table.vragenlijst
{
	border-style: solid;
	border-color: black;
	
	border-width: 1px;
	width:600px;
	margin:20px;
	margin-left:40px;
}

#body table.vragenlijst tr.kop
{
	background-color:#99c1d6 ;
	
}
	
#body table.vragenlijst tr.kop td
{
	background-color:#99c1d6 ;
	font-weight:bold;
	font-size: 11pt;
}

#body table.vragenlijst tr.vraag
{
	background-color: #d8e7ef;
	}

	#body table.vragenlijst td
	{
		font-weight:bold;
		border-style: solid;
	border-color: black;
	
	border-width: 1px;
	}
	
	#body table.vragenlijst td input {
	font-family:arial, helvetica, sans-serif;  
	font-size:11px; 
	border-color:#FFFFFF;
	background-color:#FFFFFF;
	border-width:1px;
}

/*
 met related
 */
#body  a.met { 
	color:#000000; /* was #C2643F */
	text-decoration:underline; 
}
 #body a.met:link { 
	color:#000000; /* was #C2643F */
	text-decoration:underline; 
}
#body a.met:visited { 
	color:#000000; /* was #C2643F */
	text-decoration:none; 
}

#body a.met:hover { 
	color:#000000; /* was #C2643F */
	text-decoration:underline; 
}	
#body a.met:active { 
	color:#000000; /* was #C2643F */
	text-decoration:none; 
}