/* CSS Document For Enza*/

/* ALGEMENE DECLARATIES */

*
{
	margin: 0; padding: 0;
}

body
{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #4D4D4D;
}

img
{
	border: none;
}

a
{
	color: #CF1A20;
}

a:hover
{
	text-decoration: none;
}

ul {
	list-style-type: square;
	list-style-position: inside;
	margin-top:10px;                           /* belangrijk voor in het content frame */
	margin-bottom:10px;                        /* belangrijk voor in het content frame */	
	margin-left:0px;
	line-height:15px;
}

li {
	padding-left:10px;
}



/* DIV: OUTER */ 

div#outer
{
	position: relative;
	margin: 0 auto;
	width: 950px;
	background: url(/content/design/images/bg_outer.jpg) #FFF repeat-y top center;
}

/* DIV: HDR */

div#header
{
	width: 950px; height: 240px;
}

div#whiteline
{
	width: 950px; height: 4px;
	background: #FFF;
}

* html div#whiteline
{
	font-size: 1px;
	line-height: 1px;
	height: 4px;
}


/* DIV: L-COL */

div#l-col
{
	position: absolute;     
	top: 244px;                             /*  240 van de grafische kop + 4 van de whitespace */
	left: 0px;
	padding: 20px;
	padding: 20px;
	width: 218px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 178px;                           /*         = 218 - (2 * 20)        */
/*	line-height: 25px;*/
}


div#l-col dt
{
	padding-bottom: 10px;			/* om meer ruimte tussen hoofdmenu's te voorzien */
}


div#l-col a
{
	color: #FFF;				/* bepaalt kleur voor alle niet actieve elementen */
	font-size: 12px;
	text-decoration: none;
}

div#l-col a:active, div#l-col a:hover, div#l-col .actief
{
	font-weight: bold;
	color: #E2001A;
}

div#l-col dd ul
{
	margin-top:0px;				/* om extra ruimte tussen hoofdmenu en submenu te verwijderen */
}


div#l-col dd li
{
	margin:0;
	list-style: none;
	list-style-position: outside;
	background: url(http://www.enzafruit.be/content/design/images/l_col_li.gif) no-repeat;
	background-position: 0px 0px;
	padding-left: 25px;                                     /* ruimte om het "blaadje-bullet" te zetten */
	line-height: 15px;
	margin-right: -10px;					/* noodoplossing: bij sommige highlights (mouse-over) ging de titel dan plots over 2 lijnen staan (omwille van 'beetje' te breed door de BOLD) */
}


div#l-col dd ul li a:hover, div#l-col dd ul li a:active, div#l-col dd ul li .actief         
{
	list-style-position: outside;
	margin-left: 0px;
/*	background: url(http://www.enzafruit.be/content/design/images/l_col_li_active.gif) no-repeat;*/
	color: #E2001A;
}


/* DIV: LANGUAGE_SELECTION */

div#language_selection
{
	position: absolute;
	top: 222px; left: 625px;                   /* 722 = 732 - 10 */
	vertical-align:center;
	padding: 0 0 0 0;
	font-size: 10px;
	font-weight: normal;
	color: #918a8a;
	line-height:15px;
}

div#language_selection a
{
	text-decoration: none;
	color: #bab5b5;                /*lichtgrijs */           /* bepaalt kleur voor alle niet actieve elementen */
	font-size: 10px;
	font-weight: normal;
}

div#language_selection a:active, div#language_selection a:hover, div#language_selection .actief
{
	font-weight: normal;
	color: #225084;
	text-decoration: underline;
}



/* DIV: PAGETITLE */

div#pagetitle
{
	position: absolute;
	top: 165px; left: 228px;
	vertical-align:bottom;
	padding: 10px 0 0 0;
	font-size: 32px;
	font-weight: normal;
	color: #FFF;
	line-height:35px;
	width:494px;                         /* 514 - 10 - 10 */
/*	height: 35px;*/
}


/* DIV: CONT */

div#cont
{
	position: absolute;
	top: 215px; left: 218px;
	padding: 49px 10px 0 10px;
	background: #FFF;
	width: 514px; min-height: 25px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 494px; height: 380px:
}

* html body div#cont
{
	height: 25px;
}

div#cont p
{
	margin: 0 0 10px 0;
}

div#cont p.titel
{
	margin: 0 0 15px 0;
	font-size: 14px;
	font-weight: bold;
	color: #225084;
}

div#cont p.subtitel
{
	margin: 20px 0 10px 0;
	font-size: 12px;
	color: #208937;
}

div#cont ul
{
	display: block;
}

div#cont ul li
{
	list-style: outside;
	list-style-type: square;
	margin-left:20px;
}


/************************************************    ZOEK    ***************************************************/


#ContainerZoek {
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	margin-left:20px;                                               /* origineel:  "margin-left:320px;"   */
	padding-top:375px;
	font-weight:normal;
	color: #FFFFFF;
}	
	.zoekinsite {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px; 
		line-height:20px;
		background-color: #fff; 
		border: 1px solid #999; 	
		color: #4D4D4D;
		width:125px;
		vertical-align:bottom;               /* was "top"   */
		margin-top:0px;                      /* BROD: dit was -3px -----         ie aligneren zoek button bug */	
	}	


/* DIV: R-COL */

div#r-col
{
	position: absolute;
	top: 244px; left: 732px;
	padding: 20px;
	width: 218px; height: 400px;
}

div#r-col div#newshome
{
	margin: 0 0 30px 0;
	width: 178px;
	color: #FFF;
}

div#r-col div#newshome p.newshome_title
{
	font-size: 12px;
	font-weight: bold;
}

div#r-col div#newshome ul
{
	margin: 10px 0 0 15px;
	list-style-type: square;
	list-style-position: outside;
}

div#r-col div#newshome ul li
{
	padding: 0; margin: 0 0 10px 0;
}

div#r-col div#newshome ul li a
{
	color: #FFF;
}

div#r-col div#newshome span.newstitle
{
	font-weight: bold;
}

div#r-col div#newshome p.newstext
{
	margin: 0 0 0 11px;
}

div#r-col div#contact
{
	margin: 0 0 0 0;
	font-size: 12px;
	font-family: verdana;
	line-height: 15px;
	color: #FFF;
}

div#r-col div#contact img.logo
{
	margin: 0 0 20px 0;
}

div#r-col div#contact p
{
	margin: 0 0 10px 0;
}

div#r-col div#contact a
{
	color: #FFF;
}

/***********************************    GENERAL IMAGES DEFINITIONS    ***********************************/

#right_aligned {
	margin-left:10px;
	margin-bottom:10px;
}

#left_aligned {
	margin-right:10px;
}




div#cont img.vier_groot
{
	width: 225px; height: 225px;
}

div#cont img.vier_klein
{
	width: 150px; height: 150px;
}

div#cont img.recht_groot
{
	width: 494px; height: 350px;
}

div#cont img.recht_klein
{
	width: 225px; height: 150px;
}

div#cont img.staand
{
	width: 150px; height: 225px;
}

div#cont img.liggend
{
	width: 494px; height: 312px;
}

div#cont img.appels
{
	width: 200px; height: 250px;
}


/* inputs */

fieldset div input {
	border: 3px double #ccc;
	padding: 1px;
	background:#F2F2EA;
	color:#800000;
}

fieldset div select {
	border: 3px double #900;
	padding: 1px;
	background:#F2F2EA;
	color:#800000;
}

fieldset div textarea {
	padding: 1px;
	border: 3px double #ccc;
	background:#F2F2EA;	
	color:#800000;
}
.knop {
    cursor:pointer;
    border:1px solid #000;
    font-size:11px;
    background:#405A59;
    color:#fff;
    font-weight:bold;
    vertical-align:middle;
}




/* ---------------------------------------------------------------------------------------*/
/* ---------------------- Brainlane > Sitelab CMS > editor -------------------------------*/
/* ---------------------------------------------------------------------------------------*/

.slVheTitleNormal, .slVheTitleColor1, .slVheTitleColor2, .slVheTitleColor3 {
	font-weight: bold;
	font-size: 16px;
	line-height: 21px;   
	padding-bottom:0px;
	color: #4D4D4D;
}
.slVheSubTitleNormal, .slVheSubTitleColor1, .slVheSubTitleColor2, .slVheSubTitleColor3 {
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	color: #4D4D4D;
}
.slVheTextNormal, .slVheTextColor1, .slVheTextColor2, .slVheTextColor3 {
	font-weight:normal;
	font-size:12px;
	line-height: 15px;
	color:#4D4D4D;
}
.slVheSmallTextNormal, .slVheSmallTextColor1, .slVheSmallTextColor2, .slVheSmallTextColor3 {
	font-weight:normal;
	font-size:10px;
	color:#4D4D4D;
}
.slVheHeader, .slVheFooter { 
	font-size: 9px; 
}
.slVheTitleNormal, .slVheTextNormal, .slVheSmallTextNormal, .slVheSubTitleNormal  { color: #4D4D4D; } /* zeer donker grijs */
.slVheTitleColor1, .slVheTextColor1, .slVheSmallTextColor1, .slVheSubTitleColor1  { color: #ff0000; } /* rood */
.slVheTitleColor2, .slVheTextColor2, .slVheSmallTextColor2, .slVheSubTitleColor2  { color: #208937; } /* groen */
.slVheTitleColor3, .slVheTextColor3, .slVheSmallTextColor3, .slVheSubTitleColor3  { color: #225084; } /* blauw */


/**********************************    taalselectie op de landingpage   ***********************************/

.wittetekst a {
	font-weight:bold;
	font-size:14px;
	line-height: 25px;
	color:#FFFFFF;
	text-decoration:none;
}

.wittetekst a:hover {                           /* indien volledig online moet dit op "hover" zijn */
	color: #208937;
	text-decoration:underline;
	}
	
	


#PromoBtn{
	display:block !important;
	position:absolute;
	margin-left:40px;
	top:15px;
}

#pagetitle{
	display:none;
}


/* form validation */
label.error{
	display:none !important;
}
	form#staticForm input.error{
		border:1px solid red !important;
	}
	form#staticForm input.staticFormCheckBox
	{
		border:1px solid #000 !important;
	}
	form#staticForm input.staticFormCheckBox.error{
		outline:1px solid red !important;
		width:15px !important;
		height:15px !important;
		margin-left:1px !important;
	}