﻿body {
	margin: 0;
	background-color: #434343;
	background-image: url('../images/layout/back.gif');
	background-repeat: repeat-y;
	font-family: tahoma,arial,helvetica;
	font-size: 12px;
	color: #fff;
	overflow:visible;
}
/* for ie mac*/
/* commented backslash hack v2 \*/
html, body {
	height: 100%;
	padding: 0;
}
* html, * html body {
	width:100%;
	padding: 50px 0;
	margin: -50px 0;
	padding: 0;
	margin: 0;
}
* html #outer {
	overflow: auto;
	height: 99.9%;
}
* html #contain-all {
	position: absolute;
	overflow-y: scroll;
	width: 100%;
	height: 100%;
	z-index: 1;
}
/* end hack */
#footer-inner {
	background-image: url('../images/layout/footer.gif');
	background-repeat: repeat-x;
	background-color: #434343;
	height: 100px;
}
/* mac hide - reduce page to allow the scrollbar to remain visible \*/
* html #topbar-inner, * html #footer-inner {
	margin-right: 17px;
}
/* end hide*/
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100px;
	z-index: 999;
}
.spacer {
	height: 100px;
}
/* same height as footer/header to preserve space*/
p {
	margin-top: 0;
}
html > body #footer {
	position: fixed;
}
/* for moz/opera and others*/
div#footer_left {
	background-image: url('../images/layout/footer_vrijwilligers.gif');
	background-repeat: no-repeat;
	position: absolute;
	width: 200px;
	height: 100px;
}
div#footer_right {
	background-image: url('../images/layout/footer_lid.gif');
	background-repeat: no-repeat;
	position: absolute;
	left: 900px;
	width: 220px;
	height: 100px;
}
div#banner {
	position: absolute;
	left: 270px;
	width: 560px;
	height: 80px;
	bottom: 9px;
}
.footer_left {
	font-family: tahoma,arial,helvetica;
	font-size: 11px;
	text-align:justify;
	color: #fff;
	line-height: 16px;
	margin: 30px 20px 0px 20px;
}
.footer_right {
	font-family: tahoma,arial,helvetica;
	font-size: 11px;
	text-align:justify;
	color: #fff;
	line-height: 16px;
	margin: 30px 5px 0px 20px;
}
div#header{
	position:absolute;
	left:200px;
	top:0px;
	width:700px;
	height:150px;
}

div#content{
	position:absolute;
	left:220px;
	top:170px;
}


div#sidebar{
	position:absolute;
	width: 200px;
	left:900px;
	top:150px;
}

table, td, tr{
	vertical-align:top;
}

td.counter{
	background-image:url('../images/layout/logo_tekst.gif');
	background-repeat:no-repeat;
	width:200px;
	height:150px;
}

div#counter{
	position:absolute;
	left:20px;
	width:155px;
	top:90px;
	height:30px;
}

input.count{
	font-family: tahoma; 
	width:155px; 
	text-align: center; 
	padding:3px 0px 3px 5px;
	font-size:11px; 
	background-color:#454545; 
	color: #ccc; 
	border: 1px #666 solid;
}

td.menu{
	background-image:url('../images/layout/back_menu.gif');
	background-repeat:no-repeat;
	width:200px;
	height:380px;
}

td.header{
	width: 530px;
	height: 150px;
}

td.logo{
	width: 170px;
	height: 150px;
}
.titel{
	font-family:georgia,arial;
	font-size:16px;
	color:#800000;
}

.content{
	font-family:tahoma,arial,helvetica;
	font-size:12px;
	color:#000;
	line-height:16px;
	word-spacing:1px;
	text-align:justify;
}
td.stelling{
	padding: 10px 0px 0px 20px;
}

.stelling_vraag{
	font-family:Tahoma;
	font-size: 11px;
	color:#72ce7b;
	font-weight:bold;
}
.stelling_gestemd{
	font-family:Tahoma;
	font-size: 11px;
	color:#c26161;
	font-weight:bold;
}

.stelling_stem{
	font-family:Tahoma;
	font-size: 11px;
	color:#aaa;
}

td.sidebar_tekst{
	font-size: 11px;
	line-height: 14px;
	padding: 10px 10px 20px 20px;
}

.geel_bold{
	font-weight:bold;
	color:#ffd710;
	line-height:18px;
}
textarea {
	font-family:tahoma;
	font-size:12px;
	color:#000;
}