
	* {
		margin : 0;
		padding : 0;
	}

	body {
		font-family: Verdana, Arial;
		background: #EEF1FB url(images/acht.gif) repeat-x scroll left top;
		text-align: center;
		color: #3D3E3E;
	}
	/* De bovenste topbalk met links */
	#topbar {
		
		width:100%;
		height:30px;
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}

	#topbar a {
		color : #476fe0;
		text-decoration : none;
	}

	#topbar a:visited {
		color : #476fe0;
		text-decoration: none;
	}

	#topbar a:hover {
		color : #cc3399;
		text-decoration : none;
	}

	#top {
		width: 950px;
		padding: 0px;
		margin: 0 auto;
		height: 196px;
		background-color: #F0F0FF;
		background : #fcfcfc url(/images/banner_info.jpg);
	}

	#container {
		width : 950px;
		margin : 10px auto;
		padding: 0px;
		text-align : left;
		background : #fcfcfc /* url(/images/container_img.gif) */;
		overflow : hidden;
	}

	#linkermenu, #rechtermenu {
		width : 180px;
		float : left;
		background : white;
		font-size : 8pt;
		margin : 5px 0px;
		padding : 0px;
	}

	#middencontent {
		width : 590px;
		float : left;
		background : #fff;
		margin: 5px 0px;
	}

#footer {
  clear: both;
	background:#F0F0FF none repeat scroll 0%;
	height: 25px;
	font-size: 10px;
	margin: 3px;
	color: #476FE0;
}

#footer p {
padding: 8px;
line-height: 12px;
width: 800px;
background:#F0F0FF none repeat scroll 0%;
	color: black;
}

#footer a {
color: #476FE0;
text-decoration: none;


}

	.menu {
		font-size : 8pt;
		background : white;
		line-height : 20px;
		margin: 0px;
	}

	.midden {
		margin : 12px 10px;
		font-size : 9pt;
		line-height : 16px;
		padding-left : 20px;

	}


	.menu a {
		color: #3D3E3E;
		text-decoration: none;
	}


	.menu a:hover {
		color: #3D3E3E;
		text-decoration: none;
	}


	.menu h2 {
		padding : 0 0 2px 15px;
		margin : 10px 0 3px 0;
		font-size : 8pt;
		font-weight : bold;
		background-color : #476fe0;
		color : #fff;
	}


	.menu ul {
		margin : 0;
		padding : 0;
	}


	.menu ul li {
		border-bottom : 1px dotted #ffffff;
		list-style-type : none;
	}


	.menu ul li a {
		padding: 2px 0 2px 17px;
		display: block;
		height: 20px;
		text-decoration: none;
		font-weight: normal;
		color: #353535;
		background: #F0F0FF;
	}


	.menu ul li a:hover {
		text-decoration: none;
		font-weight: normal;
		color: #ffffff;
		background: #C1C2FF;
	}





	.midden a {
		color : #476fe0;
		text-decoration : none;
		/* font-weight: bold; */
	}


	.midden a:hover {
		color : #FD842B;
		text-decoration : none;
	}


	.midden h1 {
		font-family : Verdana, Arial;
		font-weight : bold;
		font-size : 18px;
		color : #F0BA00;
		border-bottom : 1px solid #ece9d8;
		margin : 15px 20px 20px 0;
		
	}


	.midden h2 {
		font-family : Verdana, Arial;
		font-weight : bold;
		font-size : 14px;
		color : #194180;
		margin : 15px 0 10px 0;
	}
	.midden h3 {
		font-size : 10pt;
		font-weight : bold;
		margin : 5px 0 0 0;
	}
/*	.footercontent {
		margin : 5px;
		font-size : 8pt;
		line-height : 16px;
	}*/
	.autonavigatie {
		text-align : center;
		font-size : 10pt;
		font-weight : bold;
		width : 490px;
	}
  a img {
  border: 0px;
  }
	img.floatlinks {
		float : left;
		margin : 0px 15px;
		clear : left;
	}
	
	img.alignleft {
  
		float : left;
		margin : 0px 15px;
		clear : left;
	}
  
  
	img.floatrechts {
		float : right;
		margin : 0px 15px;
		clear : right;
	}
	img.index {
		float : left;
		margin : 5px 15px 5px 2px;
		clear : left;
		padding : 4px;
		border : 1px solid #d4d1e9;
	}
	
		img.pagina {
		border : 0;
		margin : 2px 15px 2px 0px;
		padding : 2px;
	  border: 1px #c0c0c0 solid;
	}
	
	p {
		line-height : 18px;
		margin : 5px 0px;
	}
	.menukleur2 {
		margin : 5px 0;
		padding : 5px;
		background : #F0F0FF;
	}
	.menukleur2 a {

		color : #476FE0;
		text-decoration: none;
		font-weight: bold;
	}
	.menukleur2 a:hover {
		color: #FD842B;
		text-decoration : none;
		font-weight : bold;
	}

	.lege_container {
		width : 510px;
		margin: 10px 0px 10px 0px;
		padding : 0;
	}
	.nieuws_container {
		width : 510px;
    margin: 10px 0px 10px 0px;
		padding : 0;
	}
	.nieuws_titel h2 {
		padding : 3px 20px;
		background : transparent url(images/bar.gif) no-repeat scroll 0 0;/*#F0F0FF; *//* #eaeaf2; */
		font-size : 8pt;
		font-weight : bold;
		width : 470px;
		margin : 0;
		color: #476fe0;
		border: 1px solid #D3E2F4;
		clear: both;
	}
	
		.nieuws_titel_rood h2 {
		padding : 3px 20px;
		background : transparent url(images/bar_rood.gif) no-repeat scroll 0 0;/*#F0F0FF; *//* #eaeaf2; */
		font-size : 8pt;
		font-weight : bold;
		width : 470px;
		margin : 0;
		color: #fa636e;
		border: 1px solid #ffe2f1;
		clear: both;
	}

	.nieuws_titel h2 a {

		color: #476fe0;
	}

	.nieuws_content {
		width : 500px;
		background : #fff;
		margin : 0;
		padding : 10px /*20px */;

	}
	
  .nieuws_content_junk {
  	width : 500px;
		background : #fff;
		margin : 0;
		padding : 10px;
		border-bottom: 1px dotted black;
  }

	.nieuws_content img {

	}
	.nieuws_onder {
		margin : 0 0 20px 0;
		background-color : #f5f5f5;
		width : 518px;
		padding : 0 5px;
	}
	.nieuws_content ul {
		margin : 10px 0;
		padding : 0;
	}
	.nieuws_content ul li {
		padding : 0 0 0 20px;
		list-style-type : none;
	}
	.nieuws_content ul li {
		margin : 0 5px 5px 5px;
		background : url("/images/checkmark.gif") no-repeat;
	}

	#comments {
		color: #476FE0;
		border-bottom: 1px solid #EAEAEA;
		background: transparent url(images/documents.gif) no-repeat 0% 50%;
		padding-left: 16px;
	}

	.commentlist em {
		font-family : "Courier New", sans-serif;
		font-size : small;
	}


	.commentlist li, .commentlist li.alt {
		margin : 25px 30px 15px 30px;
	}

	.commentlist li {
		border-bottom: 1px solid #EAEAEA;
		border-top: 1px solid #EAEAEA;
		background-color: #F0F0FF;
		padding-left: 5px;
	}

	.commentlist li.alt {
		border-bottom : none;
		border-top : none;
		background-color : #FFF;
	}

	#plaatsreactie {

		color: #476FE0;
		border-bottom: 1px solid #EAEAEA;
		margin-top: 30px;

	}


	img.index {

		float: left;
		clear: left;
		border : 1px solid #aec7e0;

	}
/* AVATAR RECHTERMENU */
	.avatar_lijst	{
		border: 1px #c0c0c0 solid;
		width: 20px;
		height: 20px;
		margin: 0px 5px;
	/*	padding: 1px; */
	}

/* MEER CHILDREN BIJ PAGINAS */

.meer_children {
margin: 2px 0px; 
padding: 0px 0px 10px 0px;
}

.meer_children li {
	padding: 0px 0px 0px 20px;
	list-style-type: none;
	margin: 0px 5px 5px 5px;
	background: url("/images/arrow_right.gif") no-repeat;
}

input {
margin: 2px 5px;
padding: 0px;
}

.stopstatus_formulier h3{
color:#476FE0;
font-weight: normal;
padding: 10px 0px 0px 0px;

}

#geld_bespaard {
background: url("/images/geld_achtergrond2.gif") no-repeat;
padding: 10px;
color: grey;
}

/* ul bespaard */
.ul_bespaard li {
padding: 0 0 0 22px;
list-style-type: none;
}
.status {
background: transparent url(/images/tick.png) no-repeat scroll 0 1px;
padding: 3px 10px 3px 20px;
}

.geld_bespaard {
background: transparent url(/images/money.png) no-repeat scroll 0 1px;
padding: 3px 10px 3px 20px;
}

.aantal_sigaretten {
background: transparent url(/images/lightning.png) no-repeat scroll 0 1px;
padding: 3px 10px 3px 20px;
}

.tijd_bespaard {
background: transparent url(/images/time.png) no-repeat scroll 0 1px;
padding: 3px 10px 3px 20px;
}

#fouten li {
background: transparent url(images/bullet_go.png) no-repeat scroll 0 0;
}

#stoprokenreden {
	
	width : 500px;
		background : #fff;
		margin : 0;
		padding : 10px /*20px */;
}

#stoprokenreden ul {
	margin: 10px 0px; padding: 0px;
}


#stoprokenreden ul li {
	padding: 0px 0px 0px 25px;
	list-style-type: none;
	margin: 0px 5px 10px 5px;
}

.gestopt_status {
  background: transparent url(images/tick.png) no-repeat scroll 0 2px;
}

.dagen_status {
  background: transparent url(images/calendar_view_day.png) no-repeat scroll 0 1px;
}

.tijd_status {
  background: transparent url(images/time.png) no-repeat scroll 0 0px;
}

.aantal_sigaretten_status {
  background: transparent url(images/lightning.png) no-repeat scroll 0 1px;
}

.dagelijks_status {
  background: transparent url(images/money.png) no-repeat scroll 0 0;
}

.rook_status {
  background: transparent url(images/stop.png) no-repeat scroll 0 0px;
}

.gmeter_afbeelding {
float: left;
margin: 0;
padding: 0;
width: 35px;
}

.gmeter_tekst {
float: left;
margin: 0px;
padding: 0px;
}

/* blockquotes in de motivatie quotes */

#motivatie blockquote p {
padding: 0px 10px;
margin: 0px 10px;
}

#motivatie blockquote:before, #motivatie blockquote:after {
display:block;
cursor:default;
line-height:1em;
font-weight:bold;
font-size:1.6em;
color:#000;
font-family:Georgia, serif;
}

#motivatie blockquote:before {
content:open-quote;
}
#motivatie blockquote:after {
text-align:right;
content:close-quote;
}
#motivatie blockquote {
margin:20px;
padding:10px;
border:1px solid #eee;
line-height:1.4em;
color:#918e95;
-moz-border-radius:5px; -webkit-border-radius:5px;/*css3 rounded corners*/
}

/* Quotes lijst */

.motivatie_container {
width: 470px;
padding: 10px;
margin: 10px 0px;
overflow: auto;
border:1px solid #eee;
-moz-border-radius:5px; -webkit-border-radius:5px;/*css3 rounded corners*/ 
color:#505050;
/* -moz-border-radius:5px; -webkit-border-radius:5px; */
}


.motivatie_quote {
float: left;
width: 360px;
padding: 5px 20px 5px 0px;
}

.motivatie_thumbs {
width: 80px;
float: left;

}


.motivatie_thumbs img {
padding: 10px 8px 0px 8px;

}

.motivatie_rood, .motivatie_groen, .motivatie_stem_gestemd{
font-size:9px; 
padding:0px 5px;
}

.motivatie_rood {
color:#FF0000; /* rood */
}
.motivatie_groen {
color:#006600; /* groen */
}

.motivatie_stem_gestemd{
color: #A0A0A0;
}






