* {
  margin: 0;
  padding: 0; 
}

body {
  font-family: Tahoma;
  color: #fff;
  background: #000;
  font-size: 11px;
}

input { background: #666666; border: solid black 1px; color:#FFFFFF; font: 13px Verdana, Arial, Helvetica, sans-serif }
textarea { background: #666666; border: solid black 1px; color:#FFFFFF; font: 12px Verdana, Arial, Helvetica, sans-serif }
input.submit { font-weight: bold; width: auto }
#submit { font-weight: bold; margin-left: 130px; text-align: left }
* html #submit { margin-left: 133px }

ul{list-style:none;}
a{color:#fff; text-decoration:none;}

/* CONTAINERS */
/*****************/
div#container {
  width: 960px;
  margin: 0 auto;
}

/* HEADER */
/*****************/
div#header {
  width: 960px;
  height: 347px;
  background: url(images/header.jpg) no-repeat top;
}

div#header ul {
  font-size: 11px;
  font-weight: bold;
  padding: 310px 0 0 19px;
}

div#header li {
  display: block;
  height: 26px;
  background-repeat: no-repeat;
  float: left;
  padding: 6px 0 0 32px;
  margin-right: 3px;
}

li.gebruiker { background: url(images/li-gebruiker.gif); }
li.leven { background: url(images/li-leven.gif); }
li.geld { background: url(images/li-geld.gif); }
li.berichten { background: url(images/li-berichten.jpg); }

div#header span.rood {
  color: #ff0000;
}

/* LEFTMENU */
/*****************/
#lijntje {
   margin: 20px;
   border: solid #FD5200;
   border-width: 0 0 1px 0;
   display: block;
   width: 400px;
   color: #f0dac2;
}
td.titel1 {
  color: #000000;
  background-image: url(images/test.gif);
  border-style: solid;
  border-color: #2C2B2B;
  border-width: 2px 0px 1px 2px;
  text-align: left;
}
td.titel2 {
  color: #FFFFFF;
  background-image: url(images/test.gif);
  border-style: solid;
  border-color: #333333;
  border-width: 2px 2px 1px 0px;
  text-align: right;
}
td.reac {
  color: #FFFFFF;
  background: #595858 ;
  border-style: solid;
  border-color: #2C2B2B;
  border-width: 1px 1px 1px 1px;
}
div#leftmenu {
  width: 184px;
  float: left;
  margin-left: 7px;
}

div#leftmenu h1 {
  width: 184px;
  height: 29px;
}

h1.algemeen { background: url(images/h1-algemeen.jpg); }
h1.communicatie { background: url(images/h1-communicatie.jpg); }
h1.colosseum { background: url(images/h1-colosseum.jpg); }
h1.spelmenu { background: url(images/h1-spelmenu.jpg); }
h1.stad { background: url(images/h1-stad.jpg); }

div#leftmenu h1 span {
  display: none;
}

div#leftmenu a {
  font-size: 11px;
}

div#leftmenu li {
  margin-top: 2px;
}

div#leftmenu li span {
  color: #ff0000;
}

div#leftmenu li a {
  display: block;
  width: 164px;
  height: 17px;
  background: url(images/leftmenu-li-a.gif);
  padding: 3px 0 0 20px;
}

div#leftmenu li a:hover {
  background: url(images/leftmenu-li-ahover.gif);
  font-weight: bold;
  color: #ff0000;
}

/* CONTENT */
/*****************/
div#content {
  width: 551px;
  background: url(images/content-bg.jpg) repeat-y;
  float: left;
  margin: 3px 0 0 6px;
  font-size: 12px;
}

div.content-top {
  width: 551px;
  height: 13px;
  background: url(images/content-top.jpg) no-repeat top;
}

div.content-bottom {
  width: 551px;
  height: 20px;
  background: url(images/content-bottom.jpg) no-repeat bottom;
}

div#content span.geel {
  font-style: normal;
  color: #fff600;
  padding: 19px 22px 0 26px;
  display: block;
}
div#content span.wit {
  font-style: normal;
  color: #FFFFFF;
  padding: 9px 12px 0 19px;
  display: block;
}

h4 {
    margin-left: 10px ;
    padding-left: 50px;
    color: #FFFFFF;
    font-size: 17px;
    font-weight: bold;
    line-height: 40px;
}
h4 { background: transparent url(img/titel.gif) no-repeat 0 50%;   
opacity:.80;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
	
}

div#content span.rechts {
  font-style: normal;
  padding: 0 19px 3px 25px;
  display: block;
  text-align: right;
}
div#content span.error {
  font-style: bold;
  padding: 9px 12px 0 19px;
  display: block;
  color: #e30f0f;
  font-weight: bold;
  text-align: center;
}
div#content span.done {
  font-style: bold;
  padding: 9px 12px 0 19px;
  display: block;
  color: #1cde16;
  font-weight: bold;
  text-align: center;
}

div#content h1 {
  font-size: 14px;
  margin-top: 18px;
  padding-left: 26px;
}

div#content ul {
  margin-top: 18px;
}

div#content li {
  margin-left: 26px;
}

div#vak {
  font-size: 14px;
  margin-top: 18px;
  padding-left: 26px;
}

div#content ul#nieuws li {
  background: url(images/nieuws-icon.gif) no-repeat left;
}

div#content ul#at li {
  background: url(images/reacties-icon.gif) no-repeat left;
}

div#content li a {
  display: block;
  width: 467px;
  height: 19px;
  padding: 3px 0 0 36px;
}

div#content ul#nieuws li a.bg {
  background: url(images/content-li-a.gif);
}

div#content ul#at li a.bg {
  background: url(images/content-li-a-at.gif);
}

div#content p.nieuws-archief {
  font-size: 11px;
  margin: 20px 0 25px 26px;
}

div#content p.nieuws-archief a:hover {
  text-decoration: underline;
}

/* POLL */
div#poll {
  margin-left: 16px;
  background: url(images/poll-bg.jpg) repeat-y;
  text-align: center;

}

div#poll h1 {
  display: block;
  width: 489px;
  height: 41px;
  background: url(images/h1-poll.jpg);
  margin-bottom: -18px;
}

div#poll h1 span {
  display: none;
}

ul#stemvak {
  display: block;
  width: 510px;
  height: 44px;
  background: url(images/stemvak-bg.gif);
  margin-left: 5px;
  font-size: 11px;
  padding-top: 4px;
}

ul#stemvak li {
  margin-left: 14px;
}

div#poll p {
  font-size: 11px;
  padding: 0 30px 0 20px;
  margin: 10px 0 0 0;
}

div.poll-bottom {
  width: 515px;
  height: 19px;
  background: url(images/poll-bottom.jpg);
}

/* RIGHTMENU */
/*****************/
div#rightmenu {
  width: 201px;
  float: left;
  margin: 3px 0 0 5px;
  font-size: 11px;
}

div#rightmenu h1 {
  display: block;
  width: 201px;
  height: 20px;
  background: url(images/h1-actievetopics.jpg);
}
div#rightmenu h2{
  display: block;
  width: 201px;
  height: 20px;
  background: url(images/nieuws.gif);
}
div#rightmenu h3{
  display: block;
  width: 201px;
  height: 20px;
  background: url(images/shout.gif);
}

div#rightmenu h1 span {
  display: none;
}

div#actievetopics {
  background: url(images/actievetopics-bg.jpg) repeat-y;
}

div#actievetopics ul {
  margin: 22px 0 22px 0;
  padding-left: 23px;
  padding-right: 18px;
}

div#actievetopics li {
  margin-bottom: 4px;

}

div#actievetopics li a {
  display: block;
  width: 151px;
  height: 15px;
  border-bottom: 1px dotted #fff;
  padding-bottom: 1px;
}
li#shout{
  border-bottom: 1px dotted #fff;
  padding-bottom: 1px;
  
}

div#actievetopics li a.noborder {
  border: none;
  text-align: right;
}
div#actievetopics li a.noborder2{
  border: none;
}

div.actievetopics-bottom {
  width: 201px;
  height: 17px;
  background: url(images/at-bottom.gif);
}

/* FOOTER */
/*****************/
div#footer {
  clear: both;
  width: 948px;
  height: 106px;
  background: url(images/footer.gif);
  margin-left: 8px;
}

img.banner {
  margin: 15px 0 0 258px;
  border: 0;
}

#note1 {
background-image: url('img/note1.gif');
width: 148px;
height: 88px;
text-align: center;
color: #000000;
cursor: pointer;
margin-right: 5px;
float: left;
}
#note2 {
background-image: url('img/note1.gif');
width: 148px;
height: 88px;
text-align: center;
color: #000000;
cursor: pointer;
float: left;
}