@import "campaign-hacks.css";

body {
color:#313131;
font-family:Arial,Verdana,Tahoma,Helvetica;
font-size:0.7em;
}

*{
	margin:0;
	padding:0;
}



#contentcontainer{
	width:814px;
}

#contentcontainer .campaign-content{
	background-repeat: no-repeat;
	background-position: 2px 0px;
	width: 814px;
	/*min-height:765px;*/
	height: auto;
	float: left;
	position: relative;
	margin: 10px 0 10px 0px;
}

#contentcontainer .campaign-content .campaign-background{
	background-repeat: no-repeat;
	background-position: 2px 0px;
	width: 814px;
	height:765px;
	position: absolute;
	left:0px;
	top: 0px;
	z-index: -2;
}

#contentcontainer .campaign-content .header-content{
	background: transparent;
	width: 730px;
	height:127px;
	float:right;
	padding: 0 0px 0 0;
}

#contentcontainer .campaign-content .top-corner{
	background: transparent url(../img/img_corners_top_815.png) no-repeat top left;
	position:absolute;
	top: 0px;
	left: 0px;
	height:20px;
	width: 815px;
}
#contentcontainer .campaign-content .bottom-fade{
	background: transparent url(../img/bottom_fade_818.png) no-repeat top left;
	position:absolute;
	top: 445px;
	left: 0px;
	height:130px;
	width: 818px;
	z-index: -1;
}

#contentcontainer .campaign-content .header-content h1{
	color: #5290C8;
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
	padding: 20px 0 0 0;
	width: 465px;
	font-size: 2.833em;
	float: left;
	text-align:right;
}

#contentcontainer .campaign-content .header-content h1.no-logo{
	margin-right: 133px;
}


html>body #contentcontainer .campaign-content .header-content h1.no-logo{
	margin-right: 263px;
}

#contentcontainer .campaign-content .header-content img.campaign-logo{
	float: right;
	padding: 0 0px 0 0px;
	min-width: 97px;
	margin: 0 150px 0 10px;
}

html>body #contentcontainer .campaign-content .header-content img.campaign-logo{
	padding: 0 150px 0 10px;
	margin: 0px;
}

#contentcontainer .campaign-content .main-content{
	width: 408px;
	min-height:410px;
	height: auto;
	float:right;
	margin: 20px 10px 0 0;
	padding: 0 0 20px 0;
}

#contentcontainer .campaign-content .main-content .main-content-wrapper{
	width: 408px;
	height: auto;
	float:right;
}

#contentcontainer .campaign-content .main-content .main-content-wrapper img{
	float:left;
	margin-left: -3px;
	padding: 0;
}

html>body #contentcontainer .campaign-content .main-content .main-content-wrapper img{
	margin: 0px;
}

html>body #contentcontainer .campaign-content .main-content{
	margin: 0px 20px 0 0;
}

#contentcontainer .campaign-content .main-content .article{
	/*background: transparent url(../img/content2_bg.png) no-repeat top left;*/
 	float: right;
	width: 100%;
	padding: 10px 0px 0 0;

}

#contentcontainer .campaign-content .article h2{
	font-size: 1.5em;
	margin: 0px 0 0 0px;
	padding: 0px 20px 5px 30px;
	color: #000;
}

#contentcontainer .campaign-content .article h3{
	padding-left: 30px;
}

#contentcontainer .campaign-content .article p{
 	padding: 0px 20px 15px 30px;
}

#contentcontainer .campaign-content .article ul{
 	padding-left: 30px;
	padding-bottom: 10px;
	list-style: none;
}

#contentcontainer .campaign-content .main-content .article ol, #contentcontainer .campaign-content .wide-content .article ol{
   padding-left: 30px;
   padding-bottom: 10px;
}

#contentcontainer .campaign-content  .article ul li a:link, #contentcontainer .campaign-content  .article ul li a:visited, 
#contentcontainer .campaign-content  .article ol li a:link, #contentcontainer .campaign-content  .article ol li a:visited{
   padding:0;
}

#contentcontainer .campaign-content  .article a:link, #contentcontainer .campaign-content  .article a:visited{
 	text-decoration: none;
	color: #499CEA;
	padding-left:30px;
}

#contentcontainer .campaign-content  .article a:hover, #contentcontainer .campaign-content  .article a:active{
 	text-decoration: underline;
	color: #499CEA;
}

#contentcontainer .campaign-content .article p a:link, #contentcontainer .campaign-content .article p a:visited{
	padding:0px;
}

#contentcontainer .campaign-content .secondary-title{
	background: transparent;
	width: auto;
	height:auto;
	float:left;
	padding: 20px 10px 10px 0;
	margin-left: 10px;

}

#contentcontainer .campaign-content .dot{
background: transparent url(../img/dot.gif) no-repeat 8px 2px;
}

html>body #contentcontainer .campaign-content .dot{
	background: transparent url(../img/dot.png) no-repeat 8px 3px;
}

/******BMI**********/
/******************/

#contentcontainer .campaign-content .bmi{
width: 350px;
background: transparent;
position: absolute;
top: 430px;
left: 30px;	
}

#contentcontainer .campaign-content .bmi p.title{
font-weight: bold;
}

#contentcontainer .campaign-content .bmi .calculator{
width: 145px;
float: left;
}

#contentcontainer .campaign-content .bmi .calculator p{
background: transparent;
float: left;
clear: both;
padding: 0 0 5px 15px;
color: #000;
}

#contentcontainer .campaign-content .bmi .calculator p.error{
color: #990000;
padding-top: 10px;
width: 100%;
}

#contentcontainer .campaign-content .bmi .calculator form{
width: 147px;
float: left;
/*padding: 10px;*/
}

#contentcontainer .campaign-content .bmi .calculator input{
width: 50px;
height: 15px;
float: left;
padding: 0 5px 3px 5px;
margin-right: 10px;
border: none;
background: transparent url(../img/bg_bmi_textfield.png) no-repeat top left;
color: #000;
font-size: 0.9em;
cursor: pointer;
}

html>body #contentcontainer .campaign-content .bmi .calculator input{
width: 44px;
height: 13px;
}

#contentcontainer .campaign-content .bmi .calculator .fieldset{
border:none;
background: transparent url(../img/bg_bmi_calculator.png) no-repeat top left;
float: left;
padding: 12px 0 0 15px;
width: 147px;
height: 70px;
}

html>body #contentcontainer .campaign-content .bmi .calculator .fieldset{
height: 56px;
}

#contentcontainer .campaign-content .bmi .calculator input.button{
width: 63px;
height: 20px;
float: right;
padding: 0px 0 5px 0;
margin: 0;
background: transparent url(../img/bg_bmi_button.png) no-repeat top left;
color: #fff;
cursor: pointer;
}

#contentcontainer .campaign-content .bmi .calculator input.button{
height: 26px;
padding: 0px 0 5px 0;

}

#contentcontainer .campaign-content .bmi .calculator label{
float: left;
padding: 0 5px 0px 0;
width: 65px;
clear: left;
color: #fff;
}

html>body #contentcontainer .campaign-content .bmi .calculator label{
width: 60px;
}

#contentcontainer .campaign-content .bmi #bmi_value{
font-color: #000;
}

#contentcontainer .campaign-content .bmi .info-text{
float: right;
padding-bottom: 5px;
width: 200px;
background: transparent url(../img/overvekt_maalebaand_2.gif) no-repeat top right;
color: #000;
}

#contentcontainer .campaign-content .bmi .info-text p{
padding: 0 70px 5px 20px;
}

/*******WIDE CONTENT******/
/*************************/

#contentcontainer .campaign-content .wide-content{
float: left;
padding: 0 0 0 0;
width: 765px;
margin-left: 12px;
line-height: 1.4;
}

#contentcontainer .campaign-content .wide-content .wide-content-wrapper{
/*background: transparent url(../img/wide_content_top_bg.png) no-repeat top left;*/
width: 765px;
float: left;
}

#contentcontainer .campaign-content .wide-content .wide-content-wrapper .qa p{
cursor: pointer;
}

#contentcontainer .campaign-content .wide-content .wide-content-wrapper .qa p:hover{
text-decoration: underline;
cursor: pointer;
}

#contentcontainer .campaign-content .wide-content .wide-content-wrapper .qa p.answer:hover{
text-decoration: none;
cursor: normal;
}

html>body #contentcontainer .campaign-content .wide-content{
margin-left: 25px;
}

#contentcontainer .campaign-content .wide-content h3{
font-size:1em;
font-weight: bold;
}

#contentcontainer .campaign-content .wide-content h2{
font-size:1.5em;
}

#contentcontainer .campaign-content .wide-content .two-column ul{

float: left;
position: relative;

}

#contentcontainer .campaign-content .wide-content .two-column ul li{
list-style-type: none;
width: 380px;
float: left;
padding: 20px 20px 0px 20px;
clear: left;
}

html>body #contentcontainer .campaign-content .wide-content .two-column ul li{
width: 340px;
}

#contentcontainer .campaign-content .wide-content .two-column ul li.even{
float: right;
clear: right;
}

#contentcontainer .campaign-content .wide-content .two-column ul li div{
padding: 0px 0 10px 0;
}

#contentcontainer .campaign-content .wide-content .two-column ul li p.answer{
color: #499CEA;
}

#contentcontainer .campaign-content .wide-content .two-column ul li ul li{
padding: 0px;
margin: 0px;
}