body {
    font-family: 'Gill Sans', Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
}

    /* Only affects 5000px width */         /*PC*/
@media only screen and (max-width: 5000px) {
    body {
        color: #5E5C5E; /*kleur tekst*/
        background-color: #DCDCDC;
        background: url("images/body-bg.png") repeat-x scroll 0 0 #FFFFFF;
    }
    /*WEB BLOKKEN*/
    #container { /*frame binnen site*/
        width: 970px;
        box-shadow: 0 5px 18px #000000;
        /*border:solid;*/
    }

    #inner {
        width: 970px; /*algemene breedte tekst*/
    }

    /*WEBSITE*/
    #content-bottom {
        width: 970px;
        /*centreren van de content*/
        padding-left: 4.5%;
    }

        #content-bottom .content-bottom-inner ul {
            width: 285px; /*breedte 3 naast elkaar*/
        }

    /*SLIDER*/
    #slider {
        height: 250px;
        width: 960px;
        margin-left: 5px;
    }

    .nivo-controlNav {
        position: absolute;
        left: -50%;
        bottom: -42px;
        padding-right: 200px; /* Tweak this to center bullets */
    }

        .nivo-controlNav a {
            margin-top: 250px;
        }

    #slider-wrapper {
        height: 245px; /*afstand tussen slider en top1*/
    }

    /*LOGO JABBEKE*/
    img.Img_logoJab {
        max-width: 270px;
    }

    /*ALINIEAPROBLEEM IN 2 colom versie top6*/
    .clear2 {
        clear: both;
    }

    .banner {
        position: relative;
    }

    .tabletop {
        position: relative;
    }

    .searchbar {
        position: absolute;
        right: -1.5%;
        top: 38%;
        width: 35%;
        text-align: right;
        /*background-color:yellow;*/ /*kleuren om onderscheid te zien*/
    }

    .Search-box {
        width: 65%;
    }

    .MijnJabbeke {
        top: 8%;
        right: 2.8%; /*gelijk met zoek knop stellen*/
        text-align: right;
        position: absolute;
        width: 30%;
    }

    /*.MijnJabbeke {
        top: 15%;
        right: 2.8%;
        text-align: right;
        position: absolute;
        background-color:blue;
        width: 15%;
    }*/

    .contact {
        position: relative;
        width: 50%;
        top: -5%;
        left: 0.5%;
        /*background-color:pink;*/
    }

    .searchicon {
        visibility: hidden;
    }

    .nieuwsberichtImage {
        width: 270px;
        height: 180px;
    }

    #activiteitenOverzicht {
        /*background-color:pink;*/
        position: relative;
    }

    #ctl00_CPH_content_img_top1 { /*Afbeelding van highlight op zelfde posistie zetten zoals content eronder*/
        margin-left: 29%;
        margin-bottom: 4%; /*witruimte tussen content en lijn*/
    }

    .activiteitenMeer {
        position: absolute;
        /*background-color:black;*/
        text-align: right;
        color: #990000;
        font-weight: 600;
        left: 81%;
        display: block;
        margin-bottom: 20%;
        z-index: 999;
    }

    #ctl00_CPH_content_lblInh_vast_1 table { /*Eerste kolom van onderste content gelijk zetten met bovenstaanda*/
        padding: 4px 4px 4px 0;
    }
    .randomBanners {
         width:100%;
         border: 2px solid #9E9E9E;
    }
    .tweedeKolom {/*tweede kolom op meldingen*/
        padding-left:10%;
        text-align:right;
    }
}
    /* Only affects 1100px width */          /*TABLET*/
    @media only screen and (max-width: 767px){ 
        body {
            background-color: #DCDCDC;
            background: url("images/body-bg.png") repeat-x scroll 0 0 #FFFFFF;
        }
        /*WEB BLOKKEN*/
        #container { /*frame binnen site*/
            width: 81%;
            box-shadow: 0 0px 0px #000000;
        }

        #inner {
            width: 100%; /*algemene breedte tekst*/
        }
        .logo {
            position:relative;
            /*background-color:blue;*/
            height:80px;
        }
        .contact {
            position:absolute;
            display:inline-block;
            width:50%;
            top:75%;
            left:51%;
            /*background-color:blue;*/
        }
        .MijnJabbeke {
            position:absolute;
            top:75%;
            left:80%;
            /*height:20%;*/
            width:50%;
            /*background-color:yellow;*/
        }
        /*css mediawall rechterbovenhoek*/
        /*.mediawall {
            display: block;
            position:relative;
            right:-40%;
        }*/
         .Search-box, Search-box-label, button {
            visibility:hidden;
            opacity:0;
        }
        .searchbar {
            overflow:hidden;
            display:none;
        }
        .searchicon {
           visibility:visible;
           opacity:1;
           position:absolute;
           /*background-color:green;*/ /*kleur om volledige div te zien*/
           right:-30%;
           top:12%;
           display:inline-block;
        }
        /*WEBSITE*/               
        #content-bottom {
            width: 795px;
        }
        /*tablet menu onder elkaar*/
        /*.cbp-hrmenu ul li {
            width:100%; /*menu items onder elkaar
            opacity:inherit;
            
        }
        .cbp-hrmenu ul li:hover {
            width:100%; /*menu items onder elkaar
            opacity:inherit;          
        }
        .cbp-hrmenu .cbp-hrsub {
            margin-left:35%;
            margin-top:-82.5%;
        }*/
        /*SLIDER*/
        #slider.nivoSlider {
            width:110%;
        }
        .nivo-controlNav a {
            margin-top: 250px;
        }
        #slider-wrapper {
            height: 245px; /*afstand tussen slider en top1*/
        }

        /*LOGO JABBEKE*/
        img.Img_logoJab { 
        max-width: 270px;
        display:inline-block;
        margin-top:5%;
        }

        /*ALINIEAPROBLEEM IN 2 colom versie top6*/
        .clear2 {
            clear:none;
        }
    }


    /* Only affects 600px width */          /*GSM*/
    @media only screen and (max-width: 600px){ 
        body { 
            background: url("images/body-bg-sm.png") repeat-x scroll 0 0 #FFFFFF;
        }

        /*WEB BLOKKEN*/
        #container { /*frame binnen site*/
            width: 100%;
            box-shadow: 0 0px 0px #000000; /*geen verticale schaduw rechts bij gsm site*/
            /*background-color:pink;*/
        }

        #inner {
            width: 100%; /*algemene breedte tekst*/
        }

        /*WEBSITE*/               
        #content-bottom {
            width: 100%;
            /*background-color:blue;*/
        }

        #content-bottom .content-bottom-inner ul {
            width: 100%; /*breedte 3 naast elkaar*/
        }
        #ctl00_CPH_content_img_top1 { /*Afbeelding van highlight op zelfde posistie zetten zoals content eronder*/
          margin-left:0;
        }
        #ctl00_CPH_content_lnk_top1 {
            font-size:125%;
        }
        .searchicon {
           visibility:visible;
           opacity:1;
           margin-right:25.5%;
           margin-top:1%;
        }        
        .contact {
            position:absolute;
            display:inline-block;
            width:51%; 
            top:28%;
            left:39%;
            /*background-color:pink;*/
        }
        .MijnJabbeke {
            position:absolute;
            top:50%;
            left:54.5%;
            /*height:20%;*/
            width:50%;
            /*background-color:yellow;*/
        }
        .nieuwsberichtImage {
            width:100%;
            height:100%;
        }
        .cbp-hrmenu {
            padding-top:0pt;
            padding-bottom:0pt;
        }
        .cbp-hrmenu ul li {
            width:50%; /*menu items onder elkaar*/
            opacity:inherit;
        }
        .cbp-hrmenu ul li:hover {
            width:50%; /*menu items onder elkaar*/
            opacity:inherit;          
        }
        .cbp-hrmenu .cbp-hrsub {
            margin-left:45%;
            margin-top:-114.5%;
        }
        .cbp-hrmenu > ul > li >a:hover {
	        display: inline-block; /*hoofdtitels naast elkaar*/
            height:100%;
	        margin-top: 12%;
	        margin-bottom: 0pt;
            margin-left:0pt;
        }
        .cbp-hrmenu cbp-hropen {
            padding-top:-100%;
        }
        /*SLIDER*/
        #slider {
            display:none; /*ONZICHTBAAR OP GSM*/
            /*height: 125px;*/
            /*width: 480px;*/
            margin-top: 0px;
        }
        .nivo-controlNav a {
            margin-top: 0px;
        }
        #slider-wrapper {
            height: 0px; /*afstand tussen slider en top1*/
        }

        /*LOGO JABBEKE*/
        img.Img_logoJab { max-width: 100px;
                          margin-top:-5%;
        }

        /*ALINIEAPROBLEEM IN 2 colom versie top6*/
        .clear2 {
            clear:both;
        }
        .activiteitenMeer { /*kalender herpositioneren voor landscape smartphone*/
             left:115%;
        }
    }
     /* Only affects 320px width */          /*kleine schermen GSM, heel oude smartphones (iphone3, samsung galaxy s3..)*/
    @media only screen and (max-width: 320px){ 
        body { 
            background: url("images/body-bg-sm.png") repeat-x scroll 0 0 #FFFFFF;
        }

        /*WEB BLOKKEN*/
        #container { /*frame binnen site*/
            width: 100%;
            box-shadow: 0 0px 0px #000000; /*geen verticale schaduw rechts bij gsm site*/
        }

        #inner {
            width: 100%; /*algemene breedte tekst*/
        }
        b {
            font-size:90%;
        }
        /*WEBSITE*/               
        #content-bottom {
            width: 100%;
        }

        #content-bottom .content-bottom-inner ul {
            width: 100%; /*breedte 3 naast elkaar*/
        }
        .searchicon {
           visibility:visible;
           opacity:1;
           left:150%;
        }
        .contact {
            left:55%;
            width:80%;
            top:27%;
        }
        .MijnJabbeke {
            left:85%;
            width:80%;
        }
        .cbp-hrmenu .cbp-hrsub {
            margin-left:45%;
            margin-top:-157%;
        }
        #ctl00_CPH_content_img_top1 { /*highlight image en text kleiner op kleinere apperatuur*/
          height:60px !important;
          width:90px !important;
        }
        #ctl00_CPH_content_lnk_top1 {
            font-size:100%;
        }
        /*SLIDER*/
        #slider {
            display:none; /*ONZICHTBAAR OP GSM*/
            /*height: 125px;*/
            /*width: 480px;*/
            margin-top: 0px;
        }
        .nivo-controlNav a {
            margin-top: 0px;
        }
        #slider-wrapper {
            height: 0px; /*afstand tussen slider en top1*/
        }

        /*LOGO JABBEKE*/
        img.Img_logoJab { max-width: 100px;}

        /*ALINIEAPROBLEEM IN 2 colom versie top6*/
        .clear2 {
            clear:both;
        }
    }
    /**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**//**/

    
     
    /*WEB BLOKKEN*/
    #container { /*frame binnen site*/
        /*box-shadow: 0 5px 18px #000000;*/
        margin: 0 auto; /*0->centreren*/
        padding: 0;
        /*width: 965px;*//*GEREGELD PER SIZE*/
    }

    #inner {
        margin: 0 auto;
        padding: 0;
        /*width: 960px;*/ /*algemene breedte tekst*//*GEREGELD PER SIZE*/
    }

    #header { /*afstand ts rood en menu*/
        margin: 6px auto 0;
        padding: 6px 15px;
    }

    #header a{ /*links in header*/
	    color: white;
    }  

    /*WEBSITE*/
    .welcome-bar { /*TOP1*/
        /*background-color: #DCDCDC;*/ /*TERUG OPEN ZETTEN*/
        margin-top: 32px; /*witruimte boven top1*/
        width:100%;
    }
    .welcome-bar a{ /*TOP1*/
        font-size: 25px;
    }

    #content-bottom {
        margin: 0 auto;
        /*width: 960px;*//*GEREGELD PER SIZE*/
    }
    #content-bottom p {
        margin: 0;
        padding: 0;
    }
    .content-bottom-inner {
        padding: 1% 0;
    }
    #content-bottom .content-bottom-inner ul {
        float: left;
        list-style: none outside none;
        margin: 0 12px 0 0;
        padding: 10px;
        /*width: 275px; *//*breedte 3 naast elkaar*//*GEREGELD PER SIZE*/
    }
    .footer {
        border-top: 1px solid #CCCCCC; /*lijntje boven footer*/
        text-align: center;
    }

* {
    margin: 0;
    padding: 0;
    font-size:medium;
	
    /*font-size:small;*/
}
/*act_link {*/
    /*font-size:small;*/
/*}*/
table {
    text-align: left;
    width: 100%;
    padding:4px;
    border: 0px solid black;
}
th, td {
    padding: 0px;
}
th {
    /*background: none repeat-x scroll left top #0173CB;*/
}
td {
    border-bottom: 0px solid #666666;
}
hr{
	/*border:0;*/
    /*background-color: #9E9E9E;
	height: 1px;
	width: 100%;
	text-align: left;*/

    /*border-top: 1px solid #8c8b8b;*/

    border-top: 1px solid #8c8b8b;
	border-bottom: 1px dotted #fff;
}
a {
    color: #00579C;
    /*color:pink;*/
    /*font-weight:100;*/
    /*text-decoration:underline;*/
    text-decoration-line:underline;
}
    
.nlink{
    color: #00579C;
    /*font-weight:400;*/
    text-decoration:underline;
}.inhoudskleur{
    color: #5E5C5E;
    /*font-weight:400;*/
    /*text-decoration:underline;*/
}
.Top6Link{
    /*styles voor links eerste blad default.aspx*/
    /*color: #8c8c8c;*/
    color:#5E5C5E;
    font-weight:100;
}
.BlackLink{
    /*styles voor links eerste blad default.aspx*/
    color: #5E5C5E;
    /*color: pink;*/
    font-weight:100;
}

/*tabel stijl met border*/
.tg  {
    border-collapse:collapse;
    border-spacing:0;
    width:auto;

}
.tg td{font-size:14px;padding:5px 3px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-baqh{text-align:center;vertical-align:top}
.tg .tg-9hbo{font-weight:bold;vertical-align:top}
.tg .tg-yw4l{vertical-align:top}

.hh2 {
    /*font-size: +8;*/
    /*font-size: 130%;*/
    color:#990000;
    /*display:block;*/
    text-transform:uppercase;
}

.hyperlink{
    color: #990000;
    text-decoration:underline;

}
/*+10, +8 enz. is niet valid*/
h1 {
    /*font-size: +10;*/
    font-size: 150%;
    display:block;
    text-transform:uppercase;
    color:black;
}
h2 {
    /*font-size: +8;*/
    font-size: 130%;
    color:#990000;/*rood*/
    display:block;
    text-transform:uppercase;
}
h3 {
    /*font-size: +6;*/
    color:black;
    font-size: 120%;
	text-align: justify;
}
h4 {
    /*font-size: +4;*/
    color:black;
	font-size: 120%;
    /*border:solid;*/
    /*'underline' is niet valid gebruik underline*/
	/*text-decoration:underline;*/
}
h5 {
    /*font-size: +2;*/
    color: black;
    font-size: 110%;
    padding-bottom: 10px;
}

p.footnote {
    /*font-size: +2;*/
    color: red;
    font-size: 0.5em;
    padding-bottom: 10px;
}
ul, ol {
    margin: 0 0 35px 35px;
	text-align: justify;
}
p {
    margin-bottom: 1em;
    color:#5E5C5E;
    text-align:justify;
}
 .clear {
    clear:both;
}


/*SLIDER*/
#banner {
    margin: 0 auto;
}
#slider-wrapper {
    /*height: 245px;*/ /*afstand tussen slider en top1*/
}
#slider {
    background: url("images/loading.gif") no-repeat scroll 50% 50% transparent;
    /*height: 250px;*/
    position: relative;
	/*width: 960px;*/
}
#slider img {
    display: none;
    left: 0;
    top: 0;
    position: absolute;
}
#slider a {
    border: 0 none;
    display: block;
}
.nivoSlider {
    position: relative;
}
.nivoSlider img {
    left: 0;
    top: 0;    
    position: absolute;
}
.nivoSlider a.nivo-imageLink {
    border: 0 none;
    display: none;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.nivo-slice {
    display: block;
    height: 100%;
    position: absolute;
}
.nivo-box {
    display: block;
    position: absolute;
}
.nivo-caption {
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    color: #FFFFFF;
    left: 0;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
}
.nivo-caption p {
    margin: 0;
    padding: 5px;
}
.nivo-caption a {
    display: inline !important;
    text-decoration: none;
}
.nivo-caption a:hover {
    color: blue;
}
.nivo-html-caption {
    display: none;
}
.nivo-directionNav a {
    background: url("images/arrows.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 30px;
    position: absolute;
    text-indent: -9999px;
    top: 45%;
    width: 30px;
}
a.nivo-prevNav {
    left: 15px;
}
a.nivo-nextNav {
    background-position: -30px 50%;
    right: 15px;
}
.nivo-controlNav {
    bottom: -30px;
    left: 50%;
    margin-left: -40px;
    position: absolute;
}
.nivo-controlNav a {
    background: url("images/bullets.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: left;
    height: 22px;
    /*margin-top: 250px;*/
    position: relative;
    text-indent: -9999px;
    width: 22px;
}
.nivo-controlNav a.active {
    background-position: 0 -22px;
}
.activiteiten {/*style voor activiteitensectie in default page*/
    background-color: #F8F8FF; 
    position:relative;
}
.activiteitenData{/*datum cijfer*/
     color:black;
     font-weight:800;
     font-size: xx-large;
}
.activiteitenMaand{ /*maand*/
     color:#990000;
     font-weight:800;
     font-size: large;
}
.activiteitenText {/*titel*/
    /*text-align:left;*/
    /*float:left;*/
    /*font-size:90%;*/
    /*color:black;*/
    /*font-weight:800;*/
}
.activiteitenTextL { /*vermoedelijk niet in gebruik*/
    text-align:left;
    font-size:90%;
    float:left;
    color:#000000;
    font-weight:800;
}
.activiteitenSubtext {
    text-align: right;
    font-size:small;
    width:80%;
    float:right;
    color:#5E5C5E;
}
.insprong { /*op iedere pagina de content liniear zetten met de menubalk*/
    margin-left:2.5%;
    margin-right:2.5%;
    min-height:50%;
}
.highlightText { /*highlight text centreren*/
    text-align:center;
}
.activiteitenPagina h6 .activiteitenTitel /*activiteiten titels*/ {
    /*font-size: +2;*/
    font-size: 150%;
    /*background-color:pink;*/
    color: black;
}
.activiteitenPagina hr /*lijn onder activiteiten titels*/ {
    height:1px;
    background-color:#990000;
}
.activiteitenInfoTitel {
    color:#990000;
    font-size:110%;
    display:inline-block;
    padding-bottom:1%;
    padding-top:1%;
    /*background-color:blue;*/
    text-transform:uppercase;
}
#activiteitenOverzicht {
    /*background-color:pink;*/
    position:relative;
}
.hoofdtitel { /*stijl voor titel bovenaan iedere pagina*/
    margin-left:2.5%;
    /*background-color:yellow;*/
    text-align:center;
    color:#990000;
    background-color:#efefef;
}
.detailNav {
    color:#5E5C5E;
    padding:1px;
}
.detailTitel h2 {
    color:#990000;
}
.detailHoofdtitel {/*Hoofdtitel op detail paginas*/
    color:black;
}
.E_Hoofdtitel {/*Hoofdtitel op E_* paginas*/
    font-size:125%;
    color:#990000;
    text-transform:uppercase;
}
.E_Items { /*Stijl voor de items die ingevuld moeten worden op E_* paginas*/
    color:#5E5C5E;
    font-weight:500;
}
.E_Tussentitel {
    font-size:120%;
    text-decoration:underline;
    color:#808080;
    text-transform:uppercase;
}
.E_Disclaimer {
    background-color:yellow;
    color:black;
}
.E_Style input, .E_Style textarea { /*stijl voor alle textvelden op E_* paginas*/
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
}
#ctl00_CPH_content_btnSubmit { /*button op E_melding pagina*/
    background-color: #990000;
    border: 1px solid #990000;
    border-bottom: 1px solid #990000;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #990000;
    -webkit-box-shadow: 0 1px 0 0 #990000 inset ;
    -moz-box-shadow: 0 1px 0 0 #990000 inset;
    -ms-box-shadow: 0 1px 0 0 #990000 inset;
    -o-box-shadow: 0 1px 0 0 #990000 inset;
    color: white;
    font-weight: bold;
    padding: 6px 20px;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
    margin-top:1%;
}
#ctl00_CPH_content_lnk_save { /*text opslaan op sommige E_* paginas*/
    background-color: #990000;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: inset 0 1px 0 0 #990000;
    -webkit-box-shadow: 0 1px 0 0 #990000 inset ;
    -moz-box-shadow: 0 1px 0 0 #990000 inset;
    -ms-box-shadow: 0 1px 0 0 #990000 inset;
    -o-box-shadow: 0 1px 0 0 #990000 inset;
    color: white;
    font-weight: bold;
    padding: 2px 6px;
    left:-10%;
    text-align: center;
    text-shadow: 0 -1px 0 #396715;
}
#ctl00_CPH_content_huisnummer,  #ctl00_CPH_content_TextBox4 {/*textfield nr+bus en gemeente opschuiven en op één lijn zetten*/
    margin-left:2.4%;
}
#ctl00_CPH_content_gemeente, #ctl00_CPH_content_TextBox6 { /*in containerpark is er twee maal nr en gemeente*/
    margin-left: 1%;
}
.belangrijkeInfo {
    color:red;
    padding-left:2.5%;
}
.belangrijkeInfo2 {
    color: red;
}
.knopAnders {
    /*text-align:right;
    color:#990000;
    margin-bottom:1%;*/
    display:none;
}