/*************************************
INDELING.CSS - CSS voor opbouw website
*************************************/

body {
	background: #A5BDC8 url(background/bs3_bg_site.gif) repeat-x;
}


/* - - - - - - - - - - - - - - - - - - - - - - -
	SITE / CONTAINER DIV
- - - - - - - - - - - - - - - - - - - - - - - */

#site {
	width: 1000px;
	margin: 10px auto;
	z-index: 999;

}

div#site div#shadow {
	float: left;
	width: 960px;
	padding: 0px 40px 50px;
	height: auto !important;
	height: 10px;
	min-height: 10px;
	background: url('background/bs3_shadow.png') 10px bottom no-repeat;
}



/* - - - - - - - - - - - - - - - - - -
	HEADER
- - - - - - - - - - - - - - - - - - */

#header {
	float: left;
	width: 960px;
	height: 75px;
	background: #304B7A url('background/bs3_bg_header.jpg') repeat-x;
}

#logo {
	float: left;
	width: 200px;
	height: 50px;
}

#menu {
	float: left;
	width: 420px;
	height: 50px;
}

#headerrechts {
	float: left;
	margin: 5px 0px 0px 5px;
	width: 310px;
	padding: 5px;
	height: 45px;
	z-index: 2;
	font: 12px arial;
}


/* - - - - - - - - - - - - - - - - - -
	CENTER
- - - - - - - - - - - - - - - - - - */

#center {
	float: left;
	background: #FFFFFF url('background/bs3_bg_content.jpg') repeat-y;
	width: 960px;
	height: auto !important;
	height: 450px;
	min-height: 450px;
}

#center_bericht {
	float: left;
	background: #FFFFFF url('background/bs3_bg_content_bericht.jpg') repeat-y;
	width: 960px;
	height: auto !important;
	height: 450px;
	min-height: 450px;
}

#main {
	float: left;
	width: 200px;
	margin: 5px 0px 10px;
}

#content {
	float: left;
	width: 760px;
	height: auto !important;
	height: 450px;
	min-height: 450px;
	padding: 0 0 10px 0;
}

div#breadcrumbs {
	width: 400px;
	margin: 3px 0px 20px;
}

#content_links {
	float: left;
	width: 380px;
	padding: 0 0 0 10px;
}

#content_links div {
	float: left;
	width: 380px;
	margin-bottom: 10px;
}

#content_links div.alternatief {

}

#content_links  .bericht {
	width: 380px;
}

#content_links .bericht  .google_ads {
	float: none;
	margin: 10px 73px;
	width: 234px;
}

#content_links  .nieuws {

}

#content_links .advertentie {
	float: right;
	width: auto;
	
}

#content_links div.verloop {
	width: 360px;
	padding: 5px 10px;
	border-top: 1px solid #EBEFF3;
	background: #FFFFFF url('background/bs3_bg_verloop.jpg') repeat-x;
}

#content_links div.reactie {
	width: 372px;
	border-left: 2px solid #EBEFF3;
	border-bottom: 1px solid #EBEFF3;
	background: #FAFAFA;
	padding: 5px 1px 1px 5px; 
}

#content_rechts {
	float: right;
	width: 360px;
}

#content_rechts div {
	
	margin-bottom: 10px;
	width: 360px;
}

#content_rechts #login {
	float: left;
	width: 359px;
	border-left: 1px solid #DEE5EB;
	border-bottom: 1px solid #DEE5EB;
	background: #EAEAEA /* #E4E4E4 /*#ececec url('background/bs3_bg_login.jpg') repeat-x*/;
}

#center_bericht #content_rechts #login {
	margin-bottom: 0px;
}

#content_rechts .container div  {
	float: left;
	padding: 0 5px;
	margin: 5px 0px;
	width: 170px;
}

#content_rechts #login div {
	float: left;
	padding: 0 5px;
	margin: 5px 0px;
	width: 169px;
}

#content_rechts div.reactie {
	width: 360px;
	border-left: 0px solid #EBEFF3;
}

#content_rechts div.tags, #content_rechts div.pollclass { 
	float: left;
	width: 340px;
	margin-left: 5px;
}

#content_rechts div.adv {
	width: auto;
	margin-left: 10px;
	border: 1px solid #EBEFF3;
}

/* - - - - - - - - - - - - - - - - - -
	FOOTER
- - - - - - - - - - - - - - - - - - */

#footer {
	float: left;
	background: #20436D;
	color: #ffffff;
	width: 950px;
	height: 15px;
	padding: 5px;
	margin-bottom: 10px;
}

#footer p {
	color: #ffffff;
	margin: 0px;
}

#footer p a {
	color:#7AA745;
}