* {

margin: 0
}

html, body {
	height: 100%;
}

hr {
height: 0;
border: 0;
border-top: 1px solid #B4B5B7;
} 

H1
{
        font-size: 20px;
        line-height: 20px;
}

H2
{
        font-size: 18px;
        line-height: 18px;
}

.frmbutton
{
        border: solid 0px;
        background-color: #FFF;
}

.titlelogos
{
        font-family:        Trebuchet MS, Verdana, Tahoma;
        font-size: 12px;
		color: #0996CC;
}

.checkbox
{
        font-family:        Trebuchet MS, Verdana, Tahoma;
        font-size: 14px;
        border: solid 0px;
        border-color: #B4B5B7;
        background-color:   #FFF;
        scrollbar-arrow-color: #0996CC;
        scrollbar-face-color: #F5F9FC;
        scrollbar-highlight-color: #F5F9FC;
        scrollbar-3dlight-color: #F5F9FC;
        scrollbar-shadow-color: #F5F9FC;
        scrollbar-darkshadow-color: #F5F9FC;
        scrollbar-track-color: #F5F9FC; 
}

input, textarea, select
{
        font-family:        Trebuchet MS, Verdana, Tahoma;
        font-size: 14px;
        border: solid 1px;
        border-color: #B4B5B7;
        background-color:   #F5F9FC;
        scrollbar-arrow-color: #0996CC;
        scrollbar-face-color: #B4B5B7;
        scrollbar-highlight-color: #F5F9FC;
        scrollbar-3dlight-color: #F5F9FC;
        scrollbar-shadow-color: #F5F9FC;
        scrollbar-darkshadow-color: #F5F9FC;
        scrollbar-track-color: #F5F9FC; 
}

.aanwezig 
{
        color: #66CD00;
}

.locatie
{
    color:              #2B2F30;
    font-family:        Trebuchet MS, Verdana, Tahoma;
    font-size:          10px;
    cursor:             default;
    line-height:        10px;
}

.frmbutton 
{

        cursor: hand;
}

.wrapper {
	min-height: 100%;
	height: auto;
	height: 100%;
	margin: 0 auto -40px;
}

.footer {
    height:             41px; 
    width:              100%;
    background:         url("../images/bg-footer.png") repeat-x bottom right;
    text-align:		center;
    vertical-align:     middle;
}

.push {
    width:              100%;
    height:             1px; 
}

.pushin
{
    width:	800px;
    text-align: center;
}

.footerin
{
	font-size: 11px;
        width:	800px;
        padding-top: 10px;
        color: #B4B5B7;
        text-align: left;
}

.wlink {
    background:         url("../images/bg_wedstrijdlink.png") no-repeat top left;
	padding-left: 18px;
	height: 34px;
}

.quicknavapp
{
    margin-top:              18px;
	width:					900px;
    line-height:             40px;
	text-align:				right;
	font-size:				13px;
}

body
{
    background:         url("../images/xxx.jpg") repeat-x top left;
    color: 		#FFFFFF;
    margin:             0px;
    padding:            0px;
    cursor:             default;
    height:             100%;    
}

.error
{
    color:              #FF0000;
    font-family:        Trebuchet MS, Verdana, Tahoma;
    font-size:          11px;
    cursor:             default;
    line-height:        14px;
}


.opstelling
{
    color: #00FF00;
    font-family:        Trebuchet MS, Verdana, Tahoma;
    font-size:          11px;
    cursor:             default;
}

.opstellingwissel
{
    color: #99CC00;
    font-family:        Trebuchet MS, Verdana, Tahoma;
    font-size:          11px;
    cursor:             default;
}

.errorfooter
{
    color:              #FFF;
    font-family:        Trebuchet MS, Verdana, Tahoma;
    font-size:          11px;
    cursor:             default;
    line-height:        14px;
}
.header
{
    width:              	100%;
    background:         	url("../images/bg-header.png") repeat-x top right;
    height:             	182px;
    text-align:				center;
    vertical-align:			middle;
}

.headerin
{
	width:					800px;
	text-align:				left;
}


.content
{
    width:              	100%;
    text-align:			center;
    margin-top:                 10px;
    margin-bottom:              50px;
}

.contentin
{
	width:			800px;
	text-align:		left;
}

.contentview
{
        margin-top: 10px;
        padding-left:           15px;
        height: 100%
}

.titlenews
{
    width:  265px;
    border-top: 1px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px;
    border-style: dotted;
    border-color: #B4B5B7;
    background-color:   #F5F9FC;
}

.titleinnews
{
   font-size: 16px;
   width: 150px;
   color: #0996CC;
   font-weight: bold;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
}

.contact
{
    width:  265px;
    background:         	url("../images/nieuwsvlak.jpg") no-repeat top left;
    margin-top: 10px;
	padding-top:15px;
	padding-left:15px;
	padding-bottom:15px;
    border-top: 1px;
    border-right: 1px;
    border-left: 1px;
    border-bottom: 1px;
    border-color: #B4B5B7;	
    border-style: solid;
}

.titlenewsinin
{
   padding-left: 15px;
}

.titlenewsininapp
{
   padding-left: 5px;
}

.titlecontentininapp
{
   padding-left: 15px;
}


.contentinnews
{
   font-size: 11px;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px;
}

.bulletnews
{
   padding-left: 10px;
}

.titlecontent
{
    width:  500px;
    line-height: 20px;
    font-size: 16px;
    border-top: 1px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px;
    border-style: dotted;
    border-color: #B4B5B7;
    background-color:   #F5F9FC;
}

.titlebanner
{
    width:  265px;
    text-align: center;
    margin-top: 10px;
    border-top: 1px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px;
    border-color: #B4B5B7;	
    border-style: dotted;
    padding-top: 5px;
    padding-bottom: 2px;
    cursor:hand;
    z-index: 1;
}


.news
{
    width:  265px;
    background:         	url("../images/nieuwsvlak.jpg") no-repeat top left;
    margin-top: 10px;
    border-top: 1px;
    border-right: 1px;
    border-left: 1px;
    border-bottom: 1px;
    border-color: #B4B5B7;	
    border-style: solid;
}

.google
{
    margin-top: 10px;
    width:  265px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 0px;
    border-color: #B4B5B7;	
    border-style: solid;
}

.menu
{
    width:  200px;
    margin-top: 10px;
    padding-left: 5px;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 0px;
    border-color: #B4B5B7;	
    border-style: dotted;
}

div, p, td

{
    color:              #2B2F30;
    font-family:        Trebuchet MS, Verdana, Tahoma;
    font-size:          13px;
    cursor:             default;
    line-height:        16px;
}


a:link{
background-color: transparent;
color: #0996CC;
text-decoration:none;
font-family: Trebuchet MS, Verdana, Tahoma;
font-weight: bold;
}

a:visited{
background-color: transparent;
color: #0996CC;
text-decoration: none;
font-family: Trebuchet MS, Verdana, Tahoma;
font-weight: bold;
}

a:hover{
background-color: transparent;
color: #0996CC;
text-decoration: none;
font-family: Trebuchet MS, Verdana, Tahoma;
font-weight: bold;
}

a:active{
background-color: transparent;
color: #0996CC;
text-decoration: none;
font-family: Trebuchet MS, Verdana, Tahoma;
font-weight: bold;
}

a.botlink:link{
background-color: transparent;
color: #FFF;
text-decoration: none;
font-family: Trebuchet MS, Verdana, Tahoma;
font-weight: bold;
}

a.botlink:visited{
background-color: transparent;
color: #FFF;
text-decoration: none;
font-family: Trebuchet MS, Verdana, Tahoma;
font-weight: bold;
}

a.botlink:hover{
background-color: transparent;
color: #B4B5B7;
text-decoration: bold;
font-family: Trebuchet MS, Verdana, Tahoma;
font-weight: bold;
}

a.botlink:active{
background-color: transparent;
color: #FFF;
text-decoration: none;
font-family: Trebuchet MS, Verdana, Tahoma;
font-weight: bold;
}

.headerapp
{
    width:              	100%;
    background:         	url("../images/bg-header.png") repeat-x top right;
    height:             	182px;
    text-align:				center;
    vertical-align:			middle;
}

.headerinapp
{
	width:					900px;
        line-height:                            20px;
	text-align:				left;
	font-size:				13px;
}

.contentapp
{
    width:              	100%;
    text-align:				center;
    margin-top:            	10px;
    margin-bottom:         	50px;
}

.contentinapp
{
	width:			900px;
	text-align:		left;
}

.titleapp
{
    width:  700px;
    line-height: 20px;
    font-size: 16px;
    border-top: 1px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px;
    border-style: dotted;
    border-color: #B4B5B7;
    background-color:   #F5F9FC;
}

.titlemenuapp
{
    width:  200px;
    line-height: 20px;
    font-size: 16px;
    border-top: 1px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px;
    border-style: dotted;
    border-color: #B4B5B7;
    background-color:   #F5F9FC;
}

.titlecomp
{
    font-size: 12px;
    border-top: 1px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px;
    border-style: dotted;
    border-color: #B4B5B7;
    background-color:   #F5F9FC;
}

.menuhover {
    width:  180px;
    height: 25px;
    font-size: 13px;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px;
    border-style: dotted;
    border-color: #B4B5B7;
    background-color:   #F5F9FC;
}

.menunohover {
    width:  180px;
    height: 25px;
    font-size: 13px;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px;
    border-style: dotted;
    border-color: #B4B5B7;
    background-color:   #FFFFFF;
}

.menuhover2 {
    width:  265px;
    height: 25px;
    font-size: 13px;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px;
    border-style: dotted;
    border-color: #B4B5B7;
    background-color:   #F5F9FC;
}

.menunohover2 {
    width:  265px;
    height: 25px;
    font-size: 13px;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px;
    border-style: dotted;
    border-color: #B4B5B7;
    background-color:   #FFFFFF;
}


.titel {
    font-size: 16px;
	font-weight: bold;
}

.systeem {
    font-size: 10px;
	font-weight: bold;
}

.clubzoekhover {
    font-size: 11px;
    background-color: #F5F9FC;
}

.clubzoeknohover {
    font-size: 11px;
    background-color:   #FFFFFF;
}

.contenthover {
    background-color: #F5F9FC;
    cursor: hand;
}

.contentnohover {
    background-color:   #FFFFFF;
}

.veld
{
    background:         	url("../images/systemen/grootveld.png") no-repeat;
	width: 620px;
	height: 770px;
}

.spelerfoto
{
    border-top: 3px;
    border-right: 3px;
    border-left: 3px;
    border-bottom: 3px;
    border-style: solid;
    border-color: #77CFF3;
}

.black_overlay{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
}
 
.white_content {
    display: none;
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    padding: 16px;
    border: 16px solid orange;
    background-color: white;
    z-index:1002;
    overflow: auto;
}