/* style.css */

/* Remove all padding and margin */

* {

	margin: 0;
	padding: 0;
	border: none;
	
}


/* general */

a, a:visited{
	color:black;
	text-decoration:none;
}
a:hover {
	color: #444;
	text-decoration:none;
}

.clear {
	clear: both;
}

.spacer {
	width: 176px;
	display: block;
}

.left {
	float: left;
}

.right {
	float: right;
}

.nobr {
	white-space: nowrap
}

p {
	margin-top: 1em;
}

.hr {
	width: 316px;
	height: 3px;
}

body {
	text-align: center;
	font-family: Arial, "trebuchet ms", verdana, sans-serif;
	font-size: 12px;
	font-weight: 900;
	color: #000;
	background: url('/img/bg/background.png') no-repeat center top #fff;
	margin-bottom: 10px;
}

body.cont2_geografie, body.cont2_details {
	background: url('/img/bg/background_geo.png') no-repeat center top #fff;
}

#container {
	font-family: Arial, "trebuchet ms", verdana, sans-serif;
	text-align: left;
	margin: 0 auto;
	width: 1000px;
}

#content {

}

#left_bar {
	float: left;
	width: 316px;
	margin-left: 8px;
	height: 622px;
}

#left_bar .pad {
	margin-top: 44px;
	margin-left: 3px;
}

#main {
	float: right;
	width:654px;
	margin-right: 9px;
	height: 622px;
	overflow: auto;
}

#main .pad {
	width: 470px;
	margin-top: 44px;
	margin-left: 68px;
}

/* top, menu */

#menu {
	float: right;
	list-style-type: none;
	margin-right: 20px;
	margin-top: 72px;
	height: 65px;
}

.cont_projecten #menu, .cont_publicaties #menu {
	height: 75px;
}

#menu td {
	vertical-align: top;
}

#menu .first_row {
	height: 40px;

}

#menu .menu_item {
}

#menu .menu_item, #menu .homelink{
	padding-top: 14px;	
}

#menu .menu_item a{
	color:#87d6f7;	
}

#menu .menu_item a:hover{
	color:#000000;	
}

#menu td.menu_item {
	width: 196px;
	font-size: 20px;
}

#homelink{
	display: block; 
	width: 310px;
}

.submenu {
	padding-left: 19px;
	font-size: 12px;
}

.submenu a{
	color: black;
}

.submenu a:hover{
	color: #87d6f7;
}

/* Homepage */
.home #left_bar{
	background:url('/img/bg/background_home.jpg') no-repeat left top;
}

.home #main{
	background:url('/img/bg/background_home.jpg') no-repeat right top;
}

.projecten .geografie {
	background:url('/img/bg/geografie/base.png') no-repeat right top;
}

/* Over ons */
.over-ons #left_bar{
	background:url('/img/bg/background_home.jpg') no-repeat center top;
}

.over-ons .address {
	text-decoration: none;
	font-style: normal;
}

.over-ons #main  .pad {
	text-align: justify;
}

/* Overzicht */
.overview {
	margin-top: 45px;
	margin-left: 35px;
}

.overview img{
	margin-bottom: 7px;
	margin-left: 13px;
}

.overview span{
	margin-left: 4px;
}

.overview span a{
	font-size: 12px;
	font-weight: bold;
}

.overview td{
	padding-bottom: 30px;
	padding-right: 7px;
	width: 188px;
}

.project_info td{
	padding-right: 10px;
	padding-bottom: 10px;
}

.details .offset_hr {
	height: 273px;
}

.projecten #left_bar .pad{
	margin-left: 0px;
}

.themes .current, .geografie_keuze .current {
	color : #87d6f7;
}

.themes p, .geografie_keuze p {
	margin-left: 2px;
}

.themes .hr, .geografie_keuze .hr{
	margin-top: 15px;
}

/* Details */

div.picture {
	float: left;
	display: block;
	height: 268px;
	width: 400px;
	padding-bottom: 1em;
}

.projecten #main .pad {
	width: 490px;
}

.intro_paragraph{
	font-size: 1.1em;
	color: #C4A132;
}

.nav {
	font-size: 30px;
}

.nav .not_active {
	color: #CCCCCC;
	cursor: default;
}