@charset "utf-8";
/* CSS Document 										*/
/* stylesheet voor dehoop.org							*/
/* ontwerp: (2008) De Hoop ICT <info@dehoop.org>   		*/


/* PAGE SETTINGS	 */

* 		{margin: 0px; padding: 0px; }
body	{text-align:center; background: center center; height:100%;}
.pos	{margin:0 auto; position:relative; z-index:0; top:0px; left:0px; width:970px; min-height: 100%; height:auto !important; height:100%; }

.print_header {display:none}  /*wordt aangezet in de printpage*/

/* DEFAULT SETTINGS	 */

.top, .logo, .topnav, .footer, #header, .hoofdrubriek, ul.btn, ul.btn li, .main, .kolom_01, .kolom_02, .kolom_03, .kolom_04, table.thema_blok, .hoofdrubriek_header, table.themalijst, .thema, .agenda, .kader, .banner, .subnav, .actie, .form {float:left;}
.zoekvenster, .toptitel,	.hulp_blok	{float:right;}
body, .pos, .top		{background-color:#fff;}

/* TOP	 */
.top					{width:970px; height:70px;}
.logo					{width:130px; height:70px; padding-left:8px;}

/* Nieuwe logo styles */
.logo a 				{background-image: url('../images/logo_dehoop.gif');	width: 130px; height: 70px;	display: block;}

.toptitel				{margin-top:20px;}
#header					{width:970px; height:230px; left:0;}
.hoofdrubriek			{width:970px; height:38px; background:url(../images/hoofdrubriek_bg.gif);}
.hoofdrubriek_header	{width:970px; height:130px;}
.hoofdrubriek_header h1 {color: #ffffff; position: absolute; left: 40px; top: 45px; font-size: 30px; letter-spacing: -1.1pt; display: none;}
.topnav					{margin:42px 0 0 200px; font:normal 0.7em Verdana, Arial, Helvetica, sans-serif;}
.footer					{width:970px; padding:40px 0 20px 0; font:normal 0.7em Verdana, Arial, Helvetica, sans-serif; clear:all;}

.topnav img 														{vertical-align:bottom;}
.topnav, .topnav a													{color: #006875;}
.topnav a:link, .topnav a:visited, .main a:link, .main a:visited	{text-decoration:none;}
.topnav a:hover, .topnav a:active, .main a:hover, .main a:active 	{text-decoration:underline;}

/* Slideshow from slidesjs.com */
#slides {width:970px; height:230px; position:relative; z-index:100; background-color: #FFFFFF;}

.slides_container {
	width:970px;
	overflow:hidden;
	position:relative;
	display:none;}


.slides_container div.slide {
	width:970px;
	height:230px;
	display:block;
}

.slides_container div.slide img {
	border:0;
}

.pagination {
	position:absolute;
	bottom:12px;
	left:12px;
/*	margin:26px auto 0;
	width:100px;*/
	z-index:100;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}
/* Einde Slideshow from slidesjs.com */

/*  BUTTONS */
.hoofdrubriek a					{ padding-right:2px;background:url(../images/hoofdrubriek_divider.gif) top right no-repeat; float:left; height:38px;  cursor:pointer;}

.hoofdrubriek ul				{ list-style-type: none; }
.hoofdrubriek ul li				{ padding-right:2px;background:url(../images/hoofdrubriek_divider.gif) top right no-repeat; float:left; height:38px;  cursor:pointer; }

/* NIEUW MENU */
.hoofdrubriek ul li a			{ background-image: url(../images/hoofdrubriek_bg.gif); background-repeat: repeat-x; text-decoration: none; font-size: 14px; height: 38px; float: left; line-height: 38px; padding: 0 16px; color: #25418f; }
.hoofdrubriek ul li a:hover		{ background-image: url(../images/hoofdrubriek_bg_hover.gif); background-repeat: repeat-x; color: #ffffff; }

/*  ZOEKVENSTER */
.zoekvenster					{/*background:url(../images/zoekveld.gif) no-repeat; */ width:144px; height:38px; vertical-align:top; margin-right:7px; float:right;}
.zoekvenster input				{ border-radius:3px; width:130px; margin-top:6px; padding:4px; color:#25418f; border:#999; background-color:#F1F9DD; border:1px solid #8fbe17; vertical-align:top; margin-right:7px; float:right;}

.zoekbutton						{background:url(../images/hoofdrubriek_divider.gif) right; float:right; padding-left:2px; margin-right:12px; height:38px;}
.zoekbutton a					{background-image: url(../images/hoofdrubriek_bg.gif); background-repeat: repeat-x; text-decoration: none; font-size: 14px; height: 38px; float: left; line-height: 38px; padding: 0 16px; margin-right: 2px; color: #25418f;}
.zoekbutton a:hover				{background-image: url(../images/hoofdrubriek_bg_hover.gif); background-repeat: repeat-x; color: #ffffff;}

/*  MAIN */
.main									{width:970px; text-align:left; font:normal 0.8em/1.4 Arial, Helvetica, sans-serif; color:#333333 }
.main p									{margin:4px 0px 12px 0px;}

.thema_blok								{margin-top:20px; clear:left; }
.thema_blok ul, .thema_blok ol			{margin-left:16px; margin-bottom:20px;}
.thema_blok ul li						{list-style-type:disc;}
.thema_blok table						{border-collapse:collapse; width:600px}
.thema_blok table td					{border-collapse:collapse; padding:4px; border:1px solid #bec6de; vertical-align:top; background-color:#dfe3ee }

table.themalijst {width: 100%}
table.themalijst ul						{list-style-type:none; margin-top:6px;}
table.themalijst ul li					{background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 0.4em; padding-left: 0.8em; margin-top:4px;}
table.themalijst ul li ul				{list-style-type:none; margin-top:0px;}
table.themalijst ul li ul li			{padding-left: 0px; margin-bottom:18px; background-image:none;}
span.samenvatting						{margin-top:-6px; display:block;}

.main a:link, .main a:visited 	{color:#7c8dbc; font-weight:normal;}
.main a:hover, .main a:active	{color:#25418f; font-weight:normal;}

.themalijst a:link, .themalijst a:visited	{color:#25418f; font-weight:normal;} 
.themalijst a:hover, .themalijst a:active	{color:#3DC3DB; font-weight:normal;}


a.home:link, a.home:visited				{color:#25418f; font-weight:normal;}
a.home:hover, a.home:active 			{color:#25418f; font-weight:normal; text-decoration: none;}

h1, h2, h3								{color:#F68506; }
h1										{font:1.4em/1.4 Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:16px;}
h3										{font:1.1em/1.2 Arial, Helvetica, sans-serif; font-weight:bold;}
h2										{margin-top:12px; font:1.0em/1.2 Arial, Helvetica, sans-serif; font-weight:bold;}
h4										{font:1.1em/1.2 Arial, Helvetica, sans-serif; font-weight:bold; color:#3dc3db;}

.hoofdrubriek h2						{display:none;}

.main img.left							{margin-top:5px;margin-right:15px;float:left; border:0px;}
.main img.right							{margin-top:5px;margin-left:15px;float:right; border:0px;}

table.download							{background-color: #f2e9f4;border:1px solid #cda9d3;border-collapse:collapse; color: #812990; width:100%;}
table.download h3						{color: #812990;}
.download a:link, .download a:visited, .download a:hover, .download a:active	{color: #812990;}

/*  KOLOMWEERGAVE */
.kolom_01								{width:360px; margin-left:20px; margin-right:40px; display:inline;} /* DISPLAY IS NODIG VOOR IE6 OM DE LINKER KOLOM MARGIN MAAR 40 IPV 80 PIXELS TE LATEN ZIJN. */
.kolom_02								{width:305px; margin-right:40px; display:inline;}
.kolom_03								{width:600px; margin-left:20px; margin-right:145px; display:inline; } /* DISPLAY IS NODIG VOOR IE6 OM DE LINKER KOLOM MARGIN MAAR 40 IPV 80 PIXELS TE LATEN ZIJN. */
.kolom_04								{width:185px; display:inline;}

hr			{color:#3dc3db; margin:10px 0px 4px 0px; float:left; clear:both; width:100%; height:0; border:0px; border-top:1px solid; }
hr.lijn_lb	{color:#3dc3db;}
hr.lijn_lg	{color:#a1d41d;}
hr.lijn_db	{color:#25418f;}
hr.lijn_dg	{color:#006875;}
hr.lijn_pa	{color:#812990;}
hr.lijn_or	{color:#f58200;}

.actie		{height:28px; width:100%; margin-top:14px; display:block; clear:all; font-size: 10px; }

.socialmedia 				{float: right; line-height: 26px; font-family: verdana; *margin-top: -31px;}
.socialmedia a 				{margin-left: 5px;}
.socialmedia a img 			{border: 0; margin-bottom: -3px;}
.socialmedia a:link img, .socialmedia a:visited img {filter:alpha(opacity=70); opacity: 0.7;}
.socialmedia a:hover img 	{filter:alpha(opacity=100); opacity: 1.0;}


.kader td p 		{padding: 8px 8px 0px 8px; /*font-family:arial; font-size:12px; line-height:16px; font-weight:normal;*/ font:normal 0.9em/1.4 Arial, Helvetica, sans-serif; color:#333333}
.kader a:link, .kader a:visited, .kader a:hover, .kader a:active	{color:#25418f; font-weight:normal}
.kader ul			{list-style-type:none; margin-top:6px;}
.kader ul li		{background-image: url(../images/arrow_blue.gif); background-repeat: no-repeat; background-position: 0 0.4em; padding-left: 0.8em; margin-bottom:6px;}
.kader hr			{width:100%; color:#FFFFFF;}


/* SUBRUBRIEKEN */
.subnav								{margin:0 auto; background: top left #FFFFFF repeat-x url('../images/subnav_bg.gif'); text-align:left; font:normal 0.9em/1.3 Arial, Helvetica, sans-serif; width:970px; border-bottom:2px solid #3dc3db; left:0px; top:108px; display:none; }
.subnav h2							{margin-top:14px; margin-bottom:18px; font-size:18px; font-weight:normal; color:#f58200}

.subnav a:link, .subnav a:visited	{color:#5c65a5;}
.subnav a:hover, .subnav a:active 	{color:#f58200;}

.thema 								{margin-left:20px; padding-bottom:12px; width:170px; display:inline;}
.thema a							{width:170px;display:block;line-height:14px; margin-bottom:10px; font-size:0.9em; text-decoration:none;}
.hulp_blok							{width:190px; display:inline; border-top:1px solid #FFFFFF;}
.hulp_blok img						{border:0px;display:inline;vertical-align:bottom;}

.thema ul							{ list-style-type: none; }

/* SITEMAP WEERGAVE */
.sitemap							{list-style-type: none;}
.level1								{padding-left:30px; margin-top:5px; margin-bottom:5px;}
.level2								{padding-left:45px;}
.level3								{padding-left:60px;}
.level4								{padding-left:75px;}
.level1	a:link, .level1 a:active, .level1 a:hover, .level1 a:visited	{font-weight:normal; display:block;}
.level2	a:link, .level2 a:active, .level2 a:hover, .level2 a:visited	{font-weight:normal; display:block;}
.level3	a:link, .level3 a:active, .level3 a:hover, .level3 a:visited	{font-weight:normal; display:block;}
.level4	a:link, .level4 a:active, .level4 a:hover, .level4 a:visited	{font-weight:normal; display:block; color:#a1d41d;}


/*AGENDA ALGEMEEN*/

.agenda, .kolom, .maand, .dag, .activiteit, .dagnummer, .beschrijving {float:left}

.agenda 		{display:inline; width:970px;}
.kolom			{display:inline; width:285px; margin-left:20px;}
.maand			{margin:0px 0px 20px 0px;  width: 100%;}
.activiteit		{width:285px; min-height:40px;cursor:pointer; border-bottom:1px solid #ffffff; clear:both; border-radius:2px;}
.dagnummer		{width:42px; padding:4px; font:bold 2.0em/1.1 Arial, Helvetica, sans-serif;}
.beschrijving	{width:231px; padding:6px 4px 6px 0px; color:#25418f}

.kolom a:link, .kolom a:active, .kolom a:hover, .kolom a:visited {font-weight:normal;color:#3dc3db; }

.b	{background-color:#d8f3f8;}	/* lichtblauw 	*/
.g	{background-color:#ecf6d2;}	/* lichtgroen 	*/
.p	{background-color:#e6d4e9;}	/* lichtpaars 	*/
.o	{background-color:#fde6cc;}	/* lichtoranje 	*/

/* onmouseover definieren in de status van de div */
.b_over	{background-color:#a5dbe9;}	/* donkerblauw 	*/
.g_over	{background-color:#d0ea8e;}	/* donkergroen 	*/
.p_over	{background-color:#c094c8;}	/* donkerpaars 	*/
.o_over	{background-color:#fbcd99;}	/* donkeroranje 	*/

/* fontkleur van dagnummers */
.b .dagnummer, .b_over .dagnummer 	{color:#92a0c7} /* lichtblauw 	*/
.g .dagnummer, .g_over .dagnummer	{color:#92a0c7}	/* lichtgroen 	*/
.p .dagnummer, .p_over .dagnummer	{color:#92a0c7}	/* lichtpaars 	*/
.o .dagnummer, .o_over .dagnummer	{color:#92a0c7}	/* lichtoranje 	*/

/* fontkleur van dagnummers */
.b_over .dagnummer 	{color:#ffffff}	/* donkerblauw 	*/
.g_over .dagnummer	{color:#ffffff}	/* donkergroen 	*/
.p_over .dagnummer	{color:#ffffff}	/* donkerpaars 	*/
.o_over .dagnummer	{color:#ffffff}	/* donkeroranje */


/* Agenda stijl om en om blauw! Bovenstaande vier blokken dan weghalen! */
.odd					{background-color:#bfe5ef;}
.even					{background-color:#dbf0f6;}
.odd_over, .even_over	{background-color:#84D9E8;}
.dagnummer				{color:#3dc3db;}


/* KRUIMELPAD */
.kruimelpad							{font-family:arial; font-size:10px; color:#999999;}


/* PRODUCT */
table.product						{width:185px; background-color:#e4f4f8; margin-top:20px;}
table.product td					{padding-left:8px;}
table.product strong				{font-weight:bold; color:#da2128;}
table.product h2					{color:#25418f; font-size:1.2em;}
table.product a						{font-family:verdana; font-size:11px; color:#25418f;}
table.product .beschrijving			{font-family:verdana; font-size:9px; color:#4e4e4e; width:177px; padding:0px; }
td.bottom							{padding:0px; background:#FFFFFF url(../images/bottom_product.gif) no-repeat top left; width:185px; height:25px;}



/*CSS FORMULIER IPV TABEL*/
.cssform input, .cssform textarea	{font:normal 1.0em/1.3 Arial, Helvetica, sans-serif; padding-top:4px; padding-left:4px; width: 320px; pixelwidth: 320px; height:20px; background-color:#edf8fb; border:1px solid #b7e2ed;}
.cssform p.normal					{width: 400px; clear: left; margin: 0; padding: 5px 0 8px 0; padding-left: 200px; /*width of left column containing the label elements*/border-top: 1px dashed gray; height: 1%;}
.cssform p.static					{clear: left; margin: 0; padding: 5px 0 8px 0; border-top: 1px dashed gray; height: 1%; width:600px;}
.cssform p.normal label				{font-weight: normal; float: left; margin-left: -200px; /*width of left column*/ width: 190px;} /*width of labels. Should be smaller than left column (155px) to create some right margin*/
.cssform input						{height:24px;}
.cssform input[type=radio]			{height:24px;}
.cssform textarea					{height:150px;}
.cssform input.submit				{height:40px; padding:0px; font-weight:bold; width:100px; background-color:#d3d9e9; border:1px solid #d3d9e9; background-image: url(../images/kader_bg_db.gif); background-repeat:repeat-x;}
.cssform input.chk					{border:0px solid #FFFFFF; width:14px; float:left; margin-right:10px; margin-top:4px; height:14px; background-color:#FFFFFF; clear:left; }
.cssform span.required 	{ color: #FF0000; }

.cssform span.checkbox label		{ line-height:30px;}
.cssform span.checkbox				{display:block; width:100%; clear:left; height:30px; vertical-align:middle; }
.cssform span.checkbox.geslacht		{display:block; width:auto; clear:none; float: left; margin-right: 20px; }
.cssform span.checkbox.geslacht label	{float: left; width: auto; margin-left: 0; line-height: 22px; }
.cssform span.checkbox.geslacht input[type=radio]	{float: left; height: auto; padding: 0; margin-top: 5px; }
.cssform span.required.geslacht 	{ margin-left: -20px; }


.altselect label { line-height: 25px; }

.kader .cssform input, .kader .cssform textarea		{font:normal 1.0em/1.3 Arial, Helvetica, sans-serif; width: 120px; pixelwidth: 120px; height:15px; background-color:#edf8fb; border:1px solid #b7e2ed;}
.kader .cssform label								{font-weight: normal; margin:0px; width:100px; float:left; }
.kader .cssform p 									{width:250px; border:0px;}
.kader input.submit									{height:40px; padding:0px; font-weight:bold; width:100px; background-color:#d3d9e9; border:1px solid #d3d9e9; background-image: url(../images/kader_bg_db.gif); background-repeat:repeat-x;}
.kader input.chk									{border:0px solid #FFFFFF; width:16px; float:left; margin-right:10px;}

.kader span.checkbox								{display:block; width:250px;}
.kader span.checkbox label							{ width: 220px; }

.banner								{ margin-top: 15px; display:inline;}

.rsubnav							{margin-top: 15px; }
.rsubnav ul							{list-style-type:none; margin-top:-6px; margin-bottom:40px; }
.rsubnav ul li						{font-size:14px; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 0.4em; padding-left: 0.8em; margin-top:4px;}

.help 								{ margin: 20px 0 14px 20px; float: left; width: 285px; }



/* STYLE VOOR HULPNODIG BUTTONS OP HOMEPAGE */
.btn_hulp	{
	height:52px;
	width:273px;
	border-radius:3px;
	border:3px solid #E0E4EF;
	cursor:pointer;
	margin-bottom:14px;
	background-color:#F2F4F8;
	position: relative;
}

.btn_hulp:hover	{
	background-color:#d3d9e8;
}

.btn_hulp img { position:relative; margin-top:-3px; margin-left:-3px; float:left; z-index:30px; width:58px; height:58px; border:0px;}


.hulptekst {
	position:relative;
	top:15px;
	left:12px;
	font-size:16px;
	color:#25418f;
}



/* STYLE VOOR DROPDOWN HOMEPAGE SELECTIE LOCATIES */
#locaties	{
	height:30px;
	width:285px;
	margin-left:20px;
	padding:3px;    
	border-radius:3px;
	background: #F2F4F8;
	color:#25418f;
	border:3px solid #E0E4EF;
	cursor:pointer;
	margin-bottom:40px;
}

#locaties:hover	{
	background: #d3d9e8;
}

#locaties option	{
	padding:6px;
	padding-left:12px;    
	background: #F2F4F8;
	color:#25418f;
	cursor:pointer;
}

#locaties option:hover	{
	padding:6px;
	padding-left:12px;    
	background: #FFF;
	color:#25418f;
	cursor:pointer;
}

/* THREE PIX FIX */
* html .threepxfix{
margin-left: 3px;
}

.betaalwijze_btn {
	display: block;
	float: left;
	background-color: #ffffff;
	width: 550px; /* 600 - (2 x 20) + (2 x 5) */
	margin-bottom: 30px;
	height: 90px;
	padding: 20px;
	border: 5px solid #f5fbfc;
	
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.betaalwijze_btn img {
	border: 0;
	margin-right: 30px;
}

.betaalwijze_btn h2 {
	font-size: 20px;
	line-height: 60px;
}

.betaalwijze_btn:hover {
	border: 5px solid #e2f3f7;
	background-color: #f5fbfc;
	text-decoration: none!important;
}


/**
 * BUTTONS ONDER ARTIKEL (PRINTEN, REAGEREN, DOORSTUREN, VORIGE)
 */
.actie a.btn {
	font-family: Verdana;
	background-repeat: no-repeat;
	background-position: 5px 6px;
	padding: 0 5px 0 26px;
	height: 26px;
	line-height: 26px;
	color: #3DC3DE;
	text-decoration: none;
	display: inline-block;
}

.actie a.btn:hover {
	color: #25418F;
}

.actie a.btn_printen {
	background-image: url('../images/icon_printen.gif');
}

.actie a.btn_reageren {
	background-image: url('../images/icon_reageren.gif');
}

.actie a.btn_doorsturen {
	background-image: url('../images/icon_doorsturen.gif');
}

.actie a.btn_previous {
	background-image: url('../images/icon_vorige.gif');
}

.actie a.btn_next {
	background-image: url('../images/icon_volgende.gif');
}

.ac_results {
    background-color: #FFFFFF;
    border: 1px solid #A5ACB2;
}
.ac_results ul {
    list-style-type: none;
}
.ac_results li {
    cursor: default;
    line-height: 20px;
    padding-left: 5px;
    text-align: left;
    font: normal 0.8em/1.4 Arial, Helvetica, sans-serif;
}
.ac_results li.ac_over {
    background-color: #B2B4BF;
    color: #000000;
}