/* homeglobal-css */
/**************************************************************************************************html-body Section***************************************************************************************************/
html, body {
text-align: center;
background: #93ccf4 url(../images/bgbigloop2.gif) repeat-x left top;
background-position: -70px 0px;
/*background: #93ccf4 url(../images/bigback.gif) no-repeat left top;
background-position: -108px 0px;
*/
behavior: url(/css/csshover.htc);
}
/**************************************************************************************************Framework Section***************************************************************************************************/
#wraper {
width: 954px;
margin: 0 auto;
text-align: left;
background: #fff;
}
/*wings style*/
.leftwing {
width: auto;
height: 800px;
background: url(/images/leftsee2.png) no-repeat right top;
}
.midcel {
width: 954px;
}
.rightwing {
width: auto;
height: 800px;
background: url(/images/rightsee2.png) no-repeat left top;
}
/**************************************************************************************************Header section ***************************************************************************************************/
#header {
position: relative;
width: 954px;
height: 125px;
background: url(../images/bgheader2.gif) no-repeat left top;
background-position: 0% 0%;
}
html>body #header {
overflow: hidden;
}
/*logolink style*/
.logolink {
position: absolute;
top: 0;
left: 50;
width: 300px;
height: 120px;
_cursor: hand;
_cursor: pointer;
border: 0px solid green;
}
.department {
width: 133px;
height: 15px;
font-family: Arial;
font-size: 14px;
color: #888888;
font-weight: bold;
margin: 0px 0 0 697px;
}
/*Tel style*/
.tel {
width: 200px;
height: 15px;
font-family: Arial;
font-size: 14px;
color: #575757;
font-weight: bold;
margin: 10px 0 0 697px;
}
/*Directbtn style*/
.direct {
width: 210px;
height: 20px;
background: url(../images/bgbtn2.gif) no-repeat left top;
background-position: 0% 0%;
margin: 10px 0 0 690px;
}
.directbox {
width: 180px;
height: 10px;
margin: 0px 0 0 10px;
padding-top: 2px;
}
.directbox a {
text-decoration: none;
font-family: Arial;
font-size: 12px;
color: #fff;
font-weight: bold;
}
/*Home style*/
/*.homelink {
position: absolute;
top: 83;
left: 647;
width: 80px;
height: 20px;
}
.homelink a {
font-family: Arial;
font-size: 12px;
color: #575757;
}
*/
/*Huisje style*/
.huisjelink {
position: absolute;
top: 73;
left: 630;
width: 80px;
height: 20px;
}
.huisjelink a {
font-family: Arial;
font-size: 12px;
color: #575757;
}
/**************************************************************************************************Banner section***************************************************************************************************/
#banner {
position: relative;
width: 954px;
height: 239px;
background: url(../images/bgbanner2.gif) no-repeat left top;
background-position: 0px 0px;
}
/* #bannerfoto {
position: relative;
width: 839px;
margin: 4px 0 0 57px;
_margin: 4px 0 0 0px;
height: 230px;
text-align: center;
border: 1px solid orange;
}
*/
.bannerbox {
width: 839px;
height: 239px;
margin: 0px 0 0 57px;
border: 0px solid green;
}
/**************************************************************************************************Banner section***************************************************************************************************/
/*#banner {
position: relative;
width: 954px;
height: 239px;
text-align: center;
background: url(../images/bgbanner.gif) no-repeat left top;
background-position: 0% 0%;
margin-top: -4px;
_margin-top: 0px;
}
*/
/* #bannerfoto2 {
position: relative;
border: 0px solid orange;
}
.bannerbox {
margin: 0;
padding: 0;
width: 839px;
height: 230px;
margin: 4px 0 0 57px;
_margin: 4px 0 0 0px;
border: 0px solid green;
}
#bannerfoto2-toolbar {
position: absolute;
top: 0;
left: 0;
display: block;
border: 0px solid orange;
}
#bannerfoto2-dragarea {
border: 2px solid yellow;
}
#bannerfoto2-dragarea  img {
margin-left: -100px;
}
*/
/*#banner div {
text-align: center;
border: 1px solid green;
}
.ui-draggable {
margin: 4px 0 0 57px;
_margin: 4px 0 0 0px;
}
*/
/**************************************************************************************************Navbar section***************************************************************************************************/
.navbar {
position: absolute;
width: 215px;
height: 230px;
top: 3px;
left: 682px;
border: 0px solid green;
}
.navbar ul {
list-style: none;
text-align: left;
margin: -7px 0 0 5px;
}
.navbar ul li {
height: 18px;
padding: 0px 0 0px 0px;
border: 0px solid black;
margin-top: 5px;
_margin-top: 2px;
}
.navbar ul li a {
display: block;
background-color: #fff;
filter: alpha(opacity=80);
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.50;
opacity: 0.50;
text-decoration: none;
font-family: Arial;
font-size: 12px;
font-weight: bold;
color: #575757;
padding: 2px 0px 2px 5px;
}
.navbar li a:hover {
/*background: #fff;
*/
background-color: #ffffff;
filter: alpha(opacity=100);
opacity: 1;
-moz-opacity: 1;
padding: 2px 0px 2px 5px;
border: 0px solid green;
}
.navbar .menuitem-path a {
background-color: #ffffff;
filter: alpha(opacity=100);
opacity: 1;
-moz-opacity: 1;
}



/**************************************************************************************************Menubar section***************************************************************************************************/
#menubar {
width: 954px;
height: 23px;
background: url(../images/bgmenubar2.gif) no-repeat left top;
background-position: 0% 0%;
}
html>body #menubar {
overflow: hidden;
}
#menubar ul {
list-style: none;
margin: 3 0 0 65px;
_margin: 5 0 0 65px;
}
#menubar ul li {
float: left;
padding: 0 0 0 10px;
/*background: url(images/menuarrow.gif) no-repeat;
*/
}
#menubar ul li a {
/*display: block;
*/
text-decoration: none;
font-family: Arial;
font-size: 12px;
color: #009eff;
padding: 0px 0 0px 0px;
}
#menubar li a:hover {
color: #fff;
}
#menubar .menuitem-active a {
color: #fff;
}
/**************************************************************************************************Contentwraper section***************************************************************************************************/
#contentwraper {
width: 954px;
min-height: 362px;
_height: 362px;
background: url(../images/bgloopcolor2.gif) repeat-y left top;
background-position: 0% 0%;
}
html>body #contentwraper {
overflow: hidden;
}
/**************************************************************************************************ContentwraperLoop section***************************************************************************************************/
#contentwraperbox {
width: 954px;
min-height: 362px;
_height: 362px;
background: url(../images/bgcontentwrapercolor.gif) no-repeat left top;
background-position: 0% 0%;
}
html>body #contentwraperbox {
overflow: hidden;
}



/**************************************************************************************************Content section***************************************************************************************************/
#content {
float: left;
width: 690px;
min-height: 362px;
_height: 362px;
}
/*content2(photobookgallery) style*/
#content2 {
float: left;
width: 910px;
min-height: 362px;
_height: 362px;
}
.contentbox1 {
float: left;
width: 290px;
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #888888;
margin: 30px 0 0 70px;
_margin: 30px 0 0 70px;
border: 0px solid green;
}
.contentbox2 {
float: left;
width: 290px;
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #888888;
margin: 30px 0 0 20px;
_margin: 30px 0 0 20px;
border: 0px solid blue;
}
.contentbox1 p, .contentbox2 p {
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #575757;
margin: 0px 0 0 0px;
_margin: 0px 0 0 5px;
}
.contentbox1 p a, .contentbox2 p a {
/*text-decoration: underlined;
color: #888888;
*/
font-family: Arial;
font-size: 12px;
font-weight: normal;
}
.contentbox1 ul, .contentbox2 ul {
margin: 0 0 0 12px;
_margin: 0 0 0 18px;
border: 0px solid red;
}
.contentbox1 ol, .contentbox2 ol {
margin: 0 0 0 12px;
_margin: 0 0 0 22px;
border: 0px solid red;
}
.contentbox1 ul li, .contentbox2 ul li {
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #575757;
border: 0px solid red;
}
.contentbox1 ol li, .contentbox2 ol li {
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #888888;
border: 0px solid red;
}
.contentbox1 ul li a, .contentbox2 ul li a {
/*text-decoration: underlined;
*/
font-family: Arial;
font-size: 12px;
font-weight: normal;
}
.contentbox1 ol li a, .contentbox2 ol li a {
/*text-decoration: underlined;
*/
font-family: Arial;
font-size: 12px;
font-weight: normal;
}
.contentbox1 td, .contentbox2 td {
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #575757;
border: 0px solid green;
}
.contentbox1 td a, .contentbox2 td a {
/*text-decoration: underlined;
*/
font-family: Arial;
font-size: 12px;
font-weight: normal;
border: 0px solid green;
}
.InputField {
border:1px solid #c0c0c0;
width:200px;
}
/**************************************************************************************************Sidebar section***************************************************************************************************/
#sidebar {
float: left;
width: 264px;
min-height: 362px;
_height: 362px;
}
#sidebarimgbox {
width: 174px;
min-height: 260px;
_height: 260px;
margin: 30px 0 0 10px;
}
/**************************************************************************************************Footer section ***************************************************************************************************/
#footer {
width: 954px;
height: 56px;
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #888888;
clear: both;
background: url(../images/bgfooter3.png) no-repeat left top;
background-position: 0% 0%;
border: 0px solid red;
}
html>body #footer {
overflow: hidden;
}
#footer p {
font-family: Arial;
font-size: 10px;
font-weight: normal;
color: #444343;
margin: 35px 0 0 3px;
}
#footer p a {
text-decoration: underline;
font-family: Arial;
font-size: 10px;
font-weight: normal;
color: #444343;
}

/******************************************************************************
NewsLinksContent Section
******************************************************************************/

.newscontent {
float: left;
width: 532px;
}
.newscontentbox {
width: 426px;
min-height:362px;_height: 362px;
margin: 15px 0 0 75px;
}
/*Fotoblok style*/	
.fotoblok{
width: 426px;
height:172px;
}
.newscontfoto{
float:left;
width: 234px;
height:172px;
border:0px solid pink;
}

.newscontbg{
float:left;
width: 192px;
height:172px;
background: #0a73b5 url(/images/bgnews.gif) no-repeat left top;
background-position: 0% 0%;
border:0px solid lime;
}

.newslinktitle{
width: 175px;
height:20px;
font-weight:bold;
color:#fff;
margin:5px 0 10px 5px;
border:0px solid pink;
}
.newslinktitle a{
font-weight:bold;
color:#000;
}.newslinktitle a:hover{
text-decoration:underline;
font-weight:bold;
color:#000;
}
.newstext{
width: 175px;
height:115px;
margin:3px 0 0px 5px;
border:0px solid pink;
}
.newstext a{
color:#000;
}
.newstext a:hover{
text-decoration:underline;
color:#000;
}

/*Linksblok style*/
.linksblok{
width: 426px;
margin:-3px 0 15px 0;
background:#b5d5e9;
}
html>body .linksblok{
overflow:hidden;
}
.linkslift{
width: 405px;
min-height:152px;_height:152px;
margin:10px 0 10px 10px;
background:#b5d5e9;
}
.linkslift p{
font-weight:bold;
color:#3f3f3f;
}
.linkslift a{
font-weight:bold;
color:#000;
}
.linkslift a:hover{
text-decoration:underline;
color:#000;
}
.linkslift ul, .linkslift ol{
list-style: none;
font-weight:bold;
color:#3f3f3f;
margin: 0px 0px 0px 10px;_margin: 0px 0px 0px 20px;
list-style-image: url(/images/bulletnews.gif);
border:0px solid green;
}
/*clear style*/   
.clear{
_width:400px;_margin-left:100px;/*fix IE*/
clear:both;
color:#fff;
border:none;
} 
/*************************************Sidebar section**************************/
.newssidebar {
float: left;
width: 422px;
}
.newssidebarbox {
width: 363px;
min-height: 260px;_height: 260px;
margin: 15px 0 0 0px;
border:0px solid green;
}




/******************************************************************************
News Section
******************************************************************************/

.newscontent {
float: left;
width: 532px;
}
.newscontentbox {
width: 426px;
min-height:362px;_height: 362px;
margin: 15px 0 0 75px;
}
/*Leftblok style*/	
.leftblok{
width: 426px;
}
.newscontblue{
width: 426px;
height:50px;
background:#0a73b5;
}
.newstitle{
width: 405px;
height:20px;
font-size:14px;
font-weight:bold;
color:#fff;
margin:5px 0 10px 5px;
border:0px solid pink;
}
.uitgegeven{
color:#000;
}
.terugblok{
width: 420px;
height:18px;
margin:3px 0 0px 5px;
border:0px solid pink;
}
.terug{
float:right;
width: 40px;
height:15px;
color:#fff;
border:0px solid pink;
}
.terug a{
text-decoration:underline;
color:#fff;
}

/*Textblok style*/
.textblok{
width: 426px;
margin-bottom:15px;
background:#b5d5e9;
}
html>body .textblok{
overflow:hidden;
}
.textlift{
width: 405px;
min-height:252px;_height:252px;
margin:10px 0 10px 10px;
background:#b5d5e9;
}
.textlift p{
color:#3f3f3f;
}
.textlift a{
text-decoration:underline;
color:#0a73b5;
}

/*************************************Sidebar section**************************/
.newssidebar {
float: left;
width: 422px;
}
.newssidebarbox {
width: 363px;
min-height: 260px;_height: 260px;
margin: 15px 0 0 0px;
border:0px solid green;
}
.newssidefoto{
width: 363px;
min-height: 220px;_height: 220px;
}
.fotouitleg {
width: 340px;
min-height: 20px;_height: 20px;
margin: 5px 0 0 0px;
border:0px solid green;
}




/******************************************************************************
Agenda Section
******************************************************************************/

.agendacontent {
width: 954px;
}
.agendacontentbox {
width: 839px;
min-height:362px;_height: 362px;
margin: 0px 0 0 56px;
border:0px solid pink;
}

/*Maanden style*/	
.maanden{
width: 839px;
}
html>body .maanden{
overflow:hidden;
}
.maandenlift{
width: 820px;
height:25px;
margin: 10px 0 5px 15px;
border:0px solid pink;
}
.maandback, .maandnext{
	width: 30px;
	border:0px solid pink;
}
.maandnaam{
	font-size:22px;
	font-weight:bold;
	color:#000;
	border:0px solid pink;
}

/*weken style*/	
.weken{
	width: 839px;
}
/*html>body .weken{
overflow:hidden;
}*/
.wekenlift{
	width: 839px;
	min-height:360px;_height:360px;
	margin:0 0 0 1px;
	border:0px solid pink;
}
/*td's style*/	
.dagnaam td{
	width: 121px;
	height:15;
	font-weight:bold;
	color:#0a73b5;
	text-align:center;
	border-right:1px solid #0a73b5;
}
.dagnr td{
	width: 121px;
	height:15;
	font-weight:bold;
	color:#fff;
	padding:0 0 0 3px;
	text-align:left;
	background:#0a73b5;
	border-right:1px solid #0a73b5;
}
.dagnr .today {
	background:#c8000a;
}
.dagdata {
	/*height:80px;*/
	position:relative;
}
.daginhoud .leeg{
	width: 121px;
	height:70;
	color:#000;
	padding:0 0 0 3px;
	text-align:left;
	border-right:1px solid #0a73b5;
	border-bottom:1px solid #0a73b5;
}
.daginhoud .text{
	padding:0 0 0 3px;
	text-align:left;
}
.daginhoud .uur div{
	height:12px;
	font-size:10px;
	color:#000;
	overflow:hidden;
}
.daginhoud .program div{
	width:80px;
	height:12px;
	font-size:10px;
	text-decoration:underline;
	font-style:underline;
	color:#000;
	overflow:hidden;
	border:0px solid green;
}
.daginhoud .colored{
	color:#000;
	padding:0 0 0 3px;
	text-align:left;
	background:#b5d5e9;
}
.daginhoud .today {
	background:#fbebec;
}
.more {
	color:#000;
	font-size:10px;
}
.daginhoud .meer div{
	width:33px;
	height:15px;
	font-size:10px;
	text-decoration:underline;
	color:#000;
	overflow:hidden;
}
.daginhoud .dagnew {
	position:absolute;
	border:0px solid red;
	overflow:hidden;
	top:52px;
	left:96px;
}
.dagnaam .lastcl, .dagnr .lastcl, .daginhoud .lastcl{
	border-right:0px;
}	
#agenda_detail {
	width:463px;
}

#agenda_detail_title {
	width:100%;
	height:47px;
	background:#0a73b5;
	text-align:left;
}

#agenda_detail_title p {
	font-size:14px;
	color:#fff;
	font-weight:bold;
	padding:4px;
}

#agenda_detail_body {
	background:#b5d5e8;
	padding-bottom:16px;
}

#agenda_detail_body .inputText, #agenda_detail_body .inputTextarea {
	width:100%;
	border:1px solid #7f9db9;
}

#agenda_detail_body .inputButton {
	background:#0a73b5;
	border:1px solid #0a73b5;
	color:#fff;
	font-weight:bold;
}


#agenda_detail_body table {
	width:100%;
}

.agenda_detail_time {
	font-weight:bold;
	width:90px;
	padding-left:8px;
	padding-top:16px;
}

.agenda_detail_subject {
	font-weight:bold;
	padding-top:16px;
}

.agenda_detail_location {
	font-style:italic;
}

/* nieuws */
#depnews_detail {
	width:463px;
}

#depnews_detail_title {
	width:100%;
	height:47px;
	background:#0a73b5;
	text-align:left;
}

#depnews_detail_title p {
	font-size:14px;
	color:#fff;
	font-weight:bold;
	padding:4px;
}

#depnews_detail_body {
	background:#b5d5e8;
	padding-bottom:16px;
}

#depnews_detail_body .inputText, #depnews_detail_body .inputTextarea {
	width:100%;
	border:1px solid #7f9db9;
}

#depnews_detail_body .inputButton {
	background:#0a73b5;
	border:1px solid #0a73b5;
	color:#fff;
	font-weight:bold;
}

#depnews_detail_body table {
	width:100%;
}

.notgranted {
	display:none;
}