/* STRUCTURE */

	body
	{
		margin:			0;
		padding:		0;
	}
	
	#wrapper
	{
		position:		absolute;
		width:			960px;
		height:			100%;
		top:			0;
		left:			50%;
		margin-left:	-480px;
	}
		
	#leftColumn
	{
		position:		absolute;
		width:			185px;
		height:			100%;
		min-height:		450px;
		top:			0;
		left:			50%;
		margin-left:	-480px;
	}
		#printLogo {
			display: none;
		}
		
		#leftColumn #topLogo
		{
			top:				0;
		}
	
		#leftColumn #content p
		{
			padding:			15px;
			font-size:			12px;
			color:				#ffffff;
			line-height:		16px;
		}
		#leftColumn #content ul
		{
			padding:			15px;
			font-size:			12px;
			color:				#ffffff;
			font-weight:			bold;
		}
		
		#leftColumn #content a
		{
			color:				#ffffff;
			font-weight:			bold;
		}
		
		#bottomContact
		{
			font-size:			10px;
			line-height:		14px;
			color:				#ffffff;
		}
	#bottomContact2 p
	{
		font-size:			10px;
		line-height:		14px;
		color:				#ffffff;
	}		
	#rightColumn
	{
		position:		absolute;
		width:			775px;
		height:			100%;
		top:			0;
		left:			50%;
		margin-left:	-295px;
	}
	
		#rightColumn #topNavigation
		{
			position:			absolute;
			top:				5px;
			margin-left:		15px;
		}

		#rightColumn #topNavigation-avond
		{
			position:			absolute;
			top:				5px;
			margin-left:		15px;
		}

		#rightColumn #topNavigation-avond p
		{
			color:				#FFF;
		}

		#rightColumn #topNavigation-avond p a
		{
			color:				#FFF;
			text-decoration:	underline;
		}

		#rightColumn #topNavigation-dag
		{
			position:			absolute;
			top:				5px;
			margin-left:		15px;
		}

		#rightColumn #top
		{
			height:				150px;
		}

		#rightColumn #navigation
		{
			position:			absolute;
			top:				110px;
			margin-left:		15px;
		}

		#rightColumn #navigation ul
		{
			margin:				0;
			padding:			0;
			list-style-type:	none;
		}

		#rightColumn #navigation ul li
		{
			float:				left;
			padding-right:		5px;
		}

		#rightColumn #content
		{						
			top:				0;
		}
			
		#rightColumn #content #blok
		{
			width:				695px;
			min-height:			350px;
			margin-left:		0px;
			padding:			10px 30px 0 50px;
		}

		#rightColumn #content #blokBottom
		{
			width:				745px;
			height:				25px;
			margin-left:		15px;
		}

		#rightColumn #content .subColumnRow
		{
			display: 			table;
		}
	
		#rightColumn #content .subColumnLeft
		{
			width:				315px;
			float:				left;
			margin-right:		15px;
		}
		#rightColumn #content .subColumnRight
		{
			width:				315px;
			float:				right;
			margin-left:		15px;
		}


		#copyright p
		{
			color:				#000000;
			margin-left:		50px;
			font-size:			11px;
		}
		
		#rightColumn #content #blok table tr
		{
			vertical-align: top;
		}


.portfolio {
		border-size: 1px;
		border-style: solid;
		border-color: 0067b7;
		font-family:		Arial, Verdana;
		font-size:			12px;
}
.portfolio td {
		border-style: solid;
		border-color: 0067b7;
		border-size: 1px;
}

/* STYLE */

	body, table, td, p
	{
		font-family:		Arial, Verdana;
		color:				#000000;
		font-size:			12px;
		line-height:		18px;
	}

	img
	{
		border:				0;
		display:			inline;
	}
	
	#rightColumn #content #blok img
	{
		padding:			10px;
	}

	p 
	{
		margin-bottom:		0;
		padding-bottom:		0px;
	}
	
	a
	{
		color:				#000000;
		text-decoration:	none;
	}


	a:hover
	{
		text-decoration:	underline;
	}
	
	h2
	{
		margin-top:			0;
		padding-top:		20px;
		padding-bottom:		0px;
		font-size:			16px;
	}
	
	#leftColumn h2
	{
		padding-top:		10px;
		font-size:			18px;
		color:				#ffffff;
		margin-left:		15px;
	}
	
	.inleiding
	{
		font-weight:		bold;
	}

	#leftColumn #content ul {
		list-style-type:	none;
		margin:				0;
		padding:			0;
	}
	#leftColumn #content ul li {
		padding-left:	15px;
	}

/* SECTIONS */

		#rightColumn #content #home-zutphen-dag
		{
			width:				778px;
			height:				405px;		
			background:			url('../img/cstweebannerdag.jpg') top left no-repeat;
		}

		#rightColumn #content #home-zutphen-dag #home-buttons
		{
			margin-left:					25px;
			padding-top:					360px;
		}

		#rightColumn #content #home-zutphen-dag #home-buttons ul
		{
			margin:							0;
			padding:						0;
			list-style-type:				none;
		}

		#rightColumn #content #home-zutphen-dag #home-buttons ul li
		{
			float:							left;
			padding-right:					15px;
		}

		#rightColumn #content #home-zutphen-avond
		{
			width:				778px;
			height:				405px;		
			background:			url('../img/cstweebannernacht.jpg') top left no-repeat;
		}

		#rightColumn #content #home-zutphen-avond #home-buttons
		{
			margin-left:					15px;
			padding-top:					360px;
		}

		#rightColumn #content #home-zutphen-avond #home-buttons ul
		{
			margin:							0;
			padding:						0;
			list-style-type:				none;
		}

		#rightColumn #content #home-zutphen-avond #home-buttons ul li
		{
			float:							left;
			padding-right:					15px;
		}

		#rightColumn #content #home-zutphen
		{
			width:				775px;
			height:				405px;		
			background:			url('../img/home/zutphen.jpg') top left no-repeat;
		}

		#rightColumn #content #home-zutphen #home-buttons
		{
			margin-left:					15px;
			padding-top:					360px;
		}

		#rightColumn #content #home-zutphen #home-buttons ul
		{
			margin:							0;
			padding:						0;
			list-style-type:				none;
		}

		#rightColumn #content #home-zutphen #home-buttons ul li
		{
			float:							left;
			padding-right:					15px;
		}
		#home-overcstwee  {
			position: absolute;
			top: 338px;
			left: 263px;
}
		#leftColumn.home-leftColumn
		{
			background-color:	#114695;	
		}
		#leftColumn.home-leftColumn #bottomContact
		{			
			background:			#114695; /* geen achtergrond img (afronding) voor home */
		}
		
		#leftColumn.cs-twee-leftColumn #content
		{
			background-color:	#46afd0;
		}
		
		#leftColumn.civilservices-leftColumn #content
		{
			background-color:	#46afd0;
		}
		
		#leftColumn.managementprojectsupport-leftColumn #content
		{
			background-color:	#5069aa;
		}
		
		#leftColumn.html-leftColumn #content
		{
			background-color:	#5069aa;
		}

		#content.home #blok
		{
			background: 		#5dc0d9 url('../img/home/blokBack.gif') bottom left repeat-y;
		}
		
		#content.home #blok #flash
		{
			padding-top:		5px;
			padding-bottom:		25px;
			margin-left:		-27px;
		}

		#content.paars #blok 										{ background: #e7dce9 url('../img/paars-blokBack.gif') bottom left repeat-y; }
		#content.paars #blok h2, #content.paars #blok .inleiding	{ color: #730060; }
	        #content.paars #blok a	{ color: #730060; text-decoration:underline; }
	        
		#content.groen #blok										{ background: #edf3e1 url('../img/groen-blokBack.gif') bottom left repeat-y; }
		#content.groen #blok h2, #content.groen #blok .inleiding	{ color: #54a503; }
	        #content.groen #blok a	{ color: #54a503; text-decoration:underline; }
	        		
		#content.zalm #blok											{ background: #f0d9d3 url('../img/zalm-blokBack.gif') bottom left repeat-y; }
		#content.zalm #blok h2, #content.zalm #blok .inleiding		{ color: #c56650; }
	        #content.zalm #blok a	{ color: #c56650; text-decoration:underline; }
	        		
		#content.blauw #blok										{ background: #bfd9ed url('../img/blauw-blokBack.gif') bottom left repeat-y; }
		#content.blauw #blok h2, #content.blauw #blok .inleiding	{ color: #0067b7; }
	        #content.blauw #blok a	{ color: #0067b7; text-decoration:underline; }
	


				/* form */

form div {
	clear: both;
}

form div.note {
	margin: 1em 0;
	padding: 0.25em;
	background-color: #CAD401;
}

form div.fill input.text {
	background-color: #CAD401;
}

input, textarea {
	font: 100%/1.5 Verdana, Arial, Helvetica, sans-serif;
}

label {
	display: block;
	float: left;
	width: 11.5em;
}

form input.text {
	border: 1px solid #6188C3;
}

form div.footer {
	margin-top: 1em;
	padding: 1em .25em .25em 11.75em;
}

form input.submit {
	border-top: 1px solid white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid white;
	background-color: #CAD401;
}

/* contactformulier */

#contactblad {
	font-size: 11px;
	position: relative;
	left: 0px;
	width: 173px;
	height: 60px;
	padding-left: 10px;
	z-index: 1000;
	background-color: #ffffff;
	border-right: 1px solid #00a3c9;
	border-left: 1px solid #00a3c9;
}
#contactrondingb {
	top: 0;
	background-image: url(../img/contact_boven.gif);
	width: 185px;
	height: 25px;
	font-size: 10px;
	line-height: 25px;
	text-align: center;
	font-weight: bold;
}
#contactrondingo {
	top: 0;
	background-image: url(../img/contact_onder.gif);
	width: 185px;
	height: 25px;
	font-size: 10px;
}
#contactblad h1 {
	color: #000000;
	font-size: 11px;

}
#contactblad p {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

.inputbox {
	font-size: 11px;
	width: 160px;
	height: 15px;
	border: 1px solid #00a3c9;
}
.submitbox {
	font-size: 11px;
	width: 80px;
	border: 1px solid #00a3c9;
}

#leftColumn #content .actief {
	color: #000000;
}
#printLogo
{
	display:			none;
}