body { margin:0; padding:0; font:small Times; color:#5a5a5a; background:#6F5085 url(../gfx/bg.gif); background-position:50% -10px }
div#webetui_body { background:#6F5085 url(../gfx/bg.gif) repeat-y; background-position:50% -10px }

h1, h2, h3, h4, h5 { font-family:Georgia; color:#6f5085 }
h1 { font-size:145%; font-weight:normal; margin:12px 0 5px -1px; padding:0 }
h2 { font-size:100%; font-weight:normal; color:#ab87b6; margin:12px 0 0 0 }
h3 { font-size:100%; margin:12px 0 0 0 }
h4 { font-size:85% }
h5 { margin-bottom:5px; }
p  { line-height:1.5em; margin-top:0 }
a  { color:#542d81 }
a:hover { color:#8454bc }
ul, ol  { margin:9px 20px 8px 0px; padding:0; list-style-type:none; }
li      { margin:0 0 8px 0; padding:0 0 0 14px; background-image:url(../gfx/bullet.gif); background-repeat:no-repeat; background-position:1px 6px; }

input.text, 
textarea { border:1px solid #777; font:12px Times; }
input.submit { border:0; background:#8C739D; font:11px Georgia; color:white; width:100px; cursor:pointer; display:block; }
input.submit:hover { background:#ab87b6; }

h1, h2, h3, h4, h5, p, ul, ol { margin-right:20px }

h1 img { float:right; margin-top:-12px }

div#wrapper  { width:965px; background:white url(../gfx/menu_bg.gif) repeat-y; margin:49px auto; position:relative; }

/* home */
div#home { height:482px; overflow:hidden }
div#home div { float:left; width:160px; height:160px; display:block; margin:0 1px 1px 0; position:relative;}
div#home a { width:160px; height:160px; display:block; text-indent:-2000px;}
div#home .lastcol { margin-right:0; }
div#home .lastrow { margin-bottom:0; }
div#home div#address { position:absolute; border:0; bottom:0; right:0; padding:0; width:132px; height:135px; margin-bottom:15px; margin-right:10px;}

div#home div img { position:absolute; top:0; left:0; }

/* address blok */
div#address { display:block; width:144px; height:144px; overflow:hidden; font:13px Times; padding:9px 4px 7px 12px; line-height:20px; border-left:1px solid #8c739d;}
div#address a { display:inline; float:none; border:0; width:auto; height:auto }
div#address h2 { display:none; font:11px Times; margin:0 }

/* logo */
a#logo { background-image:url(../gfx/logo_vawr.gif); background-repeat: no-repeat; width:160px; height:160px; text-indent:-2000px; display:block; }
div#header a#logo { float:left; }
a#logo:hover { background-position:bottom; }


div#home a           { text-decoration:none }
div#home a#vawr      { background-image:url(../gfx/vawr_home.gif); background-repeat: no-repeat; }
div#home a#erkenning { background-image:url(../gfx/gear_home.gif); background-repeat: no-repeat; }
div#home a#nieuws    { background-image:url(../gfx/nieuws_home.gif); background-repeat: no-repeat; }
div#home a#fotoalbum { background-image:url(../gfx/fotoalbum_home.gif); background-repeat: no-repeat; }
div#home a#bureaus   { background-image:url(../gfx/architecten_home.gif); background-repeat: no-repeat; }
div#home a:hover     { background-position:bottom; }

/* header */
div#header   { height:160px; border-bottom:1px solid #9a85aa; }
div#header p { margin:0; }

div#header img { display:block; float:left; cursor:pointer; border-left:1px solid #8c739d; }

div#header div.editable { float:left }
div#header a { text-decoration:none }

/* menu */
div#menu { width:161px; position:absolute; left:0; top:161px; font-size:13px; }
div#menu ul { list-style-type:none; margin:27px 10px; padding:0; }
div#menu ul li { margin:0 0 12px 0; padding:0; width:150px; }
div#menu ul li ul { padding-left:20px; margin:0; display:none; }
div#menu ul li ul li { margin: 8px 0 0 0; }
div#menu ul li.selected ul { display: block; }
div#menu a { color:black; text-decoration:none; margin:0; }
div#menu a:hover { color:#d8b9ed; }
div#menu a.selected { color:white; }

/* zoek */
form#zoeken { height:20px; margin:10px 0 0 0px; width:147px; padding:0 0 0 10px; }
form#zoeken input.text { background:#d8cfde; width:107px; height:12px; float:left; border:0; padding:4px 4px; display:block; color:#5a5a5a; font-style:italic; letter-spacing:0.02em}
form#zoeken input.submit { background:url(../gfx/button_zoek.png) no-repeat top left; width:14px; height:15px; position:relative; top:3px; left:5px; }
form#zoeken input.submit:hover { background-position:bottom left; }

body.zoek div.search_results { width:440px; }
body.zoek div.col2 { width:321px; height:100%; float:right; position:absolute; border-left:1px solid #8c739d; top:161px; left:643px;  }
body.zoek div.col2 h1,
body.zoek div.col2 p { margin-left:25px;}

/* page */
div#page { background:url(../gfx/bg_menu.gif) repeat-y; margin:0; padding:5px 0 10px 185px; min-height:950px; }
div#page ul { position:relative; }
div#webetui_body div#page ul { position:static }

div#leftcolumn { width:383px; }
div#rightcolumn { width:255px; position:absolute; top:163px; left:533px; }

/* foto album */
body.fotoalbum ul, 
body.fotoalbum ol { margin:0;}
body.fotoalbum div#fotos     { width:805px; position:absolute; top:0; padding:0; left:161px; margin:0; background:#8c739d;}
body.fotoalbum div#fotos h1  { display:none; }
body.fotoalbum div#fotos img { float:left; width:160px; height:160px; margin:0 1px 1px 0; padding:0; display:block; border:0; cursor:pointer; }

/* uitvergroot */
div#fotozoom_wrapper { width:100%; height:100%; position:absolute; top:0; left:0; background:url(../gfx/bg_opacity.png);}
div#fotozoom_wrapper div#fotozoom       { background:white; width:644px; height:482px; margin:0; padding:0; position:absolute; top:161px; left:160px;}
div#fotozoom_wrapper div#fotozoom img   { width:604px; height:442px; margin:5px 0 0 20px; }
div#fotozoom_wrapper div#fotozoom label { display:block; text-align:center; }

div#fotozoom a { text-indent:-9999px; position:absolute; top:200px; width:24px; height:37px; background:white; font-size:18px; text-decoration:none; padding-left:10px; border:0; }
div#fotozoom a#fotoright { right:-60px; background:url(../gfx/button_pijl_rechts.png) no-repeat; }
div#fotozoom a#fotoleft  { left: -60px; background:url(../gfx/button_pijl_links.png)  no-repeat; }
div#fotozoom a:focus, div#fotozoom a:active { outline:none; }

div#fotozoom .sluit { width:10px; height:10px; background:url(../gfx/button_sluit.png) no-repeat; text-indent:-9999px; margin:5px 0 0 614px; cursor:pointer; }

/* contact form */
form.formulier label { width:102px; float:left }
form.formulier input.text, form.formulier textarea { width:380px; margin:0 0 4px 0; }
form.formulier input.submit {  padding:2px 12px; margin:30px 0px 0 104px; position:absolute; top:365px; left:467px; }

/* login */
form.login label { display:block; margin:10px 0 5px 0; }
form.login input.text { display:block; width:163px; }
form.login input.submit { margin-top:45px;}
form.login div.onthouden { position:relative; top: -50px; left:-5px; }

/* overig */
a#terug { display:block; padding:0 0 0 20px; background-image:url(../gfx/terug.gif); background-repeat:no-repeat; background-position:0 5px; margin-top:12px }
a#terug:hover { background-position:0 -8px }

a#ypos { position:absolute; right:4px; bottom:-1px; text-decoration:none; font:9px Trebuchet MS; color:#BBB }