@charset "utf-8";
/* CSS Document */

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, a, blockquote, pre, form, fieldset, table, th, td { margin:0; padding:0; }

html { overflow-y:scroll; }

html,body 
{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	margin:0;
	padding:0;
	height:100%;
}
body { text-align:center; } /* Nodig voor IE center hack */

#wrap { 
	min-height:100%;
	margin:0 auto;	/* Nodig voor IE center hack */
}

#main {
	margin:0 auto;	
	width:950px;
	overflow:none;
	padding-bottom: 23px; /* Hoogte van footer */
}
h2 {
	font-size:16px;
	font-weight:bold;
	line-height:24px;
	color:#009ddc;
}
p {
	color:#13435b;
	line-height:18px;
}
a {
	color:#009ddc;
}

/* Header */
#header {
	width:950px;
}

#logo {
	height:188px;
}
#content {
	text-align:left;
}

/* Hoofdmenu */
#menubg  {
	height:59px;
	background:url(../images/menu_bg.png) top left no-repeat;
}

#topMenu {
	float:right;
	margin-top:10px;
}
#topMenu ul.Menu { 
	list-style:none;
	height:20px;
}
#topMenu ul.Menu li.MenuItem,  #topMenu ul.Menu li.MenuItemSel{
	float:left;
	margin-right:20px;
}
#topMenu ul.Menu li.MenuItemSel {
	background:url(../images/btn_hl_bg.png) top left repeat-x;
}
#topMenu ul.Menu li.MenuSearchItem {
	float:left;
	margin-right:20px;
	background:none;
}
#topMenu ul.Menu li.MenuItem a, #topMenu ul.Menu li.MenuItemSel a, #topMenu ul.Menu li.MenuSearchItem a {
	color:#fff;
	text-shadow:0px 1px #112732;
	line-height:21px;
	padding:2px 0;
	font-weight:bold;
	vertical-align:top;
	text-decoration:none;
}
#topMenu ul.Menu li.MenuItemSel img {
	vertical-align:top;
}
#topMenu ul.Menu li.MenuSearchItem input {
	height:19px;
	width:136px;
	_width:146px;
	font-size:11px;
	margin-top:1px;
	padding:0 5px;
	background:url(../images/searchBg.png) top left no-repeat;
	border:none;
}

/* Submenu */
#subMenu {
	clear:both;
	padding-top:10px;
	text-align:left;
	margin-left:347px;
}
#subMenu a {
	color:#009ddc;
	text-decoration:none;
}

/* NieuwsItems */
#nieuwsItems {
	margin:10px 20px 10px 20px;
}
#nieuwsItems ul {
/*	margin:10px 15px 10px 25px;*/
	margin-left:10px;
	list-style:square;
	color:#009ddc;
}
#nieuwsItems ul li {
	margin-top:10px;
}
#nieuwsItems ul li strong.titel a, .news_title {
	color:#5d114b;
	font-weight:bold;
	text-decoration:none;
}
#nieuwsItems strong.datum, .news_date, .news_link {
	text-align:right;
	color:#009ddc;
	font-weight:bold;
	text-decoration:none;
}
#nieuwsItems ul li p, .news_text {
	color:#13435b;
	font-weight:normal;
}

/* Columns */
#columnLeft {
	float:left;
	width:320px;
	_width:290px;
	margin:30px 8px 15px 22px;
}
#columnLeftWide {
	float:left;
	width:645px;
	_width:613px;
	margin:30px 10px 15px 22px;
}
#columnMiddle {
	float:left;
	width:325px;
	_width:300px;
	margin:30px 10px 15px 15px;
}
#columnRight {
	float:left;
	width:238px;
	_width:228px;
	margin:30px 0 15px 10px;
}
.columnNieuws {
	background:url(../images/newsBg.png) top left repeat-y;
}
#nieuwsItemsTop {
	width:235px;
	height:27px;
	background:url(../images/newsBgTop.png) top left no-repeat;
}
#nieuwsItemsBottom {
	width:235px;
	height:23px;
	background:url(../images/newsBgBottom.png) top left no-repeat;
}

/* Formulier */

#inputField,#inputFieldStraatnaam,#inputFieldHuisNr,#inputFieldAchtergrond{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:transparent;
	background:url(../images/inputfield.gif) no-repeat left top; 
	padding:0 5px;
	border:none;
	width:216px;
	height:20px;
}

#inputButton{
	
	background-color:transparent;
	background:url(../images/verzendknop.gif) no-repeat left top;
	border:none;
	width:95px;
	height:20px;
	color:#FFF;
	padding:0 0 8px 0;
}
.textInput,textarea{  /* General style for my inputs when they're not highlighted */
  background-color:#FFFFFF;
}
.inputHighlighted{  /* Highlighting style */
  background-color:#FFFFCC;
} 
.invalidInput,.validInput{
	float:left;
	display:compact;
	padding:1px;
}
/* Style for invalid input */
.invalidInput #inputField {
	background:url(../images/inputfieldR.gif) no-repeat left top;
}
.invalidInput #inputFieldStraatnaam{
	width:162px;
	background:url(../images/inputfieldStraatR.gif) no-repeat left top;
}
.invalidInput #inputFieldHuisNr{
	width:31px;
	background:url(../images/inputfieldNrR.gif) no-repeat left top;
}
.invalidInput #inputFieldAchtergrond {
	font-size:11px;
	width:217px;
	background:url(../images/inputfieldR.gif) no-repeat left top;
}

/* Style for valid input */
.validInput #inputField {
	background:url(../images/inputfield.gif) no-repeat left top;
}
.validInput #inputFieldStraatnaam{
	width:162px;
	background:url(../images/inputfieldStraat.gif) no-repeat left top;
}
.validInput #inputFieldHuisNr{
	width:31px;
	background:url(../images/inputfieldNr.gif) no-repeat left top;
}
.validInput #inputFieldAchtergrond {
	font-size:11px;
	width:217px;
	background:url(../images/inputfield.gif) no-repeat left top;
}


/* Footer */
#stickyFooter {
	position:relative;
	margin-top:-23px; /* Negatieve hoogte van footer */
	height:23px;
	clear:both;
}
#footer {
	width:940px;
	background:#009ddc;
	height:23px;
	color:#fff;
	margin:0 auto;
	text-shadow:0px 1px #005e84;
	-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
}
#footer ul.bottomMenu { 
	float:right;
	list-style:none;
	height:10px;
	margin-top:3px;
}
#footer ul.bottomMenu li.bottomMenuItem {
	float:left;
	margin-right:20px;
}
.bottomMenuItem a {
	text-decoration:none;
	color:#fff;
}

/* Dynaweb Elements */
.zoek_resultaat_link {
	text-decoration:none;
	color:#009ddc;
}
.zoek_context {
	color:#000;
}

/* Dynaweb Elements */
.paragraaf, .middenkolomparagraaf {
	margin-bottom:20px;
	clear: both;
}
 
#imageLeft, #imageRight, .td_paragraaf #imageLeft, .td_paragraaf #imageRight {
	border: none;
	font-size: 10px;
	padding-bottom: 10px;
}
.td_paragraaf #imageLeft {
	padding-top:13px;
}
.td_paragraaf #imageRight {
	padding-top:13px;
}

#imageLeft img, #imageRight img {
	width: 160px;
	border: none;
}
 
#imageLeft {
	float: left;
	margin-right: 20px;
}
 
#imageRight {
	float:right;
	margin-left: 20px;
}

/* Programma tabel */
#tabel {
	width:900px;
	height:900px;
	border:#2d91c2 3px solid;
	border-top:#2d91c2 3px solid;
	-webkit-border-radius: 12px 12px 12px 12px;
	-moz-border-radius: 12px 12px 12px 12px;
}

#kolom, #kolomTijd {
	float:left;
	border-right:1px #CCC solid;
	width:100px;
	height:900px;
}
#kolomTijd {
	color:#fff;
	text-shadow:0px 1px #112732;
	line-height:21px;
	font-weight:bold;
	background:#7bbad9;
}

#rij, #rijItem , #rijTitel{
	float:left;
	border-bottom:1px #000 solid;
	width:100px;
	height:30px;
}
#rijItem, #rijOpening {
	color:#112732;
	text-shadow:0px 1px #fff;
	line-height:21px;
	font-weight:bold;
	vertical-align:middle;
	text-decoration:none;
	background:url(../images/item_hl_bg.png) top left repeat-x #D5EBF5;
}
#rijTitel {
	color:#fff;
	text-shadow:0px 1px #112732;
	line-height:14px;
	font-weight:bold;
	background:url(../images/hdr_hl_bg.png) top left repeat-x #5B114C;
	border-bottom:1px #000 solid;
	overflow:hidden;
	padding-top:4px;
}
#rijOpening {
	border-right:none;
}

#item{
	text-align:center;
	vertical-align:middle;
}
#item a {
	color:#112732;
	text-shadow:0px 1px #fff;
	text-decoration:none;
}
.nomouse
{
position:relative;
color: #000000;
font-weight:bold;
}

.mouse2
{
position:absolute;
visibility:hidden;
z-index:99;
background:url(../images/hover_hl_bg.png) top left repeat-x #fefdfe;
color: #235268;
text-shadow:0px 1px #fff;
width:380px;
font-size:10px;
top:10px;
left:55px;
padding:8px;
border:1px #235268 solid;
-webkit-border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;

} 


/* Opera fix */
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}
