/*******************
    Standaarden
*******************/
@import url("editinplace.css");

html {
height: 100%;
}

body {
  margin: 0px;
  padding: 0px;
  font-family: Arial;
  font-size: 12px; /* was 11px */
  background-color: #840265;
  height: 100%;
/*  overflow: scroll;*/
}

img {
    border: none;
}

#all {
min-height: 100%;
display: block;
margin: 0 auto;
position: relative;
bottom: 0;
top: 0;
width: 950px;
background-color: white;
}

li {
    color: #A4A7AF;
}

a {
    text-decoration: none;
    color: #ff6633;
}

a:hover {
    color: black;
}

p {
    /* color: #b7b9ba; */
    /* color: #a4a7af; */
    color: #777B86;
}

h1 {
    background: url('../images/logo.jpg');
    float: right;
    width: 288px;
    height: 44px;
    margin: 0px -1px 0 0;
    padding: 0px;
}

    h1 a {
        display: block;
        height: 100%;
    }

    h1 a span {
        display: none;
    }

h2 {
    font-size: 11px;
    font-weight: bold;
    color: #666666;
    margin-bottom: 0px;
}

    h2 a {
        /*color: #666666;*/
        color: #ff6633;
    }


#LeftWrapImage h2 {
    color:white;
    font-size: 40px;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
}

.clear {
    clear: both;
}

p.txt_orange {
    color: #ff6633 !important;
    font-weight:bold;
}

a.txt_orange {
    color: #ff6633 !important;
    font-weight:bold;
}


#websiteCenter{
    margin: 0px auto;
    width: 950px;
    background-color: #fff ;
    overflow: hidden !important;
    /* frank edit */
    position: relative;
    /* eidn frnak edit*/
}

.nav {
    float: right;
    margin: 5px 0 0 0;
    margin-bottom: 50px;
}

    .nav a {
        color: #999b9b;
    }

    .nav a:hover {
        color: #ff6633;
    }


.nav_nieuws {
    float: left;
    width: 867px;
    margin: 5px 0 0 0;
    margin-bottom: 50px;
}

.textfield {
    width: 300px;
    /*background-color: #f8f8f8;*/
    background-color: #E9E9E9;
    border: 1px solid #999b9b;
}

.editinplace {
    background-color: #fff;
    padding: 2px 0 0 0;
    display: block;
}

.error {
    display: block;
    color: red;
}
/*******************
    Header
*******************/
#headerWrap {
    margin: 20px auto 15px auto;
    padding: 0px;
    width: 875px;
    height: 60px;
    border-bottom: 1px solid #c9cbcb;
    border-right: 1px solid #c9cbcb;
}

#headerMenu {
    list-style: none;
    float: left;
    margin: 35px 0 0 0;
    padding: 0px;
}

    #headerMenu li {
        float: left;
        border-right: 1px solid #999b9b;
        padding: 0 5px 0 5px;
    }

    #headerMenu li.first {
        padding: 0 5px 0 0px;
    }

    #headerMenu li.last {
        border: none;
    }

/* start pulldown menu */
        #headerMenu li #nieuwsPulldownDiv {
            width: 120px;
            height: 0;
            text-transform: none;
            line-height:1.8em;
            color: #FFF;
            padding: 0 0 0 0;
            font-size:11px;
        }
            #headerMenu li #nieuwsPulldownDiv a {
                text-transform: none;
                color: #FFF;
            }
            #headerMenu li #nieuwsPulldownDiv a:hover {
                color:#000;
            }



        #headerMenu li.last #contactPulldownDiv {
            width: 150px;
            height: 0;
            text-transform: none;
            line-height:1.8em;
            color: #FFF;
            padding: 0 0 0 0;
            font-size:11px;
        }
            #headerMenu li.last #contactPulldownDiv a {
                text-transform: none;
                color: #FFF;
            }
            #headerMenu li.last #contactPulldownDiv a:hover {
                color:#000;
            }

            #contactPullDown {
                margin: 0;
                padding: 0;
                z-index: 999;
            }
            #contactPullDown div {
                position: absolute;
                visibility: hidden;
                margin: 0;
                padding: 0;
                z-index: 999;
            }
                #contactPullDown div a {
                    position: relative;
                    top:0;
                    left:-5px;
                    display: block;
                    margin: 0;
                    padding: 4px 10px;
                    width: auto;
                    white-space: nowrap;
                    text-align: left;
                    text-decoration: none;
                    background: #B7B9BA;
                    color: #2875DE;
                    font: 11px arial;
                }
                #contactPullDown div a:hover {
                    color: #000;
                }
/* end pulldown */





    #headerMenu li a {
        color: #999b9b;
        text-transform: uppercase;

    }

        #headerMenu li a.active {
            color: #840265;
        }

        #headerMenu li a:hover {
            color: black;
        }



/*******************
    Content
*******************/
#contentWrap {
    margin: 0 auto 15px auto;
    width: 877px;
    overflow: hidden;
    /*z-index:10;*/
    padding: 0 0 0 2px;
}

#wrapRest {
    margin: 0 auto;
    width: 950px;
    background-color:white;
}

#LeftWrap {
    width: 430px;
    height: 325px;
    float: left;
    margin: 0px;
    padding: 0px;
}

#LeftWrapKlein {
    width: 289px;
    height: 310px;
    float: left;
    margin: 0px;
    padding: 0px;
}

#LeftWrapImage {
    width: 430px;
    height: 325px;
    float: left;
    text-align: center;
}

#LeftWrapImageKlein {
    width: 290px;
    /*height: 290px;*/
    height: 325px;
    float: left;
    text-align: center;
}

#RightWrap {
    width: 440px;
    /*height: 325px;*/
    float: left;
}

#RightWrapContent {
    width: 396px;
    min-height: 325px;

    background-color: #840265;
    float: left;
    margin-left: 10px;
    padding: 0 20px 0 20px;
}

    #RightWrapContent p {
        color: white;
    }

    #RightWrapContent a {
        padding:0;
        margin:0;
    }

#RightWrapGroot {
    width: 575px;
    float: left;
}

#RightWrapContentGroot {
    width: 542px;
    background-color: #840265;
    float: left;
    margin-left: 4px;
    padding: 0 20px 0 20px;
    min-height: 325px;
}

    #RightWrapContentGroot p {
        color: white;
    }

    #RightWrapContentGroot a {
        display: block;
    }
    
#RightWrapContentKlein {
    width: 249px; /* 289 */
    min-height: 327px;
    background-color: #FF6633;
    float: left;
    margin-left: 3px;
    padding: 0 20px 0 20px;
}

    #RightWrapContentKlein p {
        color: white;
    }
    
    #RightWrapContentKlein a {
        display: block;
    }

#home {
    width: 875px;
    height: 325px;
    margin-bottom: 10px;
    overflow: hidden;

}

/*******************
    Team
*******************/
.teamblok {
    float: left;
    width: 146px;
}

#last.teamblok {
    width: 143px;
}

.team {
    width: 143px;
    height: 107px;
    background-color: #840265 !important;
    margin: 4px 5px 0 0;
}

    .team a {
        display: block;
        height: 100%;
    }

#last.team {
    margin: 5px 0px 0 0;
}

#mailme {
    background: url('../images/button_mailme.png');
    behavior: url(iepngfix.htc) ;
    width: 68px;
    height:68px;
    margin: 40px 20px 0 0px;
    float: right;
    position: relative;
    top: -325px;
}

    #mailme a{
        display: block;
        height: 100%;
    }



/*******************
    Nieuws
*******************/
.nieuwsBericht {
    width: 252px;
    min-height: 310px;
    overflow: visible;
    float: left;
    margin: 0 50px 15px 0;
}

    .nieuwsBericht p {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .nieuwsBericht h2 {
        margin-bottom: 10px;
    }

    #last.nieuwsBericht {
        margin: 0 0px 0 0;
    }

.nieuwsThumb {
    width: 250px;
    height: 190px;
}

    .nieuwsThumb a {
        display: block;
        height: 189px;
    }

#nieuwsItem_plaatje {
    width: 430px;
    height: 325px;
    float: left;
    margin: 0 8px 0 0;
    background-color: #840265 !important;
}

#nieuwsItem {
    height: 325px;
    width: 430px;
    float: left;
}


/*******************
    Werk
*******************/
#klantfotos {
    width: 546px;
    overflow: hidden;
    float: left;
    margin: 4px 0 10px 0;
}

.klantThumb {
    float: left;
    overflow: hidden;


    width: 182px;
    height: 109px;


}

    .klantThumb a {
        display: block;
        height:100%;
    }

#klantgegevens {
    width: 331px;
    height: 327px;
    float: left;
}

    #klantgegevensContent {
        position: relative;
        top: 4px;
        /*width: 331px;*/
        height: 317px;
        /*background-color:#f8f8f8;*/
        background-color: #E9E9E9;
        padding-top: 10px;
        padding-left: 20px;
        margin-left: 20px;
    }

    #klantgegevensContent p {
        color: #666;
        padding-right: 20px;
    }
    #klantgegevensContent h2{
        font-weight:bold;
        color: #666;
    }

    #klantgegevensContent a {
        display: block;
        color: white;
    }

    #klantgegevensContent a:hover {
        color: black;
    }

.klik_op_beeld {
    width:300px;
    color: #999b9b;
    margin: 5px 0 50px;
    float:left;
}
/*******************
    Vacatures
*******************/
#vacatureGegevens {
    width: 396px;
    float: left;
    /*padding: 10px 20px 5px 20px;*/
    padding: 0 20px 0 20px;

    margin: 0 0 0 10px;
    /*background-color: #f8f8f8;*/
    background-color: #E9E9E9;
    min-height: 325px;
}

#reageer {
    background: url('../images/button_reageer.png');
    behavior: url(iepngfix.htc) ;
    width: 68px;
    height:68px;
    margin: 50px 0 0 50px;
}

    #reageer a{
        display: block;
        height: 100%;
    }



/*******************
    Login
*******************/
#login {
    width: 845px;
    height: 275px;
    /*background-color: #f8f8f8;*/
    background-color: #E9E9E9;
    padding: 30px 0 0 30px;
}



    #login table {
        float: left;
    }

    #login td {
        color: #999b9b;
    }

.submitLogin {
    float: left;
    margin: 0 0px 0 40px;
}


/*******************
    Contact
*******************/

#route_kncd {
    background: url('../images/pijl_contact.png');
    behavior: url(iepngfix.htc) ;
    width: 140px;
    height:121px;
    /*margin: 180px 20px 0 0px;*/
    top: -145px;
    right: 20px;
    float: right;
    z-index: 2;
    position: relative;
}

    #route_kncd a{
        display: block;
        height: 100%;
    }

img.logo_nieuwe_energie {
    float: right;
    margin: 230px 0 0 0;
}

#ContentContact {
    width: 395px;
    height: 325px;
    background-color: #ff6633;
    float: left;
    margin-left: 10px;
    padding: 0 20px 0 20px;
}

    #ContentContact p {
        color: white;
    }

    #ContentContact a {
        color: #840265;
    }

    #ContentContact a:hover {
        color: black;
    }

    #ContentContact #telefoon {
        margin:0 0 10px 0;
    }



    /* formulier */
    #ContentContact #errMelding {
        color: #000;
        font-weight:bold;
    }
    #ContentContact form {
        color:#FFF;
        height:350px;
    }
    #ContentContact form label {
        clear:both;
        width:150px;
        float:left;
    }
    #ContentContact form .over {
        clear:both;
        width:200px;
        height:14px;
        line-height: 1.4em;
    }
    #ContentContact form .overradio {
        width:80px;
    }
    #ContentContact form input {
        width:180px;
        height: 15px;
        float:left;
    }

    #ContentContact form #over {
        clear:both;
        width:395px;
        padding:10px 0 10px 0;
        font-weight:bold;
        float:left;
    }
    #ContentContact form textarea {
        width:330px;
        height:100px;
        font-family: Arial;
        font-size:12px;
        margin:10px 0 10px 0;
    }

    #ContentContact form .submit {
        width:100px;
        height:22px;
    }




/*******************
    Footer
*******************/
#footerWrap {
    float: none;
    clear: both;
    margin: 0 auto 5px auto;
    width: 875px;
}

.home_klantThumb {
    width: 179px;
    height: 100px;

}

    .home_klantThumb a {
        display: block;
        height:100%;
    }

.home_klantWrap {
    width: 250px;
    overflow: visible;
    float: left;
    margin: 0 10px 0 0;
    padding: 1px 1px 1px 1px;
    position: relative;
    top: -35px;
}

    .home_klantWrap p {
        margin: 0;
    }

    .home_klantWrap h2 a {
        color:#666;
    }

.berichtWrap {
    width: 251px;
    overflow: auto;
    float: left;
    margin: 0 10px 0 0;
    padding: 1px 1px 1px 1px;
}

    .berichtWrap p {
        margin: 0px 0 0 0;
    }
    .berichtWrap h2 a {
        color:#666;
    }

.berichtThumb {
    width: 250px;
    height: 65px;
    /* background-color: #840265 !important; */
}

    .berichtThumb a {
        display: block;
        height: 100%;
    }

#footer_logo {
    position: absolute;
    bottom: 2%;
    width: 160px;
    font-size:11px;
    z-index: 1;
    /* frank edit */
    right: 40px;
    /* eind edit */
}

#footer_logo img {
    float: left;
}

.nav_nieuws_vorige {
    float: left;
    margin: 5px 0 0 0;
}

.nav_nieuws_volgende {
    float: right;
    margin: 5px 0 0 0;
}
    .nav_nieuws_volgende a {
        color:#AFB0B2;
    }
    .nav_nieuws_volgende a:hover {
        color:#FF6633;
    }

.nav_impressie {
    float: left;
    margin: 5px 0 0 0;
}

.borderBottom {
    border-top:1px solid #999b9b;
}

.borderBottomNieuwsItem {
    position: relative;
    top: 18px;
    border-top:1px solid #999b9b;
}

a.meernieuws {
    background-image: url('/images/meernieuwspijltje.gif');
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 20px;
}

a.meernieuws:hover {
    background-image: url('/images/meernieuwspijltje_over.gif');
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 20px;
}

a.vorignieuws {
    background-image: url('/images/vorignieuwspijltje.gif');
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 20px;
    color:#AFB0B2;
}

a.vorignieuws:hover {
    background-image: url('/images/vorignieuwspijltje_over.gif');
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 20px;
    color:#FF6633;
}