html {
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 
	background:#8CD600;
	font-size:10px; 
	font-family:verdana, arial, times new roman, serif;
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden; 
	/* */ 
	}

body {
	height:100%; 
	max-height:100%; 
	width:100%;
	max-width:100%;
	overflow:hidden; 
	padding:0px; 
	margin:0px; 
	border:0;
	text-align: left; /* for IE */
	background:#7FBA00;
	/* scrollbar-base-color: #8CD600;
	scrollbar-track-color: #7FBA00;
	scrollbar-face-color: #8CD600;
	scrollbar-highlight-color: #7FBA00;
	scrollbar-3dlight-color: #7FBA00;
	scrollbar-darkshadow-color: #7FBA00;
	scrollbar-shadow-color: #7FBA00;
	scrollbar-arrow-color: #7FBA00; */
	}

td.textbox
{
	FONT: 8px Verdana, Arial,Helvetica,sans-serif; 
	COLOR: #ff0000;
}

.datagrid
{
	FONT: 8px Verdana, Arial,Helvetica,sans-serif; 
	COLOR: #000000;
}

#content-menuleftSide
{
	position:absolute; 
	background-image: url('../Images/shadow_left.png');
	background-repeat: repeat-y;
	background-position: right;
	width: 11px;
	top:0;
	bottom:0px;
    left:39px;	/* deze is voor IE, FF kan er zonder, maar IE natuurlijk weer niet */
	min-height:100%;
   	height:auto !important; /* voor moderne browsers */
	height:100%;  /* voor IE */
}

#content-printer {
	position:absolute; 
	overflow:auto; 
	left:0px; 
	top:0; 
	bottom:0;
	width:800px;
	min-width:700px; 
	height:100%; 
	background:#ffffff; 
	font-size:1em; 
	border:0px solid #000;
}

#content-container {
	position:absolute; 
	left:50px; 
	top:0; 
	bottom:0;
	width:80%;
	/* min-width:700px; */
	height:100%; 
	background:#8CD600; 
	font-size:1em; 
	border:0px solid #000;
}

#content-menuheader {
	position:absolute; 
	left:0px; 
	top:0px; 
	bottom:0;
	width:250px; 
	min-width:250px; 
	font-size:1em; 
	border:0px solid #000;
	background:#8CD600;
	text-align:center;
}

#fixed-addbutton{
	position:fixed;/* ie6 will treat this as fixed because of a bug where overflow:auto is set on a parent */
	bottom:85px;
	left:210px;
	padding:5px;
	width:120px;
	height:44px;
	background:#7FBA00;
	z-index:999;
}

#fixed-banner{
	position:fixed;/* ie6 will treat this as fixed because of a bug where overflow:auto is set on a parent */
	top:60px;
	right:10px;
	padding:5px;
	width:140px;
	height:150px;
	overflow:hidden;
	background:#7FBA00;
	z-index:999;
	border-left:2px solid #007F0E;
	border-bottom:8px solid #007F0E;
	border-top:2px solid #007F0E;
	border-right:8px solid #007F0E;
	}
	#contentwrapper{
	width: 140px;
	height: 150px;
	border: 0px;
	background-color: #7FBA00;
	padding: 0px;
	}
	.billcontent{
	width: 100%;
	display:block;
	}

#middle-inner
{
	position:absolute;/* ie6 will treat this as fixed because of a bug where overflow:auto is set on a parent */
	top:0;
	left:0px;
	padding:5px;
	width:240px;
	height:110px;
	background:#8CD600;
}
#middle-bottom
{
	position:absolute;
	top:100px;
	left:7px;
	height:30px;
	width:222px;
	text-align:center;
	background:green;
	font-size:12px;
	color:White;
	font-weight:bold; 
	padding-left:5px;
	padding-right:5px;
}

#content-menu {
	position:absolute; 
	overflow:auto; 
	/* left:2px; */
	text-align:center;
	top:130px; 
	width:250px; 
	bottom:30px;
	border:0px solid #000;
	background:#8CD600;
   	height:auto !important; /* voor moderne browsers */
	height:100%;  /* voor IE */
	padding-top:20px;

	/* background-image: url('../Images/AttentOpacityMenu.gif');
	background-repeat:no-repeat;
	background-position: center; */
}


#content-leftSide
{
	position:absolute; 
	background-image: url('../Images/shadow_left.png');
	background-repeat: repeat-y;
	background-position: right;
	width: 11px;
	top:0;
	bottom: 30px;
    	left:260px;	/* deze is voor IE, FF kan er zonder, maar IE natuurlijk weer niet */
	min-height:100%;
   	height:auto !important; /* voor moderne browsers */
	height:100%;  /* voor IE */
	}

#content-links {
	top:0px; 
	left:271px; 
	bottom:30px; 
	position:absolute; 
	overflow:auto;
	width:90%;
	display:block; 
	/* min-width:700px;  */
	border-top:0px solid #000;
	border-left:1px solid #000;
	border-right:0px solid #000;
	padding:0px; 
	margin:0px;
	height:96%; 
	background-color:#F2FAE3;
	}


#content 
{
	display:block; 
	overflow:auto; 
	position:absolute; 
	top:0px; 
	left:271px; 
	bottom:30px; 
	width:75%;
	/* min-width:700px;  */
	border-top:0px solid #000;
	border-left:1px solid #000;
	border-right:0px solid #000;
	background:#ffffff;
	height:100%; 
	max-height:100%; 
	padding:0px; 
	margin:0px; 
	background-color:#F2FAE3;
	}
	
#content-detail {
	position:relative; 
	width:100%;
	top:0px; 
	left:0px; 
	height:95%; 
	max-height:95%; 
	overflow:auto; 
	bottom:30px;
	}
	
#content-body {
	display:block; 
	overflow:auto; 
	position:absolute; 
	width:100%;
	top:0px; 
	left:0px; 
	height:97%; 
	max-height:97%; 
	overflow:auto; 
	bottom:30px;
	background-color:#F2FAE3;
	}

#content-rightSide
{
	position: absolute;
	background:#7FBA00 url('../Images/shadow_right.png') repeat-y;
	width: 11px;
	top: 0;
	bottom: 30px;
	right: 0px; /* deze is voor IE, FF kan er zonder, maar IE natuurlijk weer niet */
	min-height:100%;
   	height:auto !important; /* voor moderne browsers */
	height:100%;   /* voor IE */

}

	
#footer {
	height:30px; 
	text-align:center;
	position:absolute; 
	left:0; 
	bottom:0; 
	width:100%; 
	min-width:100%; 
	font-size:12px; 
	border:1px solid #000;
	font-family: trebuchet MS, tahoma, verdana, arial, sans-serif;
	font-weight:bold;
	color:#000;
	background:#7FBA00; 
	z-index:999;
	}

#startpagina
{
	text-align: right; 
	font-size: 11px; 
	height:100px; 
	padding-right:10px; 
	background-repeat:no-repeat;
}

#berichten
{
	text-align: left; 
	font-size: 11px; 
	height:100px; 
	padding-right:10px; 
	background-repeat:no-repeat;
}

#bestellingen
{
	text-align: left; 
	font-size: 11px; 
	padding-right:10px; 
	height:20px;
	background-repeat:no-repeat;
}

.picture-frame
{
	position:relative;/* ie6 will treat this as fixed because of a bug where overflow:auto is set on a parent */
	top:0px;
	left:0px;
	height:125px;
	width:150px;
	margin:0;
	padding:0;
	overflow:hidden;
	background:white;
	BORDER-LEFT: 1px solid #8CD600;
	BORDER-TOP: 1px solid #8CD600;
	BORDER-RIGHT: 3px solid #7FBA00;
	BORDER-BOTTOM: 3px solid #7FBA00;
}

.empty-picture-frame
{
	position:relative;/* ie6 will treat this as fixed because of a bug where overflow:auto is set on a parent */
	top:0px;
	left:0px;
	height:0px;
	width:150px;
	margin:0;
	padding:0;
	overflow:hidden;
	background:white;
}

.button
{
	FONT: bold 10px Verdana, Arial,Helvetica,sans-serif;
	width:120px;
	height:22px;
	BACKGROUND: #bad2ed;
	COLOR: #000000;
	CURSOR: hand; 
	TEXT-DECORATION: none;
	BORDER-LEFT: 1px solid #2e4054;
	BORDER-TOP: 1px solid #2e4054;
	BORDER-RIGHT: 1px solid #7e017f;
	BORDER-BOTTOM: 1px solid #7e017f;
}

.tdover
{
	background:#7FBA00;
}
.tdout
{
	background:inherit;
}

/* MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM */

ul#split-login,ul#split-login li{margin:0;padding:0;list-style:none}
ul#split-login li{position:relative;top:0px;left:5px;width:220px;margin:0 10px 10px 0px}
ul#split-login h3{font: normal 120%/1.3 Verdana,sans-serif; text-transform:uppercase;margin:0px;padding: 3px 0 3px;text-align:center;color: #000}
ul#split-login p{margin:0;padding:5px 8px 5px}
ul#split-login div{background-image: url('../Images/menumisc_background.gif')
}

ul#split-zoek,ul#split-zoek li{margin:0;padding:0;list-style:none}
ul#split-zoek li{position:relative;top:-5px;left:5px;width:220px;margin:0 10px 10px 0}
ul#split-zoek h3{font: normal 120%/1.3 Verdana,sans-serif; text-transform:uppercase;margin:0px;padding: 3px 0 3px;text-align:center;color: #000}
ul#split-zoek p{margin:0;padding:5px 8px 15px}
ul#split-zoek div{background-image: url('../Images/menumisc_background.gif')
}

ul#split-aanb,ul#split-aanb li{margin:0;padding:0;list-style:none}
ul#split-aanb li{position:relative;top:-5px;left:5px;width:220px;margin:0 10px 10px 0}
ul#split-aanb h3{font: normal 120%/1.3 Verdana,sans-serif; text-transform:uppercase;margin:0px;padding: 3px 0 3px;text-align:center;color: #000}
ul#split-aanb p{margin:0;padding:5px 8px 15px}
ul#split-aanb div{background-image: url('../Images/menumisc_background.gif')
}

ul#split-misc,ul#split-misc li{margin:0;padding:0;list-style:none}
ul#split-misc li{position:relative;top:-5px;left:5px;width:220px;margin:0 10px 10px 0}
ul#split-misc h3{font: normal 120%/1.3 Verdana,sans-serif; text-transform:uppercase;margin:0px;padding: 3px 0 3px;text-align:center;color: #000}
ul#split-misc p{margin:0;padding:5px 8px 15px}
ul#split-misc div{background-image: url('../Images/menumisc_background.gif')
}

/* li four = AANBIEDINGEN */
li#one h3{background: #7FBA00; font-weight:bold; color:White;}
li#two h3{background: #7FBA00; font-weight:bold; color:White;}
li#three h3{background: #7FBA00; font-weight:bold; color:White;}
li#four h3{background: #7FBA00; font-weight:bold; color:White;}

ul#about-bottomfirst,ul#about-bottomfirst li{list-style-type:none;margin:0;padding:0}
ul#about-bottomfirst{width: 600px;margin:5px auto 0;text-align:left}
ul#about-bottomfirst li{float:left;width: 160px; height:140px;padding: 5px 10px 20px 20px; margin:8px 8px 0 0}
li#A1{background-image: url('../Images/picbox_background.gif')
}
li#A2{background-image: url('../Images/picbox_background.gif')
}
li#A3{background-image: url('../Images/picbox_background.gif')
}
li#A4{background-image: url('../Images/picbox_background.gif')
}

ul#about-bottommiddle1,ul#about-bottommiddle1 li{list-style-type:none;margin:0;padding:0}
ul#about-bottommiddle1{width: 600px;margin:5px auto 0;text-align:left}
ul#about-bottommiddle1 li{float:left;width: 160px; height:140px;padding: 5px 10px 20px 20px; margin:8px 8px 0 0}
li#B1{background-image: url('../Images/picbox_background.gif')
}
li#B2{background-image: url('../Images/picbox_background.gif')
}
li#B3{background-image: url('../Images/picbox_background.gif')
}
li#B4{background-image: url('../Images/picbox_background.gif')
}

ul#about-bottommiddle2,ul#about-bottommiddle2 li{list-style-type:none;margin:0;padding:0}
ul#about-bottommiddle2{width: 600px;margin:5px auto 0;text-align:left}
ul#about-bottommiddle2 li{float:left;width: 160px; height:140px;padding: 5px 10px 20px 20px; margin:8px 8px 0 0}
li#C1{background-image: url('../Images/picbox_background.gif')
}
li#C2{background-image: url('../Images/picbox_background.gif')
}
li#C3{background-image: url('../Images/picbox_background.gif')
}
li#C4{background-image: url('../Images/picbox_background.gif')
}

ul#about-bottommiddle3,ul#about-bottommiddle3 li{list-style-type:none;margin:0;padding:0}
ul#about-bottommiddle3{width: 600px;margin:5px auto 0;text-align:left}
ul#about-bottommiddle3 li{float:left;width: 160px; height:140px;padding: 5px 10px 20px 20px;margin:8px 8px 0 0}
li#D1{background-image: url('../Images/picbox_background.gif')
}
li#D2{background-image: url('../Images/picbox_background.gif')
}
li#D3{background-image: url('../Images/picbox_background.gif')
}
li#D4{background-image: url('../Images/picbox_background.gif')
}


ul#about-bottomlast,ul#about-bottomlast li{list-style-type:none;margin:0;padding:0}
ul#about-bottomlast{width: 600px;margin:5px auto 0;text-align:left}
ul#about-bottomlast li{float:left;width: 160px; height:140px;padding: 5px 10px 20px 20px;margin:8px 8px 0 0}
li#E1{background-image: url('../Images/picbox_background.gif')
}
li#E2{background-image: url('../Images/picbox_background.gif')
}
li#E3{background-image: url('../Images/picbox_background.gif')
}
li#E4{background-image: url('../Images/picbox_background.gif')
}


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