/* Start of CMSMS style sheet 'tarkin' */
html, body { margin: 0; padding: 0; height: 100%; background: #181818; font-family: Calibri, sans-serif; color: #444; font-size: 10px; }

h1 { width: 960px; margin: 20px auto; color: #fff; }
h2 { display: inline; margin: 0; padding: 0; }
h3, h4 { display: inline; color: #181818; margin: 0; padding: 0; font-size: 1.1em; }
h3 a { color: #181818; text-decoration: none; }
a { color: #181818; }
a img { border: 0 }

#tabs { height: 39px; width: 960px; margin: 0 auto; min-width: 400px; font-size: 1.4em; }
#tabs ul { margin: 0; padding: 0; float: right; }
#tabs li { list-style: none; float: left; line-height: 39px; margin: 0 10px; }
#tabs li * { float: left; }
#tabs li a { display: block; height: 39px; line-height: 39px; min-width: 30px; text-align: center;  }
#tabs li span { display: block; height: 39px; width: 7px; background: none; }
#tabs li.selected span.left, #tabs li:hover span.left { background: url(/upload/images/tab.left.png) }
#tabs li.selected span.right, #tabs li:hover span.right { background: url(/upload/images/tab.right.png) }
#tabs li a, #tabs li.selected a, #tabs li:hover a { color: #dbdbdb; text-decoration: none; }
#tabs li.selected a, #tabs li:hover a {  background: url(/upload/images/tab.bg.png) }

#attract { position: relative; height: 100px; border-top: 1px solid #2e2e2e; border-bottom: 1px solid #bebebe; background: #232323 url(/upload/images/bg_gradient.png) repeat-x;  }
#attract .background { margin: 0 auto; height: 100px; width: 800px; background: url(/upload/images/bg_waves.jpg) no-repeat; }
#attract .background .category { margin: 10px auto 0; width: 518px; }

#attract-images { position: relative; width: 518px; margin-left: 141px;  margin-top: 10px; height: 362px; overflow: hidden; }
#attract-images img { position:absolute; top:0; left:0; z-index:8; }
#attract-images img.active { }
#attract-images img.last-active {}

#attract h2 { display: block; color: #dbdbdb; font-size: 3em; padding-top: 20px; text-align: center; }
#attract h2 span { font-size: .75em; color: #d2d2d2; }
#attract-title { text-align: center; padding-top: 20px; }
#attract-title .title {  color: #fff; font-size: 3em; font-weight: bold; }
#attract-title .text { font-size: 1.5em; color: #eee; margin: 4px 0 0; }

#front #attract { height: 350px; }
#front #attract .background { height: 350px; }

#main { min-height: 200px; background: #dbdbdb url(/upload/images/mid_bg.png) repeat-x; border-bottom: 1px solid #c8c8c8; }
#front #main { padding-top: 100px; }
#main .content { margin: 0 auto; width: 800px; font-size: 1.4em; padding: 10px 0 30px; }
#front #main .content { font-size: 1.6em; }

#main .content .category { float: left; width:  48%; margin-left: 1%; margin-top: 32px;  }
#main .content .category img { float: left; width: 64px; height: 64px; margin:16px; }
#main .content .category p { margin: 5px 0; font-size: 0.8em; }
#main .content .category a.more { margin-top: 20px; }

div.left { width: 48%; float: left; margin-left: 1%; }
div.right { width: 48%; float: right; margin-right: 1%; }

#mini { color: #444; min-height: 75px; background: #ebebeb; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 15px 0; }
#mini .content { margin: 0 auto; width: 800px; }
#mini .logos { float: left; width: 440px; height: 90px; line-height: 45px; margin: 0 30px; text-align: center; }
#mini .logos img { margin: 0 10px; }
#mini .contact { float: left; width: 300px; font-size: 1.3em; }
#mini .contact p { margin: 0; padding: 4px 0; }

#footer { width: 800px; margin: 20px auto;  color: #c8c8c8; font-size: 1.2em; height: 40px;  }
#footer p { float: right; font-weight: bold; }
#footer img { float: right; }
#footer .content { margin: 0 auto; }
#footer .category { width: 200px; float: left;   }
#footer h5 { font-size: 1.2em; margin: 0; padding: 0; border-bottom: 1px solid #c8c8c8;  }
#footer a { display: block; color: #dbdbdb; text-decoration: none; }
#footer ul { list-style: none; margin: 0; padding: 0; }
#footer li {  border-bottom: 1px solid #181818; text-indent: 10px; }
#footer h5:hover, #footer li:hover { border-bottom: 1px solid #444; }

.clearfix {} /* make class accessible to CMS wysiwyg editor */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.header { border-bottom: 1px solid #c8c8c8; line-height: 3em; }
a.more { display: inline-block; width: 103px; height: 20px; background: url(/upload/images/meer_info.png) no-repeat; }
a.more span { display: none; }

.contactform { float: left; width: 63%; line-height: 1.5em; margin-right: 2%; padding: 10px 1%; }
.contactform .hidden { display: none; }
#contact-extra { float: left; width: 33%; }
#contact-extra p { font-size: .9em; }
fieldset { border: 0; margin: 20px 0 0; padding: 0; }
legend { font-weight: bold; font-size: 1.3em; }
label { font-weight: bold; color: #5f5f5f; display: block; margin: 8px 0; }
label[for] { cursor:pointer; }
.contact-onderwerpen label[for] { display: inline; font-weight: normal; }
.req { color: #e00; margin-left: 3px; font-size: .8em; }
input[type="text"], textarea { width: 100%; }

/* inline images */
img.right { float:right; margin: 0 10px 10px 0; border:1px solid #232323; width: 150px; }
img.left { float:left; margin: 0 10px 10px 0; border:1px solid #232323; width: 150px; }
/* End of 'tarkin' */