/*
* Default elements
*/

*
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	}

body, html
	{
	margin:0px;
	padding:0px;
	}

html
	{
	overflow-y:scroll;
	overflow-x:hidden;
	}

body
	{
	background:rgb(230,235,241);
	font-size:75%;
	line-height:1.3em;
	text-align:center;
	}

a, a:hover, a:visited
	{
	color:#000;
	text-decoration:underline;
	}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address
	{
	margin: 0.5em 0em;
	}

h1,
	{
	font-size:1.3em;
	}
h2,
	{
	font-size:1.2em;
	}
h3
	{
	font-size:1.1em;
	}
h4, h5, h6
	{
	font-size:1em;
	}


/*
* Structure elements
*/

div#shadow-right
	{
	background:rgb(230,235,241) url('./images/shadow-r.jpg') repeat-y 100% 0%;
	width:760px;
	margin:20px auto;
	text-align:right;
	padding:0px;
	}

div#shadow-tr
	{
	background:url('./images/shadow-tr.jpg') no-repeat 100% 0%;
	width:760px;
	margin-top:0px;
	}

div#center
	{
	width:720px;
	margin:0px auto;
	text-align:left;
	}
	
div#top
	{
	width:720px;
	height: 150px;
	overflow:hidden;
	}
	
div#logo
	{
	float:left;
	width:150px;
	height:150px;
	background:rgb(150,150,150);
	}

div#header
	{
	float:left;
	width:570px;
	height:150px;
	}
	
div#middle
	{
	widht:720px;
	background: rgb(223,224,226) url('./images/middle-bg.jpg') repeat-x;
	padding-bottom:3px;
	}

div#left-col
	{
	float:left;
	width:130px;
	padding-left:20px;
	/*padding-bottom:120px;
	background:url('./images/ontwikkeling.png') no-repeat center bottom;*/
	/* width:150px; for IE6 */
	}

div#center-col
	{
	float:left;
	width:470px;
	background:#FFF;
	margin-top:3px;
	min-height:330px;
	_height:330px;
	}

div.title
	{
	width:455;
	margin:5px;
	padding:0px;
	padding-left:5px;
	background:rgb(207,134,36);
	color:#FFF;
	}

div.title h1
	{
	font-size:1.2em;
	line-height:1.5em;
	padding:0px;
	margin:0px;
	}

div.article
	{
	width:460;
	margin:5px;
	padding-bottom:10px;
	}

table#contact td
	{
	vertical-align:top;
	}

table#contact td.col1
	{
	padding-right:5px;
	text-align:right;
	width:100px;
	}

div#right-col
	{
	float:right;
	width:100px;
	margin-top:3px;
	}

div#right-col img
	{
	margin:3px 0px 3px 10px;
	}

div#right-col a img
	{
	border: 0px;
	}

div#bottom
	{
	width:720px;
	background:rgb(150,150,150);
	}

div#jp-s
	{
	float:right;
	font-weight:bold;
	font-size:0.8em;
	font-style:italic;
	margin:10px 5px 3px 0px;
	}

div#shadow-bottom
	{
	height:16px;
	width:740px;
	margin:0px auto;
	background:rgb(230,235,241) url('./images/shadow-bottom.jpg') no-repeat;
	
	}

div.clearboth
	{
	clear:both;
	line-height:0px;
	height:0px;
	visibility:hidden;
	}

/*
* Layout elements
*/

img#logo-img
	{
	margin:25px 0px 0px 0px;
	}

img#header-img
	{
	margin:0px;
	}


/*
* Menu elements
*/

/* Default */

#left-col ul
	{
	padding:0px;
	margin:0px;
	}

#left-col li
	{
	padding-right:5px;
	}

#left-col li.mainlevel
	{
	width:115px;
	background:#FFF;
	list-style:none;
	text-align:right;
	margin-top:3px;
	line-height:1.8em;
	font-weight:bold;
	}

#left-col li.mainlevel a
	{
	text-decoration:none;
	color:#888;
	}

#left-col li.submenu, #left-col li.submenu_active
	{
	width:100px;
	margin-left:20px;
	background:transparent;
	list-style:none;
	text-align:right;
	margin-top:0px;
	line-height:1.8em;
	padding-right:7px;
	}

#left-col li.submenu a, #left-col li.submenu_active a
	{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	}

#left-col li.submenu_active a
	{
	background:url('./images/arrow.gif') 0px 2px no-repeat;
	padding-left:20px;
	font-style:italic;
	}


/* Colored menus */

.menu1
	{
	border-right:7px solid rgb(84,107,131);
	}

li.menu1:hover
	{
	border-right:7px solid rgb(133,180,230);
	color:#333;
	}

.menu1_active
	{
	border-right:7px solid rgb(133,180,230);
	}

#left-col li.menu1_active a
	{
	color:rgb(133,180,230);
	}

.menu2
	{
	border-right:7px solid rgb(212,134,34);
	}

.menu2:hover
	{
	border-right:7px solid rgb(255,162,41);
	color:#333;
	}

.menu2_active
	{
	border-right:7px solid rgb(255,162,41);
	}

#left-col li.menu2_active a
	{
	color:rgb(255,162,41);
	}

.menu3
	{
	border-right:7px solid rgb(222,168,33);
	}

.menu3:hover
	{
	border-right:7px solid rgb(255,193,36);
	color:#333;
	}

.menu3_active
	{
	border-right:7px solid rgb(255,193,36);
	}

#left-col li.menu3_active a
	{
	color:rgb(255,193,36);
	}

.menu4
	{
	border-right:7px solid rgb(233,193,34);
	}

.menu4:hover
	{
	border-right:7px solid rgb(255,213,43);
	color:#333;
	}

.menu4_active
	{
	border-right:7px solid rgb(255,213,43);
	}

#left-col li.menu4_active a
	{
	color:rgb(255,213,43);
	}




/*
.title h1
	{
	font-size:1.2em;
	line-height:1.5em;
	}
*/
#jp-s a
	{
	text-decoration:none;
	color:#FFF;
	}