/* Start of CMSMS style sheet 'Layout' */
* {
margin:0;
padding:0;
}

body {
   text-align: left;
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 14px;
}

div {
   font-size: 1em;
}

img {
   border: 0;
}

a,
a:link 
a:active
a:visited {
   text-decoration: underline;
   background-color: inherit; 
   color: #0000FF; 
}

a:hover {
   text-decoration: none;
//   color: #000;
}

div#submenu a,
div#submenu a:link 
div#submenu a:active
div#submenu a:visited {
   text-decoration: none;
   background-color: inherit; 
   color: #404040 
}

div#submenu a:hover {
   text-decoration: underline;
//   color: #000;
}

/*****************
basic layout 
*****************/
body {
   background-color: #fff;
   color: #000;
}

div#pagewrapper {
   margin: 0 auto;
   width: 1006px;
   background-color: #fff;
   color: #404040;
}

div#logo {
   height: 100px;
   margin-right: 50px;
   background: #fff url(logo.jpg) no-repeat right top;
}

div#header {
   margin: 0 0 0 50px;
   height: 147px;
}

div#header_content {
   position: absolute;
   z-index:3;
}

div#header_mask {
   position: absolute;
   z-index:2;
   height: 147px;
   width: 926px;
   background: url(top.png) no-repeat;
   padding-bottom: 20px;
}

div#foto {
   position: absolute;
   z-index:1;
   top: 100px;
   margin-left: 13px;
   width: 900px;
   height: 135px;
   background: #fff;
}

div#holder1,
div#holder2,
div#holder3,
div#holder4 {
   width: 225px;
   height: 135px;
   background: #fff;
   float: left;
}

div#content_wrapper {
   position: relative;
   z-index:2;
   margin: 0 0 -200px 50px;
}

div#main {
   margin: 10px 0 0 31px;
   width: 500px;
}

div#main td{
   padding: 0 0 0 5px;
}
div#submenu {
   width: 350px;
   height: 240px;
   background: url(logo_beeldmerk.jpg) no-repeat 170px 5px; 
   float: right;
   display: inline;  /* FIX ie doublemargin bug */
   margin: -19px 0 0 0;
}

div#submenu_content {
   width: 165px;
   height: 130px;
   background: url(submenu_bg.png) no-repeat;
   padding: 5px 0 0 10px;
}

div#footer {
   margin: 200px 0 0 50px;
   clear:both;
   height: 147px;
   padding-bottom: 5px;
}

div#footer_content {
   position: absolute;
   z-index:3;
   padding: 10px 0 0 30px;
}

div#footer_content a { 
   display: block; 
   margin: 0px; 
   padding: 6px 5px; 
   text-decoration: none; 
   color: #2d2d2d;
   font-size: 16px; 
}


div#footer_content a:hover{ 
   display: block; 
   margin: 0px; 
   padding: 6px 5px; 
   text-decoration: none; 
   color: red;
   font-size: 16px; 
}

div#special1,
div#special2,
div#special3,
div#special4 {
   width: 225px;
   height: 135px;
   background: inherit;
   float: left;
}

div#footer_content div#left{
   height: 29px;
   width:10px;
   float: left; 
   background-image: url(menu_bottom_bgl.png); 
}

div#footer_content div#link{
   height: 29px;
   background-image: url(menu_bottom_bg.png);
   float: left; 
}

div#footer_content div#right{
   height: 29px;
   width:10px;
   float: left; 
   background-image: url(menu_bottom_bgr.png); 
}

div#footer_mask {
   position: absolute;
   z-index:2;
   height: 147px;
   width: 926px;
   background: url(bottom.png) no-repeat;
   padding-bottom: 5px;
}

div#specials {
   position: absolute;
   z-index:1;
   margin-left: 13px;
   width: 900px;
   height: 135px;
   background: #fff;
}

div#footer p {
   font-size: 0.8em;
   margin:0;
}

div#footer div#zareh a{
   position: absolute;
   right: 12px;
   top: 129px;
   color: #D3D3D3;
   text-decoration: none;
   font-size: 10px;
}

div#footer div#zareh a:hover{
   color: #3B3B3B;
}

div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

div#comments textarea,
div#comments input{
   width: 500px;
   border: #cecece solid 1px;
}

/********************
CONTENT STYLING
*********************/
div#content {

}

div#content h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#content h2 {
   font-size: 1.5em; 
   text-align: left; 
   line-height: 1.5em;
}
div#content h3 {
   color: #294B5F; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 11px;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
font-weight: normal; 
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0;
   line-height:1.4em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* END TEXT */

/* LISTS */
div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}
/* END LISTS */
/* CONTACTFORM */
.contactform div {width: 100%; padding: 0.55em 0 0.25em 0;} 
.contactform div label {display: block; width: 150px; } 
.contactform div.required {color: #000;}

.contactform input,
.contactform textarea{
    border: solid 1px;
    border-color: #d0d0d0;
    text-align: left;
    font-family: Arial;
    overflow: auto;
    font-size: 12px; 
    line-height: 120%; 
    padding: 2px;
}


.contactform textarea{
    width: 580px;
}

.contactform input{
    width: 200px;
}

.contactform .submit input{
    width: 100px;
    text-align: center; 
}

/* END CONTACTFORM */
/* End of 'Layout' */