@charset "utf-8";

/** GENERAL **/
	* {
		margin: 0;
		padding: 0;
	}
	html, body {
		color: #000;
		/* \*/ height: 100%; /* IE MAC ignores */
	} 
	body {
		background-image: url("/images/design/background.gif");
		background-position: 50% 0;
		text-align: center;
		behavior: url("/style/csshover.htc");
		background-color: #000;
	}
	#wrap {
		background-image: url("/images/design/wrap.gif");
		background-repeat: repeat-y;
		background-position: 0 0;
		background-color: #fff;
		margin:0 auto;
		width:800px;
		text-align: left;
		min-height: 100%;
	}
	* html #wrap {
		/* \*/ height: 100%; /* IE MAC ignores */
	}
	#left_column {
		background-image: url("/images/design/left_column.gif");
		background-repeat: no-repeat;
		background-position: 0 0;
		min-height: 294px;
		width:130px;
		padding-top:35px;
		float: left;
	}
	* html #left_column {
	}
	#right_column {
		background-image: url("/images/design/right_column.gif");
		background-repeat: no-repeat;
		background-position: 0 162px;
		width:670px;
		float: right;
	}
	#header {
		height: 162px;
		width: 670px;
		background-image: url("/images/design/header.gif");
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	#content {
		width:510px;
		float: left;
	}
	* html #content {
		margin-left: 0;
		margin-top: 0;
	}
	#content_right {
		float: right;
		width: 160px;
		padding-top: 5px;
	}
	#menu {
		width: 470px;
		height: 30px;
	}
	.DefaultPage {
		width: 440px;
		margin: 40px 35px;
		line-height: 15px;
	}
/** FONTS **/
	* {
		font-family: Trebuchet MS, arial, sans-serif;
		margin: 0;
		padding: 0;
		font-size: 12px;
	}
	a {
		color: #CC0000;
		text-decoration: underline;
		font-size: 12px;
	}
	a:hover {
	}
	h1 {
		font-size: 13px;
		color: #3399FF;
		margin-bottom: 15px;
	}
	h2 {
		font-size: 13px;
		color: #000;
		margin-bottom: 15px;
	}
	h3 {
		font-size: 12px;
		color: #000;
		margin-bottom: 5px;
	}
	h4 {
		font-size: 12px;
		color: #3399FF;
		margin-bottom: 5px;
	}
	h5 {
		font-size: 12px;
		color: #3399FF;
		margin-bottom: 5px;
	}
	h6 {
		font-size: 12px;
		color: #3399FF;
		margin-bottom: 5px;
	}
	ul
	{
		list-style-type: disc;
	}
	ul li
	{
		margin-left: 20px;
	}
	ol li
	{
		margin-left: 24px;
	}
	blockquote {
		margin-left: 30px;
	}
/** COMMON **/
	.clearer {
		height:1px;
		overflow:hidden;
		margin-top:-1px;
		clear:both;
	}
	.right_clearer {
		height:1px;
		overflow:hidden;
		margin-top:-1px;
		clear:right;
	}
	.left_clearer {
		height:1px;
		overflow:hidden;
		margin-top:-1px;
		clear:left;
	}
	.hide {
		display: none;
	}
	.icon {
		border: 0px;
		margin-right: 5px;
	}
	.center {
		text-align: center;
	}
	html>body #minheight{
		float:left;
		width:0px;
		height:600px;
		/* \*/ height: auto; /* IE MAC ignores */
	}
	* html #menu iframe { 
		filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';
	}
/** ELEMENTS **/
	hr	{
		background: #000;
		border: 0;
		color: #000;
		height: 1px;
		margin: 7px 0 7px 0;
	}
	* html hr {
		margin: 2px 0 2px 0;
	}

	option {
		padding-right: 10px;
	}
/** MENU IMAGES **/
	#menu_image1, #menu_image2
	{
		width: 130px;
		height: 132px;
	}
	.home #menu_image1{background-image: url("/images/design/foto/home1.jpg");}
	.home #menu_image2{background-image: url("/images/design/foto/home2.jpg");}
	.bedrijven #menu_image1{background-image: url("/images/design/foto/bedrijven1.jpg");}
	.bedrijven #menu_image2{background-image: url("/images/design/foto/bedrijven2.jpg");}
	.lessen #menu_image1{background-image: url("/images/design/foto/lessen1.jpg");}
	.lessen #menu_image2{background-image: url("/images/design/foto/lessen2.jpg");}
	.agenda #menu_image1{background-image: url("/images/design/foto/agenda1.jpg");}
	.agenda #menu_image2{background-image: url("/images/design/foto/agenda2.jpg");}
	.club #menu_image1{background-image: url("/images/design/foto/club1.jpg");}
	.club #menu_image2{background-image: url("/images/design/foto/club2.jpg");}
	.uitjes #menu_image1{background-image: url("/images/design/foto/uitjes1.jpg");}
	.uitjes #menu_image2{background-image: url("/images/design/foto/uitjes2.jpg");}
/** MENU'S **/
	/** STATIC SUBMENU **/
		#static_menu
		{
			width: 130px;
			height: 97px;
			margin: 0;
		}
		#static_menu ul
		{
			position: relative;
			list-style-type: none;
			display: block;
			margin: 0;
		}
		#static_menu ul li
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
			display: block;
		}
		* html #static_menu ul
		{
			position: relative;	/* IE needs this to fix a rendering problem */
		}
		#static_menu ul li a
		{
			background-image: url("/images/design/buttons/bg_static_menu_li.gif");
			background-repeat: no-repeat;
			background-position: 11px 50%;
			display: block;
			text-decoration: none;
			line-height: 22px;
			padding: 0px 10px 0px 23px;
			font-weight: bold;
			color: #000;
			font-size: 12px;
		}
		* html #static_menu ul li a /* hide from IE5.0/Win & IE5/Mac */
		{
			height: 1%;
		}
		#static_menu ul li a:hover
		{
			color: #fff;
		}
		#static_menu ul .active a, #static_menu ul .active a:hover
		{
			background-image: url("/images/design/buttons/bg_static_menu_li_active.gif");
			color: #fff;
		}

		#static1, #static2, #static3, #static4 {
			position: relative;
			/* \*/ display: block; /* IE MAC ignores */	
			height: 22px;
			width: 46px;
			cursor: pointer;
		}
		#static1 span, #static2 span, #static3 span, #static4 span {
			/* \*/ display: none; /* IE MAC ignores */	
		}
		/* \*/ #static_menu li a #static1 {background-image: url("/images/design/buttons/home.gif");}
		/* \*/ #static_menu li a:hover #static1, #static_menu li:hover #static1, #static_menu .active #static1 {background-image: url("/images/design/buttons/home_hover.gif");}
		/* \*/ #static_menu li a #static2 {background-image: url("/images/design/buttons/contact.gif");}
		/* \*/ #static_menu li a:hover #static2, #static_menu li:hover #static2, #static_menu .active #static2 {background-image: url("/images/design/buttons/contact_hover.gif");}
		/* \*/ #static_menu li a #static3 {background-image: url("/images/design/buttons/sitemap.gif");}
		/* \*/ #static_menu li a:hover #static3, #static_menu li:hover #static3, #static_menu .active #static3 {background-image: url("/images/design/buttons/sitemap_hover.gif");}
		/* \*/ #static_menu li a #static4 {background-image: url("/images/design/buttons/links.gif");}
		/* \*/ #static_menu li a:hover #static4, #static_menu li:hover #static4, #static_menu .active #static4 {background-image: url("/images/design/buttons/links_hover.gif");}
	/** SUBMENU **/
		#submenu
		{
			position:relative;
			width: 130px;
			margin: 0;
		}
		#submenu #submenu_title
		{
			height: 30px;
			width: 130px;
		}
		.bedrijven #submenu_title{background-image: url("/images/design/zakelijk.gif");}
		.lessen #submenu_title{background-image: url("/images/design/lessen.gif");}
		.agenda #submenu_title{background-image: url("/images/design/agenda.gif");}
		.club #submenu_title{background-image: url("/images/design/club_el_gancho.gif");}
		.uitjes #submenu_title{background-image: url("/images/design/uitjes.gif");}

		#submenu #submenu_title strong
		{
			display:none;
		}
		#submenu ul
		{
			position: relative;
			top: 4px;
			list-style-type: none;
			display: block;
		}
		* html #submenu ul
		{
			position: relative;	/* IE needs this to fix a rendering problem */
		}
		#submenu ul li
		{
			position: relative;
			margin: 0;
			padding: 0;
			list-style-type: none;
			display: block;
		}
		#submenu a
		{
			background-image: url("/images/design/buttons/bg_submenu_li.gif");
			background-repeat: no-repeat;
			background-position: 11px 4px;
			/* \*/ background-position: 11px 7px; /* IE MAC ignores */
			display: block;
			width: 105px;
			text-decoration: none;
			padding: 0px 2px 0px 23px;
			color: #fff;
			font-size: 13px;
			font-weight: bold;
			white-space: normal;
			line-height: 22px;
		}
		* html #submenu a {
			
			/* \*/ width: 130px; /* IE MAC ignores */
		}
		* html #submenu ul li a /* hide from IE5.0/Win & IE5/Mac */
		{
			height: 1%;
		}
		#submenu a:hover
		{
			color: #000;
		}
		#submenu .active a, #submenu .active a:hover
		{
			background-image: url("/images/design/buttons/bg_submenu_li_active.gif");
			color: #000;
		}
	/** MENU **/
		#menu, #menu ul .folder a
		{
			padding-top: 0px; 
			padding-bottom: 0px;
			line-height: 30px;

		}
		#menu ul, #menu ul .folder
		{
			position: relative;
			float: left;
			list-style-type: none;
			margin: 0;
			padding: 0;
			z-index:3;
		}
		#menu ul .folder a
		{
			background-image: url("/images/design/buttons/bg_menu_li.gif");
			background-repeat: no-repeat;
			background-position: 11px 11px;
			display: block;
			margin: 0;
			padding: 0 9px 0 25px;
			white-space: nowrap;
			font-size: 13px;
			font-weight: bold;
		}
		#menu ul .folder a:link, #menu ul .folder a:visited, #menu ul .folder a:active, #menu ul .folder a:hover
		{
			text-decoration: none;
		}
		* html #menu ul .folder, * html #menu ul .folder a
		{
			width: 1%; /* IE/Mac needs this */
			display: inline-block;	/* IE/Mac needs this */
			/* \*/
				width: auto;
				display: inline; 
				position: relative;
			/* reset above hack */
		}
		* html #menu, * html #menu ul a
		{
			/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
						 IE/Mac will ignore this rule. */
		}
		* html #MENU
		{
			padding: 0;	/* IE5/Win will resize #menu to fit the heights of its
					   inline children that have vertical padding. So this
					   incorrect case selector hack will be applied only by
					   IE 5.x/Win */
		}
		#menu, #menu ul .folder a
		{
			color: #fff;
		}
		#menu ul .folder a:hover
		{
			background-image: url("/images/design/buttons/bg_menu_li_active.gif");
			color: #CC0000;
			cursor: pointer;
		}
	/** uitkplakmenu **/
		#menu ul ul, #menu li:hover ul ul, #menu iframe {
			display:none;
		}
		#menu iframe {
		}
		#menu ul .folder ul {
			position:absolute; 
			left: 0; 
			top:28px;
			z-index:3;
			padding-top: 7px;
			padding-bottom: 12px;
			background-color: #000;
			width: 132px;
		}		
		#menu ul .folder #uitjes {
			background-image: url("/images/design/bg_uitjes_ul.gif");
			background-repeat: no-repeat;
			background-position: 93px -11px;
		}									
			#menu ul .folder ul, #menu ul .folder ul li
			{
			}
			#menu ul .folder ul
			{
				margin: 0;
				list-style-type: none;
			}
			#menu ul .folder ul li
			{
				margin: 0;
			}
			#menu ul .folder ul li a
			{
				display: block;
				width: 98px;
				text-decoration: none;
				margin: 0;
				padding: 0px 9px 0px 25px;
				white-space: normal;
				font-weight: normal;
				background-position: 11px 7px;
				font-size: 13px;
				line-height: 22px;
			}
			* html #menu ul .folder ul li a
			{
				width: 132px;
			}
			* html #menu ul .folder ul li a /* hide from IE5.0/Win & IE5/Mac */
			{
				height: 1%;
			}
			* html #menu ul .folder ul
			{
			}
			#menu ul .folder ul li a
			{
			}
			#menu ul .folder ul li a
			{
				background-image: url("/images/design/buttons/bg_menu_li.gif");
				color: #fff;
			}
			#menu ul .folder ul li a:hover
			{
				background-image: url("/images/design/buttons/bg_menu_li.gif");
				color: #CC0000;
			}
			#menu ul .folder ul .active a, #menu ul .folder ul .active a:hover
			{
				background-image: url("/images/design/buttons/bg_menu_li_active.gif");
				color: #CC0000;
			}

		/* hovers with specificity */
	
		#menu li.folder:hover 
		{ }		
		#menu li:hover ul, #menu li:hover li:hover ul {
			display:block;
		}
		* html #menu li:hover iframe {
			display:block;
			width: 160px;
			height: 400px;
		}
		#menu li:hover a { 
			background-image: url("/images/design/buttons/bg_menu_li_active.gif");
			color: #CC0000;
		}
		#folder1 {
			/* \*/ display: block;	height: 30px;
			width: 54px;
		}
		#folder1 span {
			/* \*/ display:none;
		}
		#folder2 {
			/* \*/ display: block;	
			height: 30px;
			width: 45px;
		}
		#folder2 span {
			/* \*/ display:none;
		}
		#folder3 {
			/* \*/ display: block;	
			height: 30px;
			width: 50px;
		}
		#folder3 span {
			/* \*/ display:none;
		}
		#folder4 {
			/* \*/ display: block;	
			height: 30px;
			width: 93px;
		}
		#folder4 span {
			/* \*/ display:none;
		}
		#folder5 {
			/* \*/ display:block;
			height: 30px;
			width: 38px;
		}
		#folder5 span {
			/* \*/ display:none;
		}
							
		/* \*/ #menu .folder a #folder1 {background-image: url("/images/design/buttons/zakelijk.gif"); background-repeat: no-repeat;}
		/* \*/ #menu .folder a:hover #folder1, #menu li:hover #folder1 {background-image: url("/images/design/buttons/zakelijk_hover.gif"); background-repeat: no-repeat;}
		/* \*/ #menu .folder a #folder2 {background-image: url("/images/design/buttons/lessen.gif"); background-repeat: no-repeat;}
		/* \*/ #menu .folder a:hover #folder2, #menu li:hover #folder2 {background-image: url("/images/design/buttons/lessen_hover.gif"); background-repeat: no-repeat;}
		/* \*/ #menu .folder a #folder3 {background-image: url("/images/design/buttons/agenda.gif"); background-repeat: no-repeat;}
		/* \*/ #menu .folder a:hover #folder3, #menu li:hover #folder3 {background-image: url("/images/design/buttons/agenda_hover.gif"); background-repeat: no-repeat;}
		/* \*/ #menu .folder a #folder4 {background-image: url("/images/design/buttons/club_el_gancho.gif"); background-repeat: no-repeat;}
		/* \*/ #menu .folder a:hover #folder4, #menu li:hover #folder4 {background-image: url("/images/design/buttons/club_el_gancho_hover.gif"); background-repeat: no-repeat;}
		/* \*/ #menu .folder a #folder5 {background-image: url("/images/design/buttons/uitjes.gif"); background-repeat: no-repeat;}
		/* \*/ #menu .folder a:hover #folder5, #menu li:hover #folder5 {background-image: url("/images/design/buttons/uitjes_hover.gif"); background-repeat: no-repeat;}

/** FORMS **/
	.defaultform {
	position: relative;
	}
	.defaultform fieldset {
		border: 0px;
		border-width: 0 0 0 0;
		border-color: #336600;
		border-style: solid;
		padding: 10px 0;
	}
	.defaultform label {
		float: left;
		width: 150px;
		padding: 3px 0 0 0;
		margin: 3px 0 0 0;
	}
	.defaultform p {
	padding: 2px 0;
	}
	* html .defaultform p {

	}
	.defaultform input, .defaultform select, .defaultform textarea {
		font-family: verdana, arial, sans-serif;
		font-size: 100%;
		margin: 3px 0 0 0;
	}
	.defaultform .submit, .defaultform #submit {
		margin-top: 10px;
		padding: 0 10px;
	}
	.defaultform .save_button {
		text-align:right;
	}
	input.error, select.error, input.error:focus, select.error:focus {
		padding-right: 16px; 
		border: 1px solid red; 
		background-image: url("/images/warning_obj.gif"); 
		background-position: right; 
		background-repeat: no-repeat;
	}
	select {
	}

/** FORM FOOTER **/
	.form_footer {
		text-align:right;
		font-weight: bold;
		font-size: 10px;
	}
	.form_footer a {
		font-size: 10px;
		text-decoration: none;
	}
	.form_footer a:hover{
		text-decoration: underline;
	}
/** LOGINFORM **/
	.login_copyright {
		font-size: 90%;
	}
	.login_error {
		color: red;
		padding-bottom: 10px;
	}
/** TEASER LIST **/
	.teaser {
		padding: 30px 0 0 14px;
	}
	.teaser h2 {
		color: #fff;
		margin: 0;
		padding: 0;
		font-size: 12px;
		width: 132px;
		line-height: 14px;
	}
	.teaser div {
		width: 132px;
		font-size: 11px;
		line-height: 14px;
	}
	.teaser .admin_comment {
		width: 118px;
	}
	* html .teaser .admin_comment {
		width: 132px;
	}
	.teaser .lees_meer {
		text-align: right;
		padding: 0;
		width: 146px;
	}
	.teaser .lees_meer span {
		display: block;
		width: 146px;
		height: 22px;
			background-image: url("/images/design/buttons/lees_meer_teaser.gif"); 
			background-position: 121px 4px; 
			background-repeat: no-repeat;
			cursor: pointer;
	}
	.teaser .lees_meer span span {
		display: none;
	}



















/** NEWS LIST **/
.DefaultPage .item_list {
	border-bottom: 2px solid #336600;
	margin-bottom: 8px;
}
.DefaultPage .lees_meer {
	text-align: right;
	padding: 8px 0 4px 0;
}
.DefaultPage .text {
	padding: 0 0 4px 0;
}
.DefaultPage .lees_meer a {
	text-decoration: none;
}
.DefaultPage .lees_meer a:hover {
	color: #8DA81C;
}

/** FOTOALBUM **/

#photoalbum {
	position:relative; 
	width: 394px;
	height: 216px;
	margin-left: 0px;
}
#photoalbum ul {
	height:210px; 
	padding:0; 
	margin:0; 
	list-style-type:none; 
	float:right; 
}
#photoalbum li {
	height:70px; 
	width:90px;
	display: inline;
}
* html #photoalbum li {
	float:left; 
	clear: left;
}
#photoalbum a.gallery, #photoalbum a.gallery:visited {
	display:block; 
	color:#000; 
	text-decoration:none; 
	border: 0; 
	margin:0; 
	cursor:pointer;
}
#photoalbum a.gallery { 
	height:70px; 
	width:90px; 
}
#photoalbum a.gallery img {
	border: 0;
}
#photoalbum a.gallery:hover .inactive {
	position:absolute; 
	width:300px; 
	height:200px; 
	top:0px; 
	left:0px; 
	z-index: 10; 
	display: block; 
	overflow: hidden;
}
#photoalbum a.gallery .active {
	position:absolute; 
	width:300px; 
	height:200px; 
	top:0px; 
	left:0px; 
	overflow: hidden; 
	z-index: 2;
}
#photoalbum a.gallery .inactive {
	display: none;
}
#photoalbum a.gallery:hover {
	background-color: white;
	border: 0px solid #fff; 
	z-index: 100;
}

.sitemap ul {
	list-style-type: none;
}
.sitemap ul li {
	padding:0;
	margin:0 0 15px 0;
}
.sitemap ul li ul li {
	padding:0;
	margin:0;
}
.sitemap ul li {
	position: relative;
}
.sitemap ul li ul {
	position: relative;
	width: 300px;
	top: -16px;
	left: 0px;
	margin-left: 120px;
	margin-bottom: -16px;
}
.sitemap ul li ul li {
	position: relative;
	left: 0px;
}
.sitemap ul li a {
	color: #CC0000;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	text-decoration: none;
	padding-left: 10px;
	background-image: url("/images/design/bullet_red.gif");
	background-repeat: no-repeat;
	background-position: 0 50%;
}
.sitemap ul li ul li a {
	color: #000;
	font-size: 12px;
	line-height: 15px;
	text-decoration: none;
	padding-left: 10px;
	font-weight: normal;
	background-image: url("/images/design/bullet_black.gif");
	background-repeat: no-repeat;
	background-position: 0 50%;
}

/** Fotoalbum - Module Photo **/
	#photo_nav_left {
		float:left; 
		color:#999;
		padding-left: 80px;
	}
	#photo_nav_right {
		float:right; 
		color:#999;
		padding-right: 80px;
	}
	#photo_nav_center {
		text-align:center;	
	}
	.photoalbum_table {
		position: relative;
		width: 560px;
	}
	.photoalbum_table {
		width: 440px;
	}
	.photoalbum_table tr {
		height: 85px;
	}
	.photoalbum_table td {
		vertical-align: top;
		padding-left:10px;
		text-align: left;
		width: 25%;
	}
/** **/