/* CSS Document */

/*
	kleuren:
	CEDAR DONKER GRIJS:	#50585f
	CEDAR MIDDEN GRIJS:	#98aaba
	CEDAR LICHT GRIJS:	#bfccd6
	ZWART: 				#000000
	WIT: 				#FFFFFF
*/

/* RESET */

*										{ margin: 0; padding: 0; }
html, body					{ height: 100%; }
body				 				{ font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #50585f; 
											background: url(img/bg2.jpg) fixed top white;}
input, textarea						{ font-family: Arial, Verdana, sans-serif;}
ul									{ list-style: url(img/icon_bullet.gif) inside; }
ol									{ list-style: decimal inside; }
a:link, a:visited	    			{ color:#50585f; outline: none; text-decoration: none; }
a:hover							{ text-decoration:underline; }
a img								{ background: none; }
img									{ border: none; vertical-align: middle;}
table								{ border-collapse: collapse; }
p										{ padding:7px 0px}
hr									{ display:none}

/* DEFAULTS */

.abs 								{ position:absolute;top:0px;left:0px;}
.ac									{ text-align:center}
.ar									{ text-align:right}
.center						  { position:relative; width:960px; margin:0 auto}
.popup .center			{ position:relative; width:570px; margin:0 auto}
.clear						 	{ clear:both;}
.fl 								{ float:left;display:inline}
.fr									{ float:right}
input								{ background:#ffffff;font-size:1.0em}
.line								{ background:#cccccc;height:1px;}
.mt20								{ margin-top:20px;}
.noborder						{ border:0px !important;background:none}
.rel 								{ position:relative}
textarea						{ background:#ffffff}

.mgrey 							{ color:#98aaba}

/* FONT SIZES */

h2									{ font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.4em;font-weight:normal;color:#98aaba;margin-bottom:12px;}
h3									{ font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.2em;font-weight:normal;color:#ffffff;line-height:26px;margin-left:12px;}
h4									{ font-family:Arial, Helvetica, sans-serif;font-size:1.2em;font-weight:bold;color:#50585f;line-height:26px;}

.small .textcontent             { font-size:1.0em; line-height:16px;}
.small .textcontent h3          { font-size:1.4em;}
.textcontent                    { font-size:1.2em; line-height:18px;}
.large .textcontent             { font-size:1.4em; line-height:20px;}
.large .textcontent h3          { font-size:1.0em;}

/* GRID */
.borderleft				    	{ border-left:1px solid #e5e5e5}
.borderright			    	{ border-right:1px solid #e5e5e5}
.grid							{ float:left;width:960px;line-height:18px;}
.grid a							{ font-weight:bold; }
.one							{ float:left;width:240px;}
.one .margin				    { margin-top:10px;padding:0px 10px;}
.two 							{ float:left;width:480px;}
.two .margin				    { margin-top:10px;padding:0px 10px;}
.three 							{ float:left;width:720px;}
.three .margin			        { margin-top:10px;padding:0px 10px;}

.title							{ background:url(img/bg_titlebar.gif) repeat-x;height:26px;}
.title_o						{ background:url(img/bg_titlebar_o.gif) repeat-x;height:26px;}

.sectionmargin			        { margin:4px 0px}

/* HEADER */

.bovenbalk						{ position:absolute;top:0px;left:0px;
												background:url(img/bg_bovenbalk.jpg) no-repeat bottom;width:100%;color:#ffffff;font-size:1.4em;
												border-bottom:1px solid #a3a3a3;z-index:100;}
#container_header			{ overflow:hidden;}
#container_header td	{	width:218px;}
.bovenbalk a            { color:#ffffff;}
.bovenbalk .button		{ position:absolute;top:-1px;left:512px;}
#header								{ }
#header .image-container				{ float:left;width:483px; height:170px;}
#header .image-container .banner-family     { background:url(img/logo-cedar-family.png); background-size: contain; width:100%; height:100%;}
#header .zoeken				{ float:left;width:236px;height:170px;border-right:1px solid #414446;
												background:url(img/bg_zoeken.gif) repeat-x;color:#ffffff;font-size:1.1em}
.zoeken .padding			{ padding:10px;}
.zoeken .name					{ font-size:1.2em}
.zoeken .input				{ background:url(img/bg_input.gif) no-repeat;width:216px;height:24px;margin-top:8px;}
.zoeken input					{ border:0px;margin:5px 0px 0px 6px;width:190px;}

.dropdownbox            { width: 215px; font-size:1.0em}
#header .stichtingen	{ float:left;width:237px;height:170px;
												background:url(img/bg_stichtingen.gif) repeat-x;color:#ffffff;font-size:1.1em}
.stichtingen .padding	{ padding:10px;}
.stichtingen .name		{ font-size:1.2em}

#top									{ float:left;height:156px;background:url(img/bg_top.gif) no-repeat}
#logo									{ float:left;}
#tools								{ float:left;width:475px;font-size:1.2em;color:#98abba;font-weight:bold;margin-top:12px;}
#tools a                            { color:#98abba;}
#tools .margin				{	margin-left:278px;}
#tools .margin div		    { float:left;text-align:right}
.fontsize							{ width:50px;}
.index								{ width:82px;}
.sitemap							{ width:65px;}

/* NAVIGATION */

#extramenu						{ float:right;margin-top:54px;}
#extramenu div 					{ float:left;text-align:right;margin:0px 0px 0px 18px;font-size:1.2em}

#breadcrumb						{ line-height:50px;float:left;margin-left:10px;display:inline}

/* FOOTER */

#footer									{ background:url(img/bg_footer.gif) top no-repeat #dfe5ea;padding-top:28px;float:left;width:960px;line-height:16px;font-size:1.1em}
#footer .block					{ float:left;width:160px;}
#footer .block .margin 	{ margin:30px 10px 30px 30px;}

.footermenu1						{ position:absolute;top:60px;left:687px;width:150px;}
.footermenu2						{ position:absolute;top:60px;left:850px;width:100px;}

.bottom 								{ margin:5px 0px 0px 30px;line-height:20px;}
.bottom a								{ color:#98abba;font-weight:normal;}

/* HOMEPAGE */

.homepage .margin		{ margin-top:0px !important; padding:10px !important}/*overrule!*/


/* LISTTYPES */

.listtype .item								{line-height:32px;border-bottom:1px solid #cccccc;
															background:url(img/li_arrow.gif) no-repeat right}
.listtype_dezepagina .item		{line-height:32px;border-bottom:1px solid #cccccc;
															background:url(img/li_arrow.gif) no-repeat right}
.listtype_themas .item				{line-height:18px;background:url(img/li_arrow.gif) no-repeat right}

.noline	{border:0px !important;}
										
.answer							{background:url(img/li_arrow_o.gif) no-repeat bottom right;}

/* POLL */

.poll								{ color:#ffffff;float:left;width:240px;margin-top:10px;
											background:url(img/bg_poll.gif) repeat-x #383e43;}
.poll .pos					{ margin:10px;}
.poll .header				{ font-size:1.2em;line-height:30px}
.poll .line					{ background:#aeb0b3;height:1px;margin:10px 0px;}
.poll .item					{ line-height:22px;}
.poll .button				{ line-height:16px;font-weight:bold;text-align:right;padding-right:15px;
											background:url(img/bg_poll_stem.gif) no-repeat right;}
.poll .button a			{ color:#ffffff;}

/* REACTION */

.reaction						{ margin-top:30px}
.reaction .message 	{ float:left;width:385px;}
.reaction .info			{ float:left;width:310px;}
.reaction textarea	{ width:320px;height:120px;border:1px solid #c7c7c7;}
.reaction input			{ border:1px solid #c7c7c7;width:246px;}
.reaction .col1			{ width:60px;}
.reaction .mgrey 		{ font-size:0.8em}


/* CONTACT */

.contactform            { float:left; width:450px;}
.contactform .col1      { float:left; width:100px; height:20px;}
.contactform .col2      { float:left; width:350px; height:20px;}
.contactform textarea	{ width:246px;height:120px;border:1px solid #c7c7c7;}
.contactform input			{ border:1px solid #c7c7c7;width:246px;}

/* SITEMAP */ 

#sitemap                { list-style-position:inside}
#sitemap a              { font-weight:normal}
#sitemap ul li          { list-style-position:inside; margin-left:15px;}

/* NEWS */
.readmore				{ font-size:10px; cursor:pointer;}

/* BOVENBALK */
.bovenbalk #container_header .flLeft	{float:left;}
.bovenbalk #container_header .text		{margin:18px 0 15px 4px;}
.bovenbalk #container_header .table		{margin-bottom:20px; margin-left:5px; width:700px;}
.bovenbalk #container_header .table a	{ font-weight:bold; font-size:12px; text-decoration:none;}

/* CookieLaw Popup */
#cookie				{ display:none; position:fixed; z-index:999; width:100%; color:#FFF; background-color:#c7c7c7; font-size:13px; line-height:18px; }
#cookie .cookie-info { margin: 0 auto; width:960px; padding:10px 0; }
.cookie-text        { float: left; width:94%;}
.cookie-btn       { border:1px solid; padding:5px 10px; background-color:#fff; float:right; line-height:19px; font-weight:bold; margin-top:2px;}