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

/*************************************************************** GENERAL SETTINGS */


body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
}

img, div, ul, li, a { 
	behavior: url(../htc-png/iepngfix.htc) 
} 

/*************************************************************** HIDE LAYOUT */

#menu, #subnav, #backmenu, #topnav, #endmenu {
	display:none;
}

/*************************************************************** 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;

}



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

#left {
	background:url(../img/back-left.gif) 1px left no-repeat; 
}

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

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

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

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

#flashmain {
	position:absolute;
	clear:both;
	margin-top:20px;
	width:947px;
	z-index:1;
	
}
#foreground {
	position: absolute;
	z-index: 2;
}



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

#contentright{
	position:absolute;
	float:right;
	right:0;
	clear:right;
	width: 202px;

}

#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;}





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

a.startmenu { 
	margin-left:80px
}

#endmenu { 
	position:absolute;
	top:26px;
	left:955px;
}





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

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

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

h1 {
	width: 463px;
	height: 30px;
	color: #0a79b9;
	font-size:20px;
}

h2 {
	width: 463px;
	height: 30px;
	color: #0a79b9;
	font-size:16px;
}

.divider {
	padding-bottom:20px;
}

strong {
	color: #0096d1;
}


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

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:url(../img/back-comorbid_01a.png) no-repeat;
	cursor:pointer;
}

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

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

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

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

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

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

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

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

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