@charset "utf-8";
/* CSS Document */

/*************************************************************** GENERAL SETTINGS */
body { /* behavior:url("/csshover.htc"); */ }

body {
	background: url(../img/back.gif) top repeat-x #0a79b9;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
}
/*
img, div, ul, li, a { 
	behavior: url(/htc-png/iepngfix.htc) 
} 
*/
h2 {margin-top:20px;color: #099ad3;font-size:13px;}
h3 {margin-top:20px;color: #099ad3;font-size:20px;}
/*************************************************************** GENERAL LAYOUT */

a:link, a:visited, a:active{
	color: #0096d1;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

#container {
	width:986px;
	position: relative;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	margin: 0px auto;

}

#mainnav {
	position: absolute;
	top:0;
	left:0;
	width: 980px;
	height:86px;
	clear:both;
	z-index:100;
}

#backmenu {
	position:absolute;
	clear:both;
	top:26px;
	left:60px;
	width: 895px; 
	height: 61px;
	background-image:url(../img/back_menu.png);
	/* _background-image:url(../img/back_menu.gif); /* IE 6 and below */
	z-index:30;
}

#left, #right {
	position:relative;
	float:left;
	width:19px;
	height: 600px;
	margin-top:1px;
}

#left {
	background:url(../img/back-left.gif) top left no-repeat;
	display:none;
	 
}

#right {
	width:6px;
	background: url(../img/back-right.gif) top left no-repeat; 
	display:none;
}

#main {
	width:961px;
	position: relative;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	margin-left:19px;
	
}

#content {
	float:left;
	width:947px;
	min-height: 650px;
	height: auto !important;
	height: 650px;
	padding:0 7px;
}

#contentnext{
	float:left;
	width:947px;
	min-height: 450px;
	height: auto !important;
	height: 450px;
	padding:0 7px;
}

#content {	
	/* background:url(../img/temp-flash.jpg) 7px 52px no-repeat #FFFFFF; */
	background-color: #FFFFFF;
	
}

#flashmain2 {
	position:absolute;
	float:left;
	clear:both;
	margin-top:20px;	
	width:947px;
	z-index:1;
	top:0px;	
}

#overlayer0 {
	position: absolute;
	z-index: 3;
	width:262px;
	height:392px;
	background: url(../img/overlayer.png) top left no-repeat;
	top:30px;
	left:7px;	
}

#overlayer2 {
	position: absolute;
	z-index: 3;
	width:296px;
	height:353px;
	background: url(../img/overlayer02.png) top left no-repeat;
	top:160px;
	left:7px;	
}



#foreground {
	position: absolute;
	z-index: 50;
	width:945px;
	top:0;
	left:7px;	
}

#contentnext{	
	background:url(../img/back/foto03.jpg) 7px 52px no-repeat #FFFFFF;
	padding-top:100px;
}

#subnav{ 
	float:left;
	width: 230px;
	height: 335px;
	height: auto !important;
	min-height:335px;
}

#contentmain {
	float:left;
	margin-left:12px;
	width: 463px;
	padding-top:80px;
	line-height:18px;
}

#contentright{
	float:left;
	margin-left:29px;
	width: 202px;
	padding-top:300px;
	text-align:center;
}

#footer {
	width:961px;
	height:117px;
	clear: both;
	margin-bottom:10px;
}

#banner { position:absolute; width:463px; height:70px; background-color:#FF0000; z-index:400; visibility:hidden;}

/*************************************************************** MAIN NAVIGATION */

ul#topnav li, ul#menu li {
	list-style:none;
	float:left;
}

ul#highlights li, ul#subnavmenu li, ul#overview li, ul#comorbidity li {
	list-style:none;
	float:left;
}

ul#topnav {
	float:right;
	height: 20px;
	padding:6px 7px 0 0;
}
 
.topdivider{
	border-right:1px solid #0369af; 
	padding-right:8px;
}

ul#topnav li a:link, ul#topnav li a:visited, ul#topnav li a:active  {
	display:block;
	color: #0957a4;
	font-size:11px;
	margin-left:10px;
	text-decoration:none;	
}

ul#topnav li a:hover  {
	text-decoration:underline;	
}


ul#topnav li a.flag { text-indent:-9999px; width: 16px; height: 12px; background: url(../img/vlag-nl.gif) no-repeat 0 0; }
ul#topnav li a.flagactief, ul#topnav li a.flagactief:hover, ul#topnav li a.flag:hover { text-indent:-9999px; width: 16px; height: 12px;background: url(../img/vlag-nl.gif) no-repeat 0 -12px;}

ul#topnav li a.nl { text-indent:-9999px; width: 16px; height: 12px; background: url(../img/vlag-nl.gif) no-repeat 0 0; }
ul#topnav li a.nlactief, ul#topnav li a.nlactief:hover, ul#topnav li a.nl:hover { text-indent:-9999px; width: 16px; height: 12px;background: url(../img/vlag-nl.gif) no-repeat 0 -12px;}

ul#topnav li a.be { text-indent:-9999px; width: 16px; height: 12px; background: url(../img/vlag-be.gif) no-repeat 0 0; }
ul#topnav li a.beactief, ul#topnav li a.beactief:hover, ul#topnav li a.be:hover { text-indent:-9999px; width: 16px; height: 12px;background: url(../img/vlag-be.gif) no-repeat 0 -12px;}

ul#topnav li a.fr { text-indent:-9999px; width: 16px; height: 12px; background: url(../img/vlag-fr.gif) no-repeat 0 0; }
ul#topnav li a.fractief, ul#topnav li a.fractief:hover, ul#topnav li a.fr:hover { text-indent:-9999px; width: 16px; height: 12px;background: url(../img/vlag-fr.gif) no-repeat 0 -12px;}


ul#menu {
	position:absolute;
	top: 26px;
	left:145px;
	height: 60px;
	z-index:100;
	
}

#logo { 
	position:absolute;	
	top:0;
	left:0;
	z-index:500;
	
}

a.startmenu { 
	margin-left:80px
}

#endmenu { 
	display: block;
	position:absolute;
	top:26px;
	left:955px;
	width: 18px;
	height: 61px !important;
	background-image: url(../img/backmain-right.png);
	/* _background-image: url(../img/backmain-right.gif); background-repeat:no-repeat; */
}


ul#menu li a {
	display:block;
	height:47px;
	color:#FFFFFF;
	text-indent:-9999px;
}


ul#menu  li a.home {width: 77px; background: url(../img/nl/b-home.gif) no-repeat 0 0;}
ul#menu  li a.homeactief, ul#menu  li a.homeactief, ul#menu  li a.home:hover { width: 77px; background: url(../img/nl/b-home.gif) no-repeat 0 -43px;}

ul#menu  li a.voet {width: 141px; background: url(../img/nl/b-voet.gif) no-repeat 0 0;}
ul#menu  li a.voetactief, ul#menu  li a.voetactief:hover, ul#menu  li a.voet:hover { width: 141px; background: url(../img/nl/b-voet.gif) no-repeat 0 -43px;}

ul#menu  li a.producten {width: 154px; background: url(../img/nl/b-producten.gif) no-repeat 0 0; }
ul#menu  li a.productenactief, ul#menu  li a.productenactief:hover, ul#menu  li a.producten:hover {width: 154px; background: url(../img/nl/b-producten.gif) no-repeat 0 -43px;}

ul#menu li a.over {width: 119px; background: url(../img/nl/b-over.gif) no-repeat 0 0; }
ul#menu li a.overactief, ul#menu li a.overactief:hover, ul#menu li a.over:hover { width: 119px; background: url(../img/nl/b-over.gif) no-repeat 0 -43px;}

ul#menu li a.verkoop {width: 143px; background: url(../img/nl/b-verkoop.gif) no-repeat 0 0; }
ul#menu li a.verkoopactief, ul#menu li a.verkoopactief:hover, ul#menu li a.verkoop:hover {width: 143px;  background: url(../img/nl/b-verkoop.gif) no-repeat 0 -43px;}

ul#menu li a.faq {width: 72px; background: url(../img/nl/b-faq.gif) no-repeat 0 0;}
ul#menu li a.faqactief, ul#menu li a.faqactief:hover, ul#menu li a.faq:hover {width: 72px;  background: url(../img/nl/b-faq.gif) no-repeat 0 -43px;}

ul#menu li a.contact {width: 95px; background: url(../img/nl/b-contact.gif) no-repeat 0 0;}
ul#menu li a.contactactief, ul#menu li a.contactactief:hover, ul#menu li a.contact:hover {width: 95px; background: url(../img/nl/b-contact.gif) no-repeat 0 -43px;}


/*************************************************************** SUBNAVIGATION */

ul#subnavmenu li   {
	width:230px;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	background:url(../img/sub-b-normal.png);
}

.subtop{
	display:block;
	width:230px;
	height:47px;	
	background: none;
	line-height: 0px;
} 

ul#subnavmenu li.subbottom{
	width:230px;
	height: 15px;
	background: url(../img/sub-bottom.png) no-repeat;
} 

ul#subnavmenu li a:link, ul#subnavmenu li a:visited, ul#subnavmenu li a:active  {
	display:block;
	min-height: 9px;
	height: auto !important;
	height: 9px;
	color: #0957a4;
	margin-left:30px;
	margin-right:30px;
	padding: 7px 0;
	text-decoration:none;
	color: white;
	background:url(../img/sub-divider.png) no-repeat left bottom;
	
} 

ul#subnavmenu li a:hover {
	color:#ffd51b; /* geel*/
}

ul#subnavmenu li.actief   {
	background:url(../img/sub-b-active.png);
}

ul#subnavmenu li.actief a:link, ul#subnavmenu li.actief a:visited, ul#subnavmenu li.actief a:active  {
	color: #0957a4;
} 

ul#subsubmenu {
	width:197px;
	margin-left:16px;
}

ul#subsubmenu li   {
	width:197px;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	background:url(../img/sub-b-sub.png) repeat-y ;
}

ul#subsubmenu li a:link, ul#subsubmenu li a:visited, ul#subsubmenu li a:active  {
	display:block;
	min-height: 9px;
	height: auto !important;
	height: 9px;
	color: #0957a4 !important;
	margin-left:13px;
	margin-right:0px;
	padding: 7px 0px 7px 11px;
	text-decoration:none;
	color: #0562ab;
	background:url(../img/sub-bullit.gif) no-repeat  0px 9px;	
} 

ul#subsubmenu li a:hover {
	color: #0957a4 !important;
	text-decoration: underline;
}

ul#subnavmenu li.actief a:hover {
	color:#FFFFFF;
}

ul#subsubmenu li a.active:link, ul#subsubmenu li a.active:visited, ul#subsubmenu li a.active:active,  ul#subsubmenu li a.active:hover  {
	text-decoration:underline;
	
} 

/*************************************************************** CONTENT HOMEPAGE */

ul#highlights {
	position:relative;
	float:left;
	top: 480px;
	left:2px;
}

ul#highlights li {	list-style:none; margin:0; padding:0}

ul#highlights li a:link, ul#highlights li a:visited, ul#highlights li a:active, ul#highlights li a:hover  {
	display:block;
	width:300px;
	height:159px;
	padding:5px 7px 0 7px;
	float:left;	
	text-decoration:none;
	color: #FFFFFF;	
	background:url(../img/back-high.png) no-repeat 0 0;
	cursor:pointer;
}

ul#highlights li a:hover  {
	background:url(../img/back-high.png) no-repeat 0 -164px;	
} 

ul#highlights .hi-img {
	display:block; 
	float:left; 
	width:130px;
	height: 126px;
}

ul#highlights hi-text .strong {color:#025098 !important;}



.hi-text {
	display:block; 
	float:left; 
	width:155px; 
	height: 101px;
	line-height:15px;
	overflow:hidden;
	padding:25px 0 0 5px;
	color:#025098;
	line-height:18px;
}

.hi-titel {
	clear:both;
	display:block; 
	float:left; 
	text-align:left;
	width:290px;
	padding-top:2px;
	padding-left:10px;
	height:18px;
	font-size:13px;
	font-weight:bold;
}

/* 4 kolommen homepage **************************************************************/

ul#highlights.small li a:link, ul#highlights.small li a:visited, ul#highlights.small li a:active{
	display:block;
	width:222px;
	height:166px;
	padding:5px 7px 0 7px;
	float:left;	
	text-decoration:none;
	color: #FFFFFF;	
	background:url(../img/back-high-small.png) no-repeat 0 0;
	cursor:pointer;
	
}

ul#highlights.small li a:hover  {
	background:url(../img/back-high-small.png) no-repeat 0 -171px;	
} 

ul#highlights.small .hi-img { margin-top:4px; width:100px; margin-left:10px }
ul#highlights.small .hi-text { width:100px; padding:15px 0 0 5px; height: 122px; font-size:88%; line-height:16px; }
ul#highlights.small .hi-titel { width:210px; }

/*************************************************************** CONTENT NEXT */

h1 {
	width: 474px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	color: #099ad3;
	font-size:20px;
	z-index:200;
	
}

.divider {
	margin-bottom:20px;
	
}

strong {
	color: #0096d1;
}


#contentmain ul li {
	margin-left:18px;
	list-style-type: disc;
}

#icon_bullet ul li {
	margin-left:18px;
	list-style-image: url(../img/icon_bullit.gif);
	line-height: 25px;
	padding-left: 0px;
}

ul#overview li {
	display: block;
	width: 140px;
	min-height: 140px;
	height: auto !important;
	height: 140px;
	margin:5px 12px 0 0;
	padding:0;
	text-align:center;
}

.productnaam{
	display: block;
}

ul#overview li a:link, ul#overview li a:visited, ul#overview li a:active {
	display: block;
	color: #0396cf;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	cursor:pointer;
	line-height:10px;
	background:url(../img/back-overview.png) no-repeat 0 0;

}

ul#overview li a:hover {
	background:url(../img/back-overview.png) no-repeat 0 -145px;
} 

#flashcontent {
	clear:both;
	margin-top:20px;
	margin-left:17px;
}

/*************************************************************** COMORBITY */

ul#comorbidity li {	list-style:none; margin:0; padding:0}

ul#comorbidity li a:link, ul#comorbidity li a:visited, ul#comorbidity li a:active, ul#comorbidity li a:hover  {
	display:block;
	width:216px;
	height:129px;
	padding:5px 7px 0 7px;
	float:left;	
	text-decoration:none;
	color: #FFFFFF; 
	background-image: url(../img/back-comorbid_01a.png);

	background-position:top;
	cursor:pointer;
}

ul#comorbidity li a:hover  {
	background-image:url(../img/back-comorbid_01b.png);
	background-repeat:no-repeat;	
	background-position:top;
} 


ul#comorbidity img {
	display:block; 
	float:left; 
	width:71px
}

.co-text {
	display:block; 
	float:left; 
	width:130px; 
	padding-top:10px;
	height:88px;
	overflow:hidden;
}

.co-prodnaam {
	clear:both;
	display:block; 
	float:left; 
	text-align:center;
	width:214px;
	padding-top:2px;
	font-size:11px;
}

.co-prod {
	vertical-align:top;	
}

/*************************************************************** OPLOSSING */

ul#oplossing li {padding-bottom:20px;}

a.oplossing_naam:link, a.oplossing_naam:visited, a.oplossing_naam:active {
	display:block; 
	position:relative; 
	
	font-weight:bold; 
}

a.oplossing_naam:hover { 
	text-decoration:underline;
}

/*************************************************************** OPLOSSING */

#commercial { 
	width: 100%;
	text-align:center; 
	margin-bottom: 10px;
}

.formvelden2{
	width:300px;
	border:#79add3 solid 1px;
}


/*************************************************************** SITEMAP */

a.sitemap_n1 { font-weight:bold;} 
a.sitemap_n2 { margin-left:15px;}
a.sitemap_n3 { margin-left:30px;}

.iconblue { float:left; margin-right: 10px;}

.gebruik { float:left; margin-right: 10px; margin-top:10px}

.laatste {margin-bottom:10px}}