/* $Id: screen.css,v 1.22 2009-10-02 12:04:09 bram Exp $ */

* { margin: 0; padding: 0; }

body { background: #000; font-family: Arial; font-size: 11px; color: #fff; }
body, button, input, textarea, select, option {  }

pre, code {  }

h1, h2, h3 { font-weight: bold; }

h2 {text-transform: uppercase; color: #fff; font-size: 12px; margin-bottom: 12px; }
h3 { color: #ed0a11; font-size: 12px; }
h4 {  }

p, ul, ol, dl, address, blockquote, table {  }

p { margin: 10px 0 10px 0; }
p:first-child { margin: 0 0 10px 0; }
p.underlined { text-align: right; }
p.underlined a { text-decoration: underline; }
p.partners_overig a { display: block; font-weight: bold; line-height: 20px; }

ul, dl { list-style-type: none; }
ul.disc { list-style-type: disc; margin:0pt 0pt 0pt 16px; }
ol {  }

ul.docs li { list-style-type: none; margin: 2px 0; }
ul.docs li a { display: block; padding-left: 20px; line-height: 16px; background: url("doc_default.gif") no-repeat; }
ul.docs li.doc a { background-image: url("doc_doc.gif"); }
ul.docs li.pdf a { background-image: url("doc_pdf.gif"); }
ul.docs li.ppt a { background-image: url("doc_ppt.gif"); }
ul.docs li.xls a { background-image: url("doc_xls.gif"); }
ul.docs li.zip a { background-image: url("doc_zip.gif"); }

table { border-width: 0px; }
table.checkbox {  }
table.checkbox label { float: inherit; text-align: inherit; }
tr { vertical-align: top; }
td, th {  }
td { line-height: 16px; }
td.input { text-align: center; }
td.nummer { text-align: right; }
tr.click { cursor: pointer; }
tr.odd, tr.odd {  }
tr.hover, tr.checked { color: #fff; }
tr.odd.hover, tr.odd.checked { color: #fff; }

blockquote {  }
q {  }

address { position: absolute; top: 0; left: 130px;  width: 646px; height: 114px; }
address span { background: url(../_img/adres.gif) no-repeat; position: absolute; width: 100%; height: 100%; }

fieldset { border: 0; }
fieldset label { float: left; width: 90px; line-height: 22px; }
textarea {  }
label {  }

a { color: #6a6a6a; text-decoration: none; }
a:visited {  }
a:hover { color: #fff; }

img { border: 0; }

div.text{ text-align: center; margin:0pt 0pt 0pt -9px; }

input {  }
input.contact_btn { margin: 0 0 0 330px; }

hr {  border: 0; }
hr {  color: #3d3d3d; background-color: #3d3d3d; }

span { text-transform: uppercase; font-weight: bold; font-size: 12px; }
span.rood { color: #ed0a11; }
span.wit { color: #fff; }
span.error { text-transform: none; color: #ed0a11; font-size: 11px; }

ul.paging { width: 200px; margin: 0 0 0 100px; }
ul.paging li { display: inline; }
li.page { text-align: center; }
li.previous { display: inline; }
li.vorige { display: inline; }

textarea { width: 369px; }

.rood, #rood { color: #ED0A11; }

#pagina { overflow: auto; position: relative; width: 776px; margin: 0 auto; background-image: url(../_img/bg.gif); padding: 0 0 50px 0; }
#logo { width: 154px; height: 157px; }
#header { height: 165px; background: #000; }
#header img { width: 130px; }
#content { width: 395px; margin: 0pt 0pt 0pt 147px; float: left; display: inline; }
#sidebar { float: right; display: inline; margin: 0 42px 0 0; width: 160px; }
#footer { background: #000; height: 50px; }



#menu { position: absolute; top: 0; left: 130px; top: 120px; }
#menu a { display: block; margin: 0pt 10px; height: 21px; background: url("../_img/btn/menu.gif"); overflow: hidden; text-indent: -9999px; letter-spacing: -1px; font-size: 1px; line-height: 1px; }
#menu ul { background-color: silver; text-align: center; margin-left: 0; padding-left: 0; border-bottom: 1px solid gray; }
#menu li { display: inline; list-style-type: none; height: 21px; float:left; }
#menu img { margin: 3px 0 0; }

#menu .woningaanbod a { width: 103px; background-position: 0px 0px; }
#menu .woningarchief a { width: 102px; background-position: 476px 0px; }
#menu .over_ons a { width: 60px; background-position: 348px 0px; }
#menu .contact a { width: 52px; background-position: 262px 0px; }
#menu .routebeschrijving a { width: 119px; background-position: 183px 0px; }
#menu .partners a { width: 35px; background-position: 35px 0px; }

#menu .woningaanbod a:hover, #menu .woningaanbod strong a { background-position: 0px -21px; }
#menu .woningarchief a:hover, #menu .woningarchief strong a { background-position: 476px -21px; }
#menu .over_ons a:hover, #menu .over_ons strong a { background-position: 348px -21px; }
#menu .contact a:hover, #menu .contact strong a { background-position: 262px -21px; }
#menu .routebeschrijving a:hover, #menu .routebeschrijving strong a { background-position: 183px -21px; }
#menu .partners a:hover, #menu .partners strong a { background-position: 35px -21px; }


#selecteer-op { color: #6a6a6a; position: absolute; float: left; margin: 0 42px 0 -138px; font-family: Times New Roman; font-size: 17px; }
#selecteer-op li { text-align: center; font-family: Times New Roman; font-size: 17px; }
#selecteer-op a { color: #ed0a11; text-decoration: none; font-family: Arial; font-size: 14px; }
#selecteer-op a:hover { color: #fff; }

#partners { margin: 10px 0 0 0; }
#archief { margin: 0 -10px 0 0; }
#nieuws {  }

#zoeken { margin: 0 0 1.5em 0; }
#zoekresultaat { margin: -0.5em 0 0 0; }
#zoek-text {  }
#zoek-adres { color: #6a6a6a; font-weight: bold; margin: 0 0 1.5em 0; }
#zoek-adres a { font-weight: normal; }

#woning {  }
#woning li { margin: 0.5em 0 1.5em 0; }
#woning img { margin: 0 0 1.5em 0; }


#medewerkers {  }
#medewerkers li { margin: 0.5em 0 1.5em 0; }
#medewerkers img { margin: 0 0 1.5em 0; }
#medewerkers p { margin: -10px 0pt 16px; }

#woninglijst td { padding: 0px 20px 20px 0px; }

#titel { color: #ed0a11; font-size: 12px; font-weight: bold; margin: 0.5em 0 0 0; }
#partnerlogos {  }

#map_canvas { width: 388px; height: 388px; overflow: hidden; }

#htmlFormContact { background-color: #555555; padding:10px; width: 375px; }

div#foto-groot { margin-bottom: 4px; }
div#foto-groot img { display: block; }
ul#foto-lijst li { float: left; margin-right: 4px; }

.grijs { color: #6A6A6A; }
.wit { margin: 0 0 16px; color: White; }

#contactdetails td {
  padding: 5px 5px 0 5px;
}