/* CSS Document */

* 		{margin: 0px; padding: 0px; font-family:Arial; }
body	{ background: url("../images/bg.png") no-repeat fixed center top #e9ecf4; text-align: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%; }

a:link, a:visited {text-decoration:none;}
a:active, a:hover {text-decoration:underline;}

hr			{display:block; clear:both; color:#cda9d3; background-color:#cda9d3;}
.icon		{float:right; margin-top:-10px; font-size:11px; color:#F58200;}

/* HEADER	 */
.header				{width:970px; height:80px;}
.title				{text-align: left; height:60px; width: 550px; font-size:24px; padding-top:20px; float:left}
h4					{font-weight:normal; color:#FFF}
.logo				{float:right; height:60px; font-size:24px; margin-right:8px; padding-top:20px; cursor:pointer}				

.block 				{width:550px; background-color:#FFF; float:left; border-right: #c1c9de solid 6px; border-bottom: #c1c9de solid 6px; padding:20px 16px 20px 16px; text-align:left; margin-bottom:40px; margin-top:-25px; position:relative; z-index:5;}

/* ERROR */
.error					{width:550px; background-color:#FFF; float:left; border-right: #c1c9de solid 6px; border-bottom: #c1c9de solid 6px; padding:20px 16px 20px 16px; text-align:left; margin-bottom:40px;}
.error h1 				{font-size:18px; color:#812990; line-height:16px; margin-bottom:10px; }
.error p				{font-size:12px; line-height:18px;}

/* HOME	 */
.home h1 				{font-size:18px; color:#812990; line-height:16px; margin-bottom:10px; }
.home p					{font-size:12px; line-height:18px;}
.home a					{color:#F58200;}
.home ol				{margin-left:25px; margin-top:15px;}
.home ol li 			{font-size:12px;}

.homefoto 				{width:100%; float:left; display:block; margin-bottom:20px; } 
.homefoto ul			{margin-left:160px;}
.homefoto ul li 		{font-size:14px; font-weight:bold; color:#25418F; list-style-type:none; line-height:23px;}
.hometekst				{display:block; width:97%; float:left; color:#25418F; line-height:16px; font-size:12px; background-color:#edf8fb; border:1px solid #b7e2ed; padding:8px;}

/* PROFIEL	 */
.profielfoto 			{width:100%; display:block; margin-bottom:20px; margin-top:10px;} 
.profielfoto ul			{margin-left:160px;}
.profielfoto ul li 		{font-size:14px; font-weight:bold; color:#25418F; list-style-type:none; line-height:23px;}
.profieltekst			{display:block; width:97%; color:#25418F; line-height:16px; font-size:12px; background-color:#edf8fb; border:1px solid #b7e2ed; padding:8px;}

.profiel p				{font-size:12px; line-height:18px;}
.profiel a				{color:#F58200;}

/* BLOG	 */
.blog 				{width:550px; background-color:#FFF; float:left; border-right: #c1c9de solid 6px; border-bottom: #c1c9de solid 6px; padding:20px 16px 20px 16px; text-align:left; margin-bottom:40px;}
.blog h1 			{font-size:18px; color:#812990; line-height:16px; margin-bottom:10px; margin-top:-16px;} 
.blog p				{color:#25418F; line-height:16px; font-size:12px;}
.blog a				{color:#F58200; font-size:12px;}
.blog img			{border:0px;}

/* LOGIN */
.login_auth				{float:right; position:relative; z-index:10; margin-right:15px; margin-top:10px;}
.login_auth a			{color:#F58200; font-size:12px;}

/* ZOEKRESULTATEN */
.zoekresultaten					{width:550px; background-color:#FFF; float:left; border-right: #c1c9de solid 6px; border-bottom: #c1c9de solid 6px; padding:20px 16px 20px 16px; text-align:left; margin-bottom:40px;}
.zoekresultaten h1 				{font-size:18px; color:#812990; line-height:16px; margin-bottom:10px; margin-top:-16px;} 
.zoekresultaten p				{color:#25418F; line-height:16px; font-size:12px;}
.zoekresultaten ul				{margin-left:0px;}
.result							{float:left; margin-top:8px; margin-right:17px; margin-bottom:46px; display:block; width:120px; height:120px; background:bottom center no-repeat #FFF;}
.zoekresultaten a				{color:#F58200; font-size:12px; text-align:left; line-height:16px; padding-top:12px;}
.zoekresultaten b				{color:#F58200; font-size:12px; text-align:left; line-height:16px; padding-top:12px; text-decoration: underline;}
.zoekresultaten ul li img		{padding-bottom:0px;}


/* DONATIES	 */
.donaties				{width:550px; background-color:#FFF; float:left; border-right: #c1c9de solid 6px; border-bottom: #c1c9de solid 6px; padding:20px 16px 20px 16px; text-align:left; margin-bottom:40px;}
.donaties h1 			{font-size:18px; color:#812990; line-height:16px; margin-bottom:10px;} 
.donaties p				{display:block; float:left; color:#25418F; line-height:16px; font-size:12px;}
span.datum				{color:#cda9d3;}
.donaties table td		{padding:8px; color:#812990; line-height:16px; font-size:12px;}
.donaties tr			{height:36px;}
tr.odd					{background-color:#FFFFFF;}
tr.even					{background-color:#e9ecf4}


/* ACTIEBEHEER	 */
.actiebeheer			{width:550px; background-color:#FFF; float:left; border-right: #c1c9de solid 6px; border-bottom: #c1c9de solid 6px; padding:20px 16px 20px 16px; text-align:left; margin-bottom:40px;}
.actiebeheer h1 		{font-size:18px; color:#812990; line-height:16px; margin-bottom:10px;} 
.actiebeheer p			{display:block; float:left; color:#25418F; line-height:16px; font-size:12px;}
span.datum				{color:#cda9d3;}
.actiebeheer table td	{padding:8px; color:#812990; line-height:16px; font-size:12px;}
.actiebeheer tr			{height:36px;}

.actiebeheer a				{color:#F58200; font-size:12px; text-align:left; line-height:16px; padding-top:12px;}
.actiebeheer b				{color:#F58200; font-size:12px; text-align:left; line-height:16px; padding-top:12px; text-decoration: underline;}


tr.odd					{background-color:#FFFFFF;}
tr.even					{background-color:#e9ecf4;}



/* KOLOMMEN	*/
.col_01			{float:left; width:590px; margin-right:33px; margin-bottom:40px;}
.col_02			{width:340px; margin-bottom:40px; text-align:left; float:left; border-right: #c1c9de solid 6px; border-bottom: #c1c9de solid 6px; padding-bottom:80px;  background:url(../images/vrienden_bottom.gif) bottom no-repeat #FFF}


/* DONEER	*/
.doneer 			{margin:16px;}
.doneer ul			{margin-left:0px;}
.doneer ul li 		{font-size:18px; font-weight:bold; color:#812990; list-style-type:none; line-height:23px;}
.doneer a			{color:#F58200; font-size:11px;}

/* DOEL	*/
.doel				{padding:20px 16px 20px 16px; text-align:left;}
.doel h1 			{font-size:18px; color:#812990; line-height:16px; margin-bottom:10px; margin-top:-16px;} 
.doel p				{color:#25418F; line-height:14px; font-size:11px;}
.doel a				{color:#F58200; font-size:11px;}

/* VRIENDEN	*/
.vrienden				{padding:20px 16px 20px 16px; text-align:left;}
.vrienden h1 			{font-size:18px; color:#812990; line-height:16px; margin-bottom:10px; margin-top:-16px;} 
.vrienden p				{color:#5c65a5; line-height:14px; font-size:11px;}
.vrienden a				{color:#F58200; font-size:11px;}


/*FORMULIER*/
.formulier 				{width:550px; background-color:#FFF; float:left; border-right: #c1c9de solid 6px; border-bottom: #c1c9de solid 6px; padding:20px 16px 20px 16px; text-align:left; margin-bottom:40px;}
.formulier h1 			{font-size:18px; color:#812990; line-height:16px; margin-bottom:10px;}
.formulier div			{display:block; float:left; color:#25418F; line-height:16px; font-size:12px;}



/*CSS FORMULIER IPV TABEL*/
.cssform input, .cssform textarea	{font:normal 1.0em/1.3 Arial, Helvetica, sans-serif; padding-top:4px; padding-left:4px; padding-bottom:4px; width: 320px; pixelwidth: 320px; height:20px; background-color:#edf8fb; border:1px solid #b7e2ed;}
.cssform div.normal					{width: 350px; clear: left; margin: 0; padding: 10px 0 10px 0; padding-left: 200px; /*width of left column containing the label elements*/border-top: 1px dashed gray; height: 1%;}
.cssform div.static					{clear: left; margin: 0; padding: 16px 0 16px 0; border-top: 1px dashed gray; height: 1%; width:550px;}
.cssform div.normal label			{font-weight: normal; float: left; margin-left: -200px; padding-top:4px; }
.cssform input						{height:18px; font-size:12px;}
.cssform textarea					{height:150px; font-size:12px;}
.cssform input.submit				{height:40px; padding:0px; font-weight:bold; color:#25418F; width:140px; 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; background-color:#FFFFFF; }
.cssform div.checkbox				{display:block; width:250px; float:left; position:relative; overflow:none;}

.cssform optgroup					{color:#812990; line-height:16px; margin-bottom:10px; font-style:normal;}
.cssform option						{color:#000}
.cssform optgroup option			{padding-left:15px;}

.cssform .tooltip					{margin-left:175px; position:absolute; margin-top:-5px;}
.close								{margin-top: -6px; }

.cssform .multiselect #select				{ width:250px; }
.cssform .multiselect input.inputCommand	{ height:40px; padding:0px; font-weight:bold; color:#25418F; width:140px; background-color:#d3d9e9; border:1px solid #d3d9e9; background-image: url(../images/kader_bg_db.gif); background-repeat:repeat-x; }


.js textarea						{border:0px; color:#25418F; line-height:16px; font-size:12px; padding:0px; margin-top:-1px; }
.edit								{cursor:pointer;}

/* OVERIG */
p.datum					{color:#cda9d3; margin-top:-6px; font-size:12px}
.locked, tr.locked		{background-color:#f9dedf;}

#tooltip{
	position:absolute;
	background-color:#edf8fb;
	border:1px solid #b7e2ed;
	padding:20px;
	color:#333;
	font-size:12px;
	display:none;
	text-align:left;
}

#profielfoto_groot {
	display:none; 
	position:absolute; 
	max-width:550px; 
	z-index:999;
	border-right: 6px solid #c1c9de;
	border-bottom: 6px solid #c1c9de;
}

/* Hyves Gadget */
#gadget .widget 				{float:left; margin-left:40px; margin-top:5px; width:268px; height:334px; background:url(http://www.vriendensponsor.nl/hyves/images/widget_bg.png); padding:60px 26px 26px 26px;}
#gadget .widget_profielfoto		{display:block; float:left; width:120px; height:120px; }
#gadget .widget_welkom			{display:block; float:left; color:#25418F; font-size:12px; line-height:16px; padding-left:10px; width:136px; height:120px; vertical-align:bottom}
#gadget .widget_welkom h1		{font-size:14px; font-weight:bold}
#gadget .widget_actienaam		{float:left; display:block; width:100%; height:50px; text-align:center}
#gadget .widget_actienaam h1	{color:#812990; font-size:16px; line-height:24px; margin-top:12px;}
#gadget .widget_actieinfo		{float:left; display:block; width:246px; height:143px; border:1px solid #cda9d3; background-color:#FFF; padding:10px; color:#92a0c7; font-size:11px; line-height:16px;}
#gadget .widget_melding			{display:block; float:left; color:#25418F; font-size:12px; line-height:16px; vertical-align:bottom}
#gadget .widget_melding h1		{color:#812990; font-size:16px; line-height:24px;}
#gadget table					{margin-bottom:8px;}
#gadget td						{font-size:14px; color:#25148F; font-weight:bold; border-bottom:1px dashed #c1c9de;}
#gadget a						{color:#92a0c7;}