/* stylesheet voor Politiek 2015 */
/* Auteur: Mattijs Hoitink <mattijs@voidwalkers.nl> */

/* **************************************** */
/* 			Algemeen 					*/
/* **************************************** */
*html #content .foto {margin-left: -10px;}
body {
	font-family: Arial, Verdana, sans-serif, serif;
	font-size: 11px;
	color: #002a54;
	background-color: #FFFFFF;
	text-align: center;
}
body, div, p {
	margin: 0px;
	padding: 0px;	
	font-size: 11px;
}
p { padding: 5px 0px; }

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

h1 { 
	margin: 0px;
	padding: 10px 0px;
	font-size: 16px; 
	color: #FF4000; 
	font-weight: bold;
}
h2 {
	margin: 0px;
	padding: 15px 0px 0px 0px;
	font-size: 12px;
	color: #10385D;
	font-weight: bold;
}
h3 { 
	margin: 0px;
	padding: 15px 0px 0px 0px;
	color: #C3C618;	
	font-size: 12px;
	font-weight: bold;
}
h4 { color: #FFFFFF; }
h5 { }
h6 { }

form {
	margin: 0px;
	padding: 0px;
}
			
input, textarea { 
	width: 150px; 
	border: 1px solid #CCCCCC;	
}

input.button { width: auto; }

ul {
	/*color: #FF4000;*/
	list-style: url('images/bullet.png');
	padding: 0px 0px 10px 20px;
	margin: 0px;
}

ol {
	/*margin: 0 0 13px 30px;
	padding: 0; */
	padding: 0px 0px 10px 30px;
	margin: 0px;
}


hr {
	display:block; 
	border: none 0; 
	border-top: 1px solid #002B54; 
	height: 1px; 
	margin: 13px 0 !important; 
	margin: 6px 0; padding: 0 0 0 0; 
}		

.red { color: #FF4000; }
.blue { color: #10385D; }
.green { color: #C3C618; }
.white { color: #FFFFFF; }

.bold { font-weight: bold; }

.subtitle {
	font-size: 10px;
}



/* **************************************** */
/* 			Positionering				*/
/* **************************************** */
/* wrapper voor de schaduw */

.nonshade-wrapper, .shade-wrapper { 
	margin: 0px auto;
	width: 860px;
}
.shade-wrapper { 
	background: url('images/shade_background.png') repeat-y center;
}
#main-wrapper {
	margin: 0px auto;
	width: 850px;
	background-color: #FFFFFF;
	text-align: left;
	border-left: 1px solid #878811;
	border-right: 1px solid #878811;
}

/* Achtergrond voor vervolg pagina's */
.contentbg { 
	background: #FFFFFF url('images/content_background.png') repeat-y;
}

	#top-wrapper {
		width: 100%;
		clear: both;
	}
	
	#content-wrapper {
		width: 100%;
		background-color: #FFFFFF;
		clear: both;
	}
	
	#footer-wrapper {
		width: 100%;
		background-color: #C3C618;
		border-top: 1px solid #FFFFFF;
		clear: both;
	}

/* **************************************** */
/* 				Top 						*/
/* **************************************** */

/* Top menu */
	#top-menu {
		height: 44px;
		padding-left: 12px;
		background: url('images/top.png') no-repeat;
	}
		#top-bar {
			height: 18px;
			background-color: transparent;
		}
		#nav { list-style: none;}
		#nav, #nav ul {
			padding: 0;
			margin: 0;
		}
		
		/* top level menu */
		#nav a {
			display: block;
			width: 149px;
			color: #FFFFFF;
			height: 16px;
			padding: 5px 0px;
			font-weight: bold;
			text-align: center;
			text-decoration: none;
			border-right: 2px solid #204970;
		}
			#nav a:hover {
				color: #FF4000;	
			}
			
		#nav li {
			float: left;
			width: 149px;
			list-style: none;
		}
			/* Sub level menu */
			#nav li .leaf {
				z-index: 1;
				position: absolute;
				width: 147px;
				margin: 0px;
				padding: 0px 0px 0px 0px;
				left: -999em;
				/*background: #002b54 url('images/menu_transparency.png') repeat;*/
				background-color: #002b54;
				filter: alpha(opacity=80);
				-moz-opacity: .80;
				opacity: .80;
				color: #FF4000;
				text-align: left;
				border-bottom: 2px solid #204970;
				border-left: 2px solid #204970;				
				border-right: 2px solid #204970;
			}
			
			#nav li .leaf li {	
				padding: 0px 0px 0px 20px;
				margin: 0px;	
				width: 127px;
				list-style: none;	
				background: url('images/menu-bullet.gif') no-repeat left;			
			}
			
			/* IE6 Hacks */
			*html #nav li .leaf { 
			}		
			*html #nav li .leaf {
				margin-left: -2px;					
				
			}
			*html #nav li .leaf li {	
				width: 129px;
			}
			
			#nav li .leaf a {
				display: block;
				width: 124px;
				color: #FFFFFF;
				height: 16px;
				padding: 5px 1px;
				font-weight: bold;
				text-align: left;
				text-decoration: none;				
				border-right: 0px;
			}			
			#nav li .leaf a:hover {
				color: #FF4000;
			}			
			
			#nav li:hover ul, #nav li.sfhover ul {
				left: auto;
			}
			
	#top-menu div#contact {
		margin: 0px;
		padding: 5px 10px;
		height: 16px;
		width: 200px;
		float: right;
		text-align: right;
	}
		#top-menu div#contact a {
			color: #FFFFFF;
			font-weight: bold;
		}
		#top-menu div#contact a:hover {
			color: #FF4000;
			text-decoration: none;
		}
	
/* Normale header */
	#top-header {
		height: 128px;
		border-bottom: 1px solid #41678d;
		overflow: hidden; 
	}

/* Speciale header voor de frontpage */
	#top-frontpage {	
		height: 209px;
		background-color: #002b54;
		border-bottom: 1px solid #41678d;
	}
		#top-frontpage img {
			margin: 0px;
			padding: 0px;
		}
		#top-frontpage #header {		
			width: 618px;
			float: left;
			display: inline;
		}
		
		#top-frontpage #banner {
			width: 232px;
			float: left;
			display: inline;
		}
			#top-frontpage #banner #banner-topitem {
				margin: 0px; padding: 0px;
				height: 103px;
				border-top: 1px solid #FFFFFF;
			}
				
			#top-frontpage #banner #banner-bottomitem {
				margin: 0px; padding: 0px;
				height: 104px;
				border-top: 1px solid #002b54;
			}
				
		
/* Zoek balk met breadcrumbs & zoek formulier */
	#top-search {
		margin: 0px;
		padding: 0px;
		height: 35px;
	}
	/* verschillende achtergronden voor de ronding */
	.searchcurb-black { background: #000000 url('images/search_curb-black.png') no-repeat; }
	.searchcurb-blue { background: #10476F url('images/search_curb-blue.png') no-repeat; }
	.searchcurb-lightgreen { background: #F3F4D1 url('images/search_curb-lightgreen.png') no-repeat; }
	.searchcurb-white { background: #FFFFFF url('images/search_curb-white.png') no-repeat; }

		#top-search #search-form {
			float: right;
			display: block;
			width: 232px;
		}
			#top-search #search-form input {
				height: 14px;
				margin: 0px;/*6px 0px;*/
			}
			#top-search #search-form .search-button {
				height: 13px;
				width: 32px;
				margin: 6px 2px;
				border: 0px;
			}

	#top-search #breadcrumbs {
		float: left;
		margin: 9px 0px 7px 22px;
		color: #FFFFFF;
	}
	
	#top-search #breadcrumbs .lastcrumb { font-weight: bold; } 
		
#top-search #mailafriend {
        float: right;
        font-weight: bold;
        margin: 9px 22px 7px 0px;
}
		
/* **************************************** */
/* 			Content Layout 				*/
/* **************************************** */
	
	#content-table {
		margin: 0px;
		padding: 0px;
		width: 850px;
	}	
		/* content cell in de content table */
		#content-table #content {
			margin: 0px;
			padding: 0px;
			width: 618px;
			vertical-align: top;
		}
			/* extra brede content cell */
			#content-table #content-wide {
				margin: 0px;
				padding: 0px;
				width: 850px;
				vertical-align: top;
			}
		
		/* sidebar cell in de content table */
		#content-table #sidebar {
			margin: 0px;
			padding: 0px;
			width: 232px;
			vertical-align: top;
			color: #FFFFFF;				
			font-size: 11px;
			background-color: #003967; /* 002b54 */
		}

/* **************************************** */
/* 			Content Invulling 				*/
/* **************************************** */		

		/* intro op de frontpage */
		#content #intro {
			width: auto;
			padding: 10px 20px;
			color: #FFFFFF;
			font-size: 12px;
			font-weight: bold;
			background-color: #10476f;
			line-height: 20px;
		}
		#content #intro p { 
			font-size: 12px;
		}
		
		#text-wrapper {
			padding: 20px;
		}
		
		#text-wrapper ul {
			padding: 5px 0px 0px 0px;
			margin: 0px;
			position: relative;
			left: 20px;
		}
		
		#content .foto {
			margin-left: -20px;
			margin-right: 0px;
			padding: 5px 10px 10px 0px;			
			float:left;
			overflow: hidden;
		}	
		/* Standpunten */
				
		#standpunten {
			width: 100%;
		}
		#standpunten, #standpunten tr, #standpunten td {
			border-style: solid;
			border-color: #FFFFFF;
		}
			#standpunten td { vertical-align: top; } 
			
			#standpunten thead td, #standpunten thead td a {
				color: #FFFFFF;
				font-weight: bold;		
				
			}		
				/* Partij titel */				
				#standpunten .head {
					width: 120px;
					padding: 10px;
					background-color: #003962;
				}
			
				/* Partij kiezer */
				#standpunten .chooser {			
					width: 140px;
					margin: 0px;
					padding: 0px;
					background-color: #C3C618;
					
				}	
				
				*html #standpunte .chooser, #standpunten .chooser ul, #standpunten .chooser li {
					height: 24px;
					padding: 0px;
					width: 140px;
				}
					#standpunten .chooserlist, #standpunten .chooserlist ul {
						margin: 0px;
						padding: 0px;
						list-style: none;
					}
					#standpunten .chooserlist {
						width: 140px;
						padding: 0px;
						list-style: url('images/blank.png');
						list-style: none;
						list-style-type: none;
						
					}
					
					#standpunten .chooserlist a {
						display: block;
						width: 133px;
						padding: 5px;
						background-color: #C3C618;
					}
					*html #standpunten .chooserlist a { width: 133px; }
					.chooser-arrow {
						background: #C3C618 url('images/chooser_arrow.png') no-repeat right;
					}					
					
					.chooserlist ul.hoverOff {
						position: absolute;
						width: 140px;
						left: -999em;
						margin: 0px;
						padding: 0px;
						list-style: url('images/blank.png');
						list-style: none;
						list-style-type: none;
						
					}
					.chooserlist ul.hoverOn {
						position: relative;
						width: 140px;
						margin: 0px;
						padding: 0px;
						left: -20px;
						list-style: url('images/blank.png');
						list-style: none;
						list-style-type: none;
					}
					
					.chooserlist ul li a {
						width: 140px;
					}
					
					.chooserlist li:hover ul, .chooserlist li.sfhover ul {
						left: auto;
					}	
					
			#standpunten .label {
				width: 140px;
				padding: 5px 0px;
				background-color: #FFFFFF;
				border-left: 0px;
				border-bottom: 1px solid #F3F4D1;
				color: #FF4000;
			}
			
			#standpunten .cell {
				width: 136px;
				padding: 2px;
				background-color: #F3F4D1;
			}
			
			#standpunten .empty {
				width: 140px;
				background-color: #FFFFFF;
				padding: 0px;
			}
			
			/* Opsommings tabel */
			table.sum-table {
				margin: 0px;
				padding: 0px;
				width: 100%;
			}
				table.sum-table td.left {
					width: 69px;
					padding: 10px 2px 10px 0px;
					font-weight: bold;
					font-size: 12px;
					color: #FF4000;
					vertical-align: top;
					text-align: right;
				}
				table.sum-table td.right {
					padding: 10px 20px;
					font-weight: bold;
					font-size: 12px;
					vertical-align: top;
				}
				
			/* Partijen tabel */
			table.partij-table {
				margin: 0px;
				padding: 0px;
				width: 779px;
				margin-left: 71px;
			}
				table.partij-table td.left {
					padding: 5px 20px;
					font-size: 12px;
					vertical-align: top;
				}
					table.partij-table td.left h1 {
						padding-bottom: 0px;
					}
				
				table.partij-table td.right {
					width: 212px;
					padding: 5px 10px;
					font-size: 12px;
					color: #FFFFFF;
					vertical-align: top;
					background-color: #002B54;
				}
					 .partij-portret {
					 	margin: 20px 0px;
					 }
			
/* **************************************** */
/* 			Nieuws Items 				*/
/* **************************************** */	

/* standaard nieuws Layout */
	.news-item {
		padding: 0px;
		font-size: 11px;
		line-height: 20px;
	}		
	.news-item .news-body {  }
		
		.news-item .news-body .news-intro { 		
			margin: 0px 0px 10px 0px;
			padding: 20px 20px;
			display: block;
			color: #00004d; 
			font-weight: bold;
			font-size: 12px;
			background-color: #F9F9E8;
		}
		.news-item .news-body .news-intro .news-title { }
				.news-item .news-body .news-intro .news-title h1 { 
					margin: 0px 0px 20px 0px;
					color: #FF4000; 
				}
				
		.news-item .news-body .news-text { 
			padding: 0px 20px;
			color: #002a54; 
		}
		.news-item .news-body .news-text .news-image {
			float: left;
			margin: -10px 10px 10px -20px;
		}
		.news-item .news-body .news-text .news-image .news-image-subscript {
			display: block;
			padding: 2px 10px;
			color: #C3C618;
		}
		/* IE6 hacks */
		*html .news-item .news-body .news-text .news-image .news-image-subscript {
			margin: 0px 0px 0px 20px;
		}
		
	.news-item .news-foot {
		padding: 0px 20px;
	}
/* korte nieuws layout */			
	.news-shortitem {
		margin: 10px 0px;
		font-weight: bold;
	}
		.news-shortitem  .news-date{
			color: #C3C618;
		}
		.news-shortitem .news-title {
			color: #FFFFFF;
		}
		.news-shortitem  .news-title a {
			color: #577598;
			font-weight: normal;
		}	
			
/* specifieke nieuwspagina's */

		/* nieuwslijst op de frontpage */
		#content #news-frontlist {
			width: auto;
			padding: 10px 20px;
		}
		
			#content #news-frontlist .news-frontitem {
				margin: 10px 0px 5px 0px;
			}
				#content div#news-frontlist .news-frontitem .news-title {
					font-weight: bold;
				}
				
				#content div#news-frontlist .news-frontitem ,news-body {
					color: #41678D;
					font-size: 11px;
				}
		
		/* Nieuws Detail tabel */
		table.news-table {
			margin: 0px;
			padding: 0px;
			width: 100%;
		}
			table.news-table td.left {
				width: 71px;
				vertical-align: top;
			}
				table.news-table td.left .news-date {
					padding: 30px 0px 0px 10px;
					font-size: 10px;
					font-weight: bold;
					color: #002a54;				
				}
			table.news-table td.right {
				padding: 0px;
				vertical-align: top;
			}
			
/* Nieuws reacties */

	#reactions {
		margin: 20px 20px;
		font-size: 11px;
	}
		#reactions .reaction-item {
			margin: 0px 0px 20px 0px;
			border: 1px solid #C3C618;
			color: #002a54;
		}
		
		#reactions .reaction-item .reaction-body {
			padding: 10px;
		}
		#reactions .reaction-item .reaction-foot {
			padding: 2px 5px;
			background-color: #F9F9E8;
			border-top: 1px solid #C3C618;
		}
			#reactions .reaction-item .reaction-foot { }
			#reactions .reaction-item .reaction-foot .reaction-user { text-align: left; }
			#reactions .reaction-item .reaction-foot .reaction-date {				
				width: 200px;
				text-align: right;
			}	
	
	#reactions-form {
		margin: 20px 20px;
	}
	
	#reactions-form label {
		display: block;
	}
	#reactions-form input, #reactions-form textarea {
		width: 497px;
	}
	
/* **************************************** */
/* 			sidebar invulling				*/
/* **************************************** */	

		#sidebar h1 { }
		#sidebar h2 {
		}
		#sidebar h3 { }
		#sidebar h4 { color: #FFFFFF; }
		#sidebar h5 { }
		#sidebar h6 { }
		
		#sidebar ul {
			list-style: url('images/bullet-blue.png');
		}
		
		#sidebar-wrapper {
			padding: 10px;
		}
		#sidebar-wrapper h2 { color: #FFFFFF; }
		#sidebar-wrapper h3 {}
		#sidebar-wrapper hr {
			display:block; 
			border: none 0; 
			border-top: 1px solid #FFFFFF; 
			height: 1px; 
			margin: 13px 0 !important; 
			margin: 6px 0; padding: 0 0 0 0; 
		}
		#sidebar-wrapper a {}
		#sidebar-wrapper a:hover {}
		#sidebar-wrapper ul {
			list-style: url('images/bullet-blue.png'); 
		}
		#sidebar-wrapper ol {	
		}
		
		/* nieuwsbrief block */
		#sidebar #newsletter {
			margin: 0px;
			padding: 10px;
			background-color: #FFFFFF;
		}
			#sidebar #newsletter h2 {
				padding: 0px;
				margin: 0px;
			}
			#sidebar #newsletter table {
				font-size: 11px;
			}
			#sidebar #newsletter table tr td {
				padding: 2px 0px;				
			}
			#sidebar #newsletter table tr td.label {
				padding: 2px 5px;				
			}
		/* agenda block */
		#sidebar #agenda {
			width: 212px;
			margin: 0px;
			padding: 10px;
			background-color: #F8F8E3;
		}
			#sidebar #agenda .agenda-table {
				margin: 0px;
				padding: 0px;
				width: auto;
				
			}
			#sidebar #agenda .agenda-table tr td {
				padding: 5px 0px;
				font-weight: bold;
				vertical-align: top;
			}
				#sidebar #agenda .agenda-table tr td.agenda-date {
					/* width: 50px; */
					color: #FF4000;
				}
				#sidebar #agenda .agenda-table tr td.agenda-title {
					padding-left: 5px;
					color: #10385D;
					
				}
			
		/* peiling block */
		#sidebar #poll {
			margin: 0px;
			padding: 10px;
			background-color: #C3C618;
			font-weight: bold;
		}		
			
			#sidebar #poll input {
				margin: 0px;
				padding: 0px;
				width: auto;
				border: 0px;
			}
			#sidebar #poll .buttons {
				margin: 0px;
				padding: 0px;
				text-align: right;
			}
		
		/* laatste nieuws block */
		#sidebar #latestnews {
			margin: 0px;
			padding: 10px;
			background-color: #002B54;
			color: #FFFFFF;
		}
			#sidebar #latestnews h2 {
				padding: 0px;
				margin: 0px;
			}
		
		/* nieuws archief block */
		#sidebar #archive {
			margin: 0px;
			padding: 10px;
			background-color: #10476F;
			color: #FFFFFF;
		}
			#sidebar #archive h2 {
				padding: 0px;
				margin: 0px;
			}
			
			#sidebar #archive ul {
				margin: 0px;
				padding: 0px 10px 0px 20px;
				color: #FF4000;
				list-style: disc;
			}
				
				#sidebar #archive h4 {
					margin: 2px 0px;
					color: #FFFFFF;
				}
/* **************************************** */
/* 				Footer 						*/
/* **************************************** */

	#footer-text p {
		padding: 10px 20px;
		color: #FFFFFF;
	}
	
	#footer-bar {
		margin: 0px;
		padding: 0px;
		height: 20px;
		font-size: 10px;
		background-color: #002b54;
		clear: both;
	}
	
	#footer-shade {
		margin: 0px auto;
		padding: 0px;
		width: 870px;
		height: 20px;
		background: #c3c618 url('images/shade_bottom.png') repeat-x;
	}
	
/****************************************** */
/*              Poll pagina                 */
/****************************************** */

    .poll-header {
        background-color: #F9F9E8;
        color: #00004d;
        font-size: 11px;
		line-height: 20px;
		margin: 0px 0px 10px 0px;
		padding: 20px 20px;
    }
    .poll-bar{
        height: 6px;
    }
    .poll-text{
        font-weight: bold;
    }
    .poll-table td{
        padding-right: 10px;
    }
    .poll-bar-cell{
        width: 100px;
    }

/* **************************************** */
/* 				Standpunt					*/
/* **************************************** */

.standpunt-item {
    margin: 0px 0px 20px -20px;
    padding: 2px 5px 2px 20px;
    background-color: #F9F9E8; 
       
}
    .standpunt-item h2.standpunt-title {
        font-size: 90%;
    }
    .standpunt-item .standpunt-leftlink {
        float: left;
    }
        .standpunt-item .standpunt-leftlink a {
            color: #FF4000;
        }
    .standpunt-item .standpunt-rightlink {
        float: right;
        padding-right: 10px;
        font-weight: bold;
    }
        .standpunt-item .standpunt-rightlink a {
            color: #C3C618;
        }
	
/* **************************************** */
/* 				clear 						*/
/*      voor het vullen van floats          */
/* **************************************** */

.clear {
    display: block;
    clear: both;
}