/* CSS Document */

/*Pagina opbouw*/
body{
	margin:0px;
	padding:0px;
	font: 12px Arial, Helvetica, sans-serif;
}

a {
	color:#1820fe;
}

#geheel{
	position:relative;
	margin:0 auto;
	height: 633px;
	width: 761px;
	border:solid 1px black;
}

#menu{
	position:absolute;
	left:0px;
	top:0px;
	width:217px;
	height:600px;
	background-color:#feecc4;
}

#content_top{
	position:absolute;
	right:0px;
	top:0px;
	width:544px;
	height:125px;
	background:url(../images/main/top.jpg) no-repeat;
}

#content{
	position:absolute;
	right:0px;
	top:125px;
	width:524px;
	height:434px;
	overflow:auto;
	padding:10px;
	background:url(../images/main/main.jpg) no-repeat bottom;
}

#infobalk{
	position:absolute;
	left:0px;
	bottom:0px;
	width: 761px;
	height:32px;
	border-top: solid 1px #121bfc;
}
/* ///Einde Pagina opbouw/// */

/*Menu vak*/

#logo{
	position:absolute;
	height: 146px;
	width:217px;
	top:1px;
	left:32px;
}
#knoppen{
	position:absolute;
	height: 400px;
	width:217px;
	top:146px;
	left:10px;
}

.knop_tekst{
	position:relative;
	width: 75px;
	float:left;
	text-decoration:none;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#1820fe;
	text-align:center;
	margin:0px 10px 0px 10px;
}

.knop_backoffice
{
	text-decoration:none;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#1820fe;
}
/* ///Einde menu vak/// */

/* knoppen per stuk */

.knop_home{
	position:relative;
	float:left;
	height:64px;
	width:66px;
	margin:15px 15px 0px 15px;
	background-image:url(../images/knoppen/home.jpg);
}

.knop_home:active, .knop_home:hover{
	background-image:url(../images/knoppen/home_hover.jpg);
}

.knop_leraar{
	position:relative;
	float:left;
	height:64px;
	width:66px;
	margin:15px 15px 0px 15px;
	background-image:url(../images/knoppen/de_leraar.jpg);
}

.knop_leraar:active, .knop_leraar:hover{
	background-image:url(../images/knoppen/de_leraar_hover.jpg);
}

.knop_informatie{
	position:relative;
	float:left;
	height:64px;
	width:66px;
	margin:15px 15px 0px 15px;
	background-image:url(../images/knoppen/algemene_informatie.jpg);
}

.knop_informatie:active, .knop_informatie:hover{
	background-image:url(../images/knoppen/algemene_informatie_hover.jpg);
}

.knop_yoga{
	position:relative;
	float:left;
	height:64px;
	width:66px;
	margin:15px 15px 0px 15px;
	background-image:url(../images/knoppen/omschrijving_yoga.jpg);
}

.knop_yoga:active, .knop_yoga:hover{
	background-image:url(../images/knoppen/omschrijving_yoga_hover.jpg);
}

.knop_workshop{
	position:relative;
	float:left;
	height:64px;
	width:66px;
	margin:15px 15px 0px 15px;
	background-image:url(../images/knoppen/workshops.jpg);
}

.knop_workshop:active, .knop_workshop:hover{
	background-image:url(../images/knoppen/workshops_hover.jpg);
}

.knop_locatie{
	position:relative;
	float:left;
	height:64px;
	width:66px;
	margin:15px 15px 0px 15px;
	background-image:url(../images/knoppen/locatie.jpg);
}

.knop_locatie:active, .knop_locatie:hover{
	background-image:url(../images/knoppen/locatie_hover.jpg);
}

.knop_lesrooster_inschrijven{
	position:relative;
	float:left;
	height:64px;
	width:66px;
	margin:15px 15px 0px 15px;
	background-image:url(../images/knoppen/lesrooster_inschrijven.jpg);
}

.knop_lesrooster_inschrijven:active, .knop_lesrooster_inschrijven:hover{
	background-image:url(../images/knoppen/lesrooster_inschrijven_hover.jpg);
}

.knop_contact{
	position:relative;
	float:left;
	height:64px;
	width:66px;
	margin:15px 15px 0px 15px;
	background-image:url(../images/knoppen/contact.jpg);
}

.knop_contact:active, .knop_contact:hover{
	background-image:url(../images/knoppen/contact_hover.jpg);
}

.knop_none {
	position:relative;
	float:left;
	height:64px;
	width:66px;
	margin:15px 15px 0px 15px;
}

/* ///Einde knoppen per stuk/// */
/* Algemeen */
p{
	margin:2px;
}

.link{
	text-decoration:none;
	color:#000;
}

.link:hover, .link:active{
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

td{
	border: solid 1px grey;
	max-width:250px;
}

table, tbody{
	width:490px;
}

h1{
	margin:0px;
	padding:0px;
	font-size:16px;
}

h2{
	margin:0px;
	padding:0px;
	font-size:14px;
}
/* /// Einde algemeen /// */
/* Kaart */
#hideshow{
	position:absolute;
	z-index:1;
	width:411px;
	height:230px;
	visibility:hidden;
	top: 26px;
	left: 10px;
}
.kaart_groot{
	position:relative;
	width:auto;
	height:auto;
}

.nijmegen{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 330px;
	top: 2px;
}
.wijchen{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 280px;
	top: 15px;
}
.zaltbommel{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 70px;
	top: 20px;
}
.oss{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 210px;
	top: 39px;
}
.heesch{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 190px;
	top: 65px;
}
.shertogenbosch{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 105px;
	top: 80px;
}
.heeswijk_dinther{
	position:absolute;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 145px;
	top: 112px;
}
.schijndel{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 150px;
	top: 131px;
}
.veghel{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 208px;
	top: 145px;
}
.boxtel{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 110px;
	top: 155px;
}
.tilburg{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 5px;
	top: 172px;
}
.sintoedenrode{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 157px;
	top: 185px;
}
.eindhoven{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 160px;
	top: 250px;
}
.uden{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 240px;
	top: 117px;
}
.gemert{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 255px;
	top: 184px;
}
.son_en_breugel{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 169px;
	top: 200px;
}
.best{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 140px;
	top: 208px;
}
.venray{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 370px;
	top: 210px;
}
.helmond{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 250px;
	top: 222px;
}
.boxmeer{
	position:absolute;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	left: 355px;
	top: 125px;
}

.tableprice
{
	margin-bottom:5px;
}

.tableprice td
{
	background:#FFFFFF;
	border:1px solid #000;
}

.lessen_content
{
	height:350px;
	width:510px;
	border:1px solid #000;
	overflow-y:auto;
	background-color:#feecc4;
	padding:5px 0 5px 12px;
	position:relative;
}

.lessen_knoppen
{
	width:auto;
	height:20px;
	font:bold 13px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#1820fe;
	float:left;
	border:1px solid #000;
	border-bottom:0;
	padding:4px 10px 0 10px;
	margin-right:5px;
}

.lessen_knoppen a
{
	text-decoration:none;
	color:#1820fe;
}

.lessen_knoppen_active
{
	background-color:#feecc4;
}	

.aanmelden_content
{
	height:350px;
	width:510px;
	border:1px solid #000;
	overflow-y:auto;
	background-color:#feecc4;
	padding:5px 0 5px 12px;
	position:relative;
}

.aanmelden
{
	width:auto;
	height:20px;
	font:bold 14px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#ffffff;
	float:right;
	border:0px solid #000;
	border-bottom:0;
	padding:5px 12px 0px 12px;
	margin-right:5px;
	
}

.aanmelden a
{
	text-decoration:none;
	color:#1820fe;
}

.aanmelden_active
{
	background-color:#feecc4;