* {
 padding: 0;
 margin: 0;
}
body {
 font-family: Geneva, Arial, Helvetica, sans-serif;
 color: #3A4754;
 background-color: #FFFFFF;
 font-size: 76.1%
}

#wrapper {
margin: 0 20px;
text-align:center;}

#logo {
float:left;
margin: 25px 20px 20px 20px;
padding:0;
width:auto;
}
#pagetop{
text-align:right;
margin: 0 0 0 10px;
width:auto;
}

.topbarbg {
float:right;
margin: 0;
padding: 0;
}
 
.topbarLeft {
 background-color:#84929f;
 background-image: url(images/topbar_lc.gif);
 background-repeat: no-repeat;
 background-position:bottom;
 min-height: 28px;
 }

/*------------ bluebar quotes ----------*/
.bluebar {
background-color:#254581;
height:60px;}

.mottobg {
background-image: url(images/varea_bg.jpg);
 background-repeat: no-repeat;
 background-position:top left;
height:90px;
border-right: 1px solid #254581;
border-left: 1px solid #254581;
}

.bedrijfmotto {
font-family: Tahoma, Geneva, sans-serif;
text-align:left;
color:#FFFFed;
font-size:1.45em;
font-weight:bold;
font-style: italic;
margin: 0 10px 0 260px;
padding-top:25px;
}

/* ------End Blue bar ---*/


/*------------- Start left column  -----*/
.leftColumnborder {
text-align:center;
border-right: 1px solid #c1c1c1;
border-left: 1px solid #254581;
width:200px;
padding-top:20px;
}
/* ------End left column ---*/


/*---------- Start right column ------*/
.rightColumnborder {
border-right: 1px solid #254581;
border-left: 1px solid #c1c1c1;
}
#rightnavcontainer {
width: 155px;
padding: 1.6em;
text-align:left;
margin-top:5px;
margin-left:5px;
}

#rightnavlist li { 
font-family:"trebuchet ms", sans-serif;
font-size:1.1em;
list-style-type: disc; }

#rightnavlist li a:link,#rightnavlist li a:visited,#rightnavlist li a:active { 
text-decoration: none;
color:#254581;
}
#rightnavlist li a:hover { 
text-decoration: none;
color:#CC6600;
}

/*------------- End right column --------*/
/* */



/*---------- Start main content area --------*/
.maincontentpadding {
text-align:left;
padding: 0 10px 10px 10px;
width:auto;
}

.innerPageLeftColumn {
font-family:"trebuchet ms", sans-serif;
border-left: 1px solid #254581;
text-align:left;
padding: 0 10px 10px 40px;
}
.innerPageRightColumn {
font-family:"trebuchet ms", sans-serif;
border-right: 1px solid #254581;
text-align:left;
padding: 0 10px 10px 40px;
}

#inhoudColumn {
font-family:"trebuchet ms", sans-serif;
text-align:left;
margin-top:15px;
}

#inhoudColumn h2 {
font-size:1.4em;
margin-bottom:5px;
padding:0;
color:#3A4754;
}

#inhoudColumn h3 {
font-size:1.2em;
margin-top:15px;
margin-bottom:0;
padding:-bottom:0;
color:#3A4754;
}

#inhoudColumn p {
font-size:1.1em;
line-height: 1.4em;
margin: 0 0 10px 0; 
}
#inhoudColumn ul
{
margin: 0 0 10px 0;
padding: 0 0 0 1em;
}
#inhoudColumn li { 
font-size:1.1em;
list-style-type: disc; 
margin-left: 10px; }

#inhoudColumn li li { 
font-size:100%;
list-style-type: circle; 
margin-left: 10px; }

#inhoudColumn a {color: #000066; text-decoration:underline;}
#inhoudColumn a:hover {color: #0000cc; text-decoration:none;}


/* --------- End main content area ----*/
/* */


/*------------misc--------------*/
.datum {
margin-top: 15px;
margin-right: auto;
margin-left: 5px;
padding:0 5px;
font-size:0.90em; 
color: #999999;
}
.copytekst {
padding:5px auto;
font-size:0.90em; 
color: #fff;
}
.copytekst a {
color: #fff;
text-decoration:none;
}
.copytekst a:limk, .copytekst a:visited, .copytekst a:active {
color: #fff;
text-decoration:none;
}
.copytekst a:hover {
color: #FF6600;
text-decoration:none;
}

/*----------Start footer */
.footerbarCorner {
background-image:url(images/footer_bottom_corner.gif);
background-repeat:no-repeat;
background-position:bottom;
background-color:#254581;
min-height: 20px;
}

.footerbar {
background-color:#254581;
height:30px;
}

/*------------- copyright bar above footer ------*/
#copyrightbar {
 min-height: 20px;
 border-right: 1px solid #254581; 
}
* html #copyrightbar {height: 20px} /* IE Min-Height Hack */ 


/* ---------Thicktabs TopMenu with images --------*/
/*below is edited from an original tab navigation in the Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#thicktabs{
margin: 0;
margin-left: 5px; /*menu offset from left edge of window*/
padding-left: 11px;
float: left;
font: bold 1em Tahoma;
background: url(images/grayLC.gif) bottom left no-repeat; /*optional left round corner*/
}

* html #thicktabs { /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-left: 10px; /*menu offset from left edge of window in IE*/
}

#thicktabs li{
display: inline;
}

#thicktabs li a{
float: left;
color: #666;
padding: 8px 11px; /*padding of tabs*/
text-decoration: none;
background: transparent url(images/graybgover.gif) bottom right no-repeat;
}

#thicktabs li a#leftmostitem{ /*Extra CSS for left most menu item*/
/*border-left: 1px solid #e1e1e1; left border style*/
}

#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
border-right: 1px solid #fff; /*right border style*/
background-position: bottom left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}

#thicktabs li a:visited{
color: #666;
}

#thicktabs li a:hover{
color: #333;
background-image: url(images/graybg.gif); /*background image swap on hover*/
}

/* tabbed navigation from Dynamic drive */
/*below is edited from an original tab navigation in the Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#navigation {
width:auto;
text-align: center;
margin: auto;
padding-left:260px;
/*border-bottom: 1px solid #999e87; uncomment this line to add bottom border*/
}
#navigation ul {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0;
	list-style:none;	
}
#navigation li {
	display: inline;
	background: url(images/knop_bg.jpg) repeat-x center top;
	text-align: center;
	padding: 0;
	margin-right: 4px;	
	float: left;
}
#navigation a {
	color: #000033;
	background: url(images/knop_lc.jpg) no-repeat left top;
	float: left;
	margin:	0;
	padding-left:7px;
	text-decoration: none;
}
#navigation a span {
	background: url(images/knop_rc.jpg) no-repeat right top;
	display: block;
	padding:7px 13px 4px 5px;
}
#navigation a span {
	float: none;
}
  
/* ------- alternative Image shadows --------*/

.imgRtwrapper {
margin:0 0 0 10px;
float:right;

}
#imgLeftwrapper {
margin:0 0 0 20px;
text-align:center;
}

.keurmerk img {
margin:25px 0 0 -5px;
}

.img-shadow {
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 15px 5px 0 15px !important;
  margin: 15px 5px 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 0px;
  } 

#wrapper {
}

#wrap1 {
	text-align: center;
}

#wrap2 {
	width: auto;
	padding-left: 20px;
	margin: auto;
}

#wrap3 {
	padding-right: 20px;
}

#main{
	text-align: left;
}

#wrap1 {
	background: url(images/wrap1.gif) repeat-x top #EFEFEF;
}

#wrap2 {
	background: url(images/wrap2.gif) top left;
}

#wrap3 {
	background: url(images/wrap3.gif) top right;
}

#main {
	border-top: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}
.clear {clear:both;}

/* nieuwsbrief */
#subscribeForm {

}
#subscribeForm fieldset {
	padding: 10px ;
	margin: 0;
	display: block;
}
#subscribeForm legend {
	padding: 0 6px 0 6px;
	margin: 5px 0 0 10px;	
	font-weight:bold;
	font-size:1.2em; 
} 
#subscribeForm label {
	display: block; 
	float: left; 
	width: 180px; 
	text-align: right;
	margin: 0 10px;
	padding-bottom: 10px;
	clear: left;  
}

#subscribeForm input {
	float: left; 
	display: block;
	width: 60%;
	margin-bottom: 10px;  
	padding: 2px;
}

#subscribeForm .buttons {
	clear: both; 
	font-weight:bold;	
	width:150px;
	margin-top: 10px;
	float:right;
	}