* { margin:0; padding:0;}


body { 
background:#ffffcc url(images/body-bg.gif) left top repeat-x; 
font-size:100%; 
line-height:1em; 
font-family:"Times New Roman", Times, serif; 
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#7a7a7a;
}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

ul {
list-style:inside;
}


/*in_line*/
img {border:0; vertical-align:top; text-align:left;}

a:hover{text-decoration:underline;}
a {color: #e0352a;text-decoration:none;}
.column { float:left;}
.clear { clear:both;}

#header, #content{ margin:0 auto;}
/*header*/
#header{ height:185px;}
#header .logo{ position:absolute; margin:70px 0 0 432px;}
#header .menu{
	position:absolute;
	margin:155px 0 0 386px;
}
#header .menu img{ margin-left:2px;}
#header #logo-top{
	position:absolute;
	width: 299px;
	height: 80px;
	margin:60px 0 0 46px;
}

/*content*/
#content{ 
	color:#000000; 
	font-size:0.8em; 
	line-height:1.25em;	
	padding-bottom: 150px; /* must be same height as the footer */
}

#content td{ 
	font-size: 100%;
	color:#000000; 
	font-size:12px; 
}


#content p{ margin-top:11px;}

/*================== index.html ==================*/

#content .col_2 .page1_banner_1{margin-left:-16px; position:relative; margin-top:-23px; margin-bottom:38px;}
#content .col_2 .st_text_2{ margin-bottom:4px;}


.col_1, .col_2, .col_3, .col_box_1, .col_box_2{ float:left;}

#content{
	padding-left:46px;
}


/* gele column links */
#content .col_1{
	width:299px;
	padding:0;
	margin-top:-125px;
	z-index:9999;
}

#content .col_1 #logo {
	width:299px;
	height:259;
	padding:0;
	}

#content .col_1 #leftcontent {
	width:299px;
	background: transparent url(images/left-bg.gif) left 50px repeat;
	overflow:visible;
	height:auto;
}

#content .col_1 #search {
	width: 243px;
	margin: 0 0 0 28px;
	height: 34px;
	background:#00ab91 url(images/body-bg.gif) left top repeat-x; 
	padding: 10px 0 0 0;
	z-index:99999;
}
#content .col_1 #searchfld {
	width: 203px;
	height:24px;
	background-color:#FFFFFF;
	margin: 0 0 0 20px;
	padding: 0;
}

#content .col_1 #searchfld input {
	width: 162px;
	margin-left:10px;
	height:20px;
	border:0;
}

#content .col_1 #searchfld img {
border:0;
display:inline;
}

#content .col_1 #leftfooter {
	width:299px;
	height:55px;
	overflow:visible;
}


/* content column rechts */
#content .col_2{
	width:552px; 
	padding:68px 0 0 0; 
	margin-left:50px;
}

#content .col_2 h1{
	color: #e0352a;
	font-size: 1.6em;
}



#container {
	width:960px !important;
	margin:0 auto !important;
	padding-bottom: 150px; /* must be same height as the footer */
}



/* =Navigation
---------------------------------------------------------------------
*/

#nav{
   bottom: 0;
   z-index: 999;
   list-style: none;
}

#nav li{
   float: left;
   margin-right: 3px;
   background: url(images/bg_nav_li2.png) no-repeat left top;
   font-size: 0.8em;
   font-weight:bold;
}

#nav li.current{
   background-position: left bottom;
}

#nav li a{
   float: left;
   display: block;
   height: 21px;
   padding: 9px 14px 0;
   /* background: url(images/bg_nav_li_a2.png) no-repeat left top; */
   color: #fff;
   text-decoration: none;
}

#nav li.current a{
   background-position: left bottom;
   color: #27333A;
}

#nav li:hover,
#nav li.sfhover{
   background-position: left -31px;
}

#nav li.current:hover,
#nav li.sfhover.current{
   background-position: left bottom;
}

#nav li:hover a,
#nav li.sfhover a{
   background-position: left -31px;
   color: #FFF;
}

#nav li.current:hover a,
#nav li.sfhover.current a{
   background-position: left bottom;
   color: #27333A;
}

#nav li#nav_home.current{
   background-position: left top;
}

#nav li#nav_home.current a{
   background-position: left top;
   color: #9BAAB5;
}

#nav li.current#nav_home:hover,
#nav li.current.sfhover#nav_home{
   background-position: left -31px;
}

#nv li.current#nav_home:hover,
#nav li.current.sfhover#nav_home a{
   background-position: left -31px;
   color: #FFF;
}

#nav li ul{
   clear: left;
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 161px;
   margin-top: 31px;
   margin-left: -1px;
   _margin-top: 0; /* IE6 only */
   border: 1px solid #BABEB1;
   border-top: 0;
   border-bottom: 0;
   list-style: none;
   line-height: 1;
}

*+html #nav li ul{
   margin-top: 0;
}

#nav li li{
   display: inline;
   _display: block;
   float: none;
   _float: left;
   margin: 0;
   font-size: .9167em;
   text-transform: none;
}

#nav li ul ul{
   margin: -31px 0 0 161px;
}

#nav li:hover ul ul,
#nav li.sfhover ul ul{
   left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{
   left: auto;
}

#nav li li li{
   font-size: 1em;
}

#nav li:hover li a,
#nav li.sfhover li a{
   float: none;
   width: 133px;
   height: auto;
   padding: 9px 14px;
   border-top: 1px solid #FBFCFE;
   border-bottom: 1px solid #D3D6CD;
   background: #F1F3EE;
   color: #384751;
}

#nav li:hover li a:hover,
#nav li.sfhover li a:hover{
   background: #DDEAF3;
}



/*footer*/
#footercontainer {
	width:100%;
	background: transparent url(images/body-bg.gif) left 30px repeat-x;
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
	text-align:center;
}
#footer{ 
	width:880px;	
	margin:0 auto; 
	color:#fff; 
	font-size:0.75em; 
	padding:48px 0 0 80px;
	text-align:left;
}
#footer a{ 
	color:#fff;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
} 

#footer #madeby {
	display:inline;
	float:right;
	width: 290px;
	padding: 26px 8px 0 0;
	text-align:right;
	}
	
#footer #address {
	display:inline;
	float: left;
	width: 500px;
	}


/* CONTACT TEXT */
#scontactcontainer {
	padding-top: 20px;
}
#contact-content {
	margin: 0 28px;
	background: #00aeef;
	color:#FFFFFF;
	padding: 10px 20px;

}

#contact-content a {
	color: #464646;
	text-decoration:none;
}
#contact-content a:hover {
	color: #464646;
	text-decoration:underline;
}


/* SUB MENU */
#submenucontainer {
	padding-top: 20px;
}
#submenu {
	margin: 0 28px;
	background: #00aeef;
	color:#FFFFFF;
	padding: 10px 20px;

}

#submenu #subnav li{
	display: block;
	font-size: 0.9em;
	list-style: none;
	list-style-image:none;
	list-style-position:outside;
	margin: 12px 0;
}

#submenu #subnav li a{
color: #fff;
text-decoration:none;
font-weight:bold;
}

#submenu #subnav li a:hover{
color: #464646;
}

#submenu #subnav li.active a{
color:#464646;

}

#newscontainer {
	padding-top: 20px;
}


/* ------- LAATSTE NIEUWS HOMEPAGE --------- */
#news-home {
	margin: 0 28px;
	background: #00aeef;
	color:#FFFFFF;
	padding-top:10px;

}

#news-home h2 {
	margin: 0 0 10px 20px;
	color:#FFFFFF;
	font-size:1.6em;

}

.news-item {
	padding: 20px 0;
}

#news-home h3{
	margin:0 20px;
	color:#464646;
	font-size:12px;
	font-weight:bold;
}
#news-home p {
	margin:0 20px;
	text-align: justify;
}
#news-home span.datum {
	float: left;
	color: #ccc;
}
#news-home span.news-link {
	margin:0 20px 0 0;
	float: right;
	color: #fff;
	padding-top:6px;
}

#news-home span.news-link a {
	text-decoration: none;
	font-weight:bold;
		color: #fff;
}

#news-home span.news-link a:hover {
	text-decoration: underline;
	}

#news-home p.more-news {
	position:relative;
	margin: 0 20px 0 0;
	padding:10px 0;
		text-decoration: none;
	font-weight:bold;
			color:#464646;
		text-align:right;
}

#news-home p.more-news a{
   font-weight: bold;
   text-decoration: none;
		color:#464646;
}

#news-home p.more-news a:hover {
	text-decoration:underline;
}
#news-home .news-pic {
	border: 0px solid #ccc;
	float:left;
	height:77px;
	margin-right:4px;
	margin-top:4px;
	width:77px;
}

#news-home .news-pic img {
	border:1px solid #cccccc;
	margin-left:4px;
	margin-top:4px;
/* height:67px;
width:67px; */
}

#news-home .news-text {
padding-top:3px;
text-align:left;
}


/* ------ NIEUWSARCHIEF ---------- */
#newstitle-all h1{
   margin: 0 0 .5em 0;
   color: #09f;
   font-size: 1.4em;
   font-weight: bold;
}

#newstitle h1{
   margin: 30px 0 .5em 0;
   color: #09f;
   font-size: 1.4em;
   font-weight: bold;
}

#newsoverzicht .active td{
	color: #000;
	font-weight: bold;
}

#newsoverzicht td a {
	color:#E0352A;
	text-decoration:none;
}

#newsoverzicht td a:hover {
	color:#E0352A;
	text-decoration:underline;
}



/* Contact form */
table.input {
margin-top:30px;
}

.input td {
	height: 30px;
	vertical-align:top;
}

.input input, .input textarea {
	width: 300px;
	border: 1px solid #000;
	padding: 2px;
}

.input input#Postcode {
	width: 60px;
}

.input #Plaats {
	width: 233px;
}

.input img {
	margin-left: 220px;
}

.input .radio {
	width: 18px;
}

#sendBtn {
	padding: 0;
	border: 0;
	width: 83px; 
	height: 20px; 
	margin-left: 220px;

}


/*============== catalogus ==================*/
#catalogus, #catalogus td {
	border-collapse: separate;
	width: auto;
}

#catalogus {
	width: 516px;
}

#catalogus td.thumbs {
	width:100px; 
	height:100px; 
	text-align:center; 
	vertical-align:middle;
	border: 1px solid #E0352A;
}

#catalogus td p {
	margin: 2px 0;
}


#catalogus td.thumbs a:hover, #catitem td.thumbs a:hover, td.thumbs a:hover img {
	cursor: url("images/magplus.cur"), pointer;
}

#catitem-table {
	margin-left: 20px;
}
#catitem td.thumbs {
	width:80px; 
	height:80px; 
	text-align:center; 
	vertical-align:middle;
	border: 1px solid #464646;
}

#catalogus h2 {
	color:#00AEEF;
	font-size:12px;
	/* text-transform:uppercase; */
	margin-bottom:2px;
}

#catalogus td .more-link {
	/* float: right; */
}
#catalogus td .more-link a {
	/* font-family:Arial, Helvetica, sans-serif; */
	text-decoration: none;
	font-size:12px;
	/* text-transform: uppercase; */
}

#catalogus td .more-link a:hover {
	text-decoration: underline;
}

#catitem a {
	text-decoration: none;
	color: #464646;
	font-weight: bold;
}

#catitem a:hover {
	text-decoration: underline;
}


#catitem, #catitem td {
	border-collapse: separate;
	width: auto;
}


/*============== sitemap ==================*/
div.sitemap {
	margin-top: 20px;
}

div.sitemap a {
	font-weight: bold;
}

div.sitemap li a {
	font-weight: normal;
} 

div.sitemap ul, div.sitemap li  {
	margin-top: 2px;
}

div.sitemap li  {
	margin-left: 20px;
}

/*============== search results ==================*/

#searchresulttxt {
	width: 490px;
}

#searchbody, #searchresulttxt td {
	font-size:100%; 
	background-image:none;
	background-color: #ffc;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;		 
	vertical-align:top;				  			  
	line-height:15px;
	color:#000;
}

#searchbody b {
	font-size:100%; 
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;		 						 
	vertical-align:top;				  			  
	line-height:15px;
}


#searchresulttxt td.more-link {
	text-align: right;
	
}

#searchresulttxt td.more-link a {
	text-decoration: none;
	font-size:12px;
}

#searchresulttxt td.more-link a:hover {
	text-decoration: underline;
}

#searchresulttxt h3{
	margin:6px 0 0;
	color:#00AEEF;
	font-size:12px;
}



/* ------------- Fieldvalidation errors ------------------------ */
.fValidator-msg {
		color: #E0352A;
		padding: 5px;
}


.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
