body     
{	font-family:Tahoma,sans serif; font-size:9pt;
    color:black;
	background-color:#eee; 
	margin:1px;
}

a 
{	
	text-decoration:none;
	font-weight:bold;
	color:blue;
}	
a:hover
{	
	text-decoration:none;
	font-weight:bold;
	color:red;
}	

a img
{	border:none;
}

@media print { .noprint {display: none;} }

img.inlineimg
{
	vertical-align:top;
}

input 
{	background-color:#ddd;  
	border : 1px white solid;
	font:inherit;
}
input.error
{	
	border : 1px red solid;
	
}
select
{	background-color:#ddd;  
	border : 1px white solid;
	font:inherit;
}

table.artbrowse
{	width:90%;
	margin:auto;
}

div.pagelinks
{	float:left;
}

div.searchbox
{	float:right;
	padding-right:50px;
}
#fullpage
{
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
	width:100%;

	background-attachment: fixed;
	background-position: right top;
    background-repeat: no-repeat;
	overflow-x:hidden;
	overflow-y:auto;
	background-color:#333;
	color:white;
}

div#pagina
{
	margin:auto;
	padding:0;
	text-align:left;
	vertical-align:middle;
	width:100%;
	position:relative;
}

div#content
{	min-width:100px; 
	width: 400px; 
	height:600px;
	padding-left:20px;
	position:relative;
	float:left;
	overflow:auto;
	background-color:#eee;
	color:black;
}

div#left_panel
{   overflow:hidden;
	float	:left;
	height 	: 98%;
	width  	: 40%;
	padding : 20px;

}

div#right_panel
{   overflow-y:auto;
	float:left;
	height : 98%;
	width  : 49%;
	padding : 20px;

}
#sitekop p
{	margin:2px;
	background-color:#eee;
}
div#useraddresses
{
	float:left;
	width:200px;
}	
div.pane
{ float:left;
}

th
{	text-align:left;
}

th.number,
td.number
{	text-align:right;
}
.alert
{	color:#f44;
	background-color:#fee;
	font-weight:bold;
}

/********************************************************************************************
* Home page
*********************************************************************************************/
img.imgstrip 
{	height:100px;
	margin-right:1px;
}

table.homepage {
	width :94%;
    border:none;
}
.homereclame {
	width:145px;
	height: 500px;
	overflow:hidden;
}	
#homereclamelinks
{
	float : left;
}
#homereclamerechts
{
	float : right;
}
	
.homereclame  img.reclame{
	width:125px;
	height:200px;
	margin:0px 10px 13px 10px;
	border:1px white solid;
}
#homereclamerechts  img.reclame{
	width:125px;
	height:200px;
	margin:0px 14px 13px 1px;
	border:1px white solid;
}
div.galeriereclame  
{	text-align:center;
}
.galeriereclame  img.reclame{
	max-width:200px;
	height:200px;
	margin:0px 10px 13px 10px;
	border:1px white solid;
	
}

.clubbladreclame img.reclame {
    width:234px;
	height:60px;
	margin:4px 25px;
	
}
.clubbladreclame img.reclame:hover {
    width:284px;
	height:68px;
	margin:0px 0px;
	
}


div.edit
{ 	text-align:left;
}

  div.editBox { width:48%; height:95%;
                margin:5px; padding: 3px;
                border:solid thin black;   overflow-y:scroll;
                float:left;
              }
  div.form    { width:95%; height:80%;  padding: 3px;
                border:solid thin black;   overflow-y:scroll;
              }
  img.artwork { /* filter:alpha(opacity=99);  IE's opacity*/
                opacity: 1.0;
              }
  div#messDiv { clear:left;}
  div.browseBox { width:48%; height: 95%;
                  margin:5px; padding: 3px;
                  border:solid thin black;   overflow:scroll;
                  float:left;
              }
.contactimg 
{	vertical-align:middle;
} 
/********************************************************************************************
* Drag-able popup box
*********************************************************************************************/
div#pop
{	position:absolute; visibility:hidden; border:thin solid black;
    top: 190px; left: 220px; width :600px; height:417px;
    /*overflow-y:auto;*/
    background-color: white;
    /*filter:alpha(opacity=95);
    opacity: 0.95; */

}
.bar
{
	background-color: #008080;
	color: #ffffff;
	font-weight: bold;
	padding: 0px;
	height: 17px;
	float : left;
	cursor: move;
}

div#popContent
{   overflow-y:auto;
	height : 400px;
	width  : 100%;
    /*filter:alpha(opacity=95);
    opacity: 0.95; */

}
div#popContent  img.artwork
{	max-height:390px;
	margin: 5px 10px 5px 5px;
}
div#popContent  div.artinfo
{	float:right;
	width:47%;
}


/********************************************************************************************
* popup Kalender box
*********************************************************************************************/
table.KalenderNav 
{	background-color:silver;
	width:100%;
	border-collapse:collapse;
	font-size : 8pt;
	/*table-layout:fixed;	*/
}	

table.Kalender
{	/*background-color:silver; */
	border-collapse:separate;
	border-spacing:0px;
	margin :auto;
}
table.Kalender td
{	font-size : 8pt;
	margin:0px;
	border: 1px solid transparent;
}
table.Kalender td.KalenderKop
{	border-bottom:1px solid gray;

}
table.Kalender td.KalenderSelected
{	border:1px solid gray;
}
table.Kalender td.KalenderVandaag
{	border:1px dotted gray;
	background-color:#E0E0D0;
}
/********************************************************************************************
* Artbrowse
*********************************************************************************************/

div.artbrowse
{	width:85%;
    margin:5px 35px; padding: 3px;
    overflow-y:auto;
    float:left;
}
table#setgrid
{ 	border-collapse:collapse;
	
}
#setgrid td 
{	border:1px dotted gray;
}
#setgrid td:hover
{ background-color:#e6e6e6;
}
#gridimg
{vertical-align:top;
}
 .odd td { background-color:#e6e6e6;}

td.artbrowseimg
{	overflow:hidden;
}
div.copyright {float: left; clear:left; width:100%;text-align:center;color:#fff;}

.artbrowsethumb
{	max-height:70px;
	max-width:180px;
}	
/********************************************************************************************
* Veiling
*********************************************************************************************/

table.veilingtab
{	width:85%;
    margin:5px 35px; padding: 3px;
    overflow-y:auto;
    border-spacing: 0;
}
tr.odd
{ background-color:#e6e6e6;}
 .odd td { background-color:#e6e6e6;}

td.artbrowseimg
{	overflow:hidden;
}
div.copyright {float: left; clear:left;}

.artbrowsethumb
{	max-height:70px;
	max-width:180px;
}	

/*******************************************************************************************
**     Edit
********************************************************************************************/
div.edit
{	float : left;
	width:68%;
	
}
/*******************************************************************************************
**     ImageList
********************************************************************************************/
div.ImageList
{	float : left;
	width:15%;
	border-style:  inset; 
	background-color:#E0E0D0;
	padding:8px;
}
div.ImageList > h3
{ margin-bottom:2px;
}
div.ListImage
{	float : left;
	text-align:center;
	border-style:  outset; 
	margin:5px;
	background-color:#D0D0D0;
}
/*******************************************************************************************
**     image_select
********************************************************************************************/
div.image_select
{	float : left;
	background-color:#E0E0D0;
	padding-right:10px;
}
div.image_select img
{	height:60px;
}
div.image_select_list
{	float : left;
	clear:both;
	padding:3px;
}

/*******************************************************************************************
**     Menu
********************************************************************************************/

.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

/* BUBBLE PLASTIC HORIZONTAL MENU */

.menu {
	width: 100%;
	height: 24px;
	margin: 0;
	padding: 0;
	background-color:#8c8;
	border:thin solid #080;
	background-image:url(/images/back-butt-groen.png);
	background-repeat:repeat-x;
	
}
.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width:100%;
	overflow:hidden;

}

.menu ul li {
	float: left;
	margin-right: 12px;
	padding: 0;
	background-color: #8c8;
	
}

div#topmenu
{	height: 25px;
}

.menu ul li a {
	display: block;
	height: 18px;
	padding: 2px 12px 2px 10px;
	float: left;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	font-weight:bold;
	background-image:url(/images/butt-groen.png);
}

.select_highlight
{
	background-color: #FDC505;
}

.menu ul li a:hover,
.menu ul li.highlight a 
{
	background-color: #ffc;
	background-image:url(/images/butt-amber.png);
}
.sidemenu {
	width: 175px;
	margin: 0;
	padding: 0;
	float: left;
	overflow:hidden;
	min-height:416px;
	/* background-image:url(/images/butt-groen.png);
	background-repeat:repeat-y;
	*/
	background-color:#080;
}

.sidemenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow:hidden;
	/* border:thin solid #080;*/ 
	background-color:#cfc;
}

.sidemenu ul li 
{
	margin: 0;
	padding: 0;
	background-color: #8c8;
	border-color: #080;
	border-width: 1px 1px 0px 0px;
}


.sidemenu ul li a {
	display: block;
	height: 20px;
	padding: 5px 10px;
	float: left;
	text-transform: uppercase;
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	background-image:url(/images/butt-groen.png);
}
.sidemenu ul li .menutext {
	display: block;
	height: 20px;
	padding: 5px 10px;
	float: left;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	background-color:#beb;
	width: 100%;
	background-image:url(/images/butt-groen.png);
}

/* END BUBBLE PLASTIC HORIZONTAL MENU */




.sidemenu ul li a:hover,
.sidemenu ul li.highlight a,
.sidemenu ul li a:hover span.sidemenu_ar,
.sidemenu  ul li.highlight a span.sidemenu_ar 
{
	background-color: #ffc;
	background-image:url(/images/butt-amber.png);
}

#test li {
	display: block;
	border: solid 1px red;
}

/******************* Kalender **********************/
div.agenda_calendar
{	float:left;
	width:30%;
}
div.agenda_description
{	float:left;
	width:60%;
}

table.calendar2
{
	background:#FFF;
	border:1px solid #000;
	border-collapse:collapse;
	color:#000;
	width :90%;
	margin: 10px; 
}

.calendarday 
{	font-size:14px;
}
td.calendar_today
{
	background:#EFEFEF;
	border:2px solid #FFF;
	font-weight:700;
	height:18%;
	width:14%;
}
td.calendar_selected
{
	background:#FFFFFF;
	border:2px solid #00F;
	font-weight:800;
	height:18%;
	width:14%;
}
td.calendar_monthname
{	text-align:center;
	font-size:20px;
}
table.agenda_dag td
{	vertical-align:top;
}
td.calendar_daynames
{
	background:#EEE;
	border:1px solid #434470;
	color:#000;
	height:18%;
	width:14%;
}

td.calendar_days
{
	background:#E0E0E0;
	border:1px solid #434470;
	color:#000;
	height:30px;
	width:14%;
}

td.calendar_nonmonthdays
{
	background:gray;
	border:1px solid #000;
	color:#000;
	height:18%;
	width:14%;
}
table.calendar
{
	background:#FFF;
	border:1px solid #000;
	border-collapse:collapse;
	color:#000;
	width :90%;
	margin:auto; 
}
.calendarday 
{	font-size:14px;
}
td.today
{
	background:#EFEFEF;
	border:1px solid #FFF;
	color:#000;
	font-weight:700;
	height:18%;
	width:14%;
}

td.monthdays
{
	background:#EEE;
	border:1px solid #434470;
	color:#000;
	height:18%;
	width:14%;
}

td.days
{
	background:#E0E0E0;
	border:1px solid #434470;
	color:#000;
	height:18%;
	width:14%;
}

td.nonmonthdays
{
	background:gray;
	border:1px solid #000;
	color:#000;
	height:18%;
	width:14%;
}
/**************** Einde Kalender ********************************/