/***********************************
* Main styles                      *
***********************************/
html {
	height:					100%;

	margin:					0;
	padding:				0;

	background-color:		#BA015F;

	font-size:				0.9em;
}

html * {
	font-family:			Verdana,Arial,Helvetica,Sans-Serif;
}

body {
	height:					100%;

	margin:					0;
	padding:				0;
}

img {
	border:					0;
}

#container {
	width:					900px;
	height:					100%;

	margin:					0 auto;
	padding:				0;
}
#page {
	float:					left;

	width:					900px;
	height:					100%;
}

#bannercontainer {
	float:					left;
/*
	margin-top:				10px;
	margin-right:			30px;
	background-color:		white;
	background-color:		black;
*/
}
	#banners {
/*
		background-color:		white;
		border:					1px solid black;
*/
	}
		#banners img {
			margin-bottom:		30px;
			display:			block;
			clear:				both;
		}

.clear {
	clear:					both;
	font-size:				0em;
	height:					0;
}

/***********************************
* Interlinie                       *
***********************************/
h1,h4,h5 {
	margin-bottom:			0px;
	padding-bottom:			0px;
}

div,p {
	margin-top:				0px;
	padding-top:			0px;
}

.gids_locatie_item div, .gids_locatie_item p {
	margin-top:				0px;
	padding-top:			0px;

	margin-bottom:			0px;
	padding-bottom:			0px;
}

.gids_agenda ul {
	padding-left:			15px;
	_padding-left:			0px;
	_margin-left:			20px;
}

th {
	text-align:				left;
}
/***********************************
* Logo's                           *
***********************************/
#logo {
	position:				relative;
	display:				inline;

	margin-top:				20px;

/*	width:					450px; */
}

#logo2 {
	position:				absolute;
	display:				inline;

	margin-top:				60px;
	margin-left:			270px;
}

/***********************************
* Content                          *
***********************************/
#main {
	background-color:		white;

	height:					100%;

	margin:					0;
	padding:				0;

	padding-top:			10px;
	margin-top:				-20px;
}

#menu {
	position:				relative;
	padding-left:			20px;
}

	#menu * {
		font-variant:			small-caps;
		vertical-align:			bottom;
	}

#content_cont {
	margin-top:					10px;
	min-height:					100%;
}

	#agenda {
		float:					left;
	
		width:					30%;
	
		margin:					0px;
		padding:				5px;
		padding-left:			20px; /* 25? */
	}
		.email {
			margin:				10px 0;
			display:			block;
			text-align:			center;
		}

	#content {
		float:					left;
	
		width:					63%;
	
		margin:					0px;
		padding:				5px;
		margin-left:			12px;
	}

/***********************************
* Speciale Homepage opmaak         *
***********************************/
	#content_home {
		position:				relative;
		float:					left;

		width:					38%;

		margin:					0px;
		margin-left:			12px;

		margin:					0px 45px;

		padding:				5px;
		padding-top:			0px;

		background-color:		white;
	}

	#content_home  p {
		font-family:			Arial;
		font-size:				0.9em;
	}

	#content_home h2 {
		margin:					0;
		margin-bottom:			3px;
	}

	#content_home h3 {
		font-family:			Arial;
		font-size:				1.0em; /* 1.1 is ook leuk*/

		width:					100%;
		padding:				1px 0px;
		margin-top:				1px;
		margin-bottom:			1px;

		background-color:		#BBB;
	}

	#content_home h3 a , #content_home .agenda_date a{
		text-decoration:		none;
		color:					#BA015F;
	}

	#content_home img {
		max-width:				345px;
	}

/***********************************
* Menu opmaak                      *
***********************************/
.block {
	float:					left;
	display:				block;
	border:					1px solid black;

	padding:				3px;
	margin:					5px 2px;

	width:					134px;

	text-decoration:		none;
	font-size:				0.9em;
	font-weight:			bold;
}

#menu a {
	color:					black;
}

.first,
#menu .menu_item_0,
#menu .menu_item_6 {
	width:					120px;
	height:					17px;

	margin-right:			0px;

	text-align:				right;
}

.small_block {
	float:					left;

	display:				inline;

	width:					17px;
	height:					17px;

	margin-right:			3px;
}

.small_blockr {

	float:					right;

	display:				inline;

	width:					17px;
	height:					17px;

	margin-left:			3px;
}

.selected {
	color:					red;
}

.menu_text {
	margin-top:				2px;
}

/***********************************
* Agenda                           *
***********************************/
#content .agenda_item {
	margin-bottom:			15px;
}

#content img {
	max-width:				560px;
}

.mini_block {
	float:					left;

	display:				inline;

	width:					11px;
	height:					11px;

	font-size:				0em;

	margin:					3px;
}

.agenda_date {
	font-weight:			bold;
}

.agenda_top {
	clear:					both;
	padding-bottom:			2px;
	border-bottom:			1px solid black;
}

.agenda_content {
	margin-top:				2px;
	margin-left:			21px;
}

.apppager {
	text-align:				center;
}


/***********************************
* Module: loket                    *
***********************************/
.mod_loket_leusden {
}

.mod_loket_detail {
}

/***********************************
* Kleuren                          *
***********************************/
.clr_normal, .clr_organisaties, .clr_agenda, .clr_overdesite, .clr_zoek {
/*	color:					#fcc300; */
	color:					#FFFB00;
}
.clr_sport {
/*	color:					#32f2ff; */
	color:					#35AACD;
}
.clr_recreatie {
/*	color:					#2500fe; */
	color:					#34007C;
}
.clr_politiek {
/*	color:					#006cfa; */
	color:					#0B4499;
}
.clr_cultuur {
/*	color:					#ff4001; */
	color:					#FF4100;
}
.clr_religie {
/*	color:					#bf00bf; */
	color:					#BA015F;
}
.clr_zorgwelzijn {
/*	color:					#fd5eff; */
	color:					#F360AE;
}
.clr_onderwijs {
/*	color:					#49ffaa; */
	color:					#4BB69D;
}
.clr_natuur {
/*	color:					#80ff00; */
	color:					#7FC31C;
}

.bg_black {
	background-color:					black;
}
.bg_normal, .bg_organisaties, .bg_agenda, .bg_overdesite, .bg_zoek {
	background-color:					#FFBF00;
}
.bg_sport {
	background-color:					#35AACD;
}
.bg_recreatie {
	background-color:					#34007C;
}
	.bg_recreatie * {	color:			white !important; }

.bg_politiek {
	background-color:					#0B4499;
}
	.bg_politiek * {	color:			white !important; }

.bg_cultuur {
	background-color:					#FF4100;
}
.bg_religie {
	background-color:					#BA015F;
}
	.bg_religie * {		color:			white !important; }

.bg_zorgwelzijn {
	background-color:					#F360AE;
}
.bg_scholen {
	background-color:					#4BB69D;
}
.bg_natuurmilieu {
	background-color:					#7FC31C;
}

.img_normal, .img_organisaties, .img_overdesite, .img_zoek {
	background:				white url(../images/content_bg_normal.jpg) repeat-y scroll top left;
}
.img_agenda {
	background:				white url(../images/content_bg_agenda.jpg) repeat-y scroll top left;
}
.img_sport {
	background:				white url(../images/content_bg_sport.jpg) repeat-y scroll top left;
}
.img_recreatie {
	background:				white url(../images/content_bg_recreatie.jpg) repeat-y scroll top left;
}
.img_politiek {
	background:				white url(../images/content_bg_politiek.jpg) repeat-y scroll top left;
}
.img_cultuur {
	background:				white url(../images/content_bg_cultuur.jpg) repeat-y scroll top left;
}
.img_religie {
	background:				white url(../images/content_bg_religie.jpg) repeat-y scroll top left;
}
.img_zorgwelzijn {
	background:				white url(../images/content_bg_zorgwelzijn.jpg) repeat-y scroll top left;
}
.img_scholen {
	background:				white url(../images/content_bg_scholen.jpg) repeat-y scroll top left;
}
.img_natuurmilieu {
	background:				white url(../images/content_bg_natuur.jpg) repeat-y scroll top left;
}