#pagebody p{
	margin-bottom: 10px;
}
#pagebody ul.bullets{ margin: 20px 0px;}
#pagebody ul.bullets li{
background: url("/themes/vlb2013/images/bullet.gif") no-repeat scroll left 10px rgba(0, 0, 0, 0);
padding-left: 19px;
line-height: 26px;
}

#extra-informatie{
			width: 690px;
margin-top: 30px;
		}
		.shoutbox{
		border: 1px solid #c4c4c4;border-radius: 8px;
background-color: #F5F5F5;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F5), to(#FFFFFF), color-stop(.5,#F5F5F5));
background: -moz-linear-gradient(top, #F5F5F5 0%, #FFFFFF 50%, #F5F5F5 100%);
			width: 690px;
			height: 600px;
			padding-left: 15px;
			padding-top: 15px;
		}
		
		.shoutbox h3{
	
			color: #B1B1B1;
			font-size: 1.2em;
			font-style: italic;
float:left;
		}
		
		.shoutbox ul{
	
			list-style: none;
			padding: 0px;
			margin: 0px;
width: 340px !important;
float:left;
position: relative;
		}
		.shoutbox ul li{
			background: url('/images/assets/ledenwerving/voordeel-tick-small.png') no-repeat !important;
			line-height: 20px;
			padding-left: 40px !important;
			padding-top: 6px;
			width: 370px;
			color: #5B9A3C;
			font-weight: bold;
font-size: 0.9em;
		}
		
		.shoutbox ul li hr{
			color: #E7E7E7;
			border: 1px solid #E7E7E7;
			height: 1px;
		}
		
		.shoutbox div#maandbedrag{
	
background: url("/images/assets/energie/energiedirect/maanbedrag.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 172px;
    margin-left: 10px;
    margin-top: -110px;
    width: 380px;
		}
		
		#stijn{
			background: url('/images/assets/energie/energiedirect/stijn.png') no-repeat;
			width: 330px;
			height: 478px;
			float: right;
			border-bottom: 1px solid #D3D3D3;
margin-top:-120px;
position: relative;
		}
		
		.shoutbox div.aanmelden-button{
			/*border-left: 2px solid #C6C6C6;
			border-bottom: 2px solid #C6C6C6;*/
			background-color: #FFFFFF;
			border-radius: 8px;
			padding:14px 0px;
			float: right;
			margin-right: 65px;
    		margin-top: -24px;
position: relative;
		}
		
		.shoutbox div.aanmelden-button a{
			background-color: #F8A43B;
    border-radius: 6px;
    color: #FFFFFF !important;
    font-size: 1.3em;
    font-style: italic;
    font-weight: bold;
    padding: 14px 15px;
    text-decoration: none !important;
			
		}
	/* hover aanmelden button */
.shoutbox div.aanmelden-button a:hover{
color: #355A73;
} 
.product-info-button a{
float:right;
color: #959595 !important;
			margin-right: 84px;
margin-top: 10px;
font-weight: bold;
}

		div.meer-informatie-button{
			background: #3D67AC; /* Old browsers */
			background: -moz-linear-gradient(top, #3D67AC 0%, #5080CE 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3D67AC), color-stop(100%,#5080CE)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #3D67AC 0%,#5080CE 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #3D67AC 0%,#5080CE 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #3D67AC 0%,#5080CE 100%); /* IE10+ */
			background: linear-gradient(to bottom, #3D67AC 0%,#5080CE 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D67AC', endColorstr='#5080CE',GradientType=0 ); /* IE6-9 */
			float: right;
			border-radius: 8px;
			padding: 6px 10px;
			margin-right: 95px;
    margin-top: -80px;
		}
		/* meer informatie button */
		div.meer-informatie-button a{
			color: white !important;
			font-weight: bold;
			text-decoration: none !important;
			font-size: 0.9em;
			
		}
		/* hover meer informatie button */
		div.meer-informatie-button a:hover{
			color: #C1C1C1;
			font-weight: bold;
			text-decoration: none;
			font-size: 0.9em;
			
		}
		
		div.waarom-aanmelden{
			float: left;
			margin-left: 160px;
    			margin-top: -120px;
			text-align: center;
			font-weight: bold;
			font-size: 0.9em;
		}
		.waarom-aanmelden div.dark-blue{
			color: #4681AF;
			font-style: italic;
		}
		
		.waarom-aanmelden div.blue{
			color: #6FACDB;
			font-style: italic;
		}
		.waarom-aanmelden div.grey{
			color: #C1C1C1;
		}/* This is for the container. */	
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tab_wrap{
margin-top: 40px;

    max-width:710px;
    width: 100%;
}
/* Add some style for tabs. */
.tabs {
    width: 100%;
    margin: auto;
    overflow: hidden;  
}
.tabs ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0; 
border-bottom: 1px solid #AFAFAF;     
}
.tabs li{
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border: 1px solid #AFAFAF;
	float: left;
	margin-right: 8px;
border-bottom: 0px;
}
.tabs li:hover{
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border: 1px solid #AFAFAF;
	float: left;
	margin-right: 8px;
border-bottom: 0px;
}
.tabs li a {
    color: #AFAFAF;
    display: block;    
    font-weight:bold;  
    padding: 10px;
    text-align: center;
    text-decoration: none;
    border:none;

}
.tabs li a:hover {
    color: #7d7d7d;
    background:#FFFFFF;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
.tabs li:first-child a {
    border-top-left-radius:6px;
	border-top-right-radius:6px;
}
.tabs li a.active {
	color: white;
    background:#C4C4C4;
	border-top-left-radius:6px;
	border-top-right-radius:6px;

}
.tabs li:first-child a.active {

}
.tabs li:last-child a.active {

}

.tab_content {
    background:#FFF;
    padding:0;
    display:none;  
}
.tab_content.active{
    display:block; 
}
div#footer {
    padding-top: 0px !important;
}