@charset "utf-8";
/* CSS Document */

body {
	margin:0 auto; 
	padding:0;
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	
	min-width: 1000px;
	max-width: 1250px;
	}

	#header {
		margin:0; 
		padding:0;
		
		background-image: url(images/banner-center.jpg);
		background-repeat: repeat-x;
		width: 100%;
		height: 164px;
		
		}
		
	#header a, #header a:link, #header a:hover, #header a:active, #header img
	{
		border: 0px;
	}

	#main1 {
		margin:0; 
		padding:0;		
		background: url(images/menu-left.jpg) top left repeat-y;
		}
	#main2 {
		margin:0; 
		padding:0;
		background: url(images/menu-right.jpg) top right repeat-y;
		}
	#left {
		float: left;
		width: 185px;
		margin:0; 
		padding:0;
		}
	#right {
		float: right;
		width: 181px;
		margin:0; 
		padding:0;
		}
		
	#middle {
		margin:0 200px;
		}
		
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}

/* opmaak van links in menu's */
.menu li
{
	display: block;
	list-style-type: none;
	font-size: 14px;
	margin: 5px auto 0px -40px;
	padding-bottom: 5px;
	border-bottom: thin solid #aaa;
	text-align: center;
	width: 182px;
}

/*zorgen dat collapsible menu op hoofditems geen dubbele lijn heeft*/
#menu li
{
	border: 0px;
	font-weight: bold;
}

#menu a.mainItem
{
	display: block;
	
	padding-bottom: 5px;
	width: 182px;
	border-bottom: 1px solid #777;
}

#menu ul li
{
	border-bottom: thin solid #aaa;
	font-weight: normal;
}

.collapsed
{
	background: url('icon_collapse.png');
}

.collapsed ul
{
	display: none;
}

.expanded
{
	background: url('icon_expand.png');
}

.expanded ul
{
	display: block;
}

.collapsed, .expanded
{
	display: block;
	width: 180px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.menu a{
	color:#333333;
	text-decoration: none;
	}
	
.menu a:hover{
	color:black;
	font-weight: bold;
	text-decoration: none;
	}

.menu-img{
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 30px;
}

/* opmaak klok */
#clock{
	margin-top: 10px;
	padding: 5px auto;
	text-align: center;
	font-size: 12px;
	height: 30px;
}

/*social media*/
.menu-social-media
{
	width: 175px;
	margin: 10px 0px 10px 40px;
}

.menu-social-media .sm-button
{
	display: block;
}

.menu-social-media #sm-clear
{
}

/* top menu */
/* Bar instellen*/
#bar{
	padding: 0px;
	margin: 0px;
	
	width: 100%;
	height: 29px;
	
	background: #000;
	background-image: url(images/titel-bg.jpg);
	background-repeat: repeat-x;
	
	color: white;
	font-size: 12px;
	}

#topmenu{
	line-height: 29px;
	width: 100%;
	height: 29px;
	
	padding: 0px;
	margin: 0px;
	}

#topmenu li{
	float: left;
	list-style:none;
	margin-left: 25px;
	}

#topmenu a{	
	color: white;
	text-decoration: none;
	text-align: center;
	display: block;
	}

#topmenu a:hover{
	text-decoration: underline;
	}