/* - - - - - - - - - - - - - - - - - - - - -
Title: Monique van Houtum
Author: Brightworks
URL: /styles/screen.css

Created: Jan 10, 2007
Modified: Jan 16, 2007
- - - - - - - - - - - - - - - - - - - - - */


/* ******************  body  *************** */
* {margin:0; padding:0; border:0;}
body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; line-height:15px; font-size:12px; color:#414141; text-align:justify; background-color:#ffffff; background-image:url(../images/bg.gif); background-repeat:repeat-y; background-position:center;}
a {color:#ff9900; text-decoration:none;}
a:hover {color:#ff9900; text-decoration:underline;}
img {border:none;}
.clear {clear:both;}

h1 {font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; color:#ff9900; margin:0px 0px 10px 0px; font-weight:bold;}
h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; font-weight:bold; color:#ff9900; margin:10px 0px 5px 0px; clear:both; text-align:left;}
h3 {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; font-weight:normal; color:#ff9900; margin:10px 0px 0px 0px; clear:both; text-align:left;}
h2.newstitle {margin:0px 0px 10px 0px; padding:0;}
h3.newstitle {margin:0; padding:0; font-size:11px; margin-bottom:10px;}
.boven {display: block; width: 48px; height: 14px; background: url("../images/boven.gif") no-repeat 0 0; float:right;}
.boven:hover {background: url("../images/boven.gif") no-repeat 0 -14px;}
.boven span {display: none;}

.leesmeer {display: block; width: 66px; height: 14px; background: url("../images/leesmeer.gif") no-repeat 0 0; float:left; margin:0px 0px 40px 0px;}
.leesmeer:hover {background: url("../images/leesmeer.gif") no-repeat 0 -14px;}
.leesmeer span {display: none;}

/* ******************  navigation  *************** */
ul#nav {width:135px; margin:0; padding:0; float:left;}
ul#nav li {list-style-type:none; height: 11px; line-height:11px; list-style-type:none; margin:0px 0px 5px 0px; padding:0px;}
ul#nav li a {color:#666666; text-decoration:none;}
ul#nav li a:hover {color:#ff9900; text-decoration:none;}


/* ******************  containers  *************** */
div#headcontainer {width:755px; margin:0 auto; padding:6px 15px 15px 15px;}
div#newsletter {width:620px; float:left;}
div#newsletter p {float:left; margin:2px 5px 0px 0px; color:#ff9900;}
div#lettergrootte {float:left; width:130px; color:#ff9900; margin-bottom:5px;}
div#lettergrootte p {float:left; margin:2px 5px 0px 0px;}
#normal {font-size:12px; float:left; margin:2px 5px 0px 5px;}
#big {font-size:14px; float:left; margin-right:5px;}
#bigger {font-size:16px; float:left; margin-right:5px;}

div#leftcolumn {width:137px; margin:30px 0px 0px 0px; padding:0;float:left;}
div#headcontainer div#header {float:left; width:775px; height:114px; padding-top:2px;}
div#headcontainer div#content {float:left; margin:20px 0px 20px 0px; padding:0px 15px 0px 5px; width:463px; background-image:url(../images/content_bg.png); background-repeat:no-repeat; background-position:200px 150px;}
div#headcontainer div#content p {margin:0px 0px 10px 0px;}
div#headcontainer div#content ul {list-style-position:inside;}
ul#thumbs {left:254px; height: 238px; margin:0; padding:0;}
ul#thumbs li {float:left; margin:4px; padding:0; list-style-type:none; height:75px; width:75px;}
ul#thumbs li a:hover {float:left; margin:0; padding:0; list-style-type:none; height:79px; width:79px; background-image:url(../images/thumb_bg.gif); background-position:top left; background-repeat:no-repeat;}
ul#thumbs img {padding:2px 2px 0px 2px; margin:0;}

.con-img {float:right; margin:0px 6px 0px 6px;}
ul#subnav {background-color:#FEF3E8; border-bottom:1px solid #ff9900; border-top:1px solid #ff9900; padding:10px; margin-bottom:10px; text-align:left;}
ul#subnav li {list-style-position:inside; list-style-type:square; color:#ff9900; line-height:18px;}
ul#subnav li a {text-decoration:underline; color:#ff9900;}
ul#subnav li a:hover {text-decoration:none; color:#ff9900;}

div#content div#contact {background-color:#FEF3E8; border-bottom:1px solid #ff9900; border-top:1px solid #ff9900; padding:10px; margin-bottom:10px;	text-align:left; color:#ff9900; line-height:18px; clear:both; height:70px;}
div#headcontainer div#rightcolumn {width:135px; height:366px; float:left; margin-bottom:30px;}
div#footer {margin:0px 0 0 0; background-color:#ff9900; height:16px; color:#fff; clear:both; text-align:center; color:#fff; font-weight:normal; font-size:11px; padding:5px 0px 5px 0px;}

/**  Forms  */
fieldset, legend {border: 0; margin: 0 0 0.7em; padding: 0;}
form {padding:10px;}
form#addEmailToNewsletterForm {padding:0px;}
form dt {margin-top:10px;}
form dt label:after {content: ":";}
form dd {margin: 0.5em 0;}
form .form-inline {display: inline;}
label {cursor: pointer;}

.form_textarea_large {height:150px; width:100%; border:1px solid #a1a1a1; padding:3px;  margin-bottom:5px;}
.form_textarea_large_error {height:150px; border:1px solid #f15b35; background-color:#fff3f0;color:#f15b35; width:100%; padding:3px; margin-bottom:5px;}

.form_text_large {background:#fff; border:1px solid #a1a1a1; color:#333; font-family: inherit; width: 70%; padding:3px;  margin-bottom:5px;}
.form_text_large_error {border:1px solid #f15b35; background-color:#fff3f0;color:#f15b35; width:70%; padding:3px;  margin-bottom:5px;}

.submit {background-image:url(../images/submit_bg.gif); background-repeat:repeat-x; color:#fff; height:29px; border:1px solid #d45100; padding:0px 5px 0px 5px; margin:0px 10px 0px 0px;}

.form_search {height:12px; width:100%; border:1px solid #a1a1a1; padding:2px; margin:0;font-size:10px; width:140px; color:#a1a1a1}
.searchb {background-image:url(../images/submit_bg.gif); background-repeat:repeat-x; color:#fff; height:18px; border:1px solid #d45100; padding:0px 1px 6px 1px; margin:0px 4px 0px 0px; font-size:11px;}

div#datum_filter {width:255px; position:absolute; z-index:99; margin:-30px 0px 10px 220px; padding:0;}
div#datum_filter select {height:20px; width:100%; border:1px solid #a1a1a1; padding:0px 0px 0px 2px; margin:0; font-size:10px; width:100px; color:#a1a1a1;}

div.gbook-even {border:1px solid #ff9900; background-color:#fef3e8; color:#ff9900; padding:8px; margin:20px 0px 0px 0px;}
div.gbook-even strong {font-weight:bold; width:322px; padding-bottom:10px; margin-bottom:10px;}
div.gbook-even p {margin-top:5px;}

div.gbook-odd {border:1px solid #c2c2c2; background-color:#f0f0f0; color:#929292; padding:8px; margin:20px 0px 0px 0px;}
div.gbook-odd strong {font-weight:bold; width:322px;}
div.gbook-even p {margin-top:5px;}

/* pagenav */
ul#pagenavigation {margin:10px 0px 0px 7px; padding:0; float:left;}
ul#pagenavigation li {list-style-type:none; height:21px;float:left; margin:0px 4px 0px 0px; color:#ff9900	; font-weight:bold;}
ul#pagenavigation li a {color:#fff; font-weight:bold; display:block; text-decoration:none; padding:1px 5px 0px 5px; color:#ff9900;}
ul#pagenavigation li a:hover {background-color:#ff9900; color:#fff; font-weight:bold; display:block; text-decoration:none; padding:1px 5px 0px 5px;}
div#lastpage {float:left; font-weight:normal; color:#ff9900; margin:11px 0px 0px 6px;}
div#selecteer {float:right; margin:11px 3px 0px 0px; padding:0; color:#ff9900;}
ul#pagenavigation li .active {background-color:#ff9900; color:#fff;}


ul#messages {list-style-type:inside; color:#ff9900; margin:20px 0px 0px 24px;}
ul#messages li { list-style-type:inside; color:#ff9900;}

/* MESSAGE */
#message {padding:12px 30px 5px 10px; margin:0px 0px 20px 0px;	background-color:#e1edc7; border:1px solid #7ca622;	width:auto; color:#7ca622;}
#message h3 {color:#7ca622; height: 32px; padding:3px 0px 0px 30px; line-height: 32px;}
#message ul {margin:5px 10px 10px 18px;}
#message ul li {list-style-position:inside;}

/* ERROR */
#error {padding:12px 30px 5px 10px; margin:0px 0px 20px 0px; border:1px solid #f15b35; background-color:#fff3f0; width:auto; color:#f15b35;}
#error h3 {color:#f15b35; height: 32px; padding:3px 0px 0px 30px; line-height: 32px;}
#error ul {margin:5px 10px 10px 18px;}
#error ul li {list-style-position:inside;}