/*******************************************************************************************************************************************************************************/
/*******************************************************************************************************************************************************************************/
/**/
/*			NIEUWE SITE STIJLEN */
/**/
/*******************************************************************************************************************************************************************************/
/*******************************************************************************************************************************************************************************/


/*------------------------------------------------------------------------------------------------------------
	ALGEMEEN
------------------------------------------------------------------------------------------------------------*/


body {
	background: #333333 /*url(../images/body_back_hc.png) repeat-y center top*/;
	color: #FFFFFF
}

#container {
	background:#000;
}

.anysurfer fieldset {
	display: block;
}

/*------------------------------------------------------------------------------------------------------------
	HEADER
------------------------------------------------------------------------------------------------------------*/

#header h1 a {
	background: url(../images/header_logo_hc.png) no-repeat;
}

/* BLOG NAV ITEM ----------------------------------------------------------------------------------- */
#header .blog a {
	background: url(../images/header_nav_back_nl_hc.png) repeat-x 0 0;
}
#header .blog a {
	background: url(../images/header_nav_back_en_hc.png) repeat-x 0 0;
}


/* TOOLS NAV ITEM ---------------------------------------------------------------------------------- */
#header #tools {
	background-color:#000000;
	color: #EEEEEE;
	background-image: none;
}
#header #tools a {
	color: #EEEEEE;
	font-size: 1em;
}
#header #tools a:hover {
	color: #FFFFFF;
}

#header #tools .highcontrast .css-default {
	display: block;
}

#header #tools .highcontrast .css-high-contrast {
	display: none;
}


/*------------------------------------------------------------------------------------------------------------
	DROPDOWN MENU
------------------------------------------------------------------------------------------------------------*/

#header ul#nav {
	background: url(../images/header_nav_bottom_hc.png) no-repeat 0px 54px;
}
#header ul#nav li.dropdown a {
	display: block;
	height: 60px;
	text-indent: 0px;
	font-size: 1.6em;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px;
}
#header ul#nav li.over a {
	background-color: #D2006F;
}
#header ul#nav li.dropdown a {
	background-image: none;
}

#header ul#nav li.dropdown ul {
	background-color: #000000;
	background-image: url(none);
	left: 0px;
	top: 70px;
	border: solid 1px #D2006F;
}
#header ul#nav li.dropdown ul li a {
	font-size: 1.4em;
	color: #FFFFFF;
	line-height: 1.4em;
	background-color: #000000;
}
#header ul#nav li.dropdown ul li a:hover {
	color: #FFFFFF;
	background-color: #D2006F;
}

/*------------------------------------------------------------------------------------------------------------
	SITEMAP
------------------------------------------------------------------------------------------------------------*/

#sitemap {
	background-color: #222222;
	background-image: none;
}
#sitemap ul li a {
	color: #EEEEEE;
}
#sitemap ul li a:hover {
	color: #FB0087;
}
#sitemap ul li.titel a {
	color: #EEEEEE;
	border-top: 1px solid #FFFFFF;
}
#sitemap ul li.titel a:hover {
	color: #FB0087;
	border-top: 1px solid #FB0087;
}

/*------------------------------------------------------------------------------------------------------------
	FOOTER
------------------------------------------------------------------------------------------------------------*/

#footer {
	color: #EEEEEE;
}
#footer a {
	color: #EEEEEE;
}
#footer a:hover {
	color: #FB0087;
}


/*******************************************************************************************************************************************************************************/
/*******************************************************************************************************************************************************************************/
/**/
/*			NIEUWE SITE HOMEPAGE STIJLEN */
/**/
/*******************************************************************************************************************************************************************************/
/*******************************************************************************************************************************************************************************/


/*------------------------------------------------------------------------------------------------------------
	HOMEPAGE CONTENT
------------------------------------------------------------------------------------------------------------*/

#homepage #content .anysurfer a {
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: underline;
}
#homepage #content p {
	font-size: 1.4em;
	color: #FFFFFF;
	line-height: 140%;
}

/*------------------------------------------------------------------------------------------------------------
	HOMEPAGE SIDEBAR
------------------------------------------------------------------------------------------------------------*/

#homepage #sidebar h2 {
	color: #FFFFFF;
	background-image: url(none);
}
/* ZOEKBOX ----------------------------------------------------------------------------------- */
#homepage #sidebar .search {
	background-image: url(none);
}
#homepage #sidebar  .search  #zoeken {
	font-size: 1.2em;
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	background-color:#000000;
}
#homepage #sidebar .search #zoeken.over {
	color: #FFFFFF;
}

/* ACCORDEON ---------------------------------------------------------------------------------- */

#homepage #sidebar .lastupdate h3 a {
	color: #FFFFFF;
	font-size: 1.1em;
	background-image: url(none);
	border: 1px solid #FFFFFF;
	text-align: left;
}
#homepage #sidebar .lastupdate h3.selected a {
	background-color: #D40070;
}
#homepage #sidebar .lastupdate ul li ul li {
	border-bottom: 1px solid #FFFFFF;
}

#homepage #sidebar .lastupdate ul li ul li .date {
	color: #FFFFFF;
}
#homepage #sidebar .lastupdate ul li ul li a {
	color: #FFFFFF;
}
#homepage #sidebar .lastupdate ul li ul li a.category {
	color: #FFFFFF;
}

#homepage #sidebar #lidworden, #homepage #sidebar #lidworden.nl {
	background-image: url(../images/sidebar_lidworden_back_hc.png);
}
#homepage #sidebar #lidworden.en {
	background-image: url(../images/sidebar_lidworden_back_hc_en.png);
}

#homepage #sidebar  #lidworden  #inschrijven {
	color: #FFFFFFF;
	border: 1px solid #FFFFFF;
	background-color: #000000;
}
#homepage #sidebar #lidworden #inschrijven.over {
	color: #FFFFFF;
}
#homepage #sidebar #lidworden p {
	color: #FFFFFF;
}


/*******************************************************************************************************************************************************************************/
/*******************************************************************************************************************************************************************************/
/**/
/*			OUDE SITE STIJLEN */
/**/
/*******************************************************************************************************************************************************************************/
/*******************************************************************************************************************************************************************************/

/* -------------------------------------------------------------------------------------------------
	1. Font-sizes, #main colors, #main font-weight, #main interlinie, #main text-decoration, #main text-transform, #main overflow
------------------------------------------------------------------------------------------------- */

/*
COLORS --------------------- */ 

	/* black = #000000;*/	#main a, #main h4, #main #content .box ul li strong, #main .external li, #main .single_external, #main strong.grey {color:#fff;}
	/* dark = #333333;*/	#main blockquote .quote, #main .form_rij .col-r select option.in, #main .level1 li a {color:#fff;}
	/*	grey = #666666;*/	#main h3, #main h3 a, #main h3 span a, #main div#intro, #crumb, #crumb a, #main blockquote .quote, #main .level2 li a, #main .foto_label p, #main #rightcol .box.type2, #main #rightcol .box.type2 a {color:#fff;}
	/* lightgrey = #999;*/	#main .oplijsting .oplijsting_l span, #main .button, #main .oplijsting .oplijsting_r span, #main .oplijsting.images, #main .two_column span {color:#fff;}
	/*	white = #fff;*/		#zoekbox, #main #zoekbox a, #main input.submit, #main a.formbutton, #main input, #main textarea {color:#fff;}
    /* rooslogo = #FF0087;*/#main strong, #main h2, #main .toplink a, #main #col-a .box h2, #main .form_rij .col-r select option, #main h3 span {color:#FF0087;}
	/* donkerroos = #ff0087;*/ #main #nav a:hover, #main .level1 li span, #main .level1 li a.in, #main .level2 li span, #main .level2 li a.in, #main #rightcol .box h3, #main #rightcol .box.type2 h3 {color:#FB0087;}
.inputtxt {color:#000;}



/* -------------------------------------------------------------------------------------------------
	2. Algemene zaken
------------------------------------------------------------------------------------------------- */

#main #afsluitlijntje {
	background:url(../images/hc/bg_lijntje.jpg) no-repeat top left;
}

#main .lijntje {
	background:url(../images/hc/bg_lijntje.jpg) no-repeat bottom left;
}

#main #col-a .lijntje {
	background:#fff;
}

#main #col-b a:hover {
	background:#666;
}

	#main #col-b .toplink a {
		background:#000 url(../images/toplink.jpg) no-repeat center left;
	}
	
	#main #col-b .toplink a:hover {
		background:#000 url(../images/toplink.jpg) no-repeat center left;
	}

/* -------------------------------------------------------------------------------------------------
	3. Masthead + crumb + main
------------------------------------------------------------------------------------------------- */

#main {
	background:url(../images/hc/bg_content.jpg) no-repeat 233px 0px;
}

/* -------------------------------------------------------------------------------------------------
	4. Rightcol
------------------------------------------------------------------------------------------------- */

	#main #rightcol .box {
		background:#000;
		border:1px solid #fff;
	}

	#main #rightcol .box.type2 {
		border-bottom:1px solid #fff;
	}
	
	#main #rightcol .bannering {
		border:1px solid #fff;
	}



/* -------------------------------------------------------------------------------------------------
	5. Content
------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------- 
	5.1 homecontent
--------------------------------------------------------- */

		#main .homecol .box {
			background:url(../images/hc/bg_homecol_box.gif) repeat-y top left;
		}
		
			#main .homecol .box_open {
				background:url(../images/hc/bg_homecol_box_open.gif) no-repeat top left;
			}
			
			#main .homecol .box_close {
				background:url(../images/hc/bg_homecol_box_close.jpg) no-repeat bottom left;
			}
			
			#main .homecol .lijntje {
				background:#fff;
			}
	
	#main .homecol .input_email {
		border:1px solid #fff;
	}

	#main #content .button {
		background:#000 url(../images/bull_button.jpg) no-repeat top right;
		border:1px solid #fff;
	}
	
		#main #content .button:hover {
			background:#000 url(../images/bull_button.jpg) no-repeat top right;
		}

/* --------------------------------------------------------- 
	5.2 col-a
--------------------------------------------------------- */

	#main #col-a .box {
		background:url(../images/hc/bg_col-a_box.gif) repeat-y top left;
	}
	
		#main #col-a .box_open {
			background:url(../images/hc/bg_col-a_box_open.gif) no-repeat top left;
		}
		
			#main #col-a .box_open a:hover, #main #login a:hover {
				background:#ccc;
			}

		#main #col-a .box_close {
			background:url(../images/hc/bg_col-a_box_close.jpg) no-repeat bottom left;
		}
		
#main #col-a input {
	border:1px solid #fff;
	background:#000;
}

	


/* --------------------------------------------------------- 
	5.3 col-b
--------------------------------------------------------- */

#main #col-b {
	background:url(../images/hc/bg_content_border.gif) repeat-y bottom left;
}

	#main .landscape .border {
		border-left:1px solid #fff;
		border-right:1px solid #fff;
	}
			
		#main .floating_image .image .border {
			border-left:1px solid #fff;
			border-right:1px solid #fff;
		}
				
		#main .floating_image .image .cover {
			border:1px solid #fff;
		}
	
		#main .form_rij .col-r input, #main .form_rij .col-r textarea {
			border:1px inset #fff;
		}
	
		#main .form_rij .col-r select {
			border:1px inset #fff;
		}
		
			#main .form_rij .col-r select option {
				background:#000;
			}
		
		#main #content input.meerkeuze {
			background:#000;
			margin-right:2px;
		}
		
		#content input.submit, #main a.formbutton {
			background:#D30259 url(../images/hc/bg_submit_knop.jpg) repeat-x top left;
			border:1px solid #D30259;
		}
		#main #col-b a.formbutton:hover{
			background:#D30259 url(../images/hc/bg_submit_knop.jpg) repeat-x top left;
		}

	#main .oplijsting.images {
		background:url(../images/hc/bg_lijntje.jpg) no-repeat top left;
		margin:-25px -20px 20px -13px;
		margin-bottom:0;
	}
	
	

#main blockquote {
	background:url(../images/hc/blockquote_left.gif) no-repeat top left;
	margin:30px 10px;
}

	#main blockquote .quote {
		background:url(../images/hc/blockquote_right.gif) no-repeat bottom right;
	}
	
#main .indented_content_w_bullet {
	background:url(../images/hc/bull_level2_li.jpg) no-repeat 15px 1px;
}

	#main .stippellijn {
		background:url(../images/hc/bg_stippellijn.gif) repeat-x top left;
	}
	
	#main .vastelijn {
		background:#fff;
	}
	
	#main .contactgegevensrij .col-l {
		width:70px;
	}
	
	#main .contactgegevensrij .col-r {
		margin-left:80px;
	}

/* -------------------------------------------------------------------------------------------------
	6. Lists
------------------------------------------------------------------------------------------------- */

	#main ul li, #main .internal li {
		background:url(../images/hc/bull_internal_li.gif) no-repeat center left;
	}

	#main .level1 li a, #main #col-b .level1 li a:hover {
		background:url(../images/hc/bull_level1_li.jpg) no-repeat 1px 0;
	}

	#main .level1 li span, #main .level1 li a.in {
		background:url(../images/hc/bull_rightcol_h3.jpg) no-repeat 1px 0;
	}
	
		#main .level2 li a, #main .level2 li span, #main .level2 li a.in, #main #col-b li a:hover {
			background:url(none);
			padding-left:0px;
		}
		
.external li, #main .single_external {
	background:url(../images/hc/bull_external_li.jpg) no-repeat center left;
}		
		
	#main .remove_list a.remove {
		background:#000 url(../images/hc/bull_remove.gif) no-repeat center left;
	}
	
	#main #content .remove_list a:hover.remove {
		background:#000 url(../images/hc/bull_remove.gif) no-repeat center left;
	}

/* -------------------------------------------------------------------------------------------------
	7. Headers
------------------------------------------------------------------------------------------------- */

#main h1 {
	margin:20px 20px 20px 0px;
}

#main h2 {
	margin-bottom:15px;
}

#main h3 {
	margin:20px 0 10px 0;
}

	#main #col-b h3 a:hover, #main #col-b h3 span a:hover {
		background:#666;
	}

#main .homecol h2 {
	text-align:right;
	margin-bottom:2px;
}

#main #rightcol .box h3 {
	background:url(none)0;
		padding-left:0px;
}

#main #rightcol .box.type2 h3 {
	background:url(none);
		padding-left:0px;
}

/* hackje
------------------------------------------------ */

#main .kalenderbox table td, #main .kalenderbox table th, #main .kalenderbox .detail .content ul li strong{
	color: #fff;
}

#main .kalenderbox .detail .content ul li a:hover{
	margin: 0 0 5px 50px !important;
	padding: 0 0 0 0 !important;
	line-height: 1.5em !important;
}