/****************************************************************************/
/********************* CASCADING STYLE SHEET ELLA DE NEVE *******************/
/****************************************************************************/
html,
body {
	background:url(images/bg.jpg) #001f31 no-repeat;
	font-family:"Arial";
	line-height:23px;
	font-size:12px;
	height:100%;
	color:#fff;
	padding:0;
	margin:0;
}

#container {
	background:url(images/body.png) 0 255px no-repeat;
	position:relative;
	min-height:100%;
	width:100%;
}

/****************************************************************************/
/********************************** HEADER **********************************/
/****************************************************************************/

#header {
	background:url(images/header.png) no-repeat;
	padding:46px 0 0 53px;
	position:relative;
	height:209px;
	width:947px;
}

/****************************************************************************/
/*********************************** LOGO ***********************************/
/****************************************************************************/

#header h1.logo,
#header h2.merchtem {
	text-indent:-6000px;
	padding:0;
	margin:0;
}

#header h1.logo {
	background:url(images/logo.png) no-repeat;
	height:61px;
	width:272px;
}

#header h2.merchtem {
	background:url(images/merchtem.png) no-repeat;
	position:absolute;
	height:82px;
	width:83px;
	right:96px;
	top:29px;
}

#header h1.logo a {
	display:block;
	height:61px;
	width:272px;	
}

#header h2.merchtem a {
	display:block;
	height:82px;
	width:83px;
}

/****************************************************************************/
/************************************ BODY **********************************/
/****************************************************************************/

#body {
	padding:0 0 85px 220px;
	position:relative;
	width:780px;
}

#body h3.ballon {
	text-indent:-6000px;
	position:absolute;
	height:84px;
	width:164px;
	z-index:999;
	right:53px;
	padding:0;
	top:-70px;
	margin:0;
}

#body h3.ballon.welkom {
	background:url(images/ballon-welkom.png);
}

#body h3.ballon.ellaella {
	background:url(images/ballon-ellaella.png);
}

#body h3.ballon.loopbaan {
	background:url(images/ballon-visie.png);
}

#body h3.ballon.maarooknog {
	background:url(images/ballon-maarooknog.png);
}

#body h3.ballon.agenda {
	background:url(images/ballon-agenda.png);
}

#body h3.ballon.inpetto {
	background:url(images/ballon-inpetto.png);
}

#body h3.ballon.fotos {
	background:url(images/ballon-fotos.png);
}

#body h3.ballon.links {
	background:url(images/ballon-links.png);
}

#body h3.ballon.stemmen {
	background:url(images/ballon-spontane.png);
}

#body h3.ballon.contact {
	background:url(images/ballon-contact.png);
}

#body h3.ballon.nieuws {
	background:url(images/ballon-nieuws.png);
}

/****************************************************************************/
/********************************** SIDEBAR *********************************/
/****************************************************************************/

#body .sidebar {
	background:url(images/sidebar.png) no-repeat;
	position:absolute;
	height:380px;
	width:215px;
	top:-116px;
	left:0;
}

/****************************************************************************/
/************************************ MENU **********************************/
/****************************************************************************/

#body .sidebar ul.menu {
	list-style-type:none;
	padding:23px 0 0 23px;
	margin:0;
}

#body .sidebar ul.menu li {
	text-indent:-6000px;
}

#body .sidebar ul.menu li a {
	display:block;
	height:28px;
	width:135px;
}

#body .sidebar ul.menu li.home a {
	background:url(images/menu_home.png) no-repeat;
}

#body .sidebar ul.menu li.ella_ella a {
	background:url(images/menu_ella_ella.png) no-repeat;
}

#body .sidebar ul.menu li.politieke_loopbaan a {
	background:url(images/menu_visie.jpg) no-repeat;
}

#body .sidebar ul.menu li.maar_ook_nog a {
	background:url(images/menu_nieuws.jpg) no-repeat;
}

#body .sidebar ul.menu li.agenda a {
	background:url(images/menu_agenda.png) no-repeat;
}

#body .sidebar ul.menu li.in_petto a {
	background:url(images/menu-spontanereacties.jpg) no-repeat;
}

#body .sidebar ul.menu li.fotos a {
	background:url(images/menu_fotos.png) no-repeat;
}

#body .sidebar ul.menu li.links a {
	background:url(images/menu_links.png) no-repeat;
}

#body .sidebar ul.menu li.contact a {
	background:url(images/menu_contact.png) no-repeat;
}

#body .sidebar ul.menu li a:hover,
#body .sidebar ul.menu li.current a {
	background-position:bottom;
}

/****************************************************************************/
/********************************** OPEN VLD ********************************/
/****************************************************************************/

#body .sidebar .open_vld {
	position:absolute;
	bottom:23px;
	left:20px;
}

#body .sidebar .open_vld a {
	background:url(images/open_vld.png);
	text-indent:-6000px;
	cursor:pointer;
	display:block;
	width:108px;
	height:47px;
}

/****************************************************************************/
/********************************* CONTENT **********************************/
/****************************************************************************/

#body .content {
	padding:0 30px 0 30px;
	margin:50px 0 0 0;
	background:#0071b1;
	position:relative;
	width:611px;
}

#body .content.homepage {
	margin-bottom:54px;
	height:190px;
}

#body .content .top {
	background:url(images/content_top.png) no-repeat;
	position:absolute;
	height:20px;
	width:671px;
	top:-15px;
	left:0;
}

#body .content .bottom {
	background:url(images/content_bottom.png) no-repeat;
	position:absolute;
	bottom:-20px;
	height:20px;
	width:671px;
	left:0;
}

#body .content h3 {
	text-transform:uppercase;
	font-size:12px;
	color:#0E293D;
	padding:0;
	margin:0;
}

#body .content b {
	color:#001524;
}

#body .content ul {
	list-style-type:none;
	margin:0 0 20px 30px;
	padding:0;
}

#body .content .datum {
	color:#FFCB04;
}

#body .content ul li {
	background:url(images/dot.png) no-repeat 0 11px;
	padding:0 0 0 10px;
}

/****************************************************************************/
/********************************** AGENDA **********************************/
/****************************************************************************/

#body .midden .agenda {
	background:url(images/zijlijn_agenda.png) no-repeat;
	padding:18px 0 0 10px;
	margin:12px 0 0 0;
	position:relative;
	height:185px;
	width:310px;
	float:left;
}

#body .midden h3.agenda {
	background:url(images/h3_agenda.png) no-repeat;
	text-indent:-6000px;
	margin:0 0 5px 0;
	height:25px;
	width:77px;
	padding:0;
}

#body .midden .agenda ul {
	list-style-type:none;
	height:200px;
	width:300px;
	clear:both;
	padding:0;
	margin:0;
}

#body .midden .agenda ul li {
	position:relative;
	color:#0099d4;
}

#body .midden .agenda ul li a {
	text-decoration:none;
	cursor:pointer;
	color:#0099d4;
}

#body .midden .agenda ul li b {
	position:absolute;
	width:30px;
	color:#fff;
	left:0;
	top:0;
}

#body .midden .agenda ul li span {
	margin:0 0 0 40px;
	display:block;
	width:245px;
}

#body .midden .agenda ul li.meer a {
	background:url(images/meer.png) no-repeat 0 5px;
	padding:0 0 0 20px;
	font-weight:bold;
	color:#fff;
}

#body .midden .agenda ul li.meer a:hover {
	color:#3ac8ff;
}

/****************************************************************************/
/****************************** LAATSTE NIEUWS ******************************/
/****************************************************************************/

#body .midden .laatste_nieuws {
	background:url(images/zijlijn_agenda.png) no-repeat;
	padding:30px 0 0 10px;
	height:185px;	
	width:340px;
	float:left;
}

#body .midden h3.laatste_nieuws {
	background:url(images/h3_laatste_nieuws.png) no-repeat;
	text-indent:-6000px;
	margin:0 0 5px 0;
	height:25px;
	width:156px;
	padding:0;
}

#body .midden .laatste_nieuws ul {
	list-style-type:none;
	width:315px;
	clear:both;
	padding:0;
	margin:0;
}

#body .midden .laatste_nieuws ul li {
	position:relative;
	background:#003152;
	line-height:18px;
	margin:0 0 5px 0;
	height:84px;
}

#body .midden .laatste_nieuws ul li a {
	padding:0 10px 0 10px;
	text-decoration:none;
	background:#003152;
	cursor:pointer;
	display:block;
	color:#0099d4;
	height:130px;
}

#body .midden .laatste_nieuws ul li a:hover {
	background:#013a60;
}

#body .midden .laatste_nieuws ul li b {
	border-bottom:#004162 solid 1px;
	padding:0 0 2px 0;
	display:block;
	width:230px;
	color:#fff;
}

#body .midden .laatste_nieuws ul li b a {
	color:#fff;
}

#body .midden .laatste_nieuws ul li span {
	padding-top:2px;
	display:block;
	width:230px;
}

#body .midden .laatste_nieuws ul li span b {
	color:#0099d4;
	display:inline;
	border:none;
	width:auto;
	padding:0;
}

#body .midden .laatste_nieuws ul li img {
	border:#14668e solid 1px;
	background:#00263f;
	position:absolute;
	padding:3px;
	right:5px;
	top:5px;
}

#body .midden .laatste_nieuws ul li.meer {
	line-height:normal;
	position:relative;
	background:none;
	height:15px;
	margin:0;
}

#body .midden .laatste_nieuws ul li.meer a {
	background:url(images/meer.png) no-repeat 0 10px;
	padding:5px 0 0 20px;
	position:absolute;
	font-weight:bold;
	height:10px;
	color:#fff;
	clear:both;
	left:3px;
	bottom:0;
}

#body .midden .laatste_nieuws ul li.meer a:hover {
	background:url(images/meer.png) no-repeat 0 10px;
	color:#3ac8ff;
}

/****************************************************************************/
/********************************** FOOTER **********************************/
/****************************************************************************/

#footer {
	background:url(images/footer.png) repeat-x;
	position:absolute;
	color:#005c9f;
	height:46px;
	width:100%;
	bottom:0;
}

#footer .inner {
	padding:12px 65px 12px 20px;
	width:915px;
}

/****************************************************************************/
/****************************** ADRESGEGEVENS *******************************/
/****************************************************************************/

#footer .adresgegevens {
	float:left;
}

#footer .adresgegevens b {
	color:#3ac8ff;
}

#footer .adresgegevens a {
	text-decoration:none;
	color:#005c9f;
}

/****************************************************************************/
/******************************** WEBREGION *********************************/
/****************************************************************************/

#footer .webregion {
	float:right;
}

#footer .webregion a {
	text-decoration:none;
	font-weight:bold;
	color:#3ac8ff;
}

#footer a:hover {
	color:#fff;
}

/****************************************************************************/
/********************************** OVERIG **********************************/
/****************************************************************************/

.clear {
	clear:both;
}

.formulier
{
 background-color: #8AB6D0;
 border-style: solid;
 border-width: 1px;
 border-color: #ffffff;
 font-family: verdana, arial, sans-serif;
 font-size: 12px;
 color: #000000;
 padding: 2px;
}

a.geel:link, a.geel:visited 
{
	text-decoration:underline;
	color: #FFCB04;
}

a.geel:hover
{
	text-decoration:none;
	color: #FFFFFF;
}

a.special:link, a.special:visited 
{
	text-decoration:underline;
	color: #FFFFFF;
}

a.special:hover
{
	text-decoration:none;
	color: #001524;
}