@charset "UTF-8";
/* start Document */
body#index{

	background:#750002;

	
	
}
body#index a{
	text-decoration: none;
}
body#cv{
	background-color: #750002;
}

body#rooster{
	background-color: #750002;
}

body#lesinhoud{
	background-color: #750002;
}

body#informatie{
	background-color: #750002;
}
body#workshops{
	background-color: #750002;
	
}
body#inschrijf{
	background-color: #750002;
}

.passed{display: none;}

#title{
	color: white;
	text-align:center;
	margin-top: 30px;
	}
	
.brita{	font-size: 80px;}
.studio{
	font-size: 40px;
	bottom:-10px;
	color:#966D42;
}
	
.backimage{
	margin:auto;
	z-index:100;
	width: 400px;
	height: 580px;
	background:url(../images/paisley7.png) 0 0 repeat;

}
#titleImg{
		padding-top: 50px;
		padding-bottom: 30px;
		text-align:center;
		}	
#titleImg img{
		border:solid 7px white;
		}
#announcement{

}
.eyecatcher{
	width: 250px;
	padding: 10px;
	position: relative;
	left: 350px; top: -258px;
	color: white;
	font-size: 25px;
		background:#982923;
	/*background:#982923;*/
	font-variant: small-caps;
	text-align:center;
	border:solid white 2px;
	
}	
#enter{
	
	text-align: center;
	margin: auto;
	margin-top: 10px;
	font-size: 20px;
	background:none;
	border: none;
	background-color: #D9C989;
	color: black;
	width: 260px;
	cursor: pointer;
}

a #enter :hover{
	background-color:#E2DDB9;
	color: black;
	
}

/*cv*/
/* header */	

#header { 
	width: 55em;
	margin: auto;
	text-align: center;
	z-index: 2;
	padding-bottom: 40px;
	}

#header #tabs li { 
	float: left;
	position: relative;
	display: inline;
	z-index: 2;
	}
#header #tabs li a.menu-right{border-right: 1px solid white;}
#header #tabs li a.menu-top{border-top: 1px solid white;}
#header #tabs li a { 
	display: block;
	float: left;
	
	width: 130px;
	padding: 3px 4px; 
	border: 1px solid white;
	border-right: none; 
	background-color:#D9C989;
	color: black; 
	text-decoration: none; 
			
	}
	

#header #tabs li a.selected {  

	background-color: #E2DDB9;
	}
#header #tabs a:hover { 
	background-color:#E2DDB9;
	}
	
#header #tabs li:hover ul{ 
	display: block;
	position:absolute;
	left:-40px;
	top: 26px;
	}
#header #tabs li ul li:hover ul li{ 
	display: block;
	position:relative;
	left:139px;
	top: -20px;
	
	}
	

#header #tabs li ul li a{
	border-top:none;
	}
	
#header #tabs li ul{
	display: none;
}	
#header #tabs li ul li ul li{
	display: none;
}
	
#content{
	width: 46em;
	margin:auto;
	text-align: center;
	background-color: #E7E1B5;
	position: relative;
	padding: 10px;
	top: 0px;
	left: 12px;
	z-index:1;
}


#flex{ 
	width: 55em;
	margin: auto;
	position: relative;
	left: 75px;
	}

#lesinhoud #content{
	width: 46em;
	margin: auto;
	text-align: center;
	background-color: #E7E1B5;
	text-align: center;
	padding:10px;
	padding-top: 5px;
	z-index:1;
}


.text{
	background-color: #D9C989;
	border: solid 2px white;
	padding: 10px;

}
#lesinhoud h2.text{
	margin-top:5px;
	margin-bottom:5px
}
#content div{
	text-align: center;
}


#flexRooster table .empty{
background-color:#E7E1B5;
border: none;
}

th{
	text-align: center; 
	border:solid 2px white;
	
	font-size: 25px;
	padding: 5px;
	background-color:#D9C989;
}
td{
vertical-align: top;
text-align: center;

border: solid 1px white;

padding: 5px;
vertical-align: middle;
background-color:#D9C989;
}
#regular div{
border: solid 1px black;

}

.workshopsTable tr {
background-color:#D9C989;
width: 100%;

}
.workshopsTable td{
vertical-align: top;
text-align: center;
border-top: solid 2px white;
border: solid 2px white;
padding: 5px;
vertical-align: middle;
}
.workshopsTable .firstCol {
	text-align: center;
}
.workshopsTable .firstCol img{
	padding-top: 10px;
}
.workshopsTable .dummyrow td{
background-color:#E7E1B5;
height: 5px;
border: none;
}
.middleTd{
border-left: none;
border-right:none;
}

.roosterTable th{
 border-left: solid 1px white;
 border-right:solid 1px white;
}
.roosterTable .firstCol{
 border-left: solid 2px white;
}
.roosterTable .bottomCell{
 border-bottom: solid 2px white;
}
.roosterTable .empty{
background-color:#E7E1B5;
border: none;
}
.roosterTable .topBorder{
 border-top: solid 1px white;

}
.roosterTable .leftBorder{
 border-left: solid 1px white;

}
.roosterTable .rightBorder{
 border-right: solid 1px white;

}
.roosterTable .rightSide{
 border-right: solid 2px white;

}
.roosterTable .bottomBorder{
 border-bottom: solid 1px white;

}
.roosterTable a{
 cursor:pointer;
 text-decoration:none;
 color: black;
}
#zomerdansweek{

}
#kinderdansweekend{
}

td.tableList{
background-color:#D9C989;
}

td.tableList li{
	float: left;
	position: relative;
	display: inline;
	width: 100px;
	font-size: 14px;
	line-height: 14px;
	padding:2px;
	
	
}
td.tableList a{
color: black;
text-decoration: none;
}

td.tableList ul li ul {
border: none;
padding-top: 2px;

}
td.tableList ul li ul li{
border: solid 1px white;
}
td.tableList ul{
clear:both;
border-top: 1px solid white;
margin-top: 20px;
margin-bottom: 20px;
}
td.tableList a:hover li ul li{
 background-color: #A71104;
color: white;
}

td.tableList .lastLi{
width:250px;
}
.new{
	background: RED;
	padding:2px;
}

.hrefInput{

text-decoration:none;
color: white;
background-color:#750002;
vertical-align: middle;

}
#content form{
	text-align: left;
}

.lesdataTable{
float: left;
margin-left: 10px;
}

.lesdataTable td{
	width: 10px;
}
.lesdataTable th{
	font-size: 17px;
	background-color: #ECDE9C;
	border-bottom: solid 1px white;
}
.lesdataTable tr > td:first-child{
	text-align: left;
}

.lesdataTable td.free, lesdataLast, td.free{
	
	color: #F9F0D3;
}

.lesdataTable td.gratis, lesdataLast, td.gratis{
	
	background-color: #BEC47B;
}
#volwassenendata h3{
	padding: 3px;
}
#kinderdata h3{
	padding: 3px;
}
.kinderColor{
 background-color: #C26D25;
  border: solid 1px white;
}
.volwassenenColor{
 background-color:#E6C442;
 border: solid 1px white;
}
.volwassenenColor a{
color: black;
}

#kinderdata .lesdataTable  .kinderColor{
 background-color: #C26D25;
}
#volwassenendata .lesdataTable .volwassenenColor{
 background-color: #E6C442;

}

#inschrijf .inputArea{
background-color:#E2DDB9; 
padding: 5px;
border: solid 5px #D9C989;
}

.inputTable td{
border-top: 1px solid white;
border-bottom:none;
border-left: none;
border-right: none;
text-align: left;
padding:0;
padding-left: 5px;
margin: 0;
background-color:#D9C989;
padding-color: green;
}
.inputTableHead td{
	text-align:center;
	font-variant: small-caps;
	font-weight: bold;

	border-bottom: 2px solid white;
}
.inputTable td.leftCell{
border-left:1px solid white;}
.inputTable td.rightCell{
border-right:1px solid white;}

#inputMenu{
clear:both;
background-color:#D9C989;
z-index: -1;
text-align: center;
margin: auto;
}
#inputMenu #tabs{
float: left;
	position: relative;
	display: inline;
	z-index: 0;
	width: 100%;
	
	}

#inputMenu #tabs li{
text-decoration:none;
color:black;
list-style-type:none;
padding-left: 10px;
padding-top:0px;

}

#inputMenu #tabs li a{	
	display: inline;
	float: left;
	width: 140px;
	padding: 3px 4px; 
	border: 1px solid white;

	background-color:#D9C989;
	color: black; 
	text-decoration: none; 
	text-align: center;
	margin: 5px;
			
}

#inputMenu #tabs a:hover{
	background-color: #982923;
	color: white;
}

#inputMenu #tabs a.selected{
background-color:#982923;
color: white;
}

#sidemenu{
float: left;
position: fixed;
display: inline;
z-index: 10;
width: 300px;
left : 100px;
top: 60px;

}
#sidemenu ul{
list-style-type:none;
width: 120px;
position: absolute;
right: 35px;
}
#sidemenu{
width: 120px;

}
#sidemenu li{padding: 5px;
}

#sidemenu li a { 
	display: block;
	width: 85px;
	padding: 3px 4px; 
	border: 1px solid white; 
	background-color:#D9C989;
	color: black; 
	text-decoration: none; 
	font-size: 13px;
			z-index: 6;
	}
#sidemenu li a.selected {  

	background-color: #E2DDB9;
	}
#sidemenu a:hover { 
	background-color:#E2DDB9;
	}
	
.schrijfmein{
	background-color:#CC3300;
	border: solid 2px white;
	text-align: center;
	color: white;
	width: 100px;
}

#informatie #content div{
	padding-top: 10px;
}