body { 
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	background:#fff; 
	color:#333; 
	font-size:12px; 
	line-height:1.38; 
	margin:0 0 0 10px; 
	}

@font-face {
    font-family: 'Impact';
    src: url('/include/css/impact.eot');
    src: url('/include/css/impact.eot?#iefix') format('embedded-opentype'),
         url('/include/css/impact.woff') format('woff'),
         url('/include/css/impact.ttf') format('truetype'),
         url('/include/css/impact.svg#impact') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*@JH :: sp.mobify.me/mobi.sp.nl */
#mvoorpagina,
.mobi{ display:none; }
p.social { width:368px; clear: right }
span.social { display: block; float:right; overflow: hidden; margin: 12px 0 0 0; }
span.social img { float: left; margin: 0 2px;}

/* algemene tekstkenmerken */
#middenkolom blockquote { margin:12px 32px; }
acronym { border-bottom:1px dotted #f60000; cursor:help; }
td,th { font-size:12px; line-height:1.33; }
img { border: none; }
table { border-collapse: collapse; }
fieldset { border:1px solid #f60000; padding:12px;}
blockquote {border-left: 4px solid #ddd; padding-left: 12px }
a:active,a:hover { color: #f60000; text-decoration: underline; }
a.clean {text-decoration: none;}
h1,h2,h3 { font: normal 30px Impact, Helvetica, Arial, sans-serif; line-height:1; text-transform:uppercase; }
h1 a, h2 a, h3 a { text-decoration: none; }
h4 { font: bold 15px Verdana, sans-serif; line-height:1.35; margin:8px 0 4px; }
h1,h2,h3,h5,p,blockquote,form { margin:12px 0; }
h6 { font: bold 9px Verdana, sans-serif; letter-spacing: 1px; color:#fff; background-color:#f60000; text-transform:uppercase; margin: 0 0 11px 0; padding: 2px 9px 2px 9px;  }

#middenkolom br[clear="all"] { clear:right; }
hr { color: #f60000; background-color: #f60000; border:0 solid #f60000; height:1px; }
input,select,option { font:normal 11px Verdana, sans-serif; }

/*= pagina-structuur 
-------------------------------------------------------------*/
#superwrapper { width:790px; overflow:hidden; }
#rap { overflow: hidden; 	}
#float-wrapper { float:left; margin:0; }
#linkerkolom { float: left; width:137px; overflow: hidden; margin: 0; padding: 0; }
#middenkolom { float: left; margin: 0 0 0 24px; width: 368px; overflow: hidden; }
#tweekolomspagina #middenkolom { width: 610px; margin: 0 0 0 24px; }
#rechterkolom { float: left; margin: 0 0 0 24px; padding: 0; width: 215px;}
#vierdekolom { width:180px; top: 0; position: absolute; left: 800px;}

#navigatie { position: relative; z-index: 2000; height: 27px; margin: 0 0 13px; }
#sectieheader { margin:0 0 14px; }
#navigatie a { 
	text-decoration:none; color:#f60000; font:normal 15px Impact, sans-serif; 
letter-spacing:1px; }

#navigatie li:hover, #navigatie li:hover a {
	background: #f60000; 
	color: #fff;
	}
	
#navigatie li:hover .nav-submenu a {
	background: none; 
	color: #f60000;
	}

#navigatie .nav-submenu li:hover a {
	background: #f60000; 
	color: #fff;
	}

#banner { 
	position:absolute; 
	left:394px; 
	top:42px; 
	z-index: 0; 
	}

#bannerover { 
	position:absolute; 
	left:394px; 
	top:42px; 
	z-index: 1600; 
	width:385px; 
	height:75px; 
	cursor: pointer;
	}
/*#banner img { height:75px; width:385px; }*/

#kanalen { position:absolute; top:43px; width:180px; }
#superfooter { clear:both; width:770px; margin-bottom:12px; }

/* 3 px hack - Hide from IE5-mac. Only IE-win sees this. \*/

* html #middenkolom { height:1%; }
* html #driekolomspagina #float-wrapper { margin-right: 24px; }
* html #rechterkolom { height:1%; margin-left:0; }

/* End hide from IE5/mac */ 

.agenda-item { display:block; border-top:1px solid #f60000; padding:4px 0 13px; }
.agenda-item img { margin-top:3px; float:left; margin-right:7px; width:32px; height:42px; }


/* Linkerkolom  */

#keuzemenu { width:135px; overflow: visible; margin:-4px 0 18px; }
#keuzemenu a, #keuzemenu h1 a { color:#333; text-decoration:none; }
#keuzemenu ul { 
		font:bold 12px Helvetica, Arial, sans-serif; 
		letter-spacing:1px; line-height:18px; list-style:none;padding-left:0;
		text-indent:2px;
		border-bottom:1px solid #333;
		text-transform:uppercase;
		margin:4px 0 0;
}
#keuzemenu li { border-top:1px solid #333; }
#keuzemenu ul li ul { list-style-image: none; margin-left: 20px; margin-top: 1px; margin-bottom:-1px; font-weight: bold; letter-spacing:0; }
#keuzemenu li li {font-weight: normal;}

/* eigenschappen van divs in de linker- en rechterkolom */
#linkerextra div { font-size:10px; line-height:1.3; margin:0 0 16px; }
#linkerextra td { font-size:10px; }

#linkerextra h4,#vierdekolclass {
	font:normal 22px Impact, sans-serif;
	line-height:22px;
	color:#f60000;
	letter-spacing:0;
	padding-top:4px;
	border-top:1px solid #f60000;
}

#vierdekolom h4 { border-top:none; margin:-1px 0 10px; }
#linkerextra h4,#vierdekolom h4 { text-transform:uppercase; }
#linkerextra h4 a:link,#linkerextra h4 a:visited,#vierdekolom h4 a:link,#vierdekolom h4 a:visited {
color:#f60000;
font-weight:400;
text-decoration:none;
}

div.vrij { border:none; }
#vierdekolom div.vrij { border:none; }
#rechterkolom div.vrij { width:215px; }
#rechterkolom div.vrij2 { border:none; width:215px; margin:0; }
#rechterkolom div { border:1px solid #f60000; width:213px; overflow:hidden; margin:0 0 15px; padding:0; }
#rechterkolom h4 {
	font:bold 9px Verdana, sans-serif;
	letter-spacing:1px;
	color:#fff;
	background-color:#f60000;
	text-transform:uppercase;
	margin:0;
	padding:0 10px 2px;
}

#rechterkolom h6,#linkerkolom h6 {
color:#f60000;
text-transform:none;
background-color:#fff;
margin:8px 0 5px 2px;
}

#rechterkolom h5 {
color:#f60000;
font:bold 12px Verdana, sans-serif;
border-top:1px #f60000 dotted;
border-bottom:1px #f60000 dotted;
margin:8px 0 5px 2px;
padding:1px 9px 2px;
}

#rechterkolom ul {
padding-left:16px;
padding-right:6px;
list-style-image:url(http://planet.sp.nl/pijltje.gif);
font-size:10px;
line-height:13px;
margin:6px 8px 8px 10px;
}

#rechterkolom form,#rechterkolom p {
font-size:10px;
line-height:13px;
margin:6px 8px 8px;
padding:0;
}

#rechterkolom a,#linkerextra a,#vierdekolom a {
color:#333;
text-decoration:none;
font-weight:700;
}

#linkerextra ul {
padding-left:8px;
list-style-image:url(http://planet.sp.nl/pijltje.gif);
margin:9px 0 8px 8px;
}

#linkerextra li,#rechterkolom li,#vierdekolom li {
margin-bottom:7px;
}

#onzemensen div {
height:50px;
clear:left;
border:1px solid #f60000;
margin:12px 0 0;
padding:8px;
}

#onzemensen div.medewerker {
height:auto;
}

.mens img {
float:left;
margin:0 6px 0 0;
}

/* vormgeving superfooter */
#superfooter p {
font-weight:700;
font-size:10px;
color:#fff;
text-align:center;
background-color:#f60000;
margin:0;
padding:2px;
}

#superfooter img {
margin:0 0 5px;
}

/*  CLASSES! */
.p20 {
font-size:20px;
line-height:22px;
}

#keuzemenu li ul li.actief {
list-style-image:url(http://planet.sp.nl/tomaat11.gif);

}

li.verdeler {
width:100%;
background:#fff;
}

.centreer {
text-align:center;
}

.drijflinks { float:left; margin:3px 8px 0 0; }
.drijfrechts { float:right; margin:3px 0 0 8px; }

.kaderrood { border:1px solid #f60000; margin-bottom:12px; padding:0 10px; }
.kadergrijs {
	border: 1px solid #ddd;
	background-color: #eee;
	margin-bottom:15px;
	padding: 0 10px;
}

.kadergrijs q {line-height: 1.33em; color: #555; font-size: 1.2em;}
#linkerkolom .tekstveld { width:95px; }
#rechterkolom .tekstveld { width:155px; }

.hup,#jan input.hup {
width:34px;
font-size:9px;
background-color:#fff;
border:1px solid #f60000;
height:18px;
}

/* : links worden niet onderstreept en blijven visited zwart
: links worden niet onderstreept en worden visited grijs */
#verderop a,.jaaroverzicht a,a.bloot,a.dun {
text-decoration:none;
}

a.dun:hover,a.bloot:hover {
text-decoration:underline;
color:#f60000;
}

/* lijst die niet inspringt */
ul.compact {
padding-left:8px;
margin:0 0 0 8px;
}

/* variaties in lettergrootte */
.zevenpt {
font-size:7pt;
}

.achtpt {
font-size:8pt;
}

.negenpt {
font-size:9pt;
}

.elfpt {
font-size:11pt;
line-height:1.3;
}

.twaalfpt {
font-size:12pt;
line-height:1.3;
}

/* voor alle voetnoten, datumpjes en dergelijke */
.klein {
font-size:10px;
line-height:13px;
}

.bgwit {
background-color:#fff;
}

.bgoker {
background-color:#fff;
border:1px solid #f60000;
}

.bgzwart {
background-color:#333;
}

.bggrijs {
background-color:#d9d9d9;
}

/* lijst met pijltjes en mooie marges, uiterst populair... */
ul.pijltje {
list-style-image:url(http://planet.sp.nl/pijltje.gif);
padding-left:8px;
margin-left:8px;
}

ul.tomaat {
list-style-image:url(http://planet.sp.nl/tomaat11.gif);
padding-left:8px;
margin-left:8px;
margin-top:0;
}

ul.sterretje {
padding-left:10px;
margin-left:10px;
list-style:none url(http://planet.sp.nl/sterretje.gif);
}

ul.pijltje li,ul.tomaat li,ul.sterretje li {
margin-bottom:8px;
}

/* 2. weergave op nieuwsindex */
div.recentbericht {
border-bottom:1px solid #f60000;
padding-top:8px;
padding-bottom:12px;
}

.recentbericht p {
display: inline;
}

.recentbericht h4 a,.recentbericht h4 a:link,.recentbericht h4 a:visited {
color:#333;
text-decoration:none;
font:normal 20px Impact;
text-transform:uppercase;
line-height:23px;
}

div.minderrecenteberichten {
margin-top:20px;
border-bottom:1px solid #f60000;
}

/* weergave volledig bericht */
.berichtdatum {
font-weight:400;
}

.topfoto {
margin:12px 0 6px;
}
/*.topfoto img#plaatje {
*margin-bottom:-18px
}
*/
span.onderschrift {
font-size:10px;
line-height:13px;
display:block;
}
.bouwsteen1,.bouwsteen2 {
background-color:#eee;
border-top:1px solid #f60000;
border-bottom:4px solid #f60000;
border-right:4px solid #f60000;
border-left:1px solid #f60000;
font-family:'Comic Sans MS',Verdana,sans-serif;
text-align:center;
padding:10px;
}

.bouwsteen1 {
margin-left:32px;
}

.bouwsteen2 {
margin-right:32px;
}

.bouwsteen1.afzender,.bouwsteen2.afzender {
font:bold 9px Verdana, Helvetica, Arial, sans-serif;
display:block;
text-align:left;
margin-bottom:4px;
}

.bouwsteen1.datum,.bouwsteen2.datum {
font-size:90%;
}

.bouwsteen1 a,.bouwsteen2 a {
font-weight:700;
color:#f60000;
text-decoration:none;
}

#zonden h4 {
background-color:#f60000;
color:#fff;
margin-bottom:0;
padding:3px;
}

#zonden dt {
margin-top:7px;
margin-bottom:5px;
}

#agenda div.item {
border-top:2px solid #f60000;
}

#agenda .datum {
font-weight:700;
text-transform:uppercase;
}

#agenda dt {
background-color:#eee;
font-weight:700;
}

#agenda dd {
margin-left:70px;
}

#agenda dl {
margin-top:9px;
}

#poll {
vertical-align:text-top;
}

#poll p {
vertical-align:top;
text-align:left;
}

/* suckerfish dropdowns */
#navigatie ul {
list-style:none;
margin:0;
padding:0;
}

#navigatie li {
background-color:#fff;
float:left;
width:83px;
border:1px solid #333;
border-right:0;
position:relative;
padding:3px 3px 3px 9px;
}

#navigatie li.last {
border:1px solid #333;
}

#navigatie li ul {
display:none;
background-color:#fff;
opacity:0.8;
margin-left:-10px;
filter:alpha(opacity=80);
position:absolute;
top:26px;
left:9px;
}

#navigatie li:hover ul,#navigatie li.over ul {
display:block;
}

#navigatie li ul li {
width:82px;
margin-left:0;
padding-left:10px;
border-top:0;
border-right:1px solid #333;
background-color:#FFF;
overflow:hidden;
}

#navigatie li ul li:hover a,#navigatie li ul li.over a {
color:#FFF;
}

/* einde dropdowns */
.xspace {
clear:both;
}

/* hack1 voor IE, zie http://www.satzansatz.de/cssd/onhavinglayout.html 
 hack2 voor FF   */
.constrain {
display:inline-block;
overflow:hidden;
padding-bottom:8px;
width:100%;
}

/* kop Tribune en /column */
.fRight {
float:right;
padding-bottom:15px;
padding-top:2px;
vertical-align:baseline;
margin-right:6px;
}

.boven_kader {
text-transform:uppercase;
border-bottom:1px solid #f60000;
border-right:1px solid #f60000;
}

img.randgrijs {
border:1px solid #bbb;
}

ul.sptv {
padding-left:16px;
padding-right:6px;
list-style-image:url(http://www.sp.nl/nav/realvideo.gif);
font-size:10px;
line-height:13px;
margin:8px 0;
}

#indemedia a {
text-decoration:none;
font-weight:700;
}

/* search.sp.nl en zo */
a.search_url {
font-weight:700;
font-size:12px;
}

a.search_url_low {
font-weight:700;
text-decoration:none;
color:#999;
}

span.search_contsize {
	font-size:11px;
	display:none;
	color:#999;
}

span.search_lastmod {
	color:#999;
	font-size:11px;
}

/* add-to-any css onderaan berichten */
ul.addtoany_list {display: block; margin:0 !important;padding:0 !important}
ul.addtoany_list li {display:inline !important;list-style-type:none;line-height:32px;margin:0 !important;padding:0 !important}
ul.addtoany_list li:before {content:""}
ul.addtoany_list li a {padding:0 7px}
ul.addtoany_list img {float:none;height:16px;width:16px;border:0;vertical-align:middle;margin:0;padding:0}
ul.addtoany_list a img {opacity:.7;-moz-opacity:.7;filter:alpha(opacity=70)}
ul.addtoany_list a:hover img,ul.addtoany_list a.addtoany_share_save img {opacity:1px;-moz-opacity:1px;filter:alpha(opacity=100)}
.shortlink {margin-top:6px;font-size:7pt}

/*end*/

/* -wij-login-overlay */
#overlay {
    display:none;
	border:0px solid #666;
	border:0px solid rgba(82, 82, 82, 0.698);
	background-color:white;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding:0px;
	z-index:10000;
	width:610px;
	min-height:200px;
}
div.contentWrap {
	height:100%;
	overflow-y:auto;
}

/* tk2010-overlay */
#fpoverlay {
	display:none;
	border:5px solid #FFEE00;
	background-color:#FFEE00;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding:0px;
	z-index:10000;
	width:990px;
	height:610px;
	overflow:visible;
}

#fpoverlay_frame {
	width:100%;
	height:100%;
	border:0;
	overflow:visible;
}

div.standpunt {
	width:366px;
	border:1px #f60000 solid;
	margin-bottom:10px;
}

ol.standpunt li {
	margin: 0px 10px 7px -12px;
}

textarea.standpunt {
	width:90%;
	font-family:Verdana,Arial,helvetica,sans-serif;
	font-size:12px;
}

/* phplist.sp.nl */
.lijstkop {
	margin-bottom:0;
}

ul.list {
	margin-left:0;
	padding-left:0;
	list-style-type:none;
}

.listdescription {
	display:inline;
	margin-left:10px;
	font-size:8pt;
}

legend,.bouwsteen1.naam,.bouwsteen2.naam {
font-weight:700;
color:#f60000;
}

a,a.dun:visited {
color:#000;
}

h1 a,h2 a,a:visited,#keuzemenu li.actief ul li a,#keuzemenu li.uitklap ul li a,.blauw,a.blauw,a.blauw:visited,a.blauw:hover,.zwart,a.zwart,a.zwart:visited,a.zwart:hover {
color:#333;
}

#middenkolom h6 a,h6 a:visited,#superfooter a,#superfooter a:link,#superfooter a:visited {
color:#fff;
text-decoration:none;
}

h6 a:hover,#rechterkolom h4 a:hover,#linkerkolom h4 a:hover,#vierdekolom h4 a:hover,#rechterkolom h6 a:hover,#linkerkolom h6 a:hover,#rechterkolom a:hover,#linkerextra a:hover,#vierdekolom 
a:hover,#superfooter a:hover {
text-decoration:underline;
}

#navigatie a.grijs,#rechterkolom a:visited,#linkerextra a:visited,#vierdekolom a:visited {
color:#666;
}

#sectieheader h2,.skiplink,#tweekolomspagina #rechterkolom,#weblogJM .rbardatum,#agenda .extra,font.required {
display:none;
}

#keuzemenu li.actief a,#keuzemenu li.uitklap a,#keuzemenu li.uitklap ul li.actief a,#rechterkolom h6 a,#rechterkolom h6 a:visited,#linkerkolom h6 a,#linkerkolom h6 
a:visited,.rood,a.rood,a.rood:visited,a.rood:hover,#navigatie li.hier ul li a,a.search_url_low:hover {
color:#f60000;
}

#rechterkolom h4 a,#rechterkolom h4 a:visited,.geel,a.geel,a.geel:visited,a.geel:hover,.oker,a.oker,a.oker:visited,a.oker:hover,.wit,a.wit,a.wit:visited,a.wit:hover,#rechterkolom a.wit,#linkerextra 
a.wit,#linkerextra a.wit:visited,#navigatie li.hier a {
color:#fff;
}

.tekstveld,#jan input {
border:1px solid #333;
height:14px;
}

.dertienpt,.veertienpt {
font-size:13.5pt;
line-height:1.3;
}

.vet,.feedmessage p,.berichtintro p,#poll p:first-child,span.search_hilight {
font-weight:700;
}

.bgblauw,.bgrood,#navigatie li.hier,#navigatie li ul li:hover,#navigatie li ul li.over {
	background-color:#f60000;
}

.emailbox {
	border: 1px #f60000 solid;
	padding: 2px;
	color: #aaa;
	width:140px;
}
.emailboxact {
	color: #000;
}
.emailbutton {
	background: #f60000;
	color: #fff;
	padding: 2px;
	border: 0;
}

/* Lightbox overlay */
#lightbox { 
	position: fixed; 
	width: 100%; 
	top: 0; 
	left: 0; 
	z-index: 4000; 
	display: none; 
	}
#lb_container { 
	width: 960px; 
	height: 555px; 
	overflow: hidden;  
	opacity: 1; 
	background: #fff; 
	margin: 25px auto; 
	border: 1px solid #dd0; 
	box-shadow: 1px 1px 22px #f90;  
	-moz-box-shadow: 1px 1px 22px #f90;  
	-webkit-box-shadow: 1px 1px 22px #f90; 
	}

.yellow-back { 
	background: url('../2010/campagnesite/images/trans_yellow.png');
}


/* temp voor nieuws in vierdekolom:  */
#vierdekolom img[src="http://planet.sp.nl/sp_nieuws.gif"]{
	width:178px
} 

#vierdekolom #kanalen {
	border:0 !important;
}

#vierdekolom div.vrij2 {
border:none;
width:180px;
margin:0;
}

#vierdekolom .kaderrood,
#vierdekolom .rb_blok {
width:178px;
}

#vierdekolom div {
border:1px solid #f60000;
width:180px;
margin:0 0 15px;
padding:0;
}

#vierdekolom h4 {
font:bold 9px Verdana, sans-serif;
letter-spacing:1px;
color:#fff;
background-color:#f60000;
text-transform:uppercase;
margin:0;
padding:0 10px 2px;
}

#vierdekolom h6 {
color:#f60000;
text-transform:none;
background-color:#fff;
margin:8px 0 5px 2px;
}

#vierdekolom h5 {
color:#f60000;
font:bold 14px Verdana, sans-serif;
border-top:1px #f60000 dotted;
border-bottom:1px #f60000 dotted;
margin:8px 0 5px 2px;
padding:1px 9px 2px;
}

#vierdekolom ul {
padding-left:16px;
padding-right:6px;
list-style-image:url(http://planet.sp.nl/pijltje.gif);
font-size:10px;
line-height:13px;
margin:6px 8px 8px 10px;
}

#vierdekolom p {
font-size:10px;
line-height:13px;
margin:6px 8px 8px;
padding:0;
}

#vierdekolom h6 a:hover {
text-decoration:underline;
}

#vierdekolom h6 a,#vierdekolom h6 a:visited {
color:#f60000;
}

.actie-actie-formulier {padding: 10px;}
.actie-actie-formulier .input-text {width: 170px;}
.actie-actie-formulier .text-area { width:230px; height:100px;}

.bblog-post-date {font-size: 1.45em;}
a.rss-profiel { border: 1px solid #f60000; overflow: hidden; height: 15px; display: block; cursor: hand; text-decoration: none; }
a.rss-profiel:hover { border: 1px solid #f60000; overflow: hidden; height: 15px; display: block; cursor: hand; }
.rss-profiel .rss-rss {float: left; background: #f60000; padding: 2px 5px; color: #fff; font-size: 9px;}
.rss-profiel .rss-subject {background: #fff; float: left; padding: 2px 5px; color: #555; font-size: 9px;}

/* Tweet, like, share onder nieuws:  St-20110601 */
.share_container .facebook_like_button, 
.share_container .twitter-share-button,
.share_container .addthis_toolbox {float: left;}
.share_container .facebook_like_button {width: 150px!important; }

/*JH-20110808*/
.addthis_button_google_plusone.at300b {width:60px}
.addthis_button_tweet.at300b {width:96px}

img[src="/nav/xml.gif"] {width:16px;height:16px;}

/* Twitter widget in linker extra - St-20110914 */
#sp-twitter .twtr-widget {border-radius: 0;  width: 99%; overflow: hidden;  }
#sp-twitter .twtr-widget div {margin: 0!important; padding: 0!important; }
#sp-twitter .twtr-widget .twtr-reply, 
#sp-twitter .twtr-widget .twtr-rt, 
#sp-twitter .twtr-widget .twtr-fav {display: none;}
#sp-twitter .twtr-widget .twtr-tweet {padding: 3px 0 5px 1px!important;}
#sp-twitter .twtr-widget .twtr-avatar {overflow: hidden; width: 35px; height: 30px; margin: 3px 0 0 0!important;}
#sp-twitter .twtr-widget .twtr-tweet-text {width: 90%;  }
#sp-twitter .twtr-tweet-text em {color: #fff;}
#sp-twitter .twtr-ft {display: none;}
#sp-twitter .twtr-widget .twtr-doc { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
#sp-twitter .twtr-widget .twtr-hd h3 {font-family: Helvetica, sans-serif; padding: 3px 0!important;}
#sp-twitter .twtr-widget .twtr-hd h4 {padding: 3px 0 !important; font-size: 22px!important;}
#sp-twitter .twtr-widget em a.twtr-timestamp {color: #aaa!important; font-weight: normal; }

a.extern  { 
 background: url("/nav/externalrood.png") center right no-repeat;
 padding-right: 13px; 
 color: #111111; 
} 

a.extern:hover {
 color: #f60000; 
}