@charset "utf-8";
/* CSS Document */
/* PUBLIEK GEDEELTE CIRCUS */ 

html{
	background-color:#2b2b2b;
}

body
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	margin:0 auto;
	padding:0;
	color: #f7f7f7;
	line-height: 16px;
	background-color:#2b2b2b;
}

#wrapperbg
{
	width:100%;
	height:auto;
	overflow:hidden;                                                              
	background:url(../images/headerbg.png) repeat-x;
}

#wrapperbg2
{
	width:100%;
	height:auto;
	overflow:hidden;                                                              
	background:url(../images/bg.png) repeat-x;
}

#wrapper
{
	width:870px;
	height:auto;                                                            
	padding:0;
	margin:0 auto;
}

a
{
	text-decoration:none;
	color:#c20303;
	outline: none;
}

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

p
{
	margin:0;
	padding:0;
}

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

li
{
	margin:0;
	padding:0;
}

h1, h2 , h3 , h4, h5, h6
{
	margin:0;
	padding:0;
	font-weight;normal;
}

span
{
	margin:0;
	padding:0;
}


#header
{
	width:850px;
	height:167px;
	margin:0;
	padding:0 10px 0 10px;
}

#login
{
	width:auto;
	height:30px;
	float:right;
}

#loginlangleft
{
	background:url(../images/contactcorner.png) no-repeat;
	width:8px;
	height:30px;
	float:left;
}

#loginlangright
{
	background:url(../images/contactcornerright.png) no-repeat;
	width:8px;
	height:30px;
	float:left;
}

#loginlang
{
	width:auto;
	height:22px;
	background-color:#1d1d1d;
	margin:0 0 25px 0;
	padding:8px 0 0 0;
	float:left;
	font-size:10px;
	text-transform:uppercase;
	text-align:center;
	float:left;
}

#loginlang a:hover
{
	text-decoration:underline;
}

#logo
{
	width:266px;
	height:61px;
	margin:0 auto;
	padding:0;
	clear:both;
}


#nav
{
	width:580px;
	height:48px;
	margin:0 auto;
	margin-top:30px;
	padding:0;
	clear:both;
}

ul#topnav
{
	width:580px;
	height:48px;
}

ul#topnav li 
{
	float:left;
	margin:0; 
	padding:0;
}
ul#topnav a 
{
	float: left;
	display: block;
	height: 47px;
	text-indent: -99999px;
	background-position:top;
}
ul#topnav a:hover 
{
	background-position: left -48px;
}

ul#topnav li.active a 
{
	background-position:left -48px;
}

ul#topnav li.home a 
{
	background-image: url(../images/home_a.png);
	width: 97px;
}

ul#topnav li.lessons a 
{
	background-image: url(../images/lessons.png);
	width: 66px;
}

ul#topnav li.bookings a 
{
	background-image: url(../images/bookings.png);
	width: 79px;
}

ul#topnav li.preform a 
{
	background-image: url(../images/preform.png);
	width: 103px;
}

ul#topnav li.support a 
{
	background-image: url(../images/support.png);
	width: 65px;
}

ul#topnav li.about a 
{
	background-image: url(../images/about.png);
	width: 76px;
}
 
ul#topnav li.contact a 
{
	background-image: url(../images/contact.png);
	width: 93px;
}

#gallery
{
	width:870px;
	height:200px;
	padding:8px 0 8px 0;
	clear:both;
}

#content
{
	width:850px;
	height:auto;
	margin:0;
	padding:0 10px 0 10px;
	background-color:#444444;
	z-index:0;
	overflow:hidden;
}

h1.hometitle
{
	font-size:16px;
	text-transform:uppercase;
	float:right;
	color:#F7F7F7;
	font-weight:normal;
	margin:0 3px 5px 0;
}

.regtitle
{
	text-transform:uppercase;
	color:#c20303;
	font-weight:normal;
	font-size:16px;
}

#calendar
{
	width:300px;
	margin:0;
	padding:5px 0 0 0;
	float:left;
	clear:both;
	position:absolute;
}

.hcalendaritem
{
	width:300px;
	height:80px;
	margin:0 0 2px 0;
	padding:0;
	float:left;
	z-index:1;
}

.calendardate
{
	position:absolute;
	left:-29px;
	width:70px;
	height:41px;
	background-color:red;
	margin:0;
	padding:22px 0 0 0;
	z-index:1;
	text-align:center;
	background:url(../images/calendaritem.png) no-repeat;
}

.datenumber
{
	font-weight:bold;
	font-size:24px;
}

.datemonth
{
	font-size:13px;
	text-transform:uppercase;
}

.calendartext
{
	float:right;
	background-color:#2c2828;
	width:249px;
	height:70px;
	margin:0;
	padding:5px;
	z-index:1;
	position:relative;
}

.calendardetails
{
	bottom:5px;
	position:absolute;
	width:249px;
}

#news
{
	width:550px;
	margin:0;
	padding:5px 0 0 0;
	float:right;
	clear:both;
}

.morenewsbutton{
	
	color: #fff;
	
}

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

.hnewsblock
{
	width:536px;
	height:97px;
	margin:2px;
	padding:5px;
	background-color:#1d1d1d;
	clear:both;
}

.hnewstext
{
	width:430px;
	height:95px;
	float:left;
	padding:0 0 2px 0;
	margin:0 10px 0 0;
	position:relative;
}

#text
{
	padding:0;
	margin:0;
	color:black;
	width:220px;
	height:70px;
	text-align:center;
	z-index:2;
	position:absolute;
	top:90px;
	left:20px;
	font-size:20px;
	line-height:20px;
	padding-top:15px;
}

#darkbg
{
	background-color:#2b2b2b;
	width:830px;
	height:auto;
	overflow:hidden;
	padding:10px;
	margin-top:10px;
}

#bignewsphoto
{
	float:left;
	width:254px;
	text-align:center;
}

#bignewsphoto img
{
	border:2px solid #444444;
	margin-bottom:5px;
}

#newsarticle
{
	width:555px;
	margin-left:15px;
	float:left;
}

#newsarticle h2
{
	color:#c20303;
	font-size:20px;
	margin-bottom:10px;
	font-weight:normal;
	text-transform:uppercase;
}

#newsarticle p
{
	margin-bottom:10px;
}

p#previewtext
{
	font-size:12px;
	color:#b3afaf;
}

.newsdetails
{
	position:absolute;
	bottom:5px;
	width:430px;
}

.hnewstext h2
{
	color:#c20303;
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
}

.hnewspic
{
	width:96px;
	height:80px;
	float:left;
	padding:15px 0 5px 0;
}

.hnewspic img
{
	width:80px;
	height:60px;
	border:solid #444444 5px;
}

.bookitem
{
	clear:both;
	width:800px;
	height:auto;
	overflow:hidden;
	margin-bottom:30px;
}

.itempreview
{
	width:175px;
	float:left;
}

.iteminfo
{
	width:625px;
	float:left;
}

.zalen
{
	height:auto;
	width:850px;
	overflow:hidden;
	margin-top:10px;
}

.zaal
{
	height:auto;
	overflow:hidden;
	width:850px;
	clear:both;
	padding:0;
	margin-bottom:30px;
	
}

#prentzaal1
{
	float:left;
	width:320px;
	height:auto;
	overflow:hidden;
	border:3px gray solid;
	margin-right: 10px;
}

#infozaal1
{
	width:510px;
	height:auto;
	overflow:hidden;
	float:left;
}

#prentzaal2
{
	float:right;
	width:320px;
	height:auto;
	overflow:hidden;
	border:3px gray solid;
	margin-right: 10px;
}

#infozaal2
{
	width:510px;
	height:auto;
	overflow:hidden;
	float:left;
}

ul.redmarks
{
	list-style-image:url(../images/opsommingsteken.png);
	padding-left:30px;
}

.contenttitle
{
	color:#c20303;
	font-weight:normal;
	font-size:24px;
	margin-bottom:10px;
}

.info360
{
	color:grey;
}
#contentleft
{
	width:425px;
	float:left;
	margin:10px 0 10px 0;
}

#contentleft img
{
	width:400px;
	height:267px;
	border:3px solid grey;
}

#contentright
{
	width:425px;
	float:left;
	margin:10px 0 10px 0;
}

#contentright ul
{
	margin:10px 0 10px 10px;
}

.higlight
{
	color:#c20303;
}

.birthdate
{
	width:67px;
	float:left;
}

#registerbtn
{
	float:right;
}

#footer
{
	position:absolute;
	z-index:10;
	background:url(../images/footerbg.png) no-repeat;
	left:-20px;
	width:870px;
	height:110px;
	padding:15px 20px 0 20px;
}

#footera
{	
	width:850px;
	height:125px;
	margin:0 auto;
	padding:0 10px 0 10px;
	position:relative;
	background-color:#444444;
}

#footera h3
{
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	margin:0 0 5px 0;
}

#footera p
{
	font-size:11px;
}

#partners a
{
	color:#F7F7F7;
	font-size:12px;
}

#partners a:hover
{
	text-decoration:underline;
}

#newsletter
{
	width:210px;
	height:80px;
	margin:0;
	padding:10px;
	float:left;
}

#newsletter input[type=text]
{
	width:115px;
	border:1px solid #c20303;
	margin:5px 0 5px 0;
}

#partners
{
	width:150px;
	height:80px;
	margin:0;
	padding:10px 10px 10px 60px;
	float:left;
}

#contact
{
	width:150px;
	height:80px;
	margin:0;
	padding:10px 10px 10px 30px;
	float:left;
}

#contactimage
{
	width:136px;
	height:80px;
	margin:0;
	padding:10px;
	float:left;
}

#contactimage img
{
	width:136px;
	height:80px
}

#copyrights
{
	width:850px;
	height:35px;
	overflow:hidden;
	margin:0 auto;
	margin-bottom:10px;
	padding:0 10px 0 10px;
	font-size:10px;
	text-align: center;
	background-color:#444444;
}


.right {
	right: 0;
	bottom: 0;
	width: 300px !important;
	height: 337px;
}

.clear {
   clear: both;
}


.poststamp
{
	font-size:11px;
}

.postedby
{
	font-size:11px;
	font-weight:bold;
	color:#c20303;
}

.readmorelink
{
	font-size:11px;
	font-weight:bold;
	color:#c20303;
	float:right;
}

.hlocation
{
	font-size:11px;
	color:#c20303;
}
.hinfo
{
	
	font-size:11px;
	margin-right: 10px;
}
/* 360 view */

.panorama-viewport {
	position: relative;
	width: 350px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-align: left;
	float:left;
	border:3px gray solid;
}/*
.panorama-container {
	position: relative;
	width: 100000px;
	margin: 0;
	padding: 0;

}
.panorama-control {
	position: absolute;
	display: none;
	padding: 0;
	margin: 0;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 30px;
	background: black;
	filter: alpha(opacity=50);
	opacity: .5;
	text-align: left;
}

.panorama-control-imageds , .panorama-control-left, .panorama-control-right, .panorama-control-pause 
{ 
	float: left;
	padding: 0;
	margin: 0;
	color:#f7f7f7;
	text-decoration: none;
	font-size: 14px;
	line-height: 30px;
	width: 25%;
	text-align: center;
	cursor:pointer;
}
.panorama-control-left:hover, .panorama-control-right:hover, .panorama-control-pause:hover 
{ 
	text-decoration: none;
}

.panorama-panel 
{
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	background: #009cff;
	filter: alpha(opacity=50);
	opacity: .5;
	color: white;
	padding: 4px;
}

.panorama-panel h2 
{
	font-size: 11px;
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	text-align: right;
}

.panorama-panel ul 
{
	display: none;
}*/
.panorama 
{
	position: relative;
	margin: 0;
	padding: 0;
	border: none;
}

/* SLIDESHOW */

#slideshow 
{
	margin:0 auto;
	width:870px;
	height:199px;
	position:relative;
}

#slideshow #slidesContainer 
{
  margin:0 auto;
  width:790px;
  height:199px;
  overflow:hidden;
  position:relative;
}

#slideshow #slidesContainer .slide 
{
  margin:0 auto;
  width:770px; 
  height:255px;
  padding:26px 0 12px 0;
}

.slidetext
{
	width: 530px;
	height:233px;
	float:left;
	padding-right:20px;
}

.slidepic
{
	width:220px;
	height:233px;
	float:left;
}

.slidepic img
{
	border:3px solid grey;
}

.control 
{
  display:block;
  width:20px;
  height:199px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}

#leftControl 
{
  top:0;
  left:0;
  background:transparent url(../images/arrowleft.png) no-repeat 0 0;
}

#rightControl 
{
  top:0;
  right:0;
  background:transparent url(../images/arrowright.png) no-repeat 0 0;
}


.slide p 
{
	margin-bottom:10px;
}

.slide h2 
{
  font-size:18px;
  font-weight:normal;
  color:#c20303;
  margin-bottom:10px;
  line-height:18px;
}

span.quote
{
	font-style:italic;
}

.rockergegevens 
{
	color:grey;
}

.linkergeg
{
	width:200px;
	float:left;
}

.rechtergeg
{
	width:200px;
	float:left;
}

/* JQUERY TABS */

.tabs-link:hover{
text-decoration:underline;
}

ul.tabs 
{
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	width: 100%;
}

ul.tabs li 
{
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unorde#c20303 list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #1d1d1d;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #1d1d1d;
}

ul.tabs li a 
{
	text-decoration: none;
	color:#FFF;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	outline: none;
}

ul.tabs li a:hover 
{
	background: #c20303;
}

html ul.tabs li.active, html ul.tabs li.active a:hover  
{ /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #2b2b2b;
	border-bottom: 1px solid #2b2b2b; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container 
{
	overflow: hidden;
	clear: both;
	float: left; 
	width: 100%;
	background-color:#2b2b2b;
}

.tab_content 
{
	padding: 20px;
}

/* LOGIN POPUP */

#backgroundPopup
{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
z-index:1000;
}

#popupContact
{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:auto;
overflow:hidden;
background:#F7F7F7;
border:2px solid #cecece;
z-index:2000;
padding:12px;
color:black;
width:270px;
}

.loginlabel 
{
	display: block;
	float: left;
	width: 100px;
	margin:0;
}

.login-row 
{
	padding-bottom:10px;
	clear: both;
	width: 270px;
}

#popupContact h1
{
padding-bottom:2px;
margin-bottom:20px;
color:#c20303;
}

#popupContactClose
{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#c20303;
display:block;
cursor:pointer;
}

/* REGISTRATION FORM */

#formreg .label 
{
	display: block;
	float: left;
	width: 120px;
	margin:0 25px 0 20px;
	text-align:right;
}

#formreg .form-row 
{
	padding-top:15px;
	clear: both;
	width: 550px;
}


#formreg input[type=text],input[type=password], select, textarea
{
	width: 200px;
	float: left;
	display:block;
	border:1px solid red;
}

.submitreg
{
	margin-left:163px;
}


#contentcenter
{
	width:550px;
	height:auto;
	overflow:hidden;
	margin:10px auto;
}

#registerinfo
{
	width:490px;
	background-color:#2b2b2b;
	padding:10px 30px 10px 30px;
	margin-bottom:10px;
}

#registerform
{
	width:490px;
	background-color:#2b2b2b;
	padding:10px 30px 10px 30px;
}

/* GOOGLE MAPS */

#map
{
	color:#c20303;
	font-size:24px;
}

/* CONTACT FORM */

#form .label 
{
	display: block;
	float: left;
	width: 100px;
	margin-right:5px;
}

#form .form-row 
{
	padding-top:15px;
	clear: both;
	width: 315px;
}

#form label.error 
{
	width: 100px;
	display: block;
	float: left;
	color:#94cf08;
	margin-left:10px;
}

#form input[type=text],input[type=password], select, textarea
{
	width: 200px;
	float: left;
	display:block;
	border:1px solid #c20303;
}

span#register
{
	bottom:0px;
}

#registerbtn
{
	float:right;
}

/* GALERIJ */

#featured
{ 
	width:620px; 
	padding-right:250px; 
	position:relative;
	height:344px;
	margin:5px 0;
}

#featured ul.ui-tabs-nav
{ 
	position:absolute; 
	top:0; 
	left:620px; 
	padding:0;
	margin:0; 
	width:250px; 
}

#featured ul.ui-tabs-nav li
{ 
	padding:0 0 2px 0;  
}

#featured ul.ui-tabs-nav li img
{ 
	float:left; 
	margin:6px 5px 0 5px; 
	border:3px solid #eee;
}

#featured ul.ui-tabs-nav li span
{ 
	display:block;
	padding-top:3px;
}

#featured li.ui-tabs-nav-item a
{ 
	display:block; 
	height:67px; 
	color:#f7f7f7; 	
	background-color:#444444;
}

#featured li.ui-tabs-nav-item a:hover
{ 
	background:grey; 
}

/*
#featured li.ui-tabs-selected
{ 
	background:url(../images/selected-item.gif) top left no-repeat;  
}
*/

#featured ul.ui-tabs-nav li.ui-tabs-selected a
{ 
	background:#1d1d1d;
	color: #e41d1d; 
}

#featured .ui-tabs-panel
{ 
	width:620px; 
	height:344px; 
	position:relative;
}

#featured .ui-tabs-panel .info
{ 
	position:absolute; 
	top:274px; 
	left:0; 
	height:70px; 
	width:620px;
	background: url(../images/transparent-bg.png);
}

#featured .info h2
{ 
	padding:5px 10px; 
	margin:0;
	overflow:hidden; 
}

#featured .info p
{  
	margin:0 10px;
}

#featured .info a
{ 
	text-decoration:none; 
	color:#f7f7f7; 
}

#featured .info a:hover
{ 
	text-decoration:underline; 
}

#featured .ui-tabs-hide
{
	display:none; 
}
label.error { width: 250px; display: inline; color: red; padding-left: 10px; } 

#jelle{

float:  right;

}