/* - body ------------------------------------------------- */


    body {
    background-color:#f3f2f2;
    }
    
    body, h1, h2, h3, p, form{
    margin:0;
    padding:0;
    font-family:arial;
    font-size:12px;
    }

    /* - containers ---------------------------------- */
      
        #container{
        width:1002px;
        margin: 0 auto;
        margin-bottom:30px;    
        }
        
        #container-top{
        padding:5px 0 0 8px;
        width:986px;
        height:26px;
        background-image:url('/gfx/header-top.jpg');
        }
        
        #container-links{
        width:177px;
        float:left;
        }
        
        #container-full{
        margin-top:5px;
        float:left;
        width:817px;
        }
            
            #content{
            margin:10px 20px;
            }

        #container-midden{
        margin-top:5px;
        float:left;
        width:541px;
        }
        
        #container-rechts{
        float:left;
        width:276px;
        }        
        
        #footer{
        text-align:center;
        padding:20px 10px;
        color:#009900;
        }
        
        #header{
        margin:0 20px 12px;
        }
            

            
    /* - content style ------------------------------- */
    
    h1{
    color:#0058ad;
    font-size:18px;
    margin:10px 0;
    }
    
    h2{
    color:#059956;
    font-size:18px;
    margin:10px 0;
    }
    
    h3{
    color:#03652c;
    font-size:14px;
    margin:6px 0;
    }
    
    h3 a{
    color:#03652c;
    font-size:14px;
    margin:6px 0;
    text-decoration:none;
    }
    
    h3 a:hover{
    color:#0d8841;
    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:#03652c;
    }
    
    .border{
    padding:1px;
    border:1px solid #9ccab5;
    }
    
    a{
    color:#089254;
    }
    
    a:hover{
    text-decoration:none;
    }
        
    a.leesmeer{
    color:#0960a5;
    background:url('/gfx/pijlen-groen.png') no-repeat 100% 5px;
    padding-right:10px;
    color:#026d3d;
    }
    
    a.leesmeer:hover{
    text-decoration:none;
    color:#089254;
    }
    
    a.terug{
    background:url('/gfx/pijlen-groen-b.png') no-repeat 0 5px;
    padding-left:10px;
    color:#026d3d;
    }
    
    a.terug:hover{
    text-decoration:none;
    }  
      
    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;
    }
    
    /* - nieuws- ---------------------- */
    
    #nieuws-overzicht-laatste-nieuws a.leesmeer{
    padding-left:10px;
    }

    #nieuws-overzicht-laatste-nieuws a.leesmeer{
    padding-left:10px;
    }

    .laatste-nieuws-regel{
    margin:0px;
    }

    .laatste-nieuws-regel a{
    background-image:url('/gfx/icon-nieuws.png');
    background-repeat:no-repeat;
    background-position:4px 7px;
    padding:5px 3px 5px 25px;
    display:block;
    }
    
    .laatste-nieuws-regel.even{
    background-color:#f3f2f2;
    }
    
    .laatste-nieuws-regel.oneven{
    background-color:#e2e1e1;
    }    
    /* - login ------------------------ */

    #loginform{
    }

    #loginform label{
    display:block;
    float:left;
    width:100px;
    padding-left:10px;

    }

    #loginform #login, #loginform #wachtwoord{
    margin:10px 0;
    display:block;
    width:80px;
    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;
    }
    
        /* - uitzondering -------------- -*/
        
        #content #loginform label{
        padding-left:0px;
        }
    
    /* - 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;
    }

                       
    /* - formulier ------------------ */
        
        
    #formulier{
    width:80%;
    }
    
    #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:11px;
    }
    
    #formulier tr.verplicht.melding label{
    background:url('/gfx/form-fout.png') no-repeat 100%;
    padding-right:20px;
    }
    
    
    #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:10px;
    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;
    }

    /* - menu ------------------------------------------------- */
    
    #container-top{

    }
    
    #container-top ul{
    padding:0px;
    margin:0px;
    }

    #container-top li{
    padding:0 4px 0 5px;
    float:left;
    list-style:none;
    background:url('/gfx/menu-sep.png') no-repeat 0 4px;
    }

    #container-top li.first{
    background:none;
    }
    
    #container-top li a{
    text-decoration:none;
    color:white;
    }
    
    #container-top li a:hover{
    text-decoration:underline;
    }
    
    /* - submenu ------------------------------------------------- */
    
    #submenu{
    padding:0 8px 0 4px;
    margin-top:5px;
    }
    
    #submenu  ul{
    padding:0px;
    margin:0px;
    padding-right:0px;
    }
    
    #submenu > ul{
    padding:0px;
    margin:0px;
    }
    
    #submenu li a{
    text-decoration:none;
    display:block;
    color:#046330;
    background-color:#c6e2d3;
    text-align:right;
    padding:3px 10px 3px 18px;
    margin:4px 0;
    }    
    
    #submenu > ul > li a{
    padding-right:10px;
    }

    #submenu > ul > li > ul > li a{
    padding-right:20px;
    }    
    
    #submenu > ul > li > ul > li > ul > li a{
    padding-right:30px;
    }  
        
    #submenu li.hasChildren > a{
    font-weight:bold;
    background-image:url('/gfx/menu-plus.png');
    background-repeat:no-repeat;
    background-position:6px 6px;
    }

    #submenu a:hover{
    background-color:#b3e0c8;
    }

    #submenu li.current > a{
    background-color:#71d09d;
    color:white;
    }
    
    #submenu li{
    list-style:none;
    }    
    
    /* - small border skin ------------------------------------ */
    
    .small-border-skin{
    margin:11px 13px 5px 5px;
    }
    
    .small-border-skin-header{
    padding:2px 2px 2px 11px;
    color:gray;
    }

    .small-border-skin-content{
    border:1px solid #e0e0e0;
    }

    .small-border-skin .padding{
    padding:2px;   
    }
    
    /* - masker skin ------------------------------------------ */
    
    .masker{
        position:relative;
    }
    
    .masker-content{
    position:relative;
    z-index:2;
    
    }

        .masker > .fill_top_left{
        
            position:absolute;
            top:0px;
            left:0px;

            width:4px;
            height:4px;
            
            background:url('/gfx/skin/wit_masker_b88_r4/topleft.png');    
        }
        
        .masker > .fill_top_right{
        
            position:absolute;
            top:0px;
            right:0px;
            
            width:4px;
            height:4px;
            
            background:url('/gfx/skin/wit_masker_b88_r4/topright.png');    
        }
        
        .masker > .fill_bottom_left{
        
            position:absolute;
            bottom:0px;
            left:0px;
            
            width:4px;
            height:4px;
            
            background:url('/gfx/skin/wit_masker_b88_r4/bottomleft.png');    
        }
        
        .masker > .fill_bottom_right{
        
            position:absolute;
            bottom:0px;
            right:0px;
            
            width:4px;
            height:4px;
            
            background:url('/gfx/skin/wit_masker_b88_r4/bottomright.png');    
        }
        
        .masker > .fill_top{
        
            position:absolute;
            top:0px;
            left:4px;
            right:4px;            
            height:4px;
            
            background:url('/gfx/skin/wit_masker_b88_r4/top.png');
        }

        .masker > .fill_left{
        
            position:absolute;
            top:4px;
            bottom:4px;
            left:0px;

            width:4px;
            
            background:url('/gfx/skin/wit_masker_b88_r4/left.png');    
        }                                                
             
        .masker > .fill_right{
        
            position:absolute;
            top:4px;
            bottom:4px;
            right:0px;
            
            width:4px;
            
            background:url('/gfx/skin/wit_masker_b88_r4/right.png');    
        }
        
        .masker > .fill_bottom{
        
            position:absolute;
            bottom:0px;
            left:4px;
            right:4px;            
            height:4px;
            
            background:url('/gfx/skin/wit_masker_b88_r4/bottom.png');
        }
        
        .masker > .fill_content{
            min-height:11px;
            overflow:hidden;
        }
        
        .masker > .fill_content > .padding{
        margin:10px;
        }

        .masker > .fill_content > .padding-left{
        margin:10px;
        }
    

    /* - shadow skin ------------------------------------------ */
        
    .shadow-skin{
        position:relative;
        min-height:400px;
    }
    
        .shadow-skin > .fill_middle{        
        
            background-color:white;
            position:absolute;
            top:4px;
            bottom:4px;
            left:4px;
            right:4px;
            
        }
        
        .shadow-skin > .fill_top_left{
        
            position:absolute;
            top:0px;
            left:0px;

            width:8px;
            height:8px;
            
            background:url('/gfx/skin/trans_sh93_r4/topleft.png');    
        }
        
        .shadow-skin > .fill_top_right{
        
            position:absolute;
            top:0px;
            right:0px;
            
            width:8px;
            height:8px;
            
            background:url('/gfx/skin/trans_sh93_r4/topright.png');    
        }
        
        .shadow-skin > .fill_bottom_left{
        
            position:absolute;
            bottom:0px;
            left:0px;
            
            width:8px;
            height:8px;
            
            background:url('/gfx/skin/trans_sh93_r4/bottomleft.png');    
        }
        
        .shadow-skin > .fill_bottom_right{
        
            position:absolute;
            bottom:0px;
            right:0px;
            
            width:8px;
            height:8px;
            
            background:url('/gfx/skin/trans_sh93_r4/bottomright.png');    
        }
        
        .shadow-skin > .fill_top{
        
            position:absolute;
            top:0px;
            left:8px;
            right:8px;            
            height:8px;
            
            background:url('/gfx/skin/trans_sh93_r4/top.png');
        }

        .shadow-skin > .fill_left{
        
            position:absolute;
            top:8px;
            bottom:8px;
            left:0px;

            width:8px;
            
            background:url('/gfx/skin/trans_sh93_r4/left.png');    
        }                                                
             
        .shadow-skin > .fill_right{
        
            position:absolute;
            top:8px;
            bottom:8px;
            right:0px;
            
            width:8px;
            
            background:url('/gfx/skin/trans_sh93_r4/right.png');    
        }
        
        .shadow-skin > .fill_bottom{
        
            position:absolute;
            bottom:0px;
            left:8px;
            right:8px;            
            height:8px;
            
            background:url('/gfx/skin/trans_sh93_r4/bottom.png');
        }
        
        .shadow-skin > .fill_content{
        
            position:relative;
            z-index:2;
        
        }
        
    /* - border skin ------------------------------------------------------ */
    
    .border-skin{
     margin:5px;
     }
    .border-skin > .border-skin-content{
    
        position:relative;
        min-height:100px;
       

    }
        .border-skin > .border-skin-header{       
        
            padding:2px 2px 2px 11px;
            color:gray;       
        
        }

    
        .border-skin > .border-skin-content > .fill_middle{        
        
            background-color:#f3f2f2;
            position:absolute;
            top:5px;
            bottom:5px;
            left:5px;
            right:5px;
            
        }
        
        .border-skin > .border-skin-content > .fill_top_left{
        
            position:absolute;
            top:0px;
            left:0px;

            width:5px;
            height:5px;
            
            background:url('/gfx/skin/grijs_bg95_b88_r5/topleft.png');    
        }
        
        .border-skin > .border-skin-content > .fill_top_right{
        
            position:absolute;
            top:0px;
            right:0px;
            
            width:5px;
            height:5px;
            
            background:url('/gfx/skin/grijs_bg95_b88_r5/topright.png');    
        }
        
        .border-skin > .border-skin-content > .fill_bottom_left{
        
            position:absolute;
            bottom:0px;
            left:0px;
            
            width:5px;
            height:5px;
            
            background:url('/gfx/skin/grijs_bg95_b88_r5/bottomleft.png');    
        }
        
        .border-skin > .border-skin-content > .fill_bottom_right{
        
            position:absolute;
            bottom:0px;
            right:0px;
            
            width:5px;
            height:5px;
            
            background:url('/gfx/skin/grijs_bg95_b88_r5/bottomright.png');    
        }
        
        .border-skin > .border-skin-content > .fill_top{
        
            position:absolute;
            top:0px;
            left:5px;
            right:5px;            
            height:5px;
            
            background:url('/gfx/skin/grijs_bg95_b88_r5/top.png');
        }

        .border-skin > .border-skin-content > .fill_left{
        
            position:absolute;
            top:5px;
            bottom:5px;
            left:0px;

            width:5px;
            
            background:url('/gfx/skin/grijs_bg95_b88_r5/left.png');    
        }                                                
             
        .border-skin > .border-skin-content > .fill_right{
        
            position:absolute;
            top:5px;
            bottom:5px;
            right:0px;
            
            width:5px;
            
            background:url('/gfx/skin/grijs_bg95_b88_r5/right.png');    
        }
        
        .border-skin > .border-skin-content > .fill_bottom{
        
            position:absolute;
            bottom:0px;
            left:5px;
            right:5px;            
            height:5px;
            
            background:url('/gfx/skin/grijs_bg95_b88_r5/bottom.png');
        }
        
        .border-skin > .border-skin-content > .fill_content{
            padding:4px;
            position:relative;
            z-index:2;
        
        }        
                    
    /* - skin uitzonderingen -------------------------------------- */
    
    .shadow-skin-container .fill_border_left{
        left:178px;
        width:3px;
        top:36px;
        bottom:4px;
        position:absolute;
        background-color:#e2e1e1;    
    }
    
    .shadow-skin-container{
        padding: 0 4px 4px 4px;
    }
    
        .shadow-skin-container > .fill_left{        
            top:0px;
        }                                                
             
        .shadow-skin-container > .fill_right{        
            top:0px;
        }
            
        .shadow-skin-container > .fill_middle{        
            top:0px;
        }    
		
		.rss_feed{
		float:right;
		margin-right:30px;
		margin-top:15px;
		color:grey;
		/* margin-bottom:10px */;
		}
		.rss_feed a{
		color:grey;
		text-decoration:none;
		}
		
		.rss_feed a:hover{
		color:red;
		}