/* CSS Document */
* {margin:0;padding:0}
html, body, #page {height:100%}
body {font:100% 'Trebuchet MS', Arial; color:#339; text-align:center;
background:#e6ec5c url(_images/backleft.gif) repeat-y left center}
#page {margin:0 auto; text-align:left; max-width:1100px; min-width:800px}
#left, #container, #rechts, #footer div.links, #footer div.mid {
display:inline;float:left;position:relative; overflow:hidden}
#header {width:100%; height:5%}
#left { width:28%; height:90%; font-size:0.95em}
#container {width:47%;height:100%;max-height:80%; margin-left:0; overflow:auto; font-size:0.96em}
#rechts {width:22%; height:90%; margin-left:3%}
#footer {width:100%; height:4%; font-size:0.85em}
#footer div.links {width:28%}
#footer div.mid {width:72%}
#footer p {padding:5px 0 0 15px;margin:0}
.inner {padding:0 15px}
p.sitenaam {padding:5px 0 0 15px;margin:0; font-size:0.85em; font-weight:bold;color:#666}
#rechts div.inner {height:100%; width:165px; float:right; text-align:right; padding:0 15px 0 0;
background:url(_images/pink.gif) no-repeat 50% 100%}

.blokje {/*rel breedte van left*/
width:86%;
height:auto;
padding:20px 0 0 5px;
font-size:0.95em}
address {font:0.8em Arial;font-style:normal; text-align:center}
div.logo {height:100px;background:url(_images/logo_oorsprong.gif) no-repeat top}

h1 {font-size:1.3em; font-weight:normal;margin-bottom:5px}
h2 {font-size:1.05em; color:#47488f}
h3 {font-size:1em; color:#47488f}
p {margin:5px 0}
strong, b {font-weight:bold; color:#47488f}
a:link, a:visited {color:#c39; text-decoration:none} 
a:hover, a:active { color:#339; text-decoration:underline}
a:link.extern, a:visited.extern {color:#639; text-decoration:underline} 
a:hover.extern, a:active.extern {color:#639}
a:link.kind, a:visited.kind {
background:url(cutenews/skins/images/arrow.gif) no-repeat 100% 64%;padding-right:6px}
a:hover.kind, a:active.kind {text-decoration:none;padding-right:10px}
ul {margin:3px 0 5px 35px}
li {padding:0 0 2px 0}
img {border:0}
.last {padding:0 0 10px 0}
p.padding {padding:10px 50px}
.klein {font-size:0.9em}
.centreer {text-align:center}
.midden { vertical-align:middle}
.floatre {float:right}
.floatle {float:left;margin-right:20px}
table {margin:auto;width:88%}
td {text-align:left;padding:1px 5px}
td.input {width:80%}
input, textarea {background:#fff8dd; border:2px solid #dee629;
font:1em 'Trebuchet MS', Arial; color:#339; width:100%}
input.knop {font-size:0.9em; width:auto; padding:0 3px; border:1px outset #fff;
background:#c39; color:#fff}
input:hover.knop {border:1px inset #fff}
h2 span.tel, span.tel {padding:0 3px; background:#c39; color:#fff !important; cursor:default}
#left input#e {width:78%;margin:1px 0 3px 0;padding:0 0 0 3px}

p.zoekknop {text-align:right;margin:0;padding:0}
a:link.zoekknop, a:visited.zoekknop {
font-size:0.9em; padding:0 4px; border:1px outset #fff;
background:#c39; color:#fff}
a:hover.zoekknop, a:active.zoekknop {border:1px inset #fff; text-decoration:none}

h2.categorie {color:#cc0;margin-left:-6px}
div.nieuws {margin-bottom:20px;border-left:14px solid #dee629;padding-left:10px}
div.nieuws p {margin:8px 0}
div.meer a {font-weight:bold;font-variant:small-caps}
div.datum {font-size:0.7em}
div.full {margin-bottom:10px}
ul.news { list-style:none;margin:0;padding:0;font-size:1em}
ul.news li {padding:0;margin:6px 0; line-height:1em}
/**/
div.stoel {height:231px; background:url(_images/stoel.jpg) no-repeat left}
div.huis {height:150px; background:url(_images/huisje.jpg) no-repeat 90% 0}
div.panorama {height:226px; background:url(_images/panorama.jpg) no-repeat left}
div.spreuk {margin:0 0 0 30px;font-size:0.9em}
div.spreuk p {margin:0}
div.copyright {display:inline; height:0; width:0;
position:absolute; left:-2000px; top:-3000px; z-index:200}
/*Clear floating*/
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0}
.clearfix:after {clear:both; content:' '; display:block; font-size:0; line-height:0;
visibility:hidden; width:0; height:0}
.clearfix {display:inline-block}
* html .clearfix {height:1%}
.clearfix {display:block}
/*MENU http://sceneone.nl/tips_tricks/verticaal_menu.php*/
#nav, #nav ul, #nav ul ul {padding:0;margin:0;list-style:none;background: url(none.gif)}
#nav {width:10em; border:1px solid #e6ec5c; background:#e34aa6;font-weight:bold;color:#f7d4e8}
#nav li {width:10em; padding:0}
#nav ul {position:absolute; width:9em; left:-2000px; margin:-2em 0 0 9em;
font-size:0.9em;border:1px solid #e6ec5c}
#nav li li {width: 9em}
#nav ul ul {width: 8em; margin: -2em 0 0 4em}
#nav li li li {width: 8em}
#nav li:hover ul {left: auto}
#nav li:hover ul ul {left: -2000px}
#nav ul li:hover ul {left: auto}
/*opmaak*/
#nav a {display: block; text-decoration: none; padding:0.2em 0.2em 0.2em 0.5em}
#nav a:link, #nav a:visited {background: #e34aa6; color: #f7d4e8}
#nav a:hover, #nav a:active {background: #f6c; color: #FFF} 
#nav a:link.folder,#nav a:visited.folder {background:#e34aa6 url(_images/sub.gif) right no-repeat; cursor:default}
#nav a:hover.folder,#nav a:active.folder {background: #f6c}

/*Google zoeken*/
div#cse { text-align:left;width:98%}
input.gsc-search-button {border:1px outset #fff; color:#fff;background-color:#c39;padding:0 3px}
input:hover.gsc-search-button {border:1px inset #fff}