/* CSS Document */
/* De Brakke Hond website */
/* Css by Britt Mesdagh  */
/*  www.mixette.com */
/*--------------------------------------------------------*/




/* algemene definities */
/*--------------------------------------------------------*/
body {
	color: #5D5D5D;
	padding: 0px;
	margin: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.8em;
	text-align:center;
	background-color: #666666;
	background-image: url(../Images/pattern_012.gif);
	background-repeat: repeat;
}

a { color: #FF9900 }


a img {border: 0;}



/* De divs voor pagina-opmaak. 
Dit zijn de basisblokken voor de opbouw van de pagina.
In de homepage zitten 3 kolommen, in de onderliggende pagina's worden col 1 en 2 vervangen door colbig 
Col3 blijft bestaan in de onderliggende pagina's (de rechterkolom voor adsense en aankondigingen).
De meeste elementen zijn reeds gedefinieerd: titels, paragrafen, images, ... 
Het is dus een kwestie van de juiste html-tag te gebruiken. 
Gebruik geen font-tags en style rechtstreeks in de pagina, dan raakt heel de lay-out in de war
Gebruik zeker geen divs om elementen uit te lijnen, want de kolommen worden gedefinieerd in divs. 
Als je een div gebruikt betekent dit eigenlijk dat je een kolom bijmaakt, met alle verschuivingen van dien, 
want er is eigenlijk geen plaats meer voor een extra kolom. */
/*--------------------------------------------------------*/

#wrapper{
	padding: 10px 0px 0px 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 980px;

	background-color: #fff;
	top: 0px;
	background-position: left top;
	background-image: url(../Images/v2/background_site.gif); /* Hier de kleur van de zijbalk aanpassen */
	background-repeat: repeat-y;
}

#zijbalk {
	
	float: left;
	width: 145px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #E1BB57}  /* Hier de kleur van de zijbalk aanpassen */

#rightwrapper {
	padding: 0px 0px 10px 10px;
	width: 825px;
		margin: 0px;
		float:left;
	text-align:left;
	background-color: #FFFFFF;}


#menu {
	background-image: url(../Images/v2/menubalk_oker.gif); /* hier kleur aanpassen, vervangen door afbeelding met andere kleur*/
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	width: 815px;
	height: 60px;
    margin: 0px;
	padding: 0px 10px 10px 0px;
}

#colwrapper {
	width: 825px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	
}



#col1 {
	width: 250px;
	margin: 10px 10px 10px 10px;
	padding: 0px;
	float: left;
	height: 100%;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
}

#col2 {	 width: 260px;
	margin: 10px 10px 10px 0px;
	padding: 0px;
	float: left;
	height: 100%;}

#col3 {	 width: 260px;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
}


#colbig {
margin: 10px 10px 10px 10px;
padding: 0px;
width: 520px;
float: left;

display: inline;
}


#footer {width: 825px;
			margin: 0px;
			padding: 0px;
			height: 50px;}






/*--------------------------------------------------------*/
/* opmaak in de divs */
/*--------------------------------------------------------*/


/* ZIJBALK */
/*--------------------------------------------------------*/

/* het logo van de Brakke Hond */
#zijbalk h1 {
	background-image: url(../Images/v2/logo_debrakkehond_zijwaarts.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 20px;
	height: 510px;
} 

/* editie, bovenaan */
#zijbalk h2 {
	text-transform: capitalize;
	margin-top: 20px;
	color: #FFFFCC;  /* hier kleur aanpassen   tekst editie winter lente zomer herfst*/
	font-size: 2.2em;
	font-weight: bold;
	font-variant: small-caps;
} 

/* nummer*/
#zijbalk h3 {    
	text-transform: capitalize;
	color: #FFFFCC;
	font-size: 3.6em;
	font-weight: bold;
	font-variant: small-caps;
	 margin: 10px;} 
	 
	 


	
/* logo met de steun van, onderaan*/

#zijbalk p {
 margin: 20px 10px 10px 10px;
 color: #D7A621;
	font-size: 0.8em;


}


#zijbalk h6 {height:100%;}


/* Menubalk */
/*--------------------------------------------------------*/

#menu ul {
	margin: 20px 0px 10px 0px;
	list-style-image: none;
	list-style-type: none;
}

#menu ul li {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif, Impact;
	font-weight: bold;
}

/* enkel voor firefox */
html>body #menu ul {margin: 10px 0px 10px 0px;}
html>body #menu ul li {	padding: 18px 15px 0px 10px;}
html>body #menu ul li a{font-size: 1.1em;}

#menu ul li a{
	font-family: Verdana, Arial, Helvetica, sans-serif, Impact;
	color: #666;
	font-size: 1.2em;
	list-style-image: none;
	list-style-type: none;
	test-decoration: none;
	text-decoration: none;
	}



#menu ul li a:hover{color: #990000;
text-decoration: none}

#menu ul li a:visited{color: #fff;
text-decoration: none}


/* Opmaak in de cols */
/*--------------------------------------------------------*/


.crumbtrail {
	font-size: 0.7em;
	margin: 20px 10px 25px 0px;
	padding: 0px;
	line-height: 35px;
}

.crumbtrail a{

text-decoration: none;

 }
 
 .crumbtrail a:hover {

text-decoration: underline;
}



/*titels*/


#col1 h1 ,#col2 h1 ,#col3 h1 {
	padding: 5px 0px 0px 0px;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
}

#colbig h1 {
	padding: 5px 0px 5px 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
/*Hyperlinks niet onderlijnen */
#colbig h1 a { text-decoration: none;}

#colbig h4 {
padding: 5px 0px 5px 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 10px;

	font-size: 1.3em;
	font-weight: bold;
	color: #666666;

}
#colbig h3 {
padding: 5px 0px 5px 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 10px;

	font-size: 1.2em;
	font-weight: bold;
	color: #666666;

}




.nummer { 	
text-transform: capitalize;
	color: #D7A621;
	font-size: 3.2em;
	font-weight: bold;
	font-variant: small-caps;
	 margin: 5px;
	 }
	 
 .nummertitel { 
 color: #000;
 font-size: 1.2em;
	font-weight: bold;
	 margin-right: 5px;
	 }
	 
/*dit is de eerste leter van de titel */

.eersteletter {
	color: #D7A621;  /* hier kleur aanpassen*/
	font-size: 2.2em;
	font-weight: bold;
}

/* paragrafen, opsommingen en alles tussen de titels */

#col1 p,#col2 p, #col3 p, #colbig p{
padding: 5px 15px 5px 10px;
margin: 0px;
font-size: 1.0em;
	font-weight: normal;
	color: #666666;}


.copyright {
padding: 5px 10px 15px 10px;
margin: 0px 0px 15px 0px;
font-size: 0.8em;
	font-weight: normal;
	color: #666666;}





#col3 p
{
padding: 5px 10px 5px 15px;
margin: 0px;
font-size: 1.0em;
font-weight: normal;
color: #666666;}
	
	
#col1 ul,#col2 ul,#col3 ul{
padding: 5px 10px 5px 10px;
margin: 0px 0px 0px 5px;}



#colbig ul {
margin: 5px 20px 5px 10px;
padding: 5px 30px 5px 10px;
dispay: inline;}


#col1 li,#col2 li,#col3 li,#colbig li {
	padding: 0px  0px 0px 0px;
	
	list-style-image: url(../Images/v2/bullet.gif);
}

#col1 li a,#col2 li a,#col3 li a,#colbig li a{
		padding: 0px  0px 0px 0px;
	text-decoration: underline;
	color: #FF9900;
	margin: 0px;
		list-style-image: url(../Images/v2/bullet.gif);

}

#col1 img,#col2 img,#col3 img,#colbig img {
margin: 0px 10px 10px 10px;

}

#col1 form,#col2 form,#col3 form,,#colbig form {
margin: 10px 10px 0px 15px;
padding: 0px 10px 0px 0px;
}

.normal {
	padding: 5px;
	list-style-type: disc;
}
/*Col 3: de balken en de opmaak van de logo's etc */

.menuitembalk {
margin: 0px 0px 10px 5px;
}


.kar {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;


}



/*blog* de styling van het feedburner script */

.feedBurnerFeedBlock {

width: 220px;

padding: 0px;
font-size: 0.9em;
font-weight: normal;
	color: #666666;
		list-style-image: none;
}
	
div.feedBurnerFeedBlock p.feedTitle { 
font-size: 1.0em;
padding: 0px 10px 0px 10px;
text-decoration: none;}



.headline {
padding: 0px;
}

.date {padding: 0px 10px 0px 10px;
font-size: 1.0em;
font-weight: normal;
color: #666666;}

.enclosure { 
padding: 0px 10px 0px 10px;
font-size: 1.0em;
font-weight: normal;
color: #666666;}
}

#creditfooter{
	padding: 0px 10px 0px 10px;
	visibility: hidden;
}


/* Nieuwsbrief formulier in de 3rde col */

.nieuwsbrieffom{
font-size: 0.8em;
padding: 0px 10px 0px 15px;
}
.nieuwsbriefform{
font-size: 0.8em;

padding: 0px 10px 0px 15px;

}

.poweredby {
font-size: 0.4em;
}
.verzenden {
font-size: 0.9em;}




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

#footer p {
	border-top-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	height: 30px;
	width: 790px;
	padding: 10px;
		/*margin: 10 10 10 0px;*/
	margin: 0px;
	font-size: 0.7em;
	text-align:center;
}

#mixette {
	width: 980px;
	margin: 5px auto 5px auto;
	height: 15px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	font-size: 0.7em;
	color: #333333;
}


#mixette a {
	text-decoration: none;
	background-color: #999999;
}
.clearer {clear: both;}


/*Tabellenopmaak*/
table {	font-size: 0.9em;}
td img {
	background-position: bottom;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}	
/*Tabellenopmaak redactiepagina bug in IE*/

#redactietabel {	
font-size: 0.9em;
margin: 0px 10px 0px 10px;}

#redactietabel ul {margin: 0px;
padding: 5px 10px 0px 10px;}

#redactietabel li {margin: 5px 0px 5px 0px;
padding: 0px;}

html>body #redactietabel  {font-size: 0.9em;}

.archieftabel {margin: 5px 0px 5px 15px;}


/*button terug naar inhoudsopgave */
.inhoud {
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	height: 15px;
	width: 500px;
	text-decoration: none;
	vertical-align: middle;
	margin: 20px 150px 10px 100px;
     /*list-style-image: url(../Images/v2/bullet_terug.gif);*/

}

.inhoud a { text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	height: 22px;
	vertical-align: middle;
	background-color: #CAC8C8; 
	padding: 5px 10px 5px 10px;}

.inhoud a:hover {	color: #80692E;}


/* speciale paragrafen */

.paragraafzr {
margin-top: 0px;
margin-bottom: 0px;
}

.inspringen {
margin-left: 30px;}

/*tabellen */

#colbig table tbody tr td a img {margin: 15px 0px 0px 0px;}

.tekstkader {
	margin: 10px 10px 10px 30px;
	border:1px solid #FF6600
}