﻿/* mac hide \*/
html,body{
	height:100%;
	width:100%;
	padding:0px;
	margin:0px;
	background-image:url(images/main_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#fbfbfb;
}
/* end hide */

#outerContainer{
	min-height:100%;
	width:100%;
	padding:0px;
	margin-bottom:-80px;
	background-image:url(images/content_bg.jpg);
	background-position:top;
	background-repeat:repeat-y;
}
* html #outerContainer{ height:100%; } /*FOR IE treats height as min-height anyway*/

#mainContainer, #mainContainerVervolg{
	min-height:760px;
	width:100%;
	padding:0px;
	margin:0px;
	background-position:top;
	background-repeat:no-repeat;
}
#mainContainer		  { background-image:url(images/cable.jpg); }
#mainContainerVervolg { background-image:url(images/no_cable.jpg); }
* html #mainContainer		 { height:760px; } 
* html #mainContainerVervolg { height:760px; } 

#contentContainer { width:912px; margin:0px auto 0px auto; }

#contentContainer #header { width:912px; height:91px; }
#header #logo	  { float:left;  width:102px; padding:28px 0px 0px 0px; }
#header #logo img { border:none; }
#header #topmenu  { float:right; width:728px; padding:44px 10px 0px 0px; text-align:right; }

#contentContainer #menu { clear:both; width:912px; height:30px; background-image:url(images/menu_bg.jpg); }

#contentContainer #sfeer, #contentContainer #sfeerVervolg { clear:both; width:912px; height:200px; padding:0px; }
#contentContainer #sfeer { background-image:url(images/sfeer.jpg); }
#contentContainer #sfeerVervolg { background-image:url(images/vervolg.jpg); }
/*#contentContainer #sfeer #headerHolder, #contentContainer #sfeerVervolg #headerHolder { width:600px; padding:110px 0px 0px 20px; }*/

#contentContainer #spacer,#contentContainer #spacerHome{
	width:912px;
	background-image:url(images/spacer.jpg);
	background-position:top;
	background-repeat:repeat-x;
}
#contentContainer #spacer	  { height:24px; }
#contentContainer #spacerHome { height:40px; }

#contentContainer #crumb { width:550px; height:16px; padding:0px 0px 0px 230px; }

#contentContainer #contentLeft{
	float:left;
	width:180px;
	padding:0px 10px 0px 20px;
	margin-top:10px;
	overflow:hidden;
}
#contentMain{
	float:left;
	width:892px;
	padding:0px 0px 0px 20px;
	margin-top:10px;
	overflow:hidden;
	background-repeat:repeat-y;
}

#contentContainer #contentCenter{
	float:left;
	width:452px;
	padding:0px 20px 0px 20px;
	margin-top:10px;
	overflow:hidden;
	background-image:url(images/content_bg.gif);
	background-repeat:repeat-y;
}

#contentContainer #contentRight{
	float:left;
	width:180px;
	padding:0px 20px 0px 10px;
	margin-top:10px;
	overflow:hidden;
}

#footer {
	width:992px;
	height:30px;
	position:relative;
	text-align:center;
	padding:50px 0px 0px 0px;
	margin:0px auto 0px auto;
	background-image:url(images/footer.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
#clearfooter{ clear:both; height:80px; } 

#horizontalLine{
	background-image:url(images/horizontal_dot.gif);
	background-repeat:repeat-x;
	margin-top:10px;
}

.horizontalLine{
	background-image:url(images/horizontal_dot.gif);
	background-repeat:repeat-x;
	margin-top:10px;
}

#banner{
	width:452px;
	overflow:hidden;
	padding:0px 0px 10px 0px;
}

/** MENU *******************************************************************************************/

#menuMain{
	padding:0px; 
	margin:0px auto 0px auto; 
	height:28px; 
	width:380px; 
	background-image:url(images/splitter.gif); 
	background-position:left; 
	background-repeat:no-repeat;
}

#menuMain li {
	display:block;
	float:left;
	height:22px;
	line-height:normal;
	font-weight:bold;
	padding:6px 10px 0px 10px;
	margin:0px;
	background-image:url(images/splitter.gif); 
	background-position:right; 
	background-repeat:no-repeat;
}
#menuMain li.active { background-image:url(images/active_bg.jpg); background-repeat:repeat-x; }

#menuSub, .menuSub, #menuTop, #menuCrumb, #menuLogin {
	margin:0px;
	list-style:none;
	line-height:16px;
}
#menuSub   { padding:0px; margin-bottom:10px; }
.menuSub   { padding:0px; margin-bottom:10px; }
#menuTop   { float:right; padding:0px; }
#menuLogin { clear:both; float:right; padding:0px; }

#menuCrumb li { float:left; padding:0px 6px 0px 0px; margin:0px; }
#menuTop li   { float:left; padding:0px 0px 0px 6px; margin:0px; }
#menuLogin li { float:left; padding:0px 0px 0px 6px; margin:0px; }
#menuSub li   { padding:0px; margin:0px; }
.menuSub li   { padding:0px; margin:0px; }

.menuSubSub{ list-style:none; padding:0px; margin:0px 0px 0px 20px; }
.menuSubSubSub{ list-style:none; padding:0px; margin:0px 0px 0px 20px; }

/** TEXT *******************************************************************************************/

ul{ padding:0px; margin:0px 0px 10px 20px; }
ul.inclSpace li{ padding:0px 0px 10px 0px; margin:0px; text-align:justify; }
ul.noSpace{ padding:0px; margin:0px 0px 0px 20px; }
ul.noSpace li{ padding:0px; margin:0px; text-align:justify; }
ol{ padding:0px; margin:0px 0px 10px 26px; text-align:justify; }
ol.noSpace{ padding:0px; margin:0px 0px 0px 20px; }

div,p,span,label{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:140%;
	color:#626262;
}
label{ display:block; float:left; width:86px;  }
p{ padding:0px 0px 10px 0px; margin:0px; }
#contentCenter p{ text-align:justify; }

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	line-height:normal;
	color:#626262;
	padding:0px 0px 6px 0px;
	margin:0px;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:normal;
	color:#b40000;
	padding:0px 0px 6px 0px;
	margin:0px;
}

/*h1.sfeer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	line-height:normal;
	color:#ffffff;
	padding:0px; margin:0px;
}

h2.sfeer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:normal;
	color:#ffffff;
	padding:0px; margin:0px;
}*/

a, a:link, a:active, a:visited, a:hover{ color:#b40000; text-decoration:none; }
a:hover{ text-decoration:underline; }

#menuCrumb li, #menuCrumb li a { color:#d0d0d0; } 
#menuMain li a { color:#ffffff; } 
#menuTop  li a { color:#626262; font-weight:bold; } 

ul#menuSub li, ul#menuSub li a { color:#626262; } 
ul#menuSub li.active, ul#menuSub li.active a { color:#b40000; } 

/*ul#menuSub li ul.menuSubSub li, ul#menuSub li ul.menuSubSub li a { color:#626262; } 
ul#menuSub li ul.menuSubSub li.active, ul#menuSub li ul.menuSubSub li.active a { color:#b40000; } 

ul#menuSub li ul.menuSubSub li ul.menuSubSubSub li, ul#menuSub li ul.menuSubSub li ul.menuSubSubSub li a { color:#626262; } 
ul#menuSub li ul.menuSubSub li ul.menuSubSubSub li.active, ul#menuSub li ul.menuSubSub li ul.menuSubSubSub li.active a { color:#b40000; } */

ul.menuSub li, ul.menuSub li a, ul.menuSub li a:link, ul.menuSub li a:active, ul.menuSub li a:visited, ul.menuSub li a:hover { color:#626262; } 
/*ul.menuSub li ul.menuSubSub li, ul.menuSub li ul.menuSubSub li a { color:#626262; } 
ul.menuSub li ul.menuSubSub li ul.menuSubSubSub li, ul.menuSub li ul.menuSubSub li ul.menuSubSubSub li a { color:#626262; } */

/** RSS **********************************************************************************************************************************/

.rssItem{
	padding:0px 0px 4px 0px;
}
.rssItem p {
	padding:0px;
	margin:0px;
}
.dateHolder{
	font-size:10px;
	font-style:italic;
}


/** ERRORS *******************************************************************************************************************************/

div.errors 		{ margin:0px 0px 10px 0px; padding:4px 10px 4px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p 	{ margin:0px; padding:0px; color: #C00; }

/** FORM *********************************************************************************************************************************/

form { padding:0px; margin:0px; }

form div.buttonrow { margin:0px 0px 0px 124px; }

div.blockHolder p.note   { margin:0px 0px 0px 100px; padding:0px; font-size:10px; text-align:left; }
div.blockHolder p.normal { padding:0.25em 0; margin:0px; }

div.blockHolder { margin:0px 0px 10px 0px; padding:0px; width:452px; }
div.blockHolder div { padding:0.25em 0; }
div.blockHolder div div.space { padding:0px; margin:0px 0px 0px 124px; }

div.blockHolder div label 	    { margin:0px 10px 0px 0px; padding:0px 10px 0px 0px; width: 104px; display: block; float: left; position:absolute; }
div.blockHolder div.row label 	{ position:static; display: inline; float: none; }
div.blockHolder div label.error { color: #C00; }
div.blockHolder div label em    { position: absolute; right: 0px; font-size: 140%; font-style: normal; color: #C00; }


div.blockHolder div.controlsetCols div.space input, div.blockHolder div.controlsetCols div.space textarea, 
div.blockHolder div.controlsetRows div.space input { display: inline; float: none; margin:0px 10px 0px 0px; }
div.blockHolder div.row input 					   { display: inline; float: none; margin:0px 10px 0px 0px; }
div.blockHolder div.controlsetCols div.space label { position:static; display: inline; float: none; margin:0px; padding:0px 10px 0px 0px; }
div.blockHolder div.controlsetRows div.space label { position:static; display: inline; float: none; }

/* FORM ITEMS ****************************************************************************************************************************/

.formField{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	border:1px solid #666666;
	width:200px;
}

.formFieldSmall{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	border:1px solid #666666;
}

.formSelect{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	width:206px;
}

.formSelectSmall{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

.formTextArea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	border:1px solid #666666;
	width:320px;
}

.formButton{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	font-weight:bold;
	border:1px solid #b40000;
	background-color:#b40000;
	width:80px;
}

/** SLIDER ****************************************************************************************************************************/

#slideHolder{
	width:450px;
	border-top:1px solid #e6e6e6;
}

.rowOptions, .rowOptionActive{
	width:428px;
	cursor:pointer; 
	padding:6px 10px 6px 10px;
	border-right:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	background-image:url(images/slider_header.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}
.rowOptionActive { font-weight:bold; }

.rowOption {
	width:428px;
	padding:10px 10px 0px 10px;
	border-bottom:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	background-image:url(images/slider_block.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

/** GALLERY ****************************************************************************************************************************/

#cfCreatedDiv{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:100;
}


#columnLeft
{
	width:300px;
	border-right: 1px dashed #d2d9df;
	float:left;
}

#columnMid
{
	width:300px;
	float:left;

}

#columnRight
{
	width:300px;
	border-left: 1px dashed #d2d9df;
	float:left;
	
}

.calHeader
{
	font-size:14px;
	font-weight:bold;
	color:#cc2132;	
}



.day
{
	float:right;
	font-size:10px;
	font-weight:bold;
	color:#ffffff;
	text-transform:uppercase;
	width:100%;
	background-color:#d2d9df;
	text-align:right;
	padding:2px;
	background-image:url(images/bgrdate.gif);
}

#searchmenu
{
	width:192px;
	height:700px;
	float:left;
}


#calholder{width:780px;float:left;}

.today
{
	float:right;
	font-size:10px;
	font-weight:bold;
	color:#ffffff;
	text-transform:uppercase;
	width:100%;
	background-color:#18bb52;
	text-align:right;
	padding:2px;
	background-image:url(images/bgrtoday.gif);
}

.item
{
	width:252px;
	height:186px;
	border:solid 1px #eeeeee;
	padding:1px;
	float:left;
	background-image:url(images/bgrday.gif);
}

.itemrow1
{
	width:252px;
	height:16px;
	text-overflow:ellipsis;
	overflow:hidden;
	background-color:#2365a7;
	color:#ffffff;
	white-space:nowrap;
	vertical-align:text-top;
	padding:2px;
	border-bottom:solid 1px #d2d9df;
}

.itemrow2
{
	width:252px;
	height:16px;
	text-overflow:ellipsis;
	overflow:hidden;
	background-color:#5e7083;
	color:#ffffff;
	white-space:nowrap;
	vertical-align:text-top;
	padding:2px;
	border-bottom:solid 1px #d2d9df;
}

.itemrow3
{
	width:252px;
	height:16px;
	color:#5e7083;
	text-align:right;
	vertical-align:text-top;
	padding:2px;
}

.heading
{
	color:#cc2132;
	font-weight:bold;
	font-size:14px;
	height:24px;
	vertical-align:middle;
	text-transform:uppercase;
}

.ddtoplevel
{
	background-color:Purple;
}

.menudd
{
	font-family:Arial, Verdana, Sans-Serif;
	font-size:11px;
	width:170px;
	color:#5c6165;
	float:left;
}
.menudd290
{
	font-family:Arial, Verdana, Sans-Serif;
	font-size:11px;
	width:287px;
	color:#5c6165;
}

.menudd280
{
	font-family:Arial, Verdana, Sans-Serif;
	font-size:11px;
	width:280px;
	color:#5c6165;
}

.menudd260
{
	font-family:Arial, Verdana, Sans-Serif;
	font-size:11px;
	width:260px;
	color:#5c6165;
}

.menudd460
{
	font-family:Arial, Verdana, Sans-Serif;
	font-size:11px;
	width:462px;
	color:#5c6165;
}
.menudd160
{
	font-family:Arial, Verdana, Sans-Serif;
	font-size:11px;
	width:100px;
	color:#5c6165;
}
.menudd100
{
	font-family:Arial, Verdana, Sans-Serif;
	font-size:11px;
	width:80px;
	color:#5c6165;
}
.itemrowtext
{
	
}


.calendar
{
	float:left;
	
}

.calheader
{
	font-size:12px;font-weight:bold;color:#ffffff;
	text-transform:uppercase;
}

#calendars
{
	width:180px;
	float:left;
}


.selectedDay a
{
	
	color:#000000;
}

.monthname
{
	text-align:center;
	width:200px;
	height:20px;
	color:Olive;
	border:solid 1px #333333;
}

.content
{
	height:460px;
}

.SelectedServices
{
	line-height:25px;
	color:#5c6165;
}

.contentflat
{
	color:#5c6165;
	width:620px;
	padding-left:20px;
	padding-top:20px;
}

body a
{
	color:#cc2132;
	text-decoration:underline;
}

.contentflat a
{
	color:#cc2132;
	font-weight:bold;
	text-decoration:underline;
}

#menu a
{
	text-transform:uppercase;
	color:#5c6165;
	font-weight:bold;
	text-decoration:none;
}

#menu a:hover
{
	text-decoration:underline;	
}

.eventItem
{
	color:#5c6165;
	width:400px;
	padding:5px;
	float:left;
}

.eventDate
{
	float:left;
	width:70px;
	color:#5c6165;
}

.eventSubject
{
	float:left;
	color:#5c6165;
}

.eventSubjectTxt
{
	width:500px;
	text-decoration:none;
	color:#5c6165;
	height:20px;
}

.eventHeading
{
	font-size:15px;
	font-weight:bold;
	font-family:Arial, Verdana, Sans-Serif;
	color:#cc2132;
}

.evenDescription
{
	float:left;
	width:570px;
	background-color:#eaf0f4;
}

.eventDescriptionTxt
{
	clear:both;
	width:450px;
	float:left;
	color:#5c6165;
	padding-left:70px;
	padding-right:5px;
	padding-bottom:5px;
	padding-top:5px;
}

#mainContent
{
	padding-left:20px;
	padding-top:20px;
}


#calendarHolder
{
	width:100%;
}
