/* @override http://www.ellencornelis.be/_preview/ellen.css */


/* @group Eric Meyer */
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%;  background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
html {padding:0; margin:0; outline:0; font-size:100%; font-size:100%;}
:focus {outline: 0;}

img {border:none;}

ins {text-decoration:none;}
del {text-decoration:line-through;}

table {border-collapse:collapse; border-spacing:0;}
/* @end */


body {background:#fff repeat-y 700px;}

#content {font:italic 14px Georgia, "Times New Roman", Times, serif;}

a {color:#ff0000; text-decoration:none;}
a:hover {color:#000;}


#header {position:absolute; top:100px; left:40px;}
#header .naam {color:#a0a0a0; margin:0 0 14px; padding:0;}
#header #logo {}
#header .adres {font-size:11px; line-height:14px;}

#nav {position:absolute; top:100px; left:320px;}
#nav ul {margin:0px; padding-top:0;}
#nav ul li {display:inline; margin-right:12px;}
#nav ul li a {font-weight:bold; color:#000;}
#nav ul li a:hover, #nav ul li a.actief {color:#FF0000;}

#biobut {position:absolute; top:390px; left:220px; z-index:500;}
#boekbut {position:absolute; top:96px; left:80px; z-index:500;}

#subnav {background-color:rgba(254,255,255,0.85); position:absolute; top:96px; left:770px; width:180px; border:3px dashed #ec441c; text-align:center;}
#innersubnav {padding:30px 10px 10px;}
#innersubnav2 { border-top:2px dashed #ec441c;  padding:30px 10px 10px;}

#boekoverzicht {position:absolute; top:200px; left:40px; width:700px;}
#boekdetail {position:absolute; top:180px; left:40px;}


#kunsteducatieoverzicht {position:absolute; top:170px; left:40px; width:615px;}

#ellen {position:absolute; top:160px; left:260px;}


#persartikeldiv {position:absolute; top:160px; left:40px; width:617px;}
#persartikeldiv img {margin-right:20px;margin-bottom:20px;}


#nummers { font:normal normal 10px "Lucida Grande", Lucida, Verdana, sans-serif;position:absolute; top:440px; left:400px;}
#nummers a {color:#000; text-decoration:none;}
#nummers a:hover {color:#ff0000;}

#boeknummers { font:normal normal 10px "Lucida Grande", Lucida, Verdana, sans-serif; margin-bottom:10px; text-align:right;}
#boeknummers a {color:#000; text-decoration:none;}
#boeknummers a:hover {color:#ff0000; font-weight:bold;}
#boeknummers .actief {color:#000; font-weight:bold;}


#extranav .extranav {background-color:rgba(254,255,255,0.85); position:absolute;  left:770px; width:250px; border:2px dashed #ec441c; text-align:center;padding-top:6px; padding-bottom:6px;}
#textiel {top:96px;}
#kidsonline {top:140px;}
#geboortehuwelijk {top:186px;}

#textiel_ {top:240px;}
#kidsonline_ {top:280px;}
#kaartjes_ {top:320px;}

#extranav .extranav:hover {background-color:#ff0000; color:#fff;}	


#boekennav .boekennav {background-color:rgba(254,255,255,0.85); position:absolute;  left:770px; width:180px; border:2px dashed #ec441c; text-align:center;padding-top:6px; padding-bottom:6px;}
#boeken_ {top:240px;}
#magazines_ {top:280px;}
#boekennav .boekennav:hover,#boekennav .boekennav.actief {background-color:#ff0000; color:#fff;}			
		
.smaller {font-size:11px;}

#kunsteducatueul { list-style-type:circle; font-size:12px;}
#kunsteducatueul li { margin-bottom:0.5em;}

.divider { border-top:3px dotted #ec441c;}

.rood {color:#ff0000;}


/* @group SLIDER */


		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 615px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 615px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
			display:none;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: none;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}

/* @end */