/*
  USAGE: All you have to do is include this one line in your CSS file, with the
  tag names to which you want the script applied:
 */

 img, div { behavior: url(/js/iepngfix.htc) }

 /*
  Alternatively, you can specify that this will apply to all tags like so:
   * { behavior: url(iepngfix.htc) }
 */


body{
	background-color:#FFFFFF;
}


h1{
	font-size:48px;
	font-family:Arial;
	font-weight:bold;
	display:inline;
}

h2{
	font-size:40px;
	font-family:Arial;
	font-weight:bold;
	color: #39a9db;
	display:inline;
}
  
h3{
	font-family:Arial;
    font-size:16px;
    font-weight:bold;
	color:#ed1b24;
	display:inline;
}
  
h4{
  	font-family:Arial;
    font-size:16px;
    font-weight:bold;
	color: #39a9db;
	display:inline;
}


/*legal*/

#legal{
	width:300px;
	position:absolute;
	font-family:arial;
	font-size:10px;
	color:#39a9db;
	float:left;
	left:50%;
	margin-left:150px;
}

.legal_text {
	color: #39a9db;
	font-size: 10px;
	
}

/*main content*/

#template{
	width:990px;
	height:800px;
	position:absolute;
	float:left;
	left:50%;
	top:10px;
	margin-left:-495px;
    background-image:url(../images/background.gif);
	border:0;
	background-repeat:no-repeat;
}

/*left*/

#template_left{
	width:212px;
	float:left;
	position:relative;
}

#logo{
	width:212px;
	height:145px;
	top:30px;
	left:25px;
	border:0;
	position:relative;
}

#menu{
	width:203px;
	height:287px;
	top:70px;
	left:5px;
	border:0;
	position:relative;
}

#advert{
	width:180px;
	height:187px;
	top:30px;
	left:32px;
	position:relative;
}


/*right*/

#template_right{
	width:702px;
	margin-top:30px;
	margin-left:38px;
	height:80px;
	float:left;
	position:relative;
}

#breadcrumb{
	width:702px;
	position:relative;
}

#title{
	width:702px;
	position:relative;
}

#banner{
	width:702px;
	position:relative;
	text-align:justify;
}

#sideimage{
	margin:-22px 0px 10px 10px;
}

#content{
	width:702px;
	position:relative;
	font-family:arial;
	font-size:12px;
	color:#006998;
}
/*right-omo vloeibaar color*/
#content_vloeibaar{
	width:702px;
	position:relative;
}

#product_img{
	width:145px;
	height:250px;
	float:left;
	position:relative;
}

#table{
	width:461px;
	position:relative;
	font-family:arial;
	font-size:10px;
	color:#006998;
	padding-left:40px;
	background-image:url(/producten/images/text_background.gif);
	background-repeat:repeat-y;
	border:0;
}

#table_content{
	width:375px;
	font-family:arial;
	font-size:10px;
	color:#006998;
	background-color:#FFFFFF;
    position:relative;
}

#table_content01{
    width:188px;
    float:left;
	background-color:#FFFFFF;
    position:relative;
}
#table_content02{
    width:188px;
    float:left;
	background-color:#FFFFFF;
    position:relative;
}

/*right-groene tips*/
#greone_tips{
	width:702px;
	height:160px;
	position:relative;
	font-family:arial;
	font-size:12px;
	color:#006998;
}
#tip1{
	width:702px;
	height:200px;
	position:relative;
	font-family:arial;
	font-size:12px;
	color:#006998;
}

#intro{
	width:702px;
	font-family:arial;
	font-size:12px;
	color:#006998;
}


#main_content{
	width:702px;
	top:0px;
	position:relative;
}

a,a:link, a:active, a:visited{
	color: #39a9db;
	text-decoration:none;
}

a:hover {
	color: #ed1b24;
	text-decoration: underline;
}

a.legal_text:link, a.legal:active, a.legal:visited {
	color: #39a9db;
	font-size: 10px;
	text-decoration: none;
}

a.legal_text:hover {
	color: #39a9db;
	font-size: 10px;
	text-decoration: underline;
}