/*
    Copyright, 200, Accept Development B.V.
    Frank van Nielen

    simulatie van frames

    BRON
        author      href="mailto:css-stuff@alex.cloudband.com" 
        copyright   href="http://creativecommons.org/licenses/publicdomain/" 
        title=      Released under the Creative Commons Public Domain Licence" />
		http://www.fu2k.org/alex/css/frames/pixels

        Works in IE7, IE6, IE5.5, IE5.01, Firefox 0.8, Mozilla 1.6, Safari 1.1, Opera 7.5, Opera 7.23.
        Degrades acceptably in Mac IE5.
*/

#body
	{ 
	background-color:gray;
    }

#frame
	{
	position: absolute;
	top: 5px;
	right: 5px;
	bottom: 5px;
	left: 5px;
	/* Exclude all previous props for Mac IE5 */
	margin: 5px 5px 5px 5px; 							/* Cater for Mac IE5 */
	/*\*/ margin: auto; 										/* Put back for all the rest */
	/*\*/ overflow: hidden; 								/* no need for Mac IE5 to see this */
	/* let the IE expressions commence */
	# left:expression(document.body.clientWidth > 1500 ? (((document.body.clientWidth - 1500) / 2) + 'px')  : ((10) + 'px') );
	# width: expression(document.body.clientWidth < 800 ? (800 - (5 + 5) + 'px') : document.body.clientWidth > 1500 ? (1500  - (5 + 5) + 'px') : (document.body.clientWidth  - (5 + 5) + 'px'));
	# height: expression(document.body.clientHeight < 600 ? (document.body.clientHeight - (5 + 5)  + 'px') : (document.body.clientHeight - (5 + 5) + 'px') );
	min-width:800px;
	max-width:1500px;
	min-height:600px;
	background-color:white;	
	}
#background_frame
	{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	/* Exclude all previous props for Mac IE5 */
	margin: 0px 0px 0px 0px; 	     					/* Cater for Mac IE5 */
	/*\*/ margin: 0; 											/* Put back for all the rest */
	/*\*/ overflow: auto; 									/* no need for Mac IE5 to see this */
	/* let the IE expressions commence */
	# width: expression(document.body.clientWidth < 800 ? (800  - (5 + 5) + 'px') : document.body.clientWidth > 1500 ? (1500  - (5 + 5) + 'px') : (document.body.clientWidth  - (5 + 5) + 'px'));
	# height: expression(document.body.clientHeight < 600 ? (document.body.clientHeight - (5 + 5)  + 'px') : (document.body.clientHeight - (5 + 5) + 'px') );
	min-width:800px;
	max-width:1500px;
	min-height:600px;
	background: url(../../images/background-right.gif) repeat-y top right;
	background-color:transparant;	
	opacity:0.1;
	filter:alpha(opacity=10);
	}
/* - STANDAARD VLAKKEN - */
#linksboven
	{
	position: absolute;
	top: 0px;
	left: 0px;  
	width: 300px;
	height:100px;
    margin: 0;
	overflow: hidden;
	z-index:1;
	background: url(../../images/accept_logo_groot.jpg) no-repeat;
	background-color:white;
	}
#boven
	{
	position: absolute;
	top: 0px;
	/*\*/right: 0px;
	left: 300px;   							/* Exclude right and left props for Mac IE5 */
	margin: 0px 0px 0px 300px;
	/*\*/ margin: 0; /* */
	height: 110px;
	overflow:visible;						/* Dit i.v.m. het menu */
	z-index:1;
	/* let the IE expressions commence */
	# width: expression(document.body.clientWidth < 800 ? (800 - (5 + 5) - (300 + 0) + 'px') : document.body.clientWidth > 1500 ? (1500 - (5 + 5) - (300 + 0) + 'px') : (document.body.clientWidth - (5 + 5) - (300 + 0) + 'px'));
	}
#rechtsboven
	{
	position: absolute;
	top: 0px;
	right:0px;
	margin: 0; 
	width: 0px;
	height:0px;
	overflow: hidden;
	z-index:1;
	/* let the IE expressions commence */
	# left:expression(document.body.clientWidth < 800 ? (800 - (5 + 5) - (0 + 0) + 'px') : document.body.clientWidth > 1500 ? (1500 - (5 + 5) - (0 + 0) + 'px') : (document.body.clientWidth - (5 + 5) - (0 + 0) + 'px'));
    }
#links
	{
	position: absolute;
	top: 90px;
	left: 0px;
	bottom:0px;
	width: 200px;
	overflow: hidden;
	z-index:1;
	/* let the IE expressions commence */
    # height: expression(document.body.clientHeight < 400 ? (document.body.clientHeight - (5 + 5) - (90 + 0)  + 'px') : (document.body.clientHeight - (5 + 5) - (90 + 0) + 'px') );
	border-right:2px solid #33415D;
	color:#ffffff;
	background: url(../../images/background_green.gif) repeat;
	}
#submenuimage
	{
	position: absolute;
	overflow: hidden;
	left:-3px;
	bottom: 70px;
/*
	width: 205px;
*/
	/* let the IE expressions commence */
	/*
	WERKT NIET OP SERVER-SITE
	# bottom: expression(document.body.clientHeight < 650 ?  (70 - (650 - document.body.clientHeight) + 'px') : (70 + 'px') );

	# height: expression(document.body.clientHeight < 650 ?  (250 - (650 - document.body.clientHeight) + 'px') : (250 + 'px') );
	*/
	z-index:1;
	padding:0;
	padding-bottom:2px;
	/*
	border-bottom: 2px solid #33415D;
	*/
	}
#submenuimage img
	{
	float: left;					/* Firefox */
	}
#submenuimage .default
	{
	}
#background_links
	{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	/* Exclude all previous props for Mac IE5 */
	margin: 0px 0px 0px 0px; 	     				/* Cater for Mac IE5 */
	/*\*/ margin: 0; 										/* Put back for all the rest */
	/*\*/ overflow: auto; 								/* no need for Mac IE5 to see this */
	/* let the IE expressions commence */
	# width: expression(document.body.clientWidth < 800 ? (800 - (5 + 5) - (0 + 0) + 'px') : document.body.clientWidth > 1500 ? (1500 - (5 + 5)  - (0 + 0) + 'px') : (document.body.clientWidth - (5 + 5)  - (0 + 0) + 'px'));
	# height: expression(document.body.clientHeight < 600 ? (document.body.clientHeight - (5 + 5) - (90 + 0)  + 'px') : (document.body.clientHeight - (5 + 5) - (90 + 0) + 'px') );
	background: url(../../images/info_green.gif) no-repeat bottom left;
	}
#centraal
	{
	/*\*/
	position: absolute;
	top: 110px;
	right: 0px;
	bottom: 0px;
	left: 200px;
	/* Exclude all previous props for Mac IE5 */
	margin: 110px 0px 0px 200px; 	     			/* Cater for Mac IE5 */
	/*\*/ margin: 0; 												/* Put back for all the rest */
	/*\*/ overflow: auto; 										/* no need for Mac IE5 to see this */
	/* let the IE expressions commence */
	# width: expression(document.body.clientWidth < 800 ? (800 - (5 + 5) - (200 +0) + 'px') : document.body.clientWidth > 1500 ? (1500 - (5 + 5) - (200 + 0) + 'px') : (document.body.clientWidth - (5 + 5) - (200 + 0) + 'px'));
	# height: expression(document.body.clientHeight < 600 ? (document.body.clientHeight - (5 + 5) - (110 + 0)  + 'px') : (document.body.clientHeight - (5 + 5) - (110 + 0) + 'px') );
	background-color:transparant;
	}
#rechts
	{
	position: absolute;
	top: 0px;
	right: 0px;
	bottom:0px;
	width: 0px;
	overflow: hidden;
	z-index:1;
	/* let the IE expressions commence */
	# height: expression(document.body.clientHeight < 600 ? (document.body.clientHeight - (5 + 5) - (0 + 0)  + 'px') : (document.body.clientHeight - (5 + 5) - (0 + 0) + 'px') );
	# left:expression(document.body.clientWidth < 800 ? (800 - (5 + 5) - (0 + 0) + 'px') : document.body.clientWidth > 1500 ? (1500 - (5 + 5) - (0 + 0) + 'px') : (document.body.clientWidth  - (5 + 5)  - (0 + 0) + 'px'));
	}
#linksonder
	{
	position: absolute; 
	bottom: 0px;
	left: 0px;  
	width: 0px;
	height:0px;
    margin: 0;
	overflow: hidden;
	z-index:10;
}
#onder
	{
	/*\*/ position: absolute;  				/* Exclude for Mac IE5 */
	right: 0px;
	bottom: 0px;
	left: 0px;
	height: 0px;
	margin: 0px 0px 0px 0px; 	/* Cater for Mac IE5 */
	/*\*/ margin: 0; 							/* Put back for all the rest */
	/* let the IE expressions commence */
	# width: expression(document.body.clientWidth < 800 ? (800 - (5 + 5)  - (0 + 0) + 'px') : document.body.clientWidth > 1500 ? (1500 - (5 + 5)  - (0 + 0) + 'px') : (document.body.clientWidth - (5 + 5)  - (0 + 0) + 'px'));
	}
#rechtsonder
	{
	position: absolute; 
	bottom: 0px;
	right: 0px;   
	width: 0px;
	height:0px;
    margin: 0;
	/* let the IE expressions commence */
	# left:expression(document.body.clientWidth < 800 ? (800  - (5 + 5)  - (0 + 0) + 'px') : document.body.clientWidth > 1500 ? (1500 - (5 + 5) - (0 + 0) + 'px') : (document.body.clientWidth  - (5 + 5)  - (0 + 0) + 'px'));
	overflow: hidden;
	z-index:10;
	}
#titelbalk
	{
	position: absolute;
	top: 3px;
	height: 31px;
	overflow: hidden;
	z-index:5;
	}
#basisbalk
	{
	position: absolute;
	top: 5px;
	right:0px;
	overflow: hidden;
	}
#zoekenbalk
	{
	position: absolute;
	top: 18px;
	right:0px;
	overflow: visible;
	z-index:51;
	}
#loginbalk
	{
	position: absolute;
	top: 18px;
	right:0px;
	overflow: visible;
	z-index:51;
	}
#gebruiker_ingelogd
	{
	position: absolute;
	top: 50px;
	left: -247px;
	overflow: visible;
	z-index:51;
	}
#menubalk
	{
	position: absolute;
	top: 90px;
	Left:-100px;
	right:0px;
	overflow: hidden;
	z-index:10;						/* Menu's moeten boven alle items liggen */
	# width: expression(document.body.clientWidth < 800 ? (800 - (5 + 5) - (300 - 100) + 'px') : document.body.clientWidth > 1500 ? (1500 - (5 + 5) - (300 - 100) + 'px') : (document.body.clientWidth - (5 + 5) - (300 - 100) + 'px'));
	background-color: #33415D;
	}
#actiebalk
	{
	}
#actiebalk table
	{
	width:100%;
	}
#werkbalk
	{
	position: absolute;
    width: 100%;
	left:105px;
	top: 31px;
	overflow: hidden;
	z-index:50;
	border-bottom:2px solid #33415D;
	padding:0 0 0 15px;l
	}
#Statusbalk
	{
	position: absolute;
	top: 0px;
    width: 100%;
	overflow: hidden;
	z-index:5;
	}
#actiebalk
	{
	position: absolute;
	top:0px;
	left: 0px;
	width:200px;
	padding-top:10px;
	padding-left:10px;
	overflow:visible;
	background: url(../../images/background_green.gif) no-repeat;
	z-index:10;
	}
#popup_image
	{
    position:absolute;
	top: 125px;
	left: 175px;
	/* Exclude all previous props for Mac IE5 */
	margin: 175px 0 0 125px; /* Cater for Mac IE5 */
	/*\*/ margin: 0; /* Put back for all the rest */
    overflow:visible;
    z-index:75;
	}
#popup_image img
{
    float:none;
}
div.hide
{
    display:none;
}
/*
	DIVERSE BLOKKEN
*/
#default
	{
	display:block;
	}
#loginform
	{
	display:none;
	}
#administratieform
	{
	display:none;
	}
#login_popup
	{
	width:100%;
	height:100%;
	background: url(../../images/background.png) no-repeat bottom left;
	}
#login_titel
	{
	width:100%;
	height:100%;
	border:0;
	background: url(../../images/accept_logo_groot.gif) no-repeat top left;
	}
#login_right
	{
	/*
	position:fixed;
	top:0;
	right:0;
	height:100%;
	border:0;
	background: url(../../images/background-right.gif) repeat-y right;
	*/
	}