@charset "UTF-8";
* njet{
    margin: 0px;
    padding: 0px;
}
a {
    text-decoration: underline;
    color: #333;
}
a img { border-style: none; }
a:hover {
    color: #A22F1E;
    text-decoration: underline;
}
.breed250px {
    width: 205px;
    float: left;
    margin-bottom: 10px;
    background-image: url(../afbeeldingen/transp-50.png);
    margin-right: 10px;
    padding-bottom: 5px;
    margin-left: 0px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #FFF;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #00542C;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #00542C;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #FFF;
    font-size: 0.9em;
}
.breed250px ol li {
    text-align: left;
    margin-left: 15px;
    margin-right: 10px;
}
div#wrap {
    width: 350px;
    margin-top: 1px;
    margin-right: auto;
    margin-bottom: 1px; 
    margin-left: auto;
}
.fltrt {  float: right;
          margin-left: 8px;
}
.fltlft { float: left;
          margin-right: 8px;
}
.wrapCenter {
    width: auto;
    margin-top: 1px;
    margin-right: auto;
    margin-bottom: 1px;
    margin-left: auto;
}
.clearfloat {
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.wrapNav {
    margin-left: 0px;
}
body  {
    text-align: center; /* hiermee centreert u de container (het hoofdobject) in IE 5*-browsers Vervolgens wordt de tekst ingesteld op de standaardinstelling van links uitlijnen in de kiezer #container */
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 80%;
    padding: 0;
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    background-color: #44811B;
}
Haarle {
    width: 1000px;
    text-align: left; /* hiermee wordt de instelling text-align: center voor het element body genegeerd. */
    background-color: #A5AF9B;
    margin-top: 20;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}
#containerKappert  {
    width: 1000px;
    text-align: left; /* hiermee wordt de instelling text-align: center voor het element body genegeerd. */
    background-color: #9C3856;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}
#containerFerien {
		width: 1000px;
		text-align: left;
		margin-right: auto;
		margin-bottom: 0;
		margin-left: auto;
		background: #7AB030;
}
#containerFlash  {
		width: 1000px;
		margin: 0 auto;
		text-align: left;
}
Hulshorst {
    width: 1000px;
    text-align: left; /* hiermee wordt de instelling text-align: center voor het element body genegeerd. */
    background-color: #D8D2CA;
    margin-top: 50px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    background-image: url(../afbeeldingen/BG-Hulshorst.png);
    background-repeat: repeat;
    background-position: left top;
}
Kappert {
    width: 1000px;
    text-align: left; /* hiermee wordt de instelling text-align: center voor het element body genegeerd. */
    background-color: #B53456;
    margin-top: 50px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}
Ferienpark {
    width: 1000px;
    text-align: left; /* hiermee wordt de instelling text-align: center voor het element body genegeerd. */
    background-color: #7AB030;
    margin-top: 50px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    background-image: url(../afbeeldingen/aanbod/BGFerienpark.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
#headerAanbod {
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 0;
}
#container {
    width: 1000px;
    margin: 0 auto;
    text-align: left; /* hiermee wordt de instelling text-align: center voor het element body genegeerd. */
    background-color: #A5C187;
} 
#tekstvak1 {
    background-image: url(../afbeeldingen/transp-80.png);
    width: 300px;
    margin-left: 73px;
    float: left;
    padding: 15px;
    margin-top: 130px;
    border: 2px solid #FFF;
    text-align: justify;
}
#containerNoBG {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
}
#header {
    height: 235px;
    padding-top: 0;
    padding-bottom: 0;
    background: #DDDDDD url(../afbeeldingen/header.jpg) center top;
} 
#header h1 {
    margin: 0; /* door de marge van het laatste element in het element div voor #header op 0 in te stellen voorkomt u het wegvallen van marges – een onverklaarbare ruimte tussen div-elementen. Als om het element div een rand loopt, is dit niet nodig aangezien dit tevens het wegvallen van de marge voorkomt */
    padding: 10px 0; /* door het gebruik van padding (opvulling) in plaats van een marge (via het element margin) kunt u het element van de randen van het element div vandaan houden */
}
#header .menu {
    padding-top: 0;
    padding-bottom: 0;
    height: 25px;
    width: 150px;
}
#header .menu_header{
    height: 20px;
    width: 1000px;
    padding-top: 195px;
}
#header .menu_header ul{
    list-style-type: none;
    display: block;
    width: 100%;
}
#header .menu_header ul    li{
    display: inline;
    margin: 0px;
    height: 26px;
    width: 150px;
    padding-right: 0px;
    padding-left: 21px;
    float: left;
    padding-top: 214px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    margin-left: 20px;
    font-weight: bold;
    font-variant: small-caps;
}
#header .menu_header ul li    a{
    text-decoration: none;
    color: #FFF;
}
#header .menu_header ul li a:hover {
    color: #004524;
}
#header .menu_header ul li a:active {
    color: #00542C;
}
#mainContent {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 40px;
    padding-left: 73px;
    padding-right: 20px;
    padding-bottom: 20px;
    float: left;
    width: 440px;
}
#mainContent ul {
    margin: 0px;
    padding: 10px 0 0 0;
}
#mainContent ul li {
    margin-left: 15px
}
#mainContent h2 {
    font-size: 1.2em;
    color: #1C5727;
    text-align:inherit;
}
#mainContent h1 {
    font-size: 1.4em;
    color: #1C5727;
}
.green {
    color: #1C5727;
}
#mainContent p {
    text-align: justify;
    padding-top: 10px;
}
#mainContentWrapper {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    background-position: left top;
}
#mainContentWrapper1 {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    background-image: url(../afbeeldingen/BG-Bedrijvigh.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
#mainContentWrapper2 {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    background-image: url(../afbeeldingen/BG-Leisure.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
#mainContentWrapper3 {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    background-image: url(../afbeeldingen/BG-Inbreiding.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
#mainContentWrapper4 {
    background-image: url(../afbeeldingen/BG-reconstructie.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 500px;
}
#mainContentEenKolom {
    min-height:300px;
    width: 928px;
    margin-left: 0px;
    margin-top: 30px;
    margin-bottom: 15px;
    padding-bottom: 0px;
    padding-left: 72px;
}
#mainContentEenKolom2 {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
    margin-bottom: 35px;
    padding-bottom: 15px;
}
#mainContentEenKolom h2 {
    font-size: 1.3em;
    color: #1C5727;
    margin-bottom: 20px;
    margin-left: 0px;
    padding-left: 0px;
}
#mainContentEenKolom .menu_aanbod {
    float: left;
    margin-bottom: 20px;
    width: 230px;
    padding-right: 74px;
}
#mainContentEenKolom .menu_aanbod a img{
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
#mainContentEenKolom .kop250-1 {
    text-align: left;
    height: 35px;
    color: #FFF;
    font-variant: small-caps;
    vertical-align: text-bottom;
    display: block;
    margin-bottom: 15px;
    background-color: #73473E;
    font-weight: bold;
    font-size: 1.15em;
    padding: 3px;
}
#mainContentEenKolom .kop250-2 {
    text-align: left;
    height: 35px;
    color: #FFF;
    font-variant: small-caps;
    vertical-align: text-bottom;
    display: block;
    margin-bottom: 15px;
    background-color: #ADCC2B;
    font-weight: bold;
    font-size: 1.15em;
    padding: 3px;
}
#mainContentEenKolom .kop250-3 {
    text-align: left;
    height: 35px;
    color: #FFF;
    font-variant: small-caps;
    vertical-align: text-bottom;
    display: block;
    margin-bottom: 15px;
    background-color: #BC6876;
    font-weight: bold;
    font-size: 1.15em;
    padding: 3px;
}
#mainContentEenKolom .kop250-4 {
    text-align: left;
    height: 35px;
    color: #FFF;
    font-variant: small-caps;
    vertical-align: text-bottom;
    display: block;
    margin-bottom: 15px;
    background-color: #98ADD4;
    font-weight: bold;
    font-size: 1.15em;
    padding: 3px;
}
#mainContentEenKolom .breed250px h2 {
    font-size: 1em;
    color: #203E0C;
    display: block;
    background-color: #ADCC2B;
    height: 40px;
    margin-left: 0px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
}
#mainContentEenKolom .breed250px ol  {
    list-style-position: outside;
    padding-left: 15px;
}
#mainContentEenKolom2 .menu_aanbod a img{
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
#kolomRechts {
    float: right; /* aangezien dit een zwevend element betreft, moet er een breedte worden opgegeven */
    width: 350px;
    padding-top: 40px;
    padding-right: 60px;
    padding-bottom: 10px;
    padding-left: 40px;
}

#footer {
    background-image: url(../afbeeldingen/backgr-Footer.gif);
    height: 230px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
}
#footer #footerMargin {
    background-image: url(../afbeeldingen/backgr-Footer.gif);
    margin-left: 72px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.menu_footer  {
    text-align: center;
}

#footer .menu_footer {
    float: left;
    height: 70px;
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 33px;
    width: 190px;
}
#footer .menu_footer a img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    padding-bottom: 5px;
}
#footer .menu_footer a:hover img {
    height: -1px;
    width: -1px;
}
#footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
iframe {
    border: 3px solid #FFF;
}
#tekstvak2 {
    padding-right: 5px;
    padding-left: 5px;
    background-image: url(../afbeeldingen/transp-50.png);
    margin-top: 280px;
    width: 300px;
    margin-left: 73px;
    float: left;
}

#mainContentEenKolom h1 {
    font-size: 1.4em;
    color: #1C5727;
    margin-bottom: 20px;
    margin-left: 0px;
    padding-left: 0px;
}
ul#rood-voor-rood {
    margin: 0px;
    padding:0px;
}
ul#rood-voor-rood li {   
    font: bold 110% Verdana, Geneva, sans-serif;
    list-style-type: none;
    height: 20px;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 10px 20px;
    background-color:#7FAF42;
    border-top: 6px solid #7FAF42;
    width:320px;
}
ul#rood-voor-rood li:hover {
    background-color:#7FAF42;
    border-top: 6px solid #ffffff;
}
ul#rood-voor-rood li a{
    text-decoration: none;
    font: bold 120% Verdana, Geneva, sans-serif;
    list-style-type: none;
    color: #ffffff !important;
}
#inbreiding{
    height: 478px;
    background: url(../afbeeldingen/BGInbreiding.jpg) no-repeat;
}

.text-toggle {
    background: #BAD9EB;
    width: 500px;
    float:right;
    margin-right:68px;
    padding:15px;
    display: none;
    border:1px solid #ffffff;
    margin-top: 0px;

}
li.toggle {
   padding-left:72px;
   color:white;
   font-weight: bold;
   font-size: 1.4em;
   list-style-type: none;
   padding-top: 30px;
   width: 350px;


}
li.toggle:hover {
   color:#44811B;
   font-weight: bold;
   font-size: 1.4em;
   list-style-type: none;
}
#wrap img {
	border: 2px solid #ffffff
		}
#containerTwistveld { background: #A30E5C; 	}

.Twistveld { background: #A30E5C; }

.Kappert { background: #b53556; }
.Ferienpark { background: #7AB030; }
.Haarle { background: #A5AF9B; }
.Hulshorst { background: #989088; }

#inbreiding .text-toggle h1 {
		color: #566989;
		font-size: 1.3em;
}