* {
  margin: 0;
  padding: 0;
}

fieldset, table {
  border: 0;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}

body {
	background: url('gfx/bg_body2.gif') repeat-x top;
	margin: 0;
	font-family: Trebuchet MS, Arial, Verdana;
	font-size: 12px;
	color: #525353;
}
h1 {
	color: #0d6fb5;
	font-size: 17px;
	margin-bottom: 10px;
	font-weight: normal;
}
h2 {
	color: #0d6fb5;
	font-size: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: normal;
}
a {
	color: #f78f1e;
}
a:hover {
	color: #2689d0;
}
ul {
	margin-left: 25px;
}
img {
	border: none;
}
div#mainContainer {
	width: 1000px;
	margin: auto;
}

/* HEADER */
div#header {
	height: 249px;
/*	background: url('gfx/bg_header.jpg') no-repeat; */
	background-position: 217px 0px;
}
div#logo {
	background: #ffffff url('gfx/logo_vlak.png') no-repeat bottom left;
	height: 249px;
	width: 217px;
	float: left;
}
div#search {
	width: 783px;
	height: 31px;
	float: right;
	text-align: right;
}
div#searchField {
	background: url('gfx/bg_searchField.gif') no-repeat;
	width: 196px;
	height: 22px;
	float: right;
	margin: 5px 3px 0 0;
}
div#searchField .text {
	background-color: #f6f6f6;
	width: 100px;
	border: none;
	font-size: 11px;
	padding-bottom: 3px;
}
div#searchField .zoekBtn {
	background: url('gfx/search_buttonnew.gif') no-repeat center;
	border: none;
	width: 15px;
	height: 22px;
	cursor: pointer;
}
div#login {
  padding-top: 20px;
	width: 783px;
	float: right;
	height: 61px;
	text-align: right;
}
div#login .text {
	background-color: #fff;
	border: 1px solid #0a5183;
	width: 130px;
	height: 15px;
	margin-right: 81px;
}
div#login .password {
	background-color: #fff;
	border: 1px solid #0a5183;
	width: 130px;
	height: 15px;
	margin-top: 5px;
}
div#login a {
	text-decoration: none;
	color: #042d4b;
	padding: 0px 10px;
}
div#login a:hover {
	color: #fff;
	text-decoration: underline;
}
div#login h3 {
	color: #fff;
	margin-right: 10px;
	margin: 5px;
	font-size: 15px;
	font-weight: normal;
}
#headerphoto {
	background: url('gfx/headerphoto.jpg') no-repeat top left;
	height: 179px;
	width: 780px;
	margin-top: 1px;
	float: left;
}
div#menu {
	width: 768px;
	float: right;
	padding-left: 15px;
	margin-top: 0px;
  position: relative;
}
div#menu a {
	background: url('gfx/border_menu.gif') no-repeat right;
	line-height: 40px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	float: left;
	text-decoration: none;
	text-transform: uppercase;
	padding-right: 12px;
	padding-left: 12px;
}
div#menu a:hover {
	color: #f78f1e;
}
div#menu a.active {
	color: #f78f1e;
}
div#menu #navLevel_121 {
  position: absolute;
  display: none;
  top: 38px;
  width: 180px;
  right: 60px;
  background-color: #0d6fb5;
}

div#menu #navLevel_121 {
  position: absolute;
  display: none;
  top: 38px;
  width: 180px;
  right: 60px;
  background-color: #0d6fb5;
}
div#menu #nav_121:hover #navLevel_121 {
  display: block;
}
div#menu #navLevel_121 a {
  display: block;
  float: none;
}

/* LEFTCOLUMN */
div#leftColumn {
	width: 217px;
	background-color: #fff;
	float: left;
}
div#intro {
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}
div#intro p {
	font-size: 10px;
	margin: 0;
}
div#intro a {
	color: #f78f1e;
	font-size: 10px;
}
div#welkomHead {
	height: 34px;
}
div#welkomLeden {
	width: 203px;
	padding: 7px;
	background-color: #f1f9ff;
}
div#welkomLeden a {
	display: block;
	color: #525353;
	text-decoration: none;
	margin: 8px 0px;
}
div#welkomLeden a:hover {
	color: #0D6FB5;
}
div#welkomLeden a.meer {
	color: #f78f1e;
	text-decoration: underline;
}

div#socialMedia {
  margin-left: 7px;
  height: 32px;
  margin-bottom: 20px;
}
div#socialMedia a {
  font-style: italic;
  color: #999999;
  font-size: 18px;
  letter-spacing: -1px;
  padding-left: 37px;
  line-height: 32px;
  background-repeat: no-repeat;
  background-image: url('gfx/socialmedia.png');
  float: left;
  width: 67px;
	text-decoration: none;
}
div#socialMedia a.twitter {
  background-position: left bottom;
}

/* MIDDLECOLUMN */
div#middleColumn {
	width: 490px;
	float: left;
	padding: 23px;
}
div#middleColumn .searchSubmit {
	background: url('gfx/search_button2.gif') no-repeat;
	border: none;
	width: 78px;
	height: 30px;
	cursor: pointer;
}
div#middleColumn .text {
	background-color: #fff;
	border: 1px solid #d2e5f2;
	width: 130px;
	height: 15px;
}
/* MEMBER EDIT COLUMN ( UITZONDERING BIJ BEWERKEN GEGEVENS ) */
div#middleColumn.memberEditColumn {
  width: 650px;
}

/* RIGHTCOLUMN */

div#rightColumn {
	width: 243px;
	float: left;
}
div#nieuws {
	padding-top: 25px;
}
div#nieuwsHead {
	height: 34px;
	width: 241px;
	background: url('gfx/nieuws.gif') no-repeat;
	text-align: right;
}
div#nieuwsHead a {
	color: #fff;
	line-height: 34px;
	margin-right: 25px;
}
div#nieuwsBlok {
	width: 219px;
	background-color: #f9f9f9;
	border-right: 1px solid #cecece;
	border-left: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	padding: 10px;
}
div.nieuwsItem {
	border-bottom: 1px dotted #d1d1d1;
}
div.nieuwsItem h3 {
	color: #f78f1e;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}
div.nieuwsItem a {
	color: #525353;
	text-decoration: none;
	font-weight: bold;
	display: block;
}
div.nieuwsItem p {
	margin: 0;
	padding-bottom: 10px;
}
div#activiteiten {
	padding-top: 25px;
	margin-bottom: 20px;
}
div#activiteitenHead {
	height: 34px;
	width: 241px;
	background: url('gfx/activiteiten.gif') no-repeat;
	text-align: right;
}
div#activiteitenHead a {
	color: #fff;
	line-height: 34px;
	margin-right: 25px;
}
div#activiteitenBlok {
	width: 219px;
	background-color: #f9f9f9;
	border-right: 1px solid #cecece;
	border-left: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	padding: 10px;
}
div.activiteitenItem {
	border-bottom: 1px dotted #d1d1d1;
}
div.activiteitenItem h3 {
	color: #0d6fb5;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}
div.activiteitenItem a {
	color: #525353;
	text-decoration: none;
	font-weight: bold;
  display: block;
}
div.activiteitenItem p {
	margin: 0;
	padding-bottom: 10px;
}

/* Tweets */
div#tweets {
	margin: 10px 0;
}
div#tweets .head {
	height: 34px;
	background: url('gfx/tweets.gif') no-repeat;
}
div#tweets .head a {
	color: #fff;
	line-height: 34px;
	margin-right: 25px;
}
div#tweets .content {
	width: 219px;
	background-color: #f9f9f9;
	border-right: 1px solid #cecece;
	border-left: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	padding: 10px;
}
div#tweets .content .twtr-hd,
div#tweets .content .twtr-ft
{
	display:none;
}

div#tweets #twtr-widget-1 .twtr-bd p {
	font-family: Trebuchet MS, Arial, Verdana;
	font-size: 12px;
	color: #525353 !important;
}
div#tweets .content .twtr-tweet-wrap {
  padding: 5px 0;
}

/* FOOTER */
div#footer {
	clear: both;
	height: 47px;
	width: 1000px;
	background: url('gfx/bg_footer.gif') repeat-x;
	color: #fff;
	text-align: right;
}
div#adres {
	text-align: center;
	float: left;
	width: 217px;
	padding-top: 5px;
}
div#menuBottom {
	float: right;
	padding-right: 50px;
	padding-top: 13px;
}
div#menuBottom a {
	text-decoration: none;
	color: #fff;
	margin: 0px 5px;
}
div#menuBottom a:hover {
	text-decoration: underline;
}
div#menuBottom a.active  {
	color: #F78F1E;
}

/* PHOTOS */
div.photo {
  position: relative;
  float: left;
  width: 100px;
  height: 100px;
  margin: 4px;
  padding: 5px;
  border: 1px #ebeaea solid;
}
div.photo img {
	margin: auto;
}
div.photobook a {
	font-size: 12px;
	text-decoration: none;
}

/* MEMBERS */
input[type="text"] {
  border: 1px solid #abadb3;
  font-size: 11px;
  padding: 1px 3px;
  width: 250px;
}
select {
  width: 294px;
  border: 1px solid #abadb3;
  padding: 1px 3px;
  height: 19px;
  margin-right: -4px;
}
div.memberContact {
  width: 175px;
  overflow: hidden;
  border: 1px solid #EBEAEA;
  margin: 5px 0;
  padding: 5px;
  background-color:#F9F9F9;
}
div.memberContact h3 {
  margin: 0;
  margin-bottom: 3px;
  border-bottom: 1px dotted #cecece
}
img.profilePic {
  float: left;
  width: 140px;
}
input.file {
  z-index: 5;
}
div.file {
  position: absolute;
  display: none;
  z-index: -1;
  top: 0;
  left: 0;
  width: 220px;
  background: url('gfx/attach.gif') no-repeat right;
  cursor: pointer;
}
div.file input[type="text"], div#contacts input[type="text"]  {
  width: 115px;
}
span.clearBtn {
  float: right;
  text-align: right;
  margin-right: 2px;
}

table.formTable {
	width: 100%;
  z-index: -9999;
}
table.formTable td {
	padding: 4px 1px 4px 5px;
	vertical-align: middle;
  z-index: -9999;
}
table.formTable img {
	vertical-align: middle;
}
table tr.row0 td {
  background-color: transparent;
	border-bottom: 1px dotted #b7b7b7;
}
table tr.row1 td {
	background-color: #f7f7f7;
	border-bottom: 1px dotted #b7b7b7;
}
table.formTable .check {
	border: 1px solid #abadb3;
	padding: 1px 1px;
	vertical-align: middle;
}
table.formTable .formTop {
  background-color: #0D6FB5;
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
}

div#contacts select {
  width: 115px;
  border: 1px solid #abadb3;
  font-size: 11px;
  padding: 1px 3px;
  width: 250px;
}
div#contacts table.formTable select {
  width: 125px;
}

/* LEDENLIJST */
div.newsMessage {
	border: 1px solid #EBEAEA;
	margin: 10px 0px;
	padding: 10px;
}
div.newsMessage h2 {
	font-size: 15px;
	padding: 0;
}
div.newsMessage h2 a{
	color: #0d6fb5;
	text-decoration: none;
}
div.newsMessage h2 a:hover{
	color: #0d6fb5;
}

/* SEARCH */
div.searchResult h3 a{
	text-decoration: none;
}
div.searchResult h3 a:hover {
	color: #F78F1E;
}

div.searchResult .highLight {
	color: #0D6FB5;
	text-decoration: underline;
}
div.searchResult a highLight:hover  {
	color: red;
}


/* PAGES */
div.pages {
  text-align: center;
}
div.pagingMenu .paging,
div.pagingMenu a
{
padding: 0px 3px;
text-decoration: none;
}
div.pagingMenu .activePage {
	color: #2689D0;
}

/* LOGINVENSTER */
div#loginvenster {
	margin-top: 25px;
	padding-left: 2px;
}
div#loginHead	{
	height: 34px;
	width: 241px;
	background: url('gfx/inloggen.gif') no-repeat;
}
div#loginBlok {
	height: 160px;
	width: 219px;
	background-color: #f9f9f9;
	border-right: 1px solid #cecece;
	border-left: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	padding: 10px;
}
div.registerBlock {
	height: auto;
	width: auto;
	border: 1px solid #cecece;
	border-top: 10px solid #f78f1e;
	padding: 10px;
}
div.registerBlock p.title {
	text-align: center;
	font-weight: bold;
	margin: 5px 0;
}
table.registerOverview,
div.registerBlock table {
	width: 100%;
	margin-top: 10px;
}
table.registerOverview tr.title td,
div.registerBlock tr.title td {
	background-color: #288CD3;
	color: #fff;
	font-weight: bold;
}
div.registerBlock tr.addRegistration td {
	text-align: right;
	padding-bottom: 5px;
}
table.registerOverview td,
div.registerBlock td {
	padding: 2px 5px 1px 5px;
}
div.registerBlock input[type="checkbox"] {
	line-height: 20px;
	vertical-align: middle;
} 
div.registerBlock input[type="button"] {
	border: 1px solid red;
}
div.registerBlock ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div.registerBlock ul li {
	padding-left: 15px;
}
div.registerBlock ul li.title {	
	background-color: #288CD3;
	color: #fff;
	font-weight: bold;
	padding: 2px 5px 1px 5px;	
}
table.registerOverview tr.odd,
div.registerBlock ul li.odd {
	background-color: #fafafa;
}
table.registerOverview tr.even,
div.registerBlock ul li.even {
	background-color: #f0f0f0;
}
div#middleColumn div.registerBlock .text,
div#loginBlok .text {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 20px;
	border: 1px solid #cecece;
}
div.loginBlok .password,
div#loginBlok .password {
	margin-bottom: 10px;
	height: 20px;
	border: 1px solid #cecece;
}
 .loginBtn {
	background: url('gfx/login_button.gif') no-repeat;
	border: none;
	width: 145px;
	height: 22px;
	cursor: pointer;
}
div#loginBlok p{
	margin-bottom: 6px;
}
div#loginBlok a {
	text-decoration: none;
}
div#loginBlok a.bekijkGegevens {
	background: url('gfx/view.gif') no-repeat right;
	padding-right: 5px;
	display: block;
	width: 170px;
}
div#loginBlok a.bewerkGegevens {
	background: url('gfx/edit.gif') no-repeat right;
	padding-right: 5px;
	display: block;
	width: 170px;
}
a.btnCancel {
	background: url('gfx/cancel_button.gif') no-repeat right;
	display: block;
	width: 145px;
	height: 22px;
	float: left;
}
input.btnSubmit {
	background: url('gfx/save_button.gif') no-repeat right;
	width: 145px;
	height: 22px;
	border: none;
	float: right;
}
div#notLogged input[type="text"] {
	margin-bottom: 10px;
	height: 20px;
	border: 1px solid #cecece;
	width: 143px;
}

/* SEARCH VERVOLG */
	div#searchField2 {
	background: url('gfx/bg_searchField2.gif') no-repeat;
	width: 196px;
	height: 22px;
}
div#searchField2 .text {
	background-color: #fff;
	width: 100px;
	border: none;
	font-size: 11px;
	margin-left: 70px;
}
div#searchField2 .zoekBtn {
	background: url('gfx/search_buttonnew2.gif') no-repeat center;
	border: none;
	width: 22px;
	height: 22px;
	cursor: pointer;
}

/* AGENDA */
a.photobookLink {
	background: url('gfx/camera.gif') no-repeat right;
	text-decoration: none;
	margin-top: 25px;
	padding-right: 15px;
	display: block;
	width: 100px;
}
a.back {
	text-decoration: none;
}

/* WACHTWOORD VERGETEN */
#tintScreen {
  position: absolute;
  top: 149px;
  left: 0;
  width: 100%;
  height: 85%;
  background-color: #E4E4E4;
}
#emailFormContainer {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -250px;
  margin-top: -150px;
  background-color: #ffffff;
  height: 300px;
  width: 500px;
}
#emailForm {
  position: relative;
  border: 1px solid #cecece;
  padding: 20px;
  margin: 0 auto;
  margin-top: 30px;
  height: 200px;
  width: 400px;
}
#emailFormClose {
  position: absolute;
  top: 5px;
  right: 10px;
}

#emailForm .hide {
  display: none;
}

#emailForm input[type="text"] {
	border: 1px solid #CECECE;
}
#emailForm .send {
	border: none;
	background: url('gfx/send_button.gif') no-repeat;
	width: 145px;
	height: 22px;
}
#emailForm a.close {
	background: url('gfx/closelabel.gif') no-repeat;
	display: block;
	height: 22px;
	width: 70px;
}

/* CONTACTFORMULIER */

.contactForm {
	width: 100%;
	margin-top: 10px;
}
.contactForm tr {
	height: 7px;
}
.contactForm textarea {
	border: solid 1px #D2E5F2;
	width: 275px;
}
.contactForm .button {
	margin-right: 10px;
	margin-top: 30px;
}
.contactForm th {
	text-align: left;
	width: 250px;
	font-weight: normal;
}
div.errorMsg {
	color: red;
}
div.succesvol {
	color: #F78F1E;
}
.contactForm .submit_versturen {
	border: none;
	margin-top: 3px;
}
div.leden {
	border: 1px solid #EBEAEA;
	padding: 5px;
	margin-bottom: 10px;
	width: 460px;
}

div.branches {
	width: 240px;
}
div.branches ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div.branches span.branche {
	font-weight: bold;
/*	text-decoration: underline;*/
}
div.branches span.nrMembers {
	font-style: italic;
	padding-left: 10px;
	font-size: 10px;
	height: 15px;
	display: block;
}

#slideshow-container  { height:350px; position:relative; overflow:hidden;}
#slideshow-container img { display:block; position:absolute; top:0; left:0; z-index:1; width: 217px; }
#slideshow-container .hidden { visibility: hidden; }

/*
	Added by Jelle
*/

#password_form{
	margin-top: 20px;
}

#password_form td{
	padding: 5px 0;
}

#password_form td input[type="password"]{
	padding: 2px 3px;
	width: 200px;
}

#password_form .oldPwd{
	border-bottom: solid 1px #ccc;
}

#password_form .label{
	width: 180px;
}

.msg-success{
	padding: 5px;
	font-size: 12px;
	margin-top: 10px;
	background: #ddffdd;
	border: 1px solid #9cbc9c;
}

.msg-error{
	padding: 5px;
	font-size: 12px;
	margin-top: 10px;
	border: 1px solid #b07b7b;
	background: #ffdddd;
}