body {color: #000;font:14px/18px Arial, Helvetica, sans-serif}


/* Headings
-------------------------------------------------------------- */

h1 { font-size: 28px; font-weight:700;line-height:32px; margin-bottom:36px  }
h2 { font-size: 24px; font-weight:700; margin-bottom: 0; color:#819728;line-height:28px }
h3 { font-size: 20px; color:#666;margin-bottom:28px;padding:0 0 14px 0}
h4 { font-size: 18px;font-weight:700;margin-bottom:6px}
h5 { font-size: 16px;font-weight:700}
h6 { font-size: 14px;font-weight:700}

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}

h2.line{background:url(../images/backgrounds/line-wide.png) no-repeat left bottom;margin:0 0 28px;padding:0 0 14px 0}
h3.line{background:url(../images/backgrounds/line-wide.png) no-repeat left bottom;color:#666;font-size:20px;margin:0 0 28px;padding:0 0 14px 0}

h2 span {color:#666;font-size:16px}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 30px; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a           { color: #819728; text-decoration:none }
a:focus, 
a:hover     { text-decoration:underline }

blockquote  { margin: 30px; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { font-size: 9px}
sup 		{ vertical-align: super }
sub 		{ vertical-align: sub }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 30px; font-style: normal; }
del         { color:#666; text-decoration:line-through }

pre,code    { margin: 30px 0; white-space: pre; }
tt          { display: block; margin: 30px 0; line-height: 16px; }
pre,code,tt { font: 12px 'andale mono', 'lucida console', monospace; line-height: 16px; }

.link, .pdf {display: block;padding: 0 0 0 24px;height: 20px; margin: 5px 0}
.link {background:url(../images/icons/link.png) no-repeat left 0}
.pdf {background:url(../images/icons/pdf.png) no-repeat left -1px}


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 0 30px 20px }
ul, ol      { margin: 0 0 30px 20px }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 30px 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 30px;}


/* Tables
-------------------------------------------------------------- */

table.zoek-appartement { width:678px; border-collapse:collapse }
table ul  	{list-style:none;margin:0}
td       { padding: 10px }
tr			{border-bottom:1px solid #fff}
tr.odd td  { background: #dee9ba; }
tr.even td  { background: #eff4dd; }

tr.odd td.tl {background: #dee9ba url(../images/backgrounds/table-top.png) no-repeat left top; padding:10px }
tr.odd td.tr {background: #dee9ba url(../images/backgrounds/table-top.png) no-repeat right top; padding:10px }
tr.odd td.bl {background: #dee9ba url(../images/backgrounds/table-bottom.png) no-repeat left bottom; padding:10px }
tr.odd td.br {background: #dee9ba url(../images/backgrounds/table-bottom.png) no-repeat right bottom; padding:10px }
tr.even td.bl {background: #eff4dd url(../images/backgrounds/table-even-bottom.png) no-repeat left bottom; padding:10px }
tr.even td.br {background: #eff4dd url(../images/backgrounds/table-even-bottom.png) no-repeat right bottom; padding:10px }

.c1 {width:120px}
.c2 {width:50px}
.c3 {width:54px}
.c4 {width:50px}
.c2, .c4, .c5 {border-right:1px solid #fff; font-weight:700}
.c6 a {background:url(../images/buttons/small-button.png) no-repeat 0 0;display:block;height:27px; width:100px;padding:0 0 0 11px; text-decoration:none; color:#fff;line-height:27px}
.c6 a:hover {background-position:0 -28px}

.optie {background:#F90;color:#fff;display:inline-block;font-size: 10px;text-transform:uppercase; padding:1px 4px}
.beschikbaar {background:#83ba4d;color:#fff;display:inline-block;font-size: 10px;text-transform:uppercase; padding:1px 4px}
.verlaagd {color:#83ba4d}
.topper {color:#F00}
.verkocht {background:#ff0000;color:#fff;display:inline-block;font-size: 10px;text-transform:uppercase; padding:1px 4px}

.pages {margin: 10px 0 0 0; height:24px}
.pages ul {list-style:none; margin:10px 0 0 0; float: left}
.pages ul li {float:left; margin: 0 4px}
.pages .ordenen {float:right; margin-right: 24px;}
.pages span p {margin:10px 10px 0 0; float:left}