/* ####################################################################################### */
/* ####################################################################################### */
/* 
	LET OP !
	
	Deze stylesheet bevat alleen de styles voor de content in de middenkolom.
	Css tbv layout in default.css en pagina.css.
	
	Reset-styles in aparte stylesheet: reset.css
	
*/
/* ####################################################################################### */
/* ####################################################################################### */


/* ####################################################################################### */
/* General content ####################################################################### */
/* ####################################################################################### */

#content {
	color:#1b1d3f;
	font-size: 0.8em;
	line-height: 1.5em;
}

#content h1 {
	font-size: 1.6em;
	
	padding:20px 0;	
}

#content h2 {
	font-size: 1.5em;
	
	padding:4px 0;
}

#content h3 {
	font-size: 1.4em;
	
	padding:12px 0;
}

#content h4 {
	font-size: 1.3em;
	
	padding:10px 0;
}

#content h5 {
	font-size: 1.2em;
	
	padding:5px 0;
}

#content h6 {
	font-size: 1em;
	
	padding:0 0 0 0;
}

#content a:link,
#content a:visited,
#content a:active {
	color: #003cc4;
	text-decoration:none;
}

#content a:hover {
	color: #1b1d3f;
	background-color:#fdb827;
}

#content input,
#content textarea {
	font-size: 11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#content ul {
	padding-left: 25px;
	list-style-position:outside;
	list-style-type:disc;
	padding-bottom: 15px;
}

#content ol {
	padding-left: 25px;
	list-style-position:outside;
	list-style-type: decimal;
	padding-bottom: 15px;
}

#content p {
	padding-bottom: 15px;
}

/* ####################################################################################### */
/* Nieuwsoverzicht (Home) ################################################################ */
/* ####################################################################################### */

#nieuwsoverzicht ul,
#nieuwsoverzicht li {
	margin:0; padding:0;
	list-style: none;
}

#nieuwsoverzicht ul{
	margin-top: 20px;
}

#nieuwsoverzicht li{
	margin-bottom: 10px;
}

#nieuwsoverzicht p.datum{
	font-weight: bold;
	padding-bottom:0;
	font-size:0.85em;
}

#nieuwsoverzicht h2 {
	padding-top:8px;
	line-height: 1.1em;
	font-size:1.1em;
}

#nieuwsoverzicht p {
	padding:0px;
	clear:both;
	float:none;
}
#nieuwsoverzicht p.more_link {
	height:1px;
	margin-bottom:30px;
	text-align: right;
	position:relative;
	width:100px;
	float:right;
}
#nieuwsoverzicht p.more_link a {
	text-align: right;
	margin:0px;
	padding:4px;
	position:relative;
	top:-18px;
	right:3px;
	background:#fff;
}

#nieuwsoverzicht p.more_link a:link,
#nieuwsoverzicht p.more_link a:visited,
#nieuwsoverzicht p.more_link a:active{
	text-decoration: none;
	font-weight: bold;
	font-variant:small-caps;
}

/* ####################################################################################### */
/* Klachtenformulier ##################################################################### */
/* ####################################################################################### */

#klachtenformulier #error {
	color: Red;
}

#mailto_freehtml,
#klachtenformulier {
	border: 0px solid red;
}

#vrije_inhoud {
	padding-bottom: 20px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
}

#mailto_freehtml fieldset,
#klachtenformulier fieldset {
	border: 1px solid #cccccc;
	padding: 30px 15px;
	margin-bottom: 20px;
}

#mailto_freehtml legend,
#klachtenformulier legend {
	font-weight: bold;
	font-size: 14px;
	padding: 0 10px;
	margin-bottom:20px;
}

#mailto_freehtml #gegevens label,
#klachtenformulier #gegevens label {
	display: block;
	width: 8em;
	float: left;
	text-align: right;
	padding-right: 1em;
}

#mailto_freehtml #gegevens input,
#klachtenformulier #gegevens input {
	display: block;
	width: 22em;
	float: left;
	margin-right: 10px;
}

#mailto_freehtml #gegevens #geslachtKeuze,
#klachtenformulier #gegevens #geslachtKeuze {
	padding-left: 9em;
}

#mailto_freehtml #gegevens #part-ond-Keuze p,
#klachtenformulier #gegevens #part-ond-Keuze p{
	width: 8em;
	text-align: right;
	float: left;
	padding-right: 1em;
}

#mailto_freehtml #gegevens #geslachtKeuze label, 
#mailto_freehtml #gegevens #geslachtKeuze input,
#mailto_freehtml #gegevens #part-ond-Keuze label, 
#mailto_freehtml #gegevens #part-ond-Keuze input,
#klachtenformulier #gegevens #geslachtKeuze label, 
#klachtenformulier #gegevens #geslachtKeuze input,
#klachtenformulier #gegevens #part-ond-Keuze label, 
#klachtenformulier #gegevens #part-ond-Keuze input {
	display: inline;
	width: auto;
}

#mailto_freehtml #gegevens #geslachtKeuze input,
#mailto_freehtml #gegevens #part-ond-Keuze input,
#klachtenformulier #gegevens #geslachtKeuze input,
#klachtenformulier #gegevens #part-ond-Keuze input{
	margin-right: 20px;
}

#mailto_freehtml fieldset div,
#klachtenformulier fieldset div {
	clear: both;
	margin: 15px 0;
}

#mailto_freehtml #klacht,
#mailto_freehtml #vraag, 
#klachtenformulier #klacht,
#klachtenformulier #vraag {
	padding-left: 4em;
}

#mailto_freehtml #klacht select,
#mailto_freehtml #vraag select,
#klachtenformulier #klacht select,
#klachtenformulier #vraag select {
	display: block;
	width: 21em;
}



#mailto_freehtml #klacht label,
#mailto_freehtml #klacht input,
#mailto_freehtml #klacht textarea,
#mailto_freehtml #vraag label,
#mailto_freehtml #vraag input,
#mailto_freehtml #vraag textarea,
#klachtenformulier #klacht label,
#klachtenformulier #klacht input,
#klachtenformulier #klacht textarea,
#klachtenformulier #vraag label,
#klachtenformulier #vraag input,
#klachtenformulier #vraag textarea {
	display: block;
	width: 25em;
}

#mailto_freehtml #klacht label,
#mailto_freehtml #vraag label,
#klachtenformulier #klacht label,
#klachtenformulier #vraag label {
	padding: 5px 0;
}

#mailto_freehtml td.submitbtn input {
	padding: 5px;
	font-weight: bold;
	font-size: 1.2em;
}

#klachtenformulier div.submitbtn input {
	float:right;
	padding: 5px;
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 20px;
}


/* ####################################################################################### */
/* Loginformulier ##################################################################### */
/* ####################################################################################### */



.loginform {
	
}

.loginform div{
	clear: both;
	margin-bottom: 10px;
}

.loginform label{
	width:8em;
	float: left;
}

.loginform input{
	width:16em;
	float: left;
}

.loginform .login_btn  {
	margin-top: 20px;
}

.loginform .login_btn input {
	float: none;
	width: 8em;
	font-weight: bold;
	height: 3em;
	font-size: 1em !important;
	cursor:pointer;
}


/* ####################################################################################### */
/* Zoeken    ##################################################################### */
/* ####################################################################################### */

#BW_zoekform {
	margin: 20px 0;
	border-top: 1px solid #ffffff;
}

#BW_zoekform .zoekopties div {
	clear: both;
	margin:7px 0;
}

#BW_zoekform .zoekopties div label{
	display: block;
	width: 12em;
	float: left;
	text-align:right;
	margin-right: 15px;
	font-weight:bold;
}

#BW_zoekform .zoekopties div input{
	display: block;
	width: 16em;
	float: left;
}

#BW_zoekform .zoekopties div select{
	display: block;
	width: 14em;
	float: left;
}

#BW_zoekform #zoekform_container div.button {
	margin-top: 20px;
	text-align:right;
}

#BW_zoekform #zoekform_container div.button input{
	float: none;
	width: 8em;
	font-weight: bold;
	height: 3em;
	font-size: 1em !important;
	cursor:pointer;
}

#BW_zoekresultaat {
	
}

#BW_zoekresultaat #result_header {
	margin: 7px 0;
	font-weight:bold;
}

#BW_zoekresultaat .paging {
	margin: 7px 0;
}

#BW_zoekresultaat .paging a.current{
	font-weight: bold;
	color:#FF6600;
}

#BW_zoekresultaat ol{
	margin: 15px 0;	
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

#BW_zoekresultaat ol li{
	margin: 10px 0;	
}

#BW_zoekresultaat a.zoektitel:link,
#BW_zoekresultaat a.zoektitel:visited,
#BW_zoekresultaat a.zoektitel:active {
	font-weight: bold;
	padding-top:8px;
	line-height: 1.1em;
	font-size:1em;
}

#BW_zoekresultaat a.zoektitel:hover {
	background:none;
}