/* Rebound from opduin_style.css */
ul#menu_top_bluebar {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 600px;
  list-style: none;
}
ul#menu_top_bluebar li {
  margin: 0;
  border: 0 none;
  padding: 0 7px;
  float: left; 
  display: inline;
  list-style: none;
  position: relative;
 }
ul#menu_top_bluebar ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  left: 0;
}
ul#menu_top_bluebar ul:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
ul#menu_top_bluebar ul li {
  width: 160px;
  float: left; 
  display: block !important;
  display: inline;
}
ul#menu_top_bluebar a {
  padding: 0 0px;
  float: none !important; 
  float: left;
  display: block;
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  text-decoration: none;
  height: auto !important;
  height: 1%; 
}
ul#menu_top_bluebar li:hover li a,
ul#menu_top_bluebar li.iehover li a {
  float: none;
  background: #EEE;
  color: #666;
}
ul#menu_top_bluebar li:hover li a:hover,
ul#menu_top_bluebar li:hover li:hover a,
ul#menu_top_bluebar li.iehover li a:hover,
ul#menu_top_bluebar li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}
ul#menu_top_bluebar li:hover li:hover li a,
ul#menu_top_bluebar li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}
ul#menu_top_bluebar li:hover li:hover li a:hover,
ul#menu_top_bluebar li:hover li:hover li:hover a,
ul#menu_top_bluebar li.iehover li.iehover li a:hover,
ul#menu_top_bluebar li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}
ul#menu_top_bluebar li:hover li:hover li:hover li a,
ul#menu_top_bluebar li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}
ul#menu_top_bluebar li:hover li:hover li:hover li a:hover,
ul#menu_top_bluebar li.iehover li.iehover li.iehover li a:hover {
	color: #FFF;
	background-color: #00FF00;
}
ul#menu_top_bluebar li:hover ul ul,
ul#menu_top_bluebar li:hover ul ul ul,
ul#menu_top_bluebar li.iehover ul ul,
ul#menu_top_bluebar li.iehover ul ul ul {
  display: none;
}
ul#menu_top_bluebar li:hover ul,
ul#menu_top_bluebar ul li:hover ul,
ul#menu_top_bluebar ul ul li:hover ul,
ul#menu_top_bluebar li.iehover ul,
ul#menu_top_bluebar ul li.iehover ul,
ul#menu_top_bluebar ul ul li.iehover ul {
  display: block;
}
/* Edits below by Floris Luiten,
 * I agree, it's much better to write a whole new CSS-file
 * file, but because the original CSS-files worked on a lot
 * of browsers i kept them. 
 * If I had more time, i would rewrite the page using div
 * instead of tables and i would write my own mouse-over-menu,
 * but i didn't had that time.    
 */

ul#menu_top_bluebar a:hover {
 color: #CEA704;
}
ul#menu_top_id {
 float: right;
 top: 0;
 right: 0;
 width: 100%;
}
ul#menu_top_id img {
 top: 0;
 right: 0;
 margin: 0;
 padding: 0;
}
ul#menu_top_id {
 clear: both;
}

.menu_header {
 background-image: url('../images_fl/topmenu_gradient.jpg');
 background-repeat: repeat-y;
 background-position: center center;
 background-color: #304e98;
}
.header_popup {
 background-image: url('../images_fl/opduin_toplogo.png');
 background-repeat: no-repeat;
 height: 200px;
 padding-left: 20px;
}
#menu_top_bluebar {
 display: block;
 height: 25px;
 display: inline;
 float: left;
 clear: none;
}
#menu_top_bluebar li {
 top: 5px;
}
.content_center, #snippet_right {
 background-image: url('../images_fl/dropshadow_btw.jpg');
 background-repeat: repeat-x;
 background-color: white;
}
#column_left, .border1px, .content_right {
 background-image: url('../images_fl/dropshadow_bty.jpg');
 background-repeat: repeat-x;
 background-color: #cea704;
}
#column_left, #column_left a, .border1px, .content_right, .content_right a, #adres, #adres .adreskop {
 color: white;
}
table tbody tr td td, .footer_rights {
 background-image: none;
}
UL#menu_right_id A, #menu_right_id, .content_right a, .content_right h1, .content_right h2, .content_right h3, .content_right h4, .content_right h5, .content_right h6 {
 color: white;
}
.content_right hr {
 border: none;
}
.menu_header {

}

.menu_header, .menu_header ul, .menu_header li, UL#menu_top_bluebar, UL#menu_top_bluebar li {
 list-style: square;
}
UL#menu_top_bluebar LI {
 DISPLAY: list-item;
 list-style-type: square;
 padding: 0;
 margin: 0 50px 0 25px;
 color: #CEA704;
}
UL#menu_top_bluebar a {
}
.content_center, #column_left, .content_right, #snippet_right {
 padding-top: 20px;
}
UL#menu_left_id A {
 color: white;
}
body table  {
 font-family: ArialMT, arial, helvetica, sans-serif;
 font-size: 12px;
}
body table a {
 color: #304e98;
 text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
 color: #304e98;
}
h1 {
 font-size: 20px;
 text-transform: uppercase;
 letter-spacing: 1px;
}
h2 {
 font-size: 18px;
}
h3 {
 font-size: 16px;
}
h4 {
 font-size: 14px;
}
TD#snippet_right a {
 text-decoration: none;
 color: #cea704; 
}
.content_right UL, #column_left UL {
 font-weight: bold;
 letter-spacing: 1px;
}
UL#menu_left_id {
 padding-left: 0;
 margin-left: 0;
 width: 100%;
}
#adres, #texeltv {
 margin-left: 20px;
}
.menu_header {
 position: relative;
}
.menu_header ul {
 float: left;
}
.menu_header img {
 float: right;
 top: 0;
 clear: none;
}
.menu_header ul img {
 float: none;
}
ul#menu_top_id {
 float: right;
}
#flashheader {
 margin: 0 0 0 170px;
 padding: 0;
 clear: none;
}
.menu_above_top {
 margin: 1px 0 0 0;
 display: block;
 width: 150px;
 float: right;
}
.menu_above_top ul {
 text-align: left;
 list-style: square;
 color: #CEA704;
}
.menu_above_top li {
 margin: 0;
 padding: 0;
 float: none;
}
.menu_above_top li a {
 color: #05a0d8;
 text-decoration: none; 
}
.menu_above_top li a:hover {
 color: #fd8800;
}
.snippet {
 border-bottom: 1px solid #CEA704;
}
.content_right .snippet {
 border: none;
}
#links_below_top {
 margin-top: 110px;
}
ul#menu_top_id li {
 display: inline;
 clear: none;
 float: right;
 margin: 5px 5px 0 5px;
}
ul#menu_top_id li img {
 clear: none;
}
#flashheader {
 clear: none;
 width: 600px;
 position: relative;
 float: left;
 margin: 0;
 padding-left: 0;
 padding: 0 0 0 172px;
}
a img, table a img {
 border: none;
}
ul#menu_right_id a:hover,
ul#menu_right_id li:hover a,
ul#menu_right_id li.iehover a {
 color: white;
}
#tweet ul, #tweet ul li {
 list-style: none;
 margin: 0;
 padding: 0;
}
 
#tweet ul li {
 margin-top: 10px;
 font-weight: normal;
 letter-spacing: normal;
 }
