/*common layout*************/
body {padding: 0px; margin: 0px; background:#720D11; font: 12px 'Tahoma'; color: #959595; line-height: 180%;}
a {color: #959595;}
.main-wrapper { width: 100%; text-align: center; background: url('../images/content-bg.jpg') top repeat-x #F5F5F5;}
.content-wrapper {width: 100%; background: url('../images/content-area.jpg') top repeat-y;}
.header { width: 100%; height: 108px; background: url('../images/header-bg.jpg') center no-repeat #720E12;}
.content {width: 990px; margin: auto; height: auto; text-align: left;}
.inner-content {padding: 10px;}
.footer {height: 100px;background: url('../images/footer-bg.png') top center no-repeat #720E12;}
#label, .pointer {cursor: pointer;}
#label {font-weight: bold !important;}
.no-underline {text-decoration: none !important;}
strong {font-weight: bold !important;}
em {font-style: italic;}


/* slideshow */
#slideshow {
    position:relative;
	background:none !important;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;background:none !important;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;background:none !important;
}

#slideshow IMG.last-active {
    z-index:9;background:none !important;
}

/* end slideshow */


/*common***********************************/
p {text-align: justify;}
.border-top {border-top: 1px dotted #B8B8B8;}
.border-bottom {border-bottom: 1px dotted #B8B8B8;}
.border-right {border-right: 1px solid #B8B8B8;} 
.border-left {border-left: 1px solid #B8B8B8;}
.border-left2 {border-left: 1px solid #B8B8B8;padding-bottom:52px;}
.border-left3{border-left: 1px solid #B8B8B8;text-align:left !important;float:left;width:197px;}
.grey {color: #959595 !important;}
.red {color: #ED1E28;}
.info-block {padding-top: 15px; padding-bottom: 15px;}
.info-block p {padding-bottom: 15px;}
.info-brick-wrapper {height: 130px; overflow: hidden;}
.info-brick {width: 235px; float: left; height: 190px; overflow: hidden;}
.info-brick h2, .info-brick h2 a, .double-info-brick h2 {padding-top: 15px; padding-left: 15px; font: bold 13px 'Tahoma'; color:#ED1E28;}
.info-brick h2 a {padding-right: 5px !important; padding-left: 0px !important; font: bold 14px Tahoma !important;}

.double-info-brick {width: 470px; float: left; height: 190px; overflow: hidden;}
.info-block p, .info-brick .wrap {padding-left: 15px; padding-right: 15px; padding-top: 15px; line-height: 170%; text-align: justify;}
.info-brick .wrap {min-height: 95px;height:auto;}
.grey-right-arrow {background: url('../images/grey-right-arrow.jpg') top left no-repeat; margin-left: 5px;}
.red-right-arrow {background: url('../images/red-right-arrow.jpg') top left no-repeat; margin-left: 3px;}
.underline {text-decoration: underline;}
.clear {clear: both;}

/*index.php********************************/
.main-image {width: 966px; height: 361px;}
.index-content {margin: 10px;}
.meer-lezen {height: 45px; text-align: right; padding-right: 10px; }
.meer-lezen .text {background: #BDBDBD; padding: 3px 8px;}
.meer-lezen .text a {text-decoration: underline;}
.meer-lezen .decor {background: url('../images/meer-lezen.jpg') 10% top  no-repeat; height: 17px; }
.meer-lezen2 {height: 45px; text-align: left; padding-right: 10px; border-left: 1px solid #B8B8B8;font-weight:bold;}
.meer-lezen2 .text {background: #BDBDBD; padding: 3px 8px;color:#ED1E28;}
.meer-lezen2 .decor {background: url('../images/meer-lezen.jpg') 10% top  no-repeat; height: 17px; }
.news-preview-description p a{text-align:left !important;}
/*transport.php***************************/
.sidebox {width: 225px; float: left;}
.side-menu {width: 100%; padding-top: 30px;}
.side-menu .first a {border-top: 1px dotted #ED1E28;}
.side-menu a {font-weight: bold;display: block; padding: 7px 0px; padding-left: 10px; width: 215px; border-bottom: 1px dotted #ED1E28; background: url('../images/red-triangle-right.png') 95% center no-repeat; color: #ED1E28;}
.side-menu a:hover, .side-menu .active {background: #ED1E28; color: #FEFFFD;}
.main-content {width: 680px; padding-top: 30px; padding-left: 35px; float: left;}
.main-content h1 {font: 28px 'Tahoma';}
.main-content h2 {font: 18px 'Tahoma'; padding-bottom: 15px;}
.main-content p {padding-bottom: 15px; text-align: justify;}
.main-content li, .info-brick li, .main-content-left li {background: url('../images/red-circle.png') center left no-repeat; padding-left: 15px;}
.main-content li a, .vacatures .meer-lezen {background: url('../images/red-arrow.png') center right no-repeat; padding-right: 20px;}
/*op-en-overslag.php**********************/
.main-content-left {width: 650px; float: left; padding-right: 30px; margin-top: 35px; padding-left: 15px;}
.main-content-left h3 {font-weight: bold !important;}
.main-content-left p {padding-bottom: 15px; text-align: justify;}
.main-content-left p a {text-decoration: underline;}
.main-content-left h1 {font: 28px 'Tahoma'; width: 390px;}
.main-content-left h2 {font: 18px 'Tahoma'; padding-bottom: 15px;}
.op-en-overslag .sidebox .info {padding-left: 20px; margin-bottom: 20px; margin-top: 35px; width: 225px;}
.sidebox .info h2 {font: bold 16px 'Tahoma'; padding: 10px 0px;}
/*nieuws.php******************************/
.news-header {height: 130px;}
.news-block {height: 130px; overflow: hidden; padding: 5px 20px; text-align: justify;}
.news-menu {width: 230px; padding-left: 17px;}
.top-level {position: relative;}
.news-title {font: bold 13px Tahoma !important; color: #B8B8B8 !important;}
#label {margin-top: 50px;background: url('../images/red-triangle-down.jpg') right center no-repeat; height : 30px; border-bottom: 1px dotted #B8B8B8; color: #ED1E28;}
#sub-level {position: absolute; width: 230px; display: none;}
#sub-level .item {display: block; width: 220px;padding: 5px 0px;padding-left: 10px; border-top: 1px solid #fff; color: #FFF; background: url('../images/white-triangle-right.jpg') 90% center no-repeat #ED1E28;}
#sub-level .item:hover {background: url('../images/red-triangle-down.jpg') 90% center no-repeat #fff; color: #ED1E28;}
.paginator {text-align: center;}
.paginator a {color: #ED1E28;}
.paginator a:hover {text-decoration: underline;}
.paginator span {padding: 5px 10px;}

/*nieuws-detail.php***********************/
.news .news-header {height: auto;}
.news-detail {background: #ED2027; color: #fff; text-align: right; clear: both; margin-bottom: 10px;width:966px;}
.news-detail p {padding: 0px 15px;}
.news-detail li {text-align: left; padding-left: 15px; margin-left: 10px;background: url('../images/white-circle.png') center left no-repeat;}
.news-detail p a {color: #fff; text-decoration: underline;}
.news-detail .news-detail-text {float: left; width: 450px; padding-left: 15px; padding-top: 25px; padding-bottom: 15px;}
.news-detail .news-image { float: right; margin-left: 20px; margin-bottom: 20px;}
.news-detail-image {text-align: left; margin-left: 45px;}
.news-prewiev-img {height: 133px; overflow: hidden;}
.news-preview-description {width: 224px; height: 55px;}
.allnewslink {padding-top: 20px; padding-left: 10px; text-align: left;}
.allnewslink img {margin-bottom: 10px;}
.allnewslink a {color: #959595 !important;}
.news-detail h2 {font: 20px 'Tahoma'; padding: 10px 0px;}
.foto-date {font: 10px 'Tahoma';}
.news .info-brick p {height: 55px; overflow: hidden; background: #BDBDBD; padding: 10px; margin-right: 0px;}
.news .info-brick a{color: #464646;}
.news-brick {width: 224px; overflow: hidden; margin-left: 10px; text-align: center;}
.news-brick img {padding: 0px;}
.white-right-arrow {background: url('../images/white-right-arrow.png') left top no-repeat; margin-left: 10px;}
.terug {margin-top: 50px;background: url('../images/grey-triangle-left.jpg') right 30% no-repeat;  text-align: right; padding-right: 15px; height : 30px; border-bottom: 1px dotted #B8B8B8; font-weight: bold;}
/*onze-klanten.php************************/
.onze-klanten .news-header {height: 80px !important;}
.onze-klanten .terug {margin-top: 30px;}
.onze-klanten a {color: #fff; padding: 0px; margin: 0px;}
.onze-klanten .news-header .main-content-left {margin-top: 20px;}
.onze-klanten h1 {font: 28px 'Tahoma'; padding-left: 15px; padding-top: 10px; width: auto;}
.onze-klanten .info-block {margin-left: 15px;}
.onze-klanten .info-brick {width: 224px; margin-right: 12px; overflow: hidden;}
.onze-klanten .info-block p { text-align: left; background: #ED2027; color: #fff;  padding: 10px 12px !important; overflow: hidden;}
.onze-klanten .info-block img {padding: 0px !important; margin: 0px !important;}
/*vacatures.php***************************/
.vacatures .sidebox {margin-top: 35px;}
.vacatures .sidebox #label {margin-top: 5px;}
.vacatures .sidebox .info {margin-left: 20px; padding-left: 0px; padding-bottom: 10px;}
.vacatures .meer-lezen {color: #ED2027; height: 23px; display: block; text-align: right; }
.vacatures .meer-lezen:hover {text-decoration: underline;}
/*fotoboek.php****************************/
.fotobook h1 {font: 28px 'Tahoma'; padding-left: 15px; padding-top: 10px;}
.half {width: 435px; float: left;  margin-left: 40px; padding-top: 15px;}
.half2{width: 435px; float: left;  margin-left: 40px; padding-top: 35px;}
.fotobook h2 {font: 17px 'Tahoma'; color: #ED2027; text-align: justify; padding-bottom: 15px;}
.fotobook .image {width: 97px; height: 67px; overflow: hidden; float: left; padding-top: 12px; margin-right: 11px; cursor: pointer;}
/*contact.php*****************************/
.contact {margin:-10px; background: url('../images/contact.jpg') left 92% no-repeat;}
.contact h1 {font: 22px 'Tahoma'; color: #ED2027; margin-left: 0px; padding-top: 20px;}
.contact .main-content-left {margin-top: 10px; margin-left: 20px; padding-left: 10px;}
.contact .half {width: 47%; padding: 0px; margin: 0px; margin-left: 24px;}
.contact .label {display: block; font: 11px 'Tahoma'; padding: 3px 0px 3px 10px;}
#label a{color:#ED2027 !important;}
.contact-map {background: url('../images/static/contactmap2.jpg') top right no-repeat #ED2027; width: 945px; height:302px; padding-left: 5px; margin: auto;color:#ffffff;}
.contact-map a{color:#ffffff;text-decoration:underline;}
.contact-map a:hover{color:#ffffff;text-decoration:none;}
.contact .news-header {height: 90px;}
.contact address {padding:10px 0px 0 15px; font: 11px 'Tahoma'; color: #fff; line-height: 190%;}
.contact input {width: 100%; border: 1px solid #ED2027; background: #F1F1F1;}
.contact textarea {width: 100%; border: 1px solid #ED2027; background: #F1F1F1; height: 180px;}
.contact h2 {font: 18px 'Tahoma'; color: #ED2027; padding: 10px 0px 25px 20px;}
.contact .submit {float: right; padding: 10px 0px;}
.contact .submit input {background: url('../images/submit.jpg') top left no-repeat; border: none; display: block; height: 25px; width: 180px;}
.contact .sidebox {margin-top: 10px; width: 255px;}
.contact #label {margin-top: 10px; background: url('../images/red-triangle-right.png') right 25% no-repeat; }
.err {background: #F1C4C7 !important;}
/*header**********************************/
#logo {background: url('../images/logo.png') top left no-repeat; width: 119px; height: 45px; float: left;}
.header-content {width: 990px; margin: auto; text-align: justify; padding-top: 55px; color: #fff; font: 12px 'Tahoma'; overflow: hidden; height: 108px;}
.header-content img {padding-left: 15px; padding-right: 10px; padding-top: 1px;}
.header-content a {color: #fff; display: inline;}
.header-content a:hover, .active {text-decoration: underline;}
.topmenu-span {text-align: left;}
/*footer.php******************************/
.footer-content {width: 990px; margin: auto; text-align: right; padding-top: 10px; color: #F1C4C7; font: 11px 'Tahoma';}
.footer-content a {color: #F1C4C7;}