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

/* sp.mobify.me */
#mvoorpagina {
display:none;
}
p.social 
{ 
width:368px; 
clear: right
}

/* algemene tekstkenmerken */
#middenkolom blockquote {
margin:12px 32px;
}

acronym {
border-bottom:1px dotted #F60000;
cursor:help;
}

td,th {
font-size:12px;
line-height:1.3333;
}

img {
border:0;
}

table {
border-collapse:collapse;
}

fieldset {
border:1px solid #F60000;
padding:12px;
}

a:active,a:hover {
color:#F60000;
text-decoration:underline;
}

h1,h2,h3 {
font:normal 30px Impact, Helvetica, Arial, sans-serif;
line-height:1.0;
text-transform:uppercase;
}

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;
padding:1px 9px 2px;
}

#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-indeling */
#superwrapper {
float:left;
width:790px;
overflow:hidden;
}

div#navigatie {
position:relative;
z-index:2000;
height:27px;
margin:0 0 13px;
}

div#sectieheader {
margin:0 0 14px;
}

#navigatie2 td {
width:178px;
text-align:center;
border:1px solid #333;
padding:3px;
}

#navigatie a,#navigatie2 td {
text-decoration:none;
color:#F60000;
font:normal 15px Impact, sans-serif;
letter-spacing:1px;
}

#float-wrapper {
float:left;
margin:0;
}

#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;
}

#linkerkolom {
float:left;
width:137px;
overflow:hidden;
margin:0;
}

#middenkolom {
width:368px;
margin-left:157px;
}

#rap {
overflow:hidden;
}

/* 3 px hack -  Hide from IE5-mac. Only IE-win sees this. \*/
* html #middenkolom {
height:1%;
}

/* End hide from IE5/mac */
#tweekolomspagina #middenkolom {
width:610px;
}

#rechterkolom {
margin-left:555px;
width:215px;
}

/* 3 px hack -  Hide from IE5-mac. Only IE-win sees this. \*/
* 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;
}

#vierdekolom {
margin-left:794px;
width:180px;
}

#kanalen {
position:absolute;
top:43px;
width:180px;
}

#superfooter {
clear:both;
width:770px;
margin-bottom:12px;
}

/* eigenschappen van zakies in de linkerkolom 
 eerst maar het keuzemenu  */
#keuzemenu a,h1 a {
color:#333;
text-decoration:none;
}

#keuzemenu {
width:135px;
overflow:hidden;
margin:-4px 0 18px;
}

#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:400;
letter-spacing:0;
}

/* 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;
}

#rechterkolom div.vrij,#linkerkolom div.vrij {
border:none;
}

#rechterkolom div.vrij {
width:215px;
}

/* klevie div-in-div enzo */
#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 14px Verdana, sans-serif;
border-top:1px #f00 dotted;
border-bottom:1px #f00 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;
}

#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;
margin-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:inline;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*/

/* klevie-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,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,#navigatie2 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 #f00 solid;
	padding: 2px;
	color: #aaa;
	width:140px;
}
.emailboxact {
	color: #000;
}
.emailbutton {
	background: #f00;
	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.0; background: #fff; margin: 25px auto; opacity: 1; border: 1px solid #dd0; -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
} 
#navigatie2,
#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 #f00 dotted;
border-bottom:1px #f00 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;
}