<style type="text/css">

/*--------------------------------------
	
	          Algemeen
				  
----------------------------------------*/


 body, fieldset, form {
	margin: 0;
	padding: 0;
	font: 80%/170%  Tahoma;
	text-align: center;


}
body .cms_page {
background-color:#FFFFFF;
}
html, body {

	margin: 5px 0px 0px 0px;
  padding: 0;
  width: 100%;


  color: #333;

}

ul#news {
list-style-type:none;
margin:0px 20px 0px 0px;
_margin:0px 0px 0px 0px;
padding:0px;
width:180px;
text-align:right;

}
ul#news li  {
text-decoration:none;
display:block;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 10px;
_margin:0px 8px 0px 0px;
line-height:150%;
_line-height:150%;
}

ul#news li a {
text-decoration:none;

}
body {

	 margin: 0;
  padding: 0;
	border: 0;

	min-width: 760px;  /* 2x linker- + 1x rechterkolom */ 

	/*max-width: 1400px;*/	
	} 
	
	

img {
	padding: 0;
	margin: 0;
}



* {
	margin: 0;
	padding : 0;

	
}





/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 0.0em 0.75em 0em 0.0em;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1.2em;
	font-family:Tahoma;
}

/* Miscellaneous conveniences: */
form label {
	/*cursor: pointer;*/
}
fieldset {
	border: none;
}




/* Form field text-scaling */
input, select, textarea, table {
	font-size: 100%;
	color: #333;
	background: transparent;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px ;
}
input, select, textarea {
	font-size: 100%;
	color: #333;
	background: #FFFFFF;
border: 1px solid #C8C8C8;
padding:3px 0px 0px 0px;
margin:0px 0px 0px 0px ;
}

input, select {
height:17px;
}

input#loginemail, input#loginpassword, input#sq {
	width: 100px;
}

.button {
font: 100%  Tahoma;
font-weight:bold;
height:20px;



}
td {
	color: #333;
	margin: 0;
	padding: 0;
	font: 100%/150%  Tahoma;
	 background: transparent;
	height: 100%;
	
}	

	
	/*----------------------------------------------------
	
	  H1 tm 6 , p, address
	 
	 ----------------------------------------------------*/
p {

	background-color: transparent;
	color: #333;
	margin-top: 0; 
	
}
	
/*Links over de hele site*/
	
a {
	font-size: 100%;
	color: #333;
	padding: 2px;
	background: transparent;
	
}	


a:hover {
	text-decoration: none;
	background: #4D83C2;
	color: #fff;
}
a img,
a:hover img,
img a,
img a:hover {
	border: 0;
	text-decoration: none;
}
a.img_nobg {
background-image:url(../images/bg_transparant.jpg);
background-repeat:repeat;
background-color:none;

border: 0;
}
a:hover.img_nobg {
background-image:url(../images/bg_transparant.jpg);
background-repeat:repeat;
background-color:none;
border: 0;
}
/* 1e kolom */

.height100
{
	height: 100% !important;

}

.one {
	width: 194px !important;
	_width:205px ;
	float: left;
	font-size: 80%;
	padding-top: 7px;
}

.producten {

width: 194px;
float: left;
padding-top:0px;
margin-top:-5px;
display:inline;
height:124px;
}
.one_n div.nieuws {
	width: 190px;
	font-size: 80%;
	padding-top: 7px;
	position:absolute;
	left:30px;
	top:180px;
	text-align:right;
}

.one {
	margin-left: 20px;
}

* html .one {
	margin-left: 10px;
}

.menu2 {
margin-top:300px;


}
.menu2 {
position:absolute;
top:0px;
float:right;
}
#content {
min-height:700px;
}
#header .one ul
 {
	margin: 0 0 0 0px;
width: 190px;
text-align:right;
}

.one p {
	margin-right: 0;
}

.one ul li {
line-height: 150%;
list-style: none;
float: right;
}

#header .one li a {
text-decoration: none;	
line-height: 120%;
float: right;
width: 160px;
margin: 0 -5px 0 0px;
}

img a {
background-color:#FFFFFF;

}

img a:hover {
background-color:transparant;

}
.one h3 {
border-top:3px solid #C8C8C8;
width: 194px;
margin-bottom: 0;

/*border-top: 3px solid #C8C8C8;*/
/*border-bottom:0px solid #C8C8C8;*/
/*width: 190px;*/
margin: 2px 0 0 0px;
text-align:right;

}
.producten h3 {
border-top:3px solid #C8C8C8;
width:194px;
margin-bottom: 0;
/*border-top: 3px solid #C8C8C8;*/
/*border-bottom:0px solid #C8C8C8;*/
/*width: 190px;*/
margin: 2px 0 0 0px;
text-align:right;
background-color:transparent;
color:#51525C;
font-family:Tahoma,Geneva,Arial,Helvetica,sans-serif;
font-weight:bold;
font-size:110%;
}



#_content .one {
	border-top: 2px solid #C8C8C8;
	width: 190px;
	_width: 190px;
	/*margin-right: 8px;*/
	margin-left: 25px;
	/*background: #fff;*/
	margin-top: 8px;
margin-right:20px;





}

form#search {
	padding-left: -0.75em;
}


#content .one form#search fieldset {
	background: #fff;
	border: 1px solid #CFCFCF;
	border-top: none;
}

/* Nieuwsdeeltje 1e blok content */

#content .one ul#news {
	margin: -4px 0 0 0px;
}


#content .one ul#news li {
	padding: 4px 0;
}

#content .one ul#news li a {
	text-decoration: none;
	line-height: 150%;

}

/*#content .one ul#news li a:hover {
	text-decoration: none;
	background: #DEF3F5;

}*/

/*Einde 1e kolom*/

/* tweede kolom */

.two {
width:431px;
float: left;
height:100%;
border-left:2px solid #C8C8C8;
border-right:2px solid #C8C8C8;


}
#content .two {
margin:0px 0px 0px 0px;
padding:10px 0px 0px 20px;
}

.two li a {
text-decoration: none;	
line-height: 80%;

}
#header .two {
margin-left:20px;

}
#header_sub .two ul  {
border-top: 3px solid #C8C8C8;
width: 460px;
margin: 0px 0 0 0;
float: left;
width: 100%;
}

#header_sub .two {
	background: url(../images/mainpix.png) no-repeat 0 0;
	background-position:-5px 100px;
	vertical-align:bottom;
	width: 456px;
	height: 443px;
	margin:0px 0px 0px 20px;

	border-left:0px solid #4E83C3;
	border-right:0px solid #4E83C3;
	padding:0px 0px 0px 0px;
	font: 120%/170%  Tahoma;
	background-color:#E5EDF6;
}
#header_sub .productware .two {
	background: url(../images/productware_mainpix.png) no-repeat 0 0;
	background-position:-5px 100px;
	vertical-align:bottom;
	width: 456px;
	height: 443px;
	margin:0px 0px 0px 20px;

	border-left:0px solid #4E83C3;
	border-right:0px solid #4E83C3;
	padding:0px 0px 0px 0px;
	font: 120%/170%  Tahoma;
	background-color:#E5EDF6;
}
#header_sub .eventware .two {
	background: url(../images/eventware_mainpix.png) no-repeat 0 0;
	background-position:-5px 100px;
	vertical-align:bottom;
	width: 456px;
	height: 443px;
	margin:0px 0px 0px 20px;

	border-left:0px solid #4E83C3;
	border-right:0px solid #4E83C3;
	padding:0px 0px 0px 0px;
	font: 120%/170%  Tahoma;
	background-color:#E5EDF6;
}
#header_sub .businessware .two {
	background: url(../images/businessware_mainpix.png) no-repeat 0 0;
	background-position:-5px 100px;
	vertical-align:bottom;
	width: 456px;
	height: 443px;
	margin:0px 0px 0px 20px;

	border-left:0px solid #4E83C3;
	border-right:0px solid #4E83C3;
	padding:0px 0px 0px 0px;
	font: 120%/170%  Tahoma;
	background-color:#E5EDF6;
}
#header_sub .facilityware .two {
	background: url(../images/facilityware_mainpix.png) no-repeat 0 0;
	background-position:-5px 100px;
	vertical-align:bottom;
	width: 456px;
	height: 443px;
	margin:0px 0px 0px 20px;

	border-left:0px solid #4E83C3;
	border-right:0px solid #4E83C3;
	padding:0px 0px 0px 0px;
	font: 120%/170%  Tahoma;
	background-color:#E5EDF6;
}
#header_sub .memberware .two {
	background: url(../images/memberware_mainpix.png) no-repeat 0 0;
	background-position:-5px 100px;
	vertical-align:bottom;
	width: 456px;
	height: 443px;
	margin:0px 0px 0px 20px;

	border-left:0px solid #4E83C3;
	border-right:0px solid #4E83C3;
	padding:0px 0px 0px 0px;
	font: 120%/170%  Tahoma;
	background-color:#E5EDF6;
}
#header_sub .two ul {
  list-style: none;
  display: inline;
  margin-top: 8px;
}

#header_sub .two ul li {
	font-weight: bold;
	margin-left: 30px;
	display: inline;
}


/* Einde 2e kolom */
	 

/* 3e kolom */

* html .three, * html .three_content {
 right:-30px;
}

.three {
width: 180px;
float: left;	
font-size: 80%;
right: 0px;
padding-top:7px;
padding-right: 0px;
padding-right: 28px !important;
padding-bottom: 0px;
padding-left: 0px;

}

.three_content {
width:170px;
right: 0px;
font-size: 80%;
position:absolute;
float:right;
top:101px;
padding-top:0px;
padding-right: 0px;
padding-right: 28px !important;
padding-bottom: 0px;
padding-left: 0px;
height:400px;
margin:3px 10px 0px 30px;

}

.three_content_sponsor, three_content
{
	
}

.three_content table {
padding:0px 0px 0px 0px;

margin:0px 0px 0px 0px;

}
input.three_content{
padding:3px 0px 0px 0px;
height:17px;
margin:3px 0px 0px 0px;

}
#header .three ul
 {
	margin: 0px 0 0 0px;
} 

#header .three 
 {
position:absolute;
top:0px;
height:200px;
	margin: 1px 0 0 7px;
} 

.three ul li {
	line-height: 150%;
	list-style: none;
	margin: 2px 0px 0px 0px;
	padding: 0;
	float: left;
display: inline;
}

.three li a {
text-decoration: none;	
line-height: 80%;
margin: 2px 0 2px 0px;

}

.three_content ul li {
	line-height: 150%;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

.three_content li a {
text-decoration: none;	
line-height: 80%;

}
#header .three ul li a {
	line-height: 120%;
}

#header .three ul li a,
#header_sub .three ul li a {
padding: 2px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
width: 180px;
}
#header .three_content ul li a,
#header_sub .three_content ul li a {
padding: 2px 0px 0px 0px;
float:right;
width: 180px;
}
.three h3/*, #header_sub .three ul*/

 {
border-top:3px solid #C8C8C8;
width: 185px;
margin-bottom: 0;
}
.three_content h3/*, #header_sub .three ul*/

 {
border-top:3px solid #C8C8C8;
width: 180px;
margin-bottom: 0;
}




	 
/*Einde Links*/
	 
h1,h2,h3,h4,h5,h6 {
/*margin: 0.3em 0 0em 0.5em;*/
	font-family:  Tahoma, Geneva, Arial, Helvetica, sans-serif;
	background-color: transparent;
	color: #51525C;
	font-weight: bold;
	/*clear: both;  Zorgt ervoor dat een header altijd links staat en geen problemen geeft bij plaatjes etc */
}	 
	
h1 {
	font-size: 150%;
	color: #51525C;
	margin-bottom: 0.4em;
   
}
	

h2 {
	font-size: 120%;

	
}	


h3 {
	font-size: 110%;

	
}

h4 {
	font-size: 110%;
}



h5 {
	font-size: 100%;
	
}

h6 {
	font-size: 90%;

	
}


/*PNG transparency*/
img,
#wrap_all { 
behavior: url(iepngfix.htc);
 }





/* Toegankelijkheid */

#nav_toegang { position : absolute; top : -9999px; margin : 0; }

/*Layoutdeel*/

html
{
height: 100%;
}

body
{
height: 100%;
}

#wrap_all
{
  min-height: 100%;
}

* html #wrap_all
{
height: 100%;
}

#wrap_all {
	background: url(../images/wrapper.png) repeat-y 0 0;
padding: 0px 0px 0px 0px;
	margin: -5px auto 0px auto;
	
	width: 920px;

font: 74%/170% Tahoma, Verdana, Helvetica, Arial, sans-serif;
position: relative;
}


#header,
#header_sub,
#content {
	width: 910px;
	float: left;	
}




#wrap_header {
	width: 100%;


}

#header_sub {
	margin-top: 0px;

}

.m_left {
text-align:right;
float:left;
}
.m_left H3 {
text-align:right;
}
.m_left ul li {
text-align:right;
float:right;
padding:0px 0px 0px 0px;
}

.m_midden {
position:absolute;
top:0px;
background-color:#E5EDF6;
left:229px;
right:0px;
width:456px;
font-weight:bold;

}

/**********************************
Pagelayouts
**********************************/
div.half {
	width: 48%;
}
div.links{
	float: left;
}
div.rechts{
	float: right;
}
div.onder {
	clear: both;
}

/*Logo*/
#logo {
	background: url(../images/logo2.gif) no-repeat 0 0;
	background-position:bottom;
	height:71px;
	width: 209px;
	display: block;
	position: absolute;
	
	top: 98px;
	left: -16px;
	
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 20px;
	

}


/*Classes*/

	.hide {
	display: none;
}


/* text at right side of a block */
a.rightlink {
	display: block;
}

#login {
	margin-left: 7px;
}

#header_sub .one {

	background: transparant;
}
div#menu ul {
border-top:3px solid #C8C8C8;
list-style-type:none;
font-size:12px;
height:13px;
}
div#menu ul li a:hover, ul#menu li a.current {
background:#4e83c3 none repeat scroll 0%;
border-top:3px solid #c8c8c8;
color:#FFFFFF;
height:15px;
list-style-type:none;
border-right:1px solid #FFFFFF;
}
div#menu ul li a {
background:#4e83c3 none repeat scroll 0%;
border-bottom:1px solid #E7E5E2;
border-top:1px solid #c8c8c8;
border-right:1px solid #FFFFFF;
color:#FFFFFF;
float:left;
height:17px;
padding:15px 0pt 4px;
text-align:center;
text-decoration:none;
list-style-type:none;
width:151px;
white-space:nowrap;
}
div#menu ul li.last a {
background:#4e83c3 none repeat scroll 0%;
border-bottom:1px solid #E7E5E2;
border-top:1px solid #c8c8c8;
border-right:0px solid #FFFFFF;
color:#FFFFFF;
float:left;
height:17px;
padding:15px 0pt 4px;
text-align:center;
text-decoration:none;
list-style-type:none;
width:152px;
white-space:nowrap;
font-weight:bold;
}
div#menu ul li.last a:hover, div#menu ul li.last a.current {
background:#4e83c3 none repeat scroll 0%;
border-top:3px solid #c8c8c8;
color:#FFFFFF;
height:15px;
list-style-type:none;
}
