/*	DEFINE COLORS
	blue: 			#064b97		mainmenu
	red:				#e4352c		h1
	donker			#122631 		h2
*/



/* -- GENERAL STRUCTURE --*/
html{
	background: 		url(/templates/general/images/header.jpg) #FFFFFF no-repeat top center;
	min-width: 			990px;
} 
body {
	text-align:			center;
	margin:			0px;
	font-family:		arial;
	font-size:			12px;
	overflow-y:			scroll;
	line-height:		16px;
}
#container{
	width:			990px;
	text-align:			left;
	margin:			0px auto 0px auto;
	position:			relative;
}
#container2{
	width:			990px;
	position:			relative;
	margin-top:			260px;
	min-height:			50px;
	height:			auto !important;
  	height:			50px;

}

/* -- OVERALL --*/
a{
	text-decoration:		none;
	color:			#e4352c;
}
a:hover{
	color:			#064b97;
}
img{
	border:			0px;
}
.clear{
	clear:			both;
}
.lijn{
	background: 		url("/templates/general/images/lijn.gif") repeat-x;
	height:			5px;
}
.line{
	border-top:			1px dashed #DDD;
	height:			1px;
	line-height:		1px;
	width:			788px;
	position:			relative;
	top:				-4px;
}
h1{
	font-family:		georgia;
	font-size:			24px;
	color:			#e4352c;
	font-weight:		normal;
	margin-top:			16px;
	line-height:		26px;
}
h2,h3{
	font-size:			16px;
	color:			#122631;
	font-weight:		normal;
	margin-bottom:		0px;
}
p{
	margin-top:			0px;
}
table, tr, td{
	padding:			0px;
	margin:			0px;
}
td{
	vertical-align:		top;
}
.lijn_top{
	width:			792px;
	position:			relative;
	top:				-15px;
}
div.component{
	background-color:		#064b97;
	color:			#FFF;
	padding:			5px;
}

/* -- FORMS --*/
.formtitle{
	color:			#122631;
	font-weight:		bold;
}
input.textinput{	
	width:			230px;
	height:			14px;
	font-size:			11px;
	margin-bottom:		3px;

}
select{
	width:			256px;
	margin-bottom:		3px;
}
textarea{
	width:			98%;
	height:			150px;
	font-family:		arial;
	font-size:			11px;
	margin-bottom:		3px;
}
.msgbox{
	background-color:		#064b97;
	color:			#FFF;
	padding:			10px;
	margin-bottom:		20px;
}
.errorbox{
	background-color:		#e4352c;
	color:			#FFF;
	padding:			10px;
	margin-bottom:		20px;
}
button{
	height:			23px;
	line-height:		10px;
}
.search_aantal{
	font-size:			16px;
	font-family:		georgia;	
	margin-right:		10px;
}
#aantalresultaten{
	color:			#064b97;		
}
/* -- MAINMENU --*/
.mainmenu{
	width:			800px;
	position:			relative;
	height:			45px;
	float:			left;
}
.mainmenu ul{
	margin:			0px;
	padding:			0px;
	list-style: 		none;
}
.mainmenu li{
	list-style: 		none;
	padding:			0px 16px 0px 0px;
	margin:			0px;
	color:			#FFF;
	font-size:			16px;
	height:			21px;
	letter-spacing:		-0.2px;
}
.mainmenu li a{
	color:			#064b97;
}
.mainmenu li a:hover{
	color:			#122631;
}
.mainmenu li.active,
.mainmenu li.active a{
	color:			#e4352c;
}
.mainmenu ul li{
	float:			left;
	position:			relative;
	background-image:		url(/templates/general/images/menu-split.gif);
	background-position:	top right;
	background-repeat:	no-repeat;
	cursor:			default;
	z-index:			1000;
}
.mainmenu ul li.lastitem{
	background-image:		none;
}
.mainmenu ul li.lastone{
	border:			0px;
}
.mainmenu ul li span{
	padding:			0px 10px 0px 10px;
}

/* -- END MAINMENU --*/
div#content{
	position:			relative;
	width:			826px;
	float:			left;
	min-height:			438px;
	height:			auto !important;
  	height:			438px;
}
.content_box{
	float:			left;
	width:			380px;
	padding-right:		30px;
}

/* -- TEMPLATE HOME--*/
.lijn_bottom{
	width:			370px;
	margin-bottom:		15px;
}
.home_events{
	width:			380px;
}
td h2{
	margin:			0px;
}
.home_events img{
	margin-right:		5px;
	margin-bottom:		10px;
}
.home_events a{
	color:			#064b97;
	font-weight:		bold;	
}
.home_specs{
	font-style:			italic;
}
.home_specs span{
	font-weight:		bold;
}
.home_search{
	font-weight:		bold;
	line-height:		25px;
	margin-bottom:		10px;
	position:			relative;
	top:				-6px;
}
.home_search select{
	width:			150px;
}
.home_search td{
	width:			195px;
}
/* -- TEMPLATE NEWS --*/
.newsarchive a{
	display:			block;
	line-height:		28px;
	color:			#064b97;
	border-bottom:		1px dashed #DDD;
}
.newsarchive a:hover{
	color:			#122631;
	background-color:		#EEE;	
}
.newsarchive a.active{
	color:			#e4352c;	
	font-weight:		bold;
}
.news_arc_date{
	font-weight:		bold;
	color:			#000;
	margin-right:		5px;
}
.item_full_date{
	font-weight:		bold;
	color:			#064b97;
	margin-bottom:		10px;
}
.itemlist .item{
	padding-bottom:		10px;
	margin-bottom:		10px;
	border-bottom:		1px dashed #DDD;
}
.item_date{
	font-weight:		bold;
	color:			#064b97;
	margin-bottom:		5px;
}

/* -- TEMPLATE ACTIVITEITEN --*/
.activiteit{
	width:			390px;
	float:			left;
	height:			95px;
}
.activiteit table{
	width:			375px;
}
.activiteit_left{
	width:			120px;
}

.search select{
	width:			175px;
}
.searchformtable{
	width:			780px;
}
.lijn_onder_search{
	margin-top:			15px;
	width:			792px;
}

/* -- SIDEBAR --*/
#sidebar{
	float:			right;
	width:			160px;
	position:			relative;
	top:				-50px;
}
#sidebar .lijn{
	width:			160px;
}
.sidebar_boxes a{
	display:			block;
	font-family:		georgia;
	font-size:			20px;
	color:			#064b97;
	font-weight:		normal;
	height:			70px;
	padding:			20px 0px 0px 3px;
	position:			relative;
	line-height:		22px;
}
.sidebar_boxes a span{
	letter-spacing:		-5px;
	position:			absolute;
	top:				55px;
	left:				125px;
	font-size:			20px;	
}
.sidebar_boxes a:hover{
	color:			#e4352c;	
}
.noordzeelogo{
	margin-top:			10px;
}

/* -- ACTIVITEITEN DETAIL PAGINA TEMPLATE --*/
.act_left{
	font-weight:		bold;
	width:			100px;
}


/* -- FOOTER --*/
div#footer{
	position:			relative;
	width:			800px;
	float:			left;
	margin-top:			20px;
}
div#footer img{
	margin-right:		40px;
}
.footer_box{
	float:			left;
	width:			400px;
	color:			#666666;
}
#footer span{
	float:			left;
}
#footer a{
	color:			#666666;
	float:			right;
	margin-left:		20px;
	text-decoration:		underline;
}
#footer a:hover{
	color:			#122631;
}
.inmagine{
	display:			none;
}
.verklaring{
	height:			150px;
	overflow:			auto;
	border:			1px solid #CCC;
	background-color:		#EEE;
}
.inside{
	margin:			5px;
}
.wwvergeten{
	margin-top:			20px;
}
.ww_text,
.box_ga_head{
	cursor:			pointer;
	text-decoration:		underline;
	color:			#e4352c;
}
.ww_content{
	margin-top:			10px;
	width:			250px;
	padding:			10px;
	background-color:		#EEE;
	border:			1px solid #DDD;
}
.ww_content button{
	margin-top:			5px;
}
.box_gegevensaanpassen{
	margin-top:			10px;
}
.box_ga_cont{
	margin-top:			10px;
	border-top:			2px solid #DDD;
	padding-top:		5px;
	padding-bottom:		5px;	
}
.mijnactres{
	width:			380px;
	border-top:			2px solid #DDD;
	padding-top:		15px;
}
.mijnactres button{
	background-color:		#FFF;
	color:			#064b97;
	font-size:			11px;
	padding:			0px;
	height:			20px;
	line-height:		20px;
	border:			0px;
}
.my_title{
	width:			230px;
}
.my_edit{
	width:			50px;
}
.my_foto{
	width:			50px;
	text-align:			right;
}
.my_delete{
	width:			50px;
	text-align:			right;
}
button{
	cursor:			pointer;
}
.my_line td{
	border-bottom:		1px dashed #DDD;
}
.deletebtn{
	background-image:		url("/templates/general/images/x.gif");
	border:			1px solid #FFF;
	color:			#e4352c;
	position:			relative;
	left:				-18px;
	top:				-0px;
	height:			14px;
	width:			14px;
}
.MultiFile-wrap{
	margin-top:			20px;
}
div.MultiFile-label{
	border:			1px solid #CCC;
	background-color: 	#EEE;
	font-size:			13px;
	height:			20px;
	margin-top:			5px;
}
a.MultiFile-remove{
	font-size:			0px;
	display:			block;
	float:			left;
	background-image:		url("/templates/general/images/x.gif");
	background-repeat:	no-repeat;
	border:			1px solid #FFF;
	color:			#e4352c;
	height:			14px;
	width:			14px;
	position:			relative;
	top:				3px;
	left:				2px;
}
span.MultiFile-title{
	margin-left:		5px;
	position:			relative;
	top:				2px;
	
}