body {background: #f8f8f4; margin: 0; font: 11px/14px arial;}


fieldset, form {padding: 0; margin: 0; border: 0;}
input, textarea {font-size: 11px;}

img {}

h3 {font: bold 18px arial; color: #cf0001; text-transform: uppercase; padding: 0 0 10px 0; margin: 0;}
h4 {font: lighter 14px arial; color: white; text-transform: uppercase; padding: 0; margin: 0;}

#container {width: 998px; background: transparent url(img/container.gif) top left repeat-y; margin: 0 auto;}
#container .bottom {padding: 0 0 10px 10px;width: 988px; background: transparent url(img/containerbottom.gif) bottom left no-repeat;}

#top {width: 978px; height: 105px; background: #cd0007 url(img/top.jpg) top left no-repeat;}

#logo {margin: 0; padding: 0;float: left; position: relative; width: 263px; background: transparent url(img/logo.gif) top left no-repeat;}
#logo a {display: block; padding: 105px 263px 0 0; overflow: hidden; font-size: 1px !important; height: 0px !important; width: 0px !important;}

#top #datum {float: left; position: relative; width: 450px; font: bold 30px arial; padding: 54px 0 0 0; margin: 0; color: white; text-align: center;}
#top #zoekbox {padding: 0; margin: 65px 0 0 0; width: 250px; float: right; position: relative;}
#top #zoekbox input {padding: 2px 0 0 5px; margin: 0; border: 0;color: white; width: 168px; height: 24px;background: none; float: left; position: relative; display: block; }
#top #zoekbox input.submit {width: 45px; cursor: pointer; height: 20px; padding: 0; margin: 0 0 0 11px;}


#header {width:978px;}
#header img {display: block;}



#nav {padding:0; list-style:none; height:26px; line-height: 26px;width: 978px; position:relative; z-index:200; padding: 0; margin: 0; background: transparent url(img/nav.gif) top left no-repeat;}
#nav li.top {display:block; float:left; padding: 0 0 0 20px;}
#nav li a.top_link {display:block; float:left; height:26px; text-decoration:none; font-weight:bold; cursor:pointer; color: white; text-transform: uppercase; }
#nav li a.top_link span {float:left; display:block; height:26px;}
#nav li a.top_link span.down {float:left; display:block; margin: 0; height:26px;}

#nav li:hover a.top_link, #nav a.top_link:hover{color: white;}

#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub {left:20px; top:26px; white-space:nowrap; width:150px; height:auto; z-index:300;}
#nav :hover ul.sub li {display:block; height:24px; position:relative; float:left; width:150px; font-weight:normal; border: solid transparent; border-width: 1px 1px 0 1px; }
#nav :hover ul.sub li a {display:block; height:24px; width:150px; line-height:24px; text-indent:15px; color: white; text-decoration:none; background: transparent url(img/navsub.gif) top left no-repeat;}
#nav :hover ul.sub li a:hover {font-weight: bold;}

#nav a:hover a:hover ul, #nav a:hover a:hover a:hover ul, #nav a:hover a:hover a:hover a:hover ul, #nav a:hover a:hover a:hover a:hover a:hover ul {left:150px; top:-4px; white-space:nowrap; width:150px; z-index:400; height:auto;}

#nav ul, #nav a:hover ul ul, #nav a:hover a:hover ul ul, #nav a:hover a:hover a:hover ul ul, #nav a:hover a:hover a:hover a:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover > ul {left:150px; top:-1px; white-space:nowrap; width:150px; z-index:400; height:auto;}
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}



#content {background: #f8f8f4 url(img/content.gif) top right repeat-y; width: 978px;}

#content #text {width: 671px; padding: 20px 40px; color: #656566; float: left; position: relative;}

#content #text img {display: inline;}
#content #text .img {background: transparent url(img/img_shadow.gif) bottom right no-repeat;position: relative; display: block;}
#content #text .img .shadow_right {background: transparent url(img/img_shadowright.gif) bottom right no-repeat;position: relative; width: 14px; height: 33px; float: left;}
#content #text .img .shadow_left {background: transparent url(img/img_shadowleft.gif) bottom left no-repeat; width: 37px; height: 15px;}
#content #text .img img {float: left; position: relative; display: block !important;} 
#content #text .imgright {float: left; margin: 3px 0 3px 10px; }
#content #text .imgleft {float: left;margin: 3px 10px 3px 0; }
#content #text a {color: #cd050e; text-decoration: none;}
#content #text a:hover {text-decoration: underline;}


#content #sidebar {width: 203px; float: right; position: relative; color: white; padding: 20px 12px;}
#content #sidebar .box {width: 175px; padding: 8px 15px 5px 10px; background: transparent url(img/sidebar.png) top left no-repeat;}
#content #sidebar .boxbottom {width: 202px; padding: 0; height: 24px; background: transparent url(img/sidebar_bottom.png) top left no-repeat;}

#content #sidebar .box ul {list-style: none; padding: 0; margin: 0;}
#content #sidebar .box ul li {padding: 0 0 0 18px; margin: 5px 0; background: transparent url(img/sidebar_li.gif) 0 1px no-repeat;}

#content #sidebar a, #footer a {color: white; text-decoration: underline;}
#content #sidebar a:hover, #footer a:hover {color: #ffcecb;}


#footer {height: 26px; padding: 0 10px 0 35px; background: transparent url(img/footer.gif) top left no-repeat; width: 933px; border-width: 0 1px 1px 1px !important; line-height: 26px; color: white;}


#top, #content, #header, #nav, #footer {border: 1px solid #bdbcb9; border-width: 0 1px;}


.clear {clear: both; font-size: 1px !important; line-height: 0px !important;}
.floatleft {float: left; position: relative;}
.floatright {float: right; position: relative;}



.pics {  
    height:  150px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 15px;  
    width:  150px; 
    top:  0; 
    left: 0 
} 

.error {
	border: 1px solid #f7092a;
}