@charset "utf-8";

@font-face {
    font-family: 'Conv_ARBLANCA';
    src: url('../Font/ARBLANCA.eot'); /* IE9 Compatibility Modes */
    src: url('../Font/ARBLANCA.eot?') format('eot'), /* IE6-IE8 */ url('../Font/ARBLANCA.woff') format('woff'), /* Modern Browsers */ url('../Font/ARBLANCA.ttf') format('truetype'), /* Safari, Android, iOS */ url('../Font/ARBLANCA.svg#webfontARBLANCA') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 10px;
    padding: 0px;
    color: #555555;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.20;
    letter-spacing: 1.875;
    font-family: Arial, Verdana; /* "Century Gothic";*/
    -webkit-text-stroke: 1px transparent; /* Uitschakelen van shadow in Safari. Lelijke dike letter */


}

th {
    color: #ffffff;
    background-color: #000000;
}

input {
    border: 1px solid #C0711E;
}

button {
    background-color: #F1F1F1;
    border: 1px solid #C0711E;
}

select {
    border: 1px solid #C0711E;
}

/* ~~ Element-/tagkiezers ~~ */
ul, ol, dl { /* Vanwege de verschillen tussen browsers kunt u het beste geen opvulling en marges gebruiken voor lijsten. Voor consistentie kunt u hier of bij de items (LI, DT, DD) voor de lijsten de gewenste waarden opgeven. Houd er rekening mee dat wat u hier doet, wordt gebruikt in de navigatielijst, tenzij u een specifiekere kiezer opgeeft. */
    padding-left: 20px;
    margin: 0;
}

h1 {
    margin-top: 0; /* als u de bovenmarge verwijdert, voorkomt u dat marges buiten de div vallen waartoe ze behoren. De resterende ondermarge zorgt ervoor dat er ruimte blijft tussen de div en alle volgende elementen. */
    padding-left: 20px;
    padding-top: 5px;
    /* als u opvulling toevoegt aan de zijkant van de elementen in de divs, in plaats van aan de divs zelf, voorkomt u dat u kadermodelberekeningen moet uitvoeren. U kunt als alternatief een geneste div met opvulling aan de zijkant gebruiken. */
    font-size: 1.5em;
    text-transform: uppercase;
    color: #DB9E22; /*#8E1E36; Dit is de rode kleur*/
    /* background-color: #FFFFFF;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
 border: 1px solid #C0711E; */
}

h2, h3, h4, h5, h6 {
    /* als u de bovenmarge verwijdert, voorkomt u dat marges buiten de div vallen waartoe ze behoren. De resterende ondermarge zorgt ervoor dat er ruimte blijft tussen de div en alle volgende elementen. */
    padding-left: 15px;

    /* als u opvulling toevoegt aan de zijkant van de elementen in de divs, in plaats van aan de divs zelf, voorkomt u dat u kadermodelberekeningen moet uitvoeren. U kunt als alternatief een geneste div met opvulling aan de zijkant gebruiken. */
    font-size: 12px;
    text-transform: uppercase;
    color: #0e0e0e; /*#8E1E36; Dit is de rode kleur*/
}

p {
    text-transform: none;
    color: #0e0e0e;
}

a img { /* met deze kiezer verwijdert u de blauwe standaardrand die in bepaalde browsers wordt weergeven rond een afbeelding als deze wordt omgeven door een koppeling */
    border: none;
}

/* ~~ De stijl voor de koppelingen op uw site moet deze volgorde aanhouden, inclusief de groep kiezers waarmee het aanwijseffect wordt gemaakt. ~~ */
a:link {
    text-decoration: underline;
    /* tenzij u zeer unieke opmaak toepast op uw koppelingen, kunt u de koppelingen het beste onderstrepen zodat ze gemakkelijk te herkennen zijn */
}

a:visited {
    text-decoration: underline;

}

a:hover, a:active, a:focus { /* met deze groep kiezers krijgen gebruikers die navigeren met een toetsenbord, dezelfde aanwijsfunctionaliteit als gebruikers die werken met een muis. */
    text-decoration: underline;
    color: #DB9E22;
}

.alpha {
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 20px;
}

/* ~~ deze container omvat alle overige divs en geeft de divs hun breedte op basis van een percentage ~~ */
.container {
    max-width: 1980px; /* wellicht is het verstandig dat u een maximumbreedte instelt om te voorkomen dat deze lay-out te breed wordt op een groot beeldscherm. Zo zorgt u ervoor dat de regels goed leesbaar blijven. Deze declaratie werkt niet in Internet Explorer 6. */
    min-width: 1280px; /* wellicht is het verstandig dat u een minimumbreedte instelt om te voorkomen dat deze lay-out te smal wordt. Zo zorgt u ervoor dat de regels in zijkolommen goed leesbaar blijven. Deze declaratie werkt niet in Internet Explorer 6. */
    background: #FFF;
    margin: 0;
    padding: 0px;
    height: auto;

}

.content {
    padding-left: 10px;
}

p.content {
    text-transform: none;
    color: #555555;
    padding-left: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.20;
    letter-spacing: 1.875;
    font-family: Arial, Verdana; /* "Century Gothic";*/
    -webkit-text-stroke: 1px transparent; /* Uitschakelen van shadow in Safari. Lelijke dike letter */
}

/* ~~ Dit zijn de kolommen voor de lay-out. ~~ 

1) Opvulling wordt alleen boven en/of onder aan de divs geplaatst. De elementen binnen deze divs hebben opvulling aan de zijkanten. Hierdoor hoeft u geen kadermodelberekeningen uit te voeren. Houd er rekening mee dat als u opvulling aan de zijkant of een rand aan de div toevoegt, deze opvulling wordt toegevoegd aan de waarde die u definieert voor de totale breedte. U kunt ook de opvulling voor een element in de div verwijderen en in de div een tweede div invoegen die geen breedte heeft, maar wel de benodigde opvulling voor uw ontwerp bevat.

2) Er is geen marge ingesteld voor de kolommen omdat deze allemaal zwevend zijn. Als u marge moet toevoegen, moet u dit niet doen aan de kant waarnaar de kolom zweeft (bijvoorbeeld een rechtermarge voor een div die is ingesteld op zweven naar rechts). Vaak kunt u hiervoor opvulling gebruiken. Bij divs waarvoor u deze regel niet kunt toepassen, moet u een declaratie 'display:inline' toevoegen aan de regel van de div om een fout op te lossen waarbij in sommige versies van Internet Explorer de marge wordt verdubbeld.

3) Omdat klassen meerdere keren kunnen worden gebruikt in een document en meerdere klassen kunnen worden toegepast op een element, zijn aan de kolommen klassenamen toegewezen in plaats van id's. U kunt bijvoorbeeld zo nodig twee zijbalk-divs stapelen. Desgewenst kunt u deze eenvoudig wijzigen in id's, zolang u maar ervoor zorgt dat u ze één keer per document gebruikt.

4) Indien gewenst kunt u de navigatie aan rechterkant plaatsen in plaats van aan de linkerkant. Hiervoor hoeft u alleen de kolommen in tegenovergestelde richting te laten zweven (allemaal naar rechts in plaats van naar links), waarna ze in omgekeerde volgorde worden weergegeven. U hoeft de divs niet te verplaatsen in de HTML-broncode.

*/
.sidebar1 {
    position: relative;
    float: left;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
    border-left: 1px solid #C0711E;
    border-bottom: 1px solid #C0711E;
    border-right: 1px solid #C0711E;
    height: 330px;
    width: auto;
}

p.sidebar1 {
    text-transform: none;
    color: #0e0e0e;
    padding: 0px;

}


/* ~~ voor de koptekst wordt geen breedte ingesteld. De koptekst loopt over de volledige breedte van uw lay-out en bevat een tijdelijke aanduiding voor een afbeelding, die u moet vervangen door uw eigen gekoppelde logo ~~ */
.header {
    text-transform: uppercase;

}

/* ~~ De gegroepeerde kiezer zorgt voor de ruimte van de lijsten in het inhoudsgebied ~~ */
.content ul, .content ol {
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 20px;
}

/* ~~ De stijlen voor navigatiebalken (kunnen worden verwijderd als u een voorgedefinieerd vlieguit-menu, bijvoorbeeld Spry, gebruikt) ~~ */
ul.nav {
    list-style: none; /* hiermee verwijdert u de lijstmarkering */
    border-top: 1px solid #667; /* hiermee maakt u de bovenrand voor de koppelingen - de overige worden geplaatst via een onderrand op de LI */
    margin-bottom: 15px; /* hiermee stelt u de ruimte in tussen de navigatie en de inhoud eronder */
}

ul.nav li {
    border-bottom: 1px solid #667; /* hiermee maakt u de scheiding voor knoppen */
}

ul.nav a, ul.nav a:visited { /* als u deze kiezers groepeert, behouden de koppelingen het knopuiterlijk ook nadat erop de koppelingen is geklikt */
    padding: 5px 5px 5px 15px;
    display: block; /* hiermee krijgt de koppeling de blokeigenschappen, waardoor de koppeling de hele LI in het blok vult en het volledige gebied reageert op een muisklik. */
    text-decoration: none;
    background: #0e0e0e;
    color: #8D1E36;
}

ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* hiermee wijzigt u de achtergrond en tekstkleur van muis- en toetsenbordnavigatie */
    background: #DB9E22;
    color: #FFF;
}

/* ~~De voettekst ~~ */
.footer {
    padding: 10px 0;
    background: #DB9E22;
    position: absolute; /* hiermee kan de eigenschap hasLayout voor IE6 op de juiste wijze worden gewist */
    clear: both; /* met deze eigenschap voor wissen kan de container bepalen waar de zwevende kolommen eindigen en ze insluiten */
}

/* ~diverse klassen voor zweven/wissen~~ */
.fltrt { /* met deze klasse kunt u een element aan de rechterkant van uw pagina laten zweven. Het zwevende element moet voorafgaan aan het element waarnaast het op de pagina staat. */
    float: right;
    margin-left: 8px;
}

.fltlft { /* met deze klasse kunt u een element aan de linkerkant van uw pagina laten zweven. Het zwevende element moet voorafgaan aan het element waarnaast het op de pagina staat. */
    float: left;
    margin-right: 8px;
}

.clearfloat { /* deze klasse kunt u gebruiken voor een <br /> of een lege div als het laatste element dat volgt op de laatste zwevende div (binnen de container) wanneer de voettekst uit de container is verwijderd of er buiten is geplaatst */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.evenvoorstellen {
    padding-left: 35px;
}

.evenvoorstellenframe {
    height: 600px;
    overflow: auto;
}

.evenvoorstellen_kolom_1 {
    left: 10px;
    float: both;
}

.evenvoorstellen_kolom_2 {
    position: relative;
    left: 240px;
    top: -180px;
}

.evenvoorstellen_kolom_3 {
    position: relative;
    left: 392px;
    top: -361px;
}

.evenvoorstellen_kolom_4 {
    position: relative;
    left: 620px;
    top: -545px;
}

.evenvoorstellen_kolom_2_1 {
    position: relative;
    left: 0px;
    top: -560px;
}

.evenvoorstellen_kolom_2_2 {
    position: relative;
    left: 240px;
    top: -738px;
}

.ANBI {
    position: absolute;
    height: 700px;
    width: 1000px;
    margin: 0px 0px 0px 10px;
    overflow: auto;

}

.adresgegevens {
    position: relative;
    color: #ffffff;
    text-align: center;
    font-size: 1em;
    font-weight: 500;
    line-height: 1.2;
    -webkit-border: 2px solid #ffffff;
    -moz-border: 2px solid #ffffff;
    border: 2px solid #ffffff;
    display: block;
    padding: 16px;
    margin: 5px;
}

.afbeelding {
    border: 1px solid #C0711E;
    margin: 10px 0px 0px 10px;
    padding: 10px;
    width: 95%;
}


.calender {
    width: 300px;
    padding: 5px;
    overflow: hidden;
}

.calender_v2 {
    width: 300px;
    padding: 5px;
    overflow: hidden;
}

.calmaand_active {
    position: relative;
    text-align: center;
    vertical-align: middle;
    top: 17px;
    left: -270px;
    font-size: 14px;
    font-weight: bold;
    z-index: 20;
}

.calmaand {
    position: relative;
    text-align: center;
    vertical-align: middle;
    top: 8px;
    left: -134px;
    font-size: 14px;
    font-weight: bold;
    z-index: 20;
}

a.calref:link {
    text-decoration: none;
    color: #0e0e0e;
}

a.calref:hover, a.calref:active, a.calref:focus {
    text-decoration: none;
    color: #0e0e0e;
}

a.calref:visited {
    text-decoration: none;
    color: #0e0e0e;

}

.caldag {
    position: absolute;
    float: left;
    top: 39px;
    left: 10px;
    font-size: 12px;
    font-weight: bold;
}

.caldatum {
    position: absolute;
    float: left;
    top: 87px;
    left: 33px;
    z-index: 20;
    font-size: 60px;
    font-weight: bold;

}

.caljaar {
    color: #8E1E36;
    position: absolute;
    float: left;
    top: 138px;
    left: 90px;
    font-size: 12px;
    font-weight: bold;
}

.caldag_v2 {
    position: absolute;
    float: left;
    top: 76px;
    left: 17px;
    font-size: 12px;
    font-weight: bold;
}

.calmaand_v2 {
    position: relative;
    text-align: center;
    vertical-align: middle;
    top: 18px;
    left: -268px;
    font-size: 14px;
    font-weight: bold;
    z-index: 20;
}

.caldatum_v2 {
    position: absolute;
    float: left;
    top: 87px;
    left: 33px;
    z-index: 20;
    font-size: 60px;
    font-weight: bold;

}

.caljaar_v2 {
    color: #8E1E36;
    position: absolute;
    float: left;
    top: 138px;
    left: 90px;
    font-size: 12px;
    font-weight: bold;
}

a.calrefdag_v2:link {
    text-decoration: none;
    color: #8E1E36;
}

a.calrefdag_v2:link {
    text-decoration: none;
    color: #8E1E36;
}

a.calrefdag_v2:hover, a.calrefdag_v2:active, a.calrefdag_v2:focus {
    text-decoration: none;
    color: #8E1E36;
}

a.calrefdag_v2:visited {
    text-decoration: none;
    color: #8E1E36;

}

a.calrefjaar_v2:link {
    text-decoration: none;
    color: #8E1E36;
}

a.calrefjaar_v2:hover, a.calrefjaar_v2:active, a.calrefjaar_v2:focus {
    text-decoration: none;
    color: #8E1E36;
}

a.calrefjaar_v2:visited {
    text-decoration: none;
    color: #8E1E36;

}

a.calrefdag:link {
    text-decoration: none;
    color: #8E1E36;
}

a.calrefdag:link {
    text-decoration: none;
    color: #8E1E36;
}

a.calrefdag:hover, a.calrefdag:active, a.calrefdag:focus {
    text-decoration: none;
    color: #8E1E36;
}

a.calrefdag:visited {
    text-decoration: none;
    color: #8E1E36;
}

a.calrefjaar:link {
    text-decoration: none;
    color: #8E1E36;
}

a.calrefjaar:hover, a.calrefjaar:active, a.calrefjaar:focus {
    text-decoration: none;
    color: #8E1E36;
}

a.calrefjaar:visited {
    text-decoration: none;
    color: #8E1E36;

}

.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 6px 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button1 {
    background-color: white;
    color: black;
    border: 2px solid #4CAF50;
}

.button1:hover {
    background-color: #4CAF50;
    color: white;
}

.button2 {
    background-color: white;
    color: black;
    border: 2px solid #008CBA;
}

.button2:hover {
    background-color: #008CBA;
    color: white;
}

.button3 {
    background-color: white;
    color: black;
    border: 2px solid #f44336;
}

.button3:hover {
    background-color: #f44336;
    color: white;
}

.button4 {
    background-color: white;
    color: black;
    border: 2px solid #e7e7e7;
}

.button4:hover {
    background-color: #e7e7e7;
}

.button5 {
    background-color: white;
    color: black;
    border: 2px solid #555555;
}

.button5:hover {
    background-color: #555555;
    color: white;
}

.CheckGBNmanww {
    position: absolute;
    float: left;
    padding: 3px;
    margin-top: -5px;
    margin-left: 300px;
    width: 200px;
    color: #FF6C6C;


}

.CheckGNWW {
    position: absolute;
    margin-top: 2%;
    margin-left: -3%;
    font-family: "Century Gothic", Verdana, Arial;
    font-size: 10px;
    color: #FFFFFF;
    background: #FF0000;
    -ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Safari and Chrome */
    -o-transform: rotate(10deg); /* Opera */
    -moz-transform: rotate(10deg); /* Firefox */
    transform: rotate(20deg);
    height: 0px;
    z-index: 100;

}

.CheckGBN {
    position: absolute;
    font-family: "Century Gothic", Verdana, Arial;
    font-size: 10px;
    margin-top: 2%;
    margin-left: -3%;
    padding: 3px;
    width: 265px;
    color: #FF6C6C;
    background: #FFFFFF;
    -ms-transform: rotate(15deg); /* IE 9 */
    -webkit-transform: rotate(15deg); /* Safari and Chrome */
    -o-transform: rotate(15deg); /* Opera */
    -moz-transform: rotate(15deg); /* Firefox */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    transform: rotate(15deg);
    border-radius: 10px;
    border: 1px solid #FF6C6C;

}

.CheckGBNactf {
    position: absolute;
    padding: 3px;
    margin-top: 2%;
    margin-left: 3%;
    width: 180px;
    background-color: #FFFFFF;
    color: #FF6C6C;
    -ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Safari and Chrome */
    -o-transform: rotate(5deg); /* Opera */
    -moz-transform: rotate(5deg); /* Firefox */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    transform: rotate(5deg);
    border-radius: 10px;
    border: 1px solid #FF6C6C;
}

.CheckWWMan {
    position: absolute;
    font-family: Arial, Verdana; /* "Century Gothic";*/
    font-size: 12px;
    float: right;
    margin-top: 45px;
    margin-left: -70px;
    width: 320px;
    background-color: #FFFFFF;
    color: #FF6C6C;
}

.CheckWW {
    position: absolute;
    font-family: Arial, Verdana; /* "Century Gothic";*/
    font-size: 12px;
    float: right;
    margin-top: -750px;
    margin-left: 315px;
    width: 500px;
    background-color: #FFFFFF;
    color: #000000;
}

.CheckGBNCMS {
    background-color: #F00000;
    width: 50%;
}

.CheckGBNlayout {
    background-image: url(../Images/Controle/key_lock-animated.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding: 10px;
    margin: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #C0711E;
}

.CheckGBNCMSlayout {
    padding: 10px;
    margin: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #C0711E;
}

.CheckPClayout {
    padding: 10px;
    margin: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #C0711E;
}

.error {
    color: #FFF;
    margin-left: 30px;
    background-color: #D00;
    width: 600px;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


.succes {
    margin-left: 30px;
    color: #FFFFFF;
    background-color: #0A0;
    width: 600px;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.Gemeentegids {
    width: 180px;
    margin: 20px 0px 0px 210px;
    -ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Safari and Chrome */
    -o-transform: rotate(-5deg); /* Opera */
    -moz-transform: rotate(-5deg); /* Firefox */
    -webkit-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.5);
    transform: rotate(-5deg);
}

.formulieren {
    font-family: Arial, Verdana; /* "Century Gothic";*/
    width: 70%;
    border: 1px #C0711E solid;
    padding: 5px;
    margin: 8px;
    background-image: url(../Images/Achtergronden/papier.png);
    background-repeat: no-repeat;
    background-position: center;

}

.formulierenKnoppen {
    padding-left: 25px;
    margin-left: 0px;
}

.Functies {
    margin-left: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    height: 150px;
    width: 250px;
    overflow: auto;
}

.fred {
    position: absolute;
    display: block;
    width: 100px;
    height: 125px;
    top: 14%;
    left: 76%;
    background-color: #ebebeb;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: solid 3px #ffffff;
    -webkit-box-shadow: 3px 3px 7px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 3px 7px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 7px 3px rgba(0, 0, 0, 0.5);
}

.op_zoek {
    position: relative;
    float: left;
    background: #E3E9FF;
    background-image: url(/Images/vraagtekenBG.png);
    background-position: bottom;
    background-repeat: no-repeat;
    height: 315px;
    border: 1px solid #C0711E;
    padding: 0px 30px 0px 30px;
    margin: 5px 0px 0px 10px;
}

.plaatjes {
    float: left;
    margin-top: 15px;
    border: 1px solid #C0711E;
    padding: 2px;
}

.blikvanger {
    margin: 5px 0px 0px 10px;
    width: 514px;
    height: 266px;
    padding: 3px;
    border: 1px solid #C0711E;
}

.roosters {
    margin: 5px 0px 0px 10px;
    width: 514px;
    height: 266px;
    padding: 3px;
    border: 1px solid #C0711E;
    overflow: auto;
}

/*
.blikvanger {
	border: none;
	background: #3a7999;
	color: #f2f2f2;
	padding: 10px;
	font-size: 18px;
	border-radius: 5px;
	position: relative;
	box-sizing: border-box;
	transition: all 500ms ease; 
}

.blikvanger {
	transform-style: preserve-3d;
}
.blikvanger:after {
	top: -100%;
	left: 0px;
	width: 100%;
	position: absolute;
	background: #3a9999;
	border-radius: 5px;
	content: 'Flipped';
	transform-origin: left bottom;
	transform: rotateX(90deg);
}
.blikvanger:hover {
	transform-origin: center bottom;
	transform: rotateX(-90deg) translateY(100%);
}
*/
.dienstrooster {
    position: relative;
    overflow: auto;
    margin: 5px 0px 0px 11px;
    width: 493px;
    height: 315px;
    padding: 8px;
    border: 6px solid #C0711E;

}

.dienstrooster_actief {
    position: relative;
    overflow: auto;
    margin: 5px 0px 0px 11px;
    width: 493px;
    height: 325px;
    padding: 8px;
    border: 6px solid #C0711E;

}

.dienstrooster_actief_v2 {
    position: relative;
    top: -698px;
    left: 536px;
    overflow: auto;
    margin: 5px 0px 0px 11px;
    width: 46%;
    height: 325px;
    padding: 8px;
    border: 6px solid #C0711E;

}

.dienstroostertekst {
    position: relative;
    margin-left: 20px;
}

.op_zoek_vraagteken {
    position: absolute;
    float: right;
    width: auto;
    padding: 0px;
    margin: 15px 0px 0px 400px;
    z-index: 15;
}

.nieuws {
    height: 135px;
    overflow: auto;
    margin: 0px;
    border: 1px solid #C0711E;
}

.NieuwsCMS {
    border: 1px solid #C0711E;
    padding-left: 20px;
    margin-left: 10px;
    width: 95%;
}

.CMSknoppen {
    font-family: Arial, Verdana, "Century Gothic";
    padding: 10px 0px 0px 370px;
}

.NieuwsItem {
    width: 100%;
    height: 180px;
    overflow: auto;
    font-family: Arial, Verdana, "Century Gothic";
    border: 1px solid #C0711E;
    list-style: none;
    padding: 0px;
    margin: 5px;
}

.NieuwsItemactief {
    width: 100%;
    height: 277px;
    font-family: Arial, Verdana, "Century Gothic";
    border: 1px solid #C0711E;
    list-style: none;
    padding: 0px;
    margin: 5px 0px 0px 5px;
}

.showPaginaKopjes {
    font-family: Arial, Verdana, "Century Gothic";
    border: 1px solid #C0711E;
    padding: 10px;
    margin: 10px;
    width: 95%;
}

.KeekopPreek {
    border: 1px solid #C0711E;
    margin: 10px 0px 0px 10px;
    padding: 10px;
    width: 98%;
}

.KodPArchiefContent {
    margin: 10px 0px 0px 10px;
    overflow: auto;
    height: 500px;
}

.KodPArchiefAlle {
    margin: 10px 0px 0px 10px;
    overflow: auto;
    height: 450px;
}

.KodPCategorie {
    position: relative;
    margin: 10px 0px 50px 15px;
    padding: 10px;
    border-left: 2px #C0711E solid;
    overflow: auto;
    width: 100%;
    height: 630px;
}

.KodPCategorietekst {
    position: relative;
    margin: 30px 0px 0px 15px;
    padding: 10px;
    border-left: 2px #C0711E solid;
    border-bottom: 2px #C0711E solid;
    width: 98%;
}

.Ledengids {
    width: 180px;
    margin: 20px 0px 0px 210px;
    -ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Safari and Chrome */
    -o-transform: rotate(5deg); /* Opera */
    -moz-transform: rotate(5deg); /* Firefox */
    -webkit-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.5);
    transform: rotate(5deg);
}

.levenisgeven {
    margin: 0px 0px 0px 10px;
    width: 100%;
    overflow: auto;
    height: 450px;
}

.mailfail {
    width: 60%;
    position: relative;
    top: 80px;
    left: 230px;
    border: 2px solid #C0711E;
    padding: 20px;
    margin: 10px 0px;
}

.mailsend {
    width: 60%;
    position: relative;
    top: 80px;
    left: 230px;
    border: 2px solid #C0711E;
    padding: 20px;
    margin: 10px 0px;
}

a.KeekopPreek:link {
    color: #009;
    text-decoration: underline;
}

.bijbeltekst {
    position: relative;
    overflow: auto;
    background-image: url(../Images/bijbel.png);
    background-position: center;
    background-repeat: no-repeat;
    top: -10px;
    font-family: "Conv_ARBLANCA";
    font-size: 18px;
    color: #000;
    width: 90%;
    padding: 0px 5px 1px 19px;
    height: 180px;
}

.bijbeltekstkader {
    border: 1px solid #C0711E;
    padding: 5px;
    margin: 5px 0px 0px 10px;
    height: 240px;
}

.calender {
    position: absolute;
    float: left;
    top: 30px;
    left: 120px;
    width: 75%;
}

.agendaevents {
    width: 100%;
    margin: 0px 0px 0px 15px;
    padding: 0px;
}

.todaycalender_actief_v2 {
    position: relative;
    top: -698px;
    border: 1px solid #C0711E;
    line-height: 1.0;
    width: 50.5%;
    height: 250px;
    overflow: auto;
    list-style-type: circle;
    list-style-position: inside;
    margin: 5px 0px 10px 5px;
    padding: 0px;
}

.todaycalender_actief {
    position: relative;
    top: -340px;
    border: 1px solid #C0711E;
    line-height: 1.0;
    width: 100%;
    height: 250px;
    overflow: auto;
    list-style-type: circle;
    list-style-position: inside;
    margin: 5px 0px 10px 5px;
    padding: 0px;
}

.todaycalender {
    position: relative;
    top: 0px;
    border: 1px solid #C0711E;
    line-height: 1.0;
    width: 100%;
    height: 250px;
    overflow: auto;
    list-style-type: circle;
    list-style-position: inside;
    margin: 5px 0px 10px 5px;
    padding: 0px;
}

.hoera_jarig {
    position: relative;
    top: -580px;
    left: 230px;
    width: 430px;
    font-family: "Conv_ARBLANCA";
    font-size: 2.8em;
    color: #C0711E;
    z-index: 180;
    -ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Safari and Chrome */
    -o-transform: rotate(-5deg); /* Opera */
    -moz-transform: rotate(-5deg); /* Firefox */
    transform: rotate(-5deg);

}

.hoera_jarig_home {
    position: relative;
    top: -618px;
    left: 19px;
    width: 430px;
    font-family: "Conv_ARBLANCA";
    font-size: 2.8em;
    color: #C0711E;
    z-index: 180;
    -ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Safari and Chrome */
    -o-transform: rotate(-5deg); /* Opera */
    -moz-transform: rotate(-5deg); /* Firefox */
    transform: rotate(-5deg);

}

.verjaardagskalender_alg {
    font-family: "Conv_ARBLANCA";
    font-size: 1.1em;
    color: #283CE2;
    width: 19%;
    height: 140px;
    overflow: auto;
    z-index: 150;

}

.globalpos_verjaardagen {
    position: relative;
    top: 350px;
    height: 0px;
    left: -25px;
    padding: 15px;
}

.verjaardagskalender_1 {
    position: relative;
    top: -615px;
    left: 127px;
}

.verjaardagskalender_2 {
    position: relative;
    top: -757px;
    left: 342px;
}

.verjaardagskalender_3 {
    position: relative;
    top: -897px;
    left: 557px;
}

.verjaardagskalender_4 {
    position: relative;
    top: -1037px;
    left: 771px;
}

.verjaardagskalender_5 {
    position: relative;
    top: -956px;
    left: 125px;

}

.verjaardagskalender_6 {
    position: relative;
    top: -1095px;
    left: 340px;
}

.verjaardagskalender_7 {
    position: relative;
    top: -1235px;
    left: 563px;
}

.verjaardagskalender_8 {
    position: relative;
    top: -1378px;
    left: 775px;
}

.verjaardagskalender_9 {
    position: relative;
    top: -1282px;
    left: 125px;
}

.verjaardagskalender_10 {
    position: relative;
    top: -1422px;
    left: 348px;
}

.verjaardagskalender_11 {
    position: relative;
    top: -1565px;
    left: 570px;
}

.verjaardagskalender_12 {
    position: relative;
    top: -1709px;
    left: 787px;
}

.verjaardagskalender_image {
    background-image: url(/Images/calender/VerjaardagsKalender_v3.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 670px;
    margin: 10px 0px 10px 0px;
    border: 0;
}

.verjaardagskalender_image_home {
    background-image: url(/Images/calender/VerjaardagsKalender_v3.jpg);
    background-repeat: no-repeat;
    height: 100%;
    margin: 10px 0px 10px 0px;
    border: 0;
}

.lijst_vandaag_jarig {
    position: relative;
    top: -227px;
    left: 438px;
    width: 400px;
    height: 300px;
    font-family: "Conv_ARBLANCA";
    font-size: 2.2em;
    color: #283CE2;
    overflow: auto;
    z-index: 150;
}

.vandaag_jarig_home_box {
    margin: 5px 0 0 0px;
    padding: 5px;
    overflow: auto;
    height: 220px;
    width: 499px;
    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
    backface-visibility: hidden;
    background-color: #ffffff;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    border-radius: 20px;
}

.vandaag_jarig_home_box_v2 {
    margin: 5px 0 0 0px;
    padding: 5px;
    overflow: auto;
    height: 220px;
    width: 499px;
    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
    backface-visibility: hidden;
    background-color: #ffffff;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
    border-radius: 20px;
}

.vandaag_jarig_home_gram {
    position: relative;
    margin-left: 135px;
    font-family: "Conv_ARBLANCA";
    color: #C0711E;
    font-size: 2.0em;
    margin-bottom: 20px;
    -ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Safari and Chrome */
    -o-transform: rotate(-5deg); /* Opera */
    -moz-transform: rotate(-5deg); /* Firefox */
    transform: rotate(-5deg);
}

.lijst_vandaag_jarig_home {
    font-family: "Conv_ARBLANCA";
    color: #283CE2;
    font-size: 1.8em;
    margin-left: 30px;
    width: auto;
}

.vandaag_jarig {
    background-image: url(/Images/calender/jarig_vandaag.jpg);
    background-repeat: no-repeat;
    background-position: center;
    border: 0;
    height: 300px;
    width: 268px;

}

.vandaag_jarig_home {
    position: absolute;
    top: 877px;
    background-image: url(/Images/calender/jarig_vandaag.jpg);
    background-repeat: no-repeat;
    border: #C0711E solid 1px;
    height: 240px;
    width: auto;
    margin: 5px 0px 0px 11px;
    padding: 5px;
}

.vandaag_jarig_home_v2 {
    position: relative;
    top: -960px;
    background-image: url(/Images/calender/jarig_vandaag.jpg);
    background-repeat: no-repeat;
    border: #C0711E solid 1px;
    height: 240px;
    width: 47.4%;
    margin: 5px 0px 0px 11px;
    padding: 5px;
    left: 532px;
}

.rooster_home {
    position: relative;
    top: -340px;
    margin: 5px 0px 0px 11px;
    padding: 4px;
    width: 510px;
    height: 325px;
    background-color: #c5e5f9;
    overflow: auto;
    border: #C0711E solid 1px;

}

.rooster_home_v2 {
    position: relative;
    top: -698px;
    left: 532px;
    margin: 5px 0px 0px 11px;
    padding: 4px;
    width: 46%;
    height: 325px;
    background-color: #c5e5f9;
    overflow: auto;
    border: #C0711E solid 1px;
}

.rooster_agenda_item_box {
    background-color: #FFFFFF;
    padding: 5px 0px 10px 10px;
    margin-left: 15px;
    border-radius: 5px;
    opacity: 1.0;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}

.rooster_agenda_item {
    margin-left: 15px;
}

.lokatie_maand_alg {
    font-family: "Conv_ARBLANCA";
    font-size: 1.6em;
    color: #000;
    z-index: 150;

}

.globalpos_maanden {
    position: relative;
    top: 700px;
    left: -17px;
    height: 0px;
}

.lokatie_maand_1 {
    position: absolute;
    left: 186px;
    top: -685px;
}

.lokatie_maand_2 {
    position: absolute;
    left: 390px;
    top: -683px;
}

.lokatie_maand_3 {
    position: absolute;
    left: 620px;
    top: -685px;
}

.lokatie_maand_4 {
    position: absolute;
    left: 835px;
    top: -685px;
}

.lokatie_maand_5 {
    position: absolute;
    left: 197px;
    top: -458px;
}

.lokatie_maand_6 {
    position: absolute;
    left: 414px;
    top: -455px;
}

.lokatie_maand_7 {
    position: absolute;
    left: 639px;
    top: -457px;
}

.lokatie_maand_8 {
    position: absolute;
    left: 830px;
    top: -461px;
}

.lokatie_maand_9 {
    position: absolute;
    left: 176px;
    top: -226px;
}

.lokatie_maand_10 {
    position: absolute;
    left: 410px;
    top: -229px;
}


.lokatie_maand_11 {
    position: absolute;
    left: 625px;
    top: -233px;
}


.lokatie_maand_12 {
    position: absolute;
    left: 844px;
    top: -233px;
}

.verlijn {
    background-image: url(/Images/Achtergronden/horlijn.png);
    background-repeat: repeat-y;
    background-position: left;
    border: 0;
    height: 100px;
}

.horlijn {

    padding-top: 10px;
    background-image: url(/Images/Achtergronden/verlijn.png);
    background-repeat: repeat-x;
    background-position: top;
    position: relative;
    top: 15px;
    border: 0;
}

.preken {
    overflow: hidden;
    height: 80px;
    padding-top: 20px;
    padding-right: 20px;

}

.MP3List {
    width: 55%;
    position: relative;
    float: left;
    padding-left: 50px;
    padding-top: 10px;
    list-style-image: url(/Images/downloadicon.png);
    list-style-position: outside;
    background-image: url(/Images/luisteren.png);
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 20px;
}

.archief {
    width: auto;
    padding-left: 20px;

}

.kerkdiensten_luisteren {
    width: 100%;
    height: 85px;
    border: 1px solid #C0711E;
    padding: 0px;
    margin: 5px 0px 0px 5px;
    text-align: left;
    background-color: lavender;
}

.shadow {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 10px 0px 10px;
    -webkit-box-shadow: 3px 3px 7px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 3px 3px 7px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 3px 3px 7px 3px rgba(0, 0, 0, 0.5);
}

.main {
    width: 1280px;

}

.logintd {
    background: #8E1E36; /* Show a solid color for older browsers */
    background: -moz-linear-gradient(#8E1E36, #C0711E);
    background: -o-linear-gradient(#8E1E36, #C0711E);
    background: -ms-linear-gradient(#8E1E36, #C0711E);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8E1E36), to(#C0711E)); /* older webkit syntax */
    background: -webkit-linear-gradient(#8E1E36, #C0711E);
    width: 100%;
    z-index: 50;
}

.login {
    background: #8E1E36; /* Show a solid color for older browsers */
    background: -moz-linear-gradient(#8E1E36, #C0711E);
    background: -o-linear-gradient(#8E1E36, #C0711E);
    background: -ms-linear-gradient(#8E1E36, #C0711E);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8E1E36), to(#C0711E)); /* older webkit syntax */
    background: -webkit-linear-gradient(#8E1E36, #C0711E);
    height: 135px;
    border-left: solid 2px #FFFFFF;
    border-right: solid 2px #FFFFFF;
    color: #FFFFFF;
    margin: 3px;
    padding: 5px;
    text-align: left;
    font-size: 12px;
    font-family: Arial, "Century Gothic", Verdana;
    font-variant: small-caps;
    font-weight: bold;
    z-index: 300;
}

.loginpic {
    position: absolute;
    display: block;
    margin-left: 150px;
    padding: 0;
    z-index: 28;
    -ms-transform: rotate(20deg); /* IE 9 */
    -webkit-transform: rotate(20deg); /* Safari and Chrome */
    -o-transform: rotate(20deg); /* Opera */
    -moz-transform: rotate(20deg); /* Firefox */
    transform: rotate(20deg);

}

.nwsb_pdf_doc {
    position: absolute;
    width: auto;
    left: 800px;
    top: 256px;
    border: 3px double #C0711E;
    padding: 10px;
    background-color: #ADD2F0;

}

.nwsb_pdf_doc_sel {
    position: absolute;
    width: auto;
    left: 800px;
    top: 356px;
    border: 3px double #C0711E;
    padding: 10px;
    background-color: #ADD2F0;

}

.Output_wb_extra_doc {
    position: absolute;
    width: 30%;
    overflow: auto;
    left: 800px;
    top: 470px;
    border: 3px double #C0711E;
    padding: 10px;

}

.Output_wb_extra_doc_tekst {
    position: absolute;
    width: auto;
    left: 800px;
    top: 425px;
    border: 3px double #C0711E;
    padding: 5px;
    background-color: aquamarine;
}

.httpspic {
    position: absolute;
    display: block;
    margin-left: 30px;
    margin-top: 5px;
    width: auto;
    z-index: 28;
    -ms-transform: rotate(20deg); /* IE 9 */
    -webkit-transform: rotate(20deg); /* Safari and Chrome */
    -o-transform: rotate(20deg); /* Opera */
    -moz-transform: rotate(20deg); /* Firefox */
    transform: rotate(20deg);
}


.actlogin {
    height: 112px;
    width: auto;
    vertical-align: middle;
    border: solid 1px #FFFFFF;
    color: #FFFFFF;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: left;
    font-size: 14px;
    font-family: "Century Gothic", Verdana, Arial;
    font-variant: small-caps;
    font-weight: bold;

}

.afknop {
    margin-top: 50px;

}

.actloginpic {
    position: absolute;
    margin-left: 150px;
    margin-top: -50px;
    z-index: 28;
    -ms-transform: rotate(20deg); /* IE 9 */
    -webkit-transform: rotate(20deg); /* Safari and Chrome */
    -o-transform: rotate(20deg); /* Opera */
    -moz-transform: rotate(20deg); /* Firefox */
    transform: rotate(20deg);

}

.actwelkom {
    height: 30px;
    width: 175px;
    color: #FFFFFF;
    marquee-play-count: 2;
    margin-top: 2px;
    margin-bottom: 7px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: left;
    font-size: 14px;
    font-family: Arial, Verdana;
    font-variant: small-caps;
    font-weight: bold;
}

.actloginhref {
    color: #FF00FF;
}

a.actloginhref:visited {
    text-decoration: underline;
    color: #FFFFFF;
}

a.actloginhref:link {
    font-size: 12px;
    text-decoration: underline;
    color: #FFFFFF;
}

a.actloginhref:hover, a.actloginhref:active, a.actloginhref:focus {
    text-decoration: underline;
    color: #8E1E36;
}

.loginhref {
    color: #FFFFFF;
}

a.loginhref:visited {
    text-decoration: underline;
    color: #FFFFFF;
}

a.loginhref:link {
    font-size: 12px;
    text-decoration: underline;
    color: #FFFFFF;
}

a.loginhref:hover, a.loginhref:active, a.loginhref:focus {
    text-decoration: underline;
    color: #8E1E36;
}

.menusize {
    margin: 0px;
    padding-top: 3px;
}

.oldtimers {
    margin-right: 20px;
}

.even {
    width: 95%;
    display: block;
    padding: 5px 5px 5px 7px;
    cursor: auto;

}

.oneven {
    width: 95%;
    display: block;
    padding: 5px 5px 5px 7px;
    background-color: #E3E9FF;
    cursor: auto;
}

.pasen_tekst {
    position: relative;
    width: 514px;
    height: 309px;
    border: 1px solid #C0711E;
    padding: 3px;
    margin: 5px 0px 0px 10px;
}

.pasen_teootje {
    position: relative;
    left: 125px;
    top: -18px;
    height: 30%;
    width: 30%;
    -ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Safari and Chrome */
    -o-transform: rotate(-5deg); /* Opera */
    -moz-transform: rotate(-5deg); /* Firefox */
    transform: rotate(-5deg);
}


.preek_archief_layout {
    position: relative;
    width: 98%;
    left: 20px;

}

.preek_archief_even {
    width: 98%;
    cursor: auto;
}

.preek_archief_oneven {
    width: 98%;
    background-color: #E3E9FF;
    cursor: auto;
}

.preek_archief_tabel {
    max-height: 350px;
    overflow: auto;
    margin-left: 10px;
    box-shadow: 2px 2px 2px 2px #999999;
}

.preek_omschrijving {
    /*position: absolute;*/
    margin: 15px;
    padding: 20px;
    background: #E3E9FF;
    overflow: auto;
    /*width: 950px;*/
    /*height: 30px;*/
    /*top: 860px;*/
    box-shadow: 2px 2px 2px 2px #999999;


    /*-webkit-transition: width 2s; */ /* Safari 3.1 to 6.0 */
    /* transition: width 2s; */
}

.preek_archief_tabel_active {
    max-height: 350px;
    overflow: auto;
    margin-left: 10px;
    box-shadow: 2px 2px 2px 2px #999999;
}

.preek_omschrijving_active {
    /*position: absolute;*/
    margin: 15px;
    padding: 20px;
    background: #E3E9FF;
    overflow: auto;
    /*width: 950px;*/
    /*height: 30px;*/
    /*top: 860px;*/
    box-shadow: 2px 2px 2px 2px #999999;


    /*-webkit-transition: width 2s; */ /* Safari 3.1 to 6.0 */
    /* transition: width 2s; */
}

.preek_omschrijving:hover {
}

td.menusize {
    width: 17%;
}

.slideshowOldtimers {
    margin: 10px 2px 0px 2px;

}

.slideshowAlpha {
    margin: 10px 8px 8px 8px;
    height: 90px;
    background-color: #FFF;
}

.slideshow {
    margin: 10px 0px 10px 10px;
}

.slideshowAlpha img {
    display: none;
    height: 90px;
}

.slideshowAlpha.first {
    display: block;
    height: 90px;
}

.slideshowtop {
}

.ScrollMe {
    overflow: auto;
}

.tbl {
    padding: 20px;
}

.rssf {
    padding: 20px;
}

.kerkindewereld {
    overflow: auto;
    width: 80%;
    height: 780px;
    padding: 0px 0px 0px 20px;
    margin: 0px;
}

a.RSSfeed:hover, a.RSSfeed:active, a.RSSfeed:focus {
    text-decoration: underline;
    color: #8E1E36;
}

.ui-jcoverflip {
    position: relative;
}

.ui-jcoverflip--item {
    position: absolute;
    display: block;
}

.welkom {
    position: relative;
    margin: 5px 5px 0px 5px;
    padding: 0px 0px 5px 0px;
    height: 335px;
    width: 100%;
    border: 1px solid #C0711E;
    background-color: rgba(227, 233, 255, 0.24);
}

.preek_archief_actief {
    position: relative;
    margin: 5px 5px 0px 5px;
    padding: 0px;
    height: 315px;
    width: 100%;
    border: 1px solid #C0711E;
    background-color: rgba(227, 233, 255, 0.24);
}

.preek_archief_result {
    position: relative;
    padding: 0px;
    height: 10px;
    width: auto;
    border: 1px solid #C0711E;
    background-color: rgba(227, 233, 255, 0.24);

}

.preek_archief_actief_result {
    position: relative;
    padding: 0px;
    height: 10px;
    width: auto;
    border: 1px solid #C0711E;
    background-color: rgba(227, 233, 255, 0.24);

}

.weekbulletin_extra_v2 {
    position: relative;
    margin: 5px 5px 0px 5px;
    padding: 5px;
    height: 680px;
    width: 49.5%;
    border: 1px solid #C0711E;
    background-color: rgba(227, 233, 255, 0.24);
    overflow: auto;
}

.weekbulletin_content_v2 {
    padding: 8px;
}


.weekbulletin_extra {
    position: relative;
    margin: 5px 5px 0px 5px;
    padding: 5px;
    height: 680px;
    width: 98.2%;
    border: 1px solid #C0711E;
    background-color: rgba(227, 233, 255, 0.24);
    overflow: auto;
}

.weekbulletin_content {
    padding: 8px;
}

.WB {
    border: 1px solid #C0711E;
    padding: 10px;
}

.zendingwd {
    height: auto;
    overflow: hidden;
}

.zoekactie {
    background-image: url(../Images/Achtergronden/zoekAchtergrond.png);
    background-repeat: repeat-x;
    padding: 0px 0px;
    width: auto;
    border-left: 1px solid #C0711E;
    border-right: 1px solid #C0711E;
}

.media {

    margin: 0;
    padding: 0 0 5px 0;
}

@media only screen and (max-width: 600px) {

}