/* reset
--------------------------------------------------*/

body,h1,h2,h3,h4,h5,h6,p,form,fieldset
{
	margin: 0;
	padding: 0;
}

/* body
--------------------------------------------------*/

body,html
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	font-weight: normal;
	color: #666666;
	margin: 0px 0px 10px 0px;
		padding: 0;
	text-align: center;
	background: #bacce5 url(/static/images/bg_tile.gif);
	background-repeat: repeat-x;
	background-color: #fff;
}


img { border: none; }

#flashheader,#headerplaat
{
	float: left;
	display: inline;
	height: 125px;
}

#weerbericht { padding-bottom: 0; }

hr
{
	height: 1px;
	background-color: #0281e7;
	color: #0281e7;
	border: 0;
}

/* links
--------------------------------------------------*/

a
{
	text-decoration: none;
	color: #666666;
}

a img { border: none; }

/* headings
--------------------------------------------------*/

h2 ,h4
{
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	color: #e10000;
	padding: 0px 2px 0px 2px;
	margin: 0;
}

h4 { font-size: 10px; }

h3
{
	display: block;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	color: #e10000;
	text-align: center;
	padding: 2px 0px 2px 0px;
	border-bottom: 1px solid #e10000;
	margin: 0;
}

.h3_rood_bg
{
	color: #ffffff;
	float: left;
	background-color: #e10000;
	border: 0px;
	width: 173px;
	margin: 0 0 1px 0;
	padding-left: 3px;
	text-align: left;
	font-size: 13px;
	font-style: italic;
}

.h3_rood_partners
{
	background-color: #e10000;
	border: 0px;
	width: 176px;
	float: left;
	color: #ffffff;
}

.h3_rood_poll
{
	color: #e10000;
	float: left;
	background-color: #fff;
	width: 174px;
	_width: 176px;
	margin: 0;
	border-color: #E10000;
	border-width: 1px 1px 0 1px;
	border-style: solid;
}

.h_blauw
{
	color: #e10000;
	/*
  	background: #bacce5 url(/static/images/bg_h.gif);
*/
	border: 0px;
	width: 550px;
	padding: 2px 0px 2px 2px;
	border-bottom: 1px solid #0281e7;
}

/* footer
--------------------------------------------------*/

#footer
{
	height: 20px;
	width: 780px;
	margin: 0 auto;
	padding: 5px 0px 0px 0px;
	text-align: center;
	overflow: hidden;
	border-left: 1px solid #0281e7;
	border-right: 1px solid #0281e7;
	border-top: 1px solid #0281e7;
	border-bottom: 1px solid #0281e7;
	float: left;
}

/* images
--------------------------------------------------*/

img.left
{
	float: left;
	margin: 0 3px 1px 0;
}

img.right
{
	float: right;
	margin: 0 0 0 3px;
}

img.center
{
	display: block;
	margin: 0 auto;
}

/* bg styles
--------------------------------------------------*/

.bg_white { background-color: #FFFFFF; }
.bg_blue { background-color: #CFEFFF; }

#wrapper
{
	position: relative;
	text-align: left;
	width: 780px;
	margin: 0 auto;
	padding: 0;
}

/* container
--------------------------------------------------*/

#container
{
	position: relative;
	float: left;
	text-align: left;
	width: 780px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	border-left: 1px solid #0281e7;
	border-right: 1px solid #0281e7;
	background-color: #FFFFFF;
}

/* header
--------------------------------------------------*/

#header
{
	height: 176px;
	padding: 0;
	float: left;
	background-color: #fff;
}

#header h1
{
	display: none;
	/*padding-top:50px;*/
}

/* navigation
--------------------------------------------------*/

/*
#navigation
{
	height: 24px;
	padding: 0;
	background: #FFFFFF url(/media/images/menu_tiler_h.gif) repeat-x top;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	margin: 0;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation li
{
	height: 24px;
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-right: 1px solid #FFFFFF;
}

#navigation li a
{
	display: block;
	margin: 0;
	padding: 6px 2px 4px 30px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	background: url(/media/images/menu_down.gif) no-repeat top left;
}

#navigation li a:hover
{
	background: url(/media/images/menu_up.gif) no-repeat top left;
	color: #10409f;
}

#navigation li a.selected
{
	background: url(/media/images/menu_up.gif) no-repeat top left;
	color: #10409f;
}
*/

/* subnavigation
--------------------------------------------------*/

#subnavigation
{
	height: 15px;
	padding: 0;
	background-color: #990000;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
	color: #FFB273;
	text-transform: lowercase;
	font-weight: bold;
}

#subnavigation a
{
	padding: 0px 2px 2px 2px;
	color: #FFB273;
}

#subnavigation a:hover
{
	background-color: #E10000;
	color: #FFFFFF;
}

#subnavigation a.selected { color: #FFFFFF; }

/* main colomns
--------------------------------------------------*/

#maincontent
{
	float: left;
	width: 380px;
	padding: 8px 8px 5px 17px;
}

#subcontent
{
	width: 550px;
	float: left;
	padding: 8px 10px 5px 15px;
}

#leftcontent
{
	float: left;
	width: 175px;
	padding: 8px 4px 0px 5px;
}

#rightcontent
{
	float: right;
	width: 175px;
	padding: 8px 8px 0px 0px;
}

#colomn
{
	float: left;
	width: 380px;
	padding: 0px 4px 0px 0px;
}

#colomn-nieuws
{
	float: left;
	width: 650px;
	padding: 0px 4px 0px 0px;
}

#colomn_one
{
	float: left;
	width: 375px;
	padding: 0px 4px 0px 0px;
}

#colomn_two
{
	float: left;
	width: 179px;
}

#colomn_three
{
	float: left;
	width: 310px;
	padding: 0px 4px 0px 0px;
}

#colomn_four
{
	float: left;
	width: 118px;
}

#subcontent a
{
	color: #0066ff;
	font-weight: bold;
	text-decoration: none;
}

/* blokken
--------------------------------------------------*/

#verkeer-menu-image
{
	float: left;
	padding: 2px 0px 0px 2px;
	background-color: #b9dbf7;
}

#verkeer-menu
{
	background-color: #b9dbf7;
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 3px 0px;
	height: 160px;
}

#main_title
{
	background: #FFFFFF url(/media/images/title_bg.gif);
	background-repeat: repeat-x;
	height: 20px;
	font-size: 14px;
	font-weight: bold;
	font-style: oblique;
	padding: 3px 0px 0px 0px;
}

.block
{
	float: left;
	margin-bottom: 8px;
}

#block_adv
{
	float: left;
	margin-bottom: 0px 0px 0px 3px;
	overflow: hidden;
}

.block_orange
{
	float: left;
	margin-bottom: 8px;
	background-color: #e10000;
	width: 172px;
	color: #ffffff;
	padding: 0px 0px 2px 3px;
}

.block_border
{
	float: left;
	display: inline;
	width: 170px;
	margin-bottom: 8px;
	border: 1px solid #e10000;
	padding: 2px 2px 0px 2px;
}

.block_border_partners
{
	float: left;
	display: inline;
	background-color: #e10000;
	margin-bottom: 8px;
	width: 176px;
	padding-bottom: 2px;
}

.route_border
{
	margin-bottom: 8px;
	border: 1px solid #e10000;
}

#anp
{
	border: 1px solid #e10000;
	width: 380px;
}

/* tekst stylen
--------------------------------------------------*/

.block p
{
	margin: 0;
	padding: 2px 3px 0px 3px;
}

.block a { text-decoration: underline; }

.block_border p
{
	margin: 0;
	padding: 2px 3px 0px 3px;
}

.block_border strong,b { color: #e10000; }
#file_kaart h2 { padding: 3px 3px 3px 3px; }

#anp h3
{
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	color: #e10000;
	text-align: left;
	padding: 2px 2px 2px 2px;
	margin: 0;
	border: 0 solid;
}

.blue { color: #0066ff; }

/* link stylen
--------------------------------------------------*/

a.blue
{
	font-weight: bold;
	color: #0066ff;
	padding-right: 4px;
	text-decoration: none;
}

a.orange
{
	font-weight: bold;
	color: #e10000;
	padding-left: 4px;
	text-decoration: none;
}

/* formulier stylen
--------------------------------------------------*/

#leftcontent input { width: 161px; }

.form_field
{
	height: 14px;
	margin: 0 5px 0 1px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #e10000;
	background-color: #FFFFFF;
}

.form_button
{
	height: 18px;
	margin: 0 5px 0 1px;
	border: 1px solid #e10000;
	background-color: #FFFFFF;
}

.form_error_style, .form_thankyou_style, .form_message_style
{
	color: #e10000;
	font-weight: bold;
}

textarea.form_field
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	height: 100px;
	width: 200px;
	margin: 0 5px 0 1px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #e10000;
	background-color: #FFFFFF;
}

select.form_field
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	height: 22px;
	margin: 0 5px 0 1px;
	padding: 2px 2px 2px 2px;
	border: 1px solid #e10000;
	background-color: #FFFFFF;
}

.route_table_header { color: #e10000; }
#form_onderzoek { width: 400px; }

.form_error_style, .form_thankyou_style, .form_message_style
{
	color: #e10000;
	font-weight: bold;
}

/* Navigatie klap menu */

/*
#menu1,#menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8,#menu9
{
	position: absolute;
	text-align: left;
	z-index: 100;
	background: #990000;
	color: #fff;
	border-right: #fff 1px solid;
	border-left: #fff 1px solid;
	border-bottom: #fff 1px solid;
	visibility: hidden;
}

#menu1 ul,#menu2 ul,#menu3 ul,#menu4 ul,#menu5 ul,#menu6 ul,#menu7 ul,#menu8 ul,#menu9 ul
{
	margin: 0;
	padding: 0;
	text-align: left;
	position: relative;
	list-style: none;
}

#menu1 ul li,#menu2 ul li,#menu3 ul li,#menu4 ul li,#menu5 ul li,#menu6 ul li,#menu7 ul li,#menu8 ul li,#menu9 ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	border-bottom: #e10000 1px solid;
}

#menu1 li a,#menu2 li a,#menu3 li a,#menu4 li a,#menu5 li a,#menu6 li a,#menu7 li a,#menu8 li a,#menu9 li a
{
	background: #e10000;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 5px 5px 5px 5px;
}

#menu1 li a:hover,#menu2 li a:hover,#menu3 li a:hover,#menu4 li a:hover,#menu5 li a:hover,#menu6 li a:hover,#menu7 li a:hover,#menu8 li a:hover,#menu9 li a:hover
{
	background: #ce0300;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial;
}
*/

html>body div#header_plaat { margin: 0px 0px 0 0px; }

#banner
{
	position: absolute;
	height: 600px;
	width: 120px;
	left: 785px;
	top: 111px;
	text-align: center;
	margin: 0px 0px 0px 5px;
}

/*
#poll_breedte { width: 180px; 	margin:0; padding:0}

html>body div#poll_breedte
{
	width: 170px;
}
*/

#poll_breedte
{
	overflow:hidden;
	float: left;
	margin: 0 0 8px 0;
	border: 1px solid #e10000;
	padding: 0;
	background-color: #fff;
	width: 174px;
	_width: 176px;
}

#poll_breedte *
{
	margin: 0;
	padding: 0;
}

#poll_stemmen
{
	
	border: 0;
	padding: 0;
}

#poll_stemmen form
{
	
	padding: 0;
}

#poll_resultaat
{
	
	border: 0;
	padding: 0;
}

#poll
{
	
}
#poll p strong
{
	margin: 5px 0 0 5px;
	width: 160px;
	float: left;
}
#poll_stemmen p
{
	margin: 5px;
	width: 160px;
	float: left;
}
#poll_resultaat p
{
	margin: 1px 0 5px 5px;
	
}

#poll input.input_radio
{
	width: 12px;
	height: 15px;
	margin: 0 5px 0 0;
	padding: 0;
	border: 0 solid;
	vertical-align: middle;
}

#abonnement .form_thankyou_style3 { margin: 0px 0px 5px 0px; }

#abonnement .form_error_style
{
	margin: 0px 0px 0px 0px;
	background-color: #e10000;
	color: #ffffff;
	padding: 5px;
}

#abonnement
{
	margin: -35px 10px 10px 10px;
	float: left;
	width: 470px;
}

#abonnement *
{
	margin: 0;
	border: 0;
	padding: 0;
	font-family: Arial;
	font-size: 12px;
	line-height: 15px;
	color: #555;
}

#abonnement h2,
	#abonnement h3,
	#abonnement h4
{
	color: #e10000;
	font-size: 13px;
	margin-top: 10px;
	width: 470px;
}

#abonnement div
{
	float: left;
	display: inline;
}

#abonnement li { list-style-type: none; }

#abonnement fieldset
{
	margin-top: 10px;
	float: left;
	width: 470px;
}

#abonnement h4
{
	width: 470px;
	font-weight: bold;
	border-bottom: 1px solid #0281e7;
	margin-bottom: 5px;
	float: left;
	padding-bottom: 1px;
	color: #e10000;
}

#abonnement label
{
	display: block;
	width: 150px;
	float: left;
	padding-top: 2px;
	margin: 2px 0 0 1px;
	/*
	position: relative;*/
}

#abonnement input { float: left; }
#abonnement input.text:focus { border: 1px solid #f60; }

#abokeuze div , #xclusief div, #verzekering div
{
	background-color: #cfefff;
	padding: 5px;
	width: 460px;
	border: 1px solid #e10000;
	float: left;
	margin-bottom: 5px;
}

#xclusief div, #verzekering div { display: block; }

#abokeuze div label, #verzekering div label , #xclusief div label
{
	float: left;
	width: 420px;
	color: #000;
	padding: 0;
	margin: 0 0 0 5px;
}

#abonnement input.text
{
	padding: 3px;
	border: 1px solid #ccc;
	background-color: #eeeeee;
	width: 310px;
	margin: 2px 0 2px 0;
	float: left;
}

#abotype div { margin-left: 150px; }
#abotype input { clear: left; }

#abotype label
{
	width: 250px;
	margin-left: 5px;
}

#prive input { margin-right: 5px; }

#prive label
{
	width: 430px;
	margin: 0;
	padding: 0;
}

#prive div
{
	clear: left;
	width: 480px;
	margin-top: 2px;
	padding: 2px 0 2px 0;
}

#prive div label
{
	width: 150px;
	float: left;
	padding-top: 2px;
}

#prive div input { margin-right: 0; }

#naw span
{
	display: block;
	float: left;
	width: 150px;
}

#naw div.geslacht
{
	float: left;
	width: 200px;
	margin: 1px 0 1px 0;
}

#naw div.geslacht input
{
	margin-right: 5px;
	float: left;
	clear: left;
}

#naw div.geslacht label { margin: 0; }

#abonnement input.submit
{
	padding: 3px;
	color: #a10000;
	font-weight: bold;
	font-style: italic;
	border: 1px solid #a10000;
	float: right;
}

/*

css nieuwe menu

*/

#navigation *
{
	margin: 0;
	padding: 0;
}

#navigation
{
	margin: 0;
	position: relative;
	padding: 0;
	float: left;
	display: inline;
	height: 23px;
	width: 780px;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	background-color: #aaa;
	border-color: #FFF;
	border-width: 1px 0 0 0;
	border-style: solid;
	background: #ffffff url(/media/images/menu_tiler_h.gif) repeat-x top;
}

#navigation li { list-style-type: none; }

#navigation li.main
{
	float: left;
	position: relative;
	border-color: #FFF;
	border-width: 0 1px 0 0;
	border-style: solid;
	display: inline;
	height: 23px;
}

#extranav
{
	border-top: 1px solid #fff;
	height: 25px;
	width: 780px;
	margin: 0px;
	float: left;
	padding: 0;
	background: url(http://water.eileen.nl//media/images/water_balk.gif);
}

#navigation a
{
	background-color: transparent;
	display: block;
	padding: 4px 5px 4px 27px;
	height: 15px;
	color: #fff;
	text-decoration: none;
	float: left;
	background: url(/media/images/menu_down.gif) no-repeat -2px 0;
}

#navigation a:hover
{
	background-color: #fff;
	color: #10409f;
	border-bottom: 1px solid #fff;
	background: url(/media/images/menu_up.gif) no-repeat -2px 0;
}

#navigation a.selected { background: url(/media/images/menu_up.gif) no-repeat -2px 0; }
#navigation li li { display: inline; }

#navigation li.main ul
{
	position: absolute;
	display: none;
	top: 23px;
	left: -1px;
	border-color: #fff;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	z-index: 10;
}

#navigation li.main ul a
{
	background-color: #e10000;
	padding: 6px 1px 3px 6px;
	height: 16px;
	text-transform: uppercase;
	font-size: 11px;
	background-image: none;
	float: none;
}

#navigation li.main ul a:hover
{
	color: #fff;
	background: #ce0300;
	border-bottom: 0 solid #fff;
}

#sub1 { width: 150px; }
#sub2 { width: 140px; }

/*
#sub1 a { width: 143px; }
#sub2 a { width: 133px; }
#sub3 a { width: 163px; }
#sub4 a { width: 133px; }
#sub5 a { width: 253px; }
#sub6 a { width: 103px; }
#sub7 a { width: 178px; }
*/

#sub3 { width: 170px; }
#sub4 { width: 140px; }
#sub5 { width: 260px; }
#sub6 { width: 110px; }
#sub7 { width: 185px; }


#rectangleBanner
{
	width:400px;
	margin: 5px 0 10px 100px;
}

/*
#rectangleBanner *
{
	margin: 0;
	padding: 0;
}
#rectangleBanner object,
#rectangleBanner img
{
	margin: 10px 0 10px 0;
}


#rectangleBanner img[src="http://m1.2mdn.net/viewad/817-grey.gif"]
{
	margin: 0!important;
}
*/


ul.makeMenu, ul.makeMenu ul {
  width: 250px;                 /* sets the size of the menu blocks */
  background-color: #fff;      /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
  padding-left: 0px;           /* stops the usual indent from ul */
  cursor: default;             /* gives an arrow cursor */
  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
  color: #000;                 /* sets the default font colour to white */
}
ul.makeMenu li {
list-style-type:none;
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
padding:5px;
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */

  color: #000;                 /* sets the default font colour to white */
}
ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 2px;                    /* position slightly lower than the parent menu item */
  left: 80px;                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
  color: #000;                 /* sets the default font colour to white */
}
ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
  color: #000;                 /* makes the active menu item text black */ 
}
ul.makeMenu ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}
/* and some link styles */
ul.makeMenu li a { color: #000; display: block; width: 100%; text-decoration: underline; }
ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { color: #000; }
ul.makeMenu li:hover > a { color: #000; } /* supports links in branch headings - should not be display: block; */
</style>
<!--[if gt IE 5.0]><![if lt IE 7]>
<style type="text/css">
/* that IE 5+ conditional comment makes this only visible in IE 5+ */
ul.makeMenu li {  /* the behaviour to mimic the li:hover rules in IE 5+ */
  behavior: url( IEmen.htc );
}
ul.makeMenu ul {  /* copy of above declaration without the > selector, except left position is wrong */
  display: none; position: absolute; top: 2px; left: 78px;
}




ul.makeMenu2, ul.makeMenu2 ul {
  width: 227px;                 /* sets the size of the menu blocks */
  background-color: #fff;      /* makes the menu blocks mint green - a bg-color MUST be included for IE to work properly! */
  padding-left: 4px;           /* stops the usual indent from ul */
  cursor: default;             /* gives an arrow cursor */
margin-top:0px;
padding-top:8px;
padding-bottom:8px;

  margin-left: 0px;            /* Opera 7 final's margin and margin-box model cause problems */
  color: #000;                 /* sets the default font colour to white */
    list-style-type:none;
   list-style:none;

}
ul.makeMenu2 li {
margin-top:0px;
  list-style-type:none;
   list-style:none;
  margin: 1px;                 /* Opera 7 puts large spacings between li elements */

padding-left:3px;
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */

  color: #000;                 /* sets the default font colour to white */
}
ul.makeMenu2 li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 0px;                    /* position slightly lower than the parent menu item */
  left: 80px;                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
  color: #000;                 /* sets the default font colour to white */
margin-top:0px;
}
ul.makeMenu2 li:hover, ul.makeMenu2 li.CSStoHighlight {
  color: #000;                 /* makes the active menu item text black */ 
}
ul.makeMenu2 ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
  display: block;              /* specially to go with the className changes in the behaviour file */
}
ul.makeMenu2 li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}
/* and some link styles */
ul.makeMenu2 li a { 	color: #079bfb; display: block; width: 100%; text-decoration:none; font-weight:bold; }
ul.makeMenu2 li a:hover, ul.makeMenu2 li a.CSStoHighLink { 	color: #079bfb;}
ul.makeMenu2 li:hover > a { color: #000; } /* supports links in branch headings - should not be display: block; */
</style>
<!--[if gt IE 5.0]><![if lt IE 7]>
<style type="text/css">
/* that IE 5+ conditional comment makes this only visible in IE 5+ */
ul.makeMenu2 li {  /* the behaviour to mimic the li:hover rules in IE 5+ */
  behavior: url( IEmen.htc );
}
ul.makeMen2u ul {  /* copy of above declaration without the > selector, except left position is wrong */
  display: none; position: absolute; top: 1px; left: 78px;
}