body {
    background: #FFF;
    margin: 0px auto;
    text-align: center;
}

.pagina{
	font-family: 'Arial';
	width: 1000px;
	margin: 0px auto;
	text-align: left;
}
    
    .header2_3 {
        height: 135px;
        position: relative;
    }
    
	.header{
		background: url("/media/site/images/gradient.png") bottom left navy;
		width: 1000px;
		height: 29px;
		font-size:12px;
		font-weight: bold;
		text-align: right;
		color: white; 
		padding-top: 5px;
		padding-right: 4px;
		padding-bottom: 4px;
	}
	   
	   input.submit {
	       margin-bottom: -6px;
	   }
	   
	   .header p {
	       font-weight: normal;
	       height: 29px;
	       line-height: 29px;
	       margin: 0px;
	       padding: 0px;
	       color: #FFF;
	   }
            
            .header p a {
                color: #FFF;
                margin-left: 40px;
            }

	.header2{
		float: left;
		width: 700px;
		height: 40px;
		color: blue ;
		text-align: left;
	}
	
    .header3 {
        position: absolute;
        right: 0px;
        margin: 0px;
        margin-right: 100px;
        margin-top: 35px;
        padding: 0px;
        height: 40px;
        text-align: right;
        color: #000099;
        font-size: 40px;
    }
	       
		.header3 h1{
    		font-size: 32px;
		}
			
	/* .inhoud{ } */
	.inhoud {
	   margin-bottom: 10px;
    }

		.navi{
			width: 188px;
			float: left;
			margin-right: 12px;
			margin-top: 14px;
			position: relative;
		}
		
		.navi img {
            position: absolute;
        }
		  
            .navi ul {
                margin: 0px;
                margin-top: 3px;
                padding: 0px;
                background: url('/media/site/images/menu.png');
            }
            
			.navi li {
				width: 178px;
				line-height:32px;
				background: #152A83;
				text-align: left;	
				list-style-type: none;
				border-bottom: 1px solid #FFF;
				border-left: 1px solid #FFF;
				border-right: 1px solid #FFF;
				margin-left: 5px;
			}
			     
			    .navi li.selected a {
                    font-weight: bold;
                    color: #FFF;
                }
                
                .navi li.notselected a {
                    color: #EEE;
                }
			
			.navi li.last {
                border-bottom: none;
            }
		
			.navi li a {
                display: block;
                width: 100%;
                height: 100%;
                text-decoration: none;
                color: white;
                font-size: 18px;
                padding-left: 5px;
			}
			
			.navi li a:hover {
                font-weight: bold;
                color: #FFF;
            }
			
			.navi p {
                color: #000099;
                font-size: 12px;
                font-weight: bold;
                margin-top: 40px;
                padding-left: 5px;
			}
		
		.text{
            width: 600px;
            margin-top: -1px;
            _margin-top: 17px;
            *margin-top: 17px;
            float: left;
		}
		
		.wide {
		  width: 800px !important;
        }
        
			.textblok{
				background: #EDEDF4;
				width: 600px;
			}
			
			.wide .textblok {
                width: 800px !important;
            }
	
			.textblok p {
				/* margin-left: 275px; */
				font-size: 11px;
				color: #000099;
			}
			
			.textblok img {
                margin-right: 10px;
                float: left;
            }
			
			.wide .textblok p {
                margin-left: 0px !important;
                padding: 5px;
                margin-top: 20px;
            }
			
			.textblok h1, .textblok h2, .textblok h3, .textblok h4, .textblok h5, .textblok h6 {
				margin-left: 5px;
				color: #009;
			}
            
            .textblok h1 a, .textblok h2 a, .textblok h3 a, .textblok h4 a, .textblok h5 a, .textblok h6 a {
                font-size: inherit;
            }
			
			.textblokje h1, .textblokje h2, .textblokje h3, .textblokje h4, .textblokje h5, .textblokje h6 {
				/* margin-left: 275px !important; */
				color: #009;
			}
			
			.textblokje h1 a, .textblokje h2 a, .textblokje h3 a, .textblokje h4 a, .textblokje h5 a, .textblokje h6 a, {
                font-size: inherit;
            }
			
			.textblok h1 {
                font-size: 20px;
            }
			
			.wide .textblok h4 {
                margin-left: 0px !important;
                padding: 5px;
            }
			
			.textblok a {
				font-style: italic;
				font-weight: bold;
				font-size: 12px;
				color: #000099;
				text-decoration: underline;
			}
	
			.textblokje{
				width: 600px;
				height: 175px;
			}
				
		.text2{
			display:table-cell;
			width: 757px;
			height:580px;
		}
		
			.textblok2{
				background: url("/media/site/images/tekstarea.png");
				width: 692px;
				height: 580px;
			}
	
			.textblok2 p {
				margin-left: 30px;
				font-size: 11px;
				font-weight: bold;
				color: #000099;
			}
			
			.textblok2 h4 {
				margin-left: 30px;
				font-size:25px;
				color: #000099;
			}
						
			.textblokje2{
				width: 600px;
				height: 175px;
			} 
			
			.textblokje2 img{
				margin-left: 30px;
				margin-right: 25px;
				margin-bottom: 10px;
			}
    
    .sponsorwrapper {
        width: 180px;
        float: right;
    }
    
    .sponsorwrapper h2 {
        color: #152A83;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        width: 100%;
        margin: 0px;
        padding: 0px;
        height: 16px;
        line-height: 16px;
    }
    
    .sponsor{
    	width: 100%;
    	border: 1px solid #DDD;
    	padding: 0px;
    }
        
        .sponsor p {
            padding: 10px;
            margin: 0px;
        }

.footer {
    background: url('/media/site/images/gradientbot.png') top left navy;
    height:20px;
    width:1000px;
    text-align: center;
    padding-top: 6px;
    margin-top: 10px;
}
    
    .footer ul {
        display: inline;
        margin: 0px;
        padding: 0px;
    }
    
    .footer li {
        height: 16px;
        line-height: 16px;
        font-size: 11px;
    }
    
    .footer li li {
        padding-left: 8px;
        padding-right: 8px;
        border-right: 1px solid #FFF;
    }
    
    .footer li {
        display: inline;
    }
    
    .footer li a{
        color: white;
        text-decoration:none;
    }

/* Calendar */

div#calendar {
    margin-top: 20px;
}

div#calendar h4 {
    margin-top: 0px;
    margin-bottom: 0px;
}

dt.day {
    font-size: 12px;
    margin-left: 0px;
}

dd.day {
    margin-left: 0px;
}
    
    dd.day span.item * {
        font-size: 12px;
    }

div.datetime {
    font-size: 12px;
    margin-left: 5px;
}

div#event div.back a {
    margin-left: 15px;
}

/* Photos */

div#photos {
    margin-top: 20px;
}

#bg #photos, #bg #gallery{
    min-height: 314px;
    background-color: #FFF;
}

#photos li{ 
    list-style: none;
    text-align:center;
    width:100%;
    display:inline;
}
#photos ul{ 
    position:relative;
    display:inline;
    width:120px; 
    height:115px;
    float:left;
}

#photos ul li a.caption{display : none}

/*#gallery * {border: solid white 1px}*/

#gallery img, #photos img { border: solid #FFF 5px; line-height: 120px;}
#gallery { text-align:center; width:100%; margin: 0px auto;}
#gallery div{float:left;}
#gallery #photo { width:540px; margin: 0px auto;}
/*    #gallery #photo img { width:500px;} Dont scale! The cms does that for us. :) */
#gallery .next, #gallery .previous{ width: 74px; position:relative;}
#gallery .previous img{width:60px}
#gallery .next img{width:60px; }
#gallery #caption { display:none; }
#gallery #download {float:none;}
#gallery .next {float: right}
#gallery .previous {float:left;}
#nextholder, #previousholder{position:relative; width:88px; margin: 6px;}
#nextholder { float:right; right:5px;}
#previousholder { float:left, left:5px;}
/* #gallery h1, #photos h1{color:white;}
#gallery h1 { line-height: 30px; height: 30px; margin: 0px; padding: 0px; } */
#gallery p { line-height: 20px; margin: 0px; margin-bottom: 5px; }
#gallery a:hover { color: #FFF; }

#gallery li { float: left; width: 142px; height: 120px; position: relative; }
#gallery ul { width: 715px; }
#gallery li span { position: absolute; bottom: -5px; left: 0px; width: 100%; text-align: center; }

#gallery p { color: #FFF; }

/* Autoforms */

div#autoform {
    padding: 5px;
    margin-top: 20px;
}

div#autoform th, div#autoform li {
    padding: 5px;
    font-size: 12px;
}

div#autoform input {
    width: 300px;
}

div#autoform input[type=submit] {
    width: auto;
}
