body{
    font-family:arial;
    background:url('/gfx/body-bg.jpg') repeat-x #e9e9e9;
    font-size:12px;
    color:#535353;
    }

    a{
    color:#000;
    }
    
    img{
    border:0px;
    }
    
    #header{
    height:115px;
    position:relative;
    }
    
        #header #logo-crossmoor{
        position:absolute;
        top:6px;left:24px;width:82px;height:107px;
        background:url('/gfx/logo-crossmoor.png');
        }
        
        #header h1{
        font-size:30px;
        color:#878787;
        font-weight:normal;
        position:absolute;
        top:68px;left:124px;
        }

    #top-menu{
    height:34px;
    width:984px;
    background:url('/gfx/menu-bg.png');
    padding:0 8px;
    }
        
        #top-menu ul{
        padding:0px;
        margin:0px;
        }
        
        #top-menu li{
        background:url('/gfx/top-menu-sep.png') no-repeat 1px 9px;
        list-style:none;
        float:left;
        padding:0 0 0 5px;
        }
        
        #top-menu li.first{
        background:none;
        }
        
            #top-menu li .top-menu-item{
            padding:8px 10px 0 10px;
            height:22px;
            }
            
            #top-menu li .top-menu-item a:hover{
            text-decoration:underline;
            }
            
            #top-menu li.current .top-menu-item, #top-menu li.open .top-menu-item{
            background-color:#39a6cc;
            }
            
                #top-menu li .top-menu-item a{
                color:white;
                font-size:14px;
                text-decoration:none;
                }
    
    #submenu ul{
    margin:0px;
    padding:0px;
    list-style:none;
    }
    
    #submenu li{
    display:block;
    background:url('/gfx/menu-blauw.png') no-repeat 1px 6px;
    padding:2px 2px 2px 19px;
    margin:3px 0;
    }
    
    #submenu li.hasChildren{
    background:url('/gfx/menu-groen.png') no-repeat 1px 6px;
    padding:2px 2px 2px 30px;
    }
    
    #submenu li > a:hover{
    color:#787878;
    }
    
    #submenu li.open > a{
    font-weight:bold;
    }
    
    #submenu li.current > a{
    color:#686868;
    }

    #submenu li.current > a{
    color:#686868;
    background:url('/gfx/menu-flag.png') no-repeat 100%;
    padding-right:25px;
    }
    
    #submenu li a{
    text-decoration:none;
    }
    
    .container{
    width:1000px;
    margin: 0 auto;
    }
    
    .container-bottom > .window{
    width:246px;
    float:left;
    }
        .container-bottom > .window > .window-border{
        min-height:312px;   
        }
        
    
    .c-top-main{
    float:left;
    width:750px;
    }
    
    .c-top-left{
    float:left;
    width:250px;
    }
    
    .c-top-left .window-content{
    height:433px;
    overflow:hidden;
    }
    
        .window{
        margin:4px 2px;
        position:relative;
        }   
            
            .center{
            text-align:center;
            }
            
            .window-hrd{
            background:url('/gfx/window-bg.png');
            height:30px;
            margin:0px;
            color:white;
            font-size:12px;
            font-weight:normal;
            padding:6px 6px 0 6px;
            position:relative;
            }
        
            .window-border{
            border:1px solid #999999;
            padding:0px;            
            }
            
            .window-padding{
            padding:8px;              
            }

            .window-bg{
            background-color:#fff;       
            }
            
            .window-size-1{
            width:246px;
            }
            
            .window-size-2{
            width:496px;
            }
            
            .window-size-3{
            width:746px;
            }
            
            .window-size-4{
            width:996px;
            }
            
        .window-mskr-bl{
            background:url('/gfx/skin/mskr_gray_9/bottomleft.png');
        height:9px;
        width:9px;
        position:absolute;
        bottom:0px;
        left:0px;
        }
        
        .window-mskr-br{
        background:url('/gfx/skin/mskr_gray_9/bottomright.png');
        height:9px;
        width:9px;
        position:absolute;
        bottom:0px;
        right:0px;
        }
	
    		.window-link{
    		background:url('/gfx/window-explore.png');
    		height:14px;
    		width:14px;
    		display:block;
    		position:absolute;
    		right:7px;
    		top:7px;
            }
		
            .window-content{
            
            }
        
            .container-left{
            float:left;
            width:250px;
            min-height:100px;
            }
            
            .container-full{
            width:750px;
            float:left;
            min-height:100px;
            }
            
            .container-middle{
            width:500px;
            float:left;
            min-height:100px;
            }
            
            .container-right{
            float:left;
            width:250px;
            min-height:100px;
            }
                
    /* - sep styles - */ 
    
    #nieuws-overzicht ul{
    overflow:hidden;
    }
    
    .nieuws-overzicht-laatste-nieuws ul{
    margin:0px;
    padding:0px;
    list-style:none;
    }

    .laatste-nieuws-regel{
        background:url('/gfx/news-i.png') no-repeat #f1f1f0;    
        min-height:48px;
        padding:5px 0;
        padding-left:29px;
        margin:8px 0;
    }
    
    .laatste-nieuws-regel a{
    color:#51a021;
    }

    .laatste-nieuws-regel{
    color:#535353;
    }    
    
    .leesmeer{
    background:url('/gfx/link-more.png') no-repeat 0 6px;
    padding-left:10px;
    text-decoration:none;
    color:#51A021;
    }

    .terug{
    padding-left:10px;
    background:url('/gfx/link-less.png') no-repeat 0 6px;
    text-decoration:none;
    color:#51A021;
    } 
	
    .back_button{
	 padding-left:10px;
    background:url('/gfx/link-less.png') no-repeat 0 6px;
    text-decoration:none;
    color:#51A021;
    float:right;
	}
    .leesmeer:hover, .terug:hover{
    text-decoration:underline;
    
    }
	
	.terug_baanlayout{
    padding-left:10px;
    text-decoration:underline;
    color:black;
	float:left;
    } 
	
	.terug_baanlayout:hover{
	text-decoration:none;
	color:#919191;
	}
    
    /* - agenda ---------------------------- */
    
    
    .agenda-overzicht ul{
    margin:0px;
    padding:0px;
    list-style:none;
    }

    .agenda-regel{
        background:url('/gfx/agenda-i.png') no-repeat #f1f1f0;    
        height:48px;
        padding:5px 0;
        padding-left:29px;
        margin:8px 0;
    }
    
    .agenda-regel a{
    color:#51a021;
    }

    .agenda-regel{
    color:#535353;
    }   
    
    .agenda-regel p{
    margin-top:2px;
    }  
    /* - egolf styles */
    
    #ledenlijst font{
    font-size:13px;
    }
    
    #commissielijst font{
    font-size:13px;
    }
    
    #commissielijst td{
    border:none;
    }    
    
    #ledenlijst td{
    border:none;
    }
    
    table{
    width:100%;
    border-spacing:0px;
    }
    
    thead th{
    text-align:left;
    font-weight:normal;
    color:#000;
    font-size:13px;
    background-color:#cecece;
    }
    
    tbody th{
    width:30%;
    padding:5px 0;
    text-align:left;
    font-weight:normal;
    color:#373737;
    font-size:12px;
    }
    
    tbody td{
    border-bottom:1px solid #dadada;
    }
    
    #naw{
    padding-top:10px;
    }
    
    #naw{
    padding-top:10px;
    }  
      
    #wijzignaw td{
    border-bottom:none;
    }
    
    #inschrijfform td{
    border-bottom:none;
    }
    
    #vreemdekaarten td{
    border-bottom:none;
    }
    
    .overzicht td{
    padding-top:5px;
    }
    
    /* content style - */
    
                  
    /* - formulier ------------------ */
        
        
    #formulier{
    width:65%;
    }
    
    #formulier table, #formulier tr, #formulier td{
    border:0px;
    }
    
    #formulier td.label{
    width:100px;
    }
    
    #formulier td label{
    display:inline-block;
    padding-top:10px;
    }
    
    #formulier td.field input{
    width:250px;
    float:right;
    }
    
    #formulier .field-div{
    float:right;
    width:250px;
    }
    
    #formulier td.full textarea{
    width:100%;
    float:right;
    }
    
    #formulier tr.verplicht label{
    background:url('/gfx/form-verplicht.png') no-repeat 100%;
    padding-right:30px;
    }
    
    #formulier tr.verplicht.melding label{

    }
    
    
    #formulier #image{
    margin-bottom:5px;
    }
    
    #formulier tr.melding input, #formulier tr.melding textarea  {
    background-color:#fceeee;
    }
    
    #formulier ul.meldingen li{
    list-style:none;
    padding:5px 0;
    
    }
    
    #formulier ul.meldingen{
    margin-bottom:10px;
    }
    
    p.verplicht{
    padding-left:20px;
    background:url('/gfx/form-verplicht.png') no-repeat;
    }

    
    /* - gallery ---------------------------------------------- */
    
    #sb-title{
    display:none;
    }   
    
    a#sb-nav-next{
    width:83px !important;
    }
    
    a#sb-nav-previous{
    width:63px !important;
    }            
    
    .overzicht-album{
    width:125px;
    height:200px;
    }
    
    .afbeelding-mask{
    height:100px;
    width:100px;
    border:1px solid #fff;
    }
    
    div.container-float{
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    }
        
    /* - content style ------------------------------- */
    
    h1{
    color:#397216;
    font-size:20px;
    margin:10px 0;
    }
    
    h2{
    color:#498922;
    font-size:18px;
    margin:10px 0;
    }
    
    h3{
    color:#4c4c4c;
    font-size:14px;
    margin:6px 0;
    }
    
    h3 a{
    color:#4c4c4c;
    font-size:14px;
    margin:6px 0;
    text-decoration:none;
    }
    
    h3 a:hover{
    color:#838383;
    font-size:14px;
    margin:6px 0;
    }

    
    h4{
    color:#03652c;
    font-size:12px;
    margin:6px 0;
    }
    
    h4 a{
    color:#03652c;
    font-size:12px;
    margin:6px 0;
    text-decoration:none;
    }
    
    h4 a:hover{
    color:#0d8841;
    font-size:12px;
    margin:6px 0;
    }
    
    .ondertitel{
    color:#8a8a8a;
    /*display:inline;*/
    }
    
    .border{
    padding:1px;
    border:1px solid #9ccab5;
    }


/* - Images container */

    img.float{
    float:left;margin-right:10px;margin-right:10px;
    }
    
    img.block{
    padding-bottom:10px;
    }   

    img.border{
    padding:1px;
    border:1px solid #cccdcb;
    }
        
      
    p{
    font-size:12px;
    line-height:17px;
    margin:8px 0;
    }
    
    table{
        border-spacing:0px;
    }
    
    table tr{
        padding:5px 0; 
    }
    
    table td{
        padding:5px 2px; 
        border-bottom:1px solid #e5e5e5;
    }
    
    img{
    border:0px;
    }
    
    
    .float{
    float:left;
    margin-right:10px;
    }
    
    span.gray{
    color:#808080;
    }
    .gray a{
    color:#808080;
    }
    
    .clear{
    clear:both;
    }
    
    /* - modules ---------------------------------------------- */
    
    .content-padding{
    margin:20px;
    }
    
    /* - login ------------------------ */

    #loginform{
    }

    #loginform label{
    display:block;
    float:left;
    width:100px;
    color:#005aa3;

    }

    #loginform #login, #loginform #wachtwoord{
    margin:10px 0;
    display:block;
    width:120px;
    border:1px solid #b4b4b4;
    }
    
    #loginform #button-login{
    float:right;
    margin-right:30px;
    }
    
    #loginform .vergeten{
    font-size:10px;
    padding:3px 0 0 10px;
    }
    
    p.error{
    background:url('/gfx/error.png') no-repeat 8px 5px;
    color:red;
    background-color:#ececec;
    border:1px solid #dadada;
    font-weight:bold;
    padding:3px 5px 3px 18px;
    }
    .loginform-button{
    padding-right:15px;
    float:right;
    }

    /*- baanstatus *------------------- */
    
    #baanstatus{
      
    margin-top:71px;
    }
    
    .overlay{
    
    margin-top:-75px;
    }

/*- for baan bereken hcp *-------------*/
 	#baan_bereken_hcp{
	background-color:#FFFFFF;
	width:594px; 
	/* margin:15px;  */
	/* line-height:140%; */
	padding-bottom:20px;
	} 
	
 		#baan_bereken_hcp form{
		width:auto; 
		background-color:white;
		} 
		
		.calcphcp  {
		width:auto; 
		border:none;
		background-color:white;
		}    
		
		.calcphcp  th, .calcpchp table{
		background-color:white;
		border:none;
		font-weight:bold;
		border-spacing:2px;
		}
		
		
   		.calcpchp td{
		border:none;		
		}   
		
		.calcpchp th{
		border:none;
		font-weight:bold;
		}
		
 		.calcphcp td{
		border:none;
		}   
/*  		form.calcpchp table{
		width:auto;
		} 
 */		
		.intbox{
		background-color:white;
		width:30px;
		}
		
		#ehcp{
		margin-right:80px;
		}
		
		th.box {
		width: 10px;	
		border: 1px black solid;
		text-align: center; 
		} 
		
		.calcpchp table tbody th{
		width:10px;
		
		}
		
	/* - kalender ------------------- */
	
	.kalender-hdr h3{
	display:inline;
    font-size:16px;	
	}
    .kalender-hdr a{
    text-decoration:none;
	}
	
	.kalender-maanden-list{
	padding:0px;
	margin:10px 0px 0 0;
	height:20px;
	}
	
	.kalender-maanden-list li{
		float:left;
		padding: 0 5px;
		margin: 0 5px;
		list-style:none;
		padding-top:4px;
	}
	
	.kalender-maanden-list li.first{
    padding-left:0px;
    }
    
	.kalender-maanden-list li.current {
	padding-top:0px;
	}

	.kalender-maanden-list li.current a{
	font-size:16px;
	color:#000;
	text-decoration:none;
	}
	
	.kalender-maanden-list a{
	color:#8A8A8A;
	text-decoration:none;
	}

	.kalender-startvorm{
	width:75px;
	}
	
	   .kalender-overflow{
	   overflow:hidden;
	   white-space:nowrap;
	   display:block;
	   width:230px;
	   }
	
	.kalender-maanden-list li a:hover{
    color:#393939;
    text-decoration:none;
	}
	
    .kalender{
    margin-top:20px;
    border-collapse:collapse;
	}
	
	.kalender td{
	border-bottom:1px solid #d6d6d6;
	
	}
	
    	.kalender tr th{
    	background-color:#dadada;
    	width:auto;
    	border-bottom:1px solid #bababa;
    	font-weight:bold;
    	}
    	
    	.kalender tr a{
    	font-weight:bold;
    	text-decoration:underline;
        color:#b4b4b4;
    	}
    	
    	.kalender tr a span{
    	color:#3f3f3f;
    	}
    	
    	.kalender tr a:hover{
    	color:#000;
    	}
    	
    	.kalender tr.week{
    	color:#a3a3a3;
    	}
    	
    	.kalender tr.weekend{
    	background-color:#f0f0f0;
    	color:#555555;
    	}
    	
    	.kalender tr.zaterdag{
    	background-color:#ebebeb;
    	color:#555555;
    	}
        	
    	.kalender tr.vandaag{
    	font-weight:bold;
    	background-color:#fcfd88;
    	}
        	 
        .kalender tr.empty{
        color:#aeaeae;
        font-style:italic;
        }
                    		
            .kalender tr:hover{
            /*background-color:rgb(230,230,230);*/
            background-color:#dedede;
            }
            
	        .kalender td.kalender-tijd{
	        width:90px;
	        }
	
	        .kalender td.kalender-datum{
	        width:75px;
	        }
                
	        .kalender tr:hover td.kalender-datum{
	        color:black;
	        }
	        
	.kalender-raster-view{
    table-layout:fixed;
    border-collapse: collapse;
	}
	/*
	.kalender-raster-view td{
    padding: 2px 5px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
    position:relative;
    vertical-align:top;
    }
    
    .kalender-raster-view td:hover{
    overflow:auto;
    cursor:pointer;
    }
    
    .kalender-raster-view td div{
    border:1px solid black;
    min-height:40px;
    }
    */
    
    .kalender-raster-view td{
    padding:0px;
    }
    
	.kalender-raster-view td{
	height:100px;
	width:17px;
	overflow:hidden;
	cursor:pointer;
	}
	.kalender-raster-view td:hover{
	overflow:visible;
	}
	
    .kalender-raster-view td > div {
	position:relative;
	width:100%;
	height:100%;
	}
	
    .kalender-raster-view td:hover > div > div{
    z-index:1;
    background-color:#e8e8e8;
	}
	
    .kalender-raster-view td > div > div{
    position:absolute;
    left:0px;
    top:0px;
    white-space:nowrap;
    padding:10px 10px 10px 10px;
	}
#footer{
float:right;
margin:5px 0 10px 0;
}