@charset "utf-8";
/* CSS Document written by Cow XL webdevelopment */

*
{
	padding:0;
	margin:0;
	border:none;
}

html, body 
{
	height:100%;
	font:13px verdana, arial, sans-serif;
	color:#000;
	background:#e4e4e4;
	text-align:center;
}

input, textarea
{
	font:13px verdana, arial, sans-serif;
	color:#000;	
}

#container 
{
	width:990px;
	margin: 0 auto;
	text-align:left;
	background:transparent url(/images/container_bg.png) repeat-y;
	overflow:hidden;
}

#header
{
	width:100%;
	height:auto;
	margin-left:21px;
	line-height:0;
}


#navigation
{
	background-color:#2b2a7f;
	width:950px;
	height:50px;
	margin-left:21px;	
}

#navigation #menuToggle
{
	line-height:50px;
	font-size:40px;
	display:none;
	cursor:pointer; 
	z-index: 10000;
	color:#fff;
}

#navigation #showMenuTxt a
{
	line-height:50px;
	font-size:18px;
	color:#fff;
	text-align:center;
	display:block;
}

#navigation ul
{
	text-align: left;
	display: inline;
	margin: 0;
	padding: 15px 4px 17px 0;
	list-style: none;
	width:950px;
	height:auto;
}

#navigation ul li
{
	display: inline-block;
	margin-right: -4px;
	position: relative;
	height:50px;
	line-height:50px;
	cursor: pointer;
}

#navigation ul li a
{
	display:block;
	color:#fff;
	text-decoration:none;
	line-height:50px;
	padding:0px 10px;
	font-size:15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#navigation ul li.selected a, #navigation ul li a:hover, #navigation ul li ul li
{
	color:#fff;
	text-decoration:none;
	background:#1226aa;
}

#navigation ul li ul
{
	padding: 0;
	position: absolute;
	top: 50px;
	left: 0;
	width: 180px;

	padding-right: 15px;
	display: none;
	opacity: 0;
	visibility: hidden;
	
	
}

#navigation ul li ul li
{ 
	background-color:#2b2a7f;
	display: block; 
	color: #fff;

}


/*******************************
 *
 * Hovers voor PC weergave
 *
********************************/
#pcView #navigation ul li:hover
{
	color: #fff;
}

#pcView #navigation .pcLink
{
	margin-left:0px;
	padding:inherit 5px;
}

#pcView #navigation ul li a:hover
{
	color:#fff;
	text-decoration:none;
}

#pcView #navigation ul li ul li:hover
{

}

#pcView #navigation ul li:hover ul
{
	display: block;
	opacity: 1;
	visibility: visible;
	
}

/*******************************
 *
 * Styling voor Tablet weergave
 *
********************************/
#tabletView .tabClickExpandSpan
{
	display:inline !important;
	padding:0 !important;
	
}

#tabletView #navigation ul li ul
{
	color:#fff;
	text-decoration:none;
	display: block;
	opacity: 1;
	visibility: visible;
	padding: 0px;
}

#tabletView .tabUlExpand
{
	display: none;
}

#tabletView #navigation ul li
{
	display: inline-block;
	position: relative;
	height:50px;
	line-height:50px;
	cursor: pointer;
}

#tabletView #navigation ul li ul
{
	background-color:#2b2a7f !important;
}

#tabletView #navigation ul li ul li
{
	display: inline-block;
	position: relative;
	height:0px !important;
	line-height:0px !important;
	margin-top:0px !important;
	margin-bottom:0px !important;
	padding-top:0px !important;
	padding-bottom:0px !important;
	cursor: pointer;
	background-color:#2b2a7f !important;
}

#tabletView #navigation .subDiv
{
	height:30px;
	padding-bottom:5px
}

#tabletView #navigation .extraHeight
{
	height: 10px;
}
/*******************************
 *
 * Styling voor Phone weergave
 *
********************************/
#phoneView #tabletSub
{
	display: none;
}

#navigation .phoneExpand
{
	font-weight: bold;
	font-size: 1em;
	color: #fff;
	display: inline !important;
	padding-left: 10px !important;
}

#navigation #menuTogglePhone
{
	line-height:35px;
	font-size:30px;
	display:none;
	cursor:pointer; 
	z-index: 10000;
	color:#fff;
}

#navigation #phoneMenu
{
	display: none;
	font-size:120%;
	color: #fff;
	/*background:#1226aa;*/
	cursor: pointer;
	width:100%;
}

#navigation .phoneSub
{
	display:none;
	background-color: white;
}
.phoneText
{
	color: #2b2a7f !important;
}

#navigation #phoneMenu a
{
	color: #fff;
	display: inline;
	text-decoration:none;
	
}

#navigation #phoneMenu a:hover
{
	text-decoration:none;
}

.widthPhone
{
	width: 100%;
}

.subPhone
{
	margin-left:5px !important;
}
/*******************************
 *
 * Einde dropdown styling
 *
********************************/

#content
{
	padding-top:40px;
	padding-bottom:10px;
	background:#fff url(images/seperator.png) repeat-y 650px top;
	/* background:#fff url(images/test.jpg) repeat-y;*/
	width:950px;
	height:auto;
	margin-left:21px;	
	overflow:hidden;
	line-height:160%;
}


#content_left
{
	float:left;
	width:625px;
	overflow:hidden;
	padding:0px 25px;
}

#content_left .subMenuOnPage
{
	font-style:italic;
	padding-bottom:10px;
}

#content_left .subMenuOnPage li
{
	display:inline;
}

#content_right
{
	float:right;
	width:245px;
	overflow:hidden;
	padding:0px 15px;
}

a
{
	color:#2b2a7f;
	text-decoration:underline;
	
}

a:hover
{
	color:#2b2a7f;
	text-decoration:none;
}

#content_left p, #content_left ul
{
	margin:0px 0px 25px 0px;
}


#content h1, #content h6
{
	font-family: font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:normal;
	line-height:120%;
	color:#2b2a7f;
	margin:0px 0px 20px 0px;
}

#content h1 a
{
	color:#2b2a7f;	
}

#content h2
{
	font-family: font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	color:#2b2a7f;
}


#content h3
{
	font-family: font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	color:#2b2a7f;
}

#content h6
{
	color:#2b2a7f;
}

#content_right a
{
	text-decoration:underline;
}

#content_right a:hover
{
	text-decoration:none;
}

#content ul
{
	list-style-type:disc;
	list-style-position:inside;
	padding-left:10px;
}

#content ul ul
{
	margin-left:30px;
}

.rightItem
{
	margin-bottom:35px;
}

a.headline_link
{
	text-decoration:none !important;
}

.callToAction
{
	background-color:#2b2a7f;	
	color:#fff;
	padding:10px;
	display:block;
	text-align:center;
	font-size:18px;
	margin-bottom:5px;
	text-decoration:none !important;
}

.callToAction:hover
{
	background-color:#2b2a7f;	
	color:#fff;
	text-decoration:none !important;
}

#footer 
{
	margin:0px auto 0px auto;
	position:relative;
	width:910px;
	height:100px;
	background:transparent url(images/footer.png) no-repeat;
	padding:19px 40px 0px 40px;
	color:#fff;
	font-size:12px;
}

#footer a
{
	color:#fff;
	text-decoration:none;
}

#footer a:hover
{
	color:#fff;
	text-decoration:underline;
}

#footer ul
{
	float:left;
	width:625px;
	list-style-type:none;
}

#footer li
{
	float:left;
	margin-right:5px;
}

#footer p
{
	float:right;
	text-align:right;
	width:285px;
}

address
{
	font-style:normal;
}

.clear
{
	clear:both;
}

.small
{
	font-size:9px;
}

hr
{
	border:none;
	height:1px;
	color:#ccc;
	background-color:#2b2a7f;
	clear:both;
	margin:25px 0px;
}

/* Forms */	
label { display:block; width:200px; float:left; clear:both;  }
.field { display:block; width:300px; float:left; padding:10px; border:1px solid #2b2a7f; margin-bottom:20px; }
.fieldShort { width:50px; padding:10px; border:1px solid #2b2a7f; }
.fieldMedium { width:125px; padding:10px; border:1px solid #2b2a7f; }
.checkbox {width: 20px; height:20px; border:1px solid #2b2a7f;}
.textArea { display:block; width:300px; height:100px; float:left; padding:10px; border:1px solid #2b2a7f; margin-bottom:20px; }
.button { float:left; padding:10px 30px; border:none; color:#fff; background-color:#2b2a7f; font-size:18px;}
.buttonHolder{float:left; padding:10px; width:300px;}
.button:hover {border:none; background:#2b2a7f;} 
.formWebsite { display:none; }						
.error { padding:5px; margin:10px 0px; border:1px solid #F00; color:#F00; }
.succes { padding:20px; margin:40px 0px; border:1px solid #2b2a7f; color:#000; text-align:center; }
.clearer{ clear:both;}
.formContainer{ margin-bottom:20px; overflow:hidden; }


/* News & Gbook */
.more {border-top:1px solid #2b2a7f; padding-top:20px; margin-top:20px;}
.list { list-style-type:none; }
.list li { list-style-type:none; border-bottom:1px solid #2b2a7f; padding-bottom:20px; margin-bottom:20px;}
.list .title{ display:block; font-weight: normal; color:#2b2a7f; font-size: 20px; padding-bottom:5px; text-decoration:none !important; }
.list .title a{text-decoration:none; }
.list .title a:hover{ text-decoration:underline; }
.list .title .city {color: #000; font-size: 13px;}
.list .date{ display:block; font-weight:bold;}
.list .content{ display:block; }
.list2 { list-style-type:none; }
.list2 li { list-style-type:none; clear:both; border-bottom:1px solid #2b2a7f; line-height:40px;}
.list2 .title{ display:block; float:left; width:400px;}			
.list2 .date{ display:block; float:left; width:85px;}


/* Photo */
.photolist { list-style-type:none; }
.photolist li { list-style-type:none; list-style:none !important;  border:2px solid #fff; padding:3px; overflow:hidden; width:185px; float:left; margin:25px 10px 0 0; background: #ccc;}
.photolist li:hover {border: 2px solid #2b2a7f;}
.photolist li.lastAtRow{ } /* desktop 0nly! */
.photolist .part1{ display:block;  overflow:hidden; }
.photolist .part2{ display:block; overflow:hidden; width:185px; height:125px; }
.photolist .part2:hover{ }
.photolist .part2 img{ width:185px; height:auto;}
.photolist .title{ display:block; font-size: 12px; line-height:15px; height:30px; margin-bottom: 5px; font-weight:bold; text-align:center;}
.photolist .date, .photolist .date a{ display:block; font-size: 12px; line-height:15px; height:15px; margin-bottom: 5px; text-align:center; color:#666; text-decoration:none;}
.photolist .title a{ text-decoration:none; }
			
.photolist2 { list-style-type:none; width:100%;}
.photolist2 li { display:block; border:2px solid #2b2a7f; padding:3px; overflow:hidden; width:185px; height:125px; float:left; margin:20px 10px 0 0; background: #ccc;}
.photolist2 li:hover { border: 2px solid #fff;}
.photolist2 li a{ display:block; width:185px; max-height:125px; overflow:hidden;}			
.photolist2 li img{ width:185px;}