/*
  algemeen
*/
*{
  font-family:Arial;
}


body.newsPage,
body.template-16,
body.template-65, 
body.template-66,
body#contactFormBody{
  font-size:12px;
  padding:0px;
  margin:0px;
  
  background-color:#5F5F5F;
  color:white;
}

 #contactFormBody #content label {
display:block;
margin:4px;
}

#contactFormBody #content label span {
width:100px;
float:left;
}
 /*
  content
*/
#content{
  min-height:400px;
  _height:400px;
  padding:5px 10px;
  margin-left:180px;
  background-color:#3A414F;
  overflow:auto;

  _overflow:none;
}

#content .newsItem,
#content .content{
  width:587px;
}


/*
  Welkom 3 news bars
*/

#content .newscolum{
  float:left;
  width:195px;
  padding:0;
  margin:0;
}


#content .newscolum ul{
  padding:0;
  margin:0px 12px 0px 0px;
}

#content .newscolum ul li{
  list-style:none;
  padding:0px 0px 6px 0px;
  margin:0px 0px 8px 0px;
  border-bottom:1px #709DE8 solid;
}

#content .newscolum .date{
  display:none;
}

#content address {
  font-style:normal;
}
 form#frmMember fieldset label {
padding:5px;
}
#addInfo {
height:100px;
width:300px;
}
form#frmMember, #editMemberBody {
  background-color:#d4d0c8;
}

#frmMember #setPointButton, #frmMember #setPointButtonNS {
font-size:11px;
margin-top:4px;
margin-left:357px;
}
#frmMember #setPointButtonNS {
margin-left:265px;
} /*
  footer
*/
#footer{
  display:block;
  line-height:36px;
  margin:0;
  padding:0 2em;
 
  background-image:url('../data/footer-bg.gif');
  background-position:left top;
  background-repeat:repeat-x;

  clear:both;
}

/* print link */
#link-print{
  display:block;
  width:16px;
  height:17px;
  
  background-image:url('../data/print.gif');
  background-position:left top;
  background-repeat:no-repeat;
}

#link-print em{ display:none; }

#footer a{
  color:white;
}

 /*
  header
*/
#header{
  display:block;
  height:58px;
  
  margin:0px;
  padding:0px;
  
  border-bottom:2px solid #709DE8;
  
  background-image:url('/data/header.gif');
  background-position:right top;
  background-repeat:no-repeat;
  background-color:white;
}

#header a{
  display:block;
  width:300px;
  height:58px;
  
  background-image:url('/data/logo.gif');
  background-position:left top;
  background-repeat:no-repeat;
}


#header a em{ display:none; }


 /* location selector */
body#locationSelector {
  margin:0;
  
}
body#locationSelector #locationPanel  {
width:100%;
}
body#locationSelector #locationPanel  button{
  font-size:11px;
  margin:0 auto;
  width:100%;
  height:20px;
  display:block;
} /*
  main-nav
*/
#main-nav{
  width:150px;
  padding:0;
  margin:0;
  margin-top:20px;
  list-style-type:none;
  border-right:1px solid #709DE8;
  _font-size:0;
  _line-height:0;
}

#main-nav li a{
  display:block;
  width:138px;
  line-height:18px;
  padding-left:12px;
  margin-top:5px;
  
  border-top:1px solid #709DE8;
  border-bottom:1px solid #709DE8;
  
  font-weight:bold;
  color:white;
  text-decoration:none;
  background-color:#525D71;
  _font-size:12px;
}

#main-nav li:first-child a{
  margin-top:0;
}

#main-nav li.d322 a{
  margin-top:0;
}

#main-nav li.d322 ul li a{
  margin-top:5px;
}

#main-nav li:first-child ul li a,
#main-nav ul li:first-child a{
  margin-top:5px;
}


#main-nav li a:hover{
  background-color:#697489;
}

#main-nav li a em{ font-style:normal; }

/* hide docs from main-nav - colofon */
#main-nav li.hide{
  display:none;
}

 /*
  main-nav onderliggend
*/
#main-nav li ul{
  display:none;
}

#main-nav li.active ul{
  display:block;
  padding:0;
  margin:0;
  list-style-type:none;
}

#main-nav li.active ul li a{
  display:block;
  margin-left:20px;
  line-height:18px;
  width:117px;
  
  border-left:1px solid #709DE8;
  
  font-weight:normal;
  color:white;
  text-decoration:none;
}


 #map{
  display:block;
  width:587px;
  height:450px;
}

#visitorAddress {
  width:587px;
  display:none;
}

#visitorAddress label {
  display:inline;
  padding:0;
}

#visitorAddress p {
  margin:8px 10px;
}


#visitorAddress fieldset fieldset label{
  display:block;
  padding:8px 0px;
  margin:0px 10px;
  width:587px;
}

#visitorAddress fieldset#streetAddressLocalityWrapper,
#visitorAddress fieldset#postalCodeWrapper{
  margin:0;
  padding:0;
}

#visitorAddress fieldset label span {
  width:149px;
   padding-right:10px;
  font-size:12px;
}

#visitorAddress fieldset fieldset label input{
/*  width:200px; */
}

#visitorAddress fieldset.buttonBar{
  padding:8px 2px;
  margin-left:10px;
  width:364px;
}

#visitorAddress fieldset.buttonBar button{
  float:right;
  margin:0px 2px;
  padding:0;
}


/* Inner map */
body.map {
   padding:0;
   margin:0;
}

body.map address,
body.map span{
  font-style:normal;
  font-size:12px;
}

body.map h2{
  color:#709DE8;
  font-size:15px;
  font-weight:bold;
  text-align:left;
}

body.map a{
  font-size:12px;
  color:#3A414F;
}

body.map a.planRoute{
  display:none;
}
 /*
  members
*/
#tblMembers{
  border-collapse:collapse;
  border-spacing:0;
  width:720px;
}

#tblMembers thead{}

#tblMembers thead tr{}

#tblMembers thead tr th{
  text-align:left;
  background-color:#525D71;
  border-bottom:1px solid #6699FF;
  padding:0.25em 0.25em;
  cursor:pointer;
}

#tblMembers tbody{}

#tblMembers tbody tr{}

#tblMembers tbody tr th{
  text-align:left;
  vertical-align:top;
}

#tblMembers tbody tr td{
  padding:0.25em 0.25em;
  border-left:1px solid #6699FF;
  vertical-align:top;
}

#tblMembers tbody tr.odd th,
#tblMembers tbody tr.odd td{
  background-color:#525D71;
}

#tblMembers tfoot tr td{ text-align:right; }

#di388 {
width:auto;
}
 /* news */
div.newsItem { 
color:white;
}

.newsItem div {
margin-top:1em;
margin-bottom:1em;
} /*
 opmaak  formulier
*/
form{
  display:block;
  width:496px;
  
  padding:0px;
  margin:0px;

  margin-left:-10px;
  margin-right:-10px;
}

form fieldset{
  border:0px;
  padding:0px;
  margin:0px;
  padding-top:10px;
}

form fieldset legend{
  display:none;
}

form fieldset fieldset legend{
  display:inline;
}

form fieldset label{
  display:block;
  clear:both;
  padding:8px 6px;
}

form fieldset label span{
  float:left;
  width:110px;
  padding-right:10px;
  line-height:16px;
  font-size:10px;
  text-align:right;
}

form fieldset label input{
  font-size:11px;

/*  width:300px; */
  line-height:15px;
  
  border-top:1px solid #999;
  border-left:1px solid #999;
  
  border-bottom:1px solid #ddd;
  border-right:1px solid #ddd; 
   
  padding:0px 2px; 
}

form fieldset label textarea{
  font-size:11px;

  border-top:1px solid #999;
  border-left:1px solid #999;
  
  border-bottom:1px solid #ddd;
  border-right:1px solid #ddd; 
   
  width:230px;
}

form fieldset label select{
  font-size:11px;
  
}


form fieldset .freeText{
  padding:0px 120px;
}

/*
  checkbox
*/
form fieldset label.checkbox{
  padding-left:120px;
}

form fieldset label.checkbox span{
  width:auto;
  float:none;
  text-align:left;
}

form fieldset label.checkbox input{
  width:auto;
  border:0px;
  float:left;
}


/*
  radio
*/
form fieldset label.radio{
  padding-left:120px;
}

form fieldset label.radio span{
  width:auto;
  float:none;
  text-align:left;
}

form fieldset label.radio input{
  width:auto;
  border:0px;
  float:left;
}


/*
  knoppen
*/
form fieldset.buttonBar{
  display:block;
  padding-left:127px;
  height:30px;
}

form fieldset.buttonBar button{
  margin:0px;
  margin-right:5px;
  font-size:10px;
  text-transform:lowercase;
}



/* buttons algemeen */
button{
  cursor:pointer;
}

button em{
  border:0;
  font-style:normal;
  color:#000;
  text-decoration:none;
}

button:hover em{
  text-decoration:none;
}

/* button leden op de kaart */
#di2221 #visitorAddress .buttonBar button{
  margin-left:90px;
}


 /*
  opmaak afbeeldingen
*/
a img{ border:0; } /* 
  opmaak kopteksten 
*/
h2{
  padding:0;
  margin:0;
  font-size:1.8em;
  
  text-align:center;
  color:#709DE8;
}

h3{
  font-size:1.2em;
  font-weight:bold;
}


#content ul {
  margin:12px 0px;
  padding-left:40px;
}

#content ul li ul{
  margin:4px 0px;
  padding-left:40px;
}

#content p {
  margin:12px 0px 0px 0px;
}
 /*
  opmaak links
*/
a em{
  font-style:normal;
}

.newsItem a,
.content a{
  color:white;
}

a.external img{
  margin:0px 3px;
} /*
  opmaak tabellen
*/
table tr td{
  vertical-align:top;
} /*
  print onscreen
*/
.print{ display:none; } /*
  sidebar
*/
#sidebar{
  position:absolute;
  left:0px;
  top:61px;
  
  width:180px;
}


 /*
  site
*/
#site{
  display:block;
}


 /* SitemapList */

body.template-66 #content ul li a{
  color:white;
} table thead tr th img.sort-arrow {
  width:11px;
  height:11px;
  background-position:center center;
  background-repeat:no-repeat;
  margin:0 2px;
}

table thead tr th img.descending {
  background-image: url(/img/downsimple.gif);
}

table thead tr th img.ascending {
  background-image: url(/img/upsimple.gif);
}
 /*
  thumbnails
*/
.thumbnails{
  display:block;
  width:479px;
  height:60px;
 
  position:relative;  
 
  list-style-type:none;
  padding:0px;
  margin:0px;
  margin:0px 10px;
  
  padding-top:430px;

  background-position:center 5px;
  background-repeat:no-repeat;
}

.thumbnails li.forward{
  float:left;
  width:30px;
  height:52px;
  margin:0px;
  
  cursor:pointer;  
  
  background-image:url('/data/tn-forward.png');
  background-repeat:no-repeat;
}

.thumbnails li.reverse{
  float:left;
  width:30px;
  height:52px;
  
  cursor:pointer;  
  
  background-image:url('/data/tn-reverse.png');
  background-repeat:no-repeat;
}

.thumbnails li{
  float:left;
  margin-right:9px;
}

.thumbnails li img{
  height:52px;
  border:0px;
}

.thumbnails .reverse{
  background-image:url('/data/frontpage/reverse.png');
  background-position:left top;
  background-repeat:no-repeat;
}

.thumbnails .forward{
  background-image:url('/data/frontpage/forward.png');
  background-position:left top;
  background-repeat:no-repeat;
}

.thumbnails .description{
  position:absolute;
  left:0px;
  top:410px;
  width:479px;
  text-align:center;
}
