/* Basic construct styles #####################  */


* {
margin:0px;
padding:0px;
}

img.center
{
display:block;
margin-left:auto;
margin-right:auto; 
}

fijnwijn{
   font-family: verdana,arial,helvetica;
   font-size: 12px;
   line-height: 150%;
   padding: 1px;
   color: #130A01;
   background-color:#9F0D10;
}

body{
   font-family: verdana,arial,helvetica;
   font-size: 12px;
   line-height: 150%;
   color: #333333;
   background-color:#89C3E5;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

p,td
{
   font-size: 12px;
   line-height: 150%;
   color: #555555;
   padding: 5px;
}

a {
    cursor: auto;
    color: #555555;
}

ul
{
    margin-right: auto;
    margin-left: auto;
list-style-position: inside;
text-align: left;
}

p.verslag
{
   font-family: verdana,arial, helvetica;
   font-size: 12px;
   line-height: 130%;
   color: #555555;
   padding: 5px;
}

p.mededeling
{
   font-family: verdana,arial, helvetica;
   font-size: 12px;
   line-height: 130%;
   color: #555555;
   padding: 5px;
}

p.med_datumtijd
{
   font-family: verdana,arial, helvetica;
   font-size: 12px;
   line-height: 130%;
   color: #666666;
   padding: 5px;
   text-align: right;
   font-style: oblique
}

.footer
{
   font-family: verdana,arial, helvetica;
   font-size: 12px;
   line-height: 120%;
   color: #666666;
   padding: 2px;
   text-align: center;
   font-style: oblique;

}

table.agenda
{
  /*  width: 100%; */
}

.agenda td
{
    line-height: 100%;

}

.agenda tr.even td
{
    background-color: #B5D7E5;
}
/*li.agenda
{
padding: 1px;
}
*/

input.lsubmit {
cursor : pointer;
width: 100%;
vertical-align: middle;

}

.clickable {
    color: #006699;
    text-decoration: underline;
}

div.scrollable
{
    overflow: auto;
}

div.agenda
{
    overflow: auto;
    max-height: 200px;
}

div.changelog
{
    overflow: auto;
    max-height: 150px;
}

.eigenploeg {
    font-weight: bold;
}


div.GeenToegang{
 border-style: dashed;
 border-color: #A11C1E;
 color: #A11C1E;
 padding: 1em;
 background: #FFDDDD url('opmerking.gif') no-repeat left;
 font-size: 150%;
}

.Opmerking{
 border-style: dashed;
 border-color: #FF9124;
 color: #FF9124;
 padding: 1em;
 background: #FFFF99 url('opmerking.gif') no-repeat left;
 font-size: 150%;
}

div.Error{
 border-style: dashed;
 border-color: #A11C1E;
 color: #A11C1E;
 padding: 1em;
 background: #FFDDDD url('opmerking.gif') no-repeat left;
 font-size: 150%;
}

.loginbox{
 width:100%;
 position: fixed;
 top: 0px;
}

.titelBox{
   padding: 5px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   line-height: normal;
   font-weight: 700;
   font-variant: normal;
   text-transform: none;
   color : #0066A3;
   background-color: #B5D7E5;
   padding-left: 7px;
   border-top: 1px solid #0066A3;
   border-bottom: 1px solid #0066A3;
   height: auto;
}

.collapsable-header {
   margin-bottom: 2px;
   margin-top: 2px;
   padding: 5px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   line-height: normal;
   font-weight: 700;
   font-variant: normal;
   text-transform: none;
   color : #0066A3;
   background-color: #B5D7E5;
   padding-left: 7px;
   border-top: 1px solid #0066A3;
   border-bottom: 1px solid #0066A3;
   height: auto;    
}

.PaginatitelBox{
   width: 100%;
   position: relative;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 16px;
   font-style: normal;
   line-height: normal;
   font-weight: 700;
   font-variant: normal;
   text-transform: none;
   color : #0066A3;
   background-color: #B5D7E5;
   padding: 7px;
   border-top: 1px solid #0066A3;
   border-bottom: 1px solid #0066A3;
   height: auto;
   text-align:left;
}

div.picture
  {
  margin: 2px;
  height: auto;
  width: 100%;
  float: left;
  text-align: center;
  }
.picture img
  {
  display: inline;
  margin: 3px;
  border: 0px solid #0066A3;
  width: 100%;
  }

div.pict_desc
  {
  text-align: center;
  font-weight: normal;
  width: 100%;
  margin: 2px;
  }

 img.scr
 {
     max-height: 100px;
     max-width: 150px;
     border: 0px;
     margin: 0px;
 }

 img.album
 {
     max-width: 100px;
     min-height: 100px;
     display: block;
 }
 
 /****Kalender form ***/
 
 .inputtable {
     width: 98%;
     border-collapse:collapse;
     position: relative;
     

     
 }
 
 .ploegbox {
padding-left: 2%;
     height: 20%;
     width: 25%;
     
     border: 1px black solid;
     color: #333333;
 }
 
 .ploegboxselected {
padding-left: 2%;
     height: 20%;
     width: 25%;
     border: 1px black solid;
     background-color: #0066A3;
     color: #eebb22;
     
 }
  .ploegboxselected label {
      color: #333333;
     
 }
 
 .ploeglabel {
     float: left;
     margin-top: auto;
     margin-bottom: auto;
     line-height: 100%;
     vertical-align:bottom;
     position: relative;
     font-size: 14px;
 }
 
 .indicator {
    list-style-type: none;
    font-size: x-small;
    margin: 0;
    padding: 0;
    line-height: 100%;
 }
 
 .indicatorbox {
     vertical-align: middle;
     float: right;
         margin: 0;
    
    padding: 0;
     
 }

 /****Kalender****/

 .arrows{
     display:inline;
clear:both;
float: right;
color: #0066A3;
}

.current{
display:inline;
margin-right: auto;
float: left;

}

td.kalzaal {
   text-decoration: underline;
   text-align:center;
   max-width: 3em;
}

th.kalzaal {
   text-align:center;
}

td.kaldag, th.kaldag {
   min-width: 3em;
   text-align:center;
}

td.kaldatum, th.kaldatum {
min-width: 10em;
   text-align:center;
}

td.kalploeg, th.kalploeg {
    min-width: 15em;

}

.wedtable {
   margin-right: auto;
   margin-left: auto;
   margin-bottom: auto;
}

.wedtable tr td {
vertical-align:bottom;
}

.wedtable th{
    background-color: #89C3E5;
    font-weight: bold;
    font-size: 0.90em;

}

.wedtable_even, .wedtable_even td{
    background-color: #B5D7E5;
}

th.datumheader {
   background-color: white;
}


.wedtable_oneven{

}

.kalheader {
text-decoration: underline;
}


/*
.kalbody {
background-color: yellow;
}
*/
 /****Sponsorspagina****/

  .spag_table
 {
     margin: auto;
     text-align: center;
     width: 75%;
     padding: 5px;
     border-collapse: collapse;
 }

 .spag_header td
 {

 }

  .spag_header *
 {
     margin-top: 15px;
 }

   .spag_body *
 {
     margin-bottom: 15px;
 }

 .spag_body td
 {
     width: 50%;
     padding: 1%;
 }

 img.spag_logo
 {
     max-width: 35%;
     min-width: 200px;
     border: 5px;
     margin: auto;
 }

 ul.spag_ul
 {
     margin: auto;
     text-align: left;
     list-style-type: none;
     font-size:1.5em;
     line-height: 150%;
 }

 caption.spag_caption
 {
    font-size: 24px;
    font-weight: bold;
    margin: auto;
    margin-top: 20px;
   padding: 5px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-style: normal;
   line-height: normal;
   font-variant: normal;
   text-transform: none;
   color : #0066A3;
   background-color: #B5D7E5;
   padding-left: 7px;
   border-top: 1px solid #0066A3;
   border-bottom: 1px solid #0066A3;
 }

.spag_website, .spag_email{
     margin: auto;
     font-size:1em;
     line-height: 150%;
     color: #0066A3;
}

.spag_info
{
     margin: auto;
     font-size:1em;
     line-height: 150%;
     font-style:italic;
 }

.pic_logo
{
    max-width: 200px;
    max-height: 200px;
    margin: auto;
    text-align: center;
}

.pic_naam, .pic_info
{
    margin: auto;
    text-align: center;
}

.pic_info
{
    font-style: italic;
}
/*
div.fl,div.fr
{
    float: left;
    border: solid 5px red;
    margin-left: 2%;

    width: auto;
}
*/


img.fl
{
    display:inline;
    margin-right: auto;
    margin-left: auto;
    max-width: 450px;
    width: 100%;
}

div.fl
{
    text-align:center;
    float: left;
    border: solid 5px red;
    margin-left: auto;
    clear: both;
    display: block;
    width: 45%;
}

div.fr
{
    text-align:center;
    border: solid 5px yellow;
    margin-left: 48%;
    width: 45%;
    margin-right: 2%;
}

.rightalign {
    text-align: right;
}

.all {
    float: left;
    clear: left;
    text-align: left;
    padding-left: 1%;
    background-color: red;
    display: inline;
    font-family: verdana,arial, helvetica;
}

@media print
{
    table tr td{
        border: 1px solid black;

    }
}

.persoonsfichenaam {
    margin: 1em;
}

.ploegen caption, .trainingen caption, .clubfuncties caption, .ledenlijst caption {
   padding: 5px;
   font-variant: normal;
   text-transform: none;
   color : #0066A3;
   background-color: #B5D7E5;
   padding-left: 7px;
   border-top: 1px solid #0066A3;
   border-bottom: 1px solid #0066A3;
   height: auto;
}

table.ploegen, table.trainingen, table.clubfuncties {
    min-width: 10em;
    width: 30%;
    margin-bottom: 2em;
}

.altrow {
    background-color: #B5D7E5;
}

div.selectcontainer {
    z-index: 1;
   width: 20%;
   padding: 2px;
   height: auto;
   display: block;
   visibility: hidden;
   position: absolute;
   border: 1px solid black;
   background-color: #B5D7E5;
}


/* /ledenbeheer/invullencontactgegevens */
.formsbox input,strong {
    margin: 5px;
    text-align: left;
    float: left;
    width: 250px; /* Width of labels */
}

.formsbox label {
    margin: 5px;
   text-align: right;
  width: 120px; /* Width of labels */
  float: left;
}

.formsbox br {
clear: both;
}

.formsbox input[type="radio"], input[type="checkbox"]  {
    width: auto;
}




/**/


.legal {
    width: 300px;
    font-size: 0.85em;
    text-align: justify;
    float: left;
}

.css-vertical-text {

	writing-mode: bt-rl;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform: rotate(-90deg);
	white-space:nowrap;
	display:block;
        	bottom:0;
	width:20px;
	height:20px;
	font-size:24px;
	font-weight:normal;
	text-shadow: 0px 0px 1px #333;
}