*{padding: 0; margin: 0;}
html {height: 100%; width: 100%;}
body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
background: #1a1817 url("../imgs/bg_body.gif");
color: #b1aca5;
text-align: left;
padding: 10px 0 0 0;
}
#printLogo {display: none;}
img {border: 0px;}
ul,li {list-style-type:none;}
/* Standard a tags */
a {color: #fff; text-decoration: none; background: #414141;}
a:link {color: #fff;}
a:visited {color: #bcb7af;}
a:active {color: #bcb7af;}
a:hover {color: #bcb7af; text-decoration: none;}
a.block, a.block:link, a.block:visited{color: #bcb7af; text-decoration: none; text-transform: uppercase; background: #414141; padding:1px 2px 1px 2px;}
a.hi {border: 1px solid #666; color: #fff;}
a.block:hover {color: #fff; text-decoration: none;}
/* logo */
#column1 h1 {width: 95px; clear:both;}
#column1 h1 a{background: url("../imgs/logo_che.gif") no-repeat; text-indent: -2000px; width: 95px; float: left; line-height: 87px; height: 87px;}
/* floatcontainer */
.floatcontainer {padding-bottom: 10px;}
.floatcontainer h4, #contentRight h4 {font-family:Helvetica, Arial, sans-serif; color: #fff; font-weight: normal; font-size: 13px;}
#contentRight h4 {padding-bottom: 5px;}
.floatcontainer h4 strong { font-weight: normal; font-size: 11px;}
.floatcontainer h4 img {border: 0;}
.floatcontainer img {border: 2px solid #fff; margin-right: 3px;}
.floatcontainer p{font-size: 11px; line-height: 13px; padding:0 0 10px 0; color: #999999;}
.floatcontainer p.date {font-size: 10px; text-align: left; text-transform: uppercase; color: #CCCCCC; padding:0 0 5px 0;}
.floatcontainer p.links {font-size: 10px; text-align: right;}
.floatcontainer p.links a, #content p.links a {border: 1px solid #666; color: #bcb7af; text-decoration: none; text-transform: uppercase; background: #414141; padding:1px 2px 1px 2px;}
.floatcontainer p.links a:hover, #content p.links a:hover {color: #fff; text-decoration: none;}
.floatcontainer a, .floatcontainer a:link .floatcontainer a:visited{color: #fff; text-decoration: none; background: none;}
.floatcontainer a:hover {color: #ccc; text-decoration: underline;}
.float{
float:left;
position:relative;
border:0;
padding-right: 8px;
padding-bottom: 5px;
}
.floatcontainer:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility:hidden;
font-size:0;
}
.floatcontainer{display: inline-block;}
/* Holly Hack Targets IE Win only \*/
* html .floatcontainer {height: 1%;} .floatcontainer{display:block;}
/* End Holly Hack */
/* floatcontainer for right column - use for small thumbs */
#contentRight .floatcontainer {padding-bottom: 2px;}
#contentRight .floatcontainer img {border: 1px solid #3b3937; padding: 2px; margin-right: 0px;}
#contentRight .floatcontainer p{font-size: 11px; line-height: 12px; padding:0 0 10px 0; color: #999999;}
#contentRight .float{padding-right: 5px; padding-bottom: 5px;}
/* infoBox */
.infoBox{
float: left;
padding-right:20px;
padding-bottom: 20px;
}
.floatcontainer .infoBox{
float: left;
padding-right:10px;
padding-bottom: 0px;
/*border: 1px solid red;*/
}
.floatcontainer .infoBox p.links{padding: 0 0 3px 0; text-align: right;}
.infoBox img {border: 2px solid #fff; margin-bottom: 6px;}
.infoBox a, .infoBox a:link .infoBox a:visited{color: #fff; text-decoration: none; background: none;}
.infoBox p, .infoBox p.links {font-size: 10px; text-align: left; padding-bottom:6px; text-transform: uppercase;}
.infoBox p img {border: 0; margin-bottom: 0px;}
.infoBox p.links a {border: 1px solid #666; color: #bcb7af; text-decoration: none; background: #414141; padding:1px 2px 1px 2px;}
.infoBox table {border-collapse:collapse; margin:0 0 5px 0; width:auto; border:0; clear:both; text-transform: uppercase;}
.infoBox table th {padding:3px 3px 3px 0px; font-weight: normal; font-size: 10px; color: #9f9b94; text-align: right; vertical-align: middle;}
.infoBox table th.hi {color: #fff;}
.infoBox table td {padding:3px 3px 3px 0px; font-size: 10px; color: #fff; vertical-align: middle;}
.infoBox table td img {border: 0; margin: 0;}
/* forms */
fieldset {border: 0; padding:0; margin:0;}
input.default, select {
border:1px solid #414141;
padding: 2px;
background: #414141;
color: #bcb7af;
font-size: 10px;
margin: 0;
}
select {width: 100%;}
fieldset label {display: block; padding: 0 0 1px 0; clear: both; text-transform: uppercase; font-size: 10px; color: #fff;}
input.btnImg { vertical-align:middle;}
input.radio {padding: 0; margin:0 5px 0 0;}
input.btn {border: 0px solid #666; background: #121212; color:#bcb7af; text-transform: uppercase; padding:1px 2px 1px 2px; clear: both;}
/* layout */
#container {
width: 1015px;
padding: 0;
margin-left: auto;
margin-right: auto;
}
#column1 {float: left; width: 150px; padding:0 0 0 20px; border: 0px solid red;}
#column2 {float: left; position:relative; width: 660px; padding:22px 15px 0 0; border: 0px solid red;}
#column3 {float: left; width: 160px; padding:20px 0 0 0; height: 600px; z-index: 1;}
#nav {clear: both; padding:10px 0 0 0;}
#contentLeft {float: left; width: 335px; padding: 0px 0px 25px 0px;}
#contentRight {float: left; width: 300px; padding: 0px 0px 25px 25px;}
#contentWedstrijd {}
#contentDownload {}
#contentWebshop {}
#contentAbonnement {}
#contentWedstrijd .box table, #contentWebshop .box table, #contentAbonnement .box table {border-collapse:collapse; margin:0 0 0 0; width:auto; border:0; clear:both; text-transform: none;}
#contentWedstrijd .box table td{padding:0; font-size: 10px; color: #fff; vertical-align: top;}
#contentWedstrijd .floatcontainer p.links a, #contentWebshop .floatcontainer p.links a, #contentAbonnement .floatcontainer p.links a {border: 1px solid #666; color: #bcb7af; text-decoration: none; text-transform: uppercase; background: #414141; padding:1px 2px 1px 2px;}
#contentWedstrijd .floatcontainer p.links a:hover, #contentWebshop .floatcontainer p.links a:hover, #contentAbonnement .floatcontainer p.links a:hover {color: #fff; text-decoration: none;}
#contentDownload .box .floatcontainer {width: 189px; float: left; padding: 10px; margin:0;}
#contentDownload .box .floatcontainer p.links {text-align: left;}
#contentDownload .box .floatcontainer .float{padding-right: 0px; padding-bottom: 5px;}
#contentDownload .box .floatcontainer .col {float: left; padding-right: 12px;}
#contentWebshop .box .floatcontainer {width: 300px; float: left; margin:0 0 0 0; padding:0;}
#contentWebshop .box .floatcontainer p.links {text-align: right; color: #fff;}
#contentWebshop .box .floatcontainer .float{padding-right: 2px; padding-bottom: 5px;}
#contentWebshop .box table {border-collapse: separate;}
#contentWebshop .box table td {padding:5px; font-size: 10px; color: #fff; vertical-align: top; background: #121212;}
#contentReglement p { text-align: justify;}
#contentAbonnement .box .floatcontainer {width: 620px; float: left; margin:0 0 0 0; padding:0;}
#contentAbonnement .box .floatcontainer p.links {text-align: right; color: #fff;}
#contentAbonnement .box .floatcontainer h4 {padding-bottom: 3px;}
#contentAbonnement .box .floatcontainer h5 {font-size: 10px; text-transform: uppercase; padding-bottom: 6px;}
#contentAbonnement .box .floatcontainer .float{padding-right: 2px; padding-bottom: 5px;}
#contentAbonnement .box table {border-collapse: separate;}
#contentAbonnement .box table td {padding:5px; font-size: 10px; color: #fff; vertical-align: top; background: #121212;}
#contentAbonnement ul.list{border-bottom: 0px;}
#contentAbonnement ul.list li{
display:block;
padding-left:14px;
margin-bottom:5px;
background:url("../imgs/bullet.gif") no-repeat top left;
padding-left:14px;
}
#contentRight li, #contentDownload li {margin:0; padding:0; display:inline;}
#contentRight ul, #contentRight ol , #contentDownload ul, #content ul {/*border-bottom: 1px solid #3b3937;*/ margin-bottom: 15px; padding-bottom: 5px; font-size: 11px;}
#contentDownload ul {margin-bottom: 0px;}
#contentRight li a, #contentDownload li a{
display:block;
padding-left:14px;
margin-bottom:5px;
text-decoration: none;
background:url("../imgs/bullet_news.gif") no-repeat top left;
color:#ccc;
}
#contentRight li a:hover, #contentDownload li a:hover {color:#fff; background:url("../imgs/bullet_news_hi.gif") no-repeat top left;}
#contentRight ul.list, #content ul.list {border-bottom: 0px;}
#contentRight ul.list li, #content ul.list li {
display:block;
padding-left:14px;
margin-bottom:5px;
background:url("../imgs/bullet.gif") no-repeat top left;
padding-left:14px;
}
#vandaag, #dezemaand{margin-bottom: 10px;}
#seksalfabet {margin-bottom: 5px;}
#movie {background:#000000; padding: 10px 10px 10px 10px; border: 1px solid #383634; clear: both; margin-bottom: 20px;}
#alfabet {border: 1px solid #383634; text-align: center;background:#000000; margin-bottom: 15px; clear: both;}
#alfabet .Paginator {padding-top: 8px; margin-bottom: 8px;}
/* iframe */
#archiefLeft {width: 317px; padding:0; margin:0;}
#archiefRight {width: 300px; padding:0; margin:0;}
#commentBoxLeft {width: 335px; padding:0; margin:0;}
#commentBoxRight {width: 300px; padding:0; margin:0;}
/* box styles */
.box {border: 1px solid #3b3937; background: #000000/*#2d2d2d*/; padding: 8px; margin-bottom: 10px;}
.box a, .box a:link .box a:visited{color: #fff; text-decoration: none; background: none;}
.box a:hover {color: #ccc; text-decoration: underline;}
.boxNoborder {padding: 0px; margin-bottom: 10px;}
/* banners */
#topBanner {clear: both; padding:0 0 0 0; text-align: center; z-index: 1;}
.banner {/*border: 1px solid #3b3937; padding:9px;*/ margin:0; clear: both;}
/* txt styling */
p {font-size: 12px; color: #ccc; padding:0 0 15px 0;}
p.img img{border: 4px solid #fff;}
p.links {font-size: 10px; text-align: right;}
p.error {font-size: 11px; font-color: #FF0000; font-weight: bold;}
p.comments {font-size: 10px; text-transform: uppercase; padding:2px 0 3px 0;}
p.comments strong{color: #fff;}
p.small {font-size: 10px; color: #ccc; padding:0 0 10px 0;}
p.form {font-size: 10px; color: #ccc; padding:0 0 10px 0;}
p.highlight {font-size: 10px; color: #ccc; padding:0 0 5px 0; text-transform: uppercase;}
p.highlight strong {font-size: 14px; color: #fff;}
h2 {font-family:Helvetica, Arial, sans-serif; color: #fff; font-weight: normal; font-size: 24px; padding-bottom: 10px; line-height: 22px;}
h3{display: block; color: #9f9b94; /*line-height: 23px; height:23px;*/ font-size: 12px; margin-bottom: 10px; text-transform: uppercase; font-weight: normal; background:url("../imgs/titel_bg.gif") bottom right no-repeat; font-family:Helvetica, Arial, sans-serif; /*border: 1px solid red;*/ padding:10px 20px 0 0;}
h3.noborder{margin-bottom:0; background:url("../imgs/titel_bg_noborder.gif") bottom right no-repeat;}
.message {padding: 5px; border: 1px dotted #ccc; background: #2d2d2d; margin-bottom: 10px;}
.message p{text-align: center; color: #FFF; padding:0 0 2px 0; font-size: 10px; text-transform: uppercase;}
.message p strong{ color:#FF0000; font-size: 12px;}
h3 strong {color: #FFFFFF;}
#content {padding-right: 80px;}
#content h3{background: none;}
#content table {border-collapse:collapse; margin:0 0 30px 0; width: 100%; border:0; clear:both;}
#content table th {padding:3px 3px 3px 3px; font-weight: bold; font-size: 11px; color: #9f9b94; text-align: left; vertical-align:top; border-bottom: 1px solid #333;}
#content table td {padding:3px 3px 3px 3px; font-size: 11px; color: #fff; vertical-align: top; border-bottom: 1px solid #333333;}
#content table tfoot td { font-size: 10px; color: #9f9b94; border-bottom: 0px; text-transform:uppercase; text-align: right;}
/*content img */
.contentImg{
float:left;
padding-right:8px;
padding-bottom: 5px;
margin:0;
}
.contentImg img {border: 2px solid #fff;}
.contentImg p {font-size: 10px; color:#ccc; padding:3px; margin-bottom: 0px;}
/* tables */
.box table {border-collapse:collapse; margin:0 0 0 0; width:auto; border:0; clear:both; text-transform: uppercase;}
.box table th {padding:3px 3px 3px 3px; font-weight: normal; font-size: 10px; color: #9f9b94; text-align: right; vertical-align:top;}
.box table td {padding:3px 3px 3px 3px; font-size: 10px; color: #fff; vertical-align: top;}
.box table td a, .box table td a:link, .box table td a:visited{color: #fff; text-decoration: none; background: none;}
/* table verkooppunten */
#verkooppunten table {border-collapse:collapse; border: 1px; margin:0 0 0 0; width:auto; color:#fff; clear:both; text-transform: uppercase;}
#verkooppunten table th {padding:3px 3px 3px 3px; font-weight: normal; background: url("bg.gif") no-repeat top right; background-color: #9f9b94; font-size: 14px; border: 1px; color: #333333; text-align: left; vertical-align:top;}
#verkooppunten table th:hover {padding:3px 3px 3px 3px; font-weight: normal; font-size: 14px; border: 1px; color: #990000; cursor: pointer; text-align: left; vertical-align:top;}
#verkooppunten table td {padding:6px 3px 3px 3px; font-size: 12px; color: #fff; border-color: #9f9b94; vertical-align: top;}
/* images */
.imgBox p {font-size: 10px; color:#b1aca5; padding:3px 0 2px 0; margin-bottom: 0px;}
.imgBox img {border: 2px solid #fff; padding:0;}
.imgBox{
float:left;
padding-bottom: 5px;
margin:0;
}
.imgBox a, .imgBox a:link .imgBox a:visited{color: #fff; text-decoration: none; background: none;}
.imgBox a:hover {color: #ccc; text-decoration: underline;}
.imgBox a.block, .imgBox a.block:link, .imgBox a.block:visited{color: #bcb7af; text-decoration: none; text-transform: uppercase; background: #414141; padding:1px 2px 1px 2px;}
.imgBox a.block:hover {color: #fff; text-decoration: none;}
/* images left/Right Control*/
#contentRight .imgBox {width: 145px; padding-left:0; padding-bottom: 10px;}
#contentRight .box .imgBox {width: 134px; padding-left:18px; padding-bottom: 5px;}
#contentRight .box .first {padding-left:0;}
#contentRight .box .large {padding-left:0; width: 280px;}
#contentRight .boxNoborder .imgBox {width: 145px; padding-left:10px; padding-bottom: 5px;}
#contentRight .boxNoborder .first {padding-left:0;}
#contentLeft .imgBox {width: 145px; padding-left:0;}
#contentLeft .boxNoborder .imgBox {width: 145px; padding-left:44px; padding-bottom: 5px;}
#contentLeft .boxNoborder .first {padding-left:0;}
#contentLeft .box .imgBox {width: 145px; padding-left:27px; padding-bottom: 5px;}
#contentLeft .box .first {padding-left:0;}
#contentLeft .box .large {padding-left:0; width: 317px;}
/* image collection */
.imgCollect {background:#000000; padding: 15px 15px 8px 15px; border: 1px solid #383634; clear: both; margin-bottom: 20px;}
.imgCollect a{background: none;}
.imgCollect div.large {float: left; margin: 0; padding:0;}
.imgCollect div.large img {border: 4px solid #fff;}
.imgCollect div.small {float: left; padding-left: 6px;}
.imgCollect div.small img {border: 2px solid #fff;}
.imgCollect div.small .tb {clear: both; margin-bottom: 8px;}
.cover1 {padding: 15px 15px 8px 60px;}
.cover2 {padding: 15px 15px 8px 60px;}
.cover3 {padding: 15px 15px 15px 60px;}
.cover4 {padding: 15px 15px 15px 80px;}
.cover5 {padding: 15px 15px 15px 60px;}
.cover2 div.large {float: none; clear: both;}
.cover2 div.small {clear:both; padding-left: 0; padding-top: 6px; padding-bottom:0; width: 547px;}
.cover3 div.small, .cover5 div.small {clear: none; padding-left: 6px; padding-top: 0px; padding-bottom:0; width: 150px;}
.cover5 div.small { width: 180px;}
.cover2 div.small .tb {float: left; width: 69px; clear: none; margin-bottom: 9px; margin-right: 9px;}
.cover3 div.small .tb, .cover5 div.small .tb {float: left; width: 69px; clear: none; margin-bottom: 6px; margin-right: 6px;}
.cover5 div.small .tb {width: 84px;}
.gadget {background:#fff; padding: 15px 15px 15px 15px; text-align: center; border: 1px solid #333;}
/* login */
#loginBox {border: 1px solid #272524; border-width:1px 0 1px 0; background: #121212; padding:6px 0 6px 0; margin-bottom: 20px;}
#loginBox .left {float: left; width: auto; }
#loginBox .right {float: right; width: auto; text-align: right;}
#loginBox label {display: none;}
#loginBox fieldset {padding: 0px;}
#loginBox input.default {width: 90px; margin-left: 3px; background: #414141; color:#bcb7af; font-size: 10px; border: none;}
#loginBox input.btnImg { margin-left: 8px; margin-right: 8px;}
#loginBox p {font-size: 10px; text-transform: uppercase; padding:2px 0 0 8px;}
#loginBox p strong {color: #fff;}
#loginBox p a, #loginBox p a:visited{ text-decoration: none; color: #74716c; padding-right: 8px; background: none;}
#loginBox p a.highlight, #loginBox p a.highlight:visited{color: #ff0000;}
#loginBox p a.hi, #loginBox p a.hi:visited{color: #fff; border: none;}
#loginBox p a:hover {color: #fff;}
#loginForm {
border: 1px solid #272524;
border-width:0 0px 1px 1px;
background: #121212;
padding:0px 10px 10px 10px;
position: absolute;
z-index: 1000;
left: 439px;
top: 50px;
width: 200px;
font-size:10px;
color:#bcb7af;
}
#loginForm label {display: block; float:left; width: 65px; color:#bcb7af;}
#loginForm fieldset {padding: 0px;}
#loginForm input.default {float: left; width: 125px; margin-left: 3px; margin-bottom: 3px; background: #414141; color:#bcb7af; font-size: 10px; border: none;}
#loginForm input.btnImg { margin-left: 0px; margin-right: 30px;}
/* pagelinks - used for inline previous and next */
.Paginator { font-size: 10px; padding-top: 10px; clear: both; margin-bottom: 15px;}
.Paginator a, .pageList .this-page { padding: 2px 6px; border: solid 1px #272524; background: #121212; text-decoration: none; color: #999; }
.Paginator a:visited { padding: 2px 6px; border: solid 1px #272524; background: #121212; text-decoration: none;}
.Paginator .break { padding: 2px 6px; border: none; text-decoration: none; }
.Paginator .this-page {padding: 2px 6px; font-weight: bold; font-size: 12px; vertical-align: middle; color: #fff;}
.Paginator .none {padding: 2px 6px; border: solid 1px #272524; background: #121212; text-decoration: none; color: #333;}
.Paginator a:hover {color: #fff; background: #121212; border-color: #272524; text-decoration: none;}
/* FOOTER */
#footer {clear: both; padding:3px 0 10px 0; border-top: 1px solid #272524; width: 660px; margin-left: 170px; text-align: center;}
#footer p{padding: 0 0 0;}
#footer p.copyright, #footer p.footerLinks{font-size: 10px; color: #fff; text-transform: uppercase;}
#footer p.footerLinks a, #footer p.footerLinks a:visited{text-decoration: none; padding-right: 8px; color:#fff; background: none;}
#footer p.footerLinks a:hover{color: #74716c; text-decoration: none;}
#footer p.copyright a, #footer p.copyright a:visited{color: #74716c; text-decoration: none; padding-left: 8px; background: none;}
#footer p.copyright a:hover {color: #fff; text-decoration: none;}
/* photogallery */
#photogallery h4{font-size: 10px; text-transform: uppercase; display: block; font-weight:bold; color:#fff; margin:0 0 0 0; float: left; clear:both;}
#photogallery p{font-size: 10px; display: block; font-weight: normal; color:#999; padding:5px 0px 15px 0px; margin:0 0 0 0; float: left; clear:both;}
#photogallery h4 em{text-transform: none; font-style: normal; font-weight: normal; color:#999999;}
#photogallery .imgCollection {margin-bottom: 20px; clear: both; float: none;}
#photogallery .imgCollection .imgBox img {border: 0;}
#photogallery .imgCollection .imgBox{
background: #fff;
float:left;
padding: 2px;
margin-left: 2px;
margin-bottom: 2px;
width: auto;
height: 160px;
width: 100px;
}
#photogallery .imgCollection .none {height: auto;}
#photogallery .imgCollection .imgBox p {font-size: 10px; color:#525252; background: #fff; padding:3px; margin-bottom: 0px; }
#photogallery .imgCollection .imgBox p strong {color: #000;}
/* homepage posts */
#posts {border-top: 1px solid #272524; margin-bottom: 15px;}
#posts .floatcontainer {border-bottom: 1px solid #272524; padding-bottom: 7px; padding-top: 7px;}
#posts .floatcontainer h4{color: #fff; font-weight: bold; font-size: 12px; padding-bottom: 2px;}
#posts .floatcontainer p{font-size: 11px; line-height: 13px; padding:0 0 0 0; color: #999999;}
#posts .floatcontainer p a, #posts .floatcontainer p a:link, #posts .floatcontainer p a:visited{color: #FF0000; text-decoration: none; background: none;}
#posts .floatcontainer p a:hover {text-decoration: underline;}
#banner-imu {margin-bottom: 15px;}
#movie-random {margin-bottom: 15px;}
#slideshow {
position:relative;
height:450px;
border: 2px solid #fff;
overflow: hidden;
}
#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
}
#slideshow IMG.active {
z-index:10;
}
#slideshow IMG.last-active {
z-index:9;
}
/* Facebook likebox */
#likebox-frame{
border:2px solid #1A1817;
width:150px;
height: 500px;
z-index:10;
overflow: hidden;
position:relative;
top: -10px;
}
#likebox-frame iframe{
left:-2px;
overflow:hidden;
position:relative;
top:-3px;
}