@charset "UTF-8";
/* CSS Document */

* {
margin:0;
padding:0;
}

* html #wrap {height : 0.01%;} /* Holly Hack to trigger hasLayout in IE/Win */

body { margin:0; padding:0; }

body, div, th, td, li, dd    {
    /* redundant selectors to help NS4 remember */
    font-family:  Verdana, Lucida, Arial, Helvetica, sans-serif;
    font-size:    11px;
    }

p {margin 1em 0;}

.tz a:link, .tz a:visited { color:#333; }
.tz a:hover, .tz a:active { color:#CA0202; }
.tw a:link, .tw a:visited { color:#FFF; }
.tw a:hover, .tw a:active { color:#000; }
.tith a:link, .tith a:visited { color:#E3E3E3; }
.tith a:hover, .tith a:active { color:#CA0202; }

#wrap { width: 1015px; }

#header { width: 1015px; height: 114px; }

#content { clear:both; width: 1015px; height: 321px; }

#contentb { clear:both; width: 1015px; height: 271px; }

#top_of_the_page { width:1015px; height:14px; background:#FFFFFF url(../layout/-top_of_the_page.jpg) left top no-repeat;}

#logo { width:321px; height:100px; background:#FFFFFF url(../layout/logo.jpg) left top no-repeat; float:left; margin:0; padding:0; border-right: #CCCCCC solid 1px;}

.tr { font: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#660000; text-decoration:none; }
.tz { font: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; text-decoration:none; }
.tw { font: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; text-decoration:none; }
.twb { font: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFF; text-decoration:none; }
.titg { font: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#A5AAB6; text-decoration:none; }
.tith { font: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#E3E3E3; text-decoration:none; }
.tb { font: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#333; text-decoration:none; }
.titgb { font: Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#A5AAB6; text-decoration:none; }
.tverpl { font: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#999; text-decoration:none; }

.phome { padding: 8px 0 0 22px; width:100px; }
.pbox { padding: 8px 0 0 5px; }
.pmbox { padding: 5px 0 0 0; }

.box127 { width:127px; height: 100px; float:left; margin:0; }
.box128 { width:127px; height: 100px; float:left; margin:0; border-right: #CCCCCC solid 1px; }
.box129 { width:90px; height: 100px; float:left; margin:0;}
.box130 { width:90px; height: 100px; float:left; margin:0;border-right: #CCCCCC solid 1px; }

.box128r { width:128px; height: 100px; float:left; margin:0; background:#CA0202 url(../layout/rodedoos.jpg) left top no-repeat; } 
.box128l { width:128px; height: 100px; float:right; margin:0;}

#grijs_links_content { width: 23px; height: 321px; background:url(../layout/grijs_links_content.jpg) left top no-repeat; float:left; }
#wit_links_contentb  { width: 632px; height: 321px; float:left; }
#galerij { width: 609px; height:321px; float:left; }
#contentveld { width: 383px; height: 321px; float:right; background:url(../layout/grijs_rechts_content.jpg) left top no-repeat; position:relative; }
#contentveld div {
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
}
#contentb_content { width: 383px; height: 321px; float:right; position:relative; z-index: 2000; }

.nieuwsitem { padding: 0 10px 0 10px;  }
.nieuwsitem2 { padding: 0 }
.nieuwsitemtable { margin: 10px;  }
.niewsiteml { border: none 0; padding: 0; margin:0; height:1px; max-height:1px; width:383px; color: #CCC; background-color: #CCC;}
.niewsiteml2 { border: none 0; padding: 0; margin:0; height:1px; max-height:1px; width:360px; color: #CCC; background-color: #CCC;}
/*form */



/* Galerij */

#myGallery {
clear:both;
width:609px;
height:321px;
float:left;
}

.jdGallery img {
border:0;
margin:0;
}

.jdGallery .slideElement {
width:100%;
height:100%;
background-color:#000;
background-repeat:no-repeat;
background-position:center center;
background-image:url('../layout/loading-bar-black.gif');
}

.jdGallery .loadingElement {
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
background-color:#000;
background-repeat:no-repeat;
background-position:center center;
background-image:url('../layout/loading-bar-black.gif');
}

.jdGallery .slideInfoZone {
position:absolute;
z-index:10;
width:100%;
left:0;
bottom:0;
height:74px;
background:#333;
color:#fff;
text-indent:0;
overflow:hidden;
margin:0;
}

* html .jdGallery .slideInfoZone {
bottom:-1px;
}

.jdGallery .slideInfoZone h2 {
font:11px/17px verdana, arial, helvetica;
font-weight:700;
color:inherit;
margin:10px 39px;
padding:0;
}

.jdGallery .slideInfoZone p {
font:11px/17px verdana, arial, helvetica;
color:#eee;
margin:4px 39px;
padding:0;
}

.jdGallery div.carouselContainer {
position:absolute;
height:135px;
width:100%;
z-index:10;
left:0;
top:0;
margin:0;
}

.jdGallery a.carouselBtn {
position:absolute;
bottom:0;
right:30px;
height:20px;
text-align:center;
font-size:13px;
background:#333;
color:#fff;
cursor:pointer;
padding:0 10px;
}

.jdGallery .carousel {
position:absolute;
width:100%;
left:0;
top:0;
height:115px;
background:#333;
color:#fff;
text-indent:0;
overflow:hidden;
margin:0;
}

.jdGallery .carousel .carouselWrapper,.jdExtCarousel .carouselWrapper {
position:absolute;
width:100%;
height:78px;
top:10px;
left:0;
overflow:hidden;
}

.jdGallery .carousel .carouselInner,.jdExtCarousel .carouselInner {
position:relative;
}

.jdGallery .carousel .carouselInner .thumbnail,.jdExtCarousel .carouselInner .thumbnail {
cursor:pointer;
background:#000;
background-position:center center;
float:left;
border:solid 1px #fff;
}

.jdGallery .wall .thumbnail,.jdExtCarousel .wall .thumbnail {
margin-bottom:10px;
}

.jdGallery .carousel .label,.jdExtCarousel .label {
font-size:13px;
position:absolute;
bottom:5px;
left:10px;
margin:0;
padding:0;
}

.jdGallery .carousel .wallButton,.jdExtCarousel .wallButton {
font-size:10px;
position:absolute;
bottom:5px;
right:10px;
background:#222;
border:1px solid #888;
cursor:pointer;
margin:0;
padding:1px 2px;
}

.jdGallery .carousel .label .number,.jdExtCarousel .label .number {
color:#b5b5b5;
}

.jdGallery a {
font-size:100%;
text-decoration:none;
color:inherit;
}

.jdGallery a.right,.jdGallery a.left {
position:absolute;
height:99%;
width:25%;
cursor:pointer;
z-index:10;
filter:alpha(opacity=20);
-moz-opacity:0.2;
-khtml-opacity:0.2;
opacity:0.2;
}

* html .jdGallery a.right,* html .jdGallery a.left {
filter:alpha(opacity=50);
}

.jdGallery a.right:hover,.jdGallery a.left:hover {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity:0.8;
opacity:0.8;
}

.jdGallery a.left {
left:0;
top:0;
background:url('../layout/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left {
background:url('../layout/fleche1.gif') no-repeat center left;
}

.jdGallery a.right {
right:0;
top:0;
background:url('../layout/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right {
background:url('../layout/fleche2.gif') no-repeat center right;
}

.jdGallery a.open {
left:0;
top:0;
width:100%;
height:100%;
}

.withArrows a.open {
position:absolute;
top:0;
left:25%;
height:99%;
width:50%;
cursor:pointer;
z-index:10;
background:none;
-moz-opacity:0.8;
-khtml-opacity:0.8;
opacity:0.8;
}

.withArrows a.open:hover {
background:url('../layout/open.png') no-repeat center center;
}

* html .withArrows a.open:hover {
background:url('../layout/open.gif') no-repeat center center;
filter:alpha(opacity=80);
}

#myGallery img.thumbnail {
display:none;
}

.jdGallery,.jdExtCarousel {
overflow:hidden;
position:relative;
}
