/* ------- 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: "" "";
}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


body{
background:#101010 url(../images/background.jpg) no-repeat center -270px;
margin:0;
padding:0;
font-family:Lucida Grande,Lucida Sans Unicode,Trebuchet MS,sans-serif;
}

p,tr,td,small{
font-size:11px;
line-height:175%;
color:#c8c8c8;
}

img{border:none;}

a{
text-decoration:none;
font-family:"Lucida Grande","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:11px;
color:#ED882C;
}

a:hover{
color:#fff;
text-decoration: underline;
}

ul{
list-style-type: none;
margin:0;
padding:0;
}

h1,h2{
font-family:"Lucida Grande","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:17px;
margin:0;
padding:0;
color:#fff;
}

h3,h4{
color:#CCCCCC;
font-size:11px;
font-weight:normal;
letter-spacing:0.05em;
margin:0;
padding:0;
}

h4{
padding-bottom:10px;
/* border-bottom:1px dotted #222; */
line-height:130%;

}


.clear{
clear:both;
margin:0;
padding:0;
line-height:0;
}

#container{
width:972px;
margin:0 auto 0;
padding:0;
}

#border-top{
display:none;
width:972px;
height:1px;
background:url(../images/border-top.jpg) repeat top center;
margin:0;
padding:0;
line-height:0;
font-size:0px;
overflow: hidden;  
}


/* HEADER */

#header{
width:972px;
/* height:112px; */
height:92px;
padding:0;
margin:0;
position: relative;
}

#header h1 a{
text-indent:-4000px;
background:url(../images/logo-final2.png);
width:353px;
height:115px;
position:absolute;
top:-23px;
left:-37px;
}

#header #navbg{
background:url(images/header2.jpg);
height:100px;
width:597px;
float:left;
}



/* NAVIGATION */

#navwrap{
width:972px;
height:32px;
/*
border-bottom:1px solid #1e1a16;
border-right:1px solid #1e1a16;
*/
/* background:#101010; */
position:absolute;
bottom:0;
}

/* .nav {
width:650px;
*width:680px;
float:right;
height:27px;
list-style-image:none;
list-style-type:none;
padding:0;
text-align:right;
background:#070707;
position:relative;
}

.nav li{
	float:left;
	padding:0;
	margin:0;
	height: 28px;
	display:inline;
}

.nav li a {
	display:block;
	background-color: transparent;
	padding: 8px 8px 8px;
	*padding: 8px 8px 9px;
	margin: 0px 0px 0 7px;
	cursor: pointer;
	font-family:"Lucida Grande", "Lucida Sans", Verdana, Helvetica, sans-serif;
	font-size:11px;
	border:1px dashed #070707;
	border-top:none;
	border-bottom:none;
	color:#999;
}

.nav li a:hover {
border-color:#333;
background:#111;
text-decoration: none;}

.nav li a.current, .nav li a.current:hover{
cursor:default;
position:relative;
bottom:-1px;
background:#000;
border:1px solid #1E1A16;
border-top:none;
border-bottom:none;
color:#fff;
}
 
*/


/* CONTENT */

#wrapper{
padding: 0 1px 0 1px;
/* border:1px solid #191919; 
border-top:none;*/
min-height:484px;
height:auto !important;
height:484px;
border-top-left-radius:5px;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
border-bottom-left-radius:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
box-shadow: 0 0 50px #222;
-moz-box-shadow:  0 0 50px #222;
-webkit-box-shadow:  0 0 50px #222;

}

.home{background:#000 url(../images/bg-home_poes.jpg) no-repeat left bottom;}
.error{background:#000 url(../images/404-2.jpg) no-repeat left bottom;}
.jeugdtheater{background:#000 url(../images/bg-home-dl2.jpg) no-repeat -60px bottom;}
.voorstellingen{background:#000 url(../images/bg-voorstellingen.jpg) no-repeat 0px 0px;}
.voorstellingen_detail{background:#000;}
.villa-fantoom{background:#000 url(../images/bg-villafantoom.jpg) no-repeat 144px 0px;}
.newton{background:#000 url(../images/bg-newton.jpg) no-repeat 144px 0px;}
.duizend{background:#000 url(../images/bg-duizend.jpg) no-repeat 144px 0px;}
.didi{background:#000 url(../images/bg-didi.jpg) no-repeat 144px 0px;}
.hallo-pap{background:#000 url(../images/bg-hallopap.jpg) no-repeat 144px 0px;}
.leda{background:#000 url(../images/bg-leda.jpg) no-repeat 144px 0px;}
.nieuws{background:#000 url(../images/bg-nieuws.jpg) no-repeat 0px 0px;}
.over-ila{background:#000 url(../images/bg-overila.jpg) no-repeat 0px 0px;}
.contact{background:#000 url(../images/bg-contact.jpg) no-repeat 0px 0px;}
.links{background:#000 url(../images/bg-links2.jpg) no-repeat 0px 0px;}
.gastenboek{background:#000 url(../images/bg-gastenboek.jpg) no-repeat 0px 0px;}
.titus{background:#000 url(../images/bg-titus2.jpg) no-repeat 144px 0px;}

/* HOME */

.home#wrapper{min-height:444px;}
#home{
clear:both;
margin-left:432px;
padding:25px 65px 50px 70px;
width:402px;
}

#home p{
margin:5px 0;
color:#d6d6d6;
}

#home p a{
color:#ed882c;
}

#home h2{
line-height:150%;
border-bottom:1px dashed #222;
padding:0 0 4px;
}

#home #intro{
padding:20px 0 30px;
}


#home a.small_link {
color:#ffb36f;
display:inline;
float:right;
font-size:70%;
margin-top:-22px;
}

#home a.small_link3 {
color:#ffb36f;
display:inline;
float:right;
font-size:100%;
margin-top:-22px;
}

#home #voorstelling_huidig h3{}


#home a.huidig_link {
float:left;
font-size:11px;
/* margin:15px 15px 0 0; */
margin:15px 0 0;
text-align:center;
/* width:183px; */
}

#home a.second{
margin:15px 0px 0 0;
}

#home a.huidig_link:hover {
text-decoration:none;
}

#home a.huidig_link span{
line-height:140%;
display:block;
padding:4px 0 0;
}


#home a.huidig_link p{
margin:0px 0px 4px;
font-weight: bold;
}

#home a.huidig_link p:hover{
color:#fff;
}

#home a.huidig_link img{
background:#000 none repeat scroll 0 0;
/* border:1px solid #222; */
border:5px solid #272727;
padding:1px;
border-radius:3px;-moz-border-radius: 3px;-webkit-border-radius:3px;
}

#home a.huidig_link img:hover{
border-color:#555;
}

#jeugdtheater {
margin-left:362px;
padding:55px 35px 55px 0;
width:550px;
}

#jeugdtheater p{
line-height:200%;
color:#c6c6c6;
margin:15px 0;
}

#jeugdtheater p#name{
font-family:georgia;
font-size:16px;
font-style:italic;
font-weight:normal;
}

#jeugdtheater h2{float:left;line-height:130%;padding:0 6px;font-size:1.7em;font-family: georgia,sans-serif;}

#jeugdtheater h2 span{ font-size:30px;}

#jeugdtheater blockquote{
display:block;
height:71px;
margin:0;
width:600px;
margin:0 0 30px -27px;
font-family: georgia,sans-serif;
}

#jeugdtheater blockquote span{
float:left;
font-size:50px;
display:inline;
line-height:1;
color:#fff;
width:25px;
height:25px;
}

#jeugdtheater blockquote span#left{margin-top:-5px;}
#jeugdtheater blockquote span#right{padding-top:35px;}



/* BREADCRUMB */

#breadcrumb{
color:#333;
font-size:9px;
letter-spacing:0.13em;
margin:-37px 0 45px -40px;
padding:20px 0 6px;
display:none;
}

#breadcrumb span{
color:#333;
margin:0 6px 0 0;
}

#breadcrumb a{
margin:0 6px 0 0;
color:#222;
}

#breadcrumb a:hover{
text-decoration: none;
color:#999;
}



/* VOORSTELLINGEN */


.content{
/* border-left:1px solid #221e19; */
margin-left:365px;
padding:20px 45px;
width:510px;
min-height:446px;
clear:both;
}

h1#titel{
/*
background:url("../images/krullen-h1.png") no-repeat scroll 270px bottom transparent;
border-bottom:1px dashed #333333;
*/
color:#CCCCCC;
font-size:40px;
font-weight:normal;
margin:0px 0 10px;
padding:20px 0;}

#voorstellingen .foto{
float:left;
height:114px;
width:114px;
margin-top:6px;
}

#voorstellingen .foto a{
display: block;
width:100px;
height:100px;
border:6px solid #222;
padding:1px;
margin:0;
}

#voorstellingen .foto a:hover{
border:6px solid #333;
}

#voorstellingen .foto a img{
display: block;
}

#voorstellingen .voorstelling{
width:506px;
/* border-bottom:1px dotted #222; */
padding:0 0 20px 0;
margin:0 0 30px 0;
}


#voorstellingen .voorstelling .detail{
float:left;
margin:0;
margin-left:25px;
width:364px;
}

#voorstellingen .voorstelling .detail p{
margin:0;
padding:0;
display:inline;
}

#voorstellingen h3{
margin:2px 0 6px 0;
font-size:16px;
letter-spacing:0em;
line-height:120%;
color:#fff;
}

#voorstellingen h3 a{
color:#fff;
}

#voorstellingen p.small_link2 a{
/*
font-weight:bold;
text-transform: uppercase;
font-size:12px;*/
margin:0;
color:#666;
font-weight:bold;
}


/* VOORSTELLINGEN DETAILS */

#voorstellingen_detail{
/* border-right:1px solid #221E19; */
border-left:none;
padding:40px 20px 35px 40px;
width:545px;
margin-left:0;
}

#voorstellingen_detail p{
font-size:11px;
color:#ddd;
line-height:170%;
margin:0 0 15px;
}

#voorstellingen_detail a{
font-weight:bold;
/* color:#ed882c; */
}

#voorstellingen_detail p.subsidie{
background:transparent url(../images/subside.gif) no-repeat scroll left center;
color:#777777;
font-style:italic;
line-height:150%;
margin-top:25px;
min-height:35px;
padding-left:45px;
}

#voorstellingen_detail h1{
color:#FFFFFF;
font-size:22px;
font-weight:normal;
letter-spacing:0.04em;
margin:0;
}

#voorstellingen_detail h3, small{
color:#777;
font-size:10px;
letter-spacing:0.2em;
margin:8px 0 2px;
text-transform:uppercase;
line-height:130%;
}

#voorstellingen_detail #cast {
/* border-left:1px dotted #222222; */
float:right;
margin-top:0px;
padding-left:10px;
width:27%;
display:inline;
}

#cast h4{line-height:1.6;}

#voorstellingen_detail #cast a{
text-decoration:underline;
font-weight:normal;
color:#fff;}

#voorstellingen_detail #cast a:hover{color:#ed882c;}

#voorstellingen_detail .beschrijving {
border-right:1px dotted #222222;
display:inline;
float:left;
padding-right:30px;
width:63%;
}


.titus #voorstellingen_detail{padding:40px 40px 35px 40px;width:525px;}
.titus #voorstellingen_detail .beschrijving{width:100%;float:none;display: block;border:none;}
.titus #voorstellingen_detail h1{font-size:35px;}
/*.titus #voorstellingen_detail .beschrijving p{margin:0;}
.titus #voorstelling_content{width:561px;}
.titus #voorstelling_foto{width:285px;background: #fff;margin-top:0px;border:1px solid #333;}

.col_right{float:right;}
.titus #voorstelling_titel{margin-bottom:10px;}
*/

#pers .persfoto{
width:137px;
float:left;
padding:0 25px 0 0;
text-align:center;
}

#pers .persfoto img{display:block;margin-bottom:4px;}

#pers .persfoto a{
background:#121212 none repeat scroll 0 0;
display:block;
padding:4px 0;
width:137px;}

#pers .persfoto a:hover{background:#333;text-decoration:none;}

ul#fotos{
list-style-type:none;
padding:0;
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:hover,ul#fotos.nf li a:hover{border-color:#666;}

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;
}

ul#fotos.nf{margin-bottom:15px;}

ul#fotos.nf li a{
border:1px solid #222222;
display:block;
height:60px;
margin:0px 6px 6px 0;
padding:1px;
width:60px;
}



ul#fotos.nf li a img{border:none;padding:0;}


a.pdf{
background:url(../images/icon_pdf.gif) no-repeat left center;
padding:10px 0px 8px 25px;
display:block;
}

a.word{
background:url(../images/icon-word.gif) no-repeat left center;
padding:10px 0px 8px 25px;
display:block;
}

a.zip{
background:url(../images/zip.gif) no-repeat left center;
padding:10px 0px 8px 25px;
display:block;
}

/* SPEELLIJST */

#speellijst{
/* padding:35px 0 0 60px;
overflow-y:auto;
height:440px; */
}

#speellijst a.speellijst{
background:#202020 none repeat scroll 0 0;
color:#bbb;
cursor:pointer;
display:block;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:26px;
font-weight:bold;
line-height:140%;
margin-bottom:14px;
padding:4px 8px 8px;
text-decoration:none;
width:443px;

}

#speellijst a.speellijst:hover{
color:#fff;
background: #333;
}

#speellijst a.speellijst img{
margin-top:2px;
display:block;
border:1px solid #333;
}

#over-ila p{
margin:0 0 20px;
}

#nieuws{
padding:20px 45px 65px;
}

#nieuws .entry{
margin-top:35px;
padding-bottom:15px;
}

#nieuws .tekst p{padding-bottom:15px;}

#nieuws h2{
border-bottom:1px dashed #333333;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:28px;
letter-spacing:-1px;
line-height:111%;
margin-bottom:25px;
padding:4px 0 9px;
}

#nieuws small{
background:#202020 none repeat scroll 0 0;
font-size:9px;
margin:0 0 1px;
padding:1px;
}

#nieuws #flv{
/* border:1px solid #222; */
}

#nieuws p.title{
padding:19px 0 3px;
}

#nieuws img{
padding:1px;
border:1px solid #333;
}

/* FOOTER */

#footer{}

#footer p.credit{
float:left;
width:490px;
padding:7px 0 7px 3px;
font-size:11px;
color:#999;
letter-spacing: 1px;
}

#footer p.credit a{
letter-spacing: 1px;
}

/*
#footer a{
	color:#555;
	font-size:10px;
	text-decoration: none;
	letter-spacing: 1px;
}

#footer a:hover{
	color:#fff;
}
*/


.navbottom{
	list-style: none;
	padding:0 3px 6px 0;
	margin:0;
	float:right;
	/* width:450px; */
}

.navbottom li{
	float:left;
	padding:0;
	margin:0;
}

.navbottom li.rechts{
	float:left;
	margin-right:300px;
	display:inline;
}

.navbottom li a{
}


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


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

.ui-tabs .ui-tabs-nav{
border-bottom:1px dotted #333;
width:100%;
margin:20px 0 25px;}

.ui-tabs .ui-tabs-nav li{
float:left;
/* margin:0 0.2em -1px 0; */
border-bottom:0 none !important;
padding:5px 12px 7px;
position: relative;
bottom:-1px;}

.ui-tabs .ui-state-active{
background:#000;
border:1px dotted #333;
border-bottom:none;}

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

.ui-tabs .ui-tabs-panel{
min-height:280px;
}


#pics {  
    height:  232px;  
    width:   232px;  
    padding: 0;  
    margin:  0;  
} 
 
#pics img {  
    width:  969px; 
    height: 500px; 
    top:  0; 
    left: 0 
} 

#links p{margin:15px 0;}
#links p strong{font-size:13px;margin-top:25px; display: block;}
#links a{color:#ed882c;}

/* CONTACT */


form{
padding:0;
margin:0;
}

form.zemContactForm{
margin:0 70px 20px 0px;}

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

label{
color:#fff;
display:block;
letter-spacing:0.2px;
line-height:17px;
font-size:13px;
float:left;
width:80px;
margin:4px 0;
}

legend{
display:none;
}

input, textarea{
border:none;
background:#ccc;
font-family:'Helvetica Neue', Arial, sans-serif;
font-size:16px;
padding:5px;
color:#000;
border-radius:3px;-moz-border-radius: 3px;-webkit-border-radius:3px;
}

input:hover, textarea:hover{
border-color:#444;
}

textarea:focus,input:focus{
color:#000;
border-color:#444;
background: #fff;
}

textarea{
float:left;
width:350px;
height:155px;
margin-top:0;
color:#999999;
}

input.zemText{
width:302px;
margin:0 0 18px;
float:left;
}

input.zemSubmit{
margin-top:12px;
background:#000;
font-size:15px;
float:right;
color:#fff;
border-bottom:1px dashed #fff;
padding:1px 0;
}

input.zemSubmit:hover{
border-bottom:1px solid #fff;
font-weight: bold;
cursor: pointer;
}

form br{
display:none;
}

ul.zemError{
margin:0 0 30px;
}

ul.zemError li{
padding:8px 0 8px 26px;
font-size:12px;
color:#fff;
background: transparent url(../images/warning.gif) no-repeat scroll left center
}

h1#bedankt{
font-size:20px;
line-height:140%;
padding-bottom:15px;
}

a.bedankt{
display:block;
padding:4px 0;
color:#ed882c;
}

ol.comments{border-bottom:1px solid #333333;
border-top:1px solid #333333;
clear:both;
padding-bottom:20px;}

ol.comments li{
margin:25px 0;
}

#cpreview{
border:1px solid #333;
margin:30px 0;
padding:10px;
clear:both;
margin:80px 0 10px;
}

div.small{
padding:5px 0;
margin:7px 0;
border:1px dotted #333;
border-left:none;
border-right:none;
font-weight:bold;
}

p.name{
display:inline;
background:url(../images/persoon.gif) no-repeat left center;
padding-left:20px;
margin:0 17px 0 1px;
}

p.time{
display:inline;
background:url(../images/tijd.gif) no-repeat left center;
padding-left:20px;
}

#gastenboek{/* position:relative; */
}

p.warning{
background:#222 url(../images/warning.gif) no-repeat scroll 8px center;
border-bottom:1px solid #333;
color:#aaa;
margin:-10px -10px 10px;
padding:4px 0 4px 28px;
}

div#boodschapwrap{
padding:0 0 35px;
}

a.boodschap{background:transparent url(../images/write.gif) no-repeat scroll 11px center;
border:1px dotted #333;
color:#ED882C;
display:block;
font-size:13px;
font-weight:bold;
/* margin-bottom:30px; */
padding:7px 0 7px 22px;
text-align:center;
width:260px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;}

a.boodschap:hover{
border-color:#777;
text-decoration:none;
color:#fff;
}

p.teller{width:300px;float:left;background:url(../images/teller.gif) no-repeat left center;padding:2px 0 2px 36px;}

ul.comments-nav{
width:100px;
text-align:right;
float:right;
padding:4px 0 3px;
}

ul.comments-nav li{
display:inline;}

ul.comments-nav li a{
text-align:right;}

input.disabled{
display:none;
}

form#txpCommentInputForm{clear:both;padding:20px 0;}

.comments-wrapper p{
padding:15px 0;
font-size:16px;
width:370px;
line-height:160%;
}

.comments-wrapper input{margin:0px 0 10px;}

.comments-wrapper td{vertical-align: top;}


.comments-wrapper input#txpCommentPreview, .comments-wrapper input#txpCommentSubmit{margin:5px 0 0px;}

.comments-wrapper input#email,.comments-wrapper input#name{
width:250px;}

.comments-wrapper td.spam{
padding:10px 0;
}

p#txpCommentInputForm{
/*
background:transparent url(../images/published.gif) no-repeat scroll left center;
color:#FFFFFF;
font-size:12px;
left:206px;
padding-left:20px;
position:absolute;
top:52px;
*/
display:none;
}

#error{
clear:both;
margin-left:462px;
padding:55px 65px 50px 80px;
width:352px;
}

h1.error-status{
font-size:30px;
margin-bottom:10px;
}

p.error-msg{
font-size:14px;
line-height:160%;
}

div#motigoteller a{display:none;}

.col{float:left;width:181px;}
.col.left{margin-right:40px;}
.item{margin-bottom:20px;}
.item small{display:block;margin:15px 0 2px;font-size:10px;text-transform: lowercase;letter-spacing: normal;}
.item a{font-size:13px;line-height:1.4;color:#fff;}
h2.sec{font-size:15px;}

a.nieuwsoverzicht{display:block;margin-bottom:30px;}

.qtip .qtip-content a{display: block;color:#000;padding:5px;}
.qtip .qtip-content a:hover{background: #222;border-radius:3px;-moz-border-radius: 3px;-webkit-border-radius:3px;color:#fff;}

.navbottom a{	text-decoration:	none;
	display:			block;
	background-color: 	transparent;
	cursor: 			pointer;
	font-family:		"Lucida Grande", "Lucida Sans", Verdana, Helvetica, sans-serif;
	font-size:			11px;
	color:				#999;
	padding:			10px 9px;
/* 	_padding:			6px 7px 5px 7px; */
	font-weight: bold;
	}
	
	.navbottom a:hover{color:#ED882C;}