/* ------- Reset CSS -------- */

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, sub, sup, tt, var,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-weight: inherit;
    /* font-style: inherit; */
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}

body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* ----- BASE ------ */

body{
	background:#000;
	font-family: 'Lucida Grande','Trebuchet MS',Helvetica, Arial, sans-serif;
}

body.tb{
background:#fff;
}

p{
	color:#bbb;
	font-family:'Lucida Grande','Trebuchet MS',Verdana,sans-serif;
	font-size:75%;
	line-height:180%;
	margin:0 0 20px;
}

h3,h4{font-family: 'Lucida Grande';}

h1{
font-family: 'NeutraTextTF-Light','Neutra Text TF','Trebuchet MS',Arial,Helvetica,sans-serif;
font-size:3.3em;
line-height: 0.9em;
color:#fff;
text-transform: uppercase;
font-weight: normal;
}

h2{

}

h3{
color:#a51719;
font-size:120%;}



.clear{
clear:both;
margin:0px;
padding:0px;
line-height:0px;
font-size:0px;
height:1%;
}

#wrap{
	width:100%;
}

img{
border:none;
display: block;
}



/******************************************
* Link Styles
******************************************/

a{font-family: 'Lucida Grande',Helvetica, Arial,sans-serif;}

a:link, a:active {
	text-decoration: none;
	color: #555;
	outline: none;
	
	
}
a:visited {
	text-decoration: none;
	color: #555;
	outline: none;
}
a:hover, a:focus {
	text-decoration: none;
	color: #a12924;
	outline: none;
}


/* Basic form styling */

form{padding:0;margin:0;}
fieldset{padding:0;border:none;margin:0;}

label{
color:#666;
display:block;
letter-spacing:0.2px;
}

legend{
display:none;
}

input,textarea{
border:none;
background:#303030;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-family:'Helvetica Neue', Arial, sans-serif;
color:#fff;
}

input.zemText{padding:3px;color:#999;}

input:hover, textarea:hover{background: #444;cursor:pointer;}
input:focus, textarea:focus{background: #444;}

input.zemSubmit{
font-family:'Lucida Grande',Helvetica, Arial,sans-serif;
font-size:75%;
background:transparent;
padding:3px;
color:#fff;
float:right;
}

input.zemSubmit:hover{color: #a12924;background: #222;}
input.zemSubmit:active{color:#fff;}

form br{display:none;}


/* Custom Elements */


/* ----- HEADER ------ */

#head-wrap{
	width:100%;
	background: #000 url(../images/head-verfstreep.jpg) no-repeat center top;
}

#head{
	width:940px;
	height:135px;
	margin:0 auto; 
	position: relative;
	padding:0;
}

#header-right{
	width:820px;
	float:left;
}
	
#identity{
	height:115px;
	margin:0 0 18px;
}

h1#logo{}

h1#logo a{
	display: block;
	position: absolute;
	width:297px;
	height:82px;
	text-indent: -4000px;
	background: url(../images/logov2-joost.png) no-repeat;
	top:17px;
	left:0px;
}


/*
ul#nav{height:42px;margin:0px;padding:0 0 0 25px;}

ul#nav li{float:left;}

ul#nav li a{
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
}

ul#nav li a:link, ul#nav li a:active,ul#nav li a:visited{
	float:left;
	display:block;
	font-family: 'Lucida Grande',Helvetica, Arial,sans-serif;
	text-transform: uppercase;
	color:#bbb;
	font-size:80%;
letter-spacing:2px;
margin:4px 15px 4px 0;
padding:5px 14px;
	font-weight:bold;
	display: inline;
}

ul#nav li a.current:visited{
color:#000;}


ul#nav li a:hover, ul#nav li a:focus {
	text-decoration: none;
	color: #a12924;
	outline: none;
	background:#fff;
}

ul#nav li a.current{cursor:default;background:#fff;color:#000;}


ul#nav{height:29px;padding:0px 0 2px 20px;}

ul#nav li{	
background: url(../images/nav-sprite.jpg);
height:29px;
float:left;
display:block;
margin:0px 28px 0px 0;
font-family: 'Lucida Grande',Helvetica, Arial,sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
color:#777;
font-size:62%;
text-indent: -4000px;
cursor: pointer;
}

ul#nav li a{}

ul#nav li a:link, ul#nav li a:active,ul#nav li a:visited{	
	height:29px;
	display:block;
	text-indent: -4000px;
}

ul#nav li a:hover, ul#nav li a:focus {
	text-decoration: none;
	color: #111;
	outline: none;
}


ul#nav li#default{width:69px;background-position: 0 0;}
ul#nav li#blog{width:65px;background-position: -69px 0;}
ul#nav li#ons-werk{width:105px;background-position: -135px 0;}
ul#nav li#gezelschap{width:159px;background-position: -240px 0;}
ul#nav li#kijk-en-luister{width:129px;background-position: -400px 0;}
ul#nav li#contact{width:100px;background-position: -529px 0;}

ul#nav li#default:hover{width:69px;background-position: 0 -26px;}
ul#nav li#blog:hover{width:65px;background-position: -69px -26px;}
ul#nav li#ons-werk:hover{width:105px;background-position: -135px -26px;}
ul#nav li#gezelschap:hover{width:159px;background-position: -240px -26px;}
ul#nav li#kijk-en-luister:hover{width:129px;background-position: -400px -26px;}
ul#nav li#contact:hover{width:100px;background-position: -529px -26px;}

ul#nav li#default:active{width:69px;background-position: 0 -52px;}
ul#nav li#blog:active{width:65px;background-position: -69px -52px;}
ul#nav li#ons-werk:active{width:105px;background-position: -135px -52px;}
ul#nav li#gezelschap:active{width:159px;background-position: -240px -52px;}
ul#nav li#kijk-en-luister:active{width:129px;background-position: -400px -52px;}
ul#nav li#contact:active{width:100px;background-position: -529px -52px;}

ul#nav li#default.current{width:69px;background-position: 0 -78px;}
ul#nav li#blog.current{width:65px;background-position: -69px -78px;}
ul#nav li#ons-werk.current{width:105px;background-position: -135px -78px;}
ul#nav li#gezelschap.current{width:159px;background-position: -240px -78px;}
ul#nav li#kijk-en-luister.current{width:129px;background-position: -400px -78px;}
ul#nav li#contact.current{width:100px;background-position: -529px -78px;}


ul#nav li#default{width:75px;background-position: 0 0;}
ul#nav li#blog{width:72px;background-position: -75px 0;}
ul#nav li#ons-werk{width:115px;background-position: -147px 0;}
ul#nav li#gezelschap{width:135px;background-position: -262px 0;}
ul#nav li#kijk-en-luister{width:141px;background-position: -397px 0;}
ul#nav li#contact{width:110px;background-position: -538px 0;}

ul#nav li#default:hover{width:75px;background-position: 0 -29px;}
ul#nav li#blog:hover{width:72px;background-position: -75px -29px;}
ul#nav li#ons-werk:hover{width:115px;background-position: -147px -29px;}
ul#nav li#gezelschap:hover{width:135px;background-position: -262px -29px;}
ul#nav li#kijk-en-luister:hover{width:141px;background-position: -397px -29px;}
ul#nav li#contact:hover{width:110px;background-position: -538px -29px;}

ul#nav li#default:active{width:75px;background-position: 0 -58px;}
ul#nav li#blog:active{width:72px;background-position: -75px -58px;}
ul#nav li#ons-werk:active{width:115px;background-position: -147px -58px;}
ul#nav li#gezelschap:active{width:135px;background-position: -262px -58px;}
ul#nav li#kijk-en-luister:active{width:141px;background-position: -397px -58px;}
ul#nav li#contact:active{width:110px;background-position: -538px -58px;}

ul#nav li#default.current{width:75px;background-position: 0 -87px;}
ul#nav li#blog.current{width:72px;background-position: -75px -87px;}
ul#nav li#ons-werk.current{width:115px;background-position: -147px -87px;}
ul#nav li#gezelschap.current{width:135px;background-position: -262px -87px;}
ul#nav li#kijk-en-luister.current{width:141px;background-position: -397px -87px;}
ul#nav li#contact.current{width:110px;background-position: -538px -87px;}


ul#nav li a.current{cursor:default;color:#fff;}
ul#nav li.last{margin:0;}


ul#nav{height:29px;padding-bottom:12px;}

ul#nav li{	
background: url(../images/nav-sprite.jpg);
height:29px;
	float:left;
	display:block;
	margin:0px 9px 0px 0;
	font-family: 'Lucida Grande',Helvetica, Arial,sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	color:#777;
	font-size:62%;
	text-indent: -4000px;
	cursor: pointer;
	}

ul#nav li a{}

ul#nav li a:link, ul#nav li a:active,ul#nav li a:visited{	
	height:29px;
	float:left;
	display:block;
	text-indent: -4000px;
}

ul#nav li a:hover, ul#nav li a:focus {
	text-decoration: none;
	color: #111;
	outline: none;
}

ul#nav li#default{width:75px;background-position: 0 0;}
ul#nav li#blog{width:72px;background-position: -75px 0;}
ul#nav li#ons-werk{width:115px;background-position: -147px 0;}
ul#nav li#treurdieren{width:135px;background-position: -262px 0;}
ul#nav li#kijk-en-luister{width:141px;background-position: -397px 0;}
ul#nav li#contact{width:110px;background-position: -538px 0;}

ul#nav li#default:hover{width:75px;background-position: 0 -29px;}
ul#nav li#blog:hover{width:72px;background-position: -75px -29px;}
ul#nav li#ons-werk:hover{width:115px;background-position: -147px -29px;}
ul#nav li#treurdieren:hover{width:135px;background-position: -262px -29px;}
ul#nav li#kijk-en-luister:hover{width:141px;background-position: -397px -29px;}
ul#nav li#contact:hover{width:110px;background-position: -538px -29px;}

ul#nav li#default:active{width:75px;background-position: 0 -58px;}
ul#nav li#blog:active{width:72px;background-position: -75px -58px;}
ul#nav li#ons-werk:active{width:115px;background-position: -147px -58px;}
ul#nav li#treurdieren:active{width:135px;background-position: -262px -58px;}
ul#nav li#kijk-en-luister:active{width:141px;background-position: -397px -58px;}
ul#nav li#contact:active{width:110px;background-position: -538px -58px;}

ul#nav li#default.current{width:75px;background-position: 0 -87px;}
ul#nav li#blog.current{width:72px;background-position: -75px -87px;}
ul#nav li#ons-werk.current{width:115px;background-position: -147px -87px;}
ul#nav li#treurdieren.current{width:135px;background-position: -262px -87px;}
ul#nav li#kijk-en-luister.current{width:141px;background-position: -397px -87px;}
ul#nav li#contact.current{width:110px;background-position: -538px -87px;}
*/

ul#nav{height:31px;width:585px;position:absolute;right:0;top:62px;}

ul#nav li{	
background: url(../images/nav-v2.png);
height:31px;
float:left;
display:block;
margin:0;
font-family: 'Lucida Grande',Helvetica, Arial,sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
color:#777;
font-size:62%;
text-indent: -4000px;
cursor: pointer;
}

ul#nav li a:link, ul#nav li a:active,ul#nav li a:visited{	
	height:31px;
	display:block;
	text-indent: -4000px;
}

ul#nav li a:hover, ul#nav li a:focus {
	text-decoration: none;
	color: #111;
	outline: none;
}

ul#nav li#default{width:71px;background-position: 0 0;}
ul#nav li#blog{width:64px;background-position: -71px 0;}
ul#nav li#ons-werk{width:95px;background-position: -135px 0;}
ul#nav li#gezelschap{width:143px;background-position: -230px 0;}
ul#nav li#kijk-en-luister{width:121px;background-position: -373px 0;}
ul#nav li#contact{width:91px;background-position: -494px 0;}

ul#nav li#default:hover{width:71px;background-position: 0 -31px;}
ul#nav li#blog:hover{width:64px;background-position: -71px -31px;}
ul#nav li#ons-werk:hover{width:95px;background-position: -135px -31px;}
ul#nav li#gezelschap:hover{width:143px;background-position: -230px -31px;}
ul#nav li#kijk-en-luister:hover{width:121px;background-position: -373px -31px;}
ul#nav li#contact:hover{width:91px;background-position: -494px -31px;}

ul#nav li#default:active{width:71px;background-position: 0 -62px;}
ul#nav li#blog:active{width:64px;background-position: -71px -62px;}
ul#nav li#ons-werk:active{width:95px;background-position: -135px -62px;}
ul#nav li#gezelschap:active{width:143px;background-position: -230px -62px;}
ul#nav li#kijk-en-luister:active{width:121px;background-position: -373px -62px;}
ul#nav li#contact:active{width:91px;background-position: -494px -62px;}

ul#nav li#default.current{width:71px;background-position: 0 -93px;}
ul#nav li#blog.current{width:64px;background-position: -71px -93px;}
ul#nav li#ons-werk.current{width:95px;background-position: -135px -93px;}
ul#nav li#gezelschap.current{width:143px;background-position: -230px -93px;}
ul#nav li#kijk-en-luister.current{width:121px;background-position: -373px -93px;}
ul#nav li#contact.current{width:91px;background-position: -494px -93px;}


ul#nav li a.current{cursor:default;color:#fff;}
ul#nav li.last{margin:0;}


/* ----- MIDDLE ------ */

#content{
	border-top:0px solid;
	width:940px;
	margin:0 auto;
	position: relative;
}



#overct {
margin:0;
padding-bottom:1px;
position:relative;
width:940px;
}

#cycle a.meer{}
#cycle a.cd{z-index:11;display:block;height:450px;width:403px;position: absolute;top:0;text-indent:-4000px;}
#cycle a#jank{left:0;}
#cycle a#jank:hover{background: url(../images/intro-jank-hover.jpg) no-repeat;}
#cycle a#sneeuwen{right:0;}
#cycle a#sneeuwen:hover{background: url(../images/intro-sneeuwen-hover.jpg) no-repeat;}

#cycle .slide{width:938px;height:450px;}



#overct h2{
font-size:19px;
color:#ddd;
line-height:1.4;
width:920px;
}

#overct a{
z-index:10;
position: absolute;
right:0;
top:0;
display: block;
width:10px;
height:15px;
padding:0 1px 0px 2px;
background: transparent;
line-height: 80%;
border-radius:2px;-moz-border-radius: 2px;-webkit-border-radius:2px;
background:#444;
color:#000;
}

#overct a:hover{
background: #ddd;
}


.front .col{
float:left;
width:470px;
}

.front #content{
padding:0px 0 1px 0;
}

.front #introductie{
height:271px;
margin-top:20px;
/*
left:0;
top:0;
*/
}

.front #search-results{
padding:10px 0 100px;
}

.front .search-result{
background:#222222 none repeat scroll 0 0;
float:left;
margin:15px 15px 0 0;
padding:17px;
width:28%;
-moz-border-radius: 3px;
-webkit-border-radius:3px;
}

.front .search-result strong{
color:#fff;
background:#a12924;
}

#cyclewrap {
border:1px solid #171717;
margin-top:20px;
position:relative;
}

#cycle{height:450px;/*
right:0;
bottom:0;
*/}


#cycle .slide a.intro{
text-transform: uppercase;
font-weight: bold;
font-size:11px;
color:#000;
position:absolute;
padding:8px 10px;
background:#fff;
border-radius:8px;-moz-border-radius: 8px;-webkit-border-radius:8px;
z-index:10;
bottom:35px;
right:35px;
opacity:0.7;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;
}

#cycle .slide a:hover{
background: #A12924;
color:#fff;
opacity:1;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;
}

#imgnav-wrap{
top:0;
width:400px;
height:431px;
right:30px;
background: transparent;

}

/*
.imgnav{
	background:#222222 none repeat scroll 0 0;
	font-size:370%;
	height:60px;
	line-height:70%;
	z-index:11;
	right:120px;
	bottom:45px;
	width:128px;
	position:absolute;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
}

#imgnavprev{left:-60px;}
#imgnavnext{right:-60px;}

.imgnav a{
font-family: 'Lucida Grande',Helvetica, Arial,sans-serif;
color:#777;
display:block;
float:left;
padding:3px 11px 7px;
}

.imgnav a:hover{color:#fff;}
.imgnav a:active{color:#bb4600;}

.imgnav a#pauseBtn{
padding:0;
text-indent: -4000px;
background:url(../images/playpause.png) no-repeat 0 -40px;
width:21px;
height:40px;
margin:10px 0;
}

.imgnav a#pauseBtn:hover{
background-position: -21px -40px;
}

.imgnav a#pauseBtn:active{
background-position: -42px -40px;
}

.imgnav a#pauseBtn.play{
background-position: 0 0;
}

.imgnav a#pauseBtn.play:hover{
background-position: -21px 0;
}

.imgnav a#pauseBtn.play:active{
background-position: -42px 0px;
}
*/

.imgnav{
	/* background:#222222 none repeat scroll 0 0; */
	font-size:140%;
	height:11px;
	line-height:70%;
	z-index:11;
	right:0;
	top:0;
	width:100px;
	position:absolute;
	border-bottom-left-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	padding:10px;
	background:#181818;
}

.imgnav #play-pause-next{
float:right;
width:26px;
}

#imgnavprev{left:-60px;}
#imgnavnext{right:-60px;}

.imgnav a{
font-family: 'Lucida Grande',Helvetica, Arial,sans-serif;
color:#777;
display:block;
float:left;
/* padding:3px 11px 7px; */
font-weight:bold;
}

.imgnav a#next{
background:url(../images/imgnav-small.gif) no-repeat -49px 0;
display: block;
width:11px;
height:11px;
text-indent: -4000px;
margin-left:6px;
}

.imgnav #navver a{
width:11px;
height:11px;
display: block;
text-indent: -4000px;
background:url(../images/imgnav-small.gif) no-repeat -11px 0;
margin:0 6px 0 0;
}

.imgnav #navver a:hover{
background-position: 0 -11px;
}

.imgnav #navver a.activeSlide{
background-position: 0 0;
}

.imgnav #navver a.activeSlide:hover{
background-position: 0 0;
cursor: default;
}

.imgnav a#next:hover{
background-position: -49px -22px;
}

.imgnav a#next:active{
background-position: -49px -11px;
}

.imgnav a:hover{color:#fff;}
.imgnav a:active{color:#bb4600;}

.imgnav a#pauseBtn{
padding:0;
text-indent: -4000px;
background:url(../images/imgnav-small.gif) no-repeat -41px 0;
width:8px;
height:11px;
/* margin:10px 0; */
}

.imgnav a#pauseBtn:hover{
background-position: -41px -22px;
}

.imgnav a#pauseBtn:active{
background-position: -41px -11px;
}

.imgnav a#pauseBtn.play{
background-position: -33px 0;
}

.imgnav a#pauseBtn.play:hover{
background-position: -33px -22px;
}

.imgnav a#pauseBtn.play:active{
background-position: -33px -11px;
}


/* ----- BOTTOM ------ */

#bottom-wrap{
	width:100%;
	position:relative;
	background:url(../images/bottom-bg.png) repeat-x bottom left;
	
}

#bottom-top{
	width:100%;
	height:89px;
	position:absolute;
	top:-70px;
	left:0;
	z-index:10;
}

#bottom{
background: url(../images/dotted.gif) repeat-x top left;
	padding:10px 0 20px;
	width:940px;
	margin:0 auto;
	clear:both;
}

.front #bottom{background: none;padding:0 0 20px;}

#bottom .bottom-block {
float:left;
padding:30px 13px 20px 14px;
width:31%;
}

#bottom .bottom-block td.datum{width:auto;}

#bottom h3.footer{letter-spacing:1px;text-transform: uppercase;letter-spacing: 2px;margin-bottom:18px;font-weight:bold;color:#fff;font-size:140%;}

#bottom p{margin:2px 0 8px;color:#ccc;font-size:70%;}

#bottom p.event{border-bottom:1px dotted #333;padding:0 0 8px;}

#bottom a{
color:#fff;
}

#bottom .first{padding-left:5px;}
#bottom .last{padding-right: 5px;}

#bottom .bottom-block a{
color:#ccc;
/* border-bottom:1px dotted #333; */
display:block;
font-size:70%;
padding:5px 20px 5px 0px;
position:relative;
line-height:150%;
}

#bottom .bottom-block a:hover{
color: #fff;
	background:#191919;
	padding:5px 20px 5px 10px;
}

#bottom .bottom-block a:active{
color:#fff;
}


/*
#bottom .datum{

font-size:80%;

color:#999;
}
*/

#bottom .bottom-block .datum, #bottom em{
font-family: 'Lucida Grande',Arial,Helvetica,sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
font-size:80%;
margin:0 5px 0 0;
padding:0 3px 0 0;
color:#a12924;
font-style:normal;
}

#bottom #nieuwsbrief label{
color:#666666;
display:inline;
float:left;
letter-spacing:0.2px;
width:60px;
font-size:75%;
line-height:160%;
}

#bottom #nieuwsbrief input.zemText{
width:225px;
}

#bottom #nieuwsbrief form div{
padding-bottom:10px;
}

/*
#bottom #nieuwsbrief .zemThanks p{
font-size:110%;
}
*/

#bottom #nieuwsbrief legend{
display:block;
font-size:70%;
color:#fff;
padding:0 0 10px;
}


/* ----- CONTACT FORMULIER --------*/

#contact input,#contact textarea{
border:1px solid #999;
padding:3px;
font-family: Georgia,Geneva,Times,serif;
font-size:90%;
width:96%;
margin:0;
}

#contact input#submit{
width:26%;
padding:3px;
margin-top:10px;
float:right;
background:transparent;
border:none;
border:1px dashed #333;
cursor: pointer;
}

#contact input#submit:hover{
border:1px solid #333;
}

#contact textarea{
height:70px;
line-height:150%;
display: block;

}

#contact label{
display:block;
padding:10px 0 4px;
text-transform: uppercase;
font-size:75%;
letter-spacing: 1.5px;
}

/* ----------- BLOG ----------- */





.blog .comments-wrapper{
/* border-top:1px dotted #333; */
padding:30px 0;
margin-top:20px;
width:540px;
}

.blog .button{
cursor: pointer;
padding:6px;
margin-top:3px;
background:transparent;
font-size:12px;
float:right;
color:#fff;
text-transform: uppercase;
letter-spacing: 1px;
background: #171717;
font-weight: bold;
border:none;
margin-right:10px;
}

.blog .button:hover{
background: #fff;
color:#a12924;
}

.blog .button.disabled{
color:#333;
cursor:default;
background: #171717;
}
.blog .button.disabled:hover{

}

.blog #txpCommentPreview{}
.blog #txpCommentSubmit{}


.blog #txpCommentInputForm label {
color:#fff;
float:left;
font-weight:bold;
margin:0 20px 0 0;
text-align:right;
text-transform:uppercase;
width:120px;
padding:7px 0;
}

.blog .comments-wrapper #name, .blog .comments-wrapper #email, .blog .comments-wrapper #message, .blog .comments-wrapper .button {
-moz-border-radius: 2px;
-webkit-border-radius:2px;}

.blog .comments-wrapper #name, .blog .comments-wrapper #email, .blog .comments-wrapper #message {
font-size: 85%;
border:none;
background: #222;
margin:0 0 10px;
padding:7px;
width:380px;
font-family: 'Lucida Grande',Helvetica, Arial,sans-serif;
color:#fff;
}

textarea#message{
height:180px;
}

.blog .comment{
/* border-top:1px dotted #333333; */
float:left;
padding:10px 0;
}

.blog h3.reactie{
margin:0 30px 5px 140px;
font-weight: bold;
font-size:160%;
text-transform:uppercase;
}

.blog h3#reactie{
margin:10px 30px 5px 145px;
padding:10px 0;
}

.blog .comments-wrapper p,.blog #cpreview p#vb{
margin:0 90px 30px 140px;}

.blog .col{
float:left;
}

.blog .col-left{
padding: 0 20px 0 0;
width:120px;
}

.blog .col-right{
width:449px;
padding: 0 20px 0 0;
}

.blog .message{
/* width:439px; */
padding:0px 0 0 7px;
background: url(../images/comment-ballonpijl.gif) no-repeat 0px 15px;
}

.blog .message #message-wrap{
margin:0;
padding:15px 20px;
background: #131313;
-moz-border-radius: 3px;
-webkit-border-radius:3px;
}

.blog .message p{

}

.blog #cpreview{
background:url(../images/cpreview.png);
float:left;
padding:30px 20px 30px 0;
margin:45px 0 55px;
-moz-border-radius: 3px;
-webkit-border-radius:3px;
}

.blog #cpreview p{

}

.blog .peoples{
width:110px;
}

.blog .peoples span#comment-name{
font-size:130%;
margin-top:10px;
padding-left:23px;
/* background: url(../images/comment-treurdier.gif) no-repeat left center; */
font-weight: bold;
text-align: right;
display: block;
color:#999;
}

.blog .peoples span#comment-datum{
color:#272727;
font-size:70%;
text-transform: uppercase;
letter-spacing: 1px;
text-align: right;
display: block;
margin-top:6px;
}

.blog .date{
padding:5px 10px 0;
}

.blog #meta{
margin-top:20px;
}

.blog .date a{
font-weight:bold;
}

.blog .date a:hover{
color:#fff;
}

.blog .date p {
color:#333;
line-height:1.5;
margin:1.2em 0;
padding:0 0 0 24px;
}

.blog .date p.tags{background:url(../images/tags.gif) no-repeat left 5px;}

.blog .date p.comments_invite{background:url(../images/comments.gif) no-repeat left 5px;}

.date p img{
margin:0 0 0 -22px;
}

.blog .postcontent{

padding:0 25px 0 10px;
}

.blog .postcontent li{
}

.blog .date h4.posted{
font-size:150%;
font-weight:bold;
color:#A51719;
}

.blog .big-block{
margin-top:25px;
}

.blog #posts, .blog #sidebar{float:left}

/* .blog #posts{width:589px;padding:10px 50px 80px 0;border-right:1px dotted #444;margin-top:40px;} */
.blog #posts{
	/* border-right:1px solid #222; */
	padding:0;
	margin-bottom:45px;
	width:639px;
}

.blog #sidebar{
border-radius:4px;
-moz-border-radius: 4px;
-webkit-border-radius:4px;
background:#111 none repeat scroll 0 0;
/* height:400px; */
margin-bottom:50px;
padding:20px;
width:230px;
margin-left:30px;
}

.blog .sidebar-block{
margin:0px 0 40px;
}

.blog .sidebar-block a{
font-size:95%;
}

.blog .sidebar-block h2{
display: block;
font-family: 'Lucida Grande','Trebuchet MS',Arial, Helvetica,sans-serif;
letter-spacing:2px;
text-transform:uppercase;
color:#bbb;
font-size:85%;
font-weight:bold;
}

.blog .sidebar-block ul{
list-style: circle;
font-size:75%;
line-height: 160%;
color:#777;
margin-left: 15px;
}

.blog .sidebar-block ul li {
padding:8px 0;
/* border-bottom:1px dotted #333; */
padding:5px 0 0 8px;
}

.blog #tags{
color:#333;
}

.blog #recent span{
/* color: #a12924; */
 color: #999;
font-weight: bold;
}

.blog #posts .post{padding:0 0 50px;}

.blog h2, .search-result h2{
	/* font: 2.4em/0.8em 'NeutraTextTF-Book','Neutra Text TF',Arial,Helvetica,sans-serif; */
	letter-spacing: -1px;
	margin: 0;
	padding-bottom: 8px;
	color:#802723;
	display: inline;
}

.blog h2 a,.search-result h2 a{color:#fff;background: transparent;font-size: 2.4em; line-height:1.2em;}
.blog h2 a{text-transform: uppercase;font-size: 2.1em;}
.search-result h2 a{font-size:1.4em;font-weight: bold;}
.search-result h2 a{color:#fff;}
.search-result h2{margin-bottom:10px;display: block;}

.blog h2 a:hover{color: #a51719;}

.blog .postcontent p{color:#bbb;margin:15px 0;line-height:190%;}

.blog a.leesverder{
font-size:75%;
text-transform: uppercase;
/* display: block; */
background: #111;
letter-spacing: 1px;
padding:7px;
border-radius:2px;
-moz-border-radius: 2px;
-webkit-border-radius:2px;
float:right;
display:block;
margin-top:20px;
}

.blog a.leesverder:hover{
background: #fff;
}

.blog a.leesverder:active{
color:#000;
}

/* .blog #posts img{display: block;border:1px solid #333;margin:12px 0 18px;} */





.tag #content{
min-height:340px;
height:auto !important;
height:340px;
padding:45px 0;
}

.tag h2{
font-size:260%;
color:#fff;
margin:10px 0 20px;
text-transform: uppercase;
}

#search{
width:170px;
position: absolute;
top:12px;
right:0px;
opacity:0.50;
-khtml-opacity:.50;
-moz-opacity:.50;
-ms-filter:alpha(opacity=50);
filter:alpha(opacity=50);
}

#search div{
background:#8a4546;
position:relative;
height:26px;
width:95%;
/*
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
*/
border-radius:3px;-moz-border-radius: 3px;-webkit-border-radius:3px;
}

#search input{
padding:4px;
border:none;
font-family: 'Lucida Grande','Trebuchet MS',Arial, Helvetica,sans-serif;
font-size:75%;
color:#fff;
}

#search input#search-input{
background:#8a4546 none repeat scroll 0 0;
font-size:80%;
width:80%;
padding:4px 6px 3px 6px;
height:16px;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-topleft: 2px;
-webkit-border-bottom-left-radius:2px;
-webkit-border-top-left-radius:2px;
margin-top:1px;

}

#search input#submit{
width:30px;
height:27px;
text-indent: -4000px;
background:transparent url(../images/zoek.png) no-repeat 7px 4px;
color:#999;
position: absolute;
right:0;
top:0;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-topright: 2px;
-webkit-border-bottom-right-radius:2px;
-webkit-border-top-right-radius:2px;
}

#search input#submit:hover{
color:#fff;
cursor: pointer;
}




.meta {
	font-size: .75em;
	padding-bottom:10px;
	color:#802723;
	margin-top:10px;
}

.meta #tags, .meta #author, .meta #reacties{
	display:inline;
	padding:0 25px 0 0;
}

.meta #tags span{
	font-family:'Lucida Grande','Trebuchet MS',Verdana,sans-serif;
}

.storycontent{clear:both;}

.post-date {  
	width: 60px;  
	height: 93px;  
	float:left;  
	background: #802723 url(images/datum-bg.png) no-repeat;
	margin:0 20px 10px 0;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
}  
.post-month {  
	font-size: 1.15em;  
	text-transform: uppercase;  
	color: #ccc;  
	text-align: center;  
	display:block;  
	line-height: 10px;  
	padding-top: 4px;  
	margin-left: -3px;  
}  
.post-day {  
	font-size: 2.4em;  
	text-transform: uppercase;  
	color: #fff;  
	text-align: center;  
	display:block;  
	line-height: 1em; 
	margin-left:-7px; 
	letter-spacing: -3px;
	padding-top:8px;
}

.post-year {  
	font-size: .9em;
	color: #aaa;  
	text-align: center;  
	display:block;  
	line-height: 1em;
	letter-spacing: 2.1px;
	padding-top:6px;
}

.ons-werk #content{
background: url(../images/bg-onswerk.jpg) no-repeat right bottom;
}


.ons-werk-wrap{
padding:50px 0 40px;
min-height:281px;
  height:auto !important;
  height:281px;

}

.ons-werk-block{
margin:0 0 15px;
}

a.panel-toggle{
display: block;
cursor: pointer;
}

a.panel-toggle-ons-werk{
height:25px;
margin:0 0 25px 8px;
text-indent: -4000px;
}

a#voorstellingen{
width:480px;
background: url(../images/voorstellingen3.jpg) no-repeat;
}

a#festivals{
margin-top:0px;
width:300px;
background: url(../images/archief-klein.gif) no-repeat;
}

a#voorstellingen:hover,a#festivals:hover{background-position: 0 -25px;}
a#voorstellingen:active,a#festivals:active,a#voorstellingen.active:active,a#festivals.active:active{background-position: 0 0;}
a#voorstellingen.active,a#festivals.active{background-position: 0 -50px;}
a#voorstellingen.active:hover,a#festivals.active:hover{background-position: 0 -75px;}

.carousel-wrap{
height:361px;
position: relative;
padding:0px 45px 10px;
width:805px;
}

.carousel-wrap.inactive{padding: 0 0 10px;}

.carousel li img{display: block;}

.carousel li img, .carousel li p {
height:306px;
padding:5px 5px 8px;
width:248px;
}

.carousel li a:hover{background-color: #802723;color:#fff;}
.carousel li a:active{background-color: #fff;}


.carousel li{float:left;font-size:75%;}

.carousel li a{
background:#222 none repeat scroll 0 0;
display:block;
height:341px;
margin:5px 10px 0 0;
text-align:center;
width:259px;
-moz-border-radius: 3px;
-webkit-border-radius:3px;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
}


/*
.carousel-wrap button{
position: absolute;
top:0px;
width:62px;
height:353px;
text-indent: -4000px;
border:none;
cursor: pointer;
outline: 0;
}

.carousel-wrap button.prev{
left:0;
background:url(../images/knop-prev2.jpg);
}

.carousel-wrap button.next{
right:0;
background:url(../images/knop-next2.jpg);
}

.carousel-wrap button:hover{
background-position: -62px 0;}

.carousel-wrap button:active{
background-position: -124px 0;
}

.carousel-wrap button.disabled{
background-position: -186px 0;
cursor: default;
}
*/

.carousel-wrap button{
position: absolute;
top:160px;
width:27px;
height:40px;
text-indent: -4000px;
border:none;
cursor: pointer;
outline: 0;
}

.carousel-wrap button.prev{
left:0px;
background:url(../images/prv.gif);
}

.carousel-wrap button.next{
right:10px;
background:url(../images/nxt.gif);
}

.carousel-wrap button:hover{
background-position: -27px 0;}

.carousel-wrap button:active{
background-position: -54px 0;
}

.carousel-wrap button.disabled{
background-position: -81px 0;
cursor: default;
}


/* ------------------------------------*/
/* << BREADCRUMB                       */
/* ------------------------------------*/

.breadcrumb,.breadcrumb a{
font-family:'Lucida Grande','Trebuchet MS',Verdana,sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
color:#444;
font-weight: normal;
}

.breadcrumb{
font-size:65%;
padding:10px 0 0;
}

.breadcrumb a{
}

.breadcrumb a:hover{
color:#802723;
}

.breadcrumb span{
color:#444;
padding:0 10px;
}

/* ------------------------------------*/
/* END BREADCRUMB >>>                  */
/* ------------------------------------*/

.ui-tabs .ui-tabs-hide{
display:none;
}


.ui-helper-clearfix {
display:block;
}
.ui-helper-clearfix {
/* display:inline-block; */
}

#tabs.ui-tabs .ui-tabs-nav{
height:33px;
border-bottom:1px solid #222;
width:100%;
margin:0px;
padding:0px;
background: #020202;}

#tabs.ui-tabs .ui-tabs-nav li{
float:left;
border-bottom:0 none !important;
padding:7px 22px 9px;
position: relative;
bottom:-1px;}

#tabs.ui-tabs .ui-tabs-nav li a{
font-size:75%;
letter-spacing: 1px;
}

#tabs.ui-tabs .ui-state-active{
background:#101010;
border:1px solid #222;
border-bottom:none;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
}

#tabs.ui-tabs .ui-state-active a{
color:#9E332D;
}

#tabs.ui-tabs .ui-tabs-panel{
background: #101010;
min-height:252px;
  height:auto !important;
  height:252x;
border-left:1px solid #222222;
border-right:1px solid #222222;
border-bottom:1px solid #222222;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
}


#tabs-gezond.ui-tabs .ui-tabs-nav{
height:33px;
/* border-bottom:1px solid #151515; */
width:100%;
margin:0px 0 25px;
padding:0px;
/* background: #020202; */}

#tabs-gezond.ui-tabs .ui-tabs-nav li{
float:left;
border-bottom:0 none !important;
padding:7px 15px 9px;
position: relative;
bottom:-1px;
background: #202020;
border-radius:3px;
-moz-border-radius: 3px;
-webkit-border-radius:3px;
margin-right:10px;
cursor: pointer;
}

#tabs-gezond.ui-tabs .ui-tabs-nav li a{
font-size:75%;
letter-spacing: 1px;
color:#aaa;
}

#tabs-gezond.ui-tabs .ui-tabs-nav li:hover{
background:#444;
color:#a12924;
}

#tabs-gezond.ui-tabs .ui-tabs-nav li.ui-state-active{

background:#444;
/*border:1px solid #222;
border-bottom:none;
*/
-moz-border-radius: 3px;
-webkit-border-radius:3px;
}

#tabs-gezond.ui-tabs .ui-tabs-nav li.ui-state-active a{
color:#fff;
}

#tabs-gezond.ui-tabs .ui-state-active a{
color:#fff;
}

#tabs-gezond.ui-tabs .ui-tabs-panel{
/* background: #101010; */
min-height:252px;
height:auto !important;
height:252x;
/*
border-left:1px solid #222222;
border-right:1px solid #222222;
border-bottom:1px solid #222222;padding:25px;
*/
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;

}

#gezond h4{
text-transform: uppercase;
color:#fff;
font-weight: bold;
font-size:100%;
}

#gezond h5{
font-style: italic;
font-size:75%;
color:#ddd;
margin:3px 0 5px;
}

#gezond #tab1 p{
/*
margin-bottom:3px;
line-height: 100%;
*/
}

#tab1 img{
margin:0 20px 10px 0;
display: block;
border:10px solid #222;
}



#tab2 {float:left;padding:18px !important;}

#tab2 ul li{
float:left;
display: inline;
width:175px;
padding:8px;
margin:0 9px 10px 0;
background: #111;
border-radius:3px;
-moz-border-radius: 3px;
-webkit-border-radius:3px;
}

#tab2 ul li:hover{
background: #fff;
}

#tab2 ul li:active{
background: #aaa;
}

#tab2 ul li.third{
margin:0;
}

#tab2 ul li a{color:#fff;display: block;font-size:70%;text-transform: uppercase;letter-spacing: 1px;}

#tab2 ul li a:hover{
color:#a12924;
}

#tab2 ul li a img{width:175px;height:98px;margin:5px 0 0;}

img.left{
float:left;
/* padding-right:15px; */
}

#gezond #programma{
padding:5px 0 0 0;
}

.ons-werk-detail h2{
font-family:'Lucida Grande','Trebuchet MS',Verdana,sans-serif;
font-size:150%;
color:#fff;
font-weight:bold;
margin:5px 0 10px;
}

.ons-werk-detail h2.datum{
font-weight:normal;
line-height:70%;
font-size:130%;
color:#999;
margin-top:0px;
}

.ons-werk-detail h2.locatie{
margin-bottom:20px;
}

.ons-werk-detail #gezond h3,.ons-werk-detail #vs-info-wrap h3,.ons-werk-detail h3{
color:#fff;
font-size:85%;
font-weight:bold;
margin:0px 0 5px;
}

.ons-werk-detail #vs-info-wrap h3.datum{
margin:0px 0 20px;
}

.ons-werk-detail p.big{
font-size:87%;
margin-bottom:30px;
}

.ons-werk-detail #article-nav{width:64px;float:right;position:absolute;right:0;top:17px;}
.ons-werk-detail #article-nav a{text-indent: -4000px;display:block;width:27px;height:40px;float:left;position:relative;}
.ons-werk-detail #article-prev a{background:url(../images/nxt.gif);margin-left:10px;}
.ons-werk-detail #article-next a{background:url(../images/prv.gif);}
.ons-werk-detail #article-next a:hover,.ons-werk-detail #article-prev a:hover{background-position: -27px 0;}
.ons-werk-detail #article-next a:active .ons-werk-detail #article-prev a:active{background-position: -54px 0;}

.ons-werk-detail #title-nav{position: relative;}

.ons-werk-detail #vs-info-wrap{
width:100%;
padding:25px 0 100px;
}

.ons-werk-detail h1{
padding:10px 0 0;
}

.ons-werk-detail p{
line-height: 200%;
font-size:75%;
}

.ons-werk-detail #cast {
/* border-left:1px dotted #222222; */
display:inline;
float:right;
margin:35px 0;
padding:0 26px;
width:20%;
}

.ons-werk-detail #cast a{
text-decoration:none;
font-weight:normal;
}

.ons-werk-detail #cast a:hover{color:#ed882c;}

.ons-werk-detail #cast h3{
color:#555;
font-size:10px;
letter-spacing:0.2em;
margin:0 0 5px;
text-transform:uppercase;
line-height:170%;
}

.ons-werk-detail #cast h3, .ons-werk-detail #cast h4{
font-size:75%;
font-weight:bold;
}

.ons-werk-detail #cast h4{
color:#888;
padding-bottom:14px;
line-height:170%;
font-weight:normal;
}

.ons-werk-detail #vs-poster, .ons-werk-detail #vs-content{
float:left;
} 

.ons-werk-detail #vs-poster{
background:#222222 none repeat scroll 0 0;
border:14px solid #181818;
margin:0 35px 0 0;
padding:1px;
width:246px;
-moz-border-radius: 3px;
-webkit-border-radius:3px;
}

.ons-werk-detail #vs-content{
width:629px;
padding:0;
margin:0;
}

/*
.ons-werk-detail #vs-content br{
display:none;
}
*/

.ons-werk-detail #vs-content #beschrijving{
/* background:#000 url(../images/tab-bg.gif) no-repeat top right; */
}



.ons-werk-detail #synopsis {

display:inline;
float:left;
margin:35px 0;
padding:0 35px;
}

.ons-werk-detail .vs-synopsys{width:60%;border-right:1px dotted #222222;}
.ons-werk-detail .fv-synopsys{width:87%;}

.ons-werk-detail #foto, .ons-werk-detail #video, #tab1,#tab2,#tab3{
padding:25px;}

.ons-werk-detail #foto a{
background:#222222 none repeat scroll 0 0;
display:block;
float:left;
height:75px;
margin:0 11px 11px 0;
padding:5px;
width:75px;
}

.ons-werk-detail #foto a:hover{background: #9E332D;}
.ons-werk-detail #foto a:active{background:#fff;}

.ons-werk-detail #video p{
border:1px solid #181818;
/* padding:1px 2px 2px 1px; */
}

.ons-werk-detail .col{float:left;}

.ons-werk-detail #gezond h1{
background:url(../images/gezond-logo.png);
width:360px;
height:219px;
text-indent:-4000px;
margin:5px 0 0 17px;
}

.ons-werk-detail #gezond #vs-info-wrap{
background:url(../images/gezond-bg.jpg) no-repeat;
margin:10px 0 0 0;

}

.ons-werk-detail #gezond #vs-content{
opacity:0.85;
-khtml-opacity:.85;
-moz-opacity:.85;
-ms-filter:alpha(opacity=85);
filter:alpha(opacity=85);
width:400px;
background:#000;
margin:10px 0 0 65px;
padding:20px 30px;
-moz-border-radius: 6px;
-webkit-border-radius:6px;
}

ul#fotos{
list-style-type:none;
padding:25px;
margin:0;
display:inline-block;
}

ul#fotos li{
float:left;
padding:0;
margin:0;
}

ul#fotos li a{
border:1px solid #222222;
display:block;
height:110px;
margin:0px 23px 25px 0;
padding:1px;
width:110px;
}

ul#fotos li a img{
display:block;}

ul#fotos li a.fourth{
margin:0px 0px 25px 0;
}

ul#fotos li a:hover{
border-color:#fff;
}

#video{
/* padding:25px; */
}

.gezelschap .col{float:left;}

.gezelschap h2{
font-size:210%;
font-weight:normal;
margin-bottom:20px;
text-transform: uppercase; 
/* color:#A51719;*/
color:#fff;
}

.gezelschap p{
font-size:80%;
margin-bottom:20px;
}


/*
.gezelschap h2.gez{
color:#A51719;
}

.gezelschap h2.gez2{
color:#fff;}
*/

.gezelschap #content{
padding:25px 0 45px;
width:910px;
}

.gezelschap #introductie{margin:0 75px 0 10px;width:34%;display:inline;}
.gezelschap #treurdieren{width:56%;}

.gezelschap #treurdieren a{
width:120px;
height:146px;
display:block;
float:left;
/* margin:0 10px 10px 0; */
padding:3px;
/* background: #222; */
}

.gezelschap #treurdieren a:hover{
background: #fff;
}

.tb .col{
float:left;
}

.tb #td-head{
padding:15px 20px;
background: #e8e8e8;
}

.tb #td-head #td-head-left{width:80px;}
.tb #td-head #td-head-right{width:480px;padding:14px 0 0;}

.tb #td-head img{
border:1px solid #CCCCCC;
display:block;
height:61px;
padding:1px;
width:60px;
}

.tb #td-head h1{
font-size:220%;
text-transform: none;
color:#9e332d;
}

.tb #td-head span{
font-family: 'Lucida Grande',Helvetica, Arial,sans-serif;
font-size:70%;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
color:#6a6a6a;
display: block;
padding:4px 0;
}

.tb #td-body{
padding:20px;
}

.tb #td-body p{
color:#333;
}

/* ------------------------------------*/
/* << BEGIN COPY                       */
/* ------------------------------------*/

/* caption styling */

.caption-top, .caption-bottom {
	text-align: center;
	color: #000;	
	padding: 0.5em 0.4em;	
	font-weight: bold;
	font-size: 12px;	
	font-family: arial;	
	cursor: default;
	border: 0px solid #334143;
	background: #fff;
	text-transform: uppercase;
}
.caption-top {
   border-width: 0px 0px 0px 0px;
}
.caption-bottom {
   border-width: 0px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }

/* ------------------------------------*/
/* END COPY >>>                        */
/* ------------------------------------*/

.kijk-en-luister #content{
padding:25px 0 100px;
/* text-align: right; */
background: url(../images/bg-kijkluister.jpg) no-repeat bottom center;
min-height:300px;
  height:auto !important;
  height:300px;
}

.kijk-en-luister #content .col{
float:left;
width:29%;
padding:15px 10px;
margin:10px;
display: inline;
background:#171717;
-moz-border-radius: 3px;
-webkit-border-radius:3px;
}

/*
.kijk-en-luister #content .col01{background:#111;}
.kijk-en-luister #content .col02{background:#161616;}
.kijk-en-luister #content .col03{background:#212121;}
*/

.kijk-en-luister a{
color:#fff;
}

.kijk-en-luister a#fotos{background: url(../images/kel-btn-fotos.gif) no-repeat;}
.kijk-en-luister a#video{background: url(../images/kel-btn-video.gif) no-repeat;}
.kijk-en-luister a#muziek{background: url(../images/kel-btn-muziek.gif) no-repeat;}

.kijk-en-luister #content a.parent{
width:258px;
height:37px;
text-indent: -4000px;
}

.kijk-en-luister #content a.parent:hover{background-position: 0 -37px;}
.kijk-en-luister #content a.parent:active{background-position: 0 0px;}

.kijk-en-luister #content a.parent.active{background-position: 0 -74px;}
.kijk-en-luister #content a.parent.active:hover{background-position: 0 -111px;}
.kijk-en-luister #content a.parent.active:active{background-position: 0 -74px;}


.kijk-en-luister #content .panel-content a.child{
font-size:85%;
margin:10px 0;
padding-left:20px;
position: relative;
}

.kijk-en-luister #content .panel-content a.child span{
position:absolute;
left:0px;
_left:-20px;
top:3px;
display: block;
width:8px;
height:8px;
background: url(../images/kel-child-toggle.gif) no-repeat;
overflow:hidden;
}

.kijk-en-luister #content .panel-content a.child.active span{
background-position: 0 -8px;
}

.kijk-en-luister #content .panel-content-parent{background: #000;padding:15px;margin-top:10px;-moz-border-radius: 3px;
-webkit-border-radius:3px;}
.kijk-en-luister #content .sub{padding:1px 0 0 1px;margin:10px 0 25px;}
.kijk-en-luister #content .sub a.sb{
background:#181818 none repeat scroll 0 0;
display:block;
float:left;
height:75px;
margin:0 5px 5px 0;
/* padding:1px; */
width:75px;}


.kijk-en-luister #content a:hover{color: #a12924;}
.kijk-en-luister #content a:active{color: #fff;}

.kijk-en-luister #content #videos .sub{
margin:10px 0;
}

.kijk-en-luister #content #videos .sub a{
width:205px;
display: block;
border:12px solid #000;
border-top:none;
border-bottom:5px solid #000;
margin:10px 0 0 0;
padding:5px;
background: #141414;
font-size:70%;
text-transform: uppercase;
letter-spacing: 1px;
/*
border-radius:3px;
-moz-border-radius: 3px;
-webkit-border-radius:3px;
*/
}
.kijk-en-luister #content #videos .sub a:hover{
/* border-color:#a12924; */
background: #fff;
}

.kijk-en-luister #content #videos .sub a:active{
/* border-color:#a12924; */
}

.kijk-en-luister #content #videos .sub a span{
display: block;
padding:4px 0 8px;
}

.kijk-en-luister #content #muziek .sub img{
border:1px solid #181818;
padding:2px;
display: block;
margin:10px 0 0;
}


#tooltip{
	position:absolute;
	background:#222;
	padding:2px 5px;
	color:#fff;
	display:none;
}

#article-nav div{

}
	
#article-nav div em {
	color:#fff;
	font-weight: normal;
	background: #222;
	width: 180px;
	height: 45px;
	position: absolute;
	top: -85px;
	left: -15px;
	text-align: center;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 2;
	display: none;
}

 .popup {
                position: absolute;
                color:#fff;
}

.qtip{
background:url(../images/ballonpijl.gif) no-repeat bottom center;
}

.qtip-contentWrapper{
background:transparent;
}

/* CONTACT */



.contact #content{
padding:25px 0 70px;
background:url(../images/contact-bg.jpg) no-repeat -20px 355px;
min-height: 300px;
height:auto !important;
height:300px;
}

.contact h1{
font-size:260%;
padding:0 0 20px 0px;
}

.contact em{
font-style: normal;
font-weight:bold;
letter-spacing: 1px;
text-transform: uppercase;
}

.contact strong{color:#a12924;padding:0 3px;}

.contact #formwrap{
float:left;
width:700px;
float:left;}

.contact #contactinfo{
border-left:1px dotted #333333;
float:right;
padding:0 0 0 25px;
width:210px;}

.contact #formwrap #left{ width:330px;float:left;}
.contact #formwrap #right{width:327px;float:left;}

.contact #formwrap textarea{
width:315px;
padding:5px;
height:165px;
margin-top:3px;
font-size:14px;
}

.contact #formwrap label{
line-height:17px;
font-size:13px;
}

.contact #formwrap input, .contact #formwrap textarea{
font-size:20px;
}

.contact #formwrap input.zemText{
width:290px;
font-size:20px;
margin:3px 0 18px;}

.contact #formwrap input.zemSubmit{
margin-top:12px;
background:transparent;
font-size:12px;
}

.contact ul.zemError{
width:635px;}

 
ul.zemError{
padding:0px;
color:#fff;

margin:0 0 20px;
}

ul.zemError li{
padding:5px 0;
font-size:12px;
}

.error #content-wrap{
height:374px;
position: relative;
background: #000 url(../images/error.jpg) no-repeat bottom center;
padding:30px 0;
}

.error #content{padding:40px 0 30px;}
.error h1{font-size:4em;width:60%;}

.error p.error-msg{
font-size:1em;
width:40%;
margin-top:20px;
}

#credit{
color:#444;
/* font-weight:bold; */
letter-spacing:1px;
text-align:right;
font-size:68%;
text-transform: uppercase;
padding:0;
}

#credit a{color:#666;padding:3px 0;}
#credit a:hover{color:#fff;}

#credit a.facebook{background: url(../images/facebook.gif) no-repeat left center;padding-left:24px;}
#credit a.hyves{background: url(../images/hyves.gif) no-repeat left center;padding-left:25px;}

#credit span{
margin:0 6px;
color:#222;
font-size:140%;
}

#tags p{margin:0;}

#tags p span{margin:0 8px 0 0;}