@charset "UTF-8";
/* CSS Document */

/* Clear some things... */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0px; padding: 0px; }

img { border: none; }

.clear { font-size: 0px; line-height: 0px; clear: both; visibility: hidden; }

/* */
p { margin: 0 0 15px 0; }
ul, ol { margin: 0 0 15px 25px; }
th, td	{ font-size: 11px; line-height: 1.4; }

h1, h1 .head { font-size: 12px; font-weight: normal; color: #000; margin-bottom: 30px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; } /* color: #78797a; */

a, a:link { color: #78797a; font-weight: bold; text-decoration: underline; }
a:hover { color: #96989b; }
a:focus { outline: none; }
a:visited { color: #555759; font-weight: bold; text-decoration: underline; }

/* General styling... */
body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.4; color: #78797a; }

#wrapper { text-align: center; margin-top: 20px; }

#website { margin: 0px auto; width: 1024px; border: solid 1px #CCC; text-align: left; position: relative; min-height: 580px; height: auto; !important height: 580px; } /* height: 600px; */
#website #webLeft, #website #webRight { position: absolute; width: 12px; min-height: 580px; height: auto; !important height: 580px; background-image: url(../img/sides.jpg); background-position: left top; background-repeat: repeat-y; }
#website #webLeft { top: -1px; left: -14px; }
#website #webRight { top: -1px; right: -14px; }
#website #circonflex { height: 66px; width: 13px; position: absolute; bottom: 0px; right: -30px; }

#website #inner { background-image: url(../img/lines.jpg); width: 1019px; background-repeat: repeat-y; background-position: 100px 0px; overflow: auto; } /* margin-top: 20px; margin-bottom: 20px;  */
#website #left { width: 100px; float: left; overflow: hidden; }
	#left #rotatorContent {  }
	#left #rotatorContent ul { margin: 0px 0px 0px 0px; padding: 0px; }
	#left #rotatorContent ul li { list-style-type: none; margin: 0px 0px 0px 4px; padding: 0px; }

#website #middle #mLeft { width: 416px; float: left; padding: 0px 12px 0px 12px; margin: 10px 0px 0px 0px; }
#website #middle #mRight { width: 416px; float: right; padding: 0px 12px 0px 12px; margin: 10px 0px 0px 0px; }


/* Intro */
#website.intro { text-align: center; background-color: #FFF; } /* background-color: #eae6e5; background-image: url(../img/introBG.jpg); background-position: left top; background-repeat: repeat; */
#website.intro #introImage { margin: 0px auto; width: 404px; padding-top: 20px; } /* padding: 10px; border: solid 1px #CCC; background-color: #FFF; */
#website.intro #introImage span.enter { display: block; text-align: center; margin-top: 10px; }

/* Bibliografie */
/* #website.bibliografie { background-image: url(../img/biblioBooksBG.png); background-position: center bottom; background-repeat: no-repeat; } */
#website.bibliografie #inner { width: 1019px; overflow: auto; background-image: url(../img/linesbiblio.jpg); background-repeat: repeat-y; background-position: 100px 0px; } /*  */
#website.bibliografie #middle #mLeft { width: 578px; float: left; padding: 0px 12px 0px 12px; margin: 10px 0px 0px 0px; }
#website.bibliografie #middle #mRight { width: 252px; float: right; padding: 0px 12px 0px 12px; margin: 10px 0px 0px 0px; }

/* Blog */
#website.blog #inner { width: 1019px; overflow: auto; background-image: url(../img/linesblog.jpg); background-repeat: repeat-y; background-position: 100px 0px; }
#website.blog #middle #mLeft { width: 578px; float: left; padding: 0px 12px 0px 12px; margin: 10px 0px 0px 0px; }
#website.blog #middle #mRight { width: 252px; float: right; padding: 0px 12px 0px 12px; margin: 10px 0px 0px 0px; }

/* Portfolio */
#website.portfolio #inner { background-image: url(../img/linesportfolio.jpg); width: 1019px; background-repeat: repeat-y; background-position: 50px 0px; overflow: hidden; }
#website.portfolio #middle #mLeft { width: 132px; float: left; padding: 0px 12px 0px 12px; margin: 10px 0px 0px 0px; }
	#website.portfolio #middle #mLeft .leftpane { overflow: auto; }
#website.portfolio #middle #mRight { width: 828px; float: right; padding: 0px 12px 0px 12px; margin: 10px 0px 0px 0px; }
	#website.portfolio #middle #mRight .rightpane { overflow: auto; }

#website #search { width: 260px; height: 70px; position: relative; margin-left: 108px; }
	#search #searchBox { position: absolute; left: 0px; }
	#search #searchIcon { position: absolute; right: 0px; } 

#website .contentpane { margin: 0px 12px 0px 112px; overflow: auto; }

/* #navigation { height: 80px; width: 1024px; position: absolute; bottom: 0px; left: 0px; border-top: solid 1px #d1d5d7; z-index: 1000; } */
#navigation { height: 80px; width: 1024px; position: absolute; bottom: 0px; left: 0px; z-index: 1000; }
#navigation ul { margin: 0px 0px 0px 0px; }
#navigation ul li { list-style: none; float: left; margin-right: 1px; }
#navigation ul li.First { margin-left: 1px; }
#navigation ul li img { cursor: pointer; }

#navigation ul li a { background-repeat: no-repeat; background-position: left top; display: block; text-indent: -9999; height: 80px; }
#navigation ul li#cssMenuTab63 a, #navigation ul li#cssMenuTab149 a { width: 101px; background-image: url(../img/nav/home.jpg); } /* Home */
#navigation ul li#cssMenuTab102 a, #navigation ul li#cssMenuTab150 a { width: 149px; background-image: url(../img/nav/about.jpg); }
#navigation ul li#cssMenuTab103 a, #navigation ul li#cssMenuTab155 a { width: 151px; background-image: url(../img/nav/contact.jpg); }
#navigation ul li#cssMenuTab104 a, #navigation ul li#cssMenuTab153 a { width: 148px; background-image: url(../img/nav/blog.jpg); }
#navigation ul li#cssMenuTab105 a { width: 152px; background-image: url(../img/nav/kids.jpg); }
#navigation ul li#cssMenuTab107 a { width: 151px; background-image: url(../img/nav/bibliografie.jpg); }
#navigation ul li#cssMenuTab106 a, #navigation ul li#cssMenuTab152 a { width: 148px; background-image: url(../img/nav/portfolio.jpg); }
#navigation ul li#cssMenuTab108 a, #navigation ul li#cssMenuTab154 a { width: 150px; background-image: url(../img/nav/calender.jpg); }

#navigation ul li#cssMenuTab151 a { width: 151px; background-image: url(../img/nav/bibliography.jpg); }

#navigation ul li.CurrentItem a,
#navigation ul li.ParentCurrentItem a { background-position: 0px -80px; }
#navigation ul li a:hover { background-position: 0px -80px; }

#topNavigatie { position: absolute; bottom: 0px; right: 0px; z-index: 5; }
#topNavigatie a.nl { display: block; background-image: url(../img/nav/langNL.jpg); background-repeat: no-repeat; background-position: 0px -20px; text-indent: -9999; height: 20px; width: 16px; margin-right: 3px; }
#topNavigatie a.nl:hover { background-position: left top; }

#topNavigatie a.eng { display: block; background-image: url(../img/nav/langENG.jpg); background-repeat: no-repeat; background-position: 0px -20px; text-indent: -9999; height: 20px; width: 16px; margin-right: 3px; }
#topNavigatie a.eng:hover { background-position: left top; }

#topNavigatie a.CurrentItem { background-position: left top; }

/* Containers */
.defaultContainer .contentpane { padding-right: 100px; }

/* Blog */
.blog { } /* font-family: "Courier New", Courier, monospace; */
.blog .item { clear: both; padding-bottom: 10px; margin-bottom: 10px; background-image: url(../img/linedotted.jpg); background-repeat: no-repeat; background-position: left bottom; }
	.blog .item img { margin: 0px 10px 10px 10px; }
.blog .date { display: block; color: #b7b7b7; margin-bottom: 10px; }
.blog .title { display: block; font-size: 12px; color: #cf7539; } /* text-transform: uppercase; letter-spacing: 2px; */
.blog .image { display: block; }
.blog .content { color: #000; }
.blog .dateItem { color: #b7b7b7; margin-bottom: 10px; }
.blog .titleItem { font-size: 13px; color: #cf7539; }

/* Sketchblog */
.sketchbook {  }
.sketchbook .item { clear: both; padding-bottom: 10px; margin-bottom: 10px; background-image: url(../img/linedotted.jpg); background-repeat: no-repeat; background-position: left bottom; }
	.blog .item img { margin: 0px 10px 10px 10px; }
.sketchbook .date { display: block; color: #b7b7b7; margin-bottom: 10px; }
.sketchbook .title { display: block; font-size: 12px; color: #cf7539; } /* text-transform: uppercase; letter-spacing: 2px; */
.sketchbook .image { display: block; }
.sketchbook .content { color: #000; }
.sketchbook .dateItem { color: #b7b7b7; margin-bottom: 10px; }
.sketchbook .titleItem { font-size: 13px; color: #cf7539; }
.sketchbook .baseline { position: relative; top: -30px; }

/* Bibliografie */
.bibliografie {  }
.bibliografie .cataloogZoeker { }
.bibliografie .cataloogZoeker p.searchField { margin: 0px 0px 4px 0px; }
.bibliografie .item { margin-bottom: 20px; background-image: url(../img/linedotted.jpg); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 20px; }
	.bibliografie .item .left { float: left; text-align: center; }
	.bibliografie .item .left img { }
	.bibliografie .item .right { margin-left: 120px; padding-bottom: 20px; } /*  margin-bottom: 10px; */
	
	.bibliografie .item .title { display: block; font-size: 12px; font-weight: normal; color: #78797a; margin-bottom: 4px; } /* text-transform: uppercase; letter-spacing: 2px; */
	.bibliografie .item .publicatiedatum { color: #CCC; font-style: italic; display: block; }
	.bibliografie .item .bekroningen { display: block; }
	.bibliografie .item .intro { color: #000; margin-top: 10px; display: block; margin-bottom: 10px; font-size: 13px; color: #78797a; }
	.bibliografie .item .auteur { display: block; }
	.bibliografie .item .uitgever { display: block; }
	.bibliografie .item .cover { display: block; }
	
	.bibliografie .pager a { color: #CCC; padding-right: 4px; }
		.bibliografie .pager #currentPage { color: #666; padding-right: 4px; }
		
	.bibliografie .breadcrumbs { margin: 0px 0px 20px 0px; }
		
.bibliografieDetail {  }
	.bibliografieDetail .title { display: block; font-size: 12px; font-weight: bold; color: #78797a; margin-bottom: 4px; } /* text-transform: uppercase; letter-spacing: 2px; */
	.bibliografieDetail .auteur { display: block; }
	.bibliografieDetail .uitgever { display: block; }
	.bibliografieDetail .cover { display: block; }
	.bibliografieDetail .isbn { display: block; }
	.bibliografieDetail .formaat { display: block; }
	.bibliografieDetail .technieken { display: block; margin-top: 10px; }
	.bibliografieDetail .medium { display: block; }
	.bibliografieDetail img { /* CSS3 */
				-o-box-shadow: 8px 8px 5px #CCC;
				-icab-box-shadow: 8px 5px 5px #CCC;
				-khtml-box-shadow: 8px 8px 5px #CCC;
				-moz-box-shadow: 8px 8px 5px #CCC;
				-webkit-box-shadow: 8px 8px 5px #CCC;
 }
	
.cataloogZoeker input { border: solid 1px #CCC; padding: 2px; }
.cataloogZoeker select { border: solid 1px #CCC; padding: 2px; }

/* Portfolio */
.portfolio {  }
.portfolio .item { margin-left: 4px; margin-bottom: 10px; }

.portfolioDetail .title { display: block; font-size: 13px; font-weight: bold; color: #78797a; margin-bottom: 4px; text-transform: uppercase; letter-spacing: 2px; }
.portfolioDetail .portfolioList li { list-style-type: none; float: left; }
	
/* Calendar */
.calender { } /* font-family: "Courier New", Courier, monospace; */
.calender .item { clear: both; padding-bottom: 10px; margin-bottom: 10px; background-image: url(../img/linedotted.jpg); background-repeat: no-repeat; background-position: left bottom; }
	.calender .item img { margin: 0px 10px 10px 10px; }
.calender .date { display: block; color: #b7b7b7; margin-bottom: 10px; }
.calender .title { display: block; font-size: 13px; color: #cf7539; } /* text-transform: uppercase; letter-spacing: 2px; */
.calender .image { display: block; }
.calender .content { color: #000; }
.calender .dateItem { color: #b7b7b7; margin-bottom: 10px; }
.calender .titleItem { font-size: 13px; color: #cf7539; }

span.copyright { font-size: 10px; color: #666666; }