@charset "UTF-8";
/* CSS Document */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#pagecontainer {
	position:relative;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	width:800px;
	height:500px;
	/*border:solid 10px #ffffff;*/
	/*background-color: #ffffff;*/
	/*filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;*/
	z-index:1;
}

#pagebg {
        background-color:#ffffff;
        height: 500px;
        opacity: 0.85;
}

#pagebody {
	color: #333333;
	left: 0px;
	position: absolute; /* t.o.v. #container, omdat #container position: relative; heeft */
	top: 0px;
	width: 780px; /* neemt nu de breedte van #container aan */
	padding:10px;
}

/* Mainmenu *********/
ul#mainmenu
{
	margin:0;
	padding:0;
	list-style-type:none;
	width:780px;
	position:relative;
	display:block;
	height:80px;
	/*word-spacing:13px;*/
	/*filter:alpha(opacity=125);-moz-opacity:1.2;opacity:1.2;*/
}

ul#mainmenu li
{
	display:block;
	float:left;
	/* top right bottom left*/
	margin: 0 7px 0 0;
	padding:0;
	width:150px;
	height:80px;
}

ul#mainmenu li.mainmenulast
{
	margin-right:0px;
	width:150px;
}

ul#mainmenu li a
{
	display:block;
	float:left;
	text-decoration:none;
	color:#999999;
	font-size:17px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
		/* top right bottom left*/
	padding:55px 0 0 3px;
	width:147px;
	text-align:left;
}
	
ul#mainmenu li a:hover
{	
	color:#666666;
}
	

ul#mainmenu li a.current
{
	/*display:inline;*/
	color:#333333;
}

.menu1 { border-bottom:solid 10px #ffccff; background: url(menu1.jpg) no-repeat top left; }
.menu2 { border-bottom:solid 10px #ffcc33; background: url(menu2.jpg) no-repeat top left; }
.menu3 { border-bottom:solid 10px #ff3333; background: url(menu3.jpg) no-repeat top left; }
.menu4 { border-bottom:solid 10px #ff6600; background: url(menu4.jpg) no-repeat top left; }
.menu5 { border-bottom:solid 10px #6666cc; background: url(menu5.jpg) no-repeat top left; }
/* end of Mainmenu *********/

/* submenu *********/
#submenu_blank {
	margin:20px 0 5px 0;
	width:780px;
	height:22px;
	list-style-type:none;
}

ul#submenu
{
	margin:15px 0 5px 0;
	padding:0;
	list-style-type:none;
	width:780px;
	position:relative;
	display:block;
	height:22px;
	/*background-color:#ffccff;*/
}

ul#submenu li
{
	display:block;
	float:left;
	margin: 0;
	padding:5px 0 5px 0;
	width:auto;
	height:22px;
}

ul#submenu li a
{
	display:block;
	float:left;
	color:#666666;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	/* top right bottom left*/
	padding:0 5px 0 5px;
	/*width:147px;*/
	text-align:left;
}
	
ul#submenu li a:hover
{	
	color:#000000;
}
	

ul#submenu li a.current
{
	display:inline;
	color:#333333;
}

.subdiv{
	color:#FF6699;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
}
/* menu0: e5e5e5, menu1: ffccff, menu2: ffcc33, menu3: ff3333, menu4: ff6600, menu5: 6666cc */
.sbg1 { background-color: #ffccff; }
.sbg2 { background-color: #ffcc33; }
.sbg3 { background-color: #ff3333; }
.sbg4 { background-color: #ff6600; }
.sbg5 { background-color: #6666cc; }

.sbg3 li a {
	color:#333333;
}
.sbg3 li a:hover {
	color:#666666;
}
.sbg3 li a.current {
	color:#ffffff;
}

.sbg3 .subdiv {
	color:#FFFFFF;
}
/* end of Submenu *********/

#middlecontainer {
	display:block;
	width:100%;
	height:auto;
}

/* Right Column *******/
#rightcontainer {
	display:block;
	position:relative;
	float:right;
	margin:0;
	padding:0;
	width:464px;
	height:auto;
	min-height:292px;
	background:url(bg_ozlogo.png) no-repeat top right;
	/*background-color:#0066CC;*/
}

#bannerfade1 {
	display:block;
	width:152px;
	height:145px;
	margin:0 0 2px 0;
	padding:0;
}
#bannerfade2 {
	display:block;
	width:152px;
	height:145px;
	margin:0;
	padding:0;
}

#bannerlong {
	display:block;
	width:307px;
	height:194px;
	margin:0;
	padding:0;
}
/*
#bannerfade1 img {
	display:none;
	position:absolute;
	top:0; left:0;
}

#bannerfade2 img {
	display:none;
	position:absolute;
	top:0; left:0;
}
#bannerlong img {
	display:none;
	position:absolute;
	top:0; left:0;
}
*/


#btntopright {
	position:relative;
	float:right;
	display:block;
	width:68px;
	height:68px;
	margin:0;
	padding:0;
}

#btntopcenter {
	position:relative;
	float:right;
	display:block;
	width:300px;
	height:204px;
	margin:0;
	padding:0;
}
/************/


/* Bottom list *********/

#bottomcontainer {
	display:block;
	position:relative;
	clear:left;
	float:left;
	margin:0;
	padding:0 0 0 0;
	width:780px;
	height:auto;
}

ul#bottomlist
{
	position:relative;
	display:block;
	float:left;
	margin: 0 auto 0 auto;
	padding: 0;
	list-style-type:none;
	width:650px;
	height:auto;
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	
}

ul#bottomlist li
{
	display:block;
	float:left;
	margin:0;
	/* top right bottom left*/
	padding:2px 5px 0 5px;
	color:#666666;
	height:17px;
	border-right: solid 1px #FF0000	
}

ul#bottomlist li#bottomlistlast{
	border-right: none;

}

ul#bottomlist li a
{
	display:block;
	float:left;
	color:#666666;
	text-decoration:none;
	font-weight:normal;
	width:auto;
}
	
ul#bottomlist li a:hover
{	
	color:#333333;
}

#btnwebshop {
	/*clear:both;*/
	float:right;
	display:block;
	margin:0 -10px 0 0;
	padding:0;
	width: 95px;
	height: 26px;
	background-color:#333333;
}

#btnwebshop a 
{
	display:block;
	margin:auto;
	padding:7px 21px 0 18px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}

#btnwebshop a:hover {
	color: #666666;
}
/*************/

/* Footer ***********/

#footercontainer {
	display:block;
	float:left;
	position:relative;
	margin:0;
	padding:10px 10px 0 10px;
	width:780px;
	height:auto;
}

#designby, #designby a {
	display:block;
	float:left;
	position:relative;
	margin:0;
	padding:0;
	width: 120px;
	
	font-size:9px;
	font-weight:normal;
	font-family:verdana, Arial, Helvetica, Sans-sherif;
	color:#CCCCCC;
	text-decoration:none;
}

#designby a:hover {
	color:#666666;
}

ul#menulang
{
	display:block;
	float:right;
	position:relative;
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	height:12px;
	font-size:9px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, Sans-sherif;
	/*word-spacing:13px;*/
}

ul#menulang li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}

ul#menulang li a
{
	display:block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
	/*padding:8px 20px 0 20px;*/
	/* top right bottom left*/
	padding:0 10px 0 10px;
	border-right:solid 1px #ffffff;
}
	
ul#menulang li a:hover
{	
	color:#666666;
}
	

ul#menulang li a.current
{
	font-weight:bold;
	/*display:inline;*/
}

ul#menulang li a.lastmenuitem{
	border-right: none;
	padding-right:0;
}

#footnote {
	clear:left;
	display: block;
	width:780px;
	margin: 0px auto 0px auto;
	padding: 2px auto 2px auto;

	text-align:left;
	font-size:9px;
	font-weight:normal;
	font-family:verdana, Arial, Helvetica, Sans-sherif;
	color:#ccc;
}

#footnote a {
	text-decoration:none;
	font-size:9px;
	font-weight:normal;
	font-family:verdana, Arial, Helvetica, Sans-sherif;
	color:#ccc;
}

#footnote a:hover {
	text-decoration:none;
	color:#666;
}

#footnote a:visited {
	text-decoration:none;
}
/*************/

.email {
	unicode-bidi:bidi-override; 
	direction: rtl;
}


#vleft {
	display:block;
	float:left;
	width: 310px;
	height:292px;
	padding: 0;
	margin:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
}

.vlitem {
	display:block;
	width:310px;
	height:auto;
	margin:0 0 10px 0;
	min-height:60px !important;
}

vlitem2 {
	display:block;
	width:300px;
	height:auto;
	margin:0 0 10px 0;
	min-height:60px !important;
}
/*
.vlitem span.vdesc {
	font-size:11px;
	line-height:14px;
	color:#666666;
	height:auto;
	
	background-color:#999900;
}
*/

#vleft a {
	color:#333333;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}


#vright {
	display:block;
	float:left;
	width: 350px;
	height:292px;
	padding: 0;
	margin:0 0 0 10px;
	
	font-family:Arial, Helvetica, sans-serif;
}

#vright a {
	color:#333333;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

span.vtitle {
	font-weight:bold;
	font-size:12px;
	color:#ff3333;
}

.vdesc {
	clear:left;
	display:block;
	font-size:12px;
	line-height:14px;
	color:#666666;
	margin-bottom:5px;
	height:auto;
	min-height:60px;
}

.vdesc a {	
	color:#333333;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

.vdesc a img {
	border:none;
}

#pagination {
	clear:both;
	display:block;
	width:99%;
	height:35px;
	margin:0 5px 0 5px;
	padding:5px 0 5px 0;
	color:#333333;
}

#pagination a {
	color:#666666;
	text-decoration:none;
}

#pagination a:hover {
	color:#333333;
	text-decoration:none;
}

.logincontainer {
	display:block;
	width:140px;
	height:292px;
	padding:0;
	margin:0;
	
	color:#666666;
	margin-left:10px;
}
div.logincontainer #username {
	border:solid 1px #333333;
	width:138px;
	height:14px;
	font-size:11px;
	
}div.logincontainer #password {
	border:solid 1px #333333;
	width:138px;
	height:14px;
	font-size:11px;
	
}
div.logincontainer #login {
	float:right;
	border:none;
	margin-top:10px;
	background-color:#ff6600;
	height:19px;
	width:50px;
	font-size:11px;
	color:#FFFFFF;
}

div.newclientbox {
	display:block;
	clear:both;
	width:140px;
	height:auto;
	margin-top:50px;
}

div.newclientbox #newclient {
	border:none;
	margin-top:5px;
	background-color:#ff6600;
	height:19px;
	width:140px;
	font-size:11px;
	color:#FFFFFF;
}

div.newclientbox #info {
	clear:left;
	display:block;
	float:left;
	border:none;
	margin-top:5px;
	background-color:#ff6600;
	height:19px;
	width:50px;
	font-size:11px;
	color:#FFFFFF;
}

#leftcontainer {
	clear:both;
	float:left;
	width:300px;
	height:185px;
	position:relative;
	
	padding-left:10px;
	padding-top:10px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #444444;
	text-align:left;
	/*background-color:#6666cc;
    opacity: 0.50;*/
	background: url(bgcolor_6666cc.png) repeat top left;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/75p_white.png');*/
	
	/*background-color:#66CC00;*/
}

#routecontainer {
	clear:left;
	display:block;
	width:200px;
	height:10px;
	padding-top:1px;
	
	/*background-color:#99FFCC;*/
}

a.routedesc {
	clear:left;
	display:block;
	margin-top:5px;
	padding-top:2px;
	width:175px;
	height:18px;
	text-decoration:none;
	color:#fff;
	background-color:#6666CC;
	text-align:center;
}
a.routedesc:hover {
	color:#999999;
}

.jobbg {
	background-image: url(job_banner.png); 
	background-repeat:no-repeat;
}
.jobnobg {
	background-image:none;
}