html, body { height:100%;}

* {font-family:verdana, arial; font-size:11px; line-height:1.7em;}
img {border:none;}
h1 {margin:0; font-weight:bold; margin-bottom:6px; color:#006633;}
h2 {margin:0; font-weight:bold; margin-top:8px; color:#006633;}
p {margin-top:0; }

a:link, a:visited, a:active { color:#006633; text-decoration:underline; font-weight:normal;}
a:hover { text-decoration:none;}

/* page poperties */
html {padding:0; margin:0;}
body {background:#E5E5E5 url(../images/bg.gif) repeat-y 50% 0; padding:0; margin:0; overflow-y:scroll;}
body.intro {background:#fff url(../images/bg_intro.gif) repeat-x 0 50%; padding:0; margin:0;}
form {margin:0;}

#menu ul {list-style:none; margin:0; padding:0;}
#menu ul li {float:left; padding:0;}


/*  formulier */
input.veld {height:18px; border:solid 1px #00674E; width:200px; font-size:11px; line-height:11px; color:#000000; padding:1px; margin:1px;}
textarea.veld {border:solid 1px #00674E; width:300px; height:80px; font-size:11px; line-height:14px; color:#000000; padding:3px;}
input.button {border:solid 1px #00674E; background-color:#FDE481; height:19px; font-size:10px; color:#00674E; line-height:11px;}
input.checkbox {margin-bottom:1px;}


/* intro */
#stroke {position:absolute; width:100%; height:347px; top:50%; left:0; margin:-165px 0 0 0; background: url(../images/bg_introstroke.gif) repeat-x;}
#stroke #logo {position:absolute; top:-90px; left:50%; width:240px; margin-left:-112px;}
#stroke #woonideeen {position:absolute; top:0; width:970px; height:147px; left:50%; margin-left:-485px; background: url(../images/bg_woonindeeen.gif) no-repeat;}
#stroke #projectinrichting {position:absolute; top:158px; width:970px; height:147px; left:50%; margin-left:-485px; background:url(../images/bg_projectinrichting.gif) no-repeat;}
#stroke #woonideeen #verder {position:absolute; left:79px; top:7px;}
#stroke #projectinrichting #verder {position:absolute; right:80px; top:7px;}
.animatie {position:absolute; top:15px; left:50%; width:204px; margin-left:-95px;}
#stroke #randje {position:absolute; height:13px; width:100%; bottom:18px; background-image:url(../images/stippie.gif);}
#stroke #puremotion {position:absolute; bottom: -10px; left:50%; width:204px; margin-left:-96px;}

/* site */
#site {position:absolute; width:800px; min-height:100%; left:50%; text-align:left; margin-left:-400px; }
#site #header {}
#site #logo {position:absolute; left:9px; top:0;}
#topmenu {position:absolute; right:13px; top:28px;}
#decoimg {position:absolute; width:798px; height:132px; top:41px; left:1px; border-top:1px solid #0A842F;}
#menu {position:absolute; width:798px; height:29px; top:174px; left:1px; background:#00674E url(../images/bg_menu.gif) repeat-x; border-bottom:1px solid #fff; border-top:1px solid #00392B;}
#site #menu ul {margin-left:5px;}
#site #menu li {padding-left:8px;}

#submenubox { position:absolute; top:0; left:1px; width:167px; margin-left:9px; background:#FDE481 /*url(../images/bg_submenu.gif) no-repeat 0 204px*/;}
#submenubox #submenu {padding-top:204px; padding-bottom:50px;}
#submenu ul {padding:0; margin-top:24px; margin-left:15px; list-style:none; }
#submenu ol {padding:0; margin-top:24px; margin-left:35px;}
#submenu li {margin-bottom:2px; color:#006633;}
#submenu li a:link, #submenu li a:visited, #submenu li a:active {color:#006633; text-decoration:none;}
#submenu li.active a, #submenu li.active a:visited, #submenu li.active a:active {color:#669966;}
#submenu li a:hover {color:#669966;}

#content {position:relative; padding-left:200px; padding-top:220px; padding-right:20px;}
#submenubox.nobg {background:none;}
#content table {padding:0; margin:0; border-collapse:collapse;}
#folderaanvraag {text-align:center; margin-top:20px;}

.kaart {float:left; margin-left:45px;}
.nieuwskop {text-align:center; margin-top:15px;}

table.bericht td a:link, table.bericht td a:visited, table.bericht td a:active {text-decoration:none; font-weight:bold;}
table.bericht td a.leesVerder, table.bericht td a.leesVerder:visited, table.bericht td a.leesVerder:active {font-weight:normal;}
table.bericht td a:hover {text-decoration:underline;}
table.bericht td {vertical-align:top;}
table.bericht td img {margin-bottom:10px;}

a.terugKnop:link, a.terugKnop:visited, a.terugKnop:active, table.bericht td a.terugKnop:link, table.bericht td a.terugKnop:active, table.bericht td a.terugKnop:visited {font-weight:normal; text-decoration:none;}
a.terugKnop:hover, table.bericht td a.terugKnop:hover {font-weight:normal; text-decoration:underline;}