/*
 * DESCRIPTION
 * CSS styles used by the lay-out of the website of Ger. Gem. Gouda   
 * Alter these styles to let the site have a custom look.
 * Last edited by Rudy de Jong
 *
 * CONTENT
 *     - Layout styles
 *     - List styles
 */


/* Layout styles 
-------------------------------------------------------------------------------------------------*/


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

body {
    background: url(/images/main_bg.gif) top;
}
.nawDIV {
	padding:12px;
	width:375px;
	border-top:1px solid #b1c6e5;
}

    #header {
        height: 123px;
        background: url(/images/header_bg.gif) repeat-x top;
    }
        
       #inner_header {
           width: 930px;
           margin: 0 auto;
           position: relative;
       }
               
           #inner_header .logo {
               position: relative;
               top: 47px;
           }
           
        #kerkbouw_part {
            width: 335px;
            height: 508px;
            position: absolute;
            top: 22px;
            right: 0;
            background: url(/images/kerkbouw_part.gif) no-repeat left -4px;
            z-index: 1000;
        }
        
            #kerkbouw_content {
                margin: 49px 38px 10px 36px;
            }
    
    #menu {
        height: 39px;
        background: url(/images/mainmenu_bg.gif) repeat-x;
    }
        
        #inner_menu {
            width: 930px;
            margin: 0 auto;
            position: relative;
        }
        
            #inner_menu ul {
                padding: 0;
                margin: 0;
                list-style: none;
                position: relative;
                top: 2px;
            }
            
            #inner_menu ul li {
                float: left;
                padding-right: 20px;
                
            }
            
            #inner_menu ul li a,
            #inner_menu ul li a:active,
            #inner_menu ul li a:link,
            #inner_menu ul li a:visited {
                font: normal 12px/23px Myriad Pro, "Myriad Pro", Myriad, Arial, sans-serif;
                color: #002F2F;
                text-decoration: none;
            }
            
            #inner_menu ul li a:hover {
                color: #2E466B;
            }

    #content_wrapper {
        width: 930px;
        margin: 0 auto;
        position: relative;
        overflow: auto;
        border-bottom: 1px solid #2E466B;
    }
        
        #content_template {
            width: 610px;
            min-height: 400px;
            padding-top: 10px;
            position: relative;
            float: left;
        }
        
            #submenu {
                width: 140px;
                float: left;
                display: inline;
            }
                
                #submenu ul {
                    padding: 0;
                    margin: 0;
                    list-style: none;
                    text-align: right;
                    background: url(/images/submenu_top.png) repeat-y top right;
                    float: left;
                    width: 140px;
                }
                
                #submenu ul li {
                    height: 30px;
                    padding-right: 18px;
                }
                
                #submenu ul li a,
                #submenu ul li a:link,
                #submenu ul li a:active,
                #submenu ul li a:visited {
                    font: bold 11px/30px Tahoma, Arial, Verdana, sans-serif;
                    color: #2E466B;
                    text-decoration: none;
                }
                
                #menu_filler {
                    display: block;
                    width: 140px;
                    float: left;
                    background: url(/images/submenu_middle.png) repeat-y right;
                }
                
                #contact {
                    height: 204px;
                    background: url(/images/submenu_bottom.png) repeat-y bottom right;
                    font: normal 11px/16px Tahoma, Arial, Verdana, sans-serif;
                    color: #2E466B;
                    text-align: right;
                    bottom: 0;
                    left: 0;
                    position: absolute;
                    width: 140px;
                    
                }
                
                #contact p {
                    margin-right: 18px;
                }
            
            #content {
                width: 422px;
                min-height: 400px;
                float: left;
                padding: 16px 24px;
				overflow-x: hidden;
            }
			
			#content .scrolldiv {
				width: 430px;
				height: 590px;
				overflow-y: auto;
				scrollbar-3dlight-color:#b1c6e5;
				scrollbar-arrow-color:#fff;
				scrollbar-base-color:#ff6347;
				scrollbar-darkshadow-color:#b1c6e5;
				scrollbar-face-color:#4a74b4;
				scrollbar-highlight-color:#e1e1ec;
				scrollbar-shadow-color:#b1c6e5;
			}

    #copyright {
        width: 930px;
        margin: 0 auto;
        padding-top: 10px;
        text-align: center;
    }
    
/* List styles 
-------------------------------------------------------------------------------------------------*/
.nieuwsbericht {
    padding-bottom: 18px;
}

.nieuwsbericht a,
.nieuwsbericht a:visited {
    font-weight: bold;
    color: #2E466B;
}

.nieuwsbericht .small {
    display: block;
    font-size: 10px;
}

.bouwbericht {
    padding-bottom: 18px;
}

.bouwbericht span {
    font-weight: bold;
    display: block;
}

/* Search styles
-----------------------------------------------------------------------------------------------------*/

.inputSearch {
	width:108px;
	height:14px;
	border:1px solid black;
	color:#a3c2df;
	font-size:11px;
	font-family:verdana;
	padding-top:1px;
	padding-left:2px;
}
.inputSearchLogin {
	width:128px;
	height:14px;
	border:1px solid black;
	color:#a3c2df;
	font-size:11px;
	font-family:verdana;
	padding-top:1px;
	padding-left:2px;
}
.buttonSearch {
	padding-left:4px;
	padding-right:4px;
	height:18px;
	border:0px solid #e0dfea;
	background-color:#4a74b4;
	color:white;
	font-size:11px;
	font-weight:bold;
}