html, body
{
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Tahoma, 'Trebuchet Ms';
	font-size: 11px;
	color: black;
	background-color: #e3e3e3;

}

img
{
	border: 0;
}

/*link*/
a, .contentMemberOverview a:hover
{
	color: #0088d5;
	text-decoration: none;
}

a:hover, a.active

{
	color: #8a7b6b;
}

#menu a
{
	color: #8a7b6b;
	text-decoration: none;
}

#menu a:hover, #menu a.active
{
	color: black;
}

.middleBottom a
{
	color: #867767;
	text-decoration: none;	
}

.middleBottom a:hover, .middleBottom a.active
{
	color: #1c1275;
}

.contentMemberOverview a
{
	color: black;
	font-weight: bold;
	text-decoration: none;	
}
/*end link*/


#mainContainer
{
	margin: auto;
	width: 1000px;
	padding: 0;
}

#container
{
	float: left;
	width: 1000px;
	height: 686px;
	padding: 0;
	margin: 0;
}

#contentContainer
{
	float: left;
	width: 735px;
	height: 492px;
	margin: 0;
	padding: 85px 0 0 37px;	
}

#left
{
	float: left;
	width: 104px;
	height: 492px;
	padding: 0;
	margin: 0px;
}

/*buttons left*/
#leftButton1
{
	float: left;
	width: 104px;
	height: 100px;
	margin: 0;
	padding: 45px 0 0 0;
}

#leftButton2
{
	float: left;
	width: 82px;
	height: 123px;
	margin: 0;
	padding: 45px 0 0 22px;
}

#leftButton3
{
	float: left;
	width: 82px;
	height: 78px;
	margin: 0;
	padding: 70px 0 0 30px;
}
/*end buttons left*/

#middle
{
	float: left;
	width: 500px;
	height: 475px;
	padding-right: 35px;
	margin: 0px;		
}

/*content layout*/
.date
{
	float: left;
	width: 530px;
	padding: 30px 0 11px 5px;
	margin: 0;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
}

.dateDay
{
	font-weight: bold;
	color: #867767;
	font-size: 38px;
	padding: 0 5px 0 5px;
	vertical-align: middle;
}

.picture
{
	float: left;
	width: 538px;
	padding: 34px 0 0 2px;
	margin: 0;
	margin-bottom: 20px;
	text-align: center;
}

.memberpicture
{
	float: left;
	width: 538px;
	padding: 4px 0 0 2px;
	margin: 0;
	margin-bottom: 20px;
	text-align: center;
}

.pictureNews
{
	float: left;
	width: 450px;
	padding: 34px 0 0 2px;
	margin: 0;
	margin-bottom: 20px;
	text-align: center;
}

.title
{
	width: 473px;
	padding: 0 30px 20px 32px;
	margin: 0;
	text-align: center;
}

.titleNews
{
	width: 452px;
	padding: 0 30px 20px 0px;
	margin: 0;
	text-align: center;
}

#buttonContainer
{
    float: right;
	width: 420px;
	height: 31px;
	padding: 0;
	padding-left: 45px;
	margin: 0;
	display: block;
}

.button
{
	padding: 0;
	margin: 0;
}

.contentAgenda, .contentMember, .contentAlbum
{
	float: left;
	width: 445px;
	padding: 0 0 15px 45px;
	margin: 0;
	text-align: center;
	line-height: 17px;
	height: 310px;
}

.contentLeden
{
	float: left;
	width: 525px;
	height: 330px;
	padding: 0;
	margin: 0;
	text-align: center;
	line-height: 17px;
}

.contentLeden table
{
	width: 525px;
	text-align: center;
	line-height: 17px;
	padding: 0;
	margin: 0;
}

.contentLeden table tr
{
	text-align: center;
	line-height: 17px;
	padding: 0;
	margin: 0;
}

.contentLeden table tr td
{
	text-align: center;
	line-height: 17px;
	padding: 0;
	margin: 0;
}

.h125
{
	/**/ height: 125px; /**/
}

.contentAlbum ul
{
	float: left;
	width: 480px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.contentAlbum ul li
{
	float: left;
	padding: 0;
	margin: 10px 12px 0 12px;
	display: block;
}

.contentNews
{
	float: left;
	width: 445px;
	height: 100px;
	padding: 0 0 15px 45px;
	margin: 0;
	text-align: center;
	line-height: 17px;
}

.contentAgenda ul li
{
	text-align: left;
}

.contentAgenda table
{
	text-align: center;
}

td
{
	vertical-align: top;
	text-align: left;
}

#login,#lidWorden
{
	float: left;
	width: 361px;
	height: 75px;
	padding: 0 45px 15px 129px;
	margin: 0;
}

.newsOverview
{
	width: 445px;
	height:150px;
	margin: 0;
	padding: 0;
	text-align:center;
	line-height: 17px;
}

.newsItem
{
	width: 445px;
	height: 105px;
	padding: 0;
	margin: 0;
	text-align: center;
	line-height: 17px;
}

.contentMember table
{
	width: 350px;
	text-align: left;
	margin: 0;
	margin-left: 75px;
	padding: 0;
	border: 0;
}

.contentMember td
{
	width: 175px;
	margin: 0;
	padding: 0;
	border: 0;
}

.contentMember tr
{
	margin: 0;
	padding: 0;
	border: 0;
}

.memberColLeftSide, .memberColRightSide
{
	float: left;
	width: 130px;
	margin: 0;
	padding: 0;	
}

.memberColMiddle
{
	float: left;
	width: 130px;
	margin: 0;
	padding: 0 20px 0 20px;	
}

.contentMemberOverview
{
	float: left;
	width: 470px;
	height: 300px;
	padding: 0 30px;
	margin: 0;
}

.contentMemberOverview ul
{
	float: left;
	width: 440px;
	margin: 0;
	padding: 0;	
	list-style-type: none;
}

.contentMemberOverview ul li
{
	width: 125px;
	margin: 0 0 5px 0;
	height: 60px;
	padding: 12px 0 12px 0;	
	text-align: center;
	display: block;
}

.arrowsSide
{
	float: left;
	width: 8px;
	height: 180px;
	padding: 0;
	padding-top: 120px;
	margin: 0;
	vertical-align: middle;
}

.contentFaceBook
{
	float: left;
	width: 491px;
	height: 300px;
	padding: 0 22px 0 22px;
	margin: 0;
	font-size: 9px;
}

.contentNewsItem
{
	float: left;
	width: 491px;
	height: 300px;
	padding: 0 22px 0 22px;
	margin: 0;
}

.contentNewsItemDetail
{
	float: left;
	width: 400px;
	height: 230px;
	padding: 0 22px 0 22px;
	margin: 0;
}


.faceBookMiddle, .NewsItemMiddle
{
	float: left;
	display: block;
	width: 440px;
	height: 300px;
	padding: 0 22px 0 10px;
	margin: 0;
}

.faceBookMiddle ul
{
	float: left;
	width: 472px;
	height: 140px;
	padding: 0;
	padding-left: 6px;
	margin: 0;
	list-style-type: none;
}

.faceBookMiddle ul li
{
	float: left;
	width: 105px;
	height: 128px;
	padding: 0 26px 27px 16px;
	margin: 0;
	text-align: center;
	display: block;
}

.faceBookMiddle img
{
	margin: 0;
	padding: 0;
	padding-bottom: 9px;
}

.middleBottom
{
	float: left;
	min-width: 465px;
	padding: 15px 0 0 11px;
	margin: 0;
	color: #867767;
	text-align: center;
}

.middleBottom ul
{
	
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 405px;
	display: inline;
}

.middleBottom ul li
{
	padding: 0;
	margin: 0;
	display: inline;
}

.tags
{
	float: left;
	display: inline;
	padding: 0 10px 0 10px;
}

.contact
{
	float: left;
	width: 320px;
	padding-left: 117px;
	line-height: 17px;
}
/*end content layout*/

#right
{
	float: left;
	width: 85px;
	height: 492px;
	padding: 0;
	margin: 0px;		
}

/*buttons Right*/
#rightButton1
{
	float: left;
	width: 63px;
	height: 95px;
	margin: 0;
	padding: 50px 0 0 5px;
}

#rightButton2
{
	float: left;
	width: 68px;
	height: 80px;
	margin: 0;
	padding: 15px 0 0 5px;
}

#rightButton3
{
	float: left;
	width: 82px;
	height: 97px;
	margin: 0;
	padding: 30px 0 0 10px;
}

#rightButton4
{
	float: left;
	width: 59px;
	height: 103px;
	margin: 0;
	padding: 0px 0 0 7px;
}
/*end buttons right*/

/*menu*/
#menuContainer
{
	float: left;
	width: 100px;
	margin: 0;
	margin-left: 20px;
	padding: 55px 0 0 37px;	
}

#menuTop
{
	float: left;
	width: 115px;
	height: 48px;
	margin: 0;
	padding: 0;
}

#menu
{
	float: left;
	width: 160px;
	height: 48px;
	margin: 0;
	padding: 0;	
	padding-top: 60px;
	font-size: 13px;
	font-weight: bold;
}

#menu ul
{
	float: left;
	margin: 0;
	padding: 0;
	padding-left: 13px;
	list-style-type: none;
}

#menu ul li
{
	margin: 0;
	padding: 0;
	display: block;
	line-height: 26px;
	padding-bottom: 20px;
	vertical-align: middle;
}

#menu ul li ul
{
	float: left;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	list-style-type: none;
}

#menu ul li ul li
{
	min-width: 150px;
	margin: 0;
	padding: 0;
	padding-left: 15px;
	display: block;
	line-height: 30px;
	vertical-align: middle;
}

#menu img
{
	vertical-align: middle;
}
/* end menu*/

/*title*/
h1, h2, h3, h4, h5, h6
{
	padding: 0;
	margin: 0;
	color: black;
	font-family: Arial, Verdana, Tahoma, 'Trebuchet Ms';	
}

h1
{
	font-size: 23px;
	letter-spacing: 5px;
}

h2
{
	font-size: 21px;
}

h3
{
	font-size: 19px;
}

h4
{
	font-size: 17px;
}

h5
{
	font-size: 15px;
}

h6
{
	font-size: 13px;
}

.bold
{
	font-weight: bold;
}

.blue
{
	color: #1590D8;
}

/*end title*/


#leden
{
	float: left;
	height: 270px;
	width: 470px;
	overflow: auto;
	line-height: 17px;
}

table.detail td 
{
	text-align: center;
}

span.error
{
	color: red;
	font-weight: 600;
}

input[type="text"], textarea, input[type="password"]
{
	width: 200px;
	border: 1px solid #bbbbba;
}

.col2
{
	width: 207px;
}

/** zoekformulier voor ledenpagina **/
#searchform input.text {
	width: 80px;
}

#searchform input.image {
	width: 58px;
	height: 17px;
	background-image: url('../images/searchButton.png');
}

.motto {
	font-size: 18px;
	font-weight: bold;
	color: #1590D8;
}



/* tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	padding: 5px;
	width: 200px;
	background:#ffffff;
	border: 1px solid #1590D8;
	font-size:10px;
}

#tooltip h3, #tooltip div { 
	margin: 0;
	font-weight: normal;
	color: #9C9082;
	font-size:11px;
}

.newsOverview {
	padding: 50px 0 0 25px;
	margin: 0;
	overflow: auto;
}

.newsOverview li {
	list-style-type: none;
}

.listItem
{
	border-bottom: 1px solid #7d7d7d;
	display: block;
	height: auto;
	float:left;
	width: 473px;
	padding: 0 30px 10px 32px;
	margin: 0;
	text-align: center;
}

.listitemimg
{
	display: block;
	border: none;
}

.smoelenboek li
{
    width: 125px;
    height: 190px;
}