/* Speciaal voor de campagne 2010 */
/* Opmaak "vierde" campagnekolom */


#campagnekolom {
margin-left:794px;
width:180px;
padding-top:132px;
}

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

#campagnekolom div {
border:1px solid red;
width:180px;
overflow:hidden;
margin:0 0 10px;
padding:0;
}

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

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

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

#campagnekolom h4 a:link,#campagnekolom h4 a:visited {
color:#fff;
text-decoration:none;
}

#campagnekolom a {
color:#333;
text-decoration:none;
font-weight:700;
}

#campagnekolom li {
margin-bottom:4px;
}

#campagnekolom h4 a:hover,#campagnekolom h6 a:hover,#campagnekolom a:hover {
text-decoration:underline;
}

#campagnekolom a:visited {
color:#666;
}


/* Het 'Featured'blokje met grote foto */

#featured {
	width: 610px; 
	height: 252px; 
	margin: 0px 0px 7px; 
	position: relative; 
	overflow: hidden; 
        padding: 0;
	}

#featured p.date {
    position: absolute; 
    z-index: 3; 
    top: 130px; 
    left: 11px;  font-size: 11px; font-weight: bold; 
    background: #f00; /* for non-CSS3 browsers */
    background: rgba(253,0,0,0.9);
    color: #fff; padding: 2px 5px;
    }

#featured h3.featured { 
    background: rgb(33,33,33); /* for non-CSS3 browsers */
    background: rgba(33,33,33,0.85);
    color: #fff; 
    margin: 0; 
    padding: 11px; 
    position: absolute;  
    z-index: 3; 
    font-size: 32px; 
    font-weight: lighter; 
    top: 165px; 
	 text-transform:none;
    }

#campagne #featured a:hover h3, #campagne #featured a:hover {

    background: rgb(233,33,33); /* for non-CSS3 browsers */
    background: rgba(253,23,23,0.7);

}

#featured a, #featured a:visited  {text-decoration: none;}
img.featured { position: relative; z-index: 1; width: 100%; }
a:hover img.featured {opacity: 0.8;}

/* Laatstedag 'Featured'blokjes  */

#featuredld {
	width: 610px; 
	height: 100px; 
	margin: 0px 0px 7px; 
	position: relative; 
	overflow: hidden; 
        padding: 0;
	}

#featuredld h3.featured { 
    background: rgb(33,33,33); /* for non-CSS3 browsers */
    background: rgba(33,33,33,0.85);
    color: #fff; 
    margin: 0; 
    padding: 11px; 
    position: absolute;  
    z-index: 3; 
    font-size: 32px; 
    font-weight: lighter; 
    top: 20px; 
	 text-transform:none;
    }

#featuredld a:hover h3, #featuredld a:hover {
    background: rgb(233,33,33); /* for non-CSS3 browsers */
    background: rgba(253,23,23,0.7);

}

#featuredld a, #featuredld a:visited  {text-decoration: none;}
img.featuredld { position: relative; z-index: 1; width: 100%; }
a:hover img.featuredld {opacity: 0.8;}

/* Middenkolom extra's */
#middenkolom h5 {
  font:34px Impact, Verdana, sans-serif;
  letter-spacing:1px;
  color:red;
  margin:0px;
  padding:0px auto;
}

/* Blokje onder de feature */

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

#navigatie2010 a {
  text-decoration:none;
  color:red;
  font:normal 15px Impact, sans-serif;
  letter-spacing:1px;
}

#navigatie2010 a:hover {
  color:#333
}

#navigatie2010 ul {
list-style:none;
margin:0;
padding:0;
}

#navigatie2010 li {
background-color:#fff;
float:left;
width:94px;
border:1px solid #333;
border-right:none;
position:relative;
padding:3px 3px 3px 3px;
text-align:center
}

#navigatie2010 li.last {
width:97px;
border:1px solid #333;
}

/* Openingspagina verkiezingsprogramma */

#hoofdstuk {
	width: 596px; 
	height: 70px;
	border: 1px solid #f00;
	margin: 0px 0px 7px; 
	position: relative;
	overflow: hidden;
   padding: 6px;
}

#hoofdstuk h5, #helpmee h5 {
  font-size:20px;
  padding: 0px;
  color: #333;
  text-decoration: none;
}

img.hfeatured {
  position: relative;
  z-index: 1;
  width: 133px;
  height: 67px;
}

a:hover img.hfeatured {
  opacity: 0.8;
}


/* Krappe pijltjes */

ul.pijltje2 {
  list-style-image:url(http://planet.sp.nl/pijltje.gif);
  padding:2px 2px 2px 8px;
  margin:0px 0px 0px 6px;
}

#programvoorpagina {
	width: 387px; 
	height: 70px;
	border: 1px solid #f00;
	margin: 0px 7px 7px 0px; 
	position: relative;
	float: left;
	overflow: hidden;
   padding: 6px;
}


#netwerken {
	width: 190px; 
	height: 72px;
	border: none;
	background-color: #ccc;
	color: #fff;
	margin: 0px 0px 7px 0px; 
	position: relative;
	overflow: hidden;
   padding: 6px;
}

#programvoorpagina h5 {
  font-size:20px;
  padding: 0px;
  color: #f00;
  text-decoration: none;
}

/* Panes */

ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:36px;
	border: none;	
}

ul.css-tabs li {  
	float:left;
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:2px 4px 2px;
	margin:0px;
	text-decoration:none;
	border: none;	
	height:32px;
	color:#777;
	position:relative;
}

ul.css-tabs a:hover {
	background-color: white;
	color:#333;
}
	
ul.css-tabs a.current {
	background-color: white;
	cursor:default;
}

div.css-panes {
	margin-bottom: 2px;
}

div.css-panes div.pane {
	display: none;
	border: none;
	background-color: white;
	color: black;
	padding:3px 2px;
}

/* Kandidaten-blokje */

#kandidatenblokje {
	width: 600px; 
	height: 128px;
	border: 1px solid white;
	border-bottom: 1px solid red;
	margin: 0px 0px 10px 0px; 
	position: relative;
	float: left;
	overflow: hidden;
   padding: 4px 4px 4px;
}

#kandidatenblokje h5 {
  font-size:20px;
  padding-left: 4px;
  color: #f00;
  text-decoration: none;
}

img.kandidaat {
  position: relative;
  float:left;
  z-index: 1;
  width: 60px;
  height: 90px;
}

a:hover img.kandidaat {
  opacity: 0.8;
}


/* Kandidatenpagina */

#kandidaatpagina {
	width: 598px; 
	border-bottom: 1px solid #f00;
	margin: 0px 0px 7px; 
	position: relative;
	overflow: hidden;
   padding: 6px;
}

a {
  text-decoration:none;
  font-weight:bold;
}

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


#kandidaatpagina h5 {
  font-size:20px;
  padding: 0px;
  color: #333;
  text-decoration: none;
}

img.kfeatured {
  position: relative;
  z-index: 1;
  width: 100px;
  height: 150px;
}

a:hover img.kfeatured {
  opacity: 0.8;
}

#filmpje {
  width:244px;
  margin-right: 6px;
  float:left;
}