/*form1 ---------------------------------------------------------------------- */
form#formulier {
  width: 550px;
}

form#formulier fieldset {
float: left;     
clear: both;     
width: 100%;     
margin: 0 0 1.5em 0;     
padding: 7px;     
border-top: 1px dotted  #333333;       
 /* background-color : #eeeeee;     */
}



form#formulier fieldset:last-of-type {

}

form#formulier ol li {
 list-style: none; 
 margin: 2px;
}
  
form#formulier label {
float: left;    
width: 14em;    
margin-right: 1em;  
}

form#formulier input {
width : 310px;
}

form#formulier textarea{
  width : 510px;  
}

form#formulier input:not([type=submit]):focus,
form#formulier textarea:focus {
 float:none
}

form#formulier input[type=radio] {

}

form#formulier checkbox {
float: left;
}

/*form2 ---------------------------------------------------------------------- */
form#formulier2 {

}

form#formulier2 fieldset {
float: left;     
clear: both;     
width: 100%;  
padding-right : 12px;               
}

form#formulier2 fieldset:last-of-type {

}

form#formulier2 ol li {
 list-style: none; 
 margin: 2px;
}
  
form#formulier2 label {
float: left;    
width: 10em;    
margin-right: 1em;  
}

form#formulier2 input {
width: 23em;  
}

form#formulier2 textarea{
width: 23em;  
height : 5em;
}

form#formulier2 input:not([type=submit]):focus,
form#formulier2 textarea:focus {
 float:none
}

form#formulier2 input[type=radio] {

}

form#formulier2 checkbox {
float: left;
}

.button
{
  background-color: #EA565A;  
  border-left : 1px solid #333333;  ;
  border-bottom  : 1px solid #333333;  ;  
  border-right  : 1px solid #333333;  ;
  border-top   : 1px solid #333333;  ;  
  padding-top: 3px;  
  padding-bottom: 3px;   
  padding-left: 8px;  
  padding-right: 8px;  
  font-weight: bold;
  color: #FFFFFF;  text-shadow: 0px 1px 1px #888;  
}
          
.fieldvalidation
{
  font-size: 110%;
  color: red;
  width: 100%;
  text-align: right;
  padding-right: 20px;
}


    
body{
  padding: 0;
  margin: 0; 
  text-align       : center;
  color            : #555555;
  font-size        : 12px; 
  font-family      :   verdana, geneva, sans-serif;
  background-image : url(../images/back.gif);    
  background-attachment:fixed;  
}

input[type="text"], input[type="password"], textarea
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    padding: 2px;
    border: solid 1px #333333;      
    color : #555555; 
    background-color : #FFFFFF;   
}



button
{
     
}


div.site                                                                
{
  PADDING-RIGHT      : 0px;
  PADDING-LEFT      : 0px; 
  PADDING-BOTTOM    : 0px; 
  PADDING-TOP        : 0px; 
  margin-top        : 0px;  
  margin-left        : auto;
  margin-right      : auto;  
  width              : 950px;
  top                : 0px;
  text-align        : left; 
  color            : #555555;  
  background-image : url(../images/mainback.png);    
  background-repeat: no-repeat;     
}   

div.backgroundholder
{
   margin-left : 8px;
}

td.normalcell
{
    padding: 4px;
    margin:1px;
    border-bottom: 1px dotted #BBB;      
}

td.graycell
{
    padding: 4px;
    margin:1px;
    background-color: #EEE;
    border-bottom: 1px dotted #BBB;   
}

td.header
{
    font-weight: bold;
    border-bottom: 1px dotted #BBB;
    margin-bottom: 2px;
    vertical-align: middle;        
}

div.mouse
{
  padding: 1px;
  background-color: #f5fbdf;
  border-bottom: 1px dotted #BBB;
}     

.alert
{
  position: absolute;
  margin-top  : 150px;  
  padding: 10px;
  color : #555555; 
  border: 2px solid #FFFFFF;  
  background: #FFFFFF; 
  z-index: 10000;
  width : 400px;
  font-size: 120%;
  text-align: center;
  border: 1px solid #777;
}

a
{ 
color : #EA565A; 
font-size: 100%;
}
   
div.header
{     
  text-align: right;
  position: relative;
  background-image : url(../images/logo2.png);  
  background-repeat: no-repeat;
  height : 129px;
  width: 100%;
}  

div.header .a
{
  color:#FFFFFF;     
}
     
div.login
{
  float : right;
  width: 250px;
  color: #FFFFFF;
  padding : 3px; 
  margin-top: 10px;
}



div.mainmenu
{
  height: 28px;
  text-align: right;
  font-size: 120%;
  font-weight: bold;  
  background-color: transparent;
}    

div.new
{
  font-size: 120%;
  background-color: transparent;
  height: 50px;
  width: 100%;
  padding-bottom: 10px;
  marging-bottom: 15px;
}   

div.new .avatar
{
   width: 47px;
   height: 47px;  
   border: 1px solid  #333333;
   float: left;
   margin-right : 4px;
   margin-bottom : 4px;
}  

div.new .newparagraph
{
   color:  #555555;
   float:left; 
   width:203px; 
   height: 100%;   
   padding: 6px;
   margin-right: 6px; 
   background-color: #FFFFFF;  
   line-height : 110%;     
   border-bottom: 1px dotted #333333;  
}


.small
{
  font-size:80%;
}

a.tag
{
   Color: #FFFFFF;  
   background-color: #EA565A; 
   padding: 1px; 
}

     
ul.primary { 
 border-collapse: collapse;
 white-space: nowrap; 
 list-style: none; 
 line-height: normal; 
}

ul.primary li { display: inline; margin-left:0px;}

ul.primary li a { 
  background-color: #333333;   
  border : 1px solid #000000;     
  height: auto; 
  padding-top: 15px; 
  padding-left: 7px; 
  padding-right: 7px; 
  padding-bottom : 2px;   
  text-decoration: none; 
}

  
ul.primary li.active a { 
 background-color: #FFFFFF;  
 border: 1px solid #bbb; 
 border-bottom: #fff 1px solid;
 color : #555555;
}
 

ul.primary li.blog a { 
 background-color: #EA565A; 
 color : #555555;
}

ul.primary li a:hover { 
 background-color: #EA565A;  
 color : #555555;
}     

.message
{
  margin-right: 10px;
  margin-bottom: 12px;       
  margin-top: 8px; 
  padding: 6px;
  color : #555555; 
  
  font-size: 125%; 
}   

      .message a
      {
        font-weight: bolder;
      }
   

.menu
{
  margin-top:15px;
  font-size: 100%;
  width: 100%;
  height : 40px;
}
  
.menu li
{
  display: inline;
  margin-left : 2px; 
  margin-right : 2px;  
  border-top: 1px solid #999; 
  border-left: 1px solid #999;   
  border-right: 1px solid #FFFFFF;    
  border-bottom: 1px solid #FFFFFF;  
  padding: 3px; 
}



.menu li a
{
  text-decoration: none;  
  color : #FFFFFF;  
  font-weight: bold;    
}

.menu li a:active
{
  color : #FFFFFF;  
}

.menu li a:hover
{
  text-decoration: underline;  
  color : #FFFFFF;  
}

.menu ul { 
    padding: 3px;
    background-color : #EA565A;   
    border-collapse: collapse;
    list-style: none; 
    height: auto; 
    line-height: 200%; 
    border : 1px solid #EA565A;  
}


.graytext 
{
  background-color: #eeeeee;       
  margin-top: 2px;
  vertical-align: top;
  font-size: 90%;
  margin-bottom: 8px;
  padding: 3px;  
  color: #333333;  
  text-shadow: 0px 1px 1px #FFFFFF;   
  line-height: 140%;
} 

.graytext:after {
    content:'';
    display:block;
    clear:both;
}      

.graytext img
{
    vertical-align: top;
    padding: 1px;
    border: none;
}  

.graytext a
{
    vertical-align: top;
    color: #333333;                  
} 
 
.photoimage
{
  background-color : #FFFFFF; 
  border: 1px solid #CCC;   
  float: left;
  margin-bottom : 6px; 
  margin-right : 10px;     
  padding: 4px;  
  min-height: 140px;
  min-width : 200px;  
}

.boxshadow .photoimage 
{
    box-shadow: rgba(0,0,0, .5) 3px 3px 6px;
    -moz-box-shadow: rgba(0,0,0, .5) 3px 3px 6px;
    -webkit-box-shadow: rgba(0,0,0, .5) 3px 3px 6px;
}   

.avatar
{
   background-color : #FFFFFF; 
   width: 30px;
   height: 30px;  
   border: 1px solid #999;
   float: left;
   margin-right : 4px;
   margin-bottom : 4px;
}  



div.title
{
    vertical-align: top;           
    color : #555555;
    background-image : url(../images/bottomline.png);  
    background-repeat: repeat-x;
    margin-bottom: 0px;
    margin-top: 5px;  
    height: 28px;    
    width : 100%;  
}

div.pagetitle
{
    vertical-align: top;           
    margin-bottom: 2px;
    margin-top: 19px;  
    height: 28px;    
    width : 100%;  
}

.leftcol
{           
  padding-top: 8px;     
  min-height : 230px;
  vertical-align: top;   
  min-width: 600px;
  padding-right:12px;
  margin-left:10px  
}
    

    .leftcol .footer
    {
        margin-top: 2px;
        margin-bottom: 25px;  
        padding-top: 4px;
        padding-bottom: 4px;                   
        vertical-align: top;
        font-size : 80%;
    }   
    
    .leftcol .footer .img
    {

    }

    .leftcol .paragraph
    {             
       padding:8px;
        vertical-align: top;           
        color : #555555;
        line-height:160%; 
        vertical-align: top;  
        background-image : url(../images/overlay.png);     
    }

    .leftcol .tile
    {
        vertical-align: top;           
        color : #555555;
        line-height:160%; 
        background-image : url(../images/overlay.png);  
        padding : 3px;
        margin-top : 5px;   
    }    
    
    .leftcol .paragraph:first-letter {font-size: 200%; font-weight: bold; }
    
    .leftcol .paragraph:after {
        content:'';
        display:block;
        clear:both;
    }      
    
  
.rightcol
{           
  padding-top: 8px;     
  min-height : 230px;
  vertical-align: top;   
  width: 260px;
  padding-left:12px;
}
   
    .rightcol .paragraph
    {
        vertical-align: top;           
        color : #555555;
        line-height:120%; 
        margin-bottom: 15px; 
        vertical-align: top;  
        margin-right: 2px;    
    }
    
    .rightcol .paragraph:after {
        content:'';
        display:block;
        clear:both;
    }      
    
    .rightcol .paragraph .smallcell .time
    {
        color : #AAA;
        font-size: 80%;
        white-space:nowrap;          
    }    
    
    .rightcol .paragraph .smallcell
    {
       padding: 3px;  
       border-bottom: 1px solid #EEE;  
       margin-bottom: 1px;  
       min-height: 32px;
       background-image : url(../images/overlay.png);        
    }
    
    .rightcol .paragraph .bigimage
    {
       width: 235px;
       border: 1px solid #CCC;
       padding: 5px;
       margin-right : 4px;
       margin-bottom : 4px;
    }         
        

    .rightcol .paragraph .smallcell a
    {
       color : #EA565A; 
       font-size: 100%;
    }
      
.whitetext 
{
  margin-top: 3px;
  margin-bottom: 3px;
  vertical-align: top;
  padding: 2px;
  color: #000;
  font-size: 80%;
}       
      
div#bottom
{
  width : 100%;
height:auto; 
  margin-top: 15px;
  padding-Bottom : 10px;    
}

      div#bottom .sponsors
      {
          font-size: 80%;
height:auto;  
          text-align: center;  
          padding-top: 4px; 
          color: #000000;
          text-shadow: 0px 1px 1px #FFFFFF; 
          border-top: 1px solid #FFFFFF; 
  
      }
 
      
      div#bottom .sponsors ul li
      {
        display: inline;
        list-style-type: none;
        padding: 2px;
        line-height : 160%;
      }      
      
        

      div#bottom .links
      {
          margin-left        : auto;
          margin-right      : auto;            
          width : 950px;        
          text-align: left;          
          padding-top: 5px;
          height : auto;
          color : #000000; 
          height : 100%;
          Line-height : 120%;
          font-size : 80%;
      }
      
      div#bottom .links td
      {
        width : 33%;

        padding : 8px;
      }      

    .sponsoravatar
    {
       background-color : #FFFFFF; 
       max-width: 50px;
       max-height: 25px;  
       border: 1px solid #999;
       margin-right : 4px;
       margin-bottom : 1px;
       vertical-align: middle;
       float:none;
    }         

.tab_control
{
    font-size: 14px;
    line-height: 100%;
    margin-top: 14px;
    width: 100%;
    padding-bottom: 4px;   
    margin-bottom: 5px;
    border-bottom: 1px solid #000000;
    height: 16px;
}
      
.tab_s
{
  padding: 4px; 
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;  
  border-right: 1px solid #000000;  
  border-bottom: 1px solid #FFFFFF;   
  color: #555555;
  background-color: #FFFFFF; 
  margin-right: 1px;
}



    .tab_s a
    {
      text-decoration: none;  
      font-weight: bold;
    }

.tab
{
  color: #AAA;
  padding: 3px; 
  border-top: 1px solid #333333;
  border-left: 1px solid #333333;  
  border-right: 1px solid #333333;  
  background-color: #FFFFFF;   
  margin-right: 1px;
}



    .tab a
    {
      color: #999; 
      text-decoration: underline;  
    }

div#selectie_alles
{
  display: table-cell; 
  width : 330px;
  padding: 8px; 
  color : #555555;  
 
  margin-right: 4px; 
  border-right : 1px solid #000; 
}

div#selectie_selectie
{
  display: table-cell;  
  padding: 8px;   
  width: 330px;  
  color : #555555; 
}

div.speler_opstelling
{
  padding-top : 0px;
  padding-bottom : 0px;  
  padding-left : 8px;
  padding-right : 8px;
  width: 616px;
  height: 375px;
  background-image: url(../images/veld_opstelling.png);
  background-repeat: no-repeat;
}
      
      .speler_naam
      {

        color : #555555;
         padding : 4px;  
      }
      
      .speler_naam a
      {
        color: #FFFFFF; 
      }   
      
      .smaltext
      {
          font-size: 80%;
          color: #888; text-shadow: 0px 1px 1px #FFFFFF;           
      }
      
      .speler_opstelling img
      {
        margin-top: 8px;
        vertical-align: top;
        padding: 3px;   
       }
  
.messages
{
  width: 100%;
  margin-bottom: 2px;
  padding: 4px;
  border-bottom: 1px dotted #EEE;
}

      .message .time
      {
        font-size: 80%;
        color: #999;    
      }
      
td
{
   vertical-align: top; 
   padding:2px;    
}