/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* hr { display: none } * temporary */

table {
	outline: 5px rgba(255,0,0,0.25) dotted;
}
body.blz-nieuwsbrief table {
	outline: none;
}

/* Generic layout */
body {
	width:519px;
	background:white;
	position:relative;
	border-bottom:1px solid white;
	margin:0 auto;
	padding:150px 323px 0 162px;
	font-size:12px;
	color:#250787;
	font-family: Helvetica , Arial,sans-serif;
	z-index:0;
}
p {
	line-height:1.2;
	margin-bottom:1em;
}
div#pagina-kop {
	position:fixed;
	left:0;
	right:0;
	top:0;
	height:0;
	z-index:1;
}
div#pagina-kop div#pagina-kop-inhoud {
	position:relative;
	width:1024px;
	height:140px;
	margin:0 auto;
	background: white url('/look-and-feel/gfx/header-gradient-bg2.png') top right repeat-y;
	z-index:10;
}
div#menu {
	position:fixed;
	left:0;
	right:0;
	top:145px;
	height:0;
	background:blue;
}
div#menu-container {
	position:relative;
	width:1004px;
	height:0px;
	margin:0 auto;
}
div#aandachts-blokken {
	position:absolute;
	right:10px;
	top:150px;
	z-index:0;
}

/* Page size related layout */
html#initial,html#small { 
	background: #b2cdf2  url('/look-and-feel/gfx/page-background-small.gif') repeat-y center; 
}
html#wide { 
	background: #b2cdf2 url('/look-and-feel/gfx/page-background-wide.gif') repeat-y center; 
}
html#small body, html#initial body {
	width:519px;
}
html#small div#pagina-kop-inhoud,
html#initial div#pagina-kop-inhoud {
	width:1004px;
}

html#wide body {
	width:775px;
}
html#wide div#pagina-kop-inhoud {
	width:1260px;
}
html#small div#menu-container {
	width:1004px;
}
html#wide div#menu-container {
	width:1260px;
}

/* Layout details */
p, dl, multicol {
	display:block;
	margin:1em 0;
}
p.inleiding {
	font-weight:bold;
}
h1 + p, h2 + p, h3 + p, h3 + ul, h4 + p, h5 + p, h6 + p {
	margin-top:0;
	padding-top:0;
}
a {
	font-weight:bold;
	text-decoration: none;
}
h1 {
	position:absolute;
	left:0;
	top:0;
	left:0;
	padding-top:91px;
	width:138px;
	font-family:Helvetica, Arial, sans-serif;
	text-align:center;
}
h1 span {
	background:transparent url("/look-and-feel/gfx/sgp-driehoek.png") no-repeat scroll 0 0;
	position:absolute;
	top:0;
	left:0;
	height:91px;
	width:138px;
	overflow:hidden;
	text-indent:-999px;
}
#pagina-kop h2 {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:29px;
	border-top:1px solid #00F;
	text-align:center;
	overflow:hidden;
	background:url('/look-and-feel/gfx/header-bg.png') repeat-x;
	color:#FFF;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.6em;
	line-height:30px;
}
h2#sgp-navigatie {
	display: none;
}
div.banner {
	position:absolute;
	right:20px;
	top:18px;
	width:500px;
	height:75px;
/*	background:red;*/
}
div.banner a, div.banner img {
	display:block;
	position:absolute;
	right:0;
	top:0;
	border:0;
}
div.article {
	overflow:hidden;
	border-bottom:1px solid blue;
	margin-bottom:1.2em;
}
div.article h3 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.1em;
	margin-bottom:0.5em;
}
div.inhoud img, img.picture {
	margin-bottom:5px;
	margin-right:5px;
	border:0;
}
/* List related */
div.inhoud ul,ol {
	padding-left:40px;
	display:block;
	margin:1em 0;
}
div.inhoud ul {
	list-style-type:disc;
}
div.inhoud ol {
	list-style-type:decimal;
}
div.inhoud li {
	display:list-item;
}
div.inhoud ol ul, div.inhoud ul ul {
	list-style-type:circle;
}
div.inhoud ol ol ul, div.inhoud ol ul ul, div.inhoud ul ol ul, div.inhoud ul ul ul {
	list-style-type:square;
}
div.inhoud {
	line-height: 1.2;
}
div.inhoud p {
	text-align:justify;
}
div.inhoud p > li {
	font-size:50%;
}

/* Filter en items van het filter */
#categorie-filter {
	position: relative;
	overflow:hidden;
	margin:0;
	padding:0;
	width:100%;
}
#categorie-filter li {
	list-style:none;
	float:left;
	border-left:2px solid blue;
}
#categorie-filter li:first-child {
	list-style:none;
	float:left;
	border-left:none;
}
#categorie-filter li a {
	display:block;
	padding:0px 3px;
	line-height:1.2em;
	color:blue;
}
#categorie-filter li a:hover {
	background:blue;
	color:orange;
}
#nieuws-items {
	clear:all;
}
#nieuws-items div.nieuws-item {
	position: relative;
	border-bottom:2px ridge silver;
/*  border-bottom:1px solid #250787;*/
	background:white;
	margin-top:1em;
}
#nieuws-items div.nieuws-item span.datum {
	position:absolute;
	top:0;
	right:0;
	background:white;
	color:blue;
	font-size:75%;
}
#nieuws-items div.nieuws-item p.link {
	text-align:right;
}

/* Menu */
ul.sgp-menu {
	width:149px;
}
ul.sgp-menu li a {
	background-color:orange;
	color:blue;
	display:block;
	font-family:Helvetica,Arial,sans-serfif;
	font-weight:bold;
	margin:5px 0;
	padding:2px 2px 2px 4px;
	text-decoration:none;
	width:145px;
	border-left:5px solid orange;
}
ul.sgp-menu li.actueel > a {
	border-color:red;
}
ul.sgp-menu li.nieuws > a {
	border-color:blue;
}
ul.sgp-menu li {
	font-size:11pt;
}
ul.sgp-menu li a:hover {
	background-color:blue;
	color:orange;
	border-left:5px solid blue;
}
ul.sgp-menu li ul li a {
	font-size:90%;
	width:145px;
	padding:1px 1px 1px 10px;
}
ul.sgp-menu li.submenu ul {
	display: none;
}
ul.sgp-menu li.submenu-open ul {
	display:block;
}
ul.sgp-menu li.submenu-open ul li a,ul.sgp-menu li.submenu-open ul li a:hover{
	background-color: white;
	margin: 0px;
	text-align: right;
	border:none;
}

/* Artikel/verhaal gerelateerde stijlen */
#stories div.story {
	overflow:hidden;
	border-bottom:1px solid blue;
	margin-bottom:1.2em;
}
#stories div.story h3 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.5em;
	margin-bottom:0.5em;
}
#stories div.story span.date {
	float:right;
	font-weight:bold;
}
#stories div.story img.picture {
	float:left;
	width:250px;
}
#stories div.story a {
	font-weight:bold;
	text-decoration:none;
	white-space:nowrap;
}

div.tiles div.tile {
	overflow:hidden;
}
div.tiles div.tile {
	float:left;
	width:250px;
	height:225px;
	padding:0 5px 5px 0;
	text-align:center;
}

/* - - - */
div#aandachts-blokken {
	z-index:0;
}
div#aandachts-blokken div.blok, div.aandachts-blokken iframe {
	border:1px solid blue;
	font-size:1em;
	margin-bottom:10px;
	padding:1px;
	width:299px;
	z-index:0;
}
div#aandachts-blokken div.blok h3 {
	background-color:blue;
	color:#FFA500;
	font-family:Helvetica,Arial,sans-serif;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.1em;
	margin:0;
	padding:0.1em 0;
	text-align:center;
}
div.tab-container > ul {
	overflow:hidden;
	list-style:none;
	padding:0;
}
div.tab-container > ul li {
	float:left;
	width:99px;
	height:30px;
	border-left:1px solid white;
}
div.tab-container > ul li a {
	display:block;
	background: #a2bdf2;
	height:25px;
	line-height:24px;
	font-family:Helvetica,Arial,sans-serif;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	text-decoration:none;
	color:#000;
}
div.tab-container > ul li a.selected {
	background: transparent url("/look-and-feel/gfx/selected-tab1.png");
	color:#009;
	height:30px;
}
div.tab-container > ul li:first-child {
	border-left:none;
}
/* Feed views */
div.feed-view ul li {
	margin-top:0.8em;
}
div.feed-view ul li:first-child {
	margin-top:0.5em;
}
/* Dossiers UI */
ul#dossiers li {
	overflow: hidden;
    border-bottom: 1pt solid #00F;
	margin-bottom:0.8em;	
}
ul#dossiers li img.picture {
	width:100px;
	float:left;
	margin: 0 5px 5px 0;
}
ul#dossiers li h4 {
	font-weight: bold;
	font-size:115%;
}

/* Meer pagina-specifieke regels */
body.blz-fractie.blz-fractie-html p, body.blz-kiesvereniging p {
	clear:both;
}

#aandachts-blokken div.afbeelding {
	height:150px;
	background: url("/look-and-feel/gfx/sidebar/page-images/web-algemeen.jpg") top right no-repeat;
}

.blz-fractie #aandachts-blokken div.afbeelding {
	background: url("/look-and-feel/gfx/sidebar/page-images/web-fractie.jpg") top right no-repeat;
}

.blz-verkiezingen #aandachts-blokken div.afbeelding {
	background-image: url("/look-and-feel/gfx/sidebar/page-images/web-verkiezingen.jpg");
}

.blz-fractie #aandachts-blokken div.afbeelding {
	background-image: url("/look-and-feel/gfx/sidebar/page-images/web-fractie.jpg");
}

.blz-kiesvereniging #aandachts-blokken div.afbeelding {
	background-image: url("/look-and-feel/gfx/sidebar/page-images/web-kiesvereniging.jpg");
}

.blz-waterschap #aandachts-blokken div.afbeelding {
	background-image: url("/look-and-feel/gfx/sidebar/page-images/web-waterschap.jpg");
}

/*
.blz-ombudsteam #aandachts-blokken div.afbeelding {
	background-image: url("images/ombudsteam.jpg");
}

.blz-jongeren #aandachts-blokken div.afbeelding {
	background-image: url("images/logo_sgpj.jpg");
}
*/

.blz-sgpnieuws #aandachts-blokken div.afbeelding {
	background-image: url("/look-and-feel/gfx/sidebar/page-images/web-publicaties.jpg");
}

.blz-infobulletin #aandachts-blokken div.afbeelding {
	background-image: url("/look-and-feel/gfx/sidebar/page-images/web-publicaties.jpg");
}

.blz-fractieblog #aandachts-blokken div.afbeelding {
	background-image: url("/look-and-feel/gfx/sidebar/page-images/web-fractieblog.gif");
}
.blz-actueel-video #aandachts-blokken div.afbeelding {
	background-image: url("/look-and-feel/gfx/sidebar/page-images/web-videonieuws.jpg");
}

/* Verkiezingen */
table {
	margin:0 auto;
	outline: none;
	border-collapse: collapse;
}
table.verk-uitslag tr th, table.verk-uitslag tr td {
	border: 2px solid aqua;
	background: #7F90E2;
	color: #000080;
	padding:1px;
}
table.verk-uitslag tr.jaar th {
	text-align: center;
	background: #000080;
	color: #fff;
}
table.verk-uitslag tr.sgp td {
	background-color: orange;
}