/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
	padding:0;
	margin:0;
	text-align:center;
	min-width:882px;/* for mozilla*/
	background-color: #FFFFFF;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(/img/bg.gif);
	margin-top:1px;
}
#outer{
	height:100%;
	min-height:100%;
	width:880px;	
	color: #000000;
	text-align:left;
	margin:auto;
	position:relative;
	background:  url(/img/menu-bg.gif) repeat-y left center;
	position:relative;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
	float:left;
	width:660px;
}

*html #innerwrap {/* enables content first */
	width:670px;
}

#header{
	position:absolute;
	top:0;
	left:1px;
	width:880px;
	height:237px;
	background:#FFFFFF;
	border:0px solid #000;
	overflow:hidden;
	color: #000000;
	z-index:100;
	background-image:url(/img/banner.jpg);
	background-repeat:no-repeat;
}



	
*html #header .menuSearch
	{
	margin:93px 0 0 17px;
	}

#left {
	position:relative;/*ie needs this to show float */
	width:216px;
	float:left;
	padding-top:238px;/*needed to make room for header*/
	padding-bottom:56px;/* needed to make room for footer */
}
#left p {padding-left:3px;padding-right:2px}
#right p {padding-left:4px;padding-right:2px}

#right {
	position:relative;/*ie needs this to show float */
	width:145px;
	float:right;
	padding-top:260px;/*needed to make room for header*/
	padding-bottom:56px;/* needed to make room for footer */
	padding-right:56px;
}

*html #right {
	padding-right:30px;
	}

#footer {
	width:880px;
	clear:both;
	height:50px;
	color: #000000;
	text-align:center;
	left:0px;
	bottom:0;
	position: absolute;
	background-image:url(/img/footer.gif);
	background-repeat:no-repeat;

}
* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent {
	width:410px;
	float:right;
	padding-top:238px;
	padding-bottom:56px;/* needed to make room for footer */
}

*html #centrecontent {
	width:400px;
	}
	


#centrecontent p {padding-left:3px}

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */


#header #lang
	{
	position:absolute;
	z-index:300;
	top: 10px;
	left: 580px;
	}

	
*html #footer #lang
	{
	margin-left: 55px;
	}	
	
#footer #copyright
	{
	font-size:10px;
	color:#FFFFFF;
	text-align:center;
	margin: 15px 0 0 190px;

	
	}	


	
#centrecontent .title
	{
	padding: 0px 0 10px 10px;
	margin: 0px ;
	font-size:14px;
	font-weight:bold;	
	}	
	
	
#centrecontent .body
	{
	padding: 0 0 0 10px;
	margin: 0px ;
	font-size:12px;
	font-weight:none;
	width: 410px;
	line-height: 19px;	
	}	





#right .offers{
	width: 170px;
	margin-bottom: 20px;
	font-size:12px;
	}
	
#right  .offers .offerTitle{
	font-weight:bold;
	}


#right #friendMail{	
	margin-top:20px;
	width: 170px;
	height: 200px;
	background-image:url(/img/email-bg.gif);
	background-repeat:no-repeat;	
	color:#FFFFFF;
}

#right #friendMail .mailTitle{
font-weight:bold;
}

a, a:active {
color: #000000;
font-weight:bold;
text-decoration:none;
}

a:hover{
font-weight:bold;
text-decoration:underline;
}

.side-banner{
	 position: absolute;
    left: 43px;
    top: 580px;
    z-index: 999;
	 outline: none;	 
}

.side-banner img{border:0 none;}

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

#search
{
position:absolute;
top: 92px;
left: 50px;
z-index:8000;
}


*html #search
{
position:absolute;
top: 92px;
left: 45px;
z-index:8000;
}



/* common styling */
.menu { font-family: arial, sans-serif; width:106px; height:150px; position:relative; margin:0; font-size:12px; margin:15px 0 0 55px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; font-weight:normal; color:#000; width:170px; height:20px; text-align:left; line-height:19px; font-size:12px;}
.menu ul {padding:0 ; margin:0; list-style: none; }
.menu ul li {float:left; margin-right:1px; position:relative; }
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#f3c365; font-weight:normal;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:170px; width:105px;}
.menu ul li:hover ul li a.hide {background:#dfc184; color:#000; font-weight:normal;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#f3c365; color:#000; width:150px;}
.menu ul li:hover ul li a:hover {background:#f3ba49; color:#fff; font-weight:normal;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}


/*-------LOGIN ADMIN-----*/

#admin
	{
	float: left;
	
	
	width: 		400px;
	margin: 	65px 0 0 280px;
	}	
	
#login
	{
	position:absolute;
	width: 31px;
	height: 31px;
	z-index: 600;
	margin: 0 0 0 2px;
	}	
	
#login a
	{
	background-image:none;
	}

#login a:hover
	{
	position:absolute;
	background-image:url(/img/favicon.gif);
	background-repeat:no-repeat;	
	}
	

	

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

textarea 
	{
	font-family: arial, verdana;
	border:0px;
	font-size:12px;
	border: 1px solid #666666;
	margin: 	0 0 0 0;
	}
	
textarea.galapagos
	{
	width:400px;
	}


input
	{
	font-family: arial, verdana;
	font-size:12x;
	height: 18px;
	width: 150px;
	border: 1px solid #666666;
	margin: 	0px 0px 0px 0px;	
	}
	

input.search
	{
	height: 18px;
	width:  110px;
	border: 0px;
	}
	
input.email
	{
	height: 18px;
	width:  100px;
	border: 0px;
	}
	
input.radio
	{
	height: 12px;
	width:  12px;
	border: 0px;
	}
	
input.checkbox
	{
	height: 14px;
	width:  14px;
	border: 0px;
	}


input.searchsubmit
	{
	background-color:#c9de67;
	vertical-align:top;
	height: 20px;
	width:  70px;
	border: 0px;
	border: 0px solid #666666;
	}
	


.submit
	{
	width:70px;
	height:22px;
	cursor:pointer;
	background-color:#c9de67;
	border:1px solid #97b43d;	
	color: #000000;
	font-weight:bold;
	margin: 	1px 0px 1px 0px;
	}
	
.image	
	{
	width:24px;
	height:24px;
	cursor:pointer;
	border:0px solid #97b43d;	
	color: #000000;
	font-weight:bold;
	margin: 	1px 0px 1px 0px;
	}

div.message {
	text-align:center;
	with: 200px;
	padding:12px;
	font-size:12px;
	background-color:#F9FBE4;
	border:1px solid #ED9611;
	text-align:left; 
	margin-bottom:10px;	
	margin-top:10px;	
	font-family:Arial, Helvetica, sans-serif;
	}	


div.error_message {		
		color: #FF0000;
		width: 390px;
		padding-bottom:5px;
		padding-left:10px;
		margin-left:10px;
		font-family:Arial, Helvetica, sans-serif;
		background-color: #FFCCCC;
		}

#flashMessage.message{		
		color: #000000;
		width: 390px;
		padding-bottom:5px;
		padding-left:10px;
		margin-left:10px;
		font-family:Arial, Helvetica, sans-serif;
		background-color: #e4f1a9;
		border:1px solid #c9de67;
		}

/*----------OPMAAK---------------*/

ul {
	list-style:none;
	list-style-image:url(/img/list-stripe.gif);
	}
	


hr {border: none 0; 
	border-top: 1px  dashed #ccc;
	border-bottom: 1px dashed #efefef;
	height: 2px;
	width: 400px;
	margin: 10px auto 0 0;
	text-align: left;
	}



hr.dot {border: none 0; 
	border-top: 1px  dashed #ccc;
	border-bottom: 1px dashed #efefef;
	height: 2px;
	width: 400px;
	margin: 10px auto 0 0;
	text-align: left;
	}
	
hr.shortdot {border: none 0; 
	border-top: 1px  dashed #ccc;
	border-bottom: 1px dashed #efefef;
	height: 2px;
	width: 100px;
	margin: 10px auto 0 0;
	text-align: left;
	}
	

/* Message board
----------------------------------------------- */	

.boardBody
	{
	padding: 0 0 0 10px;
	margin: 0px ;
	font-size:12px;
	font-weight:none;
	width: 410px;
	line-height: 19px;	
	}	
	
*html .boardBody
	{

	position:relative;
	float:left;
	top:auto;
	
	min-height:100%;
	height:100%;

	
	
	
	}	
	
.boardBody a
	{
	text-decoration:none;
	}

.boardBody .small
	{
	font-size:10px;
	}
	
.boardBody .messageTitle
	{
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	}
	
.boardBody tr.row0
	{
	background-color:#e6ebd6;
	}

.boardBody tr.row1
	{
	background-color:#FFFFFF;
	}

.boardBody textarea 
	{
	font-family: arial, verdana;
	border:0px;
	font-size:12px;
	border: 1px solid #666666;
	margin: 	0 0 0 0;
	width: 350px;
	}
	
img.orange{border:10px #FF6600;}
	}	
	
.boardBody a
	{
	text-decoration:none;
	}

.boardBody .small
	{
	font-size:10px;
	}
	
.boardBody .messageTitle
	{
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	}
	
.boardBody tr.row0
	{
	background-color:#e6ebd6;
	}

.boardBody tr.row1
	{
	background-color:#FFFFFF;
	}

.boardBody textarea 
	{
	font-family: arial, verdana;
	border:0px;
	font-size:12px;
	border: 1px solid #666666;
	margin: 	0 0 0 0;
	width: 350px;
	}
	
img.orange{border:10px #FF6600;}/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
	padding:0;
	margin:0;
	text-align:center;
	min-width:882px;/* for mozilla*/
	background-color: #FFFFFF;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(/img/bg.gif);
	margin-top:1px;
}
#outer{
	height:100%;
	min-height:100%;
	width:880px;	
	color: #000000;
	text-align:left;
	margin:auto;
	position:relative;
	background:  url(/img/menu-bg.gif) repeat-y left center;
	position:relative;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
	float:left;
	width:660px;
}

*html #innerwrap {/* enables content first */
	width:670px;
}

#header{
	position:absolute;
	top:0;
	left:1px;
	width:880px;
	height:237px;
	background:#FFFFFF;
	border:0px solid #000;
	overflow:hidden;
	color: #000000;
	z-index:100;
	background-image:url(/img/banner.jpg);
	background-repeat:no-repeat;
}



	
*html #header .menuSearch
	{
	margin:93px 0 0 17px;
	}

#left {
	position:relative;/*ie needs this to show float */
	width:216px;
	float:left;
	padding-top:238px;/*needed to make room for header*/
	padding-bottom:56px;/* needed to make room for footer */
}
#left p {padding-left:3px;padding-right:2px}
#right p {padding-left:4px;padding-right:2px}

#right {
	position:relative;/*ie needs this to show float */
	width:145px;
	float:right;
	padding-top:260px;/*needed to make room for header*/
	padding-bottom:56px;/* needed to make room for footer */
	padding-right:56px;
}

*html #right {
	padding-right:30px;
	}

#footer {
	width:880px;
	clear:both;
	height:50px;
	color: #000000;
	text-align:center;
	left:0px;
	bottom:0;
	position: absolute;
	background-image:url(/img/footer.gif);
	background-repeat:no-repeat;

}
* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent {
	width:410px;
	float:right;
	padding-top:238px;
	padding-bottom:56px;/* needed to make room for footer */
}

*html #centrecontent {
	width:400px;
	}
	


#centrecontent p {padding-left:3px}

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */


#header #lang
	{
	position:absolute;
	z-index:300;
	top: 10px;
	left: 580px;
	}

	
*html #footer #lang
	{
	margin-left: 55px;
	}	
	
#footer #copyright
	{
	font-size:10px;
	color:#FFFFFF;
	text-align:center;
	margin: 15px 0 0 190px;

	
	}	


	
#centrecontent .title
	{
	padding: 0px 0 10px 10px;
	margin: 0px ;
	font-size:14px;
	font-weight:bold;	
	}	
	
	
#centrecontent .body
	{
	padding: 0 0 0 10px;
	margin: 0px ;
	font-size:12px;
	font-weight:none;
	width: 410px;
	line-height: 19px;	
	}	





#right .offers{
	width: 170px;
	margin-bottom: 20px;
	font-size:12px;
	}
	
#right  .offers .offerTitle{
	font-weight:bold;
	}


#right #friendMail{	
	margin-top:20px;
	width: 170px;
	height: 200px;
	background-image:url(/img/email-bg.gif);
	background-repeat:no-repeat;	
	color:#FFFFFF;
}

#right #friendMail .mailTitle{
font-weight:bold;
}

a, a:active {
color: #000000;
font-weight:bold;
text-decoration:none;
}

a:hover{
font-weight:bold;
text-decoration:underline;
}

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

#search
{
position:absolute;
top: 92px;
left: 50px;
z-index:8000;
}


*html #search
{
position:absolute;
top: 92px;
left: 45px;
z-index:8000;
}



/* common styling */
.menu { font-family: arial, sans-serif; width:106px; height:150px; position:relative; margin:0; font-size:12px; margin:15px 0 0 55px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; font-weight:normal; color:#000; width:170px; height:20px; text-align:left; line-height:19px; font-size:12px;}
.menu ul {padding:0 ; margin:0; list-style: none; }
.menu ul li {float:left; margin-right:1px; position:relative; }
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#f3c365; font-weight:normal;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:170px; width:105px;}
.menu ul li:hover ul li a.hide {background:#dfc184; color:#000; font-weight:normal;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#f3c365; color:#000; width:150px;}
.menu ul li:hover ul li a:hover {background:#f3ba49; color:#fff; font-weight:normal;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}


/*-------LOGIN ADMIN-----*/

#admin
	{
	float: left;
	
	
	width: 		400px;
	margin: 	65px 0 0 280px;
	}	
	
#login
	{
	position:absolute;
	width: 31px;
	height: 31px;
	z-index: 600;
	margin: 0 0 0 2px;
	}	
	
#login a
	{
	background-image:none;
	}

#login a:hover
	{
	position:absolute;
	background-image:url(/img/favicon.gif);
	background-repeat:no-repeat;	
	}
	

	

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

textarea 
	{
	font-family: arial, verdana;
	border:0px;
	font-size:12px;
	border: 1px solid #666666;
	margin: 	0 0 0 0;
	}
	
textarea.galapagos
	{
	width:400px;
	}


input
	{
	font-family: arial, verdana;
	font-size:12x;
	height: 18px;
	width: 150px;
	border: 1px solid #666666;
	margin: 	0px 0px 0px 0px;	
	}
	

input.search
	{
	height: 18px;
	width:  110px;
	border: 0px;
	}
	
input.email
	{
	height: 18px;
	width:  100px;
	border: 0px;
	}
	
input.radio
	{
	height: 12px;
	width:  12px;
	border: 0px;
	}
	
input.checkbox
	{
	height: 14px;
	width:  14px;
	border: 0px;
	}


input.searchsubmit
	{
	background-color:#c9de67;
	vertical-align:top;
	height: 20px;
	width:  70px;
	border: 0px;
	border: 0px solid #666666;
	}
	


.submit
	{
	width:70px;
	height:22px;
	cursor:pointer;
	background-color:#c9de67;
	border:1px solid #97b43d;	
	color: #000000;
	font-weight:bold;
	margin: 	1px 0px 1px 0px;
	}
	
.image	
	{
	width:24px;
	height:24px;
	cursor:pointer;
	border:0px solid #97b43d;	
	color: #000000;
	font-weight:bold;
	margin: 	1px 0px 1px 0px;
	}

div.message {
	text-align:center;
	with: 200px;
	padding:12px;
	font-size:12px;
	background-color:#F9FBE4;
	border:1px solid #ED9611;
	text-align:left; 
	margin-bottom:10px;	
	margin-top:10px;	
	font-family:Arial, Helvetica, sans-serif;
	}	


div.error_message {		
		color: #FF0000;
		width: 390px;
		padding-bottom:5px;
		padding-left:10px;
		margin-left:10px;
		font-family:Arial, Helvetica, sans-serif;
		background-color: #FFCCCC;
		}

#flashMessage.message{		
		color: #000000;
		width: 390px;
		padding-bottom:5px;
		padding-left:10px;
		margin-left:10px;
		font-family:Arial, Helvetica, sans-serif;
		background-color: #e4f1a9;
		border:1px solid #c9de67;
		}

/*----------OPMAAK---------------*/

ul {
	list-style:none;
	list-style-image:url(/img/list-stripe.gif);
	}
	


hr {border: none 0; 
	border-top: 1px  dashed #ccc;
	border-bottom: 1px dashed #efefef;
	height: 2px;
	width: 400px;
	margin: 10px auto 0 0;
	text-align: left;
	}



hr.dot {border: none 0; 
	border-top: 1px  dashed #ccc;
	border-bottom: 1px dashed #efefef;
	height: 2px;
	width: 400px;
	margin: 10px auto 0 0;
	text-align: left;
	}
	
hr.shortdot {border: none 0; 
	border-top: 1px  dashed #ccc;
	border-bottom: 1px dashed #efefef;
	height: 2px;
	width: 100px;
	margin: 10px auto 0 0;
	text-align: left;
	}
	

/* Message board
----------------------------------------------- */	

.boardBody
	{
	padding: 0 0 0 10px;
	margin: 0px ;
	font-size:12px;
	font-weight:none;
	width: 410px;
	line-height: 19px;	
	}	
	
*html .boardBody
	{

	position:relative;
	float:left;
	top:auto;
	
	min-height:100%;
	height:100%;

	
	
	
	}	
	
.boardBody a
	{
	text-decoration:none;
	}

.boardBody .small
	{
	font-size:10px;
	}
	
.boardBody .messageTitle
	{
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	}
	
.boardBody tr.row0
	{
	background-color:#e6ebd6;
	}

.boardBody tr.row1
	{
	background-color:#FFFFFF;
	}

.boardBody textarea 
	{
	font-family: arial, verdana;
	border:0px;
	font-size:12px;
	border: 1px solid #666666;
	margin: 	0 0 0 0;
	width: 350px;
	}
	
img.orange{border:10px #FF6600;}/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
	padding:0;
	margin:0;
	text-align:center;
	min-width:882px;/* for mozilla*/
	background-color: #FFFFFF;
	color: #000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(/img/bg.gif);
	margin-top:1px;
}
#outer{
	height:100%;
	min-height:100%;
	width:880px;	
	color: #000000;
	text-align:left;
	margin:auto;
	position:relative;
	background:  url(/img/menu-bg.gif) repeat-y left center;
	position:relative;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
	float:left;
	width:660px;
}

*html #innerwrap {/* enables content first */
	width:670px;
}

#header{
	position:absolute;
	top:0;
	left:1px;
	width:880px;
	height:237px;
	background:#FFFFFF;
	border:0px solid #000;
	overflow:hidden;
	color: #000000;
	z-index:100;
	background-image:url(/img/banner.jpg);
	background-repeat:no-repeat;
}



	
*html #header .menuSearch
	{
	margin:93px 0 0 17px;
	}

#left {
	position:relative;/*ie needs this to show float */
	width:216px;
	float:left;
	padding-top:238px;/*needed to make room for header*/
	padding-bottom:56px;/* needed to make room for footer */
}
#left p {padding-left:3px;padding-right:2px}
#right p {padding-left:4px;padding-right:2px}

#right {
	position:relative;/*ie needs this to show float */
	width:145px;
	float:right;
	padding-top:260px;/*needed to make room for header*/
	padding-bottom:56px;/* needed to make room for footer */
	padding-right:56px;
}

*html #right {
	padding-right:30px;
	}

#footer {
	width:880px;
	clear:both;
	height:50px;
	color: #000000;
	text-align:center;
	left:0px;
	bottom:0;
	position: absolute;
	background-image:url(/img/footer.gif);
	background-repeat:no-repeat;

}
* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:50px;/* for ie6 */
}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent {
	width:410px;
	float:right;
	padding-top:238px;
	padding-bottom:56px;/* needed to make room for footer */
}

*html #centrecontent {
	width:400px;
	}
	


#centrecontent p {padding-left:3px}

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */


#header #lang
	{
	position:absolute;
	z-index:300;
	top: 10px;
	left: 580px;
	}

	
*html #footer #lang
	{
	margin-left: 55px;
	}	
	
#footer #copyright
	{
	font-size:10px;
	color:#FFFFFF;
	text-align:center;
	margin: 15px 0 0 190px;

	
	}	


	
#centrecontent .title
	{
	padding: 0px 0 10px 10px;
	margin: 0px ;
	font-size:14px;
	font-weight:bold;	
	}	
	
	
#centrecontent .body
	{
	padding: 0 0 0 10px;
	margin: 0px ;
	font-size:12px;
	font-weight:none;
	width: 410px;
	line-height: 19px;	
	}	





#right .offers{
	width: 170px;
	margin-bottom: 20px;
	font-size:12px;
	}
	
#right  .offers .offerTitle{
	font-weight:bold;
	}


#right #friendMail{	
	margin-top:20px;
	width: 170px;
	height: 200px;
	background-image:url(/img/email-bg.gif);
	background-repeat:no-repeat;	
	color:#FFFFFF;
}

#right #friendMail .mailTitle{
font-weight:bold;
}

a, a:active {
color: #000000;
font-weight:bold;
text-decoration:none;
}

a:hover{
font-weight:bold;
text-decoration:underline;
}

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

#search
{
position:absolute;
top: 92px;
left: 50px;
z-index:8000;
}


*html #search
{
position:absolute;
top: 92px;
left: 45px;
z-index:8000;
}



/* common styling */
.menu { font-family: arial, sans-serif; width:106px; height:150px; position:relative; margin:0; font-size:12px; margin:15px 0 0 55px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; font-weight:normal; color:#000; width:170px; height:20px; text-align:left; line-height:19px; font-size:12px;}
.menu ul {padding:0 ; margin:0; list-style: none; }
.menu ul li {float:left; margin-right:1px; position:relative; }
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#f3c365; font-weight:normal;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:170px; width:105px;}
.menu ul li:hover ul li a.hide {background:#dfc184; color:#000; font-weight:normal;}
.menu ul li:hover ul li:hover a.hide {width:150px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#f3c365; color:#000; width:150px;}
.menu ul li:hover ul li a:hover {background:#f3ba49; color:#fff; font-weight:normal;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:151px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:200px; background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}


/*-------LOGIN ADMIN-----*/

#admin
	{
	float: left;
	
	
	width: 		400px;
	margin: 	65px 0 0 280px;
	}	
	
#login
	{
	position:absolute;
	width: 31px;
	height: 31px;
	z-index: 600;
	margin: 0 0 0 2px;
	}	
	
#login a
	{
	background-image:none;
	}

#login a:hover
	{
	position:absolute;
	background-image:url(/img/favicon.gif);
	background-repeat:no-repeat;	
	}
	

	

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

textarea 
	{
	font-family: arial, verdana;
	border:0px;
	font-size:12px;
	border: 1px solid #666666;
	margin: 	0 0 0 0;
	}
	
textarea.galapagos
	{
	width:400px;
	}


input
	{
	font-family: arial, verdana;
	font-size:12x;
	height: 18px;
	width: 150px;
	border: 1px solid #666666;
	margin: 	0px 0px 0px 0px;	
	}
	

input.search
	{
	height: 18px;
	width:  110px;
	border: 0px;
	}
	
input.email
	{
	height: 18px;
	width:  100px;
	border: 0px;
	}
	
input.radio
	{
	height: 12px;
	width:  12px;
	border: 0px;
	}
	
input.checkbox
	{
	height: 14px;
	width:  14px;
	border: 0px;
	}


input.searchsubmit
	{
	background-color:#c9de67;
	vertical-align:top;
	height: 20px;
	width:  70px;
	border: 0px;
	border: 0px solid #666666;
	}
	


.submit
	{
	width:70px;
	height:22px;
	cursor:pointer;
	background-color:#c9de67;
	border:1px solid #97b43d;	
	color: #000000;
	font-weight:bold;
	margin: 	1px 0px 1px 0px;
	}
	
.image	
	{
	width:24px;
	height:24px;
	cursor:pointer;
	border:0px solid #97b43d;	
	color: #000000;
	font-weight:bold;
	margin: 	1px 0px 1px 0px;
	}

div.message {
	text-align:center;
	with: 200px;
	padding:12px;
	font-size:12px;
	background-color:#F9FBE4;
	border:1px solid #ED9611;
	text-align:left; 
	margin-bottom:10px;	
	margin-top:10px;	
	font-family:Arial, Helvetica, sans-serif;
	}	


div.error_message {		
		color: #FF0000;
		width: 390px;
		padding-bottom:5px;
		padding-left:10px;
		margin-left:10px;
		font-family:Arial, Helvetica, sans-serif;
		background-color: #FFCCCC;
		}

#flashMessage.message{		
		color: #000000;
		width: 390px;
		padding-bottom:5px;
		padding-left:10px;
		margin-left:10px;
		font-family:Arial, Helvetica, sans-serif;
		background-color: #e4f1a9;
		border:1px solid #c9de67;
		}

/*----------OPMAAK---------------*/

ul {
	list-style:none;
	list-style-image:url(/img/list-stripe.gif);
	}
	


hr {border: none 0; 
	border-top: 1px  dashed #ccc;
	border-bottom: 1px dashed #efefef;
	height: 2px;
	width: 400px;
	margin: 10px auto 0 0;
	text-align: left;
	}



hr.dot {border: none 0; 
	border-top: 1px  dashed #ccc;
	border-bottom: 1px dashed #efefef;
	height: 2px;
	width: 400px;
	margin: 10px auto 0 0;
	text-align: left;
	}
	
hr.shortdot {border: none 0; 
	border-top: 1px  dashed #ccc;
	border-bottom: 1px dashed #efefef;
	height: 2px;
	width: 100px;
	margin: 10px auto 0 0;
	text-align: left;
	}
	

/* Message board
----------------------------------------------- */	

.boardBody
	{
	padding: 0 0 0 10px;
	margin: 0px ;
	font-size:12px;
	font-weight:none;
	width: 410px;
	line-height: 19px;	
	}	
	
*html .boardBody
	{

	position:relative;
	float:left;
	top:auto;
	
	min-height:100%;
	height:100%;

	
	
	
	}	
	
.boardBody a
	{
	text-decoration:none;
	}

.boardBody .small
	{
	font-size:10px;
	}
	
.boardBody .messageTitle
	{
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	}
	
.boardBody tr.row0
	{
	background-color:#e6ebd6;
	}

.boardBody tr.row1
	{
	background-color:#FFFFFF;
	}

.boardBody textarea 
	{
	font-family: arial, verdana;
	border:0px;
	font-size:12px;
	border: 1px solid #666666;
	margin: 	0 0 0 0;
	width: 350px;
	}
	
img.orange{border:10px solid #FF6600;}
