body{
	text-align: center;
	font: normal 62.5%/1.4em Verdana,Arial,sans serif;
	color:#111;
	background:#eeeee0 url(/images/site/tile_paper.gif) top left repeat;
	margin-top:10px;
}

//div{border:1px solid black;}

#wrapper {width:95%; min-width:960px; max-width:1600px; margin:0 auto;text-align:left;}


#logo{text-align:center; padding:15px 0;}

/*
Three column layouts
----------------------------------------*/
#header {color:#111; text-align:center; background:transparent url(/images/site/bg_header.gif) top center repeat-y;}
#header .tlc {float:left; width:25%; height:20px; min-width:240px; background:transparent url(/images/site/bg_t.gif) top left repeat-x;}
#header .tc {float:left; width:50%; height:20px; background-color:#fffff0;}
#header .trc {float:left; width:25%; height:20px; background:transparent url(/images/site/bg_t.gif) top right repeat-x;}

#outerwrapper{}
#innerwrapper1{width:100%; background:#fffff0 url(/images/site/threecol-r-v2.gif) repeat-y 75% 0%;}
#innerwrapper2{width:100%; background:transparent url(/images/site/threecol-l-v2.gif) repeat-y 25% 0%;}
#content {float:left; width:50%; font-size:1.2em; line-height:1.6em;}
#sidebar {float:left; width:25%; min-width:240px;}
#sidebar-2 {float:left; width:25%; min-width:240px; text-align:center; padding-top:50px;}

#innerwrapper1-b {width:100%; background:transparent url(/images/site/threecol-r-b.gif) no-repeat 75% 0%;}
#innerwrapper2-b {width:100%; background:transparent url(/images/site/threecol-l-v2.gif) no-repeat 25% 0%;}
#sidebar-b {float:left; width:25%;}
#content-b {float:left; width:50%; font-size:1.2em; line-height:1.6em;}
#sidebar-2-b {float:left; width:25%;}

/*
Two column layouts
----------------------------------------*/
#header_2col {color:#111; text-align:center; background:transparent url(/images/site/bg_header.gif) top center repeat-y;}
#header_2col .tlc {float:left; width:25%; height:20px; min-width:240px; background:transparent url(/images/site/bg_t.gif) top left repeat-x;}
#header_2col .tc {float:left; width:70%; height:20px; background-color:#fffff0;}
#header_2col .trc {float:left; width:5%; height:20px; background:transparent url(/images/site/bg_t.gif) top right repeat-x;}

#innerwrapper1_2col{width:100%; background:#fffff0 url(/images/site/twocol-r.gif) repeat-y 95% 0%;}
#innerwrapper2_2col{width:100%; background:transparent url(/images/site/threecol-l-v2.gif) repeat-y 25% 0%;}
#content_2col {float:left; width:70%; font-size:1.2em; line-height:1.6em;}
#sidebar_2col {float:left; width:25%; min-width:240px; min-height: 280px; background:transparent url(/images/site/advies_ontwikkeling.gif) top center no-repeat;}
#sidebar-2_2col {float:left; width:5%; padding-top:50px;}

#innerwrapper1-b_2col {width:100%; background:transparent url(/images/site/twocol-r-b.gif) no-repeat 95% 0%;}
#innerwrapper2-b_2col {width:100%; background:transparent url(/images/site/threecol-l-v2.gif) no-repeat 25% 0%;}
#sidebar-b_2col {float:left; width:25%;}
#content-b_2col {float:left; width:70%; font-size:1.2em; line-height:1.6em;}
#sidebar-2-b_2col {float:left; width:5%;}

#breadcrumbs {border-top:1px dotted #aaa; border-bottom:1px dotted #aaa; margin:10px 0; padding:10px 0;}

#footer {clear:both; margin-top:5px; padding:10px 0;}
.copyright{width:48%; float:left; text-align:left;}
.credits{width:48%; float:right; text-align:right; font-weight:800; vertical-align:middle;}


/*
Sidebar
----------------------------------------- */
#nav {list-style:none; margin-top:50px;}
#nav li {list-style:none; border-bottom:1px solid #caca9f; padding:5px 0;}
#ZZZnav li:hover {background-color: #73732f; background-color: rgba(0,0,0,0.25);}

#nav li a {color:#fff; text-decoration:none; font-size:1.4em; font-family:Georgia,Times,serif; display:block; text-shadow:2px 2px 4px rgba(0,0,0,0.7);}
#nav li a:hover {color:#fff; text-decoration:none; font-size:1.4em; font-family:Georgia,Times,serif; display:block; text-shadow:3px 3px 5px rgba(0,0,0,1);}

#nav li ul {margin:10px 0px 10px 20px;}
#nav li ul li {border:none;}
#nav li ul li ul li ul{display:none;}

/*
Sidebar book entries
----------------------------------------- */
.book {min-width:155px; max-width:85%; margin:0 auto; padding-bottom:15px;}
.book img, .thumb {
margin:0 auto 5px;
display:block;
border:1px solid white;
box-shadow: 2px 2px 4px rgba(0,0,0,.3);
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.3);
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.3);
}
.book span, .book p, .book a{color:white;}
.book h5{text-align:center; margin-bottom:0.2em; color:white}
.book span.links{text-align:center; font-size:1.1em;}


/*
Botton nav links
----------------------------------------- */
#ZZZbnav {list-style:none; text-align:center; padding:10px 0;}
#ZZZbnav li {list-style:none; float:left; padding:0 10px;}

.table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}
ul#bnav {
	min-width: 50%;
	list-style: none;
	padding-top: 20px;
	text-align:center;
}
ul#bnav li {
	display: inline;
}
ul#bnav li a {margin:0 0.5em; color:#fff; text-decoration:none; font-size:1.4em; font-family:Georgia,Times,serif; text-shadow:2px 2px 4px rgba(0,0,0,0.7);}
ul#bnav li a:hover {margin:0 0.5em; text-decoration:underline;}



/* - typography - */
p,h2,h3,h4,h5,h6{margin:0 0 1em 0;}
h2,h3,h4,h5,h6{line-height:normal;font-family: "Palatino Linotype",Palatino,Times New Roman,serif;}
h1{font-size:2.8em; font-weight:800;}
h2{font-size:2.0em; color:#111;}
h3{font-size:1.6em; color:#111;}
h4{font-size:1.4em; color:#d25021;}
h5{font-size:1.2em; color:#d25021;}
h6{font-size:1.2em;}
strong,b{font-weight:800;}
h1 sup,sup{font-size:0.5em; font-weight:normal;}

/* un-reset */
p, code, pre, kbd {margin:0 0 1.5em 0;}
blockquote {margin:0 1.5em 1.5em 1.5em;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul, ul li {list-style-type:disc;}
ol, ol li {list-style-type:decimal;}
td,th{padding:2px;}
i,em{font-style:italic;}
b,strong{font-weight:800;}
fieldset{border:1px solid #ccc; padding:10px;margin:10px 0; background-color:#fff;}
legend{padding:5px; font-weight:800; background-color:#cc9; color:#111;}

hr {
	border: 0;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	width: 100%;
	text-align: left;
}


/*
form
------------------------------------- */
.row{padding:3px 0;}
label {float:left; width:140px; margin-right:10px; vertical-align:top;}
input {float:left; width:auto; font-weight:normal; margin-right:10px;}
.radiogroup{float:none;}
.radiogroup label{float:none;}
.radiogroup input{float:none;}
.textfield_long {width:250px;}
.textfield_short {width:100px;}

/* pseudo element focus for modern browsers including IE8 */
.textfield_long:focus, .textfield_short:focus {background-color:#c2f3fb;}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
border: 1px solid #CC0000;
}

.req, .required, .validation_error {color:#f00; font-weight:800;}

#contactForm label, #contactForm input{float:none;}

/*
themes
-------------------------------------*/
#intro .innerwrapper {
background-color:#d17316;
box-shadow: 0px 2px 4px rgba(0,0,0,.3);
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,.3);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,.3);
} 
#intro .logo {text-align:center; padding:15px 0; background-color:#fff;}
#intro .left {background:transparent url(/images/site/intro_visu_left.gif) top left repeat; height:200px;}
#intro .center {background-color:#d17316; text-align:center;} 
#intro .right {background:transparent url(/images/site/intro_visu_right.gif) top left repeat; height:200px;}
#intro .continue {text-align:center; padding:50px 0; background-color:#fff; font-size:1.4em;}
#intro .footer {text-align:center; padding:20px 0;}
#intro h1{font-size:1.1em; font-weight:normal; color:#494949;}

.header .logo{background:#fffff0; text-align:center; padding:20px 0 0 0;}



/*
Containers
--------------------------------------*/
.container{padding:10px; background:#e7e7e7; margin-bottom:10px;}

.initiative_block{
width:80%;
padding:10px;
background:#fffff0;
margin: 0 auto 10px;
box-shadow: 3px 3px 5px rgba(0,0,0,.5);
-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.5);
-moz-box-shadow: 3px 3px 5px rgba(0,0,0,.5);
color:#444;
}
.initiative_block h3 {margin-bottom:0.2em; font-weight:bold;}
.initiative_block p{font-size:1.3em;}
.initiative_block a{display:block; text-decoration:underline;}
.initiative_block a:hover{display:block; text-decoration:underline;}

.promo{padding:5px; text-align:center; background-color:#cc9;}


/* - custom classes - */
.offset {padding:25px;}
.odd{background-color:#fff;}
.even{background-color:#e3e8eb;}
.thumb_container{min-width:150px; text-align:center;}
.thumb_container img{
box-shadow: 3px 3px 5px rgba(0,0,0,.5);
-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.5);
-moz-box-shadow: 3px 3px 5px rgba(0,0,0,.5);
}

small, .caption{font-size:1.0em;}
img{border:none; outline:none;}

.tbl_refs {width:100%; margin-bottom:25px;}
.tbl_refs td{border-top:1px solid #aaa;}
.tbl_refs th{background-color:#cc9; color:#111;}

.book_entry {padding:20px 0;}
.book_thumbnail {width:24%; text-align:center; float:left;}
.book_thumbnail img{
box-shadow: 3px 3px 5px rgba(0,0,0,.5);
-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,.5);
-moz-box-shadow: 3px 3px 5px rgba(0,0,0,.5);
}
.book_details {width:74%; float:right;}
.book_entry hr {}
.book_title {margin-bottom:0.5em;}
.book_subtitle {color:#d45227;}
.book_message p b, .book_message p strong, .book_message b, .book_message strong {color:red;}
.book_specs_small{padding:10px; margin:10px 0; border-left:3px solid #ddddd0; text-align:left;}
.book_nav a{margin-right:10px;}

/*
Buttons
------------------------------------------*/
.awesome, .awesome:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

.awesome:hover									{ background-color: #111; color: #fff; }
.awesome:active									{ top: 1px; }
.small.awesome, .small.awesome:visited 			{ font-size: 12px; font-weight:normal;}
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }

.green.awesome, .green.awesome:visited			{ background-color: #91bd09; }
.green.awesome:hover							{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited			{ background-color: #2daebf; }
.blue.awesome:hover								{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited				{ background-color: #e33100; }
.red.awesome:hover								{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
.magenta.awesome:hover							{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
.orange.awesome:hover							{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
.yellow.awesome:hover							{ background-color: #fc9200; }

.awesome .lang, .awesome:visited .lang {width:150px;}

/*
Pagination
-------------------------------------------*/
ul.pagination{list-style:none;}
ul.pagination li{list-style:none; float:left; margin-right:10px;}




/* - clearing floats for modern browsers (IE 6,7 fixes are quarantined in separate CSS files)  */
.clearfix:after {
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}