﻿/*Tweaked by Andre*/

/* CSS voor HP */

h1 {
    color   : #F5823F;
}

.padder
{
	padding-top: 20px;
}

.homeTitle
{
	font-size: 14px;
	margin: 0px;
    padding:0px;
    padding-top:20px;
    padding-bottom:5px;
}

.innertab
{
    padding:15px;
    padding-top:5px;
}

.TabsHome 
{
	float:right;
	margin-top:-25px;
}

.message_box
{
    margin:0px;
    margin-top:20px;
    width: 918px;
}

.pros li 
{
	list-style-image: url(../images/icons/tick.png);
}

.blockSpacer 
{
	float:left;
	margin:0px;
	margin-bottom:25px;
}

/* Borders */

.border_grey 
{
	border: solid 1px #ddd;
}

.border_grey_3px
{
	border-top: 3px solid #ddd;
}

.border_blue 
{
	border:solid 1px #4F72A1;
	border-top:none;
	padding:5px;
}

/* Video box */

.videoBox 
{
	float: left;
	width: 607px;
	height:162px;
	background-image:url('../images/content/videoBg.jpg');
	background-position:left;
	background-repeat:no-repeat;
	padding:5px;
}

videoBox a 
{
	float:right;
	padding:5px;
	padding-right:0px;
	margin:0px;
}

.videoShots 
{
	margin-top:8px;
	float:left;
	width:190px;
	height:125px;
	margin-left:10px;
}

.video_text 
{
	padding:5px;
	padding-left:0px;
	margin:0px;
}

/* Registratieknop en nieuwsblief homepage */

.regNewsBox 
{
	float: right;
	width: 260px;
}

.regText 
{
	margin: 5px;
	font-size: 10px;
	color: #ccc;
}

.newsWrap 
{
	 height: 50px;
	 margin-top:15px;
}

.newsBox 
{
	width:260px;
	color:White;
	position:relative;
	font-weight:bold;
	background-image: url('../images/layout/pagetitle_background_ingelogd.png')
}

/* Registratie box voordeel */

.regBox 
{
	width:360px;
	margin-top: 25px;
	float:right;
	font-size:14px;
}

.regBoxKnop
{
	width: 330px;
	height: 50px;
	margin-bottom: 15px;
	font-size: 21px;
}

.regBoxKnop img
{
	position:absolute;
	margin-left:20px;
	margin-top:13px;
}

.regBoxNews
{
	margin-top:15px;
	width:320px;
	height: 60px;
	padding: 20px 20px 20px 20px;
	font-size: 14px;
	background-image: url('../images/content/newsletter_bg_big.jpg');
}

/*Voordeel box home en voordeel */

.voordeelBox 
{
	width:530px;
	float:left;
	margin-top:20px;
}

.right
{
	float:right;
	width:380px;
	padding:0px;
	margin-top: 0px;
}

.voordeelBox ul
{
	margin:0px 10px 0px 0px;
	padding:0px 30px 0px 30px;
	line-height:22px;
	font-size:14px;
}

.voordeelBox ul li
{
	list-style-image: url(../images/icons/tick.png);
}

.voordeelBox ul li span
{
	vertical-align:25%;
	margin-left:10px;
}

.voordeelBox hr
{
	border: 0px;
	background: #ddd;
	height: 1px;
	margin: 0px;
}

.voordeelBox p
{
	
	width:250px;
	float:left;
	margin: 0px;
	margin-bottom: 10px;
}

.voordeelBox .first
{
	margin-right: 30px;
}

.voorCheck 
{
	margin:10px 20px 0px 0px;
	padding:0px 28px 10px 40px;
	line-height:22px;
	font-size:14px;
	float:left
}

.voorCheck li 
{
	margin-left:10px;
}

/*Bespaar box */

.saveBox 
{
	float:left;
	border:solid 1px #ddd;
	width:395px;
	height: 190px;
	padding:10px;
}

.saveTitle
{
	background-color:#f5823f;
	color:White;
	padding:5px;
	margin-top:4px;
}

.saveLeft 
{
	position: relative;
	width:185px;
	height: 170px;
}

.saveRight 
{
	position: relative;
	width:185px;
	height: 170px;
	border-left:1px solid #ddd;
	padding-left:10px;
}

.saveBox .button 
{
	position: absolute;
	bottom: 5px;
	right: 0px;
}

.button_disabled 
{
	position: absolute;
	bottom: 5px;
	right: 0px;
}

/*Slide box */

.slideBox {
	float:left;
	width:190px;
	height: 200px;
	border:solid 1px #ddd;
	border-left:none;
	padding:5px 5px 5px 5px;
}

.slideBox p 
{
	padding: 5px;
	margin: 0px;
}

.slideBox img
{
	width: 180px;
	padding: 5px;
	margin: 0px;
}

/*Testimonials*/

.testi_block 
{
	display:block;
	overflow:hidden;
	margin: 0px;
	line-height:16px;

}

.testi 
{
	width: 276px;
	float: left;
	margin: 0px 0px 0px 28px;
	padding: 5px;
	padding-bottom: 0px;
}

.testi_block .first
{
	margin: 0px;
}

.testi_block p
{
	float: right;
	margin: 0px;
}

.testi_text 
{
	width: 205px;
	height: 70px;

}

.testi_name
{
	width: 270px;
	font-weight:bold;
	font-style:italic;
	text-align: right;
}


.testi_name_sub
{
	width: 280px;
	font-weight:normal;
	color:#888;
	text-align: right;
}

.testi img 
{
	border: 1px solid #ddd;
	padding:1px;
	margin-left:5px;
}

/* Gratis of Pro selectie boxen */

.selectBox
{
	 margin-left:0px;
	 width:920px;
}

.selectBox_sub
{
	 float:left;
	 width:240px;
	 margin-top:20px;
	 margin-right: 30px;
}

.selectBox_sub_sub
{
	height:250px;
	margin-top:5px;
	padding:20px 25px 15px 25px;
	line-height:22px
}

.selectBox_sub span
{
	color:#5483C2;
	font-weight:bold;
	font-size: 18px;
}

.selectBox_sub ul
{
	padding:15px 0px 0px 0px;
	margin:0px;
	list-style-type:none;
	font-size:14px;
}

.selectBox_sub li
{
	padding:5px 0px 5px 0px;
	margin:0px;
	border-bottom: 1px dotted #ddd;
}

.selectBox p
{
	font-size:14px;
	font-weight:bold;
	float:right;
	margin:0px;
}

.selectBox .aanbevolen
{
	position:absolute;
	margin-left:90px;
	margin-top:-5px;
}

.selectBox .actieBanner
{
	float:left;
	clear:both;
	margin-top: 5px;
	margin-left:-22px;
}

/* Contact bex */

.contactBox
{
	float: left;
	width: 210px;
	margin-left: 30px;
}


/* Right container with the actual content */
.main_right{
	width			: 980px;
}

/* Pad the top of main because the sitemap breadcrumb is not on public pages */
.main_main
{
	padding-top: 15px;
	padding-bottom: 15px;
}
/* Div met daarin de blauwe titelbalk en de content */
.box_content{
	width		 	: 980px;
}
.box_content_public_page{
	width		 	: 790px;
	background		: #fff;
}
/* Binnenste div waar de content in zit */
.content{
	width: 920px;
	padding: 30px;
}
.content_public_page
{
	position: relative;
	width: 730px;
	padding: 30px;
}

.content_public_page p
{
	margin-top: 20px;
}

.content_public_page .boxen 
{
	float:left;
	width: 222px;
}

.content_public_page .middle
{
	margin-left: 30px;
	margin-right: 30px;
}

.content_public_page h1
{
	margin-top: 10px;
}

/* Subtitle on the page */
.subtitle
{
	width 				: 915px;
    background-image	: url(../images/layout/subtitle_background_intro.jpg);
    background-repeat: no-repeat;
}
/* Menu table, table used to order the main menu buttons */
.menu_table {
    width: 100%;
    padding-left: 30px;
    border-spacing: 2.5px 0px;
    position: relative;
    z-index: 503;
}
/* Title of the page */
.page_title {
	position            : absolute;
	background-image    : url(../images/layout/pagetitle_background.png);
	left                : 0px;
	top: 0px;
	width               : 963px;
}
/* Menu button of the main menu */
.menu_button{
	width		: 240px;
}
/* Error bericht */
.message_box{
    width : 880px;
    margin-top: 4px;
}
/* Blue background on Sneak Preview page */
/* div#bluebg
{
	background: #f2f3fa url(../images/content/bluebg.jpg) no-repeat;
	height: 100%;
	padding: 15px;
} */

.tr2 
{
	padding:0px;
}
