/* Import other stylesheets for media: screen */
/*@import url("layout.css");
@import url("menu.css");
@import url("sIFR-screen.css");*/

/* Classes and styles */

/* STANDARD */
html{
	height: 100%;
}

body {
	text-align: center;
	margin: 0px;
	height: 100%;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	background-color: #FFFFFF;
}

a{
	color: black;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;	
}

img {
	border: 0px;
}

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
}

h1, h2, h3, h4, h5, h6, p {
	display: block;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial;
}

p {
	padding-bottom: 20px;
}

h1 {
	color: #b279c8;
	font-size: 28px;
	line-height: 30px;
	font-weight: normal;
	margin-bottom: 5px;
}

h2 {
	font-size: 18px;
	color: #003366;
	margin-bottom: 30px;
}

.home h1 {
	font-size: 20px;
	color: #122e7b;
	margin-bottom: 28px;
}

h4 {
	font-weight: bold;
	margin-bottom: 10px;
}

h5 {
	font-size: 18px;
	color: #003366;
	margin-bottom: 5px;
}

div#container {
	position: relative;
	width: 1000px;	
	height: 100%;
	margin: 0px auto;
	text-align: left;
}

div#containerTop {
	position: relative;
	background-image: url(../images/container_top_bg.gif);
	background-repeat: repeat-y;
	padding-left: 21px;
	padding-right: 21px;
	min-height: 400px;
	_height: 400px;
}

div#top {
	background-color: #122e7b;
	font-size: 14px;
	height: 70px;
}

div#topLeft {
	float: left;
	width: 240px;
	height: 69px;
	text-align: center;
}

div#topRight {
	float: left;
	width: 718px;
	padding-top: 6px;
}

div#topmenu ul {
	float: right;
}

div#topmenu ul, div#topmenu ul li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

div#topmenu ul li {
	float: left;
	color: #FFFFFF;
	background-image: url(../images/topmenu_seperator.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
	margin-right: 15px;
}

div#topmenu ul li.last {
	background-image: none;
	margin-right: 0px;
}

div#topmenu ul li a {
	color: #FFFFFF;
}

div#containerBottom {
	background-image: url(../images/container_bottom.gif);
	background-repeat: no-repeat;
	height: 30px;
}

div#containerBottom, div#containerBottom a {
	color: #FFFFFF;
}

div#footerLeft {
	float: left;
	font-size: 11px;
	padding-left: 69px;
	padding-top: 5px;
	width: 192px;
}

div#footerRight {
	float: left;
	font-size: 12px;
	padding-top: 5px;
	text-align: right;
	width: 685px;
	padding-right: 54px;
}

div#footerRight ul {
	float: right;
}

div#footerRight ul, div#footerRight ul li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

div#footerRight ul li {
	float: left;
	margin-left: 10px;
}
	
div#containerBottomReflection {
	background-image: url(../images/container_bottom_reflection.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 1000px;
}

/* Topnavigation */
div#navigation {
	position: absolute;
	top: 71px;
	_top: 78px;
	left: 21px;
}

ul#navigationMain, ul#navigationMain li {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

ul#navigationMain li.mainitem {
	float: left;
	background-color: #122e7b;
	color: #FFFFFF;
	width: 119px;
	height: 22px;
	text-align: center;
	padding-top: 8px;
	border-right: 1px solid #122e7b;
	line-height: 12px;
}

ul#navigationMain.home li.mainitem {
	float: left;
	background-color: #122e7b;
	color: #FFFFFF;
	width: 119px;
	height: 30px;
	text-align: center;
	padding-top: 14px;
	border-right: 1px solid #122e7b;
	line-height: 18px;
}


ul#navigationMain li#mainitem3 {
	width: 117px;
}


ul#navigationMain li#mainitem8 {
	width: 119px;
}


ul#navigationMain li.mainitem:hover div.submenu, ul#navigationMain li.mainitem.over div.submenu {
	display: block;
}

ul#navigationMain li.mainitem.lessPadding {
	padding-top: 2px;
	height: 28px;
}

ul#navigationMain.home li.mainitem.lessPadding {
	padding-top: 5px;
	height: 39px;
}

ul#navigationMain li.mainitem.last {
	width: 118px;
} 

ul#navigationMain li a {
	color: #FFFFFF;
}

ul#navigationMain li#mainitem1:hover, ul#navigationMain li#mainitem1.active, ul#navigationMain li#mainitem1.over {
	background-color: #ffc726;
	border-right: 1px solid #ffc726;
}

ul#navigationMain li#mainitem2:hover, ul#navigationMain li#mainitem2.active, ul#navigationMain li#mainitem2.over {
	background-color: #ff9a00;
	border-right: 1px solid #ff9a00;
}

ul#navigationMain li#mainitem3:hover, ul#navigationMain li#mainitem3.active, ul#navigationMain li#mainitem3.over {
	background-color: #e86fb8;
	border-right: 1px solid #e86fb8;
}

ul#navigationMain li#mainitem4:hover, ul#navigationMain li#mainitem4.active, ul#navigationMain li#mainitem4.over {
	background-color: #b279c8;
	border-right: 1px solid #b279c8;
}

ul#navigationMain li#mainitem5:hover, ul#navigationMain li#mainitem5.active, ul#navigationMain li#mainitem5.over {
	background-color: #6cabe7;
	border-right: 1px solid #6cabe7;
}

ul#navigationMain li#mainitem6:hover, ul#navigationMain li#mainitem6.active, ul#navigationMain li#mainitem6.over {
	background-color: #42b4e6;
	border-right: 1px solid #42b4e6;
}

ul#navigationMain li#mainitem7:hover, ul#navigationMain li#mainitem7.active, ul#navigationMain li#mainitem7.over {
	background-color: #00b09d;
	border-right: 1px solid #00b09d;
}

ul#navigationMain li#mainitem8:hover, ul#navigationMain li#mainitem8.active, ul#navigationMain li#mainitem8.over {
	background-color: #87d300;
	border-right: 1px solid #87d300;
}

/* Submenu */

ul#navigationMain div.submenu {
	display: none;
	position: absolute;
	top: 30px;
	left: 0px;
	width: 958px;
	background-image: url(../../images/blank.gif);
}

ul#navigationMain.home div.submenu {
	top: 44px;
}

div.submenu div.title {
	font-weight: bold;
	line-height: 18px;
}

div.submenuContent {
	background-color: #122e7b;
	text-align: left;
	padding-left: 24px;
	padding-top: 15px;
	padding-bottom: 20px;
}

div.submenu ul, div.submenu ul li {
	padding: 0px;
	margin: 0px;
	background-color: #122e7b;
	line-height: 18px;
}

div.submenu ul li {
	background-image: url(../images/navigation_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 10px !important;
	margin-top: 8px !important;
} 

div.submenuBottom {
	_display: none;
	height: 38px;
	background-image: url(../images/navigation_bottom_shadow.png);
	_background-image: none;
	background-repeat: repeat-x;
}

div.submenuColumn {
	float: left;
	margin-right: 10px;
	background-color: #122e7b;
	width: 142px;
}

div.submenu.columns6 div.submenuColumn {
	width: 142px !important;
}
div.submenu.columns5 div.submenuColumn {
	width: 170px !important;
}
div.submenu.columns4 div.submenuColumn {
	width: 213px !important;
}
div.submenu.columns3 div.submenuColumn {
	width: 284px !important;
}

li#mainitem1 div.submenu.columns3 div.submenuColumn.first {
	width: 200px !important;
}


div.submenu.columns2 div.submenuColumn {
	width: 426px !important;
}

div.submenu.columns2 div.submenuColumn.first {
	width: 250px !important;
}

div.submenu.columns1 div.submenuColumn {
	width: 852px !important;
}


div.submenu.three div.submenuColumn {
	width: 284px !important;
}

/* Homepage */
div#homeImages {
	margin-top: 45px;
}

div.homeImage {
	float: left;
	width: 119px;
	height: 153px;
	background-repeat: no-repeat;
	border-right: 1px solid #FFFFFF;
}

div#homeImage1, div.visual1 {
	background-image: url(../images/zelfdiagnose.jpg);
}
div#homeImage2, div.visual2 {
	background-image: url(../images/maag_darmmiddelen.jpg);
}
div#homeImage3, div.visual3 {
	width: 117px;
	background-image: url(../images/huidverzorging.jpg);
}
div#homeImage4, div.visual4 {
	background-image: url(../images/hoest.jpg);
}
div#homeImage5, div.visual5 {
	background-image: url(../images/voedingssuplementen.jpg);
}
div#homeImage6, div.visual6 {
	background-image: url(../images/pijnstillers.jpg);
}
div#homeImage7, div.visual7 {
	background-image: url(../images/neusdruppels.jpg);
}
div#homeImage8, div.visual8 {
	background-image: url(../images/allergie.jpg);
	width: 120px;
	border: 0px;
}

/* Content */
div#content {
	padding-left: 124px;
	width: 600px;
	padding-top: 30px;
	margin-bottom: 30px;
}
#contentLarge {
	position: relative;
	padding-left: 145px;
	width: 815px;
	padding-top: 24px;
	padding-bottom: 30px;
}

#contentLarge.content {
	background-image: url(../images/content_left_bg.gif);
	background-repeat: repeat-y;
	padding-left: 272px;
	width: 688px;
	min-height: 400px;
	_height: 400px;
} 

div#coloredBeam {
	margin-top: 31px;
	height: 9px;
	font-size: 0px;
	border-top: 1px solid #122e7b;
}

div.coloredBeamSubmenu {
	height: 9px;
	font-size: 0px;
	border-top: 1px solid #122e7b;
}

div#columnRight {
	float: left;
	width: 814px;
	padding-left: 24px;
}

div#contentLeft {
 padding: 0px 300px 0px 0px;
}

div#contentLeft a {
	text-decoration: underline;
} 

#contentLarge.content div#contentLeft {
	padding-right: 240px;
}

div.contentRight {
	float: right;
	padding-right: 40px;
}

div#packshot {
	text-align: center;
}

div#productInfo {
	width: 248px;
	background-image: url(../images/productinfo_left_bg.gif);
	background-repeat: repeat-y;
	padding-left: 28px;
	padding-bottom: 18px;
}

div#visual {	/* Inherits visual image from the above defined homeImages */
	position: absolute;
	left: 21px;
	top: 112px;
	_top: 119px;
	width: 120px;
	border: 0px;
	background-position: top 0px;
	background-repeat: no-repeat;
	height: 153px;
}

div#visualContent {
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(../images/visual_content.gif);
	background-repeat: no-repeat;
	width: 240px;
	height: 430px;
}

ul#usps {
	margin: 0px;
	padding: 0px;
	margin-top: 15px;
}

ul#usps, ul#usps li {
	list-style-type: none;
}

ul#usps li {
	color: #003366;
	font-size: 12px;
	line-height: 24px;
	background-image: url(../images/usps_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 9px;
	padding-left: 11px;
}

div#btnDownload {
	text-align: right;
}

.color1 {
	background-color: #ffc726;
}
.color2{
	background-color: #ff9a00;
}
.color3 {
	background-color: #e86fb8;
}
.color4{
	background-color: #b279c8;
}
.color5 {
	background-color: #6cabe7;
}
.color6{
	background-color: #42b4e6;
}
.color7 {
	background-color: #00b09d;
}
.color8{
	background-color: #87d300;
}

.colorContent {
	background-color: #c3cade;
}