/*
 * DESCRIPTION
 * CSS styles used by the lay-out of the website of CSG Reggesteyn   
 * Alter these styles to let the site have a custom look.
 *
 * CONTENT
 *     - Layout styles
 *     - List styles
 */


/* Layout styles 
-------------------------------------------------------------------------------------------------*/
@charset "utf-8";

html,
body {
    padding: 0px; 
    margin: 0px;
    height: 100%;
}

body {
    background: url(//beheer.reggesteyn.nl/Manage/Clients/1/htdocs/3/images/main_bg.gif) 50% 50%;
    padding: 0px; 
    margin: 0px;
    height: 100%;
}

    #main_wrapper {
        width: 1005px;
        margin: 0 auto;
        background: url(//beheer.reggesteyn.nl/Manage/Clients/1/htdocs/3/images/main_inner_bg.gif) 50% 50%;
        padding: 0;
        height: 100%;
        overflow: visible;
	}
    
    #site_container {
        width: 960px;
        margin: 0 auto;
        padding: 0;
        position: relative;
        overflow: auto;
        _overflow: visible;
        background: #FFF url(//beheer.reggesteyn.nl/Manage/Clients/1/htdocs/3/images/bottom_pictures.jpg) no-repeat bottom center;
        min-height: 100%;
        _height: 100%;
    }
        #top_bar {
            background: #0B1B81;
            height: 24px;
            border-bottom: 1px solid #FFF;
        }
        
        *:lang(nl) #top_bar {
            background: #0F238C !important;
        }
        
            #top_bar ul {
                padding: 0;
                margin: 0;
                list-style: none;
                float: right;
            }
        
                #top_bar ul li {
                    float: left;
                }
        
                    #top_bar ul li a,
                    #top_bar ul li a:link,
                    #top_bar ul li a:visited,
                    #top_bar ul li a:hover,
                    #top_bar ul li a:active {
                        font: normal 12px/22px Arial,Verdana,Helvetica,sans-serif;
                        color: #FFF;
                        text-decoration: none;
                        border-left: 1px solid #FFF;
                        padding: 0 11px;
                    }
                    
                    #top_bar ul li a.noborder {
                        border: none;
                    }

        #logo_bar {
            height: 24px;
            background: #B0DED6 url(//beheer.reggesteyn.nl/Manage/Clients/1/htdocs/3/images/school_name.gif) no-repeat right;
        }
        
            #logo {
                position: absolute;
                top: 24px;
                left: 14px;
                z-index: 10;
            }

        #content_wrapper {
            background: url(//beheer.reggesteyn.nl/Manage/Clients/1/htdocs/3/images/content_bg.jpg) no-repeat top;
            width: 960px;
            min-height: 200px;
        }
        
            #menu {
                width: 180px;
                float: left;
                padding-top: 76px;
                background: #939CCB;
            }
            
            #menu img {
                float: left;
            }
            
            /* For menu-styles, see css/menu_styles.css */
            
            #content {
                width: 780px;
                float: right;
            }
            
                #content_header {
                    width: 780px;
                    height: 122px;
                }
                
                    #content_header ul {
                        padding: 0;
                        list-style: none;
                        margin: 6px 0 0 442px;
                    }
                    
                        #content_header ul li {
                            width: 105px;
                            height: 22px;
                            border: 1px solid #FFF;
                            margin-top: 2px;
                            text-align: center;
                        }
                        
                        #content_header ul li.goto_ouder {
                            background-color: #7AB800;
                        }
                        
                        #content_header ul li.goto_leerling {
                            background-color: #009FDA;
                        }
                        
                        #content_header ul li.goto_medewerker {
                            background-color: #D10074;
                        }
                        
                            #content_header ul li a {
                                font: normal 12px/23px Arial,Verdana,Helvetica,sans-serif;
                                color: #FFF;
                                text-decoration: none;
                            }

                #content_text {
                    width: 694px;
                    padding: 0 3px;
                    margin-bottom: 190px;
                }
                
/* Layout styles 
-------------------------------------------------------------------------------------------------*/
.block {
    width: 233px;
    margin-bottom: 15px;
    border-bottom: 3px solid #fff;
}

.green {
    background: #C3DF8C;
    border-bottom-color: #7AB800;
}

.pink {
    background: #EA8CC0;
    border-bottom-color: #D10074;
}

.blue {
    background: #8CD4EE;
    border-bottom-color: #009FDA;
}

.block .head {
    height: 21px;
    display: block;
    color: #FFF;
    font-weight: bold;
    padding-left: 7px;
    line-height: 21px;
}

.block ul {
    margin: 9px 0 9px 0;
    list-style: none;
}

.green ul li {
    padding: 1px 0 1px 22px;
    background: url(//beheer.reggesteyn.nl/Manage/Clients/1/htdocs/3/images/bullet_green.gif) no-repeat 4px 3px;
    border-style: solid;
    border-color: #C3DF8C;
    border-width: 1px 0;
}

.blue ul li {
    padding: 1px 0 1px 22px;
    background: url(//beheer.reggesteyn.nl/Manage/Clients/1/htdocs/3/images/bullet_blue.gif) no-repeat 4px 3px;
    border-style: solid;
    border-color: #8CD4EE;
    border-width: 1px 0;
}

.pink ul li {
    padding: 1px 0 1px 22px;
    background: url(//beheer.reggesteyn.nl/Manage/Clients/1/htdocs/3/images/bullet_pink.gif) no-repeat 4px 3px;
    border-style: solid;
    border-color: #EA8CC0;
    border-width: 1px 0;
}

.block ul li:hover {
    background-color: yellow;
    border-color: #FFF;
    
}

.block ul li a {
    color: #000;
    text-decoration: none;
}

/*
.green ul {
    list-style-image: url(//beheer.reggesteyn.nl/Manage/Clients/1/htdocs/3/images/bullet_green.gif);
}

.pink ul {
    list-style-image: url(//beheer.reggesteyn.nl/Manage/Clients/1/htdocs/3/images/bullet_pink.gif);
}

.blue ul {
    list-style-image: url(//beheer.reggesteyn.nl/Manage/Clients/1/htdocs/3/images/bullet_blue.gif);
}
*/

.pink .head {
    background-color: #D10074;
    border-bottom: 1px solid #fff;
}

.blue .head {
    background-color: #009FDA;
    border-bottom: 1px solid #fff;
}

.green .head {
    background-color: #7AB800;
    border-bottom: 1px solid #fff;
}