/* 
---------------------------------------------------------------------------
-- CSS Chiro Overschelde Webstek - 2008 - Chris De Rouck & Jeroen Bracke --
---------------------------------------------------------------------------
*/

*	{
	margin: 0px;
	padding: 0px;
}

html, body	{
	background: #414141 url(../images/bg.png) repeat-x;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- CONTAINER -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

#container	{
	width: 985px;
	height: auto;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	z-index: 1;
}

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- FOTOLAYER -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

#fotolayer	{
	position: absolute;
	right: 48px;
	top: 0px;
	height: 200px;
	width: 350px;
	background-image: url(../images/fotolayer2.jpg);
	background-position: center; 
	background-repeat: no-repeat;
	z-index: 2;
	overflow: none;
}

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- HEADER -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

#header	{
	width: 866px;
	height: 200px;
	position: relative;
	top: 0px;
	left: 73px;
	background-image: url(../images/header7.png);
	background-repeat: no-repeat;
	z-index: 10;
}

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- FEESTCHIRO -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */


#feestchiro	{
	height: 100px;
	width: 100px;
	position: relative;
	top: 120px;
	left: 720px;
}

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- NAVIGATION -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

#navigation {
	z-index: 20;
	position: relative;
	height: 25px;
	margin: 0px;	
	padding: 0px;	
	float: left; 	
	list-style: none;
	top: 164px;
	left: 20px;
	font-size: 15px;
}

#navigation li{
	display:block;
	position: relative;
	float: left;	
	text-align:center;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

#navigation #nieuws, #navigation #informatie, #navigation #afdelingen, #navigation #media, #navigation #retro {
	width:125px;
	height: 25px;
	padding-top: 7px;
	margin-right: 7px;
	color: #FFFFFF;
	top: 0px;
	background-image: url(../images/navbutton.png);
}

/*#retro {
	width:125px;
	height: 25px;
	padding-top: 7px;
	margin-right: 7px;
	color: #000000;
	top: 0px;
	background-image: url(../images/navretro.png);
}*/

#navigation #nieuws:hover, #navigation #informatie:hover, #navigation #afdelingen:hover, #navigation #media:hover {
	background-image: url(../images/navbutton_hover.png);
	z-index: 21;
}

#navigation #retro:hover {
	background-image: url(../images/navretro_hover.png);
	z-index: 21;
}

#navigation a{
	display: block;
	padding: 0px 0px;
    margin: 0px 0px;
	color: #FFFFFF;
	font-size: 15px;
    text-decoration: none;
	text-transform: none;
	text-align: center;
}

#navigation ul{
	display: none;
	position: relative;
	top: 7px;
	left: 0px;
	padding: 0px;
	margin: 0px;
	list-style: none;
	z-index: 22;
}

#navigation ul li{
	position: relative;
    text-align: left;
}

#navigation ul li a{           
	width: 125px; 
	height: 18px;
   	padding: 3px 0px 4px 0px;
	color: #FFFFFF;
	margin: 0px;
	font-weight: 100;
	background-color: #1d1d1d;
	border-top: 1px solid #292929;
}

#navigation ul li a:hover{ 
	background-image: url(../images/subnav_hover.png);
} 

#navigation #afdelingen ul li a, #navigation #media ul li a {
	width: 125px; 
   	padding: 3px 0px 4px 0px;
	color: #FFFFFF;
	margin: 0px;
} 

#navigation #retro ul li a{
	width: 125px; 
   	padding: 3px 0px 4px 0px;
	color: #FFFFFF;
	margin: 0px;
	background-color: #b70000;	
} 

#navigation #afdelingen ul li a:hover, #navigation #media ul li a:hover {
	background-image: url(../images/subnav_hover.png);
}

#navigation #retro ul li a:hover{
	background-image: url(../images/subnav_hover.png);
}

#navigation li:hover ul{            
	display: block;
}

.navfooter	{
	position: relative;
	height: 8px;
	width: 125px;
	bottom: 0px;
	float:left;
	background-image: url(../images/subnavfooter.png);
}

.navfooterretro	{
	position: relative;
	height: 8px;
	width: 125px;
	bottom: 0px;
	float:left;
	background-image: url(../images/retro_subnavfooter.png);
}

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- CONTAINER2 -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

#container2	{
	position: relative;
	width: 802px;
	top: 0px;
	left: 73px;
	background-color: #FFFFFF;
	float: left;
	z-index: 5;
}

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- CONTENT -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

#content	{
	position: relative;
	width: 500px;
	top: 0px;
	left: 0px;
	float: left;
	padding: 6px 5px 5px 20px;
	background-color: #FFFFFF;
	z-index: 6;
}

/* //////////////// NIEUWS //////////////// */

.newsitem {
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 15px 0px;
	min-height: 120px;	
}

.Activiteit	{
	border-left: 2px solid #c20000;
}

.Site	{
	border-left: 2px solid #366ab8;
}

.Financieel	{
	border-left: 2px solid #c284d8;
}

.Bouw	{
	border-left: 2px solid #f68626;
}

h1	{
	color: #c20000;
	font-size: 17px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	float: left;
}


h2	{
	color: #c20000;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	font-weight: 100;
	float: right;
}

.message	{
	clear: both;
	position: relative;
	margin: 0px;
	padding: 0px;
	min-height: 80px;
}

.newsimage	{
	/*height: 100px;*/
	width: 100px;
	border: none;
/*	background-image: url(../images/newsimage.jpg);*/
	top: 0px;
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 0px;
	clear: both;
}

.footernewsitem	{
	position: relative;
	height: 25px;
	width: 500px;
	clear: both;
	background-image: url(../images/newsitemfooter.png);
	background-repeat: no-repeat;
	left: -12px;
	padding: 0px;
}

.comments	{
	color: #c20000;
	font-size: 11px;
	text-decoration: none;
	margin: 0px 5px 10px 0px;
	bottom: 15px;
	right: 10px;
	padding: 0px;
}

.comments:hover	{
	color: #c20000;
	text-decoration: none;
}

.reactie	{
	margin: 10px 0px 5px 0px;
	min-height: 30px;
	border-left: 2px solid #1d1d1d;
	padding: 0px 0px 0px 10px;
}

.nieuwsreactie_text	{
	margin: 0px;
	padding: 0px 5px 0px 0px;
}

/* //////////////// INFORMATIE //////////////// */


/* ///// ALGEMEEN ///// */

#kaartjechiro	{
	height: 400px;
	width: 450px;
	border: none;
	margin: 0px;
}

/* ///// IEDEREENTJE ///// */

.iedereentje, .kampbliksem	{
	height: 150;
	width: 105px;
	border: none;
}

/* ///// CHIRO ///// */

.logonationaal	{
	border: none;
}

/* ///// Jaarthema ///// */

.afbeeldinginfo	{
	float: right;
	margin: 10px 0px 10px 10px;
}

/* ///// VB ///// */

.vb	{
	height: 236px;
	width: 225px;
	float: right;
	margin: 10px 0px 10px 10px;
}

/* //////////////// AFDELINGEN //////////////// */

.afdelingsmenu	{
	width: 525px; 
	z-index: 20;
	position: relative;
	margin: 0px 0px 15px 0px;	
	padding: 0px;	
	float: left; 	
	list-style: none;
	top: 0px;
	left: 0px;
	font-size: 11px;
}

.afdelingsmenu li	{
	display:block;
	width: 70px;
	height: 20px;
	position: relative;
	float: left;	
	text-align: left;
	padding: 7px 0px 3px 0px;
	margin: 0px 2px 0px 0px;
	text-align: center;
	background-image: url(../images/nav_afdeling.png);
	background-repeat: no-repeat;
	font-weight: bold;
}

.afdelingsmenu li:hover	{
	background-image: url(../images/nav_afdeling_hover.png);
	background-repeat: no-repeat;
}

.afdelingsmenu li a	{
	color: #FFFFFF;
}

.afdelingsmenu li a:hover	{
	text-decoration: none;
}

#afdelingscontent	{
	width: 500px; 
	z-index: 20;
	position: relative;
	margin: 0px;	
	padding: 0px;	
	float: left; 	
	top: 0px;
	left: 0px;
}

.afdelingskalendermonth	{
	z-index: 20;
	position: relative;
	margin: 0px 15px 15px 0px;	
	padding: 0px 6px 0px 0px;		
	list-style: none;
	top: 0px;
	left: 0px;
	font-size: 12px;	
	float: left;
	border-right: 3px solid #c20000;
}

.chirodata	{
	list-style-type: none;
	position: relative;
	padding: 0px 10px;
}

.leidingsitem	{
	border-left: 2px solid #c20000;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 10px 0px;	
}

.leidinglist ul	{
	margin: 10px 0px;
	padding: 0px;
}

.nameleiding	{
	font-weight: bold;
	font-size: 14px;
}

.groepsfoto	{
	position: relative;
	width: 500px;
	border: none;
}

.kleurplaat	{
	position: relative;
	width: 300px;
	border: 1px solid #d0d0d0;
	margin: 10px;
}

.babbelmessage	{
	clear: both;
}

.label_babbel	{
	margin: 0px 0px 0px 3px;
	font-size: 12px;
	width: 250px;
	font-weight: bold;	
}

.input_babbeltitel{
	margin: 3px 0px;
	padding: 3px 3px 2px 20px;
	font-size: 11px;
	width: 250px;
	background-image: url(../images/icons/icon_dataadapt2.png);
	background-repeat: no-repeat;
	background-position: top left;
	border: 1px solid #CCCCCC;
	height: 14px;
}

.input_bericht	{
	margin: 3px 0px;
	padding: 3px 3px 2px 20px;
	font-size: 11px;
	background-image: url(../images/icons/icon_comment2.png);
	background-repeat: no-repeat;
	background-position: top left;
	border: 1px solid #CCCCCC;
	height: 100px;
	width: 475px;
	font-family: Arial, Helvetica, sans-serif;
}

label	{
	margin: 0px 0px 0px 3px;
	font-size: 12px;
	width: 250px;
	font-weight: bold;	
}

input	{
	margin: 3px 0px;
	padding: 3px 3px 2px 3px;
	font-size: 11px;
	background-repeat: no-repeat;
	background-position: top left;
	border: 1px solid #CCCCCC;
	height: 14px;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
}

.quote	{
	color: #c20000;
	font-size: 9px;
	text-decoration: none;
	margin: 0px 5px 10px 0px;
	bottom: 15px;
	right: 10px;
}

.quote:hover	{
	color: #c20000;
	font-size: 9px;
	text-decoration: none;
}

.footerbabbelitem	{
	position: relative;
	height: 25px;
	width: 493px;
	clear: both;
	background-image: url(../images/newsitemfooter.png);
	background-repeat: no-repeat;
	left: -5px;
}

.iconbabbel	{
	position: relative;
	top: 5px;
	border: none;
	margin: 0px 5px 0px 0px;
	text-decoration: none;
}

/* //////////////// MEDIA //////////////// */

.mediatitel	{
	font-weight: bold;
	font-size: 14px;
	color: #c20000;
	margin: 5px 0px;
	padding: 0px;
	font-weight: bold;
}

.mediatitel:hover	{
	text-decoration: none;
}


.desktopsmall	{
	height: 150px;
	position: relative;
}

.mediaitem	{
	position: relative;
	height: 128px;
	top: 0px;
	left: 0px;
}

.mediaitemleft	{
	position: relative;
	float: left;
	height: 128px;
	width: 128px;
	top: 0px;
	left: 0px;
}

.mediaitemright	{
	position: relative;
	float: right;
	height: 128px;
	width: 350px;
	top: 0px;
	right: 0px;
}

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- FOOTER -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */


#footer	{
	width: 871px;
	height: 323px;
	position: relative;
	top: -193px;
	left: 4px;
	float: left;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/footer2.png);
	background-repeat: no-repeat;
	z-index: 1;
}

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- PALLETS -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

#pallets	{
	position: relative;
	width: 227px;
	height: auto;
	top: 0px;
	right: 0px;
	float: right;
	padding: 5px 30px 0px 0px;
	background-color: #FFFFFF;
}

.pallet	{
	width: 241px;
	height: auto;
	position: relative;
	top: 0px;
	left: 0px;
	margin-bottom: 10px;
}

.pallethead	{
	width: 235px;
	height: 25px
	position: relative;
	top: 0px;
	left: 0px;
	background-image: url(../images/pallethead.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	padding: 3px;	
}

.palletinfo	{
	width: 231px;
	height: auto;
	position: relative;
	top: 0px;
	left: 0px;
	color: #FFFFFF;
	background-color: #111111;
	padding: 5px;
	text-align: center;
}

.palletfooter	{
	width: 241px;
	height: 8px;
	position: relative;
	bottom: 0px;
	left: 0px;
	background-image: url(../images/palletbottom.png);
	background-repeat: no-repeat;	
}

/* //////////////// CHIRO? //////////////// */

/* //////////////// TEMPLATE //////////////// */

.palletinfo a.Default {background: url('../../../data/foto/sitefoto/template1Screenshot.jpg') no-repeat bottom; width: 226px; height: 150px; display: block; margin: 0 0 10px 0;}
.palletinfo a.Default span, .palletinfo a.New span {font-size: 20px; color: #FFFFFF; font-weight: bold; font-variant: small-caps; }
.palletinfo a.New {background: url('../../../data/foto/sitefoto/template2Screenshot.jpg') no-repeat bottom; width: 226px; height: 150px; display: block; margin: 0 0 10px 0;}

/* //////////////// LOGIN //////////////// */

#login dl dt, #login dl dd {
	margin: 5px 0px 0px 0px;
}


.loginbutton, .button, a.button{
	background-image: url(../images/buttonback.png);
	background-repeat: repeat-x;
	width: 148px;
	height: 25px;
	padding-bottom: 3px;
	font-weight: bold;	
	border: none;
	background-color: #c20000;
	color: #FFFFFF;
	cursor: hand;
        border: none;
        text-align: center;
}


.mail {
	cursor: hand;
}

a.button, a.button:visited {display: block; padding: 6px 0 0 0;height: 20px; color: #FFFFFF; width: 200px; font-weight: bold; margin: 0 0 5px 0; }

.loginbutton:hover, .button:hover, a.button:hover {
	background-image: url(../images/buttonhover.png);
	background-repeat: repeat-x;
	border: none;
        color: #FFFFFF;
        font-weight: bold;
}


.loginbutton2	{
	background-image: url(../images/buttonback.png);
	background-repeat: repeat-x;
	width: 148px;
	height: 25px;
	padding-bottom: 3px;
	margin: 4px 0px 0px 86px;
	font-weight: bold;	
	border: none;
	background-color: #c20000;
	color: #FFFFFF;	
}

.loginbutton2:hover	{
	background-image: url(../images/buttonhover.png);
	background-repeat: repeat-x;
	border: none;
}


.onlinemembers	{
	position: relative;
	height: 30px;
	width: 30px;
	margin: 3px;
	border: none;
}

.labelinlog	{
	font-size: 11px;
	text-align: right;
}

.txtinlog	{
	width: 125px;
	height: 14px;
	font-size: 11px;
	background-image: url(../images/icons/icon_user2.png);
	background-position: top left;
	background-repeat: no-repeat;
	border: none;
	padding: 3px 3px 2px 20px;
}

.txtinlog2	{
	background-image: url(../images/icons/icon_pw.png);	
}

/* //////////////// PROFIELEN //////////////// */

.memberlist	{
	margin: 0px 0px 1px 20px;
	list-style-type: none;
	background-image: url(../images/icons/icon_usergr.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 16px;
}

.memberlist:hover	{
	background-image: url(../images/icons/icon_user.png);
}

.formlabel	{
	text-align: right;
	font-weight: bold;
	padding-right: 20px;
}

/* //////////////// INGELOGD //////////////// */

.profilepic	{
	width: 100px;
	position: relative;
}

.userdataprofilepic	{
	float: right;
	width: 100px;
	position: relative;
}

.tableuserdata	{
	position: relative;
	margin: 0px;
	padding: 0px;
}

.userdata	{
	text-decoration: none;
	font-weight: bold;
	position: relative;
	width: 100px;
	text-align: right;
	padding: 0px 20px 10px 0px;
}

.userdata2	{
	color: #c20000;
	text-decoration: none;
	font-weight: bold;
	position: relative;
	width: 280px;
	padding: 0px 0px 10px 0px;
}

.paradataadapt  {
	margin: 0px;
	padding: 4px 0px 2px 10px;
	background-image: url(../images/secondButton.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 150px;
}

.paradataadapt:hover  {
	background-image: url(../images/secondButton_hover.png);
}

.adaptbutton	{
	font-size: 10px;
	left: 5px;
	color: #FFFFFF;
	text-decoration: none;
}

.taggedfoto	{
	position: relative;
	height: 100px;
	margin: 0px 0px 10px 0px;
}

.groupmembers	{
	height: 50px;
	width: 50px;
	position: relative;
}

.bewerkgegevensinputveld	{
	width: 139px;
	border: 1px solid #e2e2e2;
	padding: 2px 3px;
	margin: 2px 0px;
}

.bewerkgegevensinputvelddropdown	{
	width: 147px;
	border: 1px solid #e2e2e2;
	padding: 2px 3px;
}

/* //////////////// KALENDER //////////////// */


.kalenderpanelitem	{
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 10px;
	font-variant: small-caps;
	font-weight: bold;	
}

.kalenderpanelitem a	{
	color: #FFFFFF; 
}

.kalenderpanelitem a:visited	{
	color: #FFFFFF;
}

.kalenderpanelitem a:hover	{
	color: #c20000; 
}

.kalenderitem	{
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 15px 0px;	
}

.verjaardag	{
	border: none;
}


.evenementicon	{
	position: relative;
	z-index: 99;
	right: 0px;
	top: 0px;
	height: 53px;
	width: 53px;
	display: block;
	background-image: url(../images/icons/icon_event.png); 
	background-repeat: no-repeat;
	float: right;
}

.verjaardagicon	{
	position: relative;
	z-index: 99;
	right: 0px;
	top: 0px;
	height: 53px;
	width: 53px;
	display: block;
	background-image: url(../images/icons/icon_verjaardag.png); 
	background-repeat: no-repeat;
	float: right;
}


.verjaardagicon em 	{
	display: none;
}

.evenementicon em 	{
	display: none;
}

.evenement	{
	/*border-left: 2px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd*/
	border: none;
}

.kalendermessage	{
	clear: both;
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 475px;
	float: left;
}

.footerkalenderitem	{
	position: relative;
	height: 12px;
	width: 499px;
	clear: both;
	background-image: url(../images/kalenderitemfooter.png);
	background-repeat: no-repeat;
	left: -12px;
	padding: 0px;
}

/* //////////////// POLL //////////////// */

.polllist	{
	margin: 0px 0px 10px 25px;
	color: #000000;
	font-variant: small-caps;
	font-size: 14px;
}

.polllist a	{
	color: #000000;
}

.polllist a:visited	{
	color: #000000;
}

.polllist a:hover	{
	color: #C20000;
}

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- FOTO -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

.collectionlist	{
	margin: 5px 0px 10px 0px;
	color: #000000;
	list-style-type: none;
	font-size: 11px;
}

.albumitem	{
	padding: 0 0 0px 10px;
	font-size: 20px;
	font-weight: bold;
}

.albumitem a	{
	padding: 0 0 20px 10px;
}

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- GESCHIEDENIS -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

.leidingevertabel	{
	border: none;
	margin: 20px 0px;
	padding: 0px;
}

.headGeslacht	{
	background-color: #1d1d1d;
	background-image: url(../images/backgroundGeslacht.png);
	background-repeat: repeat-x; 
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding: 3px;
}

.headJaar	{
	background-image: url(../images/backgroundJaar.png);
	background-repeat: repeat-x; 	
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	background-color: #1d1d1d;
	padding: 3px;		
}

.headAfdelingTriangelkes	{
	background-color: #9863ad;
	background-image: url(../images/backgroundTriangelkes.png);
	background-repeat: repeat-x; 
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding: 4px;
}

.headAfdelingSpeelclub	{
	background-color: #fff100; 	
	background-image: url(../images/backgroundSpeelclub.png);
	background-repeat: repeat-x; 
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	padding: 4px;	
}

.headAfdelingRakwi	{
	background-color: #0ea729; 	
	background-image: url(../images/backgroundRakwi.png);
	background-repeat: repeat-x; 
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding: 4px;	
}
.headAfdelingTito	{
	background-color: #ef262b; 	
	background-image: url(../images/backgroundTito.png);
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding: 4px;	
}
.headAfdelingKeti	{
	background-color: #0384d2; 	
	background-image: url(../images/backgroundKeti.png);
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding: 4px;	
}

.headAfdelingAspi	{
	background-color: #f68728;
	background-image: url(../images/backgroundAspi.png);
	background-repeat: repeat-x; 	
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding: 4px;	
}

.headLeiding	{
	color: #000000;
	font-size: 11px;
	padding: 4px;
	border: 1px solid #dadada;		
}

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- MAILFORMS -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

#mailformulier	{
	margin: 20px 0px;
}

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- ERROR - SUCCES - INFO MESSAGES -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

.msg	{
	font-size: 12px;
	font-style: italic;
	padding: 10px;
	border: 1px solid #000000;
	margin-bottom: 15px;
}

.error	{
	background-color: #FF3300;
	color: #FFFFFF;
} 

.succes	{
	background-color: #009900;
	color: #FFFFFF;
}

.info	{
	background-color: #0099CC;
	color: #FFFFFF;
}


/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- ALGEMEEN -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

a	{
	color: #c20000;
	text-decoration: none;
}

a:visited	{
	color: #c20000;
	text-decoration: none;
}

a:hover	{
	color: #c20000;
	text-decoration: none;
}

p	{
	margin: 2px 0px 12px 0px;
}

.p2	{
	margin: 2px 0px;
	padding: 0px;
}

h3	{
	font-weight: bold;
	font-size: 18px;
	color: #c20000;
	margin: 5px 0px 5px 0px;
	padding: 0px;
}

h4	{
	font-weight: bold;
	font-size: 13px;
	color: #c20000;
	margin: 4px 0px;
	padding: 0px;
}

h5	{
	font-weight: bold;
	font-size: 12px;
	color: #c20000;
	margin: 10px 0px;
	padding: 0px;
}

h6	{
	color: #c20000;
	font-size: 11px;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	font-weight: 100;
	float: right;	
}

h7	{
	font-size: 11px;
	color: #c20000;
	margin: 0px 30px 0px 0px;
	padding: 0px;
}

ul	{
	margin: 0px 0px 10px 15px;
}

.bold	{
	font-weight: bold;
}

.notypelist	{
	list-style-type: none;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

img	{
	border: none;
}

.noborder	{
	border: none;
}

.icon	{
	position: relative;
	top: 5px;
	border: none;
}

.icon2	{
	position: relative;
	border: none;
	top: 1px;
	margin-right: 5px;
	border: none;
}

.incontext	{
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}

.incontext:hover	{
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}

.incontext2	{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 9px;
}

.incontext2:hover	{
	color: #FFFFFF;
	text-decoration: none;
}

.floatleft	{
	float: left;
}

.floatright	{
	float: right;
}

.linkcolor	{
	color: #c20000;
}

#navigation > li{
	z-index:100;
}