@import url(../extensions/bw_ser/styles.css);

/******************************************************************************
 * STANDARD ELEMENTS - Styles for standard HTML elements
 ******************************************************************************/
* {
	margin: 0px;
	padding: 0px;
	}

body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	width: 100%;
	text-align: center;
	color: #808080;
	}

a {
	text-decoration: none;
	}
a img {
	border: none;
	}

ul {
	list-style-type: none;
	}
p {
	margin-bottom: 12px;
}


/******************************************************************************
 * GENERIC CLASSES - Classes that can be used everywhere
 ******************************************************************************/
.clear_both	{ clear: both; line-height: 0px; }


/******************************************************************************
 * STANDARD DIVISIONS - The divisions that make up the layout of the page
 ******************************************************************************/
#container		{ width: 1000px; text-align: left; margin: 30px auto; background-color: #FFF; }

#header			{ width: 100%; }
	#header, #header a	{ color: #0054B6; }
	#title			{ float: left; padding-left: 14px; font-size: 15px; font-weight: bold; }
	#secundairmenu		{ float: right; margin-top: -3px; padding: 0px 10px; }
	#secundairmenu ul	{ display: inline; }
	#secundairmenu li a	{ height: 12px; line-height: 12px; }

#mainmenu		{ width: 100%; margin: 11px 0px 15px 0px; height: 30px; line-height: 30px;
				background-color: #0054B6; font-weight: bold; position: relative; }
	#mainmenu a		{ color: #FFF; }
	#mainmenu #zoekveld	{ right: 44px; width: 135px; height: 15px; margin: 5px 9px; background-color: #FFF; border: 0px; }
	#mainmenu #zoeken	{ background-color: transparent; border: none; color: #fff; font-weight: bold;}
	#mainmenu #zoekbox  { width: 224px; border-left: 2px solid #4D88CA; right: 0px; height: 30px; text-align: right; position: absolute; top: 0px; }

#main			{ width: 100%; position: relative; }
	#left		{ width: 210px; position: absolute; top: 0px; left: 0px;
			min-height: 500px; height: auto !important; height: 500px; }
	#left .block {margin-bottom: 14px}
	#content	{ width: 550px; position: absolute; top: 0px; left: 225px;
			min-height: 500px; height: auto !important; height: 500px; }
	#right		{ width: 210px; position: absolute; top: 0px; right: 0px;
			min-height: 500px; height: auto !important; height: 500px; }

		#left_links { padding: 5px 0px 0px 16px; min-height: 500px; height: auto !important; height: 500px; }
		#left_links li { padding-top: 8px; }
		#left_links ul li ul li { margin-left: 18px; }
		
		#content_image { margin-top: 14px; min-height: 319px; height: auto !important; height: 319px; }
		#content_main_text { width: 267px; position: absolute; top: 70px; right: 0px; }
		#content li { width: 100%; height: 30px; line-height: 30px; position: relative; }
		#content li a { margin-left: 15px; }
		#content li a span { position: absolute; top: 0px; right: 14px; font-size: 9px; }
		#content .info img {float: left; margin-right: 8px; margin-bottom: 8px;}
		#content .info {margin: 10px 0px;}
		#right { font-size: 10px; }
		#right a { font-size: 11px; font-weight: bold; text-decoration: underline; }
		#right div { margin-top: 14px; }
		#right #right_second { margin-top: 35px; }
		
.csc-textpic {margin-top: 6px; }


/******************************************************************************
 * MENU LAYOUT - The layout of the menu, submenu and other menu like lists
 ******************************************************************************/
#mainmenu ul, #secundairmenu ul {
	width: 100%;
	height: 18px;
	}
#mainmenu ul li, #secundairmenu ul li {
	float: left;
	display: inline;
	}
#secundairmenu ul li {
	font-size: 16px;
	}
#mainmenu ul li a {
	display: block;
	padding: 0px 14px;
	}
#secundairmenu ul li a {
	padding: 0px 7px;
	font-size: 11px;
	}
#mainmenu ul li a:hover,
#mainmenu ul li a:focus,
#mainmenu ul li a.active,
#secundairmenu ul li a:hover,
#secundairmenu ul li a:focus,
#secundairmenu ul li a.active {
	color: #BED9EC;
	}


h1, h2, h3 {
	height: 45px;
	line-height: 45px;
	font-size: 15px;
	overflow: hidden;
	}
h1, h2 {
	color: #FFF;
	padding-left: 15px;
	}
h3 {
	margin-bottom: 20px;
	}
	
/* nieuws */

.news-date {
	font-size: 8pt;
	font-weight: normal;	
}	
	
	
/* tables */
table.tablesorter {
	margin:10px 0px 15px;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #d9eaf2;
	color: #006993;
	border-bottom: 1px solid #006993;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	padding: 4px;
	vertical-align: top;
}
table.tablesorter tbody tr.even td {
	background-color:#fff;
}
table.tablesorter tbody tr.odd td {
	background-color:#d9eaf2;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	color: #fff;
	background-color: #006993;
}

/******************************************************************************
 * Mail Form - Specific styles for the default typo3 mailform
 ******************************************************************************/
.csc-mailform {
	margin-top: 14px;	
}

.csc-mailform input, .csc-mailform textarea {
	border: 1px solid #ccc;
	padding: 3px;
}
input.tx-sremailsubscribe-pi1-text {
	border: medium none;
}

fieldset {
	border: medium none;
}
/*input.csc-mailform-submit {
	border: 1px solid #f00;
}*/
input.tx-sremailsubscribe-pi1-submit {
	border: medium none;
	font-weight: bold;
	padding-left: 4px;
}
.csc-mailform-field label {
	width: 150px;
	text-align: left;
	float: left;
	padding-top:3px;
	height: 20px;
}
#right .right-block .input_submit, .csc-mailform-submit {
	border: medium none;
	font-weight: bold;
	padding-left: 4px;
}
form#mailform label {
	clear: both;
	float: left;
	width: 110px;
}
form#mailform input, form#mailform select, form#mailform span.text {
	width: 230px;
	margin-bottom: 6px;

}
form#mailform textarea {
	display: block;
	float: left;
	width: 230px;
}
form#mailform input.csc-mailform-submit {
	margin-top: 20px;
	margin-left: 115px;
	height: 20px;
	border: none;
	text-align: center;
}


.news-single-additional-info{
	padding-bottom:20px;
}