body {font: small "Arial"; color: #767675; margin: 0; padding: 0; background: #786b8f;
scrollbar-arrow-color: #786b8f;
scrollbar-face-color: white;
scrollbar-highlight-color: #786b8f;
scrollbar-3dlight-color: white;
scrollbar-shadow-color: #786b8f;
scrollbar-darkshadow-color: #786b8f;
scrollbar-track-color: #767675;
}

div#wrapper {position: absolute; width: 780px; height: 515px; left: 50%; top: 50%; margin-top: -258px; margin-left: -390px; }
div#webetui_body div#wrapper {position: static; margin: 0 auto;}

h1 {font-size: 150%;}
h2 {font-size: 110%; font-weight: normal;}
p  {font-size: 13px;}
a  {font-size: 13px;}
a:hover { color:#7961a9; }
.italic {font-style: italic;}

/* shadow */
div#shadow {background: url(../gfx/home_shadow.gif) 5px 5px no-repeat; width: 800px; height: 550px; padding: 0 7px 7px 0;}

/* ========== */
/* = HEADER = */
/* ========== */
div#header {height: 130px; background: white; margin: 0; padding: 0;}
div#header div#head_blok1 {float: left; width: 130px; border-left: none;}
div#header div#head_blok2,
div#header div#head_blok3,
div#header div#head_blok4,
div#header div#head_blok5,
div#header div#head_blok6  {width: 129px; height: 129px; float:left; border-left: 1px solid #000;}
div#header img {display: block; margin: 0 auto; margin-top: 20px; border: 0; }

/* ======== */
/* = PAGE = */
/* ======== */
div#page {height: 385px; background:#e4e4e3; padding: 0; border-top: 1px solid #000;}

/* logo */
div#page a div#logo {width: 150px; height: 105px; background: url(../gfx/logo.gif) no-repeat; background-position: bottom right;}

/* zoek */
div#zoek { position:absolute; top:150px; right:30px; }
div#zoek input { border:1px solid #7961a9; color:#444; padding:2px 0;}
div#zoek input.submit { background:#7961a9; color:white; border:none; }
div.search_results h5 { font-size:13px; }
div.search_results em { color:#7961a9; }

/* menu */
div#page div#menu {line-height: 38px; float: left; /*background:grey;*/}
div#page div#menu ul {margin:0; padding: 0;}
div#page div#menu ul li {list-style-type: none; margin: 0;  border-top: 1px solid #7961a9; width: 180px;}
div#page div#menu ul li a {text-decoration: none; color: #7961a9; padding: 10px 0 10px 55px; font-size: 14px;}
div#page div#menu ul li a:hover, div#page div#menu ul li a.selected {color: #b49be6;}
ul li#publicaties a {background: url(../gfx/menu_publicaties.gif) top left no-repeat;}
ul li#instrumenten a {background: url(../gfx/menu_instrumenten.gif) top left no-repeat;}
ul li#links a {background: url(../gfx/menu_links.gif) top left no-repeat;}
ul li#email_ons a {background: url(../gfx/menu_email_ons.gif) top left no-repeat;}
ul li#winkeltje a {background: url(../gfx/menu_winkeltje.gif) top left no-repeat;}
ul li#wie_zijn_wij a {background: url(../gfx/menu_wiezijnwij.gif) top left no-repeat;}
ul li#nieuws a {background: url(../gfx/menu_nieuws.gif) top left no-repeat;}
ul li#publicaties a:hover, ul li#publicaties a.selected 
    {background: url(../gfx/menu_publicaties.gif) no-repeat; background-position: left -29pt;}
ul li#instrumenten a:hover,ul li#instrumenten a.selected
    {background: url(../gfx/menu_instrumenten.gif) no-repeat; background-position: left -29pt;}
ul li#links a:hover, ul li#links a.selected 
    {background: url(../gfx/menu_links.gif) no-repeat; background-position: left -29pt;}
ul li#email_ons a:hover, ul li#email_ons a.selected 
    {background: url(../gfx/menu_email_ons.gif) no-repeat; background-position: left -29pt;}
ul li#winkeltje a:hover, ul li#winkeltje a.selected 
    {background: url(../gfx/menu_winkeltje.gif) no-repeat; background-position: left -29pt;}
ul li#wie_zijn_wij a:hover, ul li#wie_zijn_wij a.selected 
    {background: url(../gfx/menu_wiezijnwij.gif) no-repeat; background-position: left -29pt;}
ul li#nieuws a:hover, ul li#nieuws a.selected 
    {background: url(../gfx/menu_nieuws.gif) no-repeat; background-position: left -29pt;}


div#content {height:345px; padding: 20px; margin: -105px 0 0 260px; overflow-y: auto; overflow-x: none;}
div#content h1 {margin-top: 40px;}
div#content h2 {padding: 5px 0;}
div#content ul {padding: 0 0 15px 0; list-style-type: none; font-size: 13px;}
div#content ul li {background: url(../gfx/bullet.gif) left no-repeat;  padding-left: 16px;}
div#content a {color: #767675;}
div#content img	{ float: right; padding: 5px;}



/* publ_menu */
div#webetui_publ_menu { padding:0; margin:0; height:25px; width:420px;}
div#webetui_publ_menu ul {padding: 0; margin: 0;}
div#webetui_publ_menu ul li {list-style-type: none; display: inline; padding-right: 10px;}
div#webetui_publ_menu ul li a {color: #7961A9; font-size: 11px;}
div#webetui_publ_menu ul li a:hover {color: #b49be6;}

div#content .publicaties p {border-bottom: 1px solid #7961A9; padding-bottom: 15px;}
div#content .publicaties ul li {background: none; padding-left: 0;}


/*homepage*/
div#line1, 
div#line2, 
div#line3 {height: 129px; width: 780px; border-bottom: 1px solid #000;}

div#line1 div.block, 
div#line2 div.block,
div#line3 div.block {float: left; width: 129px; height: 129px;}

div#block1,
div#block2,
div#block3,
div#block4,
div#block5 {border-right: 1px solid #000;}

div#line2 div#block3 {width: 259px; background: white url(../gfx/logo_home.gif) center no-repeat; }

/* inconen op homepage */
div#line1 a div#block2 {background: url(../gfx/home_email_ons.gif) top left;}
div#line1 a:hover div#block2 {background: url(../gfx/home_email_ons.gif); background-position: left 128px;}
div#line1 a div#block6 {background: url(../gfx/home_instrumenten.gif) top left; }
div#line1 a:hover div#block6 {background: url(../gfx/home_instrumenten.gif); background-position: left 128px;}
div#line2 a div#block5 {background: url(../gfx/home_nieuws.gif) top left;}
div#line2 a:hover div#block5 {background: url(../gfx/home_nieuws.gif); background-position: left 128px;}
div#line3 a div#block1 {background: url(../gfx/home_links.gif) top left;}
div#line3 a:hover div#block1 {background: url(../gfx/home_links.gif); background-position: left 128px;}
div#line3 a div#block4 {background: url(../gfx/home_winkeltje.gif) top left;}
div#line3 a:hover div#block4 {background: url(../gfx/home_winkeltje.gif); background-position: left 128px;}
div#line3 a div#block6 {background: url(../gfx/home_publicaties.gif) top left;}
div#line3 a:hover div#block6 {background: url(../gfx/home_publicaties.gif); background-position: left 128px;}

div#line4 {height: 129px; width: 782px;}
div#line4 div.block {float: left; width: 259px; height: 129px;}
div#line4 div#block1 {background: white url(../gfx/pathos.gif) 108px 8px no-repeat;}
div#line4 div#block3 {background: white url(../gfx/ethos.gif) 108px 8px no-repeat;}
div#line4 div#block5 {background: white url(../gfx/logos.gif) 108px 8px no-repeat; border-right: none;}