@charset "utf-8";
@import url("reset.css");
@import url("typography.css");



body {
	xfont-size: 1.8em;
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	xfont-family: 'StMarieWebSCThin', sans-serif;
	font-family: georgia;

}
#container {
	width: 100%;
}
#header {
	position: relative;
	xfloat: left;
	height: 30px;

}
#header h1 {
	position: absolute;
	font-weight: normal;
	font-size: 1.2em;
	margin:0.6em 0 1em 0.2em;
	z-index: 100;
}
#header h1 a {
	text-decoration: none;
	margin: 0.2em 0 0.3em 0;
	display: block;
}

ul#nav {
	position: absolute;
	border-bottom:  solid 1px #8c8c8c;
	left:  0px;
	top: 0px;
	width: 100%;
	font-size: 1.2em;
}
ul#nav li {
	float: right;
	list-style-type: none;
}
ul#nav li a {
	text-decoration: none;
}
ul#nav li.current-menu-item a {
	text-decoration: none;
	font-weight: bold;
}



ul#nav li a:hover {
	color: #000;
} 
#terms {
	border-bottom:  solid 1px #8c8c8c;
}
.small {
	font-size: 0.45em;
	line-height: 200%;
}
.termsul {
	width: 780px;
	text-align: center;
	position: relative;
	margin: 0 auto;
	padding:  45px 0 50px 0;
	line-height:115%;
	
}
.small .termsul {
	width: 880px;
	padding:  15px 0 20px 0;
}
#detail-content .termsul {
	width: 460px;
	padding: 8px 0 0 0;
	text-align:left;
	margin: 0 0 0 -3px;
	clear: both;
}
.termsul li {
	list-style-type: none;
	display: inline;
	font-style: normal;
	text-transform: uppercase;
	font-size: 2.6em;
	margin: 0;
}

.termsul li.current-cat a,
.these-terms h2.current-cat a {
	color: #000;
	
	letter-spacing: 0.09em;
}	
.small .termsul li {
	font-family: times new roman;
	letter-spacing: 0.02em;
	
}
#detail-content .termsul li {
	font-family: times new roman;
	font-size: 1.05em;
	line-height: 140%;
	float: left;
}
.termsul li a {
	text-decoration: none;
	white-space: nowrap;
	padding: 1px 0px 0 3px;
	background-color: #FFF;
	display: inline-block;
	filter:alpha(opacity=100) !important;
	opacity: 1 !important;
	-moz-opacity:1 !important; 
	zoom:1;
}
.termsul li a:hover {
	text-decoration: none;
	color: #FFF;
	background-color: #333;
	
}
.termsul li a:visited {
	padding-right: 0.1em !important; 
	filter:alpha(opacity=60) !important;
	opacity: 0.6 !important;
	-moz-opacity:0.6 !important; 
	background: #FFF url(images/asterix2.png) no-repeat right top; 

	
}
.termsul li a:hover {
	background-position: right -20px;
}
.termsul li.current-cat a:visited {

filter:alpha(opacity=100) !important;
opacity: 1 !important;
-moz-opacity:1 !important;
}	
.small .termsul li a:visited,
.single-terms li a:visited {
	background-image: none;

	filter:alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity:0.4; 
}
.kleur1 a { /* groen */
	color: #138f50;
	
}
.kleur1 a:hover { background-color: #138f50!important;}

.kleur2 a { /* blauw */
	color: #09aacd;
}
.kleur2 a:hover { background-color: #09aacd!important;}
.kleur3 a { /* rood */
	color: #cd1212;
}
.kleur3 a:hover { background-color: #cd1212!important;}

.kleur4 a { /* geelgroen */
	color: #9cd81a;
}
.kleur4 a:hover { background-color: #9cd81a!important;}
#term-title {
	margin-top: -2px;
	background: #FFF url(images/line.gif) repeat-x left center;
	text-align: center;
	xoverflow: hidden;
	
}

#term-title  a{
	xdisplay: none !important;
}
#term-title h1,
#term-title h2 {
	text-transform: uppercase;
	font-size: 4em;
	font-weight: normal;
	color: #333;
	margin: 0;
	display: inline;
	background-color: #FFF;
	padding: 0 5px;
	letter-spacing: 0.08em;
}
.tussengreybeam {
	background:url("images/line.gif") repeat-x scroll left center #FFFFFF;
	padding-bottom: 3px;
	text-align:center;
	margin-top: 30px !important; 
	margin-bottom:20px !important;
}
.tussengreybeam h2 {
	text-transform: uppercase;
	font-size: 2em;
	font-weight: normal;
	color: #333;
	margin: 0;
	display: inline;
	background-color: #FFF;
	padding: 0 5px;
	letter-spacing: 0.08em;
}
.tussengreybeam h2 a{
	text-decoration: none;
}
#term-title h2 {
	font-size: 2.6em;
}
#term-title h2 span {
	text-transform:none;
}
#term-title a.meer {
	position: absolute;
	display: block;
	right: 0px;
	top: 50%;
	padding-right: 30px;
	background: transparent url(images/arrow_dots_right.gif) no-repeat right 3px;
	text-decoration: none;
	font-size: 1.2em;
	color: #000;
	filter:alpha(opacity=20);
	opacity: 0.2;
	-moz-opacity:0.2; 
	font-style: italic;
	
}
#term-title a:hover.meer {
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6; 
}



.meer-anchor {
	position: absolute;
	left: -50px;
	background: transparent url(images/arrow_dots_right.gif) no-repeat right 3px;
	text-indent: -9000px;
	width: 40px;	
}
.werk-termen .meer-anchor {
	position: absolute;
	left: -50px;
	background: transparent url(images/arrow_dots_right.gif) no-repeat right 3px;
	text-indent: -9000px;
	width: 40px;
	top: 15px;	
}
#werkstroken {
	width: 100%;
	position: relative;
	margin: 20px 0;

}
#werkstroken .strook-nav {
	border-bottom: solid 1px #ababab;
	padding: 18px 0 ;
}
.mygalleries {
	width: 100%;
	clear: both;
}
#werkstroken .grey-beam,
.mygalleries {
	background-color: #f6f6f6;
	width: 100%;
	position: relative;
	padding: 0;
	overflow: hidden;
	margin: 8px 0;
	xborder-top: solid 1px #FFF;
	xborder-bottom: solid 1px #FFF;
}

#werkstroken .post-widht,
.mygalleries .post-widht {
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: 160px;
		
}
.over {
	xborder-top:  solid 1px #333 !important;
	xborder-bottom:  solid 1px #333 !important;
	background: url(images/bigarrowleft.gif) no-repeat center center;
}
.over .empty {
	visibility: hidden;
}
.over .scrollableArea {
	background-color: transparent !important;
}
.over .img {
	filter:alpha(opacity=40) !important;
	opacity: 0.4 !important;
	-moz-opacity:0.4 !important; 
}
.over .titel {
	filter:alpha(opacity=100) !important;
	opacity: 1 !important;
	-moz-opacity:1 !important; 
}
#werkstroken .post {
	position: absolute;
	margin-left: -8px;
	background-color: #FFF;
	height: 160px;
	width: 2000px;
	padding: 0 0 0 8px;
	
}
#werkstroken .vakje,
.mygalleries .vakje {
	margin-right: 8px;
	float: left;
	height: 160px;
	
}
#werkstroken .empty {
	background-color: #f6f6f6;
}
#werkstroken .titel  {
	border: solid 1px #999;
	height: 148px;
	padding: 5px;
	position: relative;

	background-color: #FFF;
}
#werkstroken .titel h3 {
	text-align: center;
	font-size: 1.4em;
	padding: 12px 0 0 0;
	
	height: 135px;
}
#werkstroken .titel a {
	display: block;
	
	position: absolute;
	top: 0px;
	text-indent: -9000px;
	left: 8px;
	width: 100%;
	height: 100%;
	background: transparent url(images/meer.gif) no-repeat right 136px;
}
#werkstroken .titel a:hover {
	background-position: right -26px;
}
.tekstual {
	width: 480px;
	position: relative;
	margin: 0 auto;
	font-size: 1.2em;

}
.werk-termen {
	padding-top: 10px;
}
.werk-termen h1 {
	font-size: 1.8em;
	color: #333;
	margin: 0 0 0 -2px;
	padding: 0 0;
}
.werk-termen h2 {
	font-size: 1.8em;
	color: #333;
	margin: 0 0 0 -2px;
	padding: 0 0;
}
.in-loop h2 {
	font-size: 1.5em;
	color: #333;
	margin: 0 0 0 -33px;
	
}
.in-loop h2 a {
	display:block;
	padding: 0 0 0 33px;
	background: transparent url(images/arrow_dots_right_hover.gif) no-repeat left 8px;
	text-decoration:none;
}
.in-loop h2 a:hover {
	background-position: left -14px;
}

#pages {
	padding: 30px 100px;
	width: 780px;
	clear: both;
	font-size: 1.2em;
}
#pages h1 {
	
	font-size: 2.4em;
	font-weight: normal;
	color: #333;
	margin: 0;

	padding: 0;
	letter-spacing: 0.02em;
}
.col {
	float: left;
	position: relative;
}
.col-normal {
	width: 780px;
}
.col-wide {
	width: 500px;
	margin-right: 30px;
}
.col-small {
	width: 200px;
	padding: 10px 0 10px 40px;
	border-left: solid 1px #ededed;
}
#footer {
	border-top: solid 1px  #a3a3a3;
	margin-top: 20px;
	padding:  0px 0  15px 0;
}
.w980 {
	width: 980px;
	position: relative;
	margin: 0 auto;
}


/* werkdetail */
#containsingle {
	width: 30px;
	position: absolute;
	left:0;
	margin: 0 0 30px 0;
	border: solid 2px #FFF;
	display: none;
	opacity: 0;
	top: 0px;
	height: 30px;
	z-index: 1000;
	background: #FFF url(images/loading.gif) no-repeat center center;
}
.containsingleloaded {
	border-color: #000 !important;
}
#containsingle #detail-content {
	visibility: hidden;
}
.containsingleloaded #detail-content {
	visibility: visible !important;
}
#containsingle #closecontainsingle {
	width: 100%;
	height: 35px;
	padding-top: 20px;
	clear: both;
	float: left;
	width: 858px;
	
}
#closecontainsingle a {
	display: block;
	position: relative;
	width: 100%;
	height: 30px;
	
	border-bottom: solid 1px #A3A3A3;
	background: #FFF url(images/close.gif) no-repeat right top;
	text-indent: -9000px;
}
#closecontainsingle a:hover {
	background-position: right -40px;
}
#myOverlay {
	display: none;
	cursor:pointer;
	
	opacity:0;
	height:100%;
	position:fixed;
	width:100%;
	background-color: #000;
	left:0;
	overflow:hidden;
		top:0;
	z-index:999;
}
.fakebox {
	
	
	margin: 10px auto;
	position: relative;
	background-color: #ededed;
	padding: 20px 0;
	
	
}

#detail-content {
	margin: -2px 0 0 -2px;
	padding: 0  40px;
	clear: both;
	float: left;
	width: 850px;
	background-color: #FFF;
	border-left: solid 2px #ededed;
	border-top: solid 2px #ededed;
	
}
.fakebox #detail-content {
	border-top: solid 1px #dfe0e0;
	border-left: solid 1px #dfe0e0;
	border-right: solid 1px #a3a3a3;
	border-bottom: solid 1px #a3a3a3;
	margin-top: 40px;
	margin: 0 auto;
	float: none;
	background-color: #FFF;
	padding: 10px 40px 40px 40px;
	
}
#detail-header {
	clear: both;
	border-bottom: solid 1px #a3a3a3;
	float: left;
	height: 180px;
	position: relative;
	width: 100%;
	margin:  0 0 20px 0;
}
.detail-left, .detail-right {
	position: absolute;
	width: 50%;	
	bottom: 12px;
}
.detail-left {
	left: 0px;
}
.detail-right {
	right: 0px;
}
#detail-header .title h1 {
	font-size: 3.6em;
	margin: 0;
}
#detail-header .title h2 {
	font-size: 2em;
	color: #999;
	margin: 0;
	font-weight: normal;
}
dl.facts {
	font-size: 1.1em;
	text-align: right;
	line-height: 160%;
}
dl.facts dt,
dl.facts dd {
	display: inline;
	font-weight: bold;
}
dl.facts dt {
	text-transform: uppercase;
	color: #999;
	clear: left;
	font-size: 0.9em;
	padding-top:  1px;
	
}
dl.facts dt:before { content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;

}
dl.facts dd {
	padding-left: 8px;
	line-height: 130%;
}
dl.facts dd p {
	margin: 0;
	padding: 0;
	display: inline;
}
.detail-content {
	font-size: 1.4em;
	padding: 0 0 30px 0;
	
	float: left;
	width: 100%;
	clear: both;

}
.detail-content .intro {
	font-size: 1.2em;
	color: #666;
}
.detail-content p {
	line-height: 150%;
}
.detail-content .images {
	float: right;
	width: 400px;
	xheight: 500px;
	xheight: 600px;
	margin: 10px 0 10px 20px;
}
.detail-content .images ul {
	margin: 0;
	padding: 0;
}
.detail-content .images ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.these-terms {
	padding: 10px 0;
	width: 100%;
	float: left;
	border-top: solid 1px #a3a3a3;
}
.these-terms .column {
	padding: 0 10px 0 0;
}
.these-terms .first {
	padding-left: 0px;
}
.these-terms .last {
	padding-right: 0px;
}
.these-terms h2 {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1.2em;
	margin: 0;
}
.these-terms .dontsplit {
	margin-left:  -2px;
	float: left;
	width: 33%;
}
.these-terms .column .dontsplit {
	width: 100%;
}
.these-terms h2 a {
	text-decoration: none;
	padding: 0 2px;
}
.these-terms h2 a:hover {
	color: #FFF;
}
.these-terms .descr {
	margin-top: -0.5em;
	margin-bottom: 9px;
	font-size: 1.1em;	
	color: #666;
	padding:  0 2px;
}
.morefacts {
	position: relative;
	width: 100%;
	float: left;
	clear: both;
	padding: 15px 0;
	border-top: solid 1px #a3a3a3;
	
}
.morefacts dl {
	width: 80%;
	float: right;
}
.singlefooter {
	clear: both;
	position: relative;
	padding-top: 6px;
	margin-top: 15px;
	border-top: solid 1px #a3a3a3;
}
.permalink {
	text-align: right;
}
.permalink a {
		
}

#content { /* content div for google searchresults*/
	width: 980px;
	position: relative;
	margin: 0 auto;
}
#cse-search-results iframe table  { 
display:none !important;

}
#nieuwsophome {
	background-color: #FFF;
	position: relative;
	float: left;
	padding: 0px;
	width: 100%;
	margin-top:0px;
}
#nieuwsophome .post {
	margin: 10px 19px;
}
.nieuwsitems {
	font-size: 1.2em;
	margin-top:20px;
	
}
.nieuwsitems  .post {
	float: left;
	width:  172px;
	margin: 10px 19px 10px 0;
	border-left: solid 1px #e3e3e3;
	border-top: solid 1px #e3e3e3;
	padding: 4px 0 4px 4px;
}

.nieuwsitems  .sticky {
	float: left;
	width:  350px;
	padding: 10px;
	
	border: solid 1px #a3a3a3;
}
#nieuwsophome .short {
	display: block;
}
.long a, .short {
    word-wrap: break-word;
}

#nieuwsophome .long {
	display: none;
}
.nieuwsitems  .long {
	display: none;
}
.nieuwsitems  .sticky .short {
	display: none;
}
.nieuwsitems  .sticky .long {
	display: block;
}
#nieuwsophome   .sticky {
	border:none;
}
.nieuwsitems  .post .entry-summary p{
	margin-top:3px;
}
.nieuwsitems .entry-meta {
	color: #999;
	padding: 0 0 3px 0;
	font-size: 0.9em;
	
}
.sticky .entry-meta {
	color: #999;
	border-bottom:  solid 1px #a3a3a3;
	padding: 0 0 3px 0;
	text-align: right;
	font-size: 0.9em;
	
}
.nieuwsitems h2.entry-title {
	
	margin-bottom: 0.1em;
	font-size: 1.4em;
	font-weight: normal;
	text-transform: uppercase;
}
.nieuwsitems h2.entry-title a {
	color: #4a4a4a;
}
.sticky h2.entry-title {
	margin-top: 2em;
	font-size: 2em;
}
.sticky h2.entry-title a {
	color: #000;
}
.nieuwsitems img {
	width: 100%;
	height: auto;
}
.sticky img {
	padding: 5px 0 1px 0;
	border-top:  solid 1px #a3a3a3;
}
.nieuwsitems h2.entry-title a {
	text-decoration: none;
}
.nieuwsitems a.readmore {
	padding: 3px 30px 3px 0;
	margin: 10px 0 0 0;
	color: #444;
	text-decoration: none;
	font-size: 1em;
	color: #cd1212;
	font-style: italic;
    white-space: nowrap;
}
.nieuwsitems a:hover.readmore {
	background-position: right -15px;
	
	color:#000;
 }

.sticky a.readmore {
	border-top: solid 1px #a3a3a3;
 	font-size: 1.1em;
 	text-align: right;
 	display: block;
 	filter:alpha(opacity=60);
 	opacity: 0.6;
 	-moz-opacity:0.6; 
 	color:#000;
 	background: url("images/arrow_dots_right_hover.gif") no-repeat scroll right 7px #FFF;
 }
.sticky  a:hover.readmore {
 	background-position: right -15px;
 	filter:alpha(opacity=100);
 	opacity: 1;
 	-moz-opacity:1; 
  }

table.newslist {
	width:100%;
	border-collapse:collapse;
}
table.newslist td {
	padding:2px 2px 2px 3px;
}

.widget-container {
	list-style-type:  none;
}
.widget-container h3.widget-title,
h2.widgettitle {
	font-size: 1.4em;
	font-weight: normal;
}
.blogroll li  {
	color: #555;
}
.blogroll li a {
	display: block;
	text-decoration: none;
	font-size: 1em;
	color: #000;
}
.blogroll li a:hover {
	text-decoration: underline;
}
#footer ul.xoxo {
	float: left;
	width: 33%;
	text-align: center;
}
#footer ul.firstul {
	text-align: left;
}
#footer ul.lastul {
	text-align: right;
	float: right;
}
.term-galleries {
	border-top: solid 1px #a3a3a3;
	clear: both;

}
.term-galleries h3 {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.2em;
	color: #CCC;
}
.term-galleries h3 a {
	text-decoration: none;
	padding: 0 2px;
}
.term-galleries h3 a:hover {
	color: #FFF;
}

.navigation {
	text-align:center;
	margin-top:30px !important;
}
.navigation .alignleft, .navigation .alignright {
	display: inline;
	float:none;
}
.navigation .alignleft a, .navigation .alignright a {
	display: inline-block;
	text-decoration: none;
	font-size: 1.3em;
}
.navigation .alignleft a {
	background: #FFF url(images/arrow_dots_left_hover.gif) no-repeat left 2px;
	padding-left: 30px;
	margin-right:10px;
}
.navigation .alignright a {
	background: #FFF url(images/arrow_dots_right_hover.gif) no-repeat right 2px;
	padding-right: 30px;
	margin-left:10px;
}
.navigation .alignleft a:hover {
	background-position: left -19px;
}
.navigation .alignright a:hover {
	background-position: right -19px;
}
.jarenlijstje {
	margin: 0;
	padding: 0;
	text-align: center;
}
.jarenlijstje li {
	margin: 0;
	padding: 0;
	display: inline;
}
.jarenlijstje li a {
	text-decoration: none;
	display: inline-block;
	padding: 1px 2px 2px 2px;
}
h2.sidelisttitle {
	border-bottom:solid 1px #CCC;
	padding:2px 0;
	color:#999;
	font-style:italic;
	font-weight:normal;
}
.xtermsul {
	margin: 0;
	padding: 0;
}
.xtermsul li {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 8px 0 0 0;
	padding: 0;
	list-style-type: none;
}
.xtermsul li ul {
	margin-left:  18px;
}
.xtermsul li ul li {
	margin-top: 0px;
	font-size: 0.9em;
	font-weight: normal;
	text-transform: none;
	list-style-type: disc;
}
.xtermsul li ul li a {
	text-decoration: none;
	display: inline-block;
	
}
.xtermsul li ul li a:hover {
	color: #FFF;
}
.xtermsul li a:visited {
	padding-right: 8px !important; 
	filter:alpha(opacity=60) !important;
	opacity: 0.6 !important;
	-moz-opacity:0.6 !important; 
	background: #FFF url(images/asterix2.png) no-repeat right top; 
}
.xtermsul li a:hover {
	background-position: right -20px;
}

.col-normal .sidelisttitle {
	margin-top: 30px;
}
.col-normal .xtermsul {
	clear: both;
	width: 100%;
}
.col-normal .xtermsul li {
	float: left;
	width: 25%;
}
.col-normal .xtermsul li li {
	float: none;
	width: auto;
}
.col-normal .xtermsul li li a {
	
}

.note {
	color: #999;
}