/* CSS Document */
body { font-family: Tahoma, Verdana, sans-serif; font-size: 11px; color: #333; background: url(../../siteImg/fade.gif) repeat-x #c9d2da; }
#foreground { position: relative; top: 0; left: 0; width: 560px; }
#rays { display: none; }

img { border: none; }
form { margin: 0; padding: 0; font-size: 10px; }

input, select, option { font-family: Tahoma, Verdana, sans-serif; font-size: 11px; }

h1 { clear: both; font-size: 24px; font-weight: normal; }
h2 { clear: both; font-size: 20px; font-weight: normal; margin: 0; margin-top: 12px; margin-bottom: 5px; }
h3 { clear: both; font-size: 18px; font-weight: normal; margin: 0; margin-top: 12px; margin-bottom: 5px; }
h4 { clear: both; font-size: 24px; font-weight: normal; color: #aa0000; }
h5 { clear: both; font-size: 20px; font-weight: normal; color: #aa0000; margin: 0; margin-top: 12px; margin-bottom: 5px; }
h6 { clear: both; font-size: 18px; font-weight: normal; color: #aa0000; margin: 0; margin-top: 12px; margin-bottom: 5px; }

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

#menu { display: none; }


#link { position: absolute; width: 10px; height: 84px; top: 490px; left: 22px; }
#link img { width: 10px; height: 84px; }
#lang { display: none; }

/* ZOEKFORMULIER */
#searchBtn { position: absolute; top: 7px; left: 159px; width: 25px; height: 22px; background: url(../../siteImg/trans.gif) no-repeat; }
#searchBtn:hover { background: url(../../siteImg/search.gif) no-repeat; }
#reset { position: absolute; top: 7px; left: 5px; width: 18px; height: 23px; background: url(../../siteImg/trans.gif) no-repeat; }
#reset:hover { background: url(../../siteImg/reset.gif) no-repeat; }

/* BALLOON */
#balloon { font-family: Tahoma, Verdana, sans-serif; font-size: 11px; width: 234px; color: #333; }
#balloon a { color: #333; text-decoration: none; }
#balloon a:hover { color: #aa0000; text-decoration: underline; }
#balloon img { border: none; float: left; margin-right: 6px; }
.naam { font-size: 12px; font-weight: bold; margin-bottom: 4px; }
.adres { font-weight: normal; margin-bottom: 7px;  }
#balloon .infoField { margin-top: 6px; margin-bottom: 3px; line-height: 15px; font-style: italic; width: 230px; }

/* LINKERBLOK */
#blok1 { position: relative; top: 0; left: 0; width: 374px; }
#zoeken { position: absolute; left: 152px; width: 194px; height: 33px; background: url(../../siteImg/input.gif) no-repeat; }
#cloud { position: relative; top: 20px; left: 0; font-size: 11px; text-align: left; width: 301px; height: 158px; line-height: 15px; }
#cloud a { margin-left: 5px; white-space: nowrap; }
#cloud a:hover { color: #FF7C2F; }
#cloud .sel { color: #aa0000; }
.field { margin-top: 2px; margin-bottom: 2px; }
.keywordsField { margin-top: 5px; margin-bottom: 3px; }
.keywordsField span { font-style: italic; }
#mssg { position: absolute; top: 60px; left: 44px; font-size: 11px; width: 294px; }

#list { position: relative; top: 20px; left: 0; clear: both; overflow: auto; width: 366px; height: 218px; }
#list .naam { margin-top: 4px; float: left; width: 280px; }
#list .adres { clear: both; }
#list .plaats { line-height: 18px; font-size: 10px; }
#list .plaats a { font-size: 12px; }
#list #balloon { width: 348px; clear: both; }
#list #balloon a { color: #aa0000; text-decoration: none; }
#list #balloon a:hover { color: #FF7C2F; }
#list hr { float: left; width: 346px; clear: both; }
#list .route { margin-top: 4px; float: left; width: 34px; }
#list .zoom { margin-top: 4px; float: left; width: 28px; text-align: right; }
#list .infoField { margin-top: 6px; margin-bottom: 3px; line-height: 15px; font-style: italic; width: 298px; }
.divider { color: #eb8a2b; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px; }

/* RECHTERBLOK */
#blok2 { position: relative; top: 40px; left: 0; width: 472px; height: 462px; }
#map_canvas { position: relative; top: 0; left: 2px; width: 454px; height: 430px; border: 1px solid #7f7975; }
#cats { width: 472px; height: 22px; }
#cats div { line-height: 20px; float: left; }
#cats div img { float: left; margin-top: 3px; margin-left: 4px; margin-right: 2px; }