/************************************************/
/* e_Gress DemoSite                        			*/
/* Medium: screen                           		*/
/* Common HTML and custom styles              	*/
/* Version: 2.1                                 */
/* -------------------------------------------- */
/* Copyright Hic et Nunc            						*/
/* www.hicetnunc.nl - info@hicetnunc.nl         */
/* Date: july 2004                              */
/************************************************/

/* color1: Green : #00667a */
/* color2: midDarkGreen (75%) : #408c9b */
/* color3: midGreen (50%) : #7fb2bc */
/* color4: lightGreen (25%) : #bfd9de */
/* color5: very lightGreen (10%) : #e5eff1 */
/* color6: Yellow : #ffe890 */

/***********************************************/
/* Common HTML Styles                          */
/***********************************************/

/************** HEADING styles **************/

h1, h2, h3, h4, h5, h6	{	
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #005a9c;
	font-weight: 600;
	letter-spacing: .1em;	
}
h1 {margin-bottom: 1em; padding-bottom: .8em; font-size: 135%;  border-bottom:1px solid #005a9c; }

h2 {font-size: 120%;}

h3 {font-size: 120%; }

h4 {font-size: 105%; font-style: italic;}

/* Paragraph */
p {font-size: 100%;}

table  {font-size: 100%;}

/******* HYPERLINK styles *******/

a:link, a:visited {
	color: #005a9c;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

/*************** LIST styles ***************/

ul { list-style-type: square; }

ul.noBullet { list-style-type: none; margin-left: -1em; }

ul ul { list-style-type: disc; }

ul ul ul{ list-style-type: none; }

/********* FORM and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

input, textarea {
	margin:0;
	padding:2px 3px 2px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#000;
	vertical-align:bottom;
	border:1px solid #005a9c;
}

input.noBorder, textarea.noBorder {
	border:none;
}

select {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
}

/***********************************************/
/* TABLE Styles                                */
/***********************************************/

/************** DEFAULT Table styles *****************/

th {
	margin: 0;
	font-size: 85%;
	font-weight: bold;
	color: #000; /* color1 */
	letter-spacing: 1px;
	text-align: left;
	background-color: #dcdcdc; 
}

td, td img {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

td { padding: 3px 0 3px 0; }

td p {
	margin-top: 0;
}

td ul {
	margin-left: 1.7em;
	padding: 0;
}
/* IE/Win hack */
html>body td ul {
	margin-left: 1.3em;
	padding: 0;
} 

table.noPadding td { padding: 0; }

/*** CUSTOM <TH> styles ***/

/* Icon image in <th>-row */
td.headerIcon {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #dcdcdc; /* color6 */
}

/* No bold <th> */
th.medium {font-weight: normal;}
/* No bold <th> Small */
th.small {font: normal 80% Arial, Verdana, sans-serif;}
/* No bold <th> Small Grey */
th.smallGrey {
	font: normal 80% Arial, Verdana, sans-serif;
	color: #777;
}

/*** CUSTOM <TD> styles ***/

.dataTBL { font-size:.9em; border:1px solid #005a9c; }
.dataTBL th, .dataTBL td { padding: 2px 5px 2px 5px; }
.dataTBL th {
	background-color:#005a9c;
	font-size: 1em;
	color:white;
	font-weight:bold;
	text-align:left;
}

.label {
	margin: 0;
	font-weight: 600;
	letter-spacing: 1px;
	background-color:#d9e6f0;
}

.data {
	margin: 0;
	border: 1px solid #d9e6f0;
}

.small {
	font: normal 80% Arial, Verdana, sans-serif; /* Not actual small: Arial gives a smaller appearance */
}

.smallGrey {
	font: normal 80% Arial, Verdana, sans-serif;
	color: #777;
}

.red { color: red; }

tr.redBorder td { border: 2px solid red; background-color: #ffcccc; }


/************** Spacer row *****************/

/* dark blue */
td.spacerColor1 {
	margin: 0;
	padding: 0;
	height: 4px;
	background-color: #005a9c;
}
td.lineColor1 {
	margin: 0;
	padding: 0;
	height: 1px;
	border-bottom:1px solid #005a9c;
}
/* light blue */
td.spacerColor2 {
	margin: 0;
	padding: 0;
	height: 4px;
	background-color: #d9e6f0;
}
td.lineColor2 {
	margin: 0;
	padding: 0;
	height: 1px;
	border-bottom:1px solid #d9e6f0;
}
/* white */
td.spacerWhite {
	margin: 0;
	padding: 0;
	height: 4px;
	background-color: #ffffff;
}
/***********************************************/
/* MISC Styles                                 */
/***********************************************/

/************** Text styles *****************/

.smallGrey {
	font: .9em Arial, Helvetica, sans-serif;
	color: #777;
}

.smallRed {
	padding: 2px;
	font: 80% Arial, Helvetica, sans-serif;
	color: #ff0000;
}

/************** Spacer / HR styles *****************/

div.hr {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	border-top: 1px solid #005a9c; /* color1 */
}
div.hr_dashed {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	border-top: 1px dashed #005a9c; /* color1 */
}

/************** Toolbar styles ****************/

#toolbar {
	width: 100%;
	margin: 10px 0 12px 0;
	padding: 4px 0 5px 0;
	white-space: nowrap;
	border-top: 1px solid #aaa; /* color1 */
	border-bottom: 1px solid #aaa; /* color1 */
}
html>body #toolbar {
	padding: 3px 0 4px 0; /* IE/Win hack */
} 

#toolbar a.default {
	margin: 0 2px 0 0;
	padding: 1px 4px 1px 4px;
	font: bold 11px Arial, sans-serif;
	color: #666; /* color1 */
	text-decoration: none;
	border: 1px solid #bfbfbf; /* color2 */
	background: #ededed; /* color4 */
}
#toolbar a.default:hover, #toolbar a.selected {
	margin: 0 2px 0 0;
	padding: 1px 4px 1px 4px;
	font: bold 11px Arial, sans-serif;
	color: #000;
	text-decoration: none;
	border: 1px solid #000; /* color1 */
	background: #f5f5f5; /* color5 */
}

#toolbar a img {
	position: relative;
	vertical-align: middle;
	padding: 0 5px 0 0;
}
html>body #toolbar a img {
	padding: 0 5px 2px 0; /* IE/Win hack */
} 

#toolbar select {
	margin-bottom: -2px;
}

/************** HREF buttons styles *****************/

.buttonBorder {	
	margin: 10px 0px 10px 0px;
	padding: 1px 5px 1px 5px;
	font-size: 80%;
	font-weight: bold;
	color: #005a9c;
	letter-spacing: 1px;
	text-decoration: none;
	border: 1px solid #005a9c; /* color2 */
	background-color: #e6e6e6; /* color4 */
	cursor: pointer;
}
html>body .buttonBorder {
	padding: 2px; /* IE/Win hack */
}

a.buttonBorder:link, a.buttonBorder:visited {	
	margin-right: 5px;
	padding: 1px 3px 3px 3px;
	color: #005a9c;
	text-decoration: none;
}
html>body a.buttonBorder:link, a.buttonBorder:visited {
	padding: 3px 5px 3px 5px; /* IE/Win hack */
}
a.buttonBorder:hover {	
	color: #fff;
	text-decoration: none;
	border: 1px solid #000;
	background: #005a9c;
}

a.buttonBorder img {
	position: relative;
	top: 2px;
	margin: 0;
	padding: 0px 5px 0px 3px;
}

/************** Next_Previous Styles **************/

#next_n {
	margin: 1em 0 1em 0;
	padding: 1em;
	text-align: center;	
	border-top: 1px solid #5994bf;
}

#next_n a:link, #next_n a:visited {
	padding: 3px;
	color: #555;
	text-decoration: none;
	border: 1px solid #fff;
}
#next_n a:hover {
	color: #000;
	text-decoration: none;
	border: 1px solid #666;
	background-color: #ededed;
}

#next_n img {
	vertical-align: middle;	
}
html>body #next_n img {
	padding-bottom: 2px; /* IE/Win hack */
}

/************** SORT-ORDER Sitemap styles **************/

.sitemap {
	padding: 25px 0 0 10px;
}

ul.sitemap {
	margin: 0;
	padding: 0;
	font-size: 80%;
	font-weight: bold;
	line-height: 2.3em;
}
ul.sitemap ul {
	margin: 0 0 .5em 0;
	padding: 2px 0 0 0;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.2em;
}
ul.sitemap li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.sitemap a:link, ul.sitemap a:visited {
	color: #00667a;
	text-decoration: none;
}
ul.sitemap a:hover {
	color: #014653;
	text-decoration: underline;
}

.highlight {
	background-color: #ffff00;
}

/* =========================== */
/* repository: files */
/* =========================== */

.repositoryFile {
	width: 75%;
	padding: 10px;
	background-color: #d9e6f0;
	border: 1px solid #005a9c;
}



/* =========================== */

/* voorbeelden-item TOC anchors listing */
#voorbeeldenindexBut {
	position: absolute;
	top: 78px;
	left: 413px;
	width: 200px;
	font-size: .9em;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	border: 1px solid #005a9c;
	background-color: #d9e6f0;
}
#voorbeeldenindexBut a {
	display: block;
	padding: 2px 3px 2px 3px;
}

#voorbeeldenTOC {
	position: absolute;
	top: 100px;
	left: 413px;
	width: 190px;
	padding: 5px;
	font-size: .9em;
	border: 1px solid #005a9c;
	background-color: #d9e6f0;
}
#voorbeeldenTOC ul {
	margin: 0;
	margin-left: .7em;
	padding: 0;
	padding-left: .7em;
	line-height: 1.5em;
	color: #005a9c;
}
#voorbeeldenTOC a:link, #voorbeeldenTOC a:visited {
	color: #005a9c;
	text-decoration: none;
}
#voorbeeldenTOC a:hover {
	color: #000;
	text-decoration: underline;
}

fieldset {
	margin: 5px;
	padding: 7px;
	color: #005a9c;
	border: 1px solid #ff9900;
}

fieldset.comment {
	margin: 5px;
	padding: 7px;
	color: #444;
	border: 1px solid #ff9900;
}

td.calendarDay {
	width: 65px;
	height: 70px;
	padding: 10px 5px 10px 5px;
	font-size: .9em;
	color: #666;
	font-weight: bold;
	line-height: 1.3em;
	background-image: url(../images/calendar_day.gif);
	background-repeat: no-repeat;
}

.ontwerpvoorbeeldHoofdstuk h1 { padding-bottom:.5em; margin-bottom: 1em; font-size: .9em; }


/* ========== Mijn Fietsberaad styles ========== */

#mijnFietsberaad_loginTable th {
	padding: 3px;
	background-color:#005a9c;
	font-size: .9em;
	letter-spacing: 2px;
	color:white;
	font-weight:bold;
	text-align:center;
}
#mijnFietsberaad_loginTable td {
	padding: 5px;
}
#mijnFietsberaad_loginTable td p {
	padding-top: 10px;
}
#mijnFietsberaad_loginTable td.border {
	border:1px solid #005a9c;
}
#mijnFietsberaad_loginTable td:hover {
	background-color:#d9e6f0;
}
#mijnFietsberaad_loginTable td.noHover:hover {
	background-color:#fff;
}

/* MODAL WINDOW */
#modal_container {
	padding: 5px;
	border: double; 
	border-color: #999;
	overflow: auto;
}
#modal_overlay { background-color: #000; }

#closeModalWindowImg { 
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	cursor: pointer;
}
/* default containerClassName */
.modal_container_default { 
	color: #005a9c;
	background-color: #fff; 
}
/* help containerClassName */
.modal_container_help { 
	color: #005a9c;
	background-color: #ffffcc; 
}