* { border: 0; margin: 0; outline: 0; padding: 0; text-decoration: none }

a { color: #4d596a }
a.active { color: #349fc3 }
body { background: url('-body.png') transparent repeat-y; height: 600px; margin: 0 auto; width: 970px }
div { outline: 0px dotted red }
form { text-align: right }
html { background: url('root2.png') #98c8df repeat-y center; color: #939598; font: normal 12px/1.5 'Trebuchet MS', sans-serif; overflow-y: scroll }
input, select, textarea { border: 1px solid #98c8df }
li { margin: 0 1.5em; padding: 0 }
ol, ul { margin: 1.5em 0; padding: 0 }
p { margin: 0 0 1.5em 0 }
strong { color: #4d596a; font-weight: inherit }
table { empty-cells: hide }
button { border: 1px solid #98C8DF;  font-size: 11px; background: #CBE3EF; color: #4d596a; font-family: "Trebuchet MS", sans-serif; margin: 5px 0 0 0 }
button:hover { background: #98C8DF; color: #fff; cursor: pointer }

li { clear: both }
.tn { float: left; margin-right: 24px }

.r2 { border-bottom: 1px solid #98c8df; height: 180px; overflow: hidden; position: absolute; top: 139px }
.r2 img { vertical-align: bottom }

.r3 { background: url('uiltjes.jpg') #fff no-repeat; height: 180px; left: -179px; position: absolute; top: 319px; width: 539px }

.pad { padding: 25px }

body.shop .pad { padding: 0px }
body.shop .pad .shopindex, body.shop .pad .categoryoverview, body.shop .pad .info { padding: 25px }

.homepad { position: absolute; margin-top: 320px; padding: 25px; height: 115px; width: 490px; overflow: hidden; }

.error { background: #fcc; border: .0625em solid #c99; margin: 1.5em 0; padding: .74375em }
p.success { background: #cbe3ef; border: .0625em solid #98c8df; margin: 1.5em 0; padding: .74375em }

#wrapper { background: url('-taal.png') transparent no-repeat; border-left: 0px solid #98c8df; height: 600px; position: relative }
  #header { background: transparent; border-bottom: 1px solid #98c8df; height: 70px; position: relative }
    #logo { background: url('logo.png') #fff no-repeat; bottom: 0; height: 40px; left: 0; overflow: hidden; position: absolute; width: 570px }
	#logo a { border-right: 1px solid #98c8df; display: block; height: 40px; text-indent: -9999px; width: 321px }
    #breadcrumb { background: #fff; bottom: 0; height: 22px; left: 322px; padding: 18px 0 0 33px; position: absolute; width: 200px }
	#settings { background-color:white; border-bottom: 1px solid #98c8df; height: 20px; padding: 9px 0 0 8px; position: absolute; right: 0; width: 392px }
    #paynshop { background: #fff; bottom: 0; height: 22px; left: 722px; padding: 18px 0 0 33px; position: absolute; width: 200px }
  #body { background: #fff; height: 499px; left: 0; position: absolute; top: 71px; width: 970px }
    #nav { border-bottom: 1px solid #98c8df; height: 319px; left: 30px; position: absolute; top: 0; width: 179px }
	#nav * { list-style: none }
	#nav ul { border-left: 1px solid #98c8df; height: 296px; margin: 0; padding: 23px 0 0 8px; width: 170px }
	#nav ul li.active, #nav ul li.active a,#nav ul li a:hover { color: #349fc3 }
	#nav ul li { height: 22px }
	#blokje { border-left: 1px solid #98c8df; height: 179px; left: 30px; position: absolute; top: 320px; width: 178px }
	#content { border-left: 1px solid #98c8df; height: 499px; left: 209px; position: absolute; top: 0; width: 760px }
        #content a:hover { color: #349fc3 }
		/* Sub content alleen als home */
		#subcontent { display: none }
        body.home #subcontent { display:block; left: 209px; position: absolute; top: 320px; width: 540px; height: 180px }
  #content #pagenav { position:absolute; bottom:10px; text-align:center; width:309px;}
    #column1, #column2 { overflow-y:hidden }
    #column1, #column2 { border-right: 1px solid #98c8df; height: 499px; overflow-y: auto; position: absolute; width: 359px }
		  #column1 {
        -scrollbar-base-color: #ffffff;
        -scrollbar-arrow-color: #98C8DF;
        -scrollbar-3dlight-color: #ffffff;
        -scrollbar-darkshadow-color: #ffffff;
        -scrollbar-face-color: #ffffff;
        -scrollbar-highlight-color: #98C8DF;
        -scrollbar-shadow-color: #98C8DF;
        -scrollbar-track-color: #ffffff;
      }
    
    
    #column1 { left: 0 }
	  #column2 { left: 360px; overflow: hidden !important }
  #footer { border-top: 1px solid #98c8df; bottom: 0; height: 29px; left: 0; position: absolute; width: 970px }
    #disclaimer { color: #cbe3ef; left: 0; padding: 4px 0 0 35px; position: absolute; top: 0 }
	#disclaimer a { color: #cbe3ef }
	#copyright { background: #fff; color: #c8cacd; padding: 4px 0 0 10px; position: absolute; right: 0; top: 0; width: 390px }
	#copyright a { color: #c8cacd }

#text { height: 499px; width: 540px }

bdo[dir="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
bdo[dir="rtl"]  { direction: rtl; unicode-bidi: bidi-override }
*[dir="ltr"]    { direction: ltr; unicode-bidi: embed }
*[dir="rtl"]    { direction: rtl; unicode-bidi: embed }

/* Page spcific styling */

body.intro #content { background: #fff; left: 30px; width: 939px }
body.intro #blokje { background-image: none }
body.taal #content { background-image: url('pages/taal.jpg') }
body.taal #nav li { display:none; }
body.home #blokje { background-image: url('oplopers/current.gif') }
body.home #body { background: url('home.jpg') #fff no-repeat top right }
body.nieuws #blokje { background-image: url('platen/nieuws-small.jpg') }
body.shop #blokje { background-image: url('platen/shop-small.jpg') }
body.selectie #blokje { background-image: url('platen/selectie-small.jpg') }
body.publicaties #blokje { background-image: url('platen/publicaties-small.jpg') }
body.loes_botman #body { background: url('loes.jpg') #fff right 0 no-repeat }
body.exposities #blokje { background-image: url('platen/exposities-small.jpg') }
body.contact #blokje { background-image: url('platen/contact-small.jpg') }
body.contact #column2 { background-image: url('platen/contact-big.jpg') }
body.nieuwsbrief #blokje { background-image: url('platen/nieuwsbrief-small.jpg') }
body.nieuwsbrief #column2 { background-image: url('platen/nieuwsbrief-big.jpg') }
body.profiel #blokje { background-image: url('platen/profiel-small.jpg') }
body.profiel #column2 { background-image: url('platen/profiel-big.jpg') }

/* Page specific, maar niet zo heel specific */

body.default #column2,

body.checkout #column2,
body.checkout3 #column2,
body.inloggen #column2,
body.uitloggen #column2,
body.aanmelden #column2,
body.voorwaarden #column2,
body.privacy #column2,
body.disclaimer #column2,
body.password_recovery #column2

{ background-image: url('platen/default-big.jpg') }

body.default #blokje,
body.cart #blokje,
body.checkout #blokje,
body.checkout2 #blokje,
body.checkout3 #blokje,
body.inloggen #blokje,
body.uitloggen #blokje,
body.aanmelden #blokje,
body.voorwaarden #blokje,
body.privacy #blokje,
body.disclaimer #blokje,
body.password_recovery #blokje

{ background-image: url('platen/default-small.jpg') }

/* */

FORM TD
{
text-align:left;
}

IMG {
border:0;
}
.thumbs .thumb
{
float:left;
border:1px solid #98C8DF;
height:65px;
width:65px;
margin:5px;
overflow:hidden;
text-align:center;
line-height: 65px;
}
.shopcat
{
float:left;
overflow:hidden;
text-align:center;
height:115px;
margin:5px;
}

.shopcat .thumb {
border:1px solid #98C8DF;
height:90px;
width:90px;
overflow:hidden;
}

.categoryoverview .thumb {
border:1px solid #98C8DF;
height:90px;
width:90px;
overflow:hidden;
text-align:center;
margin:0 10px 5px 0;
}

#allefotos {
width:400px;
height:528px;
overflow:hidden;
}

#allefotos .thumb {
float:left;
overflow:hidden;
text-align:center;
margin:3px;

}
.thumbs .active, .categoryoverview .active
{
border:1px solid #349fc3;
}

.info 
{
text-align:center;
}


/* LightBox 2.0 */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}

.core_log {
  background: #000;
  color: #fff;
  padding: .5em 1em;
}
.form {
  text-align:right;
}

.hentry .entry-title { font-size: 1em; font-weight: bold }
.hentry .date { font-size: 9px; padding: 0 0 12px 0 }