body{
	padding: 0px;
	margin: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/bg_home-2000px.gif) left repeat-y #dde6f2;
}
body#vervolg{
	background:url(../images/bg_vervolg.gif) left repeat-y #dde6f2;
}
html, body, #contain{
	min-height:100%;
	height:100%;
	width:100%;
}
html>body, html>body #contain{
	height:auto;
}
#contain{
	position:absolute;
	background:url(../images/bg_vervolg_rechts.gif) 86% 0 repeat-y;
}
object{
	display:block;
}
img{
	display:block;
}
textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
p, .co2_news_article_date, .co2_news_article_intro, .co2_news_full_article_intro, .co2_news_full_article_body, .co2_news_back_button{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color:#001522;
	line-height: 160%;
	padding: 0px;
	margin: 0px;
}

.co2_news_full_article_intro {
	font-weight: bold;
}

.co2_news_article_title {
	margin-top: 20px;
}

p a, a.co2_news_article_link, a.co2_news_article_link:active, a.co2_news_article_link:visited, .co2_news_article_link, #remque, .co2_newsletter_message {
	color:#006aab;
	border: 0px;
	text-decoration:none;
}

.co2_newsletter_message {
	border: 1px solid #006aab;
}

a.co2_news_article_link, a.co2_news_article_link:active, a.co2_news_article_link:visited, .co2_news_article_link, #remque{
	font-size: 70%;
}

a.geenlijn{
	color:#006aab;
	border-bottom: 0px;
	text-decoration:none;
}
a:hover, a.co2_news_article_link:hover{
	color:#006aab;
	border-bottom: 0px;
	/*border-bottom: 1px solid #8f005c;*/
	text-decoration:none;
}

h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight:400;
	color:#8f005c;
}
h2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight:bold;
	color:#006aab;
	margin: 0 0 5px 0;
	padding: 0;
}

h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight:bold;
	color:#8f005c;
	margin: 0 0 5px 0;
	padding: 0px;
}
.intro{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color:#41535f;
	line-height: 160%;
	font-style:italic;
}

/*navigatie*/
#menu{
	position:relative;
	height:25px;
	background:#006aab;
	z-index:2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
ul#nav {
	margin:0;
	padding:5px 0 0 285px;
	font-size:70%;
	line-height:100%;
}
#vervolg ul#nav {
	padding:5px 0 0 260px;
}
ul#nav li {
	position:relative;
	float:left;
	padding:0 0 30px 0;	
	margin:0;
	list-style-type:none; 
}
ul#nav li a {
	/*width:100%;/* Make list items do what they're supposed to in IE6 */
	padding:0 37px 0 21px;
	margin:0;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
}
ul#nav li a:hover{
	background:none;
}
ul#nav li ul {
	position:absolute;
	display:none;
	top:20px; 
	left:11px; 
	width:15em; /* the width of submenu items, used again bellow (1)  */
	padding:0;
	margin:0;
	font-size:85%;
	background:#FFFFFF;
	border:1px solid #dce6f2;
}
ul#nav li ul li{ 
	clear:left; /* It inherits float:left. No float:none, because that creates a whitespace beneath the last item in IE6 */
	display:block;
	width:100%; /* Make list items do what they're supposed to in IE6 */
	padding:0;
	background:#6da1c7;
	border-bottom:1px solid #dce6f2;
}
ul#nav li ul li a {
	display:block;
	margin:0;
	padding:7px 0 7px 20px;
	color:#FFFFFF;
	text-decoration:none;
	background:url(../images/bullet.gif) 8px 11px no-repeat #6da1c7;
}
ul#nav li ul li a:hover{
	background:url(../images/bullet.gif) 8px 11px no-repeat #9bc1dc;
}
ul#nav li ul li ul{
	top:-1px; /* the height of the top border */
	left:15em; /* (1) the width of submenu items */
	font-size:100%; /* font reset for submenu's after the first*/
}
/*switch submenu's for full css supporting browsers*/
ul#nav li:hover ul{display:block;}
ul#nav li:hover ul li ul{display:none;}
ul#nav li ul li:hover ul{display:block;}
ul#nav li ul li:hover ul li ul{display:none;}
ul#nav li ul li ul li:hover ul{display:block;}
ul#nav li ul li ul li:hover ul li ul{display:none;}
ul#nav li ul li ul li ul li:hover ul{display:block;}
ul#nav li ul li ul li ul li:hover ul li ul{display:none;}
ul#nav li ul li ul li ul li ul li:hover ul{display:block;}
ul#nav li ul li ul li ul li ul li:hover ul li ul{display:none;}
/*add styles if needed*/

	
/*menu links*/
#submenu{
	position:absolute;
	top: 295px;
	left: 12px;
	/*width: 181px;*/
	/*height: 380px;
	/*width:7em;/* the width of mainmenu items, used again bellow (2)  */
	width: 198px;
	z-index:1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#FFFFFF;
	margin-bottom: 100px;
}
#submenu ul{
	margin:0;
	/*width:7em; */
	padding: 0px;
	width: 198px;
	font-size:70%;
	line-height:100%;
	display:block;
}
#submenu ul li {
	position:relative;
	width:100%; /* Make list items do what they're supposed to in IE6 */
	margin:0;
	list-style-type:none; 
	border-bottom: 1px solid #dde6f2;
}
#submenu ul li a {
	padding:5px 7px 5px 21px;
	margin:0;
	display:block;
	color:#a52878;
	text-decoration:none;
	background:url(../images/icon_subnav.gif) 11px 8px no-repeat;

}
#submenu ul li a:hover{
	background:url(../images/icon_subnav.gif) 11px 8px no-repeat #ebf0f7;
}

/*pagina elementen*/
#flash{
	padding: 0px;
	margin: 0px;
}

#tekstvlak{
	position:relative;
	margin: 50px 0 0 306px;
	padding: 0px;
	width: 35%;
}
#vervolg #tekstvlak{
	margin: 50px 0 0 280px;
	width: 38%;
}

#tekstvlak ul{
	list-style-type:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#001522;
	font-size: 11px;
	line-height: 160%;
	padding: 0px;
	margin: 0px;
}

#tekstvlak li{
	background:url(../images/bullet_news.gif) top left no-repeat;
	padding-left: 12px;
}
#tekstvlak li a{
	color:#006aab;
	text-decoration:none;
}
#tekstvlak li a:hover{
	color:#006aab;
	text-decoration:underline;
}

#adresgegevens{
	position:absolute;
	top: 315px;
	left: 12px;
	width: 199px;
	height: 335px;
	clear:both;
}
#vervolg #adresgegevens{
	position:absolute;
	top:auto;
	bottom: 0px;
	left: 12px;
	width: 198px;
	height: 370px;
	background-color: #751854;
	max-height: 700px;
}

#adresgegevens p{
	color:#dde6f2;
	font-weight: bold;
	font-size: 60%;
	padding-left: 35px;
}

#adresgegevens p a{
	color:#dde6f2;
	text-decoration:none;
	padding-left: 10px; 
	background:url(../images/icon_adres.gif) no-repeat;
	border: 0px;
}
#adresgegevens p a:hover{
	color:#dde6f2;
	text-decoration:underline;
}
#fotorechts{
	position:absolute;
	top: 400px;
	left: 80%;
	margin: 0 0 45px 0;
}

#footer{
	position: relative;
	margin-left: 306px;
	padding-bottom: 10px;
}
#vervolg #footer{
	margin-left: 280px;
}
#footer p{
	color:#6da1c7;
	font-size: 9px;
	margin-top: 10px;
}
#footer p a{
	color:#6da1c7;
	text-decoration:none;
	border: 0px;
}
#footer a:hover{
	color:#6da1c7;
	text-decoration:underline;
}

.kvk{
	color:#6da1c7;
	font-size: 9px;
}
.floatleft{
	float: left;
	margin: 10px 15px 0 0;
	border: 1px solid #006AAB;
}


/*Formulier*/
form input, form textarea, form select, button {
	background:#FFFFFF;
	border:#751854 1px solid;
}
form td {
	line-height: 180%;
}
.noborder {
	background:transparent;
	border: 0px;
}
.noborder_afspraak {
	background:transparent;
	border: 0px;
}

.knop_verzenden{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	padding: 2px;
	background-color:#751854;
	color:#FFFFFF;
	border: 0px;
}
table{
	background:#85b4d6;
}

.borderbottom{
	border-bottom: 1px solid #dde6f2;
	padding-bottom: 7px;
}


#login{
	position:absolute;
	top: 317px;
	right: 40px;
	width: 140px;
	background-color:#751854;
	padding: 10px;
	text-align:center;
	
}
#login p{
	color:#FFFFFF;
}
.loginverzenden{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	padding: 2px;
	background-color:#8f005c;
	color:#dde6f2;
	border: 1px solid #dde6f2;
}
#date p{
	position:absolute;
	top: 230px;
	left: 25px;
	width: 140px;
	margin-left: 20px;
	z-index: 2;
	color:#c1aab9;
}
#remfld, #remque{
	margin-top: 10px;
}

#submit_error {
	width: 435px;
	text-align: center;
	margin: 0;
	padding: 5px;
	background-color: red;
	border: solid 2px white;
}

.error_text {
	color: white;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
}