@charset "utf-8";
/* CSS Document */

/* Algemeen */

body{
	background:#ceffb3;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
A{
	color:#000000;
	text-decoration:none;
	}
A:hover{
	text-decoration:underline;
	}
img{
	border:none;
	}
h1{
	font-size:18px;
	font-weight:bold;
	}
h2{
	font-size:14px;
	font-weight:bold;
	}
.clear{
	height: 0;
  	clear: both;
	}
	
/* Styles */

#container{
	position:relative;
	width:1000px;
	height:1552px;
	margin:0 auto 0 auto;
	padding:0px;
	}
#background_vlakken{
	position:absolute;
	background:url(../Images/Vrijbuiters_6/container_bg.jpg) no-repeat;
	behavior:url(http://www.don-bosco.nl/Include/iepngfix.htc);
	width:696px;
	height:1202px;
	right:0px;
	top:350px;
	z-index:0;
	}
#header-fotofade{
	position:absolute;
	width:686px;
	height:267px;
	right:0px;
	top:143px;
	z-index:0;
	}
#styles{
	position:absolute;
	width:100px;
	left:0px;
	top:0px;
	z-index:0;
	}
#header{
	background:url(../Images/header.gif);
	width:1000px;
	height:237px;
	margin:0px;
	padding:0px;
	}
#header UL{
	width:890px;
	height:222px;
	float:left;
	margin:0px;
	padding:0 0 0 110px;
	}
#header UL LI{
	float:left;
	list-style-type:none;
	margin:0px;
	padding:0px;
	}
#header UL LI A{
	margin:0px;
	padding:0px;
	float:left;
	color: #ffffff;
	font-size:12px;
	text-decoration:none;
	}
#header UL LI A:hover{
	color: #ffffff;
	text-decoration: underline;
	}

/* Nieuwe header */
#header.nieuw ul{ background:url(../Images/header_nieuw/header_tekst.gif) 110px 0 no-repeat; width:770px; height:222px; margin:0; padding:0 120px 0 110px; float:left; list-style:none;}
#header.nieuw ul li{ height:222px; margin:0; padding:0; float:left;}
#header.nieuw ul li a{ background-position:0 0; background-repeat:no-repeat; height:222px; margin:0; padding:0; float:left; font-size:1px; text-indent:-9999px;}
#header.nieuw ul li a#knop-1{ background-image:url(../Images/header_nieuw/knop_1.gif); width:80px;}
#header.nieuw ul li a#knop-1:hover{ background-image:url(../Images/header_nieuw/knop_1_aan.gif);}
#header.nieuw ul li a#knop-2{ background-image:url(../Images/header_nieuw/knop_2.gif); width:80px;}
#header.nieuw ul li a#knop-2:hover{ background-image:url(../Images/header_nieuw/knop_2_aan.gif);}
#header.nieuw ul li a#knop-3{ background-image:url(../Images/header_nieuw/knop_3.gif); width:80px;}
#header.nieuw ul li a#knop-3:hover{ background-image:url(../Images/header_nieuw/knop_3_aan.gif);}
#header.nieuw ul li a#knop-4{ background-image:url(../Images/header_nieuw/knop_4.gif); width:130px;}
#header.nieuw ul li a#knop-4:hover{ background-image:url(../Images/header_nieuw/knop_4_aan.gif);}
#header.nieuw ul li a#knop-5{ background-image:url(../Images/header_nieuw/knop_5.gif); width:86px;}
#header.nieuw ul li a#knop-5:hover{ background-image:url(../Images/header_nieuw/knop_5_aan.gif);}
#header.nieuw ul li a#knop-6{ background-image:url(../Images/header_nieuw/knop_6.gif); width:124px;}
#header.nieuw ul li a#knop-6:hover{ background-image:url(../Images/header_nieuw/knop_6_aan.gif);}
#header.nieuw ul li a#knop-7{ background-image:url(../Images/header_nieuw/knop_7.gif); width:80px;}
#header.nieuw ul li a#knop-7:hover{ background-image:url(../Images/header_nieuw/knop_7_aan.gif);}
#header.nieuw ul li a#knop-8{ background-image:url(../Images/header_nieuw/knop_8.gif); width:110px;}
#header.nieuw ul li a#knop-8:hover{ background-image:url(../Images/header_nieuw/knop_8_aan.gif);}

#links{
	position:relative;
	overflow: hidden;
	width:414px;
	margin:0px;
	padding:0px;
	float:left;
	z-index:1;
	}
#menu{
	background:url(../Images/Vrijbuiters_6/menu.png);
	behavior:url(http://www.don-bosco.nl/Include/iepngfix.htc);
	width:325px;
	height:341px;
	margin:0px;
	padding:0px;
	}
#menu UL{
	width:890px;
	height:222px;
	float:left;
	margin:0px;
	padding:40px 0 0 40px;
	}
#menu UL LI{
	list-style-type:none;
	margin:0px;
	padding:0px;
	}
#menu UL LI A{
	margin:0px;
	padding:0px;
	color: #000000;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	}
#menu UL LI A:hover{
	color: #ffffff;
	}
#briefpapier #submenu UL{
	background:#4cb512;
	width:443px;
	margin:4px 0 8px 4px;
	padding:0px;
	float:left;
	}
#briefpapier #submenu UL LI{
	list-style-type:none;
	margin:0px;
	padding:0px;
	float:left;
	}
#briefpapier #submenu UL LI A{
	margin:0 4px 0 4px;
	padding:0px;
	color: #000000;
	text-decoration:none;
	cursor:pointer;
	float:left;
	}
#briefpapier #submenu UL LI A:hover{
	text-decoration:underline;
	}
#nieuws{
	background:url(../Images/Vrijbuiters_6/nieuws.png);
	behavior:url(http://www.don-bosco.nl/Include/iepngfix.htc);
	width:414px;
	height:312px;
	margin:0px;
	padding:0px;
	}
#nieuws h1{
	margin:0px;
	padding:26px 0 0 10px;
	}
#nieuws UL{
	width:380px;
	height:238px;
	float:left;
	margin:0px;
	padding:4px 0 0 10px;
	overflow:hidden;
	}
#nieuws UL LI, #agenda UL LI{
	list-style-type:none;
	margin:0px;
	padding:0px;
	height:14px;
	overflow:hidden;
	}
#nieuws UL LI A, #agenda UL LI A{
	margin:0px;
	padding:0px;
	color: #000000;
	text-decoration:none;
	cursor:pointer;
	}
#nieuws UL LI A:hover, #agenda UL LI A:hover{
	color: #ffffff;
	}
.titel{
	width:270px;
	float:left;
	text-align:left;
	}
.datum{
	width:110px;
	float:left;
	text-align:left;
	}
#agenda{
	background:url(../Images/Vrijbuiters_6/agenda.png);
	behavior:url(http://www.don-bosco.nl/Include/iepngfix.htc);
	width:414px;
	height:150px;
	margin:0px;
	padding:0px;
	}
#agenda h1{
	margin:0px;
	padding:22px 0 0 10px;
	}
#agenda UL{
	width:380px;
	height:94px;
	float:left;
	margin:0px;
	padding:4px 0 0 10px;
	overflow:hidden;
	}
#zuperloterij{
	background:url(../Images/afteller.gif) no-repeat;
	width:259px;
	height:159px;
	margin:10px 0 0 0;
	padding:10px 0 0 30px;
	}
#rechts{
	position:relative;
	width:585px;
	overflow:hidden;
	margin:0px;
	padding:0px;
	float:left;
	z-index:1;
	}
#bpbanner{
	width:119px;
	height:600px;
	float:right;
	margin:197px 0 0 0;
	padding:0px;
	}
#briefpapier{
	background:url(../Images/briefpapier.png);
	width:464px;
	float:left;
	min-height:595px;
    height:auto !important;
	height:595px;
	margin:197px 0 0 0;
	padding:0px;
	}
#briefpapier h1{
	margin:0px;
	padding:10px 24px 8px 10px;
	}
#briefpapier h2{
	margin:0px;
	padding:10px 24px 8px 10px;
	}
#briefpapier p{
	margin:0px;
	padding:8px 24px 10px 10px;
	}
#briefpapier UL{
	width:406px;
	margin:0px;
	padding:14px 0 0 10px;
	}
#briefpapier UL LI{
	list-style-type:none;
	margin:0px;
	padding:0px;
	float:left;
	}
#briefpapier UL LI A{
	margin:0px;
	padding:0px;
	color: #000000;
	text-decoration:none;
	cursor:pointer;
	}
#briefpapier UL LI A:hover{
	text-decoration:underline;
	}
.agenda_punt{
	width:270px;
	float:left;
	text-align:left;
	font-weight:bold;
	}
.agenda_datum{
	width:80px;
	float:left;
	text-align:left;
	}
#tussenstukje{
	background:url(../Images/tussenstukje_tekst.png) no-repeat;
	behavior:url(http://www.don-bosco.nl/Include/iepngfix.htc);
	width:465px;
	float:left;
	height:28px;
	margin:0px;
	padding:0px;
	}
#reacties{
	background:url(../Images/reactie_papier.png) repeat-y;
	behavior:url(http://www.don-bosco.nl/Include/iepngfix.htc);
	width:467px;
	min-height:472px;
    height:auto !important;
	height:472px;
	margin:0px;
	padding:0px;
	}
#reacties p{
	margin:0px;
	padding:8px 24px 10px 10px;
	}
#reacties UL{
	width:406px;
	margin:0px;
	padding:10px 0 0 10px;
	}
#reacties UL LI{
	list-style-type:none;
	margin:0px;
	padding:0px;
	float:left;
	}
#reacties UL LI.naam{
	width:324px;
	text-align:left;
	font-weight:bold;
	}
#reacties UL LI.datum{
	width:82px;
	height:auto;
	font-weight:bold;
	text-align:right;
	margin:0px;
	padding:0px;
	}
#reacties UL LI.bericht{
	width:406px;
	text-align:left;
	font-weight:normal;
	min-height:5px;
    height:auto !important;
	height:5px;
	margin:0 0 20px 0;
	padding:0px;
	}
#reageren{
	width:433px;
	margin:0px;
	padding:10px 0 10px 10px;
	}
#reageren table{
	margin:0px;
	padding:0px;
	}
.invul_vak{
	background:#bbd6fc;
	border:1px solid #6ba8ff;
	width:212px;
	margin:0px;
	padding:0px;
	}
.invul_vak_lang{
	background:#bbd6fc;
	border:1px solid #6ba8ff;
	width:423px;
	margin:0px;
	padding:0px;
	}
textarea{
	height:64px;
	}
.button{
	background:#bbd6fc;
	border:1px solid #6ba8ff;
	margin:5px 0 0 0;
	padding:0px;
	}
#reactie_onder{
	background:url(../Images/reactie_papier_onder.png) no-repeat;
	behavior:url(http://www.don-bosco.nl/Include/iepngfix.htc);
	width:467px;
	height:18px;
	margin:0px;
	padding:0px;
	}
	
	
/* Fotoboek styles */

#foto_album{
	width:452px;
	min-height:595px;
    height:auto !important;
	height:595px;
	margin:0 auto 0 auto;
	padding:0 0 20px 0;
	}
.foto_vak{
	background:#4cb512;
	width:100px;
	height:164px;
	margin:6px 0 0 6px;
	padding:0px;
	float:left;
	}
.foto_houder{
	width:92px;
	margin:4px 0 0 4px;
	padding:0px;
	}
.foto_houder img{
	width:92px;
	max-height:123px;
	margin:0px;
	padding:0px;
	}
.foto_titel{
	background:#8aca04;
	width:88px;
	height:29px;
	margin:4px 0 0 4px;
	padding:0 2px 0 2px;
	overflow:hidden;
	font-size:10px;
	}
#keuze_form{
	background:#4cb512;
	width:323px;
	height:26px;
	font-size:10px;
	font-weight:bold;
	margin:0 13px 0 13px;
	padding:4px 4px 0 4px;
	}
.keuze_lijst{
	background:#8aca04;
	border:1px solid #4cb512;
	}
	
	
/* Leiding Styles */

#leiding_album{
	width:452px;
	min-height:595px;
    height:auto !important;
	height:595px;
	margin:0 auto 0 auto;
	padding:0 0 20px 0;
	}
.foto_vak_leiding{
	background:#4cb512;
	width:400px;
	height:108px;
	margin:6px 0 0 6px;
	padding:0px;
	float:left;
	}
.foto_houder_leiding{
	width:78px;
	margin:4px 0 0 4px;
	padding:0px;
	float:left;
	}
.foto_houder_leiding img{
	width:74px;
	max-height:100px;
	margin:0px;
	padding:0px;
	}
.info{
	float:left;
	margin:4px 0 0 4px;
	padding:0px;
	}
.spamcontrole {
width:5px;
visibility:hidden;
}