.foo {} /* validator on webrichtlijnen.nl requires the file to start with a selector, not a comment */

/*
	TABLE OF CONTENTS:
	- Browser reset		Removes most browser differences
	- HTML elements		Styling of tags
	- Generic content	Styling for text created with rich text editors
	- Main containers	Styling of all containers and its content
	- Div popup			Styling of in-page popups
	- Form				All styling of forms
	- General			Styles that are not confined to a specific container
	- Page				All style resets that start with "body.ClassName"
	- CMS				Styles that are used in the page editor of the CMS
	- Hacks				Mainly Firefox hack
	- Print				Extra styling in case the page is printed
 */






/*
 * Begin browser reset
 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0
}
html {
	height:100%;
	overflow-x:auto
}
table {
	border:0;
	border-collapse:collapse;
	border-spacing:0
}
fieldset,img {
	border:0
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal
}
em,cite {
	font-style:italic
}
strong {
	font-weight:bold
}
ol,ul {
	list-style:none
}
caption,th {
	text-align:left
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	margin:0;
	padding:0
}
q:before,q:after {
	content:''
}
abbr,acronym {
	border:0
}
section,article,header,footer,nav,aside,hgroup {
	display:block
}
label{
	cursor: default;
}

/*
 * End browser reset
 */






/*
 * Begin HTML elements
 */

html {
	overflow-y: scroll;
}

body {
	background: #fff;
}

body,
input,
select,
textarea {
	color: #000;
	font: normal 12px/1.5em Arial, Helvetica, sans-serif;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
select {
	height: 1.5em;
}

a:link,
a:hover,
a:active,
a:visited {
	color: #FEB337;
	text-decoration: none;
}
a:hover,
a:focus {
	text-decoration: underline;
}

ul,
ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*
 * End HTML elements
 */






/*
 * Begin generic content
 */

*.genericContent table,
*.genericContent p,
*.genericContent ul,
*.genericContent ol,
*.genericContent + *.genericContent {
	margin-top: 1em;
}

*.genericContent table td,
*.genericContent table th {
	padding-left: 10px;
}
*.genericContent table td:first-child,
*.genericContent table th:first-child {
	padding-left: 0;
}

*.genericContent ul {
	clear: both;
	padding-left: 0;
}

*.genericContent ul li {
	margin-left: 17px;
	list-style-type: disc;
}

*.genericContent ol {
	clear: both;
}

*.genericContent ol li {
	margin-left: 20px;
	list-style-type: decimal;
}
*+html *.genericContent ol li {
	margin-left: 23px;
}

/* Start headings */
*.genericContent h1 {
	color: #C7E2B0;
	font-size: 18px;
	font-weight: bold;
}

*.genericContent h2,
#center #list.booksList p.title {
	color: #C7E2B0;
	font-size: 14px;
	font-weight: bold;
}

*.genericContent h3 {
}

*.genericContent h4 {
}

*.genericContent h5 {
}

*.genericContent h6 {
}

*.genericContent * + h1,
*.genericContent * + h2,
*.genericContent * + h3,
*.genericContent * + h4,
*.genericContent * + h5,
*.genericContent * + h6 {
	margin-top: 1em;
}

*.genericContent h1 + *,
*.genericContent h2 + *,
*.genericContent h3 + *,
*.genericContent h4 + *,
*.genericContent h5 + *,
*.genericContent h6 + * {
	margin-top: 0;
}

*.heading2 em,
*.heading3 em,
*.heading4 em,
*.heading5 em,
*.heading6 em {
	font-weight: bold;
}
/* End headings */

*.genericContent img.Links {
	margin: 0 10px 10px 0;
	float: left;
}

*.genericContent img.Rechts {
	margin: 0 10px 10px 0;
	float: left;
}

*.genericContent *:first-child {
	margin-top: 0;
}



table.contenttable td {
	vertical-align: top;
}

/*
 * End generic content
 */

 
 
 
 
 
/*
 * Begin main containers
 */

div.containerMain,
#wrapper {
	position: relative;
	margin: 0 auto 0 auto;
	width: 960px;
	min-height: 0;
}



ul.topMenu {
	position: relative;
	z-index: 1;
	float: right;
	margin-top: 8px;
}

ul.topMenu li {
	display: inline;
	margin-left: 25px;
}

ul.topMenu li a {
	color: #000000;
}



#menu ul {
	position: absolute;
	top: -42px;
	border-bottom: 6px solid #FEB337;
	width: 100%;
	min-height: 0;
	font-size: 15px;
}

#menu li {
	float: left;
	padding: 6px 20px;
}

#menu li.active {
	background: #FEB337
}

#menu li a {
	color: #000000;
}



#container {
	position:relative;
	margin:0 auto;
	border-top: 61px solid #ffffff;
	width:961px;
	min-height: 0;
	background: #000000 url(../images/blocks.gif);
}

#container_inner {
	min-height: 0;
	padding: 0 0 18px 0;
	background:url(../images/gradient.png) repeat-x 0 0;
}



.logo {
	position:absolute;
	top: 0;
	right: 0;
	z-index:200;
	width:173px;
}

.logo a {
	display:block;
	position:relative;
	width:173px;
	height:92px;
	text-indent: -9999em;
	background:url(../images/logo.png) no-repeat 0 0;
}



div.intro {
	margin-bottom: 28px;
	color: #838280;
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
}



#banner {
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 12px solid #2A2A29;
	border-left: 0;
	width: 714px;
	height: 180px;
	overflow: hidden;
	background: url(../images/home-visual.jpg) 0 0 no-repeat;
}
*.homepage #banner {
	margin-bottom: 10px;
}

#left {
	width:220px;
	float:left;
	min-height: 1px;
	padding-right:20px;
}



#center {
	width:480px;
	float:left;
	position:relative;
	overflow:hidden;
	z-index:100;
}

*.homepage #center,
div.referenties,
#center.referenties {
	margin: 0 0 0 19px;
	width: 700px;
}

div.referenties {
	min-height: 0;
}



div.jumpList {
	min-height: 0;
}

div.jumpList > ul {
	float: left;
	margin: 0 0 28px 13px;
	width: 224px;
	min-height: 1px;
}
div.jumpList > ul:first-child {
	margin-left: 0;
}

div.jumpList > ul > li > strong {
	color: #C7E2B0;
	font-size: 18px;
	font-weight: bold;
}

div.jumpList > ul > li > a {
	padding-left: 4px;
	color: #C7E297;
	font-size: 12px;
}

div.jumpList li li > a {
	display: block;
	padding: 8px 0 8px 4px;
	border-bottom: 1px solid #434343;
	color: #FEB337;
	font-size: 15px;
}

div.jumpList ul ul {
	margin: 8px 0;
	border-top: 1px solid #434343;
}



div.section {
	min-height: 0;
	padding: 16px;
	color: #CEC7BF;
	background: #363330;
}
div.section,
div.section * {
	line-height: 1.7em;
}

div.section div.section {
	padding: 0;
}

div.referenties div.section {
	padding: 0;
	background: transparent;
}



div.section div.newsHome h1 {
	margin-bottom: 0.2em;
}



#right {
	float: left;
	margin-left: 23px;
	width: 180px;
	padding: 10px;
	color: #E5E3CB;
	background: url(../images/blackAlpha40.png);
}



.content-box {
	display: block;
	overflow: hidden;
	border-top: 1px solid #63605d;
	margin-bottom: 10px;
	padding-top: 10px;
}
.content-box:first-child {
	border-top-width: 0;
	padding-top: 0;
}

.content-box .image {
	float: right;
	display: inline;
	margin: 0 0 0 5px;
}



ul.referenties {
	float: left;
	margin-left: -4px;
}

ul.referenties li {
	float: left;
	margin: 0 0 4px 4px;
	list-style-type: none;
	padding: 0;
}

ul.referenties a.block {
	position: relative;
	display: block;
	-moz-transition: all 0.2s ease-out;  
	-o-transition: all 0.2s ease-out;  
	-webkit-transition: all 0.2s ease-out;  
	-ms-transition: all 0.2s ease-out;  
	transition: all 0.2s ease-out;  
	border: 4px solid #ffffff;
	width: 128px;
	height: 128px;
	text-decoration: none !important;
	background-color: #ffffff;
	background-position: center center;
	background-repeat: no-repeat;
}
ul.referenties a:hover {
	border-color: #FEB337;
}

ul.referenties a.block + a,
ul.referenties li > img {
	display: none;
}

ul.referenties a span {
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	position: absolute;
	right: 5px;
	bottom: 5px;
	-moz-transition: all 0.2s ease-out;  
	-o-transition: all 0.2s ease-out;  
	-webkit-transition: all 0.2s ease-out;  
	-ms-transition: all 0.2s ease-out;  
	transition: all 0.2s ease-out;  
	padding: 0 2px;
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	line-height: 12px;
	background: #FEB337;
}

ul.referenties a:hover span {
	opacity: 100;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}



#left #submenu li {
	margin-bottom:2px;
}

#left #submenu a {
	-moz-transition: all 0.2s ease-out;  
	-o-transition: all 0.2s ease-out;  
	-webkit-transition: all 0.2s ease-out;  
	-ms-transition: all 0.2s ease-out;  
	transition: all 0.2s ease-out;  
}

#left #submenu > li > a {
	display:block;
	padding:2px 0 2px 20px;
	color:#f6e9ca;
	font-size:16px;
	text-decoration: none;
	background:#3d3935;
}

#left #submenu li.active > a,
#left #submenu li > a:hover {
	background: #49625A;
}

#left #submenu > li.active > ul {
	background: #3B453F;
}

#left #submenu li > ul {
	padding:11px 0 5px 21px;
}

#left #submenu li ul li a {
	display: block;
	color:#F6E9CA;
	font-size:12px;
	padding:0 0 0 8px;
}

#left #submenu li ul li:hover,
#left #submenu li ul li.active a {
	background: #49625A;
}

#left #submenu li ul li a,
#left #submenu li ul li a {
	background:none;
	text-decoration: none !important;
}



#right h2 {
	color:#f6e9ca;
	text-transform:none;
}



#center #newslist div.newsItem {
	margin-top: 10px;
}



#center #newslist div.newsItem + div.newsItem,
ul.booksList > li + li {
	margin-top: 10px !important;
	margin-bottom: 0 !important;
	border-top: 1px solid #000000 !important;
	padding-top: 15px !important;
}



div.box + div.box,
div.contact + div.box {
	margin-top: 12px;
	border-top: 1px solid #63605d;
	padding-top: 12px;
}



div.contact h2 {
	margin-bottom: 10px;
}

div.box h3 {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 13px;
	color: #F6E9CA;
}

div.box li {
	margin-left: 17px;
	list-style-type: square;
}

div.box + p.more {
	margin-top: 5px;
}



div.descr {
	margin-bottom: 1em;
}


div.news-single-img div.picbox {
	float: left;
	margin: 5px 1em 5px 0;
}



div.contact_wrap p.more {
	font-weight: bold;
}



*.tx_powermail_pi1_form h3 {
	margin-bottom: 10px;
	color: #C7E2B0;
	font-weight: bold;
}

*.tx_powermail_pi1_form legend {
	padding: 0;
	color: #C7E2B0;
	font-size: 16px;
	font-weight: bold;
}
*+html *.tx_powermail_pi1_form legend {
	margin-left: 12px;
}

.tx-powermail-pi1 {
	border:0;
}

.tx-powermail-pi1 .tx-powermail-pi1_thx p {
	padding-bottom:5px;
}

.tx_powermail_pi1_fieldwrap_html {
	display:block;
	width:460px;
	clear:both;
	margin-bottom:10px;
}

.tx_powermail_pi1_fieldwrap_html label {
	width:150px;
	float:left;
	margin-top:4px;
}

.tx_powermail_pi1_fieldwrap_html label .powermail_mandatory {
	color:#3d3935;
}

.tx_powermail_pi1_fieldwrap_html .powermail_mandatory_js {
	font-style:italic;
	color:#3d3935;
}

.tx_powermail_pi1_fieldwrap_html input.powermail_text {
	width:270px;
	border-width: 0;
	height:18px;
	background: #d2cecb;
}

#tx-indexedsearch-searchbox-sword {
	width:250px;
	border:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	height:18px;
}

.tx_powermail_pi1_fieldwrap_html textarea {
	width:270px;
	border-width: 0;
	background: #d2cecb;
}

.tx_powermail_pi1_fieldwrap_html .powermail_submit {
	font-weight: bold;
	font-size: 13px;
	padding: 2px 10px;
}

#tx-indexedsearch-searchbox-button-submit {
	background:url(../images/submit.gif) no-repeat 0 0;
	width:111px;
	height:21px;
	border:0;
	cursor:pointer;
	float:none;
	overflow:visible;
	vertical-align:middle;
}

.powermail_radio_inner_uid29_0,.powermail_radio_inner_uid29_1 {
	clear:both;
}

.tx_powermail_pi1_fieldwrap_html_radio {
	min-height: 0;
}

.tx_powermail_pi1_fieldwrap_html_radio .tx_powermail_pi1_fieldwrap_html_radio_title,
.tx_powermail_pi1_fieldwrap_html_radio b {
	float: left;
	width: 150px;
}

.tx_powermail_pi1_fieldwrap_html_radio div {
	min-height: 0;
	padding-left: 150px;
}

.tx_powermail_pi1_fieldwrap_html_radio div label {
	float: none;
	margin-left: 5px;
}

.tx_powermail_pi1_fieldwrap_html_radio div input {
	float: left;
	margin-top: 3px;
}

*+html .tx_powermail_pi1_fieldwrap_html_radio div input {
	margin-top: 0;
}



#linkList,
*.square {
	display: none;
}



#center #list li {
	position:relative;
	margin-bottom:15px;
	margin-left: 0;
	border-top:1px solid #3d3935;
	min-height: 0;
	padding-left:0;
	list-style-type: none;
	background:none;
}

#center #list li li {
	padding-left:12px;
	border:0;
	margin-bottom:0;
}

#center #list li a {
	position:absolute;
	left:0;
	top:0;
	z-index:100;
	display:block;
	width:460px;
	height:155px;
}

#center #list li p {
	padding-bottom:0;
}

#center #list .picbox {
	float:left;
	margin-right: 10px;
}

#center #list.booksList .picbox {
	width:101px;
}

#center #list.booksList p.title {
	margin-bottom: 5px;
}

#center #list.booksList div.strong + p {
	color: #8e8780;
}



p.quote {
	font-size: 1.3em;
	font-style: italic;
	line-height: 1.3em;
}

p.quote span {
    font-size: 20px;
    line-height: 18px;
    padding: 0 4px 0 0;
    position: relative;
    top: 4px;
}

p.quote span.quoteEnd {
    padding: 0 0 0 0;
}

p.author {
	position: relative;
	top: -6px;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}

/*
 * End main containers
 */






/*
 * Start div popup
 */

 div.divPopupBackground {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    background: #000000;
}

div.divPopupWindow {
    display: none;
    position: absolute;
    z-index: 1001;
    top: 10%;
    left: 50%;
    width: 500px;
    height: 400px;
    margin: 0 0 0 -250px;
    font-size: 12px;
    background: #fff;
    box-shadow: 2px 2px 20px #000000;
}
div.innerDivPopupWindow {
    padding: 20px;
}

div.divPopupWindow div.close {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 2px;
    opacity: 0.9;
    padding: 10px;
    color: #000;
    font-weight: bold;
    background: #fff;
}
div.divPopupWindow div.close:hover {
    opacity: 1;
}

div.divPopupWindow div.divPopupWindowFooter {
    margin: 20px -20px -20px;
    padding-top: 2px;
    height: 2em;
    line-height: 2em;
    background: #DFE0E0;
}



div.divPopupWindowMovie {
	margin-left: -460px;
    width: 900px;
    height: auto;
    background: #000;
}

div.divPopupWindowMovie div.close {
	position: absolute;
	font-size: 14px;
	line-height: 14px;
	top: -34px;
    right: 0;
	width: 14px;
	color: #fff !important;
	text-align: center;
	background: #000;
}

/*
 * End div popup
 */





/*
 * Begin form
 */


/*
 * End form
 */






/*
 * Begin general
 */

div.safeBox {
	min-height: 1em;
}

*.displayNone {
	display: none;
}

*.floatLeft {
	float: left;
}

*.forceClear {
	width: 100%;
	height: 0;
	overflow: hidden;
	clear: both;
}

*.map {
	display: block;
	overflow: hidden;
	background-color: #EFEBE2;
}

/*
 * End general
 */






/*
 * Begin page
 */



/*
 * End page
 */






/*
 * Begin hack
 */

*.defaultFormHolder:after,
div.containerMain:after,
#menu ul:after,
.tx_powermail_pi1_fieldwrap_html_radio:after,
.tx_powermail_pi1_fieldwrap_html_radio div:after,
#center #list li:after,
div.section:after,
div.referenties:after,
#container_inner:after,
#container:after,
div.jumpList:after,
div.safeBox:after {
	content:"";
	display:block;
	height:0;
	clear:both;
}

/*
 * End hack
 */






/*
 * Begin print
 */

@media print {
}

/*
 * End print
 */





#breadcrumbs {
	display: none;
}