/* base
----------------------------------------------- */

* {margin: 0; padding: 0;}

body {
padding-top: 10px;
padding-bottom: 10px;
background-color: #969769;
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
font-size: 76%;
color: #000;
}

blockquote, p, li {
padding-right: 10px;
padding-left: 10px;
line-height: 1.6em;
}

p {
padding-bottom: 10px;
}

blockquote {
margin-right: 0;
margin-left: 20px;
}

table {
width: 56%;
font-size: 1em;
margin: 15px 15px 15px 10px;
padding: 4px;
line-height: 1.6em;
border: 1px solid #000;
}

#ie table {margin-left: 10px;}

table caption {
margin-left: 12px;
text-align: left;
font-style: italic;
padding-top: 10px;
}

#ie table caption {padding-left: 0; padding-top: 10px;}

table.tabelr {float: right; margin-right: 0; width: 56%;
border-collapse: collapse; text-align: center;
}

table.tabelr td, table.tabelr th {
padding: 0 2px;
border: 1px solid #000;
}

h1 {
font-weight: bold;
}

h1, h2, h3, h4 {
font-family: Georgia, Times, serif;
}

h1 {
font-size: 3em;
color: #ff0000;
}

h1 span {
display: none;
}

h2, h3 {
font-size: 1.7em;
font-weight: normal;
padding-top: 16px;
padding-bottom: 20px;
}

h4 {
font-size: 1.4em;
font-weight: normal;
padding-left: 10px;
padding-bottom: 10px;
}

small, .small {
font-size: 0.9em;
}

.lightbox img, #content img {
background-color: #e7c58b;
padding: 4px;
border: 0;
}

#content-front img, #flags img {
border: 0;
}

img.noborder {
padding: 0;
margin-right: 3px;
margin-left: 3px;
}

img.right {
float: right;
margin: 6px 0 6px 12px;
}

img.left {
float: left;
margin: 6px 12px 6px 0;
}

.img-left-300 {
float: left;
width: 320px;
text-align: center;
margin-right: 12px;
font-size: 0.9em;
}

#ie .img-left-300 p {
margin-right: 0;
}

.img-left-225 {
float: left;
width: 245px;
text-align: center;
margin-right: 12px;
font-size: 0.9em;
}

.img-right-300 {
float: right;
width: 320px;
text-align: center;
margin-left: 12px;
font-size: 0.9em;
}

.img-right-225 {
float: right;
width: 245px;
text-align: center;
margin-left: 12px;
font-size: 0.9em;
}

#images img {
margin-left: 10px;
margin-bottom: 4px;
}

#sidebar ul {
list-style: none;
}


/* links
----------------------------------------------- */

a {
color: #983e0a;
text-decoration: none;
border: 0;
}

a:hover {
text-decoration: underline;
border: 0;
padding: 0;
}

h1 a, h2 a, h3 a {
border: none;
}

h3 a {
font: 1.5em Georgia, Times, serif;
}

#sidebar a {
padding: 4px;
background-color: #969769;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
border-right: 1px solid #969769;
margin-right: 0px;
}

#sidebar a:hover {
background-color: #f4e5cc;
border-top: 1px solid #969769;
border-bottom: 1px solid #969769;
border-left: 1px solid #969769;
border-right: 1px dashed #969769;
text-decoration: none;
}

#sidebar a.active {
background-color: #f4e5cc;
border-top: 1px solid #969769;
border-bottom: 1px solid #969769;
border-left: 6px solid #969769;
border-right: 1px dashed #969769;
margin-right: -4px;
}

#ie #sidebar a {margin-right: -2px; position: relative;}
#ie #sidebar a.active, * html #sidebar a.active:hover
{border-left: 6px solid #969769;margin-right: -3px;}


#sidebar p.flags a {
background-color: transparent;
padding: 0;
border: 0;
}

#ie #sidebar p.flags a {position: static; border:0; padding: 0;}
#ie #sidebar p.flags a:hover {position: static; border:0; padding: 0;}

#flags {height: 20px;}
#menu {margin-top: 20px; margin-bottom: 20px;}

#sidebar ul.lightbox a {
background-color: transparent;
border: 0;
}

#sidebar ul.lightbox a:hover {
border: 0;
}

#ie #sidebar ul.lightbox li a {position: static;}

/* overrides
----------------------------------------------- */

#sidebar p {
font-size: 0.9em;
line-height: 1.5em;
text-align: right;
padding-right: 0;
margin-bottom: 4px;
margin-right: -1px;
}

#foot p {
font-size: 0.9em;
padding: 0;
}

#foot p.klein {
font-size: 0.8em;
}

p.flags img {
margin-right: 6px;
}

/* global layout
----------------------------------------------- */

#accessibility {
position: absolute;
top: -10000px;
}

#container {
width: 760px;
\width: 770px;
w\idth: 760px;
margin-right: auto;
margin-left: auto;
background-color: #f4e5cc;
border: 1px solid #000;
}

#head {
background: url(/images/kopalgemeen.jpg) no-repeat top center;
height: 160px;
border-bottom: 1px solid #000;
}

#head-pensao
{
background: url(/images/koppensao3.jpg) no-repeat top center;
height: 160px;
border-bottom: 1px solid #000;
}

#head-casa
{
background: url(/images/kopcasa3.jpg) no-repeat top center;
height: 160px;
border-bottom: 1px solid #000;
}

#sidebar {
margin-left: 5px;
margin-right: 0;
padding-top: 4px;
float: right;
width: 120px;
\width: 120px;
w\idth: 120px;
}

#content {
margin: 0 125px 0 20px;
padding-top: 20px;
}

#content ul li {
margin-left: 24px;
padding-bottom: 6px;
}

#content ul.prijs {
font-style: italic;
padding-left: 40px;
}

#content-front {
margin: 40px 40px 0 40px;
padding-top: 10px;
}

#clearer {
clear: both;
height: 0;
}

#foot {
background-color: #cca048;
margin-top: 10px;
text-align: center;
}

/* -------- ZemContact ------------- */

#contact {
float: left;
}

#contact fieldset {
border: 0;
margin-top: 6px;
}

#contact legend {
padding: 0 6px 18px 6px;
font-weight: bold;
}

#ie #contact legend {padding-left: 0;}

#contact form.zemContactForm {
margin-left: 4px;
}

#contact form.zemContactForm label {
width: 40px;
padding: 6px;
}

#contact form.zemContactForm input, #contact form.zemContactForm textarea {
margin: 6px;
border: 1px solid #000;
}

#contact fieldset input, #contact fieldset textarea {
background-color: #f4e5cc;
}

#contact form.zemContactForm input.zemSubmit {
background-color: #e7c58b;
font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
font-size: 0.9em;
}

ul.zemError {
margin: 10px;
list-style-position: inside;
color: #983e0a;
}

ul.zemThanks {
margin: 10px;
list-style-position: inside;
color: #969769;
font-weight: bold;
}