/* 
---------------------------------------------------------------------------
Content styling
- 5 verschillende stijlen
	 -vol (content over het volledige blok)
	 
	 -top (content horizontaal verdeeld, bovenste blok)
	 -bottom (content horizontaal verdeeld, onderste blok)
	 
	 -left (content verticaal verdeeld, linker blok)
	 -right (content verticaal verdeeld, rechter blok)

- Elk blok kan weer een verschillende stijl krijgen
	- paars
	- gradient 
--------------------------------------------------------------------------- 
*/

.contentblok-vol {
	width: 448px;
	height: 390px;
}

/*
--------------------------------------------------------------------------- 
Vaste styling per laag
--------------------------------------------------------------------------- 
*/

.paars {
	background: #9e0389;
	color: #e0ccdb;
}
	.paars strong {
		color: #fff;
		font-weight: normal;
	}

.gradient {
	background: url(/img/algemeen/bg-content-gradient.gif) repeat-y;
	height: 100%;
}

.content-padding30 {
	padding: 30px;
}

.content-padding20 {
	padding: 20px;
}

.content-padding10 {
	padding: 10px;
}

.content-padding6 {
	padding: 6px;
}

.overflow {
	overflow-x: hidden;
	overflow-y: auto;
}

/*
--------------------------------------------------------------------------- 
*/

.contentblok-left, .contentblok-right {
	float: left;
	height: 390px;
	width: 224px;
	display: block;
}

.contentblok-top, .contentblok-bottom {
	float: left;
	height: 195px;
	width: 448px;
	display: block;
}


/*
--------------------------------------------------------------------------- 
Tijdelijke introlaag
--------------------------------------------------------------------------- 
*/

#introlayer
{
	position:absolute;
	z-index: 123;
	Top: 130px;
	Left: 50%;
	width: 540px;
	height: 300px;
	margin-left: -270px;
	padding: 10px;
	border: solid 1px #006644;
	background: url(/img/algemeen/bg-subnav.png) repeat;
}

*html #introlayer{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/algemeen/bg-subnav.png', sizingMethod="scale" );
	background:none;
}

.introlayer_close
{
	position:absolute;
	z-index: 124;
	Top: 0px;
	Right: 0px;
	width: 12px;
	height: 12px;
	border-left: solid 1px #006644;
	border-bottom: solid 1px #006644;
	padding: 0 0 4px 5px;
	color: #006644;
	font-weight: bold;
	cursor: hand;
	cursor: pointer;
}


/*
--------------------------------------------------------------------------- 
Kruimelpad
--------------------------------------------------------------------------- 
*/

#kruimelpad {
	color: #006644;
	font-weight: bold;
	margin-bottom: 10px;
}

#kruimelpad a {
	color: #9e0389;
}

/*
--------------------------------------------------------------------------- 
Forms
--------------------------------------------------------------------------- 
*/

.errormessage {
	color: #fff;
	font-weight: bold;
	margin-bottom: 5px;
}

form.form label  {
	width: 53px;
	font-size: 10px;
	float: left;
}

form.form label.none {
	width: 190px;
	float: none;
	font-size: 10px;
}

form.form label.long {
	width: 190px;
	float: left;
}

form.form p {
	margin-bottom: 4px;
}

*html .form p {
	margin-bottom: 2px;
}

form.form input.text, form.form textarea.textarea, select.select {
	background: #d99dd1;
	border: 0;
	width:125px;
}	

form.form  div.buttons div.buttonverzenden a {
	margin-left: 50px;
	width: 67px;
	height: 21px;
	display: block;
	background: url(/img/buttons/btn-verzenden.gif) no-repeat;
	text-indent: -9999px;
}

form.form  div.buttons div.buttonverzenden a:hover {
	background: url(/img/buttons/btn-verzenden.gif) no-repeat -67px;
}



/*
--------------------------------------------------------------------------- 
Producten
--------------------------------------------------------------------------- 
*/

.productkaart {
	width: 203px;
	height: 57px;
	border: 1px solid #850373;
	border-width: 0 1px 1px 0;
	background: #ac299b;
	float: left;
	margin-bottom: 4px;
}
	.margin-right {
		margin-right: 4px;
	}

.productkaart .producttitel {
	width: 146px;
	height: 57px;
	float: left;
}

.productkaart .producttitel p {
	margin: 20px 0 0 15px;
	font-weight: bold;
}

.productkaart a {
	color: #e0ccdb;
	text-decoration: none;
}

.productkaart .productafbeelding {
	width: 57px;
	height: 57px;
	float: left;
}

/*
--------------------------------------------------------------------------- 
Productstyling
--------------------------------------------------------------------------- 
*/

div.buttonproefplaatsing a {
	width: 143px;
	height: 21px;
	display: block;
	background: url(/img/buttons/btn-proefplaatsing.gif) no-repeat;
	text-indent: -9999px;
}