/* At-Rules */
@charset "iso-8859-1";


html, body {
       height: 100%;
}

body {
	background-color: #e8e8e8; 
	color: #000000; 
	font-family:  tahoma,"times new roman",times,serif; 
	font-weight: normal; 
    	font-size: 11pt;
	margin:  0px; 
	padding:  0px; 
	text-decoration: none;
}

#container {
        min-height: 100%;
        height: auto !important;
        height: 100%;
	width: 900px;
        margin: 0 auto -50px auto;
	background-color: #ffffff; 
	padding: 0px;
        border-left: 1px solid #c0c0c0;
        border-right: 1px solid #c0c0c0;
}

#main {
	margin: 0px 20px 00px 20px; 
	background-color: #ffffff; 
	line-height:135%;
}
#bovenkant {
	width: 900px;
	height: 100px;
	background-image: url(../images/logo-website.jpg);
	background-repeat: no-repeat;
}

h1 {
        font-weight: bold;
        font-size: 200%;
	font-family: Tahoma, Arial, "sans-serif"; 
	line-height: 110%; 
	color: #408040;
}

h2 {
        font-weight: bold;
        font-size: 150%;
	line-height: 110%; 	
	font-family: Tahoma, Arial, "sans-serif"; 
	color: #408040;
}

h3 {font-weight: bold}

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
	color: #408040; font-weight: bold ; text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, {
	color: #408040; font-weight: bold ; text-decoration: underline;
}
a:link {color: #00c; font-weight: normal ; text-decoration: underline}
a:visited {color: #00c; font-weight: normal; text-decoration: none}
a:hover {color: #00c; text-decoration: underline}

hr {clear: both}

dt {	font-weight: bold;
	margin-top: 9px}

/* table tr:hover { background-color: #efefbf;
                cursor: arrow; } */


.header {
	font-size: 110%; 
	font-family: "Times New Roman",Times,Serif; 
	text-decoration: none; 
	color: #ffe0c0; 	
	text-align: center
}

.push, .footer {
        height: 50px;
}
.footer {
	width: 900px;
        margin: 0 auto 0 auto;
	font-size: 80%; 
	font-family: Tahoma,"Times New Roman",Times,Serif; 
	color: #404080; 
	text-align: center; 
	clear:left;
}

.footer a:link {
	color: #404080; 	
	text-decoration: none; 
	font-weight: normal
}
.footer a:visited {
	color: #404080; 
	text-decoration: none; 
	font-weight: normal
}
.footer a:hover {
	text-decoration: underline;
}
.footer hr {
	clear: left
}

#crumbs {
	position: relative; 
	height: auto; 
	width: auto; 
	top: 0px; 
	left: 0px;  
	margin: 0px 0px 0px 0px; 
	padding: 5px; 
	padding-right: 100px; 
	background: #ae8; 	
	text-align: left; 
	color: #000; 
	font-family:Tahoma,Arial,Sans-Serif; 
	font-size: 10px;
}

#crumbs a:link, #crumbs a:visited {
	color: #000; 	
	text-decoration: none; 
	font-weight: normal;
}

#crumbs a:hover {text-decoration: underline;}

.leftbar {
        height: auto;
	width: 250px;
	azimuth: right; 
	float: right; 
	margin: 0px 40px 0px 20px; 
	padding:  0px; 
	position: relative; 
	background: #ffffff; 
}

.leftitem {
	azimuth: left; 
	background: #eafcd0; 
	color: #000; 
	font-family: Tahoma,Arial,Sans-Serif; 
	font-size: 90%; 
	height: auto; 
        padding: 0px 10px 0px 10px;
        margin-top: 20px;
	position: relative; 
	text-align: left; 
	width: 100%;
}

.leftitem a:link, .agenda A:visited {
	color: #00c; 
	text-decoration: none; 
	font-weight: normal;
}

.leftitem a:hover {text-decoration: underline;}

.plaatje {
	font-size: 100%; 
	font-family: "Times New Roman",Times,Serif; 
	text-decoration: none; 
	color: #000000; 
	text-align: left;
}

.foto {
        border-top-color: #408040;
        border-top-style: solid;
        border-top-width: thin;
        display: block;
        float: left;
        height: auto;
        margin-bottom: 5px;
        overflow: hidden;
        padding-top: 5px;
        padding-right: 7px;
        text-align: center;
        vertical-align: top;
        width: 215px;
}


#menubalk {
	font-size: 100%; 
	font-family: Tahoma,Arial,Sans-Serif; 
	color: #400; 
	text-align: center; 
	position: static; 
	float: left; 
	width: 110px; 
	height: auto;   
	background: #c8eca8; 
	margin: 0px; 
	padding: 5px;  
	border-width: 0.4em; 
	border-style: solid; 
	border-color: #484; 
	-moz-border-radius-bottomright: 50%; 
	-moz-opacity: 0.7;
}

#menubalk big {
	font-size: 120%; 
	color: #040; 
	text-decoration: none; 
	font-weight: normal;
}

#menubalk a:link, #menubalk a:visited {
	color: #400; 
	text-decoration: none; 
	font-weight: normal;
	-moz-opacity: 1;
}

#menubalk a:hover {
	color: #400; 
	text-decoration: underline; 
	font-weight: bold;
}


.advent {
	font-style: italic; 
	text-indent: 3em; 
	margin-left: 1.5em; 	
	margin-top: 0.7em;
}

/* nieuwe settings voor liturgie */
.liturgiekop, .liturgielied, .liturgielezing, .liturgieintro {
	display: block; 
	font-size: 100%;
}
.liturgiekop {
	font-weight: bold; 
	text-align: left; 
	margin: 10px 1px 1px 0.7em;
}
.liturgielied {
	padding-left: 1em; 
	font-weight: normal; 
	margin: 0px 1px 1px 1px;
}
.liturgielezing {
	font-style: normal; 
	padding-left: 2em; 
	padding-right: 1em;
}
.liturgieintro {
	padding-left: 2em; 
	padding-right: 1em; 
	padding-bottom:1em;
}

/* --- menu -------------------- */
            
         #menu {
            margin-top: 0px; 
            width: 900px;
            height: 30px;
            background: #c8eca8 ;
	    color: #000; 
            z-index: 999;
         }  
            
         #menu_navigation {
            margin-left: 20px; 
         }

         /* --- all lists --- */
         #menu_navigation ul {
            z-index: 999;
            padding: 0px;
            margin: 0px;
            list-style: none;
         }
         #menu_navigation li {                                
            float: left;                                      
         }                                                    
                                                              
         #menu_navigation a {                                 
            display: block;                                   
            padding: 0px 20px 0px 20px;                       
            font-family: Verdana, Arial, "sans-serif";
            font-size: 80%;
            text-align: center;                               
            text-decoration: none;                            
            color: #000;                                     
            font-weight: normal;                                
            height: 30px;                                     
            line-height: 30px;                                
         }                                                    
                                                              
         #menu_navigation ul li a:hover {                     
            background: #f0f0d0;
            color: #408040;                                   
         }                                                    
                                                              
         /* --- main level list --- */    
         /* --- second-level lists --- */                     
         #menu_navigation li ul {                             
            position: absolute;                               
            display: none;                                    
            border: 1px solid #cccccc;                        
         }                                                    
                                                              
         #menu_navigation li ul li {                          
            float: none;                                      
         }                                                    
                                                              
         #menu_navigation li ul li a {                        
            border: 0;                                        
            padding: 0px 5px 0px 5px;                         
            text-align: left;                                 
            width: 15em;                                      
            background-color: #a0e080; /* --- menu color ---*/
            height: 25px;                                     
            line-height: 25px;                                
         }                                                    
                      #menu_navigation li ul li a:hover { 
            background: 0; 
            background-color: #f0f0d0; /* --- menu hover color ---*/ 
            color: #408040; 
         } 

         /* --- hover function for submenus --- */ 
         #menu_navigation li:hover ul, #menu_navigation li.sfhover ul {     
            display: block;                                   
         }                                                    
                                                              
         /* --- fixes for IE --- */                           
         /* IE 6 */                                           
         * html #menu_navigation a.external {                 
            padding-left: 16px;                               
         }                                                    
                                                              
         /* IE 7 */                                           
         #menu_navigation li:hover {                          
            position: static;                                 
         }