/* STRUCTURE */ 

html, body, #wrap_outer {height:100%;}
html, body {margin:0; border:0; padding:0; }

#banner {position:absolute; height:159px; width:100%; left:0; top:0;  z-index:2; }
#wrap_outer  { position:relative; margin:0 auto; }
#wrap_middle { float:left; width:100%; text-align:center; }
#wrap_inner  { width:1000px; margin: 0 auto; margin-top: 159px; overflow:hidden;}
#left {float:left; width: 260px; display:inline; text-align:left; z-index:3;}
#main {float:right; width: 700px; display:inline; text-align:left; z-index:4; overflow:hidden;}
#footer {clear:both; height: 54px; }

#spacer {float:left; width:1px; height:100%; display:inline; margin-bottom:-54px; margin-right:-1px; display:inline; /* visibility:hidden; */}

/* LAYOUT  */ 

body{
	background-image:url(../images/default/body/jpg/imgBackground.jpg);
	background-attachment: fixed;
	background-position:top center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: justify;
	line-height:24px;
	color:#61667b;
	overflow-x:hidden;
}

p{
	line-height:24px;
	padding:0px;
	margin:0px;
}

.red{
	color: #F00;
}

#banner{
	background-image:url(../images/default/body/jpg/imgBanner.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-color:#a5bbcd;
	text-align:center;
}

#divFlashBanner{
	width:1000px;
	margin:0 auto; 
}

#left{
	float:left;
	padding-left:10px;
	padding-top:14px;
	text-align:left;
	width:220px;
	overflow: hidden;
}

#right{
	float:right;
	padding-right:10px;
	padding-top:14px;
	text-align:left;
	width:720px;
	overflow: hidden;
}

#wrap_middle{
	background-image:url(../images/default/body/png/imgContainerNoShadow.png);
	background-position:top center;
	background-repeat:repeat-y;
}

#wrap_outer{
	background-image:url(../images/default/body/png/imgContainerNoShadow.png);
	background-position:top center;
	background-repeat:repeat-y;
}

#footer{
	background-color:#5f646a;	
	text-align:center;	
	font-size:10px;
}

#footerContainer{
	width:1000px;
	margin:0 auto; 
	padding-top:14px;
}

#footerLeft{
	float:left;
	width:815px;
	text-align:left;
	color:#FFFFFF;	
}

#footerRight{
	float:right;
	width:175px;	
	text-align:right;	
	color:#FFFFFF;	
}

#footerLeft a, #footerRight a{
	color:#FFFFFF;	
	text-decoration:none;
}

#footerLeft a:hover, #footerRight a:hover{
	color:#d2dde6;	
	text-decoration:none;
}

#breadcrumb{
	font-size:10px;
	text-align:left;
	padding-left:12px;
}

#breadcrumb a, #breadcrumb a:hover{
	color:#61667b;
	text-decoration:none;
}

a, a:hover {
	color:#c92b59;
	text-decoration:none;
}

#newsdate{
	font-size: 10px;
	color: #999;
}

/*  MENU */



#menu{
	height:94px;
	border:1px solid #ffffff;
	text-align:left;
}

#MainMenu{
	width:998px;
	height:49px;
	overflow:hidden;
	background-image:url(../images/default/body/jpg/imgBackgroundMenuMain.jpg);	
	
}

.MainMenuItem{
	float:left;
	cursor:pointer;
	background-color:#d2dde6;
}

.MainMenuItemCenter{
	float:left;
	padding:8px;
	color:#61667b;	
	height:33px;
	text-align:left;
}

.MainMenuItemLeft{
	float:left;
	height:49px;	
	width:7px;
}

.MainMenuItemRight{
	float:left;
	height:49px;	
	width:7px;
}

.SubMenu{
	display:none;
	width:998px;
	background-image:url(../images/default/body/jpg/imgBackgroundMenuSub.jpg);
	height:46px;
}

.SubMenuItem{
	float:left;
	padding:8px;
	padding-left:10px;
	padding-right:10px;	
	cursor:pointer;
	height:30px;	
}

#leftmenubutton0, #leftmenubutton0Active{
	background:#d2dde6;
	padding-right:4px;
	padding-left:4px;
	padding-top:2px;
	padding-bottom:2px;
	margin:2px;
	cursor:pointer;
}

#leftmenubutton0Active, #leftmenubutton1Active, #leftmenubutton2Active, #leftmenubutton3Active, #leftmenubutton4Active{
	color:#c92b59;
}

#leftmenubutton1, #leftmenubutton1Active{
	background:#e8eef2;
	padding-right:4px;
	padding-left:16px;
	padding-top:2px;
	padding-bottom:2px;
	margin:2px;
	cursor:pointer;
}

#leftmenubutton2, #leftmenubutton2Active{
	background:#f4f6f9;
	padding-right:4px;
	padding-left:28px;
	padding-top:2px;
	padding-bottom:2px;
	margin:2px;
	cursor:pointer;
}

#leftmenubutton3, #leftmenubutton3Active{
	background:#f9fbfc;
	padding-right:4px;
	padding-left:40px;
	padding-top:2px;
	padding-bottom:2px;
	margin:2px;
	cursor:pointer;
}

#leftmenubutton4, #leftmenubutton4Active{
	background:#ffffff;
	padding-right:4px;
	padding-left:52px;
	padding-top:2px;
	padding-bottom:2px;
	margin:2px;
	cursor:pointer;
}

/* PROJECTEN */

#projectListHolder1{
	background-color: #d3dde6;
	margin-bottom: 20px;
}

#projectListHolder2{
	background-color: #a5bbcd;
	margin-bottom: 20px;
}

#projectListTitle{
	padding: 3px;
	font-weight: bold;
}

#projectListText{
	padding: 3px;
}

#projectListReadMore{
	padding: 3px;
	text-align: right;
}

/* EVENT */

#addEvent{
	width: 600px; 
	padding-top:0px;
	border:0; 
	position: absolute;
	z-index:1000;
	display:none;
	background-color: #FFFFFF;
	border: 1px solid #d3dde6;
}

#close{
	height: 20px;
	background-color: #d3dde6;
	text-align: right;
	font-weight: bold;
	padding: 3px;
}

#ui-datepicker-div,
#ui-datepicker-div table,
.ui-datepicker-div,
.ui-datepicker-div table,
.ui-datepicker-inline,
.ui-datepicker-inline table {
	font-size: 12px !important;
}
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: Verdana, Arial, sans-serif;
	background: #ffffff;
	font-size: 1.1em;
	border: 4px solid #d3d3d3;
	width: 228px;
	padding: 2.5em .5em .5em .5em;
	position: relative;
}
#ui-datepicker-div {
	z-index: 9999; /*must have*/
	display: none;
	background: #ffffff;
}
.ui-datepicker-inline {
	float: left;
	display: block;
}
.ui-datepicker-control {
	display: none;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-calendar td{
	width: 30px;
	cursor: pointer;
}
.ui-datepicker-calendar td:hover{
	background-color:#CCCCCC;
}
.ui-datepicker-current-day{
	background-color: #c92b59;
	color: #FFFFFF;
}
.ui-datepicker-current-day a{
	color: #FFFFFF;
}
.ui-datepicker-days-cell-over{
	background-color: #c92b59;
}
.ui-datepicker-week-end{
	background-color: #E8E8E8;
}
.ui-datepicker-next, .ui-datepicker-prev {
	position: absolute;
	left: .5em;
	top: .5em;
	background: url(datePicker/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-datepicker-next {
	left: 14.6em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
	background: #dadada url(datePicker/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 1em;
	background: url(datePicker/888888_7x7_arrow_left.gif) 50% 50% no-repeat;
	border: 1px solid #d3d3d3;
	cursor: pointer;
}
.ui-datepicker-next a {
	background: url(datePicker/888888_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:hover {
	background: url(datePicker/454545_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:hover {
	background: url(datePicker/454545_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:active {
	background: url(datePicker/222222_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:active {
	background: url(datePicker/222222_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-header select {
	border: 1px solid #d3d3d3;
	color: #555555;
	background: #e6e6e6;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: .5em;
	margin: 0 !important;
	
}
.ui-datepicker-header select.ui-datepicker-new-month {
width: 7em;
left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
width: 5em;
left: 9.4em;
}
table.ui-datepicker {
	width: 15.5em;
	text-align: right;
}
table.ui-datepicker td a {
	padding: .1em .3em .1em 0;
	display: block;
	color: #555555;
	background: #e6e6e6 url(datePicker/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	cursor: pointer;
	border: 1px solid #ffffff;
}
table.ui-datepicker td a:hover {
	border: 1px solid #999999;
	color: #212121;
	background: #dadada url(datePicker/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
}
table.ui-datepicker td a:active {
	border: 1px solid #dddddd;
	color: #222222;
	background: #ffffff url(datePicker/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
}
table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: .9em;
	color: #222222;
	text-transform: uppercase;
	/*border-bottom: 1px solid #d3d3d3;*/
}
table.ui-datepicker .ui-datepicker-title-row td a {
	color: #222222;
}

/* ___________ IE6 IFRAME FIX ________ */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

.calendardayToday{
	background-color: #CCCCCC;
	width: 33px;
}
.calendardayClick{
	background-color: #CCCCCC;
	width: 33px;
}
.calendardaySpecial{
	background-color: #c92b59;
	width: 33px;
}
.calendardaySpecial a{
	color: #FFFFFF;
}
.calendardayNormal{
	background-color: #E6E6E6;
	width: 33px;
}

.calendarRowDate{
	background-color: #d3dde6;
}

.calendarRowName{
	background-color: #a5bbcd;
	margin-bottom: 2px;
}

#cluetip{
	background-color: #E6E6E6;
	padding: 3px;
	text-align: left;
}

#cluetip-close img {
  border: 0;
}

#cluetip-title #cluetip-close {
  float: right;
  position: relative;
  font-size: 11px;
}

#cluetip-waitimage {
  width: 220px;
  height: 19px;
  text-align: left;
  background-image: url(../images/default/icons/gif/ajax-loader.gif);
}

.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

#cluetip-extra {
  display: none;
}




/* NEWSLETTER EXTRANET LOGIN*/

#frmLogin fieldset, #frmNewsletter fieldset{
	border: 0;
	background-color:#a5bbcd;
	margin: 3px;
}

#frmNewsletter fieldset{
	background-color:#d3dde6;
}

#frmLogin dt, #frmNewsletter dt{
	border: 0;
	padding: 3px;
	margin: 0;
	font-weight: bold;
	color: #FFFFFF;
}

#frmLogin dd, #frmNewsletter dd{
	border: 0;
	padding: 0;
	margin: 0;
	text-align: center;
}

#frmLogin input, #frmNewsletter input{
	border: 0;
	width: 170px;
	color: #61667b;
}

#frmLogin .checkbox, #frmNewsletter .checkbox{
	border: 0;
	width: auto;
	color: #61667b;
}


/* NIEUWS */

#latestnewsholder1{
	background-color: #d3dde6;
	margin-bottom: 20px;
}

#latestnewsholder2{
	background-color: #a5bbcd;
	margin-bottom: 20px;
}

#latestnewstitletholder{
	padding: 3px;
	font-weight: bold;
}

#latestnewstextholder{
	padding: 3px;
}

#latestnewsreadmoreholder{
	padding: 3px;
	text-align: right;
}

/* VARIA */

#pagetitle{
	padding-bottom:6px;
}


#jumptotop{	
	margin-bottom: 20px;
	font-size: 10px;
}

/* CONTACT */

#frmGeneral{
	margin: 0;
	padding: 0;
	width: 700px;
}

#frmGeneral fieldset{
	border: none;
	margin: 0;
	padding: 0;
}

#frmGeneral dl{
	width: 700px;
	border: none;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

#frmGeneral dt{
	margin: 0;
	padding: 0;
	width: 200px;
	float: left;
	text-align: left;
}

#frmGeneral dd{
	margin: 0;
	padding: 0;
	width: 500px;
	float: left;
	margin-bottom: 5px;
}

#frmGeneral dd input{
	width: 494px;
	color: #000000;
	background-color:#d3dde6;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 11px;
	border: 1px solid #1e2027;
	padding: 2px;
	background-image: url(../images/mediawatchers/body/gif/buttonBack.gif);
	background-position: bottom;
}

#frmGeneral dd textarea{
	width: 494px;
	height: 200px;
	color: #000000;
	background-color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 11px;
	border: 1px solid #1e2027;
	padding: 2px;
	background-color: #d3dde6;
}

#frmGeneral select{
	width: 500px;
	color: #000000;
	background-color:#d3dde6;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 11px;
	border: solid 1px #1e2027;
	padding: 2px;
	background-image: url(../images/mediawatchers/body/gif/buttonBack.gif);
	background-position: bottom;
}

#frmGeneral #submit, #frmGeneral #button{
	width: 500px;
	color: #000000;
	background-color:#d3dde6;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 11px;
	border: solid 1px #1e2027;
	padding: 2px;
	background-image: url(../images/mediawatchers/body/gif/buttonBack.gif);
	background-position: bottom;
}

#frmGeneral #buttonSmall{
	width: 230px;
	color: #000000;
	background-color:#d3dde6;
	font-family: "Trebuchet MS", Arial, Verdana;
	font-size: 11px;
	border: solid 1px #1e2027;
	background-image: url(../images/mediawatchers/body/gif/buttonBack.gif);
	background-position: bottom;
}

#frmGeneral #submit:hover{
	background-color: #333333;
	color: #FFFFFF;
}

#frmGeneral dd .check{
	background: none;
	border: 0;
	width: auto;
}


/* UPLOADIFY */

.fileUploadQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	background-color: #F5F5F5;
	border: 3px solid #E5E5E5;
	margin-top: 5px;
	padding: 10px;
	width: 300px;
}
.fileUploadQueueItem .cancel {
	float: right;
}
.fileUploadProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.fileUploadProgressBar {
	background-color: #0099FF;
}



/* PROJECTS */

#projectHeader, .projectHeader{
	width: 710px;
	height: 30px;
	background-color: #5f646a;
	color: #FFFFFF;
	clear:both;
}

#projectRow, .projectRow{
	width: 710px;
	height: 30px;	
	background-color: #A5BBCD;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	overflow:hidden;
}

#projectEventRow, .projectEventRow{
	width: 710px;
	height: 60px;	
	background-color: #A5BBCD;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	overflow:hidden;
}

#projectMessageRow, .projectMessageRow{
	width: 710px;
	height: 60px;	
	background-color: #A5BBCD;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	overflow:hidden;
}

#projectRow a, .projectRow a{
	color: #FFFFFF;
}

#projectRowDate, .projectRowDate{
	float: left;
	width: 130px;
	padding:3px;
}

#projectRowName, .projectRowName{
	float: left;
	width: 340px;
	padding:3px;
	overflow:hidden;
}

#projectRowAuthor, .projectRowAuthor{
	float: left;
	width: 150px;
	padding:3px;
}

#projectRowAction, .projectRowAction{
	float: left;
	width: 66px;
	padding:3px;
}

.projectRowAction a{
	color: #c92b59;
}

#prpjectlist ul{
	list-style-image: url(../images/default/icons/gif/iconDocument.gif);
	vertical-align: middle;
}

#projectNoUploads, #projectNoEvents, #projectNoMessages{
	padding:3px;
	width:704px;
	height:24px;
	overflow:hidden;
}


/* FAQ */


#faqquestion{
	overflow:hidden;
}

#faqresponse{
	padding-bottom:10px;
}

#pagineringbottom{
	text-align:center;
	padding:6px;
	padding-top:0px;
	padding-bottom:12px;
}


/*--------------------------------------- OPMAAK FIXES ---------------------------------------*/
/*--------------------------------------- LAYOUT FIXES ---------------------------------------*/

.clearfix:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.clearfix{
	display:inline-block;
}

* html .clearfix{
	height: 1%;
}

.clearfix{
	display: block;
}