@charset "utf-8";
@import url("readon.css");
@import url("forms.css");
@import url("header.css");
/* CSS Document */

#navigatie img, #navigatie div, #navigatie a, #navigatie input, #afbeelding img, #afbeelding div, #afbeelding a, #afbeelding input, { 
	behavior: url(/pngfix/iepngfix.htc) 
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	background-color: #FFFFFF;
	background-image: url(../img/bgsite.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	text-align: center;
	padding: 0;
	margin: 0;
	line-height: 16px;
}

a {
	color: #BF2C37;
	outline-style:none;
	text-decoration:none;
}
a:hover {
	color:#BF2C37;
	text-decoration:underline;
}

a.bold {
	font-weight:bold;
}

/*BLOKOPBOUW*/

div#bodyWrapper {
	width: 1000px;
	margin: auto;
	text-align: left;
	background-position: center bottom;
	clear: both;
	}
	
div#headerWrapper {
	width: 1000px;
	height: 126px;
	background-image: url(../img/bgHeader.gif);
	background-repeat: no-repeat;
	clear: both;
	overflow: hidden;
}

div#headerWrapperNew {
	width: 1000px;
	height: 80px;
	clear: both;
	overflow: hidden;
}

div#searchWrapper {
	float: right;
	margin-top: 30px;
	margin-right: 10px;
	height: 24px
	}
	
div#searchWrapperNew {
	float: right;
	margin-top: 6px;
	margin-right: 10px;
	height: 24px
	}

div#visualWrapper {
	width: 1000px;
	height: 232px;
	background-image: url(../img/bgVisual.gif);
	background-repeat: no-repeat;
	clear: both;
	overflow: hidden;
	}
	
div#mainNav {
	width: 550px;
	float: right;
	height: 38px;
	margin-top: 33px;
	text-align: right;
}

div#mainNavNew {
	width: 550px;
	float: right;
	height: 38px;
	margin-top: 15px;
	text-align: right;
}


div#visualMessage {
	height: 110px;	
}

div#subNav {
	margin-left: 6px;
}

div#contentWrapper {
	width: 1000px;
	clear: both;
	padding-top: 10px;
	}

.contentBackground {
	background-image: url(../img/bgContentBackground.gif);
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	display: block;
	min-height: 740px;
	width: 1000px;
}

div#contentSegment {
	width: 510px;
	float: left;
	background-image: url(../img/bgContentSegment.gif);
	background-repeat: no-repeat;
	min-height: 480px;
	background-color: #FFFFFF;
	}
	
div#contentSegmentWide {
	width: 717px;
	float: left;
	background-image: url(../img/bgContentSegmentWide.gif);
	background-repeat: no-repeat;
	min-height: 480px;
	background-color: #FFFFFF;
}
	
div#archiveSegment {
	width: 207px;
	float: left;
	overflow: hidden;
	}

div#sidebarSegment {
	width: 283px;
	float: left;
	background-image: url(../img/bgSidebarSegment.gif);
	background-repeat: no-repeat;
	min-height: 580px;
	}
	
div#footerNav {
	width: 1000px;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	clear: both;
}
	
/*ELEMENTEN*/

a.mainNavButton {
	width: 79px;
	height: 40px;
	display: block;
	text-align: center;
	}
	
a.mainNavButtonNew {
	width: 79px;
	height: 35px;
	display: block;
	text-align: center;
	}

a.mainNavButtonRed {
	width: 213px;
	height: 40px;
	display: block;
	text-align: center;
	}

a.subNavButton {
	width: 128px;
	height: 103px;
	display: block;
	text-align: center;
}

a.subNavButtonSmall {
	width: 115px;
	height: 103px;
	display: block;
	text-align: center;
}

a#btnNews {
	background-image:url(../img/btnNieuws.gif);
	background-repeat:no-repeat;
	background-position: center 10px;
	}
	
a#btnHome {
	background-image:url(../img/btnHome.gif);
	background-repeat:no-repeat;
	background-position: center 10px;
	}
	
a#btnDiensten {
	background-image:url(../img/btnDiensten.gif);
	background-repeat:no-repeat;
	background-position: center 10px;
	}
	
a#btnKlanten {
	background-image:url(../img/btnKlanten.gif);
	background-repeat:no-repeat;
	background-position: center 10px;
}

a#btnContact {
	background-image:url(../img/btnContact.gif);
	background-repeat:no-repeat;
	background-position: center 10px;
}

a#btnMarketingPakketten {
	background-image:url(../img/btnMarketingPakketten.gif);
	background-repeat:no-repeat;
	background-position: center 10px;
}

a#btnAnalysis {
	background-image:url(../img/btnAnalysis.gif);
	background-repeat: no-repeat;
	background-position: center 16px;
	}
	
a#btnAdwords {
	background-image:url(../img/btnAdwords.gif);
	background-repeat: no-repeat;
	background-position: center 16px;
}

a#btnBanner {
	background-image:url(../img/btnBanner.gif);
	background-repeat: no-repeat;
	background-position: center 16px;
}

a#btnAdvertentie {
	background-image:url(../img/btnAdvertentie.gif);
	background-repeat: no-repeat;
	background-position: center 16px;
}

a#btnEmail {
	background-image:url(../img/btnEmail.gif);
	background-repeat: no-repeat;
	background-position: center 16px;
}

a#btnWebtext {
	background-image:url(../img/btnWebteksten.gif);
	background-repeat: no-repeat;
	background-position: center 16px;
}

a#btnBannering {
	background-image:url(../img/btnBannering.gif);
	background-repeat: no-repeat;
	background-position: center 20px;
}

a#btnEmailnieuwsbrief {
	background-image:url(../img/btnEmailnieuwsbrief.gif);
	background-repeat: no-repeat;
	background-position: center 20px;
}

a#btnGoogleAdwords	{
	background-image:url(../img/btnGoogleAdwords.gif);
	background-repeat: no-repeat;
	background-position: center 20px;
}

a#btnLandingspagina	{
	background-image:url(../img/btnLandingspagina.gif);
	background-repeat: no-repeat;
	background-position: center 20px;
}

a#btnWebteksten	{
	background-image:url(../img/btnWebtekst.gif);
	background-repeat: no-repeat;
	background-position: center 20px;
}

a#btnRebuild	{
	background-image:url(../img/btnRebuild.gif);
	background-repeat: no-repeat;
	background-position: center 20px;
}

a.logoHolder {
	margin-top: 25px;
	margin-left: 32px;	
	width: 405px;
	height: 70px;
	display: block;
	float: left;
}

a.logoHolderNew {
	margin-top: 6px;
	margin-left: 32px;	
	width: 406px;
	height: 70px;
	display: block;
	float: left;
}

a#logoSpervuur {
	background-image:url(../img/logoSpervuur.gif);
}

a#spervuurLogo {
	background-image:url(../img/spervuurLogo.png);
}

div.boxed {
	padding: 17px;
	min-height: 480px;
}

div.sidebarBoxed {
	padding: 7px;
}

div.emptyElement {
	clear:both;
	height: 30px;
}

div.newsarchiveHolder {
	background-image:url(../img/bgNewsarchive.gif);
	background-repeat: no-repeat;
	min-height: 480px;
	z-index: 10;
}

div.newsarchivePagecounter {
	background-image:url(../img/bgNewsarchivePagecounter.gif);
	background-repeat:no-repeat;
	background-position: center bottom;
	width: 207px;
	padding-top: 120px;
	vertical-align: bottom;
	z-index: 5;
}

div.newsarchivePagecounter a {
	font-weight: bold;
	color: #555555;
	text-decoration: none;
	}

a.active:link {
	color: #c02e39;
	}
	
div.block470x185 {
	width: 470px;
	height: 185px;
	background-image: url(../img/newsDivider.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	clear: both;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	}

div.block470x295 {
	width: 470px;
	height: 295px;
	background-image: url(../img/newsDivider.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	clear: both;
	text-align: center;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;	
	}
	
div.block235x285 {
	width: 235px;
	height: 285px;
	float:left;
}
	
div.photoHolder160x160 {
	width: 160px;
	height: 160px;
	background-image: url(../img/photoHolder160x160.gif);
	background-repeat: no-repeat;
	float: left;
	margin: 8px;
}

div.photoHolder225x135 {
	width: 225px;
	height: 135px;
	background-image: url(../img/photoHolder225x135.gif);
	background-repeat: no-repeat;
	margin: auto;
}

div.photoHolder95x95 {
	width: 95px;
	height: 95px;
	background-image: url(../img/photoHolder95x95.gif);
	background-repeat: no-repeat;
	float: left;
}

img.photoImage85x85 {
	margin-top: 5px;
	margin-left: 4px;
	}

img.photoImage151x151 {
	margin-top: 5px;
	margin-left: 4px;
	}
	
img.photoImage215x125 {
	margin-top: 5px;
	}

div.newsBlockContent {
	width: 290px;
	float: left;
	}
	
div.newsBlockContent p, div.newsContent p, div.newsContentSmall p {
	padding: 0px;
	margin: 0px;
	}
	
div.newsContent {
	text-align: left;
	padding: 10px;
	}
	
div.newsContentSmall {
	float: left;
	width: 370px;
	}

div.block470x100 {
	width: 470px;
	height: 100px;
	clear:both;
	margin-bottom: 5px;
}
	
a.readon {
	text-decoration: none;
	color: #c1303b;
	font-weight: bold;
	padding: 0px !important;
}
	
a.readonLink:link {
	text-decoration: none;
	color: #c1303b;
	margin-top: 15px;
	display: block;
	}
	
div.bannerHolder468x60 {
	margin-bottom: 5px;
	clear: both;
	background-image: url(../img/newsDivider.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 16px;
	}
	
div.newsLetterHolder {
	clear: both;
	margin-bottom: 7px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
	
div.newsLetterHolder form {
	padding: 7px;
}

div.sidebarBannerWrapper {
	clear: both;
	background-image:url(../img/newsLetterDivider.gif);
	background-repeat:no-repeat;
	background-position: center bottom;
	margin-bottom: 7px;
}

div.bannerHolder234x60 {
	width: 234px;
	height: 60px;
	display: block;
	margin: auto;
	margin-bottom: 15px;
}

div.contentFooter {
	width: 510px;
	height: 72px;
	background-image: url(../img/bgContentFooter.gif);
	background-repeat: no-repeat;
	}
	
div.sidebarFooter {
	width: 283px;
	height: 40px;
	background-image: url(../img/bgSidebarFooter.gif);
	background-repeat: no-repeat;
}

a.greyLink {
	text-decoration: none;
	color: #555555;
	font-weight: bold;
	}

a.redLink {
	text-decoration: none;
	color: #c02f39;
	font-weight: bold;
	}

/*LIJSTEN*/

ul.mainNavList {
	padding: 0px;
	margin: 0px;
	float: right;
	margin-right: 10px;
	}
	
ul.subNavList {
	padding: 0px;
	margin: 0px;
}

ul.subNavList li {
	margin: 0px;
	display: inline;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 4px;
}

ul.mainNavList li {
	margin: 0px;
	display: inline;
	float: left;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 0px;
	padding-left: 1px;
	}
	
li.mainNavListGrey {
	width: 79px;
	height: 40px;
	background-image: url(../img/buttonGrey.gif);
	background-repeat:no-repeat;
}

li.mainNavListGreyNew {
	width: 80px;
	height: 35px;
	background-image: url(../img/button.png);
	background-repeat:no-repeat;
}

li.mainNavListRed {
	width: 213px;
	height: 40px;
	background-image:url(../img/buttonRed.gif);
	background-repeat:no-repeat;
	}

li.subNavListButton {
	width: 136px;
	height: 103px;
	background-image: url(../img/buttonSubnav.gif);
	background-repeat: no-repeat;
}	
	
li.subNavListButtonSmall {
	width: 115px;
	height: 103px;
	background-image: url(../img/buttonSubnavSmall.gif);
	background-repeat: no-repeat;
	background-position: center;
}
	
ul.newsarchiveList {
	margin: 0px;
	padding: 0px;
	}
	
ul.newsList {
	margin: 0px;
	padding: 0px;
	}

ul.newsOverviewList {
	margin: 0px;
	padding: 0px;
	}
	
ul.newsarchiveList li {
	background-image:url(../img/newsarchiveListdivider.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
	list-style-type: none;
}

ul.newsList li {
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
	list-style-type: none;
}

ul.newsOverviewList li h2 a {
	padding: 0px !important;
	margin: 0px !important;
	font-size: 14px;
	font-weight: bold;
	}

ul.newsOverviewList li {
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 0px;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}

ul.newsOverviewList li p {
	padding: 0px;
	margin: 0px;
	}

ul.newsarchiveList li a {
	color: #555555;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../img/newsarchiveListimage.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: -15px top;
	padding-left: 20px;
	}

ul.newsList li a {
	text-decoration: none;
	background-image: url(../img/newsarchiveListimage.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: -15px top;
	padding-left: 20px;
	}	

ul.newsOverviewList li a {
	text-decoration: none;
	}

/*TYPO*/

h1 {
	margin: 0px;
	padding: 0px;
	font-size: 22px !important;
	}

.newsHeader h1 {
	background-image: url(../img/newsHeaderDivider.gif);
	background-repeat: no-repeat;
	color: #bf2c37;
	padding-bottom: 19px;
	background-position: center bottom;
	padding-top: 14px;
	padding-left: 14px;
	margin: 0px;
	text-align: left;
	}
	
.archiveHeader h1 {
	background-image: url(../img/newsArchiveHeaderDivider.gif);
	background-repeat: no-repeat;
	color: #bf2c37;
	padding-bottom: 19px;
	padding-top: 14px;
	padding-left: 14px;
	background-position: center bottom;
	margin: 0px;
	text-align: left;
}

.newsletterHeader h1 {
	background-image: url(../img/newsLetterDivider.gif);
	background-repeat: no-repeat;
	color: #bf2c37;
	padding-bottom: 19px;
	padding-top: 14px;
	padding-left: 14px;
	background-position: center bottom;
	margin: 0px;
	text-align: left;
}
	
h2 {
	font-size: 11px;
	color: #c12f3a;
	font-weight: bold;
	margin: 0px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	}

h3.visualMessageHeader {
	font-size: 35px;
	color: #FFFFFF;
	padding-left: 40px;
	margin: 0px;
	padding-top: 37px;
	text-align: left;
	}

/*p {
	padding: 0px;
	margin: 0px;
	}*/

form {
	padding: 0px;
	margin: 0px;
	}
	
td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	}
	
p.newsAuthor {
	font-size: 10px;
	font-style: italic;
	color: #CCCCCC;
	}

/* AUTEURS */

div#auteur {
	clear: both;
	padding:17px;
	font-size: 10px;
	color: #CCCCCC;
	}
	
ul.auteurArticlesOverview {
	padding: 0px;
	margin: 0px;
	}
	
ul.auteurArticlesOverview li {
	list-style-type: none;
	}
	
ul.auteurArticlesOverview li a {
	color: #CCCCCC;
	text-decoration: none;
	background-image: url(../img/newsarchiveListimage.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: -15px top;
	padding-left: 20px;
	}
	
h2.auteurHeader {
	color: #CCCCCC;
	font-size: 12px;
	font-weight: bold;
	}
	
p.auteurSource {
	font-size: 10px;
	color: #CCCCCC;
	font-style: italic;
	}
	
.sidebarBannerTitle {
	clear: both;
	margin-bottom: 10px;
	}
	
input.inputCheck {
	vertical-align: bottom;
	}
	
/*SEARCH*/

input.searchInput {
	background-color: #cacaca;
	height: 17px;
	width: 117px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
/*Advertenties*/

table.adsOverview td {
	font-size: 10px;
	padding: 0px!important;
	margin: 0px!important;
	background-color:#f1f1f1;
	}
	
table.adsOverview th.td150, table.adsOverview td.td150 {
	width: 150px;
	}
	
table.adsOverview td {
	text-align: center;
	}
	
table.adsOverview td.tableHeader {
	font-size: 12px;
	font-weight: bold;
	background-color: #FFFFFF!important;
	text-align: left!important;
	}
	
.hideElements, .hideElements object {
	visibility: hidden !important;
}