/*----------------------------+
| GENERAL                     |
+-----------------------------*/


body{margin:0; padding:0; background: #282622; font: 10px Verdana,sans-serif; color:#d0c9b3;}
p{margin:0 5px 10px 5px; line-height:1.4em; text-align:justify;}
.clearer {height: 1px; overflow: hidden; margin-top: -1px; clear: both; }
td, tr{padding:0; margin:0;}
#container{position:relative; margin:0; pading:0;}
#wrapper{float:left; width:100%; background: #4b453c; border-bottom: 1px solid #27231f;}

#header{height:241px;text-align:center;width:100%;background:url('/images/red.gif') top left repeat-x;overflow:hidden;}
#header_color{position:relative;width:100%; height:241px; float:left;z-index:2; }
.yellow{background:url('/images/yellow.gif') top left repeat-x; width:50%; height:241px;float:left;}

#header_website{background: url('/images/head_logo.jpg'); width:763px; height:200px; margin:0px auto ; z-index:5; position: relative;top:-242px; }
*:first-child+html #header_website {top:-241px;}/*ie7*/
* html #header_website{top:-241px;}/*less then ie7*/


#footer {font: normal 9px "Verdana", Helvetica, sans-serif; color:#78736a; margin: 0 auto; background: transparant; width:763px; height:200px; text-transform:uppercase;}
#footer p {text-align:right; margin: 10px 0 60px 0;}
#footer a {color:#78736a; text-decoration:none;}
#footer a:hover {text-decoration:underline;}


#dots{background: url('/images/dots.jpg'); height:20px;position:relative;}
.dots_drop{margin-left:26%;}

#content{margin: 0 auto; background: transparant; width:763px;position:relative !important;}
#content-left{width: 490px; float:left;}
#content-right{width: 258px; float:left; margin-left:15px;}

#newsletter {background: url('/images/newsletter_box.jpg'); height:188px; margin:25px 0;position:relative;}
.newsletter_title {margin:0 10px; padding:10px 0 5px 0; font: 16px Georgia,sans-serif; color:#fec002; border-bottom:1px solid #7b0300;}
.newsletter_link{background: url('/images/button_newsletter.gif') top left no-repeat; width:136px; height:26px; float:right; padding-right:10px;}
.newsletter_link a{background: url('/images/button_newsletter.gif') top left no-repeat;}
#logoStabroek{position:relative;}
.geel {background: url('/images/box_geel.jpg'); height:143px; margin-bottom:15px;}

#ode {background: url('/images/ode.jpg'); height:136px; margin:25px 0;position:relative;}
.ode_title {margin:0 10px; padding:10px 0 5px 0; font: 16px Georgia,sans-serif; color:#7b0300; border-bottom:1px solid #be8601;}

.clearer {height: 1px; overflow: hidden; margin-top: -1px; clear: both;}

h1{font: 18px Georgia,sans-serif; margin-left:5px; color:#fec002;}
h2{font: 16px Georgia,sans-serif; padding:5px; color:#fec002; border-bottom:1px solid #7b0300;}
h3{font: 14px Georgia,sans-serif; margin-left:5px; color:#fec002;}


a{text-decoration:none; margin:0; outline:none; border:0;color:#fec002;}
a:hover{text-decoration:underline;}

.right {text-decoration:none; margin-bottom:20px; outline:none; border:0;color:#fec002; text-align: center;}

img {margin:0; padding:0; border:none;}
.thmb {width:225px;  float: right; clear:right !important; margin:5px 0 5px 10px; padding:0; border:2px solid #322e28;}

/*----------------------------+
| MENU                        |
+-----------------------------*/

#menu{width:752px; z-index:7; position: relative;margin:0px auto ;top:-242px;padding-left:30px;}
*:first-child+html #menu {top:-241px;}/*ie7*/
* html #menu{top:-241px;}/*less then ie7*/
#menu .home {cursor: pointer;overflow:hidden;float:left; width:150px; height:41px; text-transform:uppercase; margin: 0px; background-image:url('/images/home.jpg');}
#menu a:hover.home {background-position: 0 -41px; text-decoration:none;}
#menu .home_act{cursor: pointer;overflow:hidden;float:left; width:150px; height:41px; margin: 0px; padding:0px; color:#92020b; text-decoration:none; background-image:url('/images/home.jpg');background-position: 0 -41px;}

#menu .geschiedenis {cursor: pointer;overflow:hidden;float:left; width:151px; height:41px; text-transform:uppercase; margin: 0px; background-image:url('/images/geschiedenis.jpg');}
#menu a:hover.geschiedenis {background-position: 0 -41px; text-decoration:none;}
#menu .geschiedenis_act{cursor: pointer;overflow:hidden;float:left; width:151px; height:41px; margin: 0px; padding:0px; color:#92020b; text-decoration:none; background-image:url('/images/geschiedenis.jpg');background-position: 0 -41px;}

#menu .keizers {cursor: pointer;overflow:hidden;float:left; width:150px; height:41px; text-transform:uppercase; margin: 0px; background-image:url('/images/keizers.jpg');}
#menu a:hover.keizers {background-position: 0 -41px; text-decoration:none;}
#menu .keizers_act{cursor: pointer;overflow:hidden;float:left; width:150px; height:41px; margin: 0px; padding:0px; color:#92020b; text-decoration:none; background-image:url('/images/keizers.jpg');background-position: 0 -41px;}

#menu .foto {cursor: pointer;overflow:hidden;float:left; width:150px; height:41px; text-transform:uppercase; margin: 0px; background-image:url('/images/foto.jpg');}
#menu a:hover.foto {background-position: 0 -41px; text-decoration:none;}
#menu .foto_act{cursor: pointer;overflow:hidden;float:left; width:150px; height:41px; margin: 0px; padding:0px; color:#92020b; text-decoration:none; background-image:url('/images/foto.jpg');background-position: 0 -41px;}

#menu .contact {cursor: pointer;overflow:hidden;float:left; width:150px; height:41px; text-transform:uppercase; margin: 0px; background-image:url('/images/contact.jpg');}
#menu a:hover.contact {background-position: 0 -41px; text-decoration:none;}
#menu .contact_act{cursor: pointer;overflow:hidden;float:left; width:150px; height:41px; margin: 0px; padding:0px; color:#92020b; text-decoration:none; background-image:url('/images/contact.jpg');background-position: 0 -41px;}

/*----------------------------+
| ERELIJST                    |
+-----------------------------*/

table{width:100%;}
td.box {background: #35322d; padding:4px;}

/*---------------+
| alle photos    |
+----------------*/

div.galWrapper{ width:490px; padding: 5px 0; float:left; clear:left; margin-left:5px;}
.fullGalery{width:460px !important;}
.galWrapper .box{margin-right:2px;}
.galWrapper .box img,.galWrapper a img{ border:2px solid #35322d;}
.galWrapper img {margin:1px;}
a.border img{border:0;}
.boxLink{float:left; clear:none !important; margin-left:5px; padding-bottom:20px;}
.boxLink a {text-decoration:none;}
.boxLink a:hover { text-decoration:underline; }


/*******************************************
/aangeklikte vergrote photo voor middenkolom
/********************************************/
#wrapper_image{padding:0px; margin:0; background-color:#4b453c;  z-index:100; display:block;}
#imageBlock{position:absolute; background:transparant; z-index:1000 !important;}
#imageBlock img{border:0; margin:auto; padding:0;}
.largeImage {padding-left:25px; padding-top:0px; }
* html .largeImage{text-align:center !important; padding:0;}

/*************
/close me blok
/*************/
#imageBlock a {background:none; display:inline; margin:0; padding:0; border:0; color:#fec002; font-weight:bold; font-size:10px;}
#imageBlock a:hover{background:none; display:inline; margin:0; padding:0; border:0; color:#fff; font-weight:bold; text-decoration: underline; font-size:10px;}
.closeme {height:10px;  color:#fff; font-weight:bold; font-size:11px;}

#gal_box{border-bottom:1px solid #34302a;}

/*----------------------------+
| FORM                        |
+-----------------------------*/

form.formulier {border:0; background: transparant; margin:0;}
fieldset {border:0; background: #a20807; padding: 10px; margin-bottom:10px;}
form.formulier{display:block;}

.tit_nieuwsbrief {font: normal 14px "Georgia",Helvetica,sans-serif; color:#fecb00;  margin-bottom:10px;}

.field {float: left; width: 285px; height:16px; margin-left: 4px; padding:2px; border:1px solid #b7b6b6; color: #495152; background-color:#fff; line-height:1.5em; font: normal 11px "Arial",Helvetica,sans-serif;}
#submit {background: url('/images/button_newsletter.gif') top left no-repeat; width:136px; height:26px; float:right; border:0; margin-right:5px;}
#submit_uit {background: url('/images/button_newsletter_uit.gif') top left no-repeat; width:136px; height:26px; float:right; border:0; margin-right:5px;}

.zebox {float: left;  clear: both;  margin:2px 0 2px 0; width:465px;}
label {width: 160px; height:15px; float: left; text-align: left; padding: 3px 0 4px 6px; background-color:#710200; color: #d0c9b3; display:block; font-size:11px; font-weight:bold; line-height:1.3em;}
.emptyfield{padding-left:133px;color:#fecb00; font-size:12px;font-weight:bold; font-family:Arial;}

/*--------------- ----+
| calendar toestanden |
+---------------------*/
/*-------+
|  extra |
+--------*/

#calendar {width:258px ;border:0px solid yellow; height:300px;position:absolute; left:-700px; top:328px; z-index:200 !important;overflow:hidden;background-color:#4b453c;display:none;}

#calender_month{position:relative;width:258px !important; height:35px !important;background: url('/images/monthbox.jpg') top left no-repeat; overflow: hidden; }
#month_before{position:relative; float:left; background:url('/images/montharrow_left.jpg') top left; width:40px; height:35px;}
#month_before a{display:block; width:40px;height:35px}
#month_title{position:relative;background:transparent; float:left;clear:none;text-align:center;font-family:Georgia;color:#f9bd14;width:178px;height:35px;line-height:2.3em;font-size:13px;font-family:Georgia;}
#month_after{position:relative; float:left;clear:none;background:url('/images/montharrow_right.jpg') top left no-repeat;width:40px; height:35px;}
#month_after a {display:block; width:40px;height:35px}

.calender_month{width:258px !important; height:35px !important;background:green;}
.month_before{width:40px; height:35px;}
.month_before a{display:block; width:40px;height:35px;background:url('/images/montharrow_left.jpg') top left }
.month_title{height:35px;width:178px;font-size:13px;text-align:center;font-family:Georgia;color:#f9bd14;background:url('/images/month.jpg') top left no-repeat;line-height:2.3em}
.month_after{width:40px; height:35px;}
.month_after a {display:block;width:40px; height:35px; background:url('/images/montharrow_right.jpg') top left  no-repeat;}

#calender_full{position:relative;top:3px;margin-top:2px;width:258px !important; height:258px !important;background: url('/images/calender_box.jpg') top left no-repeat; font-size:10px;}
.day_none {width:42px; height:42px;float:left;clear:none; line-height:5.0em; text-align:center;overflow:hidden;}
.day_none_nl {width:42px; height:42px;float:left;clear:none;line-height:5.0em;text-align:center;overflow:hidden;}
.day_one a ,.day_one_nl a {display:inline; color:#fec002;cursor:hand; cursor:pointer;overflow:hidden;}
.day_one {width:42px; height:42px;float:left;clear:none;color:#a50704;line-height:5.0em;text-align:center;overflow:hidden;}
.day_one_nl {width:42px; height:42px;float:left;clear:none; color:#a50704;line-height:5.0em;text-align:center;overflow:hidden;}

/**--------+
| popup    |
+----------*/

h4{font: 14px Georgia,sans-serif; padding:4px; margin: 10px 0; color:#fec002;}
.popup {top:10px;}