/*//////////////////////////////////////////////
//	Site: 	Broederlijkdelen.be              //
//	Auteur: Arne Sansen                     //
//	Jaar:	2010                           //
//////////////////////////////////////////*/

/*
Steunt op styles.css @Delius
Veel elementen (a, ul, li,...) zijn op een optout-basis vormgegeven, om geen massale herstellingen te moeten verrichten op 'oude' layout.
*/

/*//////////////////////
SITE + MODULES    ///*/

#left .separator span {border-bottom: 1px dotted lightgray; display: block; line-height: 0.3em; margin: 0 0 0.2em 18px; width: 100px;}
#left ul li ul li ul li ul li span.separator span {margin: 0 0 0.2em 33px;}

#middle div.latest-articles {margin:2em 0; padding:1em 0; border-top:1px dotted lightgrey; clear:both;}

#middle .latest-articles li {list-style:none; padding:0 0.4em 0.1em; margin:0;}
#middle .latest-articles a {color:#269E19; text-decoration:none; line-height:1.5em; text-decoration: none;}
#middle .latest-articles a + a {}
#middle .latest-articles a:after {content:"\00a0\00a0\203a"; vertical-align:5%;}
#middle .latest-articles a.buiten:after {content:"\00a0\00a0\00bb";  vertical-align:5%;}
#middle .latest-articles a:hover,
#middle .latest-articles a:active {text-decoration:underline; color:#272A27;}

#middle .relatedArticles li {list-style:none; padding:0 0.4em 0.1em; margin:0;}
#middle .relatedArticles a {color:#269E19; text-decoration:none; line-height:1.5em; text-decoration: none;}
#middle .relatedArticles a + a {}
#middle .relatedArticles a:after {content:"\00a0\00a0\203a"; vertical-align:5%;}
#middle .relatedArticles a.buiten:after {content:"\00a0\00a0\00bb";  vertical-align:5%;}
#middle .relatedArticles a:hover,
#middle .relatedArticles a:active {text-decoration:underline; color:#272A27;}

#middle .mod_docman_catdown ul {margin:10px 0px;}
#middle .mod_docman_catdown li {list-style:none; margin:0px;}
#middle .mod_docman_catdown a {color:#269E19; text-decoration:none; line-height:1.5em; text-decoration: none;}
#middle .mod_docman_catdown a:after {content:"\00a0\00a0\203a"; vertical-align:5%;}
#middle .mod_docman_catdown a:hover,
#middle .mod_docman_catdown a:active {text-decoration:underline; color:#272A27;}
#middle .mod_docman_catdown img {vertical-align:-3px; margin-right:5px;}

body.lmr div#right {margin-top:30px;} /* Site-fix */

#right div.moduletable {margin-bottom:20px; overflow:hidden;} /* Overflow: Anders gaan afbeeldingen over de modulegrenzen */
#right div.moduletable h3 {border-bottom:none; font-weight:normal; margin-bottom:0px;} /*Site-fix*/
#right div.moduletable h3 {color:#272A27; font-size:0.8em; line-height:1em; padding:10px; text-transform:uppercase;}

#right div#random {overflow: hidden; padding: 0pt 0pt 0pt 5px; color: rgb(39, 42, 39); text-decoration: none; position: relative;}
#right div#random img {float: left; border:none;}
#right div#random h4 {float: right; width: 100px; font-size: 1.5em; color: rgb(39, 42, 39);}
#right div#random p {float: right; width: 100px;}
#right div#random em {display: block; font-size: 0.8em; line-height: 1em; color: rgb(180, 181, 180); padding: 0.3em 0pt;}
#right div#random a#overlay {display:block; width: 100%; height: 100%; position: absolute;}
#right div#random a {display: block; font-size: 0.8em; color:#269E19; line-height: 2.5em; text-decoration: none;}
#right div#random a:after {content: " \203a"; display: inline; vertical-align: 5%;}
#right div#random a#overlay:after {content: "";}
#right div#random:hover a {text-decoration: underline; color: rgb(39, 42, 39);}

#right div#steun {margin-right:-50px; overflow: hidden; padding: 0pt 0pt 0pt 5px; color: rgb(39, 42, 39); text-decoration: none; position: relative;}
#right div#steun:hover {background-color:#f6f9f9;}
#right div#steun img {border:1px solid #dbe7e7; float:left;}
#right div#steun div {width:100px; min-height:83px; float:left; margin: 0px 5px; padding: 0 0 5px 0; border-top:1px dotted #DBE7E7;}
#right div#steun p {font-size:0.9em; line-height:1em;}
#right div#steun p a {display:block; font-size:1.7em; padding:0.6em 0;text-decoration:none;}
#right div#steun p a:after {content: " \203a"; display: inline;}
#right div#steun p em {display: block; color: rgb(180, 181, 180); padding:0.6em 0;}

#right ul#snel {padding-left:5px;}
#right ul#snel li {border-top: 1px dotted rgb(219, 231, 231); padding: 5px 5px 3px; font-size: 0.9em; color: rgb(180, 181, 180);}
#right ul#snel a {display: block; text-decoration: none;}

#middle .vergefacebooklike {float:right; width:80px; margin-top:20px; overflow:hidden;}


/*//////////////////////
BLOCKS            ///*/

#middle .intro {color:rgb(39, 42, 39); font-size:115%; line-height:115%; padding:0pt 0pt 10px; margin:0pt 0pt 15px; border-bottom:1px dotted rgb(153, 153, 153); clear: both;}
#middle .kader {padding: 10px; margin: 10px 0px; background: none repeat scroll 0% 0% rgb(236, 245, 239); overflow:hidden;}
#middle .rechts {width:245px; margin: 0px 0px 10px 20px; overflow:hidden; clear:both; float:right;}
#middle .links {width:245px; margin: 0px 20px 10px 0px; overflow:hidden; clear:both; float:left;}

#middle div.home {clear:left; border-top:1px dotted lightgrey; padding: 1em 0 0; min-height:135px;}
#middle div#homie {padding: 25px 20px 15px 15px; position: relative; margin: 0 0 -20px; top: -33px; background: url('http://www.broederlijkdelen.be/images/bg_hoofdartikel.png') no-repeat scroll left bottom rgb(236, 245, 239); border-bottom: none;}
#middle div#homie + div.home {border-top:none; padding:0;}
#middle div.affiche, 
#middle div.foto {border: 2px solid rgb(221, 236, 236); background-color: #c0cdcd; padding: 1px; overflow: hidden; margin: 0px 20px 10px 0px; float: left;}
#middle div.foto {margin: 0px 0px 10px 20px; float: right; clear:right;}


/*//////////////////////
P,STRONG,EM       ///*/

#middle p {line-height: 1.3em; margin: 10px 0; text-align:left;}
#middle .home p {text-align:left; padding:0 0 0 200px;}
#middle #homie p {padding:0;}

#middle strong {font-weight:bold;}
#middle strong.mark {background-color:#ECF5EF;}
#middle em {font-style:italic;}


/*//////////////////////
H 1,2,3,4,5,6     ///*/

#middle h2.a {border-top:1px dotted #999999; color:#272A27; font-size:130%; font-weight:bold; letter-spacing:0; margin:2em 0 0.5em; padding:0.5em 0 1em; overflow: hidden;}

#middle h3 {margin:2em 0pt -0.5em; letter-spacing:0em; color:rgb(39, 42, 39); font-size:0.9em; font-weight:600; text-transform:uppercase; color:#272A27;}
#middle h3 + div,
#middle h3 + ul {margin-top:0.8em;} /*Anders overlapping met h3*/
#middle .kader h3,
#middle .rechts h3 {margin:0.5em 0 -0.8em;}
#middle .home h3 {border-bottom: none; color: #272A27; font-size: 100%; font-weight: bold; letter-spacing: 0; padding: 0 0 0 200px; margin: 0 0 -5px; text-transform: none;}
#middle #homie h3 {border-bottom: 1px dotted lightgrey; font-size: 120%; padding: 0 0 5px; margin-bottom: 0; overflow: hidden;}


#middle .home h4 {font-size: 80%; color: rgb(39, 42, 39); letter-spacing: 0pt; margin: 0.5em 0 -0.5em; padding: 0 0 0 200px;}
#middle #homie h4 {margin: 0.3em 0pt -0.5em; padding:0;}


/*//////////////////////
UL,LI             ///*/

#middle ul.lijst {padding:10px 10px 10px 0;}
#middle ul.lijst li {border-left:5px solid #ECF5EF; list-style:none inside none; margin:10px 0; padding:0 15px;}

#middle .kader ul li {list-style: none; margin:0; padding:0; border:none;}
#middle .kader li.apart {padding:0.5em 0;}


/*//////////////////////
A                 ///*/

#middle .home a,
#middle .kader a,
#middle .foto a {margin-right:10px; color:#269E19; text-decoration:none; line-height:1.5em;}
#middle .foto a {font-size:0.8em; display:block;}

#middle .home a + a,
#middle .kader a + a,
#middle .foto a + a {padding-left:10px; border-left:1px solid lightgrey;}

#middle .home a:after,
#middle .kader a:after {content:"\00a0\00a0\203a"; vertical-align:5%;}
#middle .foto a:after {content:"\00a0\00a0\00bb"; vertical-align:5%;}

#middle .home a:hover,
#middle .home a:active,
#middle .kader a:hover,
#middle .kader a:active,
#middle .foto a:hover,
#middle .foto a:active {text-decoration:underline; color:#272A27;}

#middle .home a.buiten:after,
#middle .kader a.buiten:after {content:"\00a0\00a0\00bb";  vertical-align:5%;}

#middle .kader a.binnen:before {content:"\21D3\00a0\00a0";}
#middle .kader a.binnen:after {content:"";}

#middle .kader li a:after,
#middle .kader li a.buiten:after {content:"";}
#middle .kader li a:before {content:"\00a0\203a\00a0\00a0\00a0"; vertical-align:5%;}
#middle .kader li a.binnen:before {content:"\21D3\00a0\00a0"; vertical-align:5%;}
#middle .kader li a.buiten:before {content:"\00a0\00bb\00a0\00a0";  vertical-align:5%;}

#middle div.phocagallery a,
#middle div.phocagallery a:after {content:""; margin-right:0; line-height: 1em;}


/*//////////////////////
IMG               ///*/

#middle .home img {position:relative; float:left;}
#middle #homie img {float: right;margin: 0 0 0 25px;}

#middle .affiche img, 
#middle .foto img {border: 5px solid white; display:block;}


/*//////////////////////
SPECIALLEKES      /////
/////////////////////////////////////////////
/// Onderschrift bij foto in Polaroid-stijl:
*/
	#middle .foto span {display: block; background-color: white; padding: 0.3em 0.5em 0.5em; font-size: 0.9em; text-align: center; color: #272A27; border-top:1px solid #DDECEC;}

/*/////////////////////////
/// Link met plus-symbool:
*/
	#middle .inschrijf {padding-left:40px; overflow:visible;}
	#middle .inschrijf * {margin-left:-25px; padding:0px 30px 3px; background:url('http://www.broederlijkdelen.be/images/kabaal/knop_inschrijven.png') no-repeat scroll 0px 1px transparent; color:rgb(38, 158, 25); text-decoration:none; font-size:1.5em;}
	

/*////////////////////////////////////////////
/// Tussenblokje op home, p links & a rechts:
*/
	#middle .home .short {padding:1em; background-color:rgb(236, 245, 239);}
	#middle .home .short a {display: block; float:right; margin-right: 0; line-height: 1.1em;}
	
/*////////////////////////////////////////////
/// Verwijder alle effecten:
*/
	#middle .noline {border-bottom:none;}
	#middle .nofx,
	#middle .nofx a,
	#middle .nofx a:link,
	#middle .nofx a:active,
	#middle .nofx a:hover,
	#middle .nofx a:visited,
	#middle .nofx a:after,
	#middle .nofx a:before {text-decoration:none; color:inherit; content:""; border:0px none;}
	#middle .nofx img {border:none;}
	#middle .wit {background-color:white;}
	
	#middle .logos {padding: 0px 50px; margin: 10px 0px; overflow: hidden;}
	#middle .logos img {float:left; padding:5px; border:none;}