@charset "utf-8";

/*-----------------------------------*/
/*                                   */
/*               GLOBAL              */
/*                                   */
/*-----------------------------------*/

body
{
	background-image: url(../../design/images/globalBackground.jpg);
	background-color: #333333;
	font-family: trebuchet MS;
}

.background
{
	background-image: url(../../design/images/contentBackground.jpg);
	background-repeat: no-repeat;
	left: 106px;
	position: absolute;
	top: 38px;
	width: 865px;
}

.rightColumn
{
	background-image: url(../../design/images/rightColumnBackground.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 576px;
	margin: 4px 4px 4px 0px;
	position: relative;
	width: 653px;
}

.leftColumn
{
	float: left;
	position: relative;
	width: 200px;
}

.innerContent
{
	height: 428px;
	font-size: 0.85em;
	overflow-y: scroll;
	padding: 0px 10px 0px 35px;
	position: relative;
}

.contentHome
{
	height: 265px;
	padding: 10px;
	font-size: 0.8em;
}

.header
{
	font-size: 1.4em;
	height: 35px;
	padding-top: 6px;
	text-align: center;
}

.headerHome { height: 185px; }
.headerHome img { margin: 5px 10px; }

.outerContent
{
	height: 433px;
	margin: 0px 1px 0px 0px;
}

.externeLink
{
	background-image: url(../images/externeLink.png);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 18px;
}

a.externeLink
{
	color: #000;
	text-decoration: none;
}

a.externeLink:hover
{
	text-decoration: underline;
}

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





/*-----------------------------------*/
/*                                   */
/*               MENU                */
/*                                   */
/*-----------------------------------*/

.menu
{
	margin-top: 50px;
	height: 285px;
	position: relative;
	width: 200px;
}

.menu ul
{
	list-style-type: none;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	position: relative;
	width: 197px;
}

.menu ul li
{
	margin-bottom: 5px;
	padding: 5px 0px;
	text-align: center;
}

.menu ul li a
{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}


.menuItemSelected0,
.menuItemSelected1,
.menuItemSelected2,
.menuItemSelected3,
.menuItemSelected4,
.menuItemSelected5,
.menuItemSelected6
{
	background-image: url(../../design/images/menuSelected.jpg);
}

.menuItemSelected0 { background-position: 0px 0px; }
.menuItemSelected1 { background-position: 0px -42px; }
.menuItemSelected2 { background-position: 0px -72px; }
.menuItemSelected3 { background-position: 0px -124px; }
.menuItemSelected6 { background-position: 0px -157px; }
.menuItemSelected4 { background-position: 0px -193px; }
.menuItemSelected5 { background-position: 0px -193px; }


.logobox
{
	left: 12px;
	position: relative;
}

.logobox img { border: 0px; }

.adresBox
{
	color: #333333;
	font-size: 0.8em;
	position: relative;
	text-align: center;
	top: 15px;
}

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





/*-----------------------------------*/
/*                                   */
/*              LOGO                 */
/*                                   */
/*-----------------------------------*/

.logo
{
	height: 100px;
	margin: 1px 5px 0px 0px;
	text-align: right;
}

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





/*-----------------------------------*/
/*                                   */
/*           TAAL KEUZE              */
/*                                   */
/*-----------------------------------*/

.taalKeuze
{
	bottom: -24px;
	position: relative;
	text-align: center;
}

.taalKeuzeHomeBox
{
	bottom: 20px;
	position: absolute;
	right: 10px;
	text-align: right;
	width: 123px;
}


.taalKeuzeHomeNl { background-image: url(../images/vlagNederlands.jpg); }
.taalKeuzeHomeFr { background-image: url(../images/vlagFrans.jpg); }
.taalKeuzeHomeEn { background-image: url(../images/vlagEngels.jpg); }

.taalKeuzeHomeNl,
.taalKeuzeHomeFr,
.taalKeuzeHomeEn
{
	background-position: 96px 4px;
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	padding: 0px 30px 0px 0px;
}

a.taalKeuzeHomeNl:hover,
a.taalKeuzeHomeFr:hover,
a.taalKeuzeHomeEn:hover
{
	background-color: #DFDFDF;
}

a.taalKeuzeHomeNl,
a.taalKeuzeHomeFr,
a.taalKeuzeHomeEn
{
	color: #000000;
	text-decoration: none;
}

.taalKeuze img
{
	border: none;
	margin: 3px;
	text-decoration: none;
}

.taalKeuze a
{
	text-decoration: none;
}

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



/*-----------------------------------*/
/*                                   */
/*           	 MAP  	             */
/*                                   */
/*-----------------------------------*/

.map
{
	width: 300px;
	xheight: 60px;
	xmargin: 47px 0px 0px -3px;
	position: absolute;
	bottom: 20px;
	left: 10px;
}

.map img
{
	border: 0px;
}

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



/*-----------------------------------*/
/*                                   */
/*           PRIJZENTABEL            */
/*                                   */
/*-----------------------------------*/

.prijzenTabel
{
	border: 0px;
	font-size: 1em;
	margin: 0px 65px;
	width: 450px;
}

.prijzenTabelOmschrijving { width: 350px; }

.prijzenTabelPrijs
{
	text-align: right;
	width: 100px;
}

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





/*-----------------------------------*/
/*                                   */
/*           FOTO en OVERLAY         */
/*                                   */
/*-----------------------------------*/


.blackGlassOverlay
{
	background-image: url(../images/blackBackground.png);
	color: #fff;
	display: block;
	height: 100%;
	left: 0pt;
	position: absolute;
	right: 0pt;
	top: 0pt;
	visibility: hidden;
	width: 100%;
}

.photoPlaceholder
{
	position: relative;
}

*html .photoComment
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.jardindescharmes.com/brandenburg2/images/blackBackgroundPhotoComment.png');
}


.photoComment
{
	background-image: url(../images/blackBackgroundPhotoComment.png);
	background-position: right;
	background-repeat: no-repeat;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 0.8em;
	height: 20px;
	padding: 2px 5px 0px 0px;
	position: absolute;
	right: 23px;
	text-align: right;
	visibility: hidden;
	width: 128px;
}

#image01nl { top: 179px;}
#image02nl { top: 203px;}
#image03nl { top: 202px;}
#image04nl { top: 196px;}
#image05nl { top: 198px;}
#image06nl { top: 221px;}
#image09nl { top: 198px;}
#image10nl { top: 198px;}

#image01fr { top: 195px;}
#image02fr { top: 202px;}
#image03fr { top: 201px;}
#image04fr { top: 197px;}
#image05fr { top: 197px;}
#image06fr { top: 220px;}
#image09fr { top: 197px;}
#image10fr { top: 205px;}

#image01en { top: 201px;}
#image02en { top: 203px;}
#image03en { top: 201px;}
#image04en { top: 198px;}
#image05en { top: 203px;}
#image06en { top: 217px;}
#image09en { top: 203px;}
#image10en { top: 207px;}


.bigPhoto
{
	height: 581px;
	left: 50%;
	margin-left: -400px;
	margin-top: 22px;
	position: absolute;
	width: 800px;
}

*html .bigPhotoClose
{
	bottom: 10px;
	position: absolute;
	right: 11px;
}

.bigPhotoClose
{
	bottom: 6px;
	position: absolute;
	right: 11px;
}

.bigPhotoClose a
{
	color: #000;
	text-decoration: none;
}


.image01nl { border: 0px; margin: -34px -4px 0px 0px; cursor: pointer; }
.image02nl { border: 0px; margin: -9px -4px 0px 0px; cursor: pointer; }
.image03nl { border: 0px; margin: -12px -4px 0px 0px; cursor: pointer; }
.image04nl { border: 0px; margin: -15px -4px 0px 0px; cursor: pointer; }
.image05nl { border: 0px; margin: -14px -4px 0px 0px; cursor: pointer; }
.image06nl { border: 0px; margin: 8px -4px 0px 0px; cursor: pointer; }
.image07nl { border: 0px; margin: -34px -4px 0px 0px; cursor: pointer; }
.image08nl { border: 0px; margin: -34px -4px 0px 0px; cursor: pointer; }
.image09nl { border: 0px; margin: -14px -4px 0px 0px; cursor: pointer; }
.image10nl { border: 0px; margin: -14px -4px 0px 0px; cursor: pointer; }

.image01fr { border: 0px; margin: -18px -4px 0px 0px; cursor: pointer; }
.image02fr { border: 0px; margin: -10px -4px 0px 0px; cursor: pointer; }
.image03fr { border: 0px; margin: -12px -4px 0px 0px; cursor: pointer; }
.image04fr { border: 0px; margin: -15px -4px 0px 0px; cursor: pointer; }
.image05fr { border: 0px; margin: -15px -4px 0px 0px; cursor: pointer; }
.image06fr { border: 0px; margin: 8px -4px 0px 0px; cursor: pointer; }
.image07fr { border: 0px; margin: -34px -4px 0px 0px; cursor: pointer; }
.image08fr { border: 0px; margin: -34px -4px 0px 0px; cursor: pointer; }
.image09fr { border: 0px; margin: -15px -4px 0px 0px; cursor: pointer; }

.image01en { border: 0px; margin: -11px -4px 0px 0px; cursor: pointer; }
.image02en { border: 0px; margin: -9px -4px 0px 0px; cursor: pointer; }
.image03en { border: 0px; margin: -12px -4px 0px 0px; cursor: pointer; }
.image04en { border: 0px; margin: -14px -4px 0px 0px; cursor: pointer; }
.image05en { border: 0px; margin: -9px -4px 0px 0px; cursor: pointer; }
.image06en { border: 0px; margin: 5px -4px 0px 0px; cursor: pointer; }
.image07en { border: 0px; margin: -34px -4px 0px 0px; cursor: pointer; }
.image08en { border: 0px; margin: -34px -4px 0px 0px; cursor: pointer; }
.image09en { border: 0px; margin: 0px -4px 0px 0px; cursor: pointer; }

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





/*-----------------------------------*/
/*                                   */
/*     DESIGN BY FRANK RATERINK      */
/*                                   */
/*-----------------------------------*/

.designBy
{
	bottom: 15px;
	position: absolute;
	right: 15px;
}

a.designByLink
{
	color:#353535;
	font-size: 0.8em;
	text-decoration: none;
}

a.designByLink:hover { color: #c0ff00; }

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