/*
Theme Name: CVP
Theme URI: http://www.centrumvoorpersoonsontwikkeling.nl/
Description: speciaal ontwikkeld voor het CVP
Version: 1.0
Author: P Grosfeld
*/
@charset "utf-8";



/* -----------------------------------------------------------------------
	custom styles 

	we have a grid of 950px width 
	we have 24 columns of 30px width and 10px margin in between
	we build upon a grid of 18x18
	
----------------------------------------------------------------------- */
	
	html	{ background:#BC2B16; }
	body	{ 
		color:#333; 
		background:url(img/bg_main.jpg) repeat-x #BC2B16; 
		color:#444; 
		font-family:Georgia, "Times New Roman", Times, serif; 
		font-size:.75em; 
		line-height:175%; 
		text-align:left;
		}

/* Heading
-------------------------------------------------------------- */

	h1, h2, h3, h4, h5, h6 { margin:0 0 5px 0; padding:0; color:#fff;  }
	h1	{ font-size:24px; color:#000; }
	h2	{ font-size:20px; color:#000; }
	h3	{ font-size:1.45em; color:#BC2B16; }
	h4	{ font-size:1.45em; color:#000; margin:0; }
	h6	{ font-size:0.95em; color:#666; font-weight:normal; margin:0; }
	div.widget-area h2 { font-size:1.45em; color:#BC2B16; }

	
	.article h1 { font-size:18px; }
	.article h2 { font-size:16px; margin-bottom:40px;}
	.article h3 { font-size:14px; }
	
	hr { color:#000; background:#000; margin-top:40px; }

/* Typography
-------------------------------------------------------------- */
	
	.buffer-1 { height:10px; }
	.buffer-2 { height:20px; }
	.buffer-3 { height:30px; }
	.buffer-4 { height:40px; }
	
	a:link, a:visited, a:active { color:#0033FF; font-weight:bold; text-decoration:none;}
	a:hover { color:#990000; font-weight:bold; text-decoration:underline; }
	
	table { width:auto; }
	td { padding:1px 5px; vertical-align:top;}
	td.td-1 { width:30px; }
	td.td-2 { width:60px; }
	td.td-3 { width:90px; }
	td.td-4 { width:120px; }
	td.td-5 { width:150px; }
	td.td-6 { width:180px; }
	td.td-7 { width:210px; }
	td.td-8 { width:240px; }
	td.td-9 { width:270px; }
	td.td-10 { width:300px; }
	td.td-11 { width:330px; }
	td.td-12 { width:360px; }
	td.td-13 { width:390px; }
	td.td-14 { width:420px; }
	
	table.clean tr td { border:none; }

	.normalWeight { font-weight:normal !important;}
	.strong { font-weight:bold !important;}
	.left { text-align:left; }
	.hide, .hidden { display:none; }
	.center { text-align:center; }

	blockquote {
		color:#000;
		font-style:italic;
		border:1px solid #BBC9FF;
		background:#E1E8FF;
		padding:5px;
		font-size:115%;
		}
	blockquote p{
		margin:0;
		}
	
	.alignleft { 
		float:left;
	}
	.alignright { 
		float:right;
	}



/* wrapper, general styles
-------------------------------------------------------------- */

	.container {
		width:970px;
		background:#fff;
		}
		
	.header {
		height:132px;
		overflow:hidden;
		}
		
	.nav {
		background:url(img/nav.jpg);
		height:50px;
		padding:0 45px;
		}
	
	.content{
		padding:0 45px;
	}
	
	
	#footer {
		text-align:right;
		border-top:20px solid #fff;
		color:#DF9A90;
		padding:5px 0 0;
		background:#BC2B16;
		font-size:11px;
		padding-bottom:20px;
	}
	
	.summary {
		padding:20px 20px 30px;
		background:#E4E4E4;
		}
		.summary p{
			margin:0;
			padding:0;
			/*text-align:justify !important;*/
			}
			
	a.more { float:right; }
	
	.breadcrumb {
		font-size:90%;
		padding:10px 20px;	
		}



/* widget area
-------------------------------------------------------------- */	

	.widget-area ul {
		list-style:none; 
		padding: 0;
		margin:0;
		}
		.widget-area ul li {
			padding:23px 10px 23px;
			margin:0 0 10px;
			background:#D6D6D6;
			}
			.widget-area ul li ul li {
				padding:0 0 0 14px;
				margin:0;
				background:url(img/ul1.gif) no-repeat 0 6px;
				}
	.widget-area a {
		color:#000;
		}

	

/* home
-------------------------------------------------------------- */
	.homeMain {
		float:left;
		width:640px;
		margin-right:20px;
		display:inline;
		}
		
		.homeMain .homeColumnWrapper {
			/**background:url(img/bg_main_home.jpg) repeat-y;*/
			margin:10px 0;
			}
		.homeMain .homeMainColumn{
			float:left;
			width:310px;
			height:263px;
			margin:0 20px 20px 0;
			background:#BC2B16;
			}
			.homeMain .homeMainColumn div{
				/*text-align:justify !important;*/
				padding:0 10px;
				font-style:italic;
				color:#fff;
				
				}
			.homeMain .homeMainColumn img{
				width:310px;
				height:210px;
				}
			.homeMain .homeMainColumn h2{
				padding-left:10px !important;
				font-size:16px;
				margin:0;
				}
			h2 a, h2 a:hover {
				font-weight:normal !important;
				color:#fff !important;
				text-decoration:none;
			}
		.homeMain .homeMainColumnFirst{
			margin-left:0;
			}
		.homeMain .homeMainColumnLast{
			margin-right:0;
			}
	.homeBanner1 {
		float:left;
		width:220px;
		display:inline;
		}

	

/* page
-------------------------------------------------------------- */
	.article { padding:20px; }
	
	ul.childs {
		list-style:none;
		padding:0;
		margin:0;
		}
		ul.childs li a {
			}
	
	ul.news {
		list-style:none;
		padding:0;
		margin:0;
		}
		ul.news li {
			margin:5px 0 20px 0;
			}
		ul.news li a {
			}
	
	ul.results {
		list-style:none;
		padding:0;
		margin:0;
		}
		ul.results li {
			margin:5px 0 20px 0;
			}
		ul.results li a {
			}



/* Slider
-------------------------------------------------------------- */
	#images {
		float:right;
		width:300px;
		margin:20px 0 0 20px;
	}
	#images img {
		width:300px;
		height:auto;
	}
	
	#slider {
		margin-bottom:10px;
	}
	#prevNext {
		position:absolute;
		width:840px;
		top:210px;
		z-index:80;
		left:50%;
		margin-left:-420px;
		}
		#prevNext .jFlowPrev{
			float:left;
			cursor:pointer;
			display:block;
			width:33px;
			height:40px;
			background:url(img/prev.png);
		}
		#prevNext .jFlowPrev:hover{
			background:url(img/prev-hover.png);
		}
		#prevNext .jFlowNext{
			float:right;
			cursor:pointer;
			display:block;
			width:33px;
			height:40px;
			background:url(img/next.png);
		}
		#prevNext .jFlowNext:hover{
			background:url(img/next-hover.png);
		}		


/* forms
-------------------------------------------------------------- */	
	form div.info	{ padding-left:360px; }
	form div.formItem	{ float:left; width:450px; }
	
	form br { clear:both; }
	
	input.input-1 { width:30px; }
	input.input-2 { width:60px; }
	input.input-3 { width:90px; }
	input.input-4 { width:120px; }
	input.input-5 { width:150px; }
	input.input-6 { width:180px; }
	input.input-7 { width:210px; }
	input.input-8 { width:240px; }
	input.input-9 { width:270px; }
	input.input-10 { width:300px; }
	input.input-11 { width:330px; }
	input.input-12 { width:360px; }
	input.input-13 { width:390px; }
	input.input-14 { width:420px; }
	input.button, input.radio, input.checkbox { width:auto; }
	input.checkbox-2 { width:auto; }
 	
	textarea	{ width:250px; height:50px; }
	select, input { margin:1px 0;}
	select option { padding:1px 5px 1px 1px;}
	label { font-weight:normal;}
	
	.message {background:#E6EFC2;color:#264409;border-color:#C6D880;}
	.message a {color:#264409;}
	
	optgroup { margin-top:10px; font-style:normal; }
	
	.ok { color:#C6D880; font-weight:bold; }
	.notok { color:#8a1f11; font-weight:bold; }