*, html {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  font-size: 10pt
}

body {
  text-align: center;
}


/**
 * Headings
 */
h1 {
  font-size: 20px
}

h2 {
  font-size: 19px;
  color: black
}

h3 {
  font-size: 14px
}

h4, h5 {
  font-size: 12px
}

p {
  margin-top: 5px;
  font-size: 10pt
  clear: both;
}

.small {
  font-size: 8pt
}
.medium  {
  font-size: 12pt
}
.large  {
  font-size: 14pt
}

a.content {
	color:#000080;

}
.twocolsContent a {
	color:#000080;
	text-decoration: none;
	border-bottom:1px dotted; 
	outline: none;
}
.colviewLarge a {
	color:#000000;
}

/**
 * Lists
 */
ul {
	font-family: Arial, sans-serif;
	margin-left: 18px;
}

hr {
  border: 0;
  width: 100%;
  height: 1px;
  color: #CECECE;
}

hr.footer {
  border: 0;
  width: 415px;
  height: 1px;
  color: #000000;
}

/**
 * Page builder
 */

#container {
	clear: both;
	height: 80%;
}

#header {
	background: transparent;
	background-image:url('/img/logo_top.jpg');
	background-repeat:no-repeat;
	background-position:center left;
	float: auto;
	text-align:left;
	width: 1035px;
	height: 120px; 
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
#header div.banner {
	background: transparent;
	background-color: #FFFFFF;
	float: auto;
	width: 610px;
	height: 120px;
	margin-left: 414px;
	margin-right: 0px;
	vertical-align: middle;
}

#navigationTopWrapper {
	float: auto;
	background-color: #FFFFFF;
	text-align:left;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 1035px;
	height: 20px;
}

#navigationTop {
	float: left;
	text-align:left;
	margin-left: auto;
	margin-right: auto;
	width: 1035px;
	height: 25px;
}

img.navigationTop {
	margin: 0px;
	text-align: left;
	border-right:1px solid #000000;
}
img.navigationTopLast {
	margin: 0px;
	text-align: left;
	border-right:1px solid #FFFFFF;
}

#navigationSub {
	float: auto;
	text-align: left;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	height: 20px;
}

	#navigationSub a {
		font-family: Arial, sans-serif;
		font-size: 13px;
		font-weight: bold;
		font-variant: small-caps;
		color: #000080;
		text-decoration: none;
		padding: 4px;
		top: 15%;
	}

#subnav {
	float: left;
	width: 200px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;;
	padding-top: 0px;
}

#content {
  float: auto;
  background: transparant;
  width: 1035px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  clear: both
}

.maincol {
	float: left;
	background: transparent;
	margin-left: auto;
	margin-right: auto;
	width: 455px;
	height: 198px;
}

.colview {
	float: left;
	text-align: left;
	background: transparent;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	_width: auto !important;
	min-height: 50px;
}
.colviewtotop {
	float: left;
	text-align: left;
	background: transparent;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	padding-top: -15px;
	_width: auto !important;
	min-height: 50px;
}

	.colviewLarge {
		float: left;
		background: transparent;
  		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		width: 655px;
		height: 30px;
	}

	.twocolsContent .padding {	padding-top: 0px; display: block;}
	.twocolsContent .first { width: 160px; float: left; }
	.twocolsContent .first .padding { padding-left: 0px; }
	.twocolsContent .second { width: 490px; padding-left: 0; float: right; text-align:left;}

	.twocolsRecensies { padding-top: 0px; height: 100px; display: block;}
	.twocolsRecensies .padding { padding-top: 0px;}
	.twocolsRecensies .first { width: 150px; float: left; }
	.twocolsRecensies .second { width: 490px; padding-left: 0; float: right; text-align:left;}


	img.imgrec {
		text-align: center;
		width: 150px; 
		margin-top: 0px;
		margin-bottom: 0px;
		border:none;
	}

div.hr {
  border: 0;
  display: block;
  background: url("/img/hr_dotted.gif") 0 100% repeat-x;
  height: 1px;
  margin-top: 0px;
  margin-bottom: 10px;

}


.divider {
	float: left;
	text-align: left;
	background-color: #C7CCBF;
	margin-left: 7px;
	margin-right: 7px;
	width: 1px;
	min-height: 750px;
	_height: auto !important;
	height: 890px;
}

.secondcol {
	float: left;
	text-align: left;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-right: auto;
	width: 200px;
	height: 140px;
}
.thirdcol {
	float: left;
	text-align: left;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-right: auto;
	margin-bottom: auto;
	width: 200px;
	height: 140px;
}


.bannersleft {
	float: left;
	text-align: left;
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-right: auto;
	margin-bottom: auto;
	width: 130px;
	height: 140px;
}


/**
 * TITLE BLOCKS --> headers & colors for sections
 */

.rotator {
	float: left;
	background: transparent;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	width: 415px;
	height: 217px;
}

.titleblock, img {
	margin-top: 0px;
	margin-bottom: 5px;
	border:none;
}
.titleblockLong {
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;
	border:none;
	width: 670px;
	background-color: #2499DE;
	text-align: left;
}
.titleblockHead {
	float: left;
	width: 870px;
	background-color: #FFFFFF;
	text-align: left;
	height: 20px;
}

.bgblack {
	margin-top: 0px;
	margin-bottom: 10px;
	_padding: 0px;
	color:#000000;
	background-color: #D0E49D;
	display: block;
	width: 100%;
}
.bgnews {
	background-color: #2499DE;
	width: 100%;
	height: 20px;
}
	.newstitle, a.newstitle {
		color: #2499DE;
		font-weight:bold;
		font-size:16px;
		text-decoration: none;
		border-bottom:0px; 
		outline: none;
		display:block;
	}
	.newssubtitle {
		color: #2499DE;
		font-weight:normal;
		font-size:12px;
		display:block;
	}

	.newsphototitle  {
		font-weight:bold;
		font-size:9px;
		display:block;
	}

	.featuretitle, a.featuretitle {
		color: #C7CCBF;
		font-weight:bold;
		font-size:18px;
		text-decoration: none;
		border-bottom:0px; 
		outline: none;
		display:block;

	}
	.featuresubtitle {
		color: #000000;
		font-weight:bold;
		font-size:12px;
		display:block;
	}

.bgagenda {
	background-color: #E55522;
	width: 100%;
	height: 25px;
}
.bgfeatures {
	background-color: #C7CCBF;
	width: 100%;
	height: 25px;
}
.bgrecensies {
	background-color: #EF9504;
	width: 100%;
	height: 20px;
}
.bgcontact {
	background-color: #C7CCBF;
	_width: 865px !important;
	height: 20px;
}


.smallBlock {
	background-color: #CCCCCC;
	_padding:4px;
	_width: 200px;
	font-weight: bold;
}
.longBlock {
	background-color: #EBEBEB;
	_padding:4px;
	font-weight: bold;
}

.recensieshome {
	float: left;
	display:block;
	background: transparent;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	_width: auto !important;
	min-height: 50px;

}

/**
 * LINKS --> ahref per section
 */

a.recensies:link, a.recensies:visited {
	color:#000000;
	font-weight: bold;
	font-style:normal;
	text-decoration: none;
	margin-bottom: 10px;
	display: block;

}
a.recensies:hover {
	color:#000000;
	font-weight: bold;
	font-style:italic;
	text-decoration: none;
	margin-bottom: 10px;
	display: block;

}
img.recensies {
	float: left;
	margin-right: 2px;
	vertical-align:text-top;
}
a.agenda:link, a.agenda:visited {
	color:#000000;
	font-weight: bold;
	font-style:normal;
	text-decoration: none;
	margin-bottom: 5px;
	display: block;

}
a.agenda:hover {
	color:#000000;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 5px;
	display: block;

}


/**
 * ELSE
 */

#footer  {
	float: left;
	background: transparent;
	background-color: #000000;
	color:#FFFFFF;
	font-weight: bold;
	text-align=left;
	padding: 4px;
	margin-right: 0px;
	margin-bottom: 5px;
	width: 451px;
	height: 20px;
}
.footer, a {
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.twocols {
	margin-top: 0px;
	background-color: #CECECE;
}

.twocols .first {
	width: 33%;
	padding: 4px;
	float: left
}


.twocols .second {
	width: 33%;
	padding: 4px;
	float: left
}
.twocols .third {
	width: 33%;
	padding: 4px;
	float: right;
	vertical-align:inherit;

}

	.twocolsNewsHome {	margin-top: 0px; display: block;}
	.twocolsNewsHome .first { width: 80px;  padding: 0px; float: left }
	.twocolsNewsHome .second { width: 350px; padding-left: 4px; float: left }
	.hr .twocolsNewsHome .second {
	  background: url("/images/hr_dotted.gif") 0 100% repeat-x;

/**
 * ORDER PAGES
 */
.orderline {
	padding: 0px;
	height:20px;
	margin-top:10px;
	display: block;
}
.orderlineSub {
	padding-left: 25px;
	margin-top:5px;
	display: block;
}
#checkbox {
	margin-right:5px;
	margin-top:10px
}

.orderline .checkbox label.checkbox {
  width: 50px;
  font-weight: normal;
  text-align: left
}
form .text input {
	width: 315px 
	border: 0px; 
	border-color: #000000;
	background-color: #EBEBEB;
}

/*Default CSS for the RSS box containers and the pagination div. Customize further for each RSS box*/

.rsspaginate{ /*Style for Pagination DIV*/
width: 450px;
text-align: center;
padding: 2px 0;
margin: 15px 0;
margin-bottom: 15px 0;
}

.rsspaginate form{ /*Style for Pagination DIV's form element*/
margin: 0;
}


.rsspaginate a { /*Pagination links*/
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
}

.rsspaginate flatview { /*Pagination links*/
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
}