@charset "utf-8";
/*///////////////////////////////////////////////////////
///// CSS Document for Danscentrum van Bommel 		/////
///// By: Mark Smits								/////
///////////////////////////////////////////////////////*/



/* General ////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////*/

* {
	padding: 0px;
}

body {
	background: url('/images/background.jpg') top center #f0522f no-repeat;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: auto;
	behavior: url("/css/csshover2.htc");
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover {
	color: #0076c7;
}

div#wrapper {
	margin: auto;
	width: 955px;
}

div#sidewrapper {
	float: left;
	width: 300px;
	height: 100%;
}

/* Menu ///////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////*/

div#navigation {
	margin: auto;
	width: 100%;
	height: 36px;
	text-align: center;
	font-family: MetaMedium, Arial;
	overflow: visible;
}

div#navigation ul {
	margin: auto;
	margin-top: -2px;
        margin-left: 50px;
}

div#navigation li {
	display: block;
	float: left;
	text-align: center;

}

div#navigation li a {
	display: inline-block;
	font-size: 13px;
	cursor: pointer;
}

div#navigation li a.social {
	width: 16px;
        height: 16px;
        text-indent: -9999px;
        display: block;
        margin: 7px 3px;
        outline: none;
}

div#navigation li a.social:hover {
}

div#navigation li a.hyves, div#navigation li a.hyves:hover {
    background: url('/images/social/hyves.png');
}

div#navigation li a.facebook, div#navigation li a.facebook:hover {
    background: url('/images/social/facebook.png');
}

div#navigation li a.youtube, div#navigation li a.youtube:hover {
    background: url('/images/social/youtube.png');
}

div#navigation li a span {
	display: block;
	margin-left: -10px;
	padding: 6px 17px;
	cursor: pointer;
}

div#navigation li a.active {
	color: #ffffff;
	background: url('/images/menu-right.gif') right no-repeat;
}

div#navigation li a.active span {
	background: url('/images/menu-left.gif') left no-repeat;
}

div#navigation li a:hover {
	color: #ffffff;
	background: url('/images/menu-right.gif') right no-repeat;
}

div#navigation li a:hover span {
	background: url('/images/menu-left.gif') left no-repeat;
}

div.listitem_menu {
	display: block;
	float: left;
	height: 25px;
	margin: 0px;
	min-width: 80px;	
}

div.listitem_menu:hover {
	background: url('../images/menu_hover.gif') no-repeat left center;
	background-color: transparent;
}

/* Submenu ////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////*/

div.submenu-wrapper {
	margin: 110px 0px 10px 40px;
	width: 240px;
	height: 190px;
}

div.submenu {
	float: left;
	width: 240px;
	height: 190px;
	background: url('/images/menu_bg.png') no-repeat center top;
}
 
div.submenu ul {
	margin: 0px 0px 0px 8px;
	list-style: none;
}


div.submenu li {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 100%;
	font-family: MetaMedium, Arial;
}

div.submenu li a {
	display: block;
	padding: 4px 15px;
	background: url('') no-repeat;
}

div#navigation li a.active {
	color: #ffffff;

}

div#navigation li a.active span {
}


div.submenu li a:hover {
	color: #fff;
	background: url('/images/submenu_hover.gif') left no-repeat;
	
}

div.submenu ul li:hover {
	color: #ffffff;
}


div.submenu span {
	display: block;
	font-weight: bold;
	margin: 5px 0px 0px 0px;
}

div.listitem_submenu {
	height: 25px;
	width: 100%;
	clear: both;
}

div.listitem_submenu:hover {
	background: url('../images/submenu_hover.gif') no-repeat left center;
}


/* Widget ////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////*/

div.widget {
	width: 240px;
	height: 150px;
	margin: 0px 0px 0px 40px;
	font-size: 10px;
}

div.widget p {
	width: 215px;
	margin: 5px 13px 5px 13px;
}

div.widgetheader {
	margin: 0px 0px 25px 0px;
	height: 30px;
	background: url('../images/widget_header.gif') no-repeat;
}

div.widgetheader h1 {
	display: inline-block;
	font-size: 15px;
	color: #ffffff;
	margin: 6px 0px 0px 20px;
	font-family: MetaMedium, Arial;
	font-weight: normal;
}

/* Content ////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////*/

div.content {
	float: left;
	width: 600px;
	height: 600px;
}


div.contentheader {
	margin: 2px 0px 2px 8px;
	width: 604px;
	height: 30px;
	background: url('../images/header.gif') no-repeat;
}

div.contentheader h1 {
	display: inline-block;
	font-size: 15px;
	color: #ffffff;
	margin: 6px 0px 0px 30px;
	font-family: MetaMedium, Arial;
	font-weight: normal;
}

div.contenttext {
	margin: 45px 20px 20px 38px;
	color: #000000;
	font-size: 12px;
	
}

div.contenttext p {
	line-height: 16px;	
}

/* Content ////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////*/

div.boxAgenda {
	width: 580px;
}

div.boxAgenda span.date {
	display: block;
	float: left;
	margin: 2px 0px 0px 0px;
	width: 170px;
	visibility: visible;
}

div.boxAgenda span.event {
	display: block;
	float: left;
	margin: 2px 0px 0px 25px;
	width: 360px;
	visibility: visible;
}

div.boxAgenda label {
	margin: 0px;
	width: 40px;
	font-weight: bold;
	margin: 20px 0px 20px 0px;
}

div.boxAgenda br {
	clear: both;
}