/*-- powered by Peppered --*/

/*-- www.peppered.nl     --*/


/*
 	groen #516e56	
	rood #ff4300;
*/

body
{
	margin: 0;
	padding: 0;
	background: #ffffff;
	color: #516e56;
	font: 70%/130% verdana, arial, helvetica, sans-serif;
	text-transform: inherit;
}

html, body
{
	height: 100%;

}

div, dd, dl
{
	margin: 0;
	padding: 0;	
}

a
{
	text-decoration: none;
	color: #ff4300;
	font-weight: bold; 
}

a:hover
{
	color: #516e56;
}

h1
{	
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 100%;
	color: #ff4300;
}

h2
{	
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 100%;
	color: #516e56;
}

h3
{	
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 100%;
	color: #516e56;
}

ol
{
	margin: 0 0 20px 20px;
	padding: 0;
}


ol li
{
	margin: 0 0 10px 0;
}

ul
{
	margin: 0 0 20px 15px;
	padding: 0;
}

p
{
	margin: 0 0 10px 0;
	padding: 0;
}

img
{
	padding: 0;
	margin:0;
	border: 0;
}

table td
{
	padding: 0 0.5em 0 0;
}

table td.prices
{
	text-align: right;
}

/*-- -------------------------------structure -------------------------- --*/
body
{
	background: url(../images/background_vertical.jpg) repeat-y 0 0;
}

body#entree
{
	text-align: center;
	background: url(../images/background_horizontal_2.jpg) repeat-x 0 0;
}

body#links
{
	background: url(../images/background_horizontal.jpg) repeat-x 0 0;
}

body#plattegrond
{
	background: none;	
}

#container
{
	width: 750px;
}

#leftcolumn
{
	float: left;
	width: 239px;
}

#rightcolumn
{
	float: right;
	margin: 0;
	padding: 116px 5px 10px 20px;
	width: 476px;
}

#logo, #logolinks
{
	display: block;
	width: 239px;
	height: 137px;
	background: url(../images/logo_civil_code.jpg) no-repeat 0 0;
	text-indent:-2000px;
}

#logo a, #logolinks a
{
	display:block;
	width: 239px;
	height: 137px;
	
}

ul#menu
{
	display: block;
	margin: 0;
	padding: 20px 10px 0 55px;
	width: 175px;
	list-style-type: none;
	font: bold 100%/105% verdana, arial, helvetica, sans-serif ;
}

#menu li
{
	padding: 0 0 12px 0;
}

ul#menu li a#menu-canada
{
	font-weight: normal
}

#menu a
{
	padding: 2px 2px 2px 2px;
}

#home #menu-home, #about #menu-about, #contact #menu-contact, #recent #menu-recent, #terms #menu-terms, #jobs #menu-jobs, #links #menu-links, #route #menu-route, #canada #menu-canada
{
	color: #516e56;
}

#menu li.active a
{
	color: #516e56;
}



#menu-links
{
	border: #ff4300 1px solid;
	background-color:#e5f2e6;
}

a:hover#menu-links
{
	border: #516e56 1px solid;
	background-color:#e5f2e6;
}

/*---------------------------------entree -------------------------- --*/

#entree #choice
{

	height: 400px;
	margin: 75px auto 0 auto;
	text-align: center;
}

#entreelogo
{
	width: 226px;
	margin: auto;
	height: 190px;
	background: url(../images/logo_civil_code_transparant.jpg) no-repeat 0 0;
	text-indent: -2000px;
}

ul#entreemenu
{
	display: block;
	margin: auto;
	width: 36em;
	padding: 0;
	list-style-type: none;
	font: 100%/105% verdana, arial, helvetica, sans-serif ;
	position: relative;
	border: 0px solid red;
	padding-top: 40px;
}

#entreemenu li
{
	float: left;
	text-align: center;
	width: 12em;
	font-weight: bold;
}

#entreemenu li span
{
	margin: 0 auto 0 auto;
	width: 6em;
}

#entreemenu a
{
	clear: both;
	display: block;
	height: 20px;
	padding: 3px 0 0 22px;
	font-weight: normal;
	text-align: left;
	margin: 0 auto 0 auto;
	width: 5.5em;
}

#entreemenu li#english a
{
	width: 4em;
}

li#dutch a
{
	background: url(../images/flag_dutch.jpg) no-repeat 0 0;
}

li#english a
{
	background: url(../images/flag_english.jpg) no-repeat 0 0;
}

li#chinese a {
	background: url(../images/flag_chinese.jpg) no-repeat 0 0;
}


/*---------------------------------links -------------------------- --*/

#logolinks
{
	float:left;
	width: 266px;
	height: 142px;
	background: url(../images/logo_civil_code_links.jpg) no-repeat 0 0;
	text-indent: -2000px;
}

#toprow
{
	height: 170px;
	width: 750px;
}

.linkscolumn
{
	float: left;
	padding: 15px 0px 10px 0px;
	width: 249px;
	height: 800px;
	border-color: #516E56;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
}

body#links .linkscolumn p
{
	padding: 0 0 5px 20px;
}

.linkscolumn dl
{
	display: block;
	margin: 0 0 10px 0;
	padding: 0;

	list-style-type: none;
	font: bold 100%/105% verdana, arial, helvetica, sans-serif ;
}

.linkscolumn dt, .linkscolumn dd
{
	margin: 0 5px 0px 20px;
	padding: 0 0 10px 0;
}

#logogoogle
{	
	margin: 0 5px 5px 20px;
	width: 93px;
	height: 33px;
	background: url(../images/logo_google_transparant.gif) no-repeat 0 0;
	text-indent:-2000px;
}

#searchform
{
	margin: 0 5px 0px 20px;
}

#searchform .text
{
	margin: 0;
	padding: 4px 3px 2px 3px;
	width: 129px;
	height: 14px;
	vertical-align: middle;
	border: #ff4300 1px solid;
	color: #516e56;
	font: 100%/105% verdana, arial, helvetica, sans-serif;
	float: left;
}

#route dl
{
	display: block;
	float: left;
	margin: 0 40px 0 0;
}

#publications li
{
	margin: 0 0 10px 0;	
}

.clear
{
	clear: both;
	height: 10px;
}

.klokje
{
	float:right;
	display: block;
	width: 95px;
	height: 130px;
	padding: 10px 0 0 0;	
	text-align:center;
}