hr
{
	border:2px solid #EBE9EA;
}

/*===============================================================================================*/
/* HEADER																														 */
/*===============================================================================================*/
.headerContainer
{
	width: 851px;
	height: 149px;
	display: block;
	float:left;
}

.headerContainer .top
{
	width:100%;
	float:Left;
}

.headerContainer .top .left
{
	width:350px;
	height:59px;
	padding-top: 20px;
	float:left;
}

.headerContainer .top .left a
{}

.headerContainer .top .right
{
	float:right;
	width:290px;
	height:79px;
}

.quickSearch
{
	width: 280px;
	height:25px;
	padding:5px;
	float:left;
	display: block;
	background: url("../img/bgFormQuickSearch.gif") no-repeat 0px 0px;
}

.quickSearch form
{
	background: none;
	float:left;
}

.quickSearch input
{
	float:left;
	border:0px;
	margin-right:5px;
	padding: 6px 4px 0px 6px;
	width:193px;
	background: url("../img/bgInputSearch.gif") no-repeat 0px 0px;
	height:20px;
}

.quickSearch button
{
	float:left;
	border:0px;
	font-size:1.0em;
	margin-right:0px;
	padding:0px;
}

.menuLaag2
{
	width:851px;
	float:left;
	height:20px;
	margin-top:2px;
	padding:5px 0px;
}

.menuLaag2 a
{
	color:#333;
	height:12px;
	padding:4px 15px;
	font-size:1.1em;
	text-decoration: none;
}

.menuLaag2 a:hover
{
	color:#000;
	text-decoration: underline;
}

.menuLaag2 a.current
{
	font-weight: bold;
}

.menuLaag2 a.last
{
	border:0px;
}

.menuLaag3
{
	width:100%;
	margin-bottom:10px;
	float:left;
}

.menuLaag3 a
{
	border-bottom:1px solid #E6E4E3;
	display: block;
	padding: 6px;
	color: #1F2E33;
	text-decoration: none;
}


.menuLaag3 a.last
{
	border:0px;
}

.menuLaag3 a:hover
{
	text-decoration: underline;
	color: #1F2E33;
}

.menuLaag3 a.current
{
	font-weight: bold;
}
/*===============================================================================================*/
/* TEXTSIZE																														 */
/*===============================================================================================*/

.textSize
{
	width:285px;
	float:right;
	margin-top:10px;
	margin-bottom: 11px;
}

.textSize span
{
	float:left;
}

.textSize a
{
	float:left;
	color:#919191;
}

.textSize a.smaller
{
	color:#919191;
	margin-left:5px;
}

.textSize a.smaller:hover
{
	color:#919191;
}

.textSize a.bigger
{
	font-size:1.3em;
}

.textSize a.notActive
{	
	text-decoration:line-through;
}

.textSize img
{
	float:left;
}

/*===============================================================================================*/
/* BUTTONS EN LINKJES																														 */
/*===============================================================================================*/
.button72
{
	width:72px;
	height: 24px;
	display: block;
	background: url("../img/button_72.gif") no-repeat 0px 0px;
}

.button72:hover
{
	background: url("../img/button_72.gif") no-repeat 0px -34px;
}

.button92
{
	width:95px;
	height: 26px;
	display: block;
	border:0px;
	background: url("../img/button_92.gif") no-repeat 0px 0px;
}

.button92:hover
{
	background: url("../img/button_92.gif") no-repeat 0px -36px;
	color:#FFF;
}

.button109
{
	width:109px;
	height: 26px;
	display: block;
	border:0px;
	background: url("../img/button_109.gif") no-repeat 0px 0px;
}

.button109:hover
{
	background: url("../img/button_109.gif") no-repeat 0px -36px;
	color:#FFF;
}


/*-[ Round Corners ]------------------------------------------------------------------------------*/
.roundCorner
{
	margin-top: 0px;
	height: 40px;
	float: left;
	background: url("../img/bgCurrent.gif") repeat-x 0px 0px;
}

.roundCornerLeft
{
	background: url("../img/roundCornerLeft.gif") no-repeat left 0px;
	height: 40px;
	float: left;
}

.roundCornerLeft div
{
	background: url("../img/roundCornerRight.gif") no-repeat right 0px;
	float: left;
}

.roundCornerLeft div a
{
	font-weight: normal;
	color: #FFF;
	margin: 0px;
	padding: 0px 15px;
	float: left;
}
/*-[ Round Corners ]------------------------------------------------------------------------------*/


/*===============================================================================================*/
/* TESTIMONIAL 																												*/
/*===============================================================================================*/
.grayBlock
{
	width:290px;
	float:Left;
	margin-bottom:10px;
}

.grayBlock .top
{
	width: 290px;
	height:9px;
	overflow: hidden;
	float:left;
	display: block;
	background: url("../img/bgBlokGrayTop.gif") no-repeat 0px 0px;
}

.grayBlock .content
{
	background: url("../img/bgBlokGray.gif") repeat-y 0px 0px;
	width: 260px;
	padding:0px 15px;
	float:left;
}

.grayBlock .title
{
	width:100%;
	color:#312822;
	font-weight: bold;
	font-size:1.3em;
	font-family:Calibri, Arial, Helvetica, Verdana;
	margin-bottom:4px;
}

.grayBlock .title a
{
	color:#312822;
	text-decoration: none;
}

.grayBlock .title a:hover
{
	text-decoration: underline;
}

.grayBlock .thumb
{
	display: inline-block;
	width: 85px;
	float:left;
	margin-right:10px;
	padding:7px 0px 0px 9px;
	height:111px;
	background: url("../img/bgThumbTestimonial.gif") no-repeat 0px 0px;
}

.grayBlock .teaser
{
	float:left;
	color: #666666;
	font-size:1.1em;
	width:150px;
}

.grayBlock a.nav
{
	color: #312822;
	font-weight: bold;
	margin-top:5px;
	float:right;
	font-size:1.1em;
}

.grayBlock a.nav:hover
{
	color: #4AC5FF;
	text-decoration: underline;
}

.grayBlock .bottom
{
	width: 290px;
	height:9px;
	overflow: hidden;
	float:left;
	display: block;
	background: url("../img/bgBlokGrayBottom.gif") no-repeat 0px 0px;
}

.grayBlock.login input
{
	width:255px;
	float:left;
	margin-bottom:13px;
	height:17px;
}

.grayBlock.login .nav
{
	width:100%;
	margin-bottom:10px;
	float:left;
}

.grayBlock.login .nav a
{
	float:left;
	font-size: 0.9em;
	color:#9A8D8D;
}

.grayBlock button,
.grayBlock.bestellen .nav a
{
	float:right;
	text-transform:uppercase;
	font-family:Calibri, Arial, Helvetica, Verdana;
	color: #FFF;
	font-size:1.25em;
	font-weight:bold;
}

.grayBlock.bestellen .nav a
{
	padding-top:2px;
	text-decoration: none;
	text-align:Center;
}

.grayBlock.bestellen .nav
{
	float:left;
	margin-bottom:4px;
	width:100%;
}

.grayBlock.bestellen .teaser
{
	width:100%;
	margin-top:8px;
	margin-bottom:8px;
}

.grayBlock.bestellen div.title img
{
	width:24px;
	height:24px;
}

/*===============================================================================================*/
/* PORTAL																														 */
/*===============================================================================================*/


.whiteBlock
{
	width:270px;
	float:Left;
	margin-right:10px;
	margin-bottom:10px;
}

.whiteBlock .teaser
{
	float:left;
	color: #666666;
	font-size:1.1em;
	width: 100%;
}


.whiteBlock .title
{
	width:100%;
	color:#312822;
	font-weight: bold;
	font-size:1.3em;
	font-family:Arial, Calibri, Helvetica, Verdana;
	margin-bottom:6px;
	float:left;
	margin-top:4px;
}

.whiteBlock .title a
{
	color:#312822;
	float:left;
	width:100%;
	text-decoration: none;
}

.whiteBlock .title a:hover
{
	text-decoration: underline;
}

.whiteBlock .top
{
	width: 270px;
	height:9px;
	float:left;
	overflow: hidden;
	display: block;
	background: url("../img/bgBlokWhiteTop.gif") no-repeat 0px 0px;
}

.whiteBlock .content
{
	background: url("../img/bgBlokWhite.gif") repeat-y 0px 0px;
	width: 240px;
	padding:0px 15px;
	float:left;
}

.whiteBlock a.nav
{
	float:right;
	color:#4AC5FF;
	margin-bottom:5px;
	margin-top:5px;
	font-weight: bold;
	text-decoration: underline;
	font-size:1.1em;
}

.whiteBlock a.nav:hover
{
	color: #312822;
}

.whiteBlock .bottom
{
	width: 270px;
	height:9px;
	float:left;
	overflow: hidden;
	display: block;
	background: url("../img/bgBlokWhiteBottom.gif") no-repeat 0px 0px;
}


.portalBanners
{
	width:270px;
	float:Left;
	margin-right:10px;
}

.grayBlockBanner
{
	width:270px;
	float:Left;
	margin-bottom:10px;
}

.grayBlockBanner .top
{
	width: 270px;
	height:9px;
	float:left;
	overflow: hidden;
	display: block;
	background: url("../img/bgBlokGrayBannerTop.gif") no-repeat 0px 0px;
}

.grayBlockBanner .content
{
	background: url("../img/bgBlokGrayBanner.gif") repeat-y 0px 0px;
	width: 240px;
	padding:0px 15px;
	float:left;
}

.grayBlockBanner .content .left
{
	width:55px;
	float:left;
}

.grayBlockBanner .content .right
{
	width:170px;
	float:left;
}

.grayBlockBanner div.vraag
{
	font-size:1.1em;
	font-weight: bold;
	margin-bottom:5px;
	width:100%;
	float:left;
	color: #312822;
}

.grayBlockBanner a.link
{
	font-size:1.2em;
	width:100%;
	float:left;
	text-decoration: none;
	font-weight: bold;
	color: #2FCAFD;
}

.grayBlockBanner a.link:hover
{
	color: #312822;
	text-decoration: underline;
}

.grayBlockBanner .bottom
{
	width: 270px;
	height:9px;
	overflow: hidden;
	float:left;
	display: block;
	background: url("../img/bgBlokGrayBannerBottom.gif") no-repeat 0px 0px;
}

.headerImage
{
	width:851px;
	margin-bottom:15px;
	float:Left;
}

.portalContainer
{
	width: 851px;
	margin-bottom:15px;
	float:Left;
}
/*===============================================================================================*/
/* MAIN																														 */
/*===============================================================================================*/
.mainContainer
{
	width: 851px;
	padding-top:12px;
	float:left;
}

.mainContainer .left
{
	width: 552px;
	min-height:1px;
	overflow: hidden;
	margin-right:9px;
	float:left;
}

.mainContainer .right
{
	width: 290px;
	float:left;
}

/*=========================================== FAQ ==============================================*/
.faq
{
	width: 552px;
	overflow: hidden;
	float:left;
}

.faq .top
{
	width:100%;
	overflow: hidden;
	float:left;
	background: url("../img/bgFaqTop.gif") no-repeat 0px 0px;
	display: block;
	height: 12px;
}

.faq .center
{
	width:526px;
	padding:0px 13px;
	float:left;
	background: url("../img/bgFaqCenter.gif") repeat-y 0px 0px;
	display: block;
}

.faq .bottom
{
	width:100%;
	float:left;
	overflow: hidden;
	background: url("../img/bgFaqBottom.gif") no-repeat 0px 0px;
	display: block;
	height: 12px;
}

.faq h2 .title
{
	font-size: 0.8em;
	text-transform: uppercase;
	color: #009DDC;
}

.faq a.faqLink
{
	height: 30px;
	width:491px;
	border-bottom:1px dotted #B5A9B0;
	font-weight: bold;
	color: #5A534E;
	text-decoration: none;
	font-size:1.1em;
	padding: 0px 0px 0px 35px;
	background: url("../img/minus.gif") no-repeat 2px 3px;
	margin-bottom:0px;
	line-height: 2.5em;
	float:left;
}

.faq a.faqLink:hover
{
	color: #000;
	text-decoration: underline;
	background: url("../img/plus.gif") no-repeat 2px 3px;
}

.faq a.last
{
	margin-bottom: 0px;
}

.faq div.open
{
	width:100%;
	background: #FFF;
	margin-bottom: 10px;
	margin-top:10px;
	float:left;
}

.faq div.open .top
{
	width:100%;
	height:9px;
	float:left;
	background: url("../img/bgAntwoordTop.gif") no-repeat 0px 0px;
}

.faq div.open .content
{
	background: #F3F1F2;
	color :#5A534E;
	font-size:1.1em;
	padding:0px 12px;
	width:503px;
	float:Left;
}

.faq div.open .bottom
{
	background: url("../img/bgAntwoordBottom.gif") no-repeat 0px 0px;
}

.faq div.open .title
{
	height: 30px;
	width:695px;
	font-weight: bold;
	color: #000;
	border-bottom:0px solid #E0E2E6;
	text-decoration: none;
	padding: 0px 0px 0px 30px;
	line-height: 2.5em;
	margin-bottom:0px;
	background: url("../img/arrowFaq.gif") no-repeat 0px 9px;
	float:left;
}

div.askQuestion
{
	float:right;
	color:#312822;
	margin-top:20px;
	margin-bottom:20px;
	font-size:1.1em;
	margin-right:5px;
}

div.askQuestion a
{
	font-weight: bold;
	color:#2FCAFD;
}
/*=========================================== FAQ ==============================================*/

/*===============================================================================================*/
/*
	Legenda CSS classes
*/
/*===============================================================================================*/
.legenda
{
	width: 100%;
	float:left;
	margin-bottom:20px;
	border-bottom: 1px dashed #E6DFE2;
	padding-bottom: 10px;
}

.legenda .title
{
	font-size: 1.2em;
	font-weight: bold;
	color: #838180;
	float:left;
	width: 100%;
	margin-bottom: 9px;
}

.legenda .uitleg
{
	float:left;
	width: 100%;
	color: #746861;
	margin-bottom:10px;
}

.legenda .icoon
{
	float:left;
	margin-bottom:5px;
	width: 100%;
}

.legenda .icoon img
{
	float:left;
	margin-right: 8px;
}

/*===============================================================================================*/
/* Footer																														 */
/*===============================================================================================*/

.footerContainer
{
	width: 831px;
	float:left;
	height:36px;
	padding:15px 10px 0px 10px;
	background: url("../img/bgFooter.gif") no-repeat 0px 0px;
	color: #09C0FD;
	margin-top:15px;
}

.footerContainer a
{
	text-decoration: none;
	float:none;
}

.footerContainer img
{
	
}

.footerContainer a:hover
{
	color:#000;
	text-decoration: underline;
}

.footerContainer .footerCats
{
	width: 700px;
	float:left;
	text-align: center;
}

.footerContainer .copyright
{
	float:right;
	margin-top:0px;
}