/* BEGIN STYLE */

.infoItem {
	height: 350px;
	font-size: 12px;
	background-color: #eee;
	vertical-align: top;
}

body {
	text-align: left;
	padding: 0;
	margin: 0;
	border: 0;
    font-family: Verdana, sans-serif;
    color: #fff;
	/* background-image: url('/images/behang.gif'); */
}
table {
	table-layout: fixed;
	border: 0;
}
table.main {
	width: 768px;
	vertical-align: top;
	height: 467px;
}
td.content {
	vertical-align: top;
	width: 699px;
	height: 467px;
	padding: 0;
	margin: 0;
	background-image: url(../images/content_spacer.png);
	border: 1px solid #fff;
	border-top: 0;
}

#contentContainer {
    width: 699px;
    height: 100%;
	background-color: #cddae8;
}

a:link, a:active, a:visited {
    color: #000;
	text-decoration: none;
	outline: none;
}

a:hover {
    color: #000;
	text-decoration: underline;
	outline: none;
}

a.textlink:link, a.textlink:active, a.textlink:visited {
    color:#0067B0;
    text-decoration: none;
}

a.textlink:hover {
    color:#0067B0;
    text-decoration: underline;
}

a.partyname:link, a.partyname:active, a.partyname:visited {
    color:#fff;
    text-decoration: none;
}

a.partyname:hover {
    color:#fff;
    text-decoration: underline;
}

a.candidatewebsite:link, a.candidatewebsite:active, a.candidatewebsite:visited {
    color:#000;
    text-decoration: none;
	font-weight: bold;
}

a.candidatewebsite:hover {
    color:#000;
    text-decoration: underline;
	font-weight: bold;
}

img {
	border:0;
}

form {
    margin:0;
    padding:0;
}

h3 {
    font-size:14px;
    line-height:16px;
    margin:10px 0 5px 0;
}

p {
    margin: 5px 0;
}

#tiplayer {
    visibility: hidden;
    position: absolute;
    z-index: 1000;
}

#bannerRow {
    height: 114px;
    padding: 9px;
/*	background-color: #dbe4ed;*/
}

#bannerRow a:link, #bannerRow a:active, #bannerRow a:visited {
    color: #000;
    font-size:12px;
    text-decoration:none;
}

#bannerRow a:hover {
    color: #000;
    font-size:12px;
    text-decoration:underline;
}

/* Begin style for questions content */
#contentDiv {
    vertical-align: top;
	padding: 20px;
    font-family: Georgia, serif; 
    font-size: 20px; 
    line-height: 120%; 
    color: #fff;
}

meldingDiv {
    height: 230px;
    padding-right: 39px;
}

#questionForm {
	position: relative;
	top: -34px;
	height: 350px;
	border: 0;
    padding: 0;
    margin:0;

}
table.questionsTop {
	/*width: 100%;*/
	height: 350px;
	margin-left: 22px;
	margin-right: 22px;
}
#questionDiv, #retroQuestion {
	height: 140px;
	font-family: Georgia, serif;
	font-size: 30px;
	line-height: 120%;	
	vertical-align: top;
	padding: 0;
	text-align: left;
}

#questionLinks {
	height: 38px;	
	font-size: 14px;
	color: #b80000;
	font-weight: bold;	
    margin-left: 20px;
	vertical-align: top;
	padding-top: 10px;
}

#skipLinkDiv {
    border-bottom:1px solid #fff;    
}

/* Question indicators */
a.currentQuestion:link, a.currentQuestion:active, a.currentQuestion:visited {	
	color: #fff;
}
a.currentQuestion:hover {    
	color: #0067B0;
}

a.answeredQuestion:link, a.answeredQuestion:active, a.answeredQuestion:visited {
	font-weight: normal;	
	color: #fff;
}
a.answeredQuestion:hover {
    font-weight: normal;
	color: #0067B0;
}
a.defaultQuestion:link, a.defaultQuestion:active, a.defaultQuestion:visited {
	font-weight: normal;	
	color: #7899c4;
}

a.defaultQuestion:hover
{
    font-weight: normal;	
	color: #0067B0;
}
/* End question identifiers*/

#questionType {
	
	font-weight: bold;
	font-size: 14px;	
	border-bottom: 1px solid #fff;
	width: 70px;
}

table.answerForm {
	width: 619px;
    padding:0;
    margin-left: 18px;
    font-family: Verdana, sans-serif;
	/*table-layout: fixed;*/	
}

a.answerButton {
	color: #000;
	font-size: 11px;
}

a.answerButton2 {
	color: #fff;
	font-size: 11px;
}

td.answerButton1 {				/* td 1 and 5 */
	width: 97px;
	height: 38px;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
	color: #000;
	font-size: 11px;
}
td.answerButton2 {				/* td 2 and 4 */
	width: 94px;
	height: 38px;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
	color: #000;
	font-size: 11px;
}
td.answerButton3 {				/* td 3 */
	width: 88px;
	height: 38px;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
	color: #000;
	font-size: 11px;
}
td.answerButton4 {				/* td 6 */
	width: 88px;
	height: 38px;
	background-color: #4D9AD8;
	text-align: center;
	cursor: pointer;
	color: #fff;
	font-size: 11px;
}
td.continueButton {	
	width: 94px;
	height: 38px;
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	text-align: center;
	cursor: pointer;
	color: #000;
    font-family: Verdana, sans-serif;
	font-size: 11px;
}
td.answerImage {
	width: 12px;
	height:38px;
}
td.answerImage2 {
	width: 6px;
	height: 38px;
}
img.answerImage {
	cursor: pointer;
}
span.leaderQuestion {
	font-family: Georgia, serif;
	font-size: 22px;	
}
span.leaderNameHeader {	
	font-size: 16px;
	font-weight: bold;	
}
span.leaderPartyHeader {	
	font-size: 16px;	
}

#partijLeiderImg {
    width: 62px;
    height: 62px; 
}

#partijLeiderNaam {
    vertical-align: middle;
    padding-left: 20px;
    text-align: left;
}

/* End style for questions content */

/* END STYLE */

/* OTHER*/

#continue {					/* Continuebuttons */
	font-family:Verdana, sans-serif;
    background-color: #fff;
	color: #000;
	cursor: pointer;
	display: block;
	width: 103px;
	height: 38px;
	text-align: center;
	vertical-align: middle;	
	font-size: 10px;
    margin:175px 0 0 515px;
}

#continueStart {					/* Continuebuttons */
	font-family:Verdana, sans-serif;
    background-color: #fff;
	color: #000;
	cursor: pointer;
	display: block;
	width: 103px;
	height: 38px;
	text-align: center;
	vertical-align: middle;	
	font-size: 10px;
}

td.flashApp {
	vertical-align: top;
	width:699px;
	height:467px;
}

td.bar_question {
	background-color: #fff;
	color: #004488;
	text-align: center;
	width: 19px;
	height: 19px;
	cursor: pointer;
}

td.bar_question_current {
	background-color: #b80000;
	text-align: center;
	color: #fff;
	width: 19px;
	height: 19px;
	cursor: pointer;
}

td.bar_question_hover {
	background-color: #0067B0;
	width: 19px;
	height: 19px;
	text-align: center;
	color: #fff;
	cursor: pointer;

}

td.numberform {
	cursor: pointer;
	text-align: center; 
	vertical-align: middle;
	width: 46px;
	height: 38px;
	background-color: #fff;
	color: #000;
}

td.numberform_hover {
	cursor: pointer;
	text-align: center; 
	vertical-align: middle;
	width: 46px;
	height: 38px;
	background-color: #004488;
	color: #fff;
}

td.numberform_selected {
	cursor: pointer;
	text-align: center; 
	vertical-align: middle;
	width: 46px;
	height: 38px;
	background-color: #fd9839;
	color: #fff;
}

div.loginForm {
	position: absolute;
	top: 330px;
	left: 150px;
	background-color: #004488;
	height: 0;
	width: 349px;
	color: white;
	z-index: 2;
	border: 1px solid white;
}

.leftMenuDiv
{
	height:467px;
	background-color:#cddae8;
}

/* BEGIN homepage styles */
td.homepageKieskompasLogo {
	vertical-align: top;
	width: 316px;
}
img.homepageKieskompasLogo {
	padding-left: 32px;
	padding-top: 25px;
	padding-bottom: 2px;
	width: 608px;
	height: 258px;
}

img.homepageKieskompasLogoNL {
	padding-left: 32px;
	padding-top: 15px;
	padding-bottom: 12px;
	width: 542px;
	height: 258px;
}


.trustLogoen
{
	position: absolute;
	left: 240px;
}

.trustLogonl
{
	position: absolute;
	left: 396px;
}


.trustLogose
{
	position: absolute;
	left: 240px;
}

.logo_td
{
	background-color: #e3ebf1;
	border-right: 1px solid #fff;
}



img.logo_small {
	width: 191px;
	height: 65px;
}
img.logo_large {
	width: 191px;
	height: 131px;
}
#languagediv {
	position: relative;
	top: -130px;
	left: 90px;
}

#saveddiv {
	position: relative;
	width: 250px;
	top: -80px;
	left: 90px;
}

.slogan {
	padding-top: 0px;
	padding-left: 32px;
	width: 508px;
	height: 49px;
}

.startbutton{
 	vertical-align: bottom;

	padding-left: 32px;
	padding-top: 0px;
	padding-bottom: 29px;
}

td.homepageStartButton {

}

img.homepageStartButton {
	cursor: pointer;
	vertical-align: top;
	/*width: 156px; 
	height: 116px;
	padding-top: 0px;
	padding-bottom: 29px;*/
}

#postcodefield {
	position: absolute;
	top: 355px;
	left: 380px;
	width: 150px;
	height: 30px;
	padding: 2px;
	background-image: url(/images/postcodefield.gif);
	background-repeat: no-repeat;
}

#stellingenTop {
	width: 699px; 
	padding: 0px; 
	margin: 0px; 
	background-color: #cddae8;
	font-family: verdana, sans-serif; 
	font-size: 18px;
	color: #003366;
}

.stellingTdText {
	margin: 0px; 
	padding: 15px; 
	vertical-align: top;
}

#stellingenDiv {
	position: relative;
	top: -20px;
	left: -20px;
	padding: 0px;
	background-color: #cddae8;
	height: 116px;
	width: 699px;
	border-bottom: 1px solid white;
	margin: 0px;
	vertical-align: top;
}

#stellingenDivWaterschap {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	width: 233px;
	background-color: #cddae8;
	border-right: 1px solid #fff;
}

#stellingenTable {
	padding: 0px; 
	margin-left: -22px; 
	margin-top: -7px; 
	height:354px;
}

#waterschappenButtons {
	position: relative;
	top: -2px;
	left: -2px;
	padding: 0px;
	margin: 0px;
}

#waterschapMenu {
	width: 703px; 
	padding: 0px; 
	margin: 0px; 
	font-family: verdana, sans-serif; 
	font-size: 14px;
}

.menuItems {
	width: 20%; 
	height: 116px;
	margin: 0px;
	padding-left: 14px;
	padding-top: 9px;
	vertical-align: top;
	cursor: pointer;
	border-right:1px solid #ffffff;
}

#een {
	position: relative;
	left: -2px;
}



#waterschapTable {
	padding: 0px; 
	margin-left: -2px; 
	margin-top: -7px; 
	height:355px;
}

#waterschapContentBottom {
	position: absolute;
	top: 0px;
	left: 234px;
	background-color: #DAE9F4;
	width:431px;
	height: 433px;
	padding: 17px; 
	margin: 0px; 
	vertical-align: top; 
	color: #003366; 
	font-family: verdana, sans-serif; 
	font-size: 12px;
	line-height: 17px;
}

#waterschapContentText {
	background-color:#cddae8; 
	width:669px; 
	color: #0067B0; 
	font-family: verdana, sans-serif; 
	font-size: 18px; 
	vertical-align: top; 
	padding: 15px; 
	margin: 0px;
	border-top:1px solid #ffffff;
}

.waterschapHeader {
	font-weight: bold;
	font-size: 13px;
}

#waterschapLeft {
	background-color: #cddae8;
	width: 231px;
	border-right: 1px solid white;
	height: 463px;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
}

#waterschapRight {
	position: relative;
	left: -2px;
	background-color: #DAE9F4;
	width: 467px;
	padding: 17px; 
	margin: 0px; 
	vertical-align: top; 
	color: #003366; 
	font-family: verdana, sans-serif; 
	font-size: 12px;
}

a.waterschapLink:link, a.waterschapLink:active, a.waterschapLink:visited {	
	color: #3687C1;
}
a.waterschapLink:hover {    
	color: #FC7215;
	text-decoration: none;
}

.lionImage{
	margin-left: 45px;
	margin-top: 30px;
}

.lionImageWaterschap{
	margin-left: 28px;
	margin-top: 30px;
}
/* END homepage styles */

a.disclaimerHref, a.colofonHref, a.faqHref {
	color: #000;
	text-decoration: none;
}
a.disclaimerHref:hover, a.colofonHref:hover, a.faqHref:hover {
	color: #000;
	text-decoration: none;
}
a.disclaimerHref:visited, a.colofonHref:visited, a.faqHref:visited {
	color: #000;
	text-decoration: none;
}

.popUpHeader {
    height: 58px; padding-left: 15px; font-family: Verdana; font-size: 18px; background-color: #fd9839; color: #fff;
}

.popUpcloseWindowButton {
    background-color: #9ab5d0; cursor: pointer; color: #fff; height: 38px; padding-left: 15px; border-top: 1px solid #fff; border-left: 1px solid #fff; font-weight: bold;
}

.popUpContent {
    height: 300px;vertical-align: top;font-family: Verdana; font-size: 12px; background-color: #f5f5f5; color: #000;
}

.popUpTable {
    width: 100%; padding: 15px; background-color: #f5f5f5;
}

table.containerTheme, table.containerPrimeMinisters, table.containerRetrospective {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

td.banner, div.banner {	/* (google) banner right (skyscraper) */
	width: 120px;
	vertical-align: top;
}

.eventFormSelected {
	background-color: #b80000;
	color: #fff;
	font-size: 11px;
	width: 94px;
	height: 38px;
	text-align: center;
	cursor: pointer;
    font-family: Verdana, sans-serif;
}

.eventFormMouseHighLight {
	background-color: #004488;
	color: #fff;
	font-size: 11px;
	width: 94px;
	height: 38px;
	text-align: center;
	cursor: pointer;
    font-family: Verdana, sans-serif;

}

.eventFormMouse {
	background-color: #fff;
	color: #004488;
	font-size: 11px;
	width: 94px;
	height: 38px;
	text-align: center;
	cursor: pointer;
    font-family: Verdana, sans-serif;
}

.eventFormMouseNoAnswer {
	background-color: #9ab5d0;
	color: #fff;
	font-size: 11px;
	width: 94px;
	height: 38px;
	text-align: center;
	cursor: pointer;
    font-family: Verdana, sans-serif;
}

#menu3 {
position:relative;
z-index:8;
left: 0px;
}

#menu {
padding:0;
margin:0;
position:absolute;
top:0px;
width: 579px;
left:7px;
margin-left: 2px;
z-index:10;
}

#menu li {					/* Eigenschappen van lijst-items */
	display: block;
	font-weight:bold;
	text-align: center;
	color:#000000;
	position: relative;			/* Laat childs tevoorschijn komen tov de moeder */
	float:left;					/* Maakt de lijst horizontaal */
	list-style: none;			/* Verberg de bullets */
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 18px;
	width: 95px;
	color: #000000;
	cursor: default;
}

#menu li li {
width:95px;
}

#menu li:hover {			/* Eigenschappen van actieve lijst-items */
background-color:#c91425;
color:#ffffff;
}

#menu li li:hover {			/* Eigenschappen van actieve lijst-items */
background-color:#c91425;
color: #000000;
}

#menu ul {					
padding-left:0px;				/* Stop de inspringing van lijst elementen */
margin-left:0px;				/* Stop de inspringing van lijst elementen */
position:absolute;			/* Laat childs niet de ruimte innemen van eerdere items */
top:18px;					/* Submenu 1, positionering: */
left:0px;
}

#menu ul ul   {								
top:0px;					/* Submenu 2, positionering: */
left:10px;
}

#menu ul, #menu li:hover ul ul {	
display:none; 				/* Verberg de child-lijsten (met een truc omdat in IE de > selector niet werkt)*/
}

#menu li:hover ul, #menu li:hover li:hover ul {
display:block;				/* Tover de child-lijsten tevoorschijn na :hover (met een truc omdat in IE de > selector niet werkt) */
}

#menu a {
color:#000000;
text-decoration:none;
}

#menu li li a:hover {
color:#ffffff;
text-decoration:none;
}

#menu li a:visited {
color:#000000;
text-decoration:none;
}

#menu a:active {
color:#000000;
text-decoration:none;
}

#menu li a:hover {
color:#000000;
text-decoration:none;
}

