/* 
   (a) K.S.R. van Poelgeest
   (u) www.hansnelgroep.nl
   (c) Stichting Domplein 2013

	 V1.0 Created: Friday 10 April 2009
	 (Original 071213 kim[at]bitnoir.com)
	 Version history: n/a
---------------------------------------------- */
@import url('typography.css');

@import url('modular.css'); /* variables */

/* Disabled (generic properties)
---------------------------------------------- */

/* General reset
---------------------------------------------- */
applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, a img, ins, kbd, q, s, samp, small, strike, strong, tt, var, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	}
	object { outline:none; }
	sub,sup {
		margin:0;
		padding:0;
		outline:0;
		border:0;
		}


/* CSS classes
---------------------------------------------- */
.w-auto   { width: auto; }
.w-100    { width: 100%; }
.w-75     { width: 75%; }
.fly_x    { float: left; }
.fly_y    { float: right; }
.txt_x    { text-align: left; }
.txt_y    { text-align: right; }


/* overcome float issue, 2nd for ie6 */
#contain, #identity, #navigation, #navigation ul, #main,  #copy, #metafoot, #metafoot ul {overflow:hidden;}
* html #contain, * html #identity, * html #navigation, * html #navigation ul, * html #main, * html #copy, * html #metafoot, * html #metafoot ul {zoom:1;}

/* Base
---------------------------------------------- */
body {
	margin:0;
	padding:0 10px;
	text-align:center;
	}
	#skip {
		display:none;
		visibility:hidden;
		}
#contain {
	width:900px;
	padding:0 20px;
	margin:0 auto;
	text-align:left;
	}
	#identity {
		background:#fff;
		height:70px;
		}
		#logo {
			margin:32px 0 0 13px;
/*			margin:32px 0 26px 13px;*/
			padding:0;
			width:269px;
			height:12px;
			background:url('../gfx/InitiatiefDomplein.png') center no-repeat;
			display:block;
			text-indent:-999em;
			}
	#navigation {
		background:#93795d;
		clear:both;
		}
		#navigation ul {
			width:620px;
			background:#f58426;
			}

/* Primary navigation
---------------------------------------------- */
#navigation ul {
	margin:0;
	padding:0;
	}
	#navigation ul li {
		float:left;
		margin:0;
		padding:0;
		text-indent:0;
		list-style:none;
		border-left:1px solid #f6923d;
		}
		#navigation ul li a {
			display:block;
			text-decoration:none;
			font-size:11px;
			padding:10px 10px 8px;
			line-height:1.04em;
			color:#962b04;
			border-right:1px solid #d56118;
			background-image:url('../gfx/icon_activenav.png');
			background-position:-1000px;
			background-repeat:no-repeat;
			}
			#navigation ul li a:hover {
				background-color:#f2701c;
				}
			#navigation ul li.active a {
				background-color:#f2701c;
				background-position:8px center;
				padding-left:20px;
				}
	


	#main {
		background:#ffe url('../gfx/bgMain.gif') right repeat-y;
		}
	#visual,
	#quote {
		height:210px;
		border-top:1px solid #9cf200;
		border-bottom:1px solid #9cf200;
		}
	#copy {
		padding:14px 0;
		background:#ffe;
		}
	#main, #copy {
			background-color:#edb;
			}

/* Grid
		color:#962b04; roodbruin titels, iconen
		color:#f58426; oranje koppeling
---------------------------------------------- */
.pagesection-col1,
.pagesection-col2,
.pagesection-col3 {
	float:left;
	text-align:left;
	}

	/* virtually disable columns, note: this is just an aid, please disable HTML output */
	.pagesection-col1 {}
	.pagesection-col2 {}
	.pagesection-col3 {}

	/* set width of the copy (content) column */
	.pagesection-col1 {width:620px;}
	.pagesection-col2 {width:280px;}
	.pagesection-col3 {width:490px;}
										/* 1&3 -2 BORDER DONT FORGET */

/* Meta footer
---------------------------------------------- */
#metafoot {
	width:auto;
	margin:0 auto;
	display:block;
	clear:both;
	margin-top:1px;
	padding:0 0 2px;
	background:#c9bfa7;
	}
	#metafoot ul {
		margin:10px 10px 10px 24px;
		padding:0;
		list-style:none;
		}
		#metafoot li {
			float:left;
			color:#666;
			font-size:10px;
			margin-right:16px;
			line-height:1.2em;
			}
			#metafoot ul span,
			#metafoot ul a {
				display:block;
				}
				#metafoot ul span {
					padding-right:25px;
					}
				#metafoot a {
					margin:0 24px;
					color:#000;
					text-decoration:none;
					}
				#metafoot a:hover {
					color:#962b04;
					}


/* Hide printables
---------------------------------------------- */
#printlogo,
#printfoot {
	display:none;
	visibility:hidden;
	clear:both;
	}