/**
 * set container
 **/
body, html {
margin: 0px;
padding: 0px;
background: url('../images/body-bg.png') top center repeat-y #1f0b81;
font-family: arial, sans-serif;
font-size:100%;
line-height:1.0625em; /* 16/17 = 17px; */
}
#container {
margin: 0px auto;
width: 960px; /*20px leftborder*/ 
font-size:0.75em;/* 16x0.75=12 */
margin-bottom: 4em;
position: relative;
background: #fff;
}
#container { border-left: solid 20px #1f0b81; } 

/**
 * reset and default styles 
 **/
ul, h1, h2, h3, p.categorie {
margin: 0px;
padding: 0px;
}
h1, h2, p.categorie {
color: #1f0b81;
}
li {
list-style: none;
margin: 0px;
padding: 0px;
}
h2, p.categorie{
font-size: 118.75%;
font-weight: bold;
}
a:hover { text-decoration: underline; }
h1 { font-size: 100%; }
#kolom3 h3 {
font-size: 100%;
}
a img{ border: none;}

/**
 *grid layout
 **/
#kop { height: 243px; position: relative;}
#kolom1 { width: 230px; }
#kolom2 { width: 490px; margin: 10px 20px 10px 10px; }
#kolom3 { width: 199px; background: #3da639; }
.kolom { float: left; }
#footer {clear: left; }


/**
 * kop
 **/
#kop .logo {
position: absolute;
top: 27px; left: 240px;
z-index: 30;
}
#kopbackground {
position: absolute;
width: 551px; height: 243px;
left: -20px; top: 0px;
background: url('../images/kopbg.png') no-repeat;
z-index: 20;
}
.sfeerbeeld {
position: absolute;
right: 0px; top: 0px;
width: 477px; height: 204px;
z-index: 1;
}
.beeld1 {
background: url('../images/sfeerbeeld/voorbeeld.jpg') no-repeat;
}
#kop blockquote {
position: absolute;
width: 357px; height: 87px;
left: 44px; top: 85px;
background: url('../images/quote.png') no-repeat;
z-index: 30;
padding: 20px 0px;
line-height: 1em;
font-style: italic;
}
#kop blockquote .auteur {
font-size: 62.5%; /* =10px */
position: absolute;
bottom: 10px;
font-style: normal;
}

/**
 * menu
 **/
 
#menu {
position: relative;
left: -20px;
width: 236px;
background: url('../images/menubg.png') repeat-y;
}
#menu li {
margin-left: 45px;
margin-right: 20px;
padding: 2px;
border-bottom: solid 1px black;
}
#menu li:hover,
#menu li.selected { background: #1f0b81;}
#menu li a {
color: black;
text-decoration: none;
}
#menu li:hover a, 
#menu li.selected a { color: white; }

#menu .decoration {
width: 216px;
height: 13px;
margin-left: 20px;
}
#menu .decoration.top {background: url('../images/decorationspr.png') no-repeat;}
#menu .decoration.bottom {background: url('../images/decorationspr.png') 0px -13px no-repeat;}


/**
 *tekstblok
 **/
.tekst, .tekstblok, #kolom2.lijst { border-top: solid 1px #6355a7; }
.tekstblok { margin: 25px; }
.tekstblok img {
float: left;
margin: 0px 3px 5px 0px;
}
.tekst img {
float: right;
margin: 5px 0px 5px 5px;
}
#kolom1 .tekstblok {
min-height: 120px;
}


/**
 * verzameling pagina
 **/
.verzameling #artikel1, .verzameling #artikel2, .verzameling #artikel3 {
border-bottom: solid 1px black;
margin-bottom: 5px;
}
.verzameling #artikel1 img, .verzameling #artikel2 img, .verzameling #artikel3 img {
float: left;
margin: 0px 5px 5px 0px;
}
.verzameling #artikel2, .verzameling #artikel3 {
width: 235px;
float: left;
}
.verzameling #artikel2 {
margin-right: 10px;
}
.verzameling #artikel3 {
margin-left: 10px;
}
.verzameling .clear {
clear: left;
}
.verzameling .decoration.line {
width: 1px;
background: black;
height: 100%;
position: absolute;
top: 0px;
left: 245px;
}
.verzameling .artikelcontainer {
position: relative;
clear: left;
}

/**
 * lijst pagina
 **/
.lijst li { position: relative; padding: 3px 3px 0px 0px;}
.lijst li .datum { position: absolute; top: 3px; left: 0px; margin: 0px; padding: 0px;}
.lijst li .datum, 
.lijst li h2 { color: #1f0b81;}
.lijst li img {float: left; margin: 0 10px 0 -110px;}
.lijst li h2, .lijst li .inhoud { padding-left: 110px; font-size: 100%;}
.lijst li .inhoud {  min-height: 110px; height:auto !important; height:110px;}
.kort li .inhoud {min-height: 10px !important; height: auto !important; height: 10px;}
.lijst li.alternate {background: #eee;}

/**
 * subnavcontainer
 **/
#kolom1 .subnavcontainer { margin: 25px; }
#kolom2 .subnavcontainer { float: right;}


/**
 * kolom3
 **/
#kolom3 .decoration { width: 199px; height: 14px; }
#kolom3 .decoration.top {background: url('../images/decorationspr.png') 0px -26px no-repeat; }
#kolom3 .decoration.bottom {background: url('../images/decorationspr.png') 0px -40px no-repeat; }
#kolom3 h2 .decoration { width: 174px; height: 5px; position: relative; left: -5px; display: block; }
#kolom3 h2 .decoration.top {background: url('../images/decorationspr.png') 0px -54px no-repeat; }
#kolom3 h2 .decoration.bottom {background: url('../images/decorationspr.png') 0px -59px no-repeat; }

#kolom3 h2 {
	margin: 0px 12px;
	padding: 0px 5px; 
	width: 164px;
	background: #e2ffdd;
	font-size: 110%;
}
#kolom3 ul { margin: 10px 12px; width: 164px; }
#kolom3 li, #kolom3 li a { color: white; }
#kolom3 li p {margin: 0px; padding: 0px; }
#kolom3 li {
border-bottom: solid 1px black;
padding: 8px 0px 3px 0px;
}

#kolom3 ul li ul li{list-style: disc; border: none;}

#kaart-home {
	margin-left: -5px;
}

/**
 * footer 
 **/
#footer {
padding-top: 20px;
text-align: center;
font-size: 62.5%; /* =10px */
}
#footer a{
color: #333;
}
#footer img { margin: 0px 5px;}


/**
 * general buttons and elements
 **/
.leesverder {
font-style: italic;
font-size: 62.5%; /* =10px */
padding: 0px 20px 3px 0px;
margin: 0px;
display: block;
background: url('../images/icons/leesmeer.gif') center right no-repeat;
text-align: right;
clear: both;
}
.leesverder a {
color: black;
text-decoration: none;
}
.subnav {
width: 165px; height: 18px;
background: url('../images/subnav.png') center left no-repeat;
padding-left: 10px;
padding-top: 1px;
display: block;
color: white;
text-decoration: none;
}

.icon {
width: 31px; height: 31px;
float: left;
margin: 0px 5px 0px 0px;
}
.icon.natuur { background: url('../images/icons/iconsspr.png') 0px -93px; }
.icon.recreatie { background: url('../images/icons/iconsspr.png') 0px 0px; }
.icon.water { background: url('../images/icons/iconsspr.png') 0px -62px; }
.icon.landbouw { background: url('../images/icons/iconsspr.png') 0px -31px; }


#search {
position: absolute;
right: 12px;
bottom: 6px;
width: 203px;
height: 27px;
background: url('../images/searchbox.png');
}
#search #input {position: absolute; top: 5px; left: 28px;
	border: none; width: 115px; height: 15px; background: #fff;}
#search #submit {position: absolute; top: 4px; right: 2px; width: 50px; border: none; background: #999;}

#ignore-element { clear: both; }