/*
Blauw: #223B73
Oranje: #F4821F
Lichtoranje: #F2B681
*/

body {
  margin: 10 auto;
  font-family: verdana, tahoma, arial, helvetica;
  font-size: 70%;
  background: #223B73;
  line-height: 15px;
}

.agendaMonth {
  color: #223B73;
  font-size: 115%;
}

.block {
  float: left;
  display: block;
  width: 25px;
}


.formfield {
  font-family : verdana, tahoma, arial, helvetica; 
  font-size : 10px; 
  background-color : #EEEEEE; 
  border : 1px solid #CCCCCC; 
}

.formbutton
{
  color : #fff;
  border : #000000 outset 1px;
  background : #223B73;
}

.pagePic {
  width: 150px;
  border: 1px solid #F2B681;
  padding: 3px;
  margin: 5px;
}

h3 {
  font-size: 120%;
}

.fractieHeadline {
  font-size: 120%;
  color: #223B73;
}

hr {
  height: 1px;
  overflow: hidden;
  color: #223B73;
}

.cleaner {
  clear: both;
}

#container {
  margin: 0 auto;
  width: 900px;
  background-color: white;
}

#top {
  width: 900px;
  height: 165px;
  background: #fff url('../assets/top_logo.jpg') no-repeat;
}

#menu {
 width: 900px;
 height: 20px;
 float: right;
 background: #F4821F;
 padding-top: 4px;
 text-align: center;
}

#menu a {
  color: white;
  text-decoration: none;
  font-weight: bold;
  display: inline;
  width: 120px;
  text-align: center;
  margin-left: 15px;
  margin-right: 15px;
}

#left {
  float: left;
  width: 175px;
}

#leftmenu {
  padding-bottom: 70px;
}

.leftmenu {
  display: block;
  color: white;
  background-color: #F2B681;
  text-decoration : none;
  margin-top : 1px;
  padding: 4px;
  _padding: 3px;
  _height: 16px;
}

.leftmenu:hover {
  background-color: #F4821F;
}

.active {
  background-color: #F4821F;
}

.leftpic {
  border: 0;
  position: relative;
  padding: 13px;
}

#right {
  float: left;
  width: 711px;
  padding: 5px;
  border-left: 2px solid #F4821F;
  border-right: 2px solid #F4821F;
  min-height: 390px;
  _height: 390px;
  margin-bottom: 10px;
}

.newsHeadline {
  font-weight: bold;
  font-size: 120%;
  color: #223B73;
  text-decoration: none;
  border-bottom: 1px dotted #F4821F;
}

.newsHeadline:hover {
  border-bottom: 1px solid #F4821F;
}

#right a {
  color: #223B73;
  text-decoration: none;
  border-bottom: 1px dotted #F4821F;
}

#right a:hover {
  border-bottom: 1px solid #F4821F;
}

#links_left {
  float : left;
  width : 350px;
  padding-right : 5px;
}

#links_right {
  float : left;
  width : 350px;
}

#footer {
  width: 900px;
  text-align: center;
  font-size: 90%;
}

#footer a {
  color: #223B73;
  text-decoration: none;
  border-bottom: 1px dotted #F4821F;
}

#footer a:hover {
  border-bottom: 1px solid #F4821F;
}