@charset "utf-8";
/* CSS Document */

body {
	background-image:url(../img/background.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	background-color: #e1e1d8;
	padding: 0px;
}
.container {
	width: 998px;
	top: 0px;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	margin-top: -8px;
	padding:0px;
}
.bovenmenu {
	font-family:calibri, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #cbcbcb;
	padding-top: 0px;
	/* position:relative;
	top:-4px; */
}
.bovenmenu a{
	color:#FFF;
	}
.bovenmenu a:hover{
	text-decoration: underline;
	}
.datumnu {
	margin-top: -12px;
	color: #FFF;
	background-image:url(/img/datum.png);
	background-repeat:no-repeat;
	background-position:left;
	margin-left:770px;
	
}
.logobalk {
	width:948px;
	height:39px;
	background-image:url(../img/politiekgroningen_logo.png);
	background-repeat:no-repeat;
	margin-top: 20px;
}
.witmain {
	width: 972px;
	background: url(/img/witmainbackground.jpg);
	background-repeat:repeat-y;
	margin-top: 12px;
	padding: 0px;
	border: 12px solid #9f9f9f;
	text-align:center;
}
.collage {
	width: 960px;
	height: 270px;
	background-image:url(../img/collage.jpg);
	background-repeat:no-repeat;
	border: 6px solid white;
	border-bottom:16px solid white;
}
table.main {
	width:960px;
	border:0px;
	padding:0px;
	margin:0px;
}
td.mainkolom {
	width: 662px;
	text-align:left;
	padding-bottom: 20px;
}	
td.rechterkolom {
	width: 310px;
	text-align:left;
}
.twitterheader {
	background: url(/img/twitterheader.png) no-repeat;
	height:70px; width:260px;
	margin: 30px 0 6px 30px;
}
.twitterlist {
	margin-left: 30px;
	font-size:12px;
	font-family:calibri, Arial, Helvetica, sans-serif;
}
.twitterlist img {
	/* width: 35px; height: 35px; */
	border: 2px solid #a4a4a4;
	margin-right:4px;
	padding:0px;
}
.grey {
	background-color: #d4d4d4;
	width: 570px;
	min-height: 126px;
	margin-left: 40px;
	margin-top:23px;
	padding: 10px 6px 0px 6px;
}
.leesmeergrey {
	background-color: #d4d4d4;
	width: 570px;
	margin-left: 40px;
	margin-top:0px;
	padding: 0px 6px 8px 6px;
}
.weblogitem {
	margin: 0 110px 0 105px;
	padding: 0;
}
.weblogitem img{
	display:none;
}
.grey h1 {
	font-family:"Times New Roman", Times, serif;
	font-size: 26px;
	color: #4c4c4c;
	font-weight:normal;

	background:url(/img/h1lijn.jpg) repeat-x left bottom;
	padding-bottom:2px;
}
img.rightimg {
	margin-left:8px;
	border: 1px solid #999;
}
img.leftimg {
	margin-right:8px;
}
.description {
	font-size:12px;
	font-family:calibri, Arial, Helvetica, sans-serif;
	color: #565656;
	margin: 8px 0 0 0;
}
.tijdstip {
	font-size:11px;
	font-family:calibri, Arial, Helvetica, sans-serif;
	color: #7b7b7b;
	margin: 4px 0 0 0;
}
.leesmeer {
	background-color:#9ca722;
	text-align:center;
	width:120px;
	height:25px;
	padding-top:4px;
	color: #fff;
	text-decoration:none;
	font-weight:bold;
}
.leesmeer a{
	color: #fff;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	text-decoration:none;
	font-weight:bold;
	width:120px;
	height:25px
}
.leesmeer a:hover{
	border:1px solid #fff;
}
a, a.visited { text-decoration:none;
	color: #e40138;
}
.gicheader {
	background: url(/img/gicheader.png) no-repeat;
	height:70px; width:260px;
	margin: 30px 0 6px 30px;
}
.gicrss {
	width:252px;
	border:4px solid #d5d4d4;
	background-color:#ededed;
	margin: 0 0 0 30px;
	font-size:12px;
	font-family:calibri, Arial, Helvetica, sans-serif;
}
.gicitem {
	color:#636363;
	background:#ededed url(/img/twitterlijn.jpg) repeat-x left bottom;
	padding:6px;
}
.gicitem a {
	color: #e40138;
	text-decoration:none;
	font-weight:bold;
	display:block;
}
* html .gicitem a {  /* make hover effect work in IE */
	width: 252px;
}
.gicitem a:hover {
        background: #ebbec9;
}
span.rssdesc {
	font-size:12px;
	font-family:calibri, Arial, Helvetica, sans-serif;
	color:#636363;
	font-weight:normal;
}

span.rssdate {
	font-size:11px;
	font-family:calibri, Arial, Helvetica, sans-serif;
	color: #7b7b7b;
	margin: 4px 0 0 0;
	font-weight:normal;	
}
.oogheader {
	background: url(/img/oogheader.png) no-repeat;
	height:70px; width:260px;
	margin: 30px 0 0 30px;
}	
.oogrss {
	width:252px;
	border:4px solid #d5d4d4;
	background-color:#ededed;
	margin: 0px 0 0 30px;
	font-size:12px;
	font-family:calibri, Arial, Helvetica, sans-serif;
}
.rtvnoordheader {
	background: url(/img/rtvnoordheader.png) no-repeat;
	height:70px; width:260px;
	margin: 30px 0 0 30px;
}	
.rtvnoordrss {
	width:252px;
	border:4px solid #d5d4d4;
	background-color:#ededed;
	margin: 0px 0 0 30px;
	font-size:12px;
	font-family:calibri, Arial, Helvetica, sans-serif;
}
.awmain {
	width: 972px;
	background-color: #f6f6f4;
	margin-top: 12px;
	padding: 0px;
	border: 12px solid #9f9f9f;
}
.weblogbox {
	float: left;
	width: 	260px;
	height: 300px;
	border:4px solid #d5d4d4;
	font-size:12px;
	font-family:calibri, Arial, Helvetica, sans-serif;
	margin:30px 0 30px 40px;
	text-align:left;
	background-color:#ededed;
}
.weblogbox h1{
	position: relative;
	top:-80px;
	color: #e40138;
	margin:0;
	font-size:14px;
	background-color:#fff;
	padding-left: 8px;
	z-index:10;
}
.weblogbox h2{
	position: relative;
	top:-80px;
	color: #fff;
	margin:0;
	font-size:12px;
	background-color:#000;
	padding-left: 8px;
}
.awitem {
	position: relative;
	top:-80px;
	color:#636363;
	background:#ededed url(/img/twitterlijn.jpg) repeat-x left bottom;
	padding:6px;
}
.awitem a {
	color: #e40138;
	text-decoration:none;
	font-weight:bold;
	display:block;
}
* html .awitem a {  /* make hover effect work in IE */
	width: 252px;
}
.awitem a:hover {
        background: #ebbec9;
}
.awfimg {
	position:relative;
	top:-20px;
	left:240px;
	z-index: 50;
}
.awpimg {
	position:relative;
	top:-60px;
	left:190px;
	z-index: 50;
}
.h1 {
	float: none;
	font-size:24px;
	font-family:Calibri, Arial, Helvetica, sans-serif
}
.h2 {
	float: none;
	font-size:18px;
	font-family:Calibri, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 0 18px 0 18px;
	border-bottom: 1px solid #999;
}
.collegebox {
	float: left;
	width: 	260px;
	height: 300px;
	border:4px solid #d5d4d4;
	font-size:12px;
	font-family:calibri, Arial, Helvetica, sans-serif;
	margin:30px 140px 30px 40px;
	text-align:left;
	background-color:#ededed;
}
.collegefimg {
	position:relative;
	top:-20px;
	left:240px;
	z-index: 50;
}
.collegeprofiel {
	position:relative;
	top:0px;
	left:240px;
	z-index: 50;
}
.collegebox h1{
	position: relative;
	top:-248px;
	color: #e40138;
	margin:0;
	font-size:14px;
	background-color:#fff;
	padding-left: 8px;
	z-index:10;
}
.collegebox h2{
	position: relative;
	top:-248px;
	color: #fff;
	margin:0;
	font-size:12px;
	background-color:#000;
	padding-left: 8px;
}
.collegeitem {
	position: relative;
	top:-248px;
	color:#636363;
	background:#ededed url(/img/twitterlijn.jpg) repeat-x left bottom;
	padding:6px 28px 6px 6px;
}
.fractiebox {
	width: 	760px;
	border:4px solid #d5d4d4;
	font-size:12px;
	font-family:calibri, Arial, Helvetica, sans-serif;
	text-align:left;
	background-color:#ededed;
	margin: 30px 18px 30px 160px;
}
.fractiefimg {
	position:relative;
	top:60px;
	left:-120px;
	z-index: 50;
}
.fractiebox h1{
	position: relative;
	top:-95px;
	color: #e40138;
	margin:0;
	font-size:14px;
	background-color:#fff;
	padding-left: 8px;
	z-index:10;
}
.fractiebox h2{
	position: relative;
	top:-95px;
	color: #fff;
	margin:0 0 -60px 0;
	font-size:12px;
	background-color:#000;
	padding-left: 8px;
}
.fractielid {
	float: left;
	margin: 0px 10px 10px 10px;
	border: 1px solid #999;
	font-size: 12px;
	text-align: center;
	color: #e40138;
	height:184px;
	
}
.over {
	border:4px solid #d5d4d4;
	margin:30px 140px 30px 40px;
	padding:8px;
}
p {
	font-size:12px;
	font-family:calibri, Arial, Helvetica, sans-serif;
	color: #565656;
}
.contactform {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:30px;
color:#666666;
}
label {
margin: 0;
padding:0.2em;
margin-top:0.3em;
text-align:right;
width:70px;
float:left;
text-transform:uppercase;

  }
fieldset {
	
  background-image: url(/img/form/contactform_bg.png);
 /*  background-color:#ccc; 
  border:solid 0 #fff; /* Opera doesn't get border:none or border:0 on fieldsets */
	border: 1px solid #c2c2c2;
	width:368px;
	height:226px
  }
.br {display:none;}  
  
.textfield {
font:12px  Calibri, Verdana, Arial, Helvetica, sans-serif ;
color:#333 ;
margin:3px;
height:20px;
border:solid 0 #fff;
padding: 0px 8px 0px 8px;
background: transparent url(/img/form/textfield_bg.png) no-repeat fixed;
width:200px;
voice-family: "\"}\""; 
voice-family:inherit;
width:187px;
}
.textfieldantispam {
font:12px  Calibri, Verdana, Arial, Helvetica, sans-serif ;
color:#333 ;
margin:3px;
height:20px;
border:solid 0 #fff;
padding: 0px 8px 0px 8px;
background: transparent url(/img/form/antispam_bg.png) no-repeat fixed;
width:70px;
voice-family: "\"}\""; 
voice-family:inherit;
width:70px;
}
fieldset>input.textfield {
background: transparent url(/img/form/textfield_bg.png) no-repeat;
}
fieldset>input.textfieldantispam {
background: transparent url(/img/form/antispam_bg.png) no-repeat;
position:relative;
top:-6px;
}
textarea {
font:12px Calibri, Verdana, Arial, Helvetica, sans-serif;
color:#333 ;
margin:3px;
height:96px;
border:solid 0 #fff;
padding: 0 8px;
background: transparent url(/img/form/textarea_bg.png) no-repeat fixed;
width:256px;
voice-family: "\"}\""; 
voice-family:inherit;
width:246px;
padding-top:4px;
}
fieldset>textarea {
background: transparent url(/img/form/textarea_bg.png) no-repeat;
}
.submit {
margin:3px;
background: transparent url(/img/form/submit.png) no-repeat;
height:20px;
border:solid 0 #fff;
width:80px;
font:11px Calibri, Verdana, Arial, Helvetica, sans-serif;
color:#666;
text-transform:uppercase;
position:relative;
top:-6px;
 }
.linksheader {
	background: url(/img/linksheader.png) no-repeat;
	height:70px; width:260px;
	margin: 30px 0 0 30px;
}	
.linkslist {
	width:252px;
	border:4px solid #d5d4d4;
	background-color:#ededed;
	margin: 0px 0 0 30px;
	font-size:12px;
	font-family:calibri, Arial, Helvetica, sans-serif;
}
.linkitem {
	color:#636363;
	background:#ededed url(/img/twitterlijn.jpg) repeat-x left bottom;
	padding:6px;
}
.linkitem a {
	color: #e40138;
	text-decoration:none;
	font-weight:bold;
	display:block;
	height:16px;

}
* html .linkitem a {  /* make hover effect work in IE */
	width: 252px;
}
.linkitem a:hover {
        background: #ebbec9;
}