@charset "UTF-8";
body  {
	background-image: url(images/bg_volg.png);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 61%; /* 10px */
	*font-size: 60%; /* 10px */
	_font-size: 61%; /* 10px */
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #484848;
}
.home #container_bg { 
	text-align: left; 
	background-repeat: no-repeat; 
	background-position: right top; 
	background-color: #fff; 
	background-image: url(images/home_bg.jpg); 
	width: 1155px;
	margin: 0px auto; 
	min-height: 385px;
}
.home #container { 
	margin-left: 0px; 
	margin-bottom: 0px; 
	margin-right: 212px; 
	margin-top: 0px; 
	position: relative; 
	width: 944px; 
	background: 0;
	text-align: left;
	font-size: 1.2em; /* 12px */
	/* overflow:auto; automatische clear */
}

.home #header { 
	background-position: 0 top; 
	background-repeat: repeat-x; 
	background-image: url(images/bg_volg.png); 
	height: 193px; 
} 

.home #sidebar {
	margin: 0 10px;
	padding-left: 0px;
	padding-bottom: 15px;
	padding-right: 0px;
	padding-top: 10px;
	position: absolute;
	top: 193px;
	left: 0;
	width: 149px;
	background: #a8000c; 
}
/* sitemap */
.home #sitemap { 
	padding-bottom: 10px; 
	padding-top: 10px; 
	margin-left: auto; 
	margin-bottom: 0px; 
	margin-right: auto; 
	margin-top: 10px; 
	background-repeat: repeat-x; 
	background-position: 0 top; 
	background-color: #fff; 
	background-image: url(images/bg_onder.jpg); 
	width: 100%;
}

.home #sitemap_bg { 
	position: relative; 
	width: 1156px;
	height: 249px;
	left: 162px;
	background-image: url(images/sitemap_bg_stippel_2.jpg); 
	margin: 0px auto; 
}
.home #sitemap ul { 
	width: 181px;
	float: left;
	padding: 0;
	list-style: none;
}
.home #sitemap li { 
	text-align: left; 
	margin: 0;
	list-style: none;
	height: 20px;
	font-size: 1.3em;
}
.home #sitemap li.head  { 
	color: #969696;
	margin: 0 0 10px 25px;
	font-size: 1.9em;
}
.home #sitemap li a { 
	width: 181px;
	display: block;
	color: #969696;
	padding: 0 0 0 25px;
	background: transparent url(images/pijl_grijs.png) no-repeat -100px 4px;
}
.home #sitemap li a:hover { 
	background: transparent url(images/pijl_grijs.png) no-repeat 150px 4px;
}


/* topmenu disciplines */
#top_menu {
	left: 4px;
	top: 63px;
	position: absolute;
	width:327px;
	height:130px;
}
#top_menu ul {
	padding: 0px;
	margin: 0px;
}
#top_menu ul li {
	list-style: none;
	float: left;
	height: 130px;
}
#top_menu ul li a {
	display: block;
}
#btn_muziek {
	width: 81px;
	height: 130px;
	text-indent: -10000px;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(images/topmenu_bg_act.jpg) no-repeat 0px -130px;
}
#btn_muziek:hover {
	background-position: 0px 0px;
}
#btn_dans {
	width: 81px;
	height: 130px;
	text-indent: -10000px;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(images/topmenu_bg_act.jpg) no-repeat -81px -130px;
}
#btn_dans:hover {
	background-position: -81px 0px;
}
#btn_theater {
	width: 81px;
	height: 130px;
	text-indent: -10000px;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(images/topmenu_bg_act.jpg) no-repeat -164px -130px;
}
#btn_theater:hover {
	background-position: -164px 0px;
}
#btn_beeldend {
	width: 81px;
	height: 130px;
	text-indent: -10000px;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(images/topmenu_bg_act.jpg) no-repeat -245px -130px;
}
#btn_beeldend:hover {
	background-position: -245px 0px;
}
/* zoek */
#zoekdiv {
	left: 710px;
	top: 160px;
	position: absolute;
	width:235px;
	height:21px;
}
#zoekveld {
	padding-left: 2px;
	padding-bottom: 0;
	padding-right: 2px;
	padding-top: 2px;
	margin: 0;
	width: 204px;
	height: 17px;
	font-size: 1.1em;
	color: #c4c4c4;
	overflow: hidden;
	text-decoration: none;
	background: transparent;
	border: 1px solid #b5b5b4;
	float: right;
}
#zoekknop {
	margin: 0;
	padding: 0;
	width: 21px;
	height: 19px;
	text-indent: -10000px;
	overflow: hidden;
	text-decoration: none;
	background: transparent url(images/zoek_btn.png) no-repeat center left;
	border: 1px solid #b5b5b4;
	display: block;
	float: right;
}
#zoekknop:hover {
	background: transparent url(images/zoek_btn_act.png) no-repeat center left;
	border: 1px solid #a7181d;
}

/* rechts */

.home #rechts {
	background-repeat: no-repeat;
	background-color: #efefef;
	background-image: url(images/rechts_bg.jpg);
	background-position: 0 0;
	font-size: 1em;
	line-height: 1.4em; /* 18px */
	float: right;
	top: 193px;
	right: 0;
	width: 245px;
	color: #6c6c6c;
	min-height: 395px;
}

.home #mainContent p a.terug {
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 2px;
	margin-bottom: 4px;
	margin-top: 3px;
	margin-left: 8px;
	width: 60px;
	font-size: 1em;
	color: #fff;
	background: #a8000c;
	text-align: center;
	text-decoration: none;
}

/* mainContent */
.home #mainContent {
	font-size: 1.2em; /* 12,5px */
	line-height: 1.5em;
	background-image: url(images/midden_bg.png);
	background-repeat: repeat-y;
	background-position: 0;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: 3px;
	margin-bottom: 0px;
	margin-top: 0px;
	min-height: 370px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.home #logo {
	position: absolute;
	top: 0px;
	left: 610px;
}

/* Menu */

#menu{
	padding-bottom: 0px;
	padding-top: 0px;
	width: 149px;
	margin: 0;
}
#menu ul{
	z-index: 1;
	list-style: none;
	margin: 0;
	padding: 0;
    position:relative;
}

#menu li{
	height: 31px;
	font-size: 1.1em;
	background-image: url(images/menu_bg.png);
	background-position: 13px -31px;
	background-repeat: no-repeat;
}

#menu li a{
	background-position: 13px 5px;
	padding-left: 13px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-top: 4px;
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;

	}


#menu li a:link, li a:visited{
	color: #dadada;
}

#menu li a:hover, li a:active{
	background-repeat: no-repeat;
	background-position: 13px 0px;
	background-image: url(images/menu_bg.png);
	color: #FFF;
}


#menu li.current a {
	background-position: 13px 0px;
	color: #fff;
	background-repeat: no-repeat;
	background-image: url(images/menu_bg.png);
}

/* submenu */
#menu ul ul {
	z-index: 1;
	border-style: solid;
	border-width: 5px;
	border-color: #fff;
	list-style: none;
	width: 149px;
	margin-top: -34px;
	margin-left: 149px;
	display: block;
	padding: 8px 0;
    position:absolute;
	background: #a7181d; 
	display:none;
}

#menu li.current li a {
	background-position: 13px -31px;
	color: #fff;
	background-repeat: no-repeat;
	background-image: url(images/menu_bg.png);
}

#menu li li {
	z-index:1; 
	height: 31px;
	font-size: 1em;
	background-image: url(images/menu_bg.png);
	background-position: 13px -31px;
	background-repeat: no-repeat;
}

#menu li li a {
	background-position: 13px 5px;
	padding-left: 13px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-top: 4px;
	display: block;
	text-decoration: none;
	background-repeat: no-repeat;
}

#menu li li a:hover, li li a:active {
	background-repeat: no-repeat;
	background-position: 13px 0px;
	background-image: url(images/menu_bg.png);
	color: #FFF;
}
#menu li li a:link, li li a:visited {
	color: #dadada;
}





/* test */
#menu ul ul{
	top:auto;
	}	
#menu li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
    }
#menu li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
    }

/* plaatjes */
.home #mainContent img.left, img.left {
	float: left;
	margin: 0em 1.5em 1.5em 0;
}

.home #mainContent img.right, img.right {
	float: right;
	margin: 0em 0 1.5em 1.5em;
}

.home #mainContent div img.full, img.full {
	clear: both;
	display: block;
	text-align: center;
	margin: 1.5em auto;
}

.home #nieuws img {
	border-color: #dadada;
	border-width: 1px;
	padding: 3px;
}
.home #nieuws img a {
	border-color: #c6c6c6;
	border-width: 1px;
}
.home #nieuws a:hover {
	border-color: #cc2229;

}

/* plaatje caption */
.home #mainContent img p {
	margin: 0;
	font-size: .916667em;
}

/* alt text plaatje */
.home #container img[alt] {
	font-size: .916667em;
	color: #999;
}

/* clear */

.clear { 
	clear:both;
 	height: 0px;
 	padding: 0;
 	margin: 0;
}

/* vorige/volgende */ 
div.paging {
	height: 25px;
	margin: 10px 0;
	padding: 5px;
	background-repeat: no-repeat;
	background: url(images/artikel_kop_bg.jpg) 0 top;
}

div.paging a.previous {
	float: left;
	display: block;
	color: #969696;
	padding: 0 0 0 25px;
	background: transparent url(images/pijl_grijs_terug.png) no-repeat 0px 5px;
}
div.paging a.next {
	float: right;
	padding: 0 30px 0 0;
	color: #969696;
	background: transparent url(images/pijl_grijs.png) no-repeat 70px 5px;
}

/* vorige/volgende */ 
p img
{
	float: left;
	margin: 4px 8px 5px 0;
}


div.fotos img {
	margin: 4pt;
	padding: 3pt;
	border: 1pt solid #ccc;
}

.home #rechts p img {
	float: none;
	display: block;
}

div.video {
	text-align: left;
	z-index: 0;
	}
.clearfix {
	clear:left !important;
}

#map {
	
	border-color: #a8000c;
	
	border-style: solid;
	
	border-width: 3px;
	margin:1.5em -10px;
	
}
/* Inschrijven */
#inschrijven label {
	display:block;
}
#inschrijven .clearfix {
	line-height: 0px;
	font-size: 0px;
	clear:both;
	
}
#inschrijven .none {
	float:left;
	margin-right:10px;
}
#inschrijven input, #inschrijven select {
	margin:0;
}
#inschrijven .submit {
	margin-top:20px;
}
#inschrijven .paragraaf {
	margin-top:12px;
}

#inschrijven .error {
	border-color: red;
	border-width: 2px;
	border-style: solid;
	color: black;
}