html,body{
    background-image: url(../img/gradient_BG_3.png);
    background-repeat: repeat-x;
    background-color: #6A6B6C;
    height: 100%;
    font-family: Helvetica, sans-serif;
    font-size: 11px;
}
a{
    cursor:pointer;
}
p.bodytext{
    line-height:20px;
}
p.bodytext b{
    color:#ACAEB1;
}
.project_right_wrap dt{
    font-weight:bold;
}
.page{
    position: relative;
    width: 1008px;
    margin-left: -502px;
    left: 50%;
    background-image: url(../img/BG_shadow.png);
    min-height: 100%;
    height: auto !important;
    height: 100%;
    color:#636363;
}
.page a{
    color:#636363;
    text-decoration:none;
}
p.copyright{
    display:block;
    width:1008px;
    text-align:center;
    position:absolute;
    left:0;
    height:27px;
    bottom:0px;
    text-transform:uppercase;
    color:#a4a4a4;
}
p.copyright a{
    text-transform:none;
    color:#a4a4a4;
}

.header{
    height:76px;
    background-image:url('../img/cut_corner.png');
    background-repeat:no-repeat;
    background-position:0px 58px;
    position:relative;
}
.header ul{
    display:block;
    position:absolute;
    left:100px;
    bottom:20px;
}
.header ul li{
    display:block;
    float:left;
    padding-right:21px;
    white-space:nowrap;
}
.header ul li a,
.column-2 ul li a,
.column-1 .user-reference-pi1 .list a span.year{
    color:#a4a4a4;
    text-transform:uppercase;
}
.header ul li.active a,
.header ul li a:hover,
.column-2 ul li.active a,
.column-2 ul li a:hover,
.page a:hover,
.column-1 .ce p.bodytext span.detail,
.column-1 .user-reference-pi1 .project_wrapper .project_right_wrap h4 a,
#gmap span.detail{
    color:#013888;
}
.header .logo{
    position:absolute;
    right:100px;
    bottom:20px;
}
.main{
    padding-left:4px;
    padding-right:4px;
    padding-top:40px;
    padding-bottom:39px;
}
.column-1{
    width:706px;
    min-height:10px;
    height:auto !important;
    height:10px;
    float:left;
}
.column-2{
    width:194px;
    float:left;
    padding-left:100px;
    position:relative;
}

.column-2 a.partners{
    display:block;
    margin-left:120px;
    margin-top:530px; /* 430 */
}
.main .clear{
    display:block;
    clear:both;
}
/*content*/
.column-1 .contenttable{
    border-collapse:collapse;
}
.column-1 .contenttable td,
.column-1 .contenttable th,
#gmap table td,
#gmap table th{
    vertical-align:top;
}
.column-1 .ce p.bodytext{
    padding-bottom:6px;
}
.pageid-17 .contenttable th,
#gmap table th{
    width:72px;
    color:#a4a4a4;
}
.column-1 .ce.pageid-17,
.column-1 .ce.pageid-24,
.column-1 .user-reference-pi1 ul.list{
    padding:18px;
}
.column-1 .ce.pageid-23 .csc-textpic-imagewrap{
    padding-bottom:12px;
}

.column-1 .ce.pageid-24.ctype-menu ul li{
    display:block
}
.column-1 .ce.pageid-24.ctype-menu ul li ul li{
    padding-left:6px;
}

.column-1 .user-reference-pi1 ul.list li{
    padding-bottom:6px;
    display:block;
}
.column-1 .ce.pageid-22{
    float:left;
    width:243px;
}
.column-1 .ce-n1.pageid-22{
    width:220px;
}
.column-1 .ce.pageid-22 .csc-textpic-imagewrap img{
    border-left:119px solid #dedfdf;
}
.column-1 .ce.pageid-22 .csc-textpic-text{
    border-left:119px solid #ffffff;
}

.column-1 .user-reference-pi1 .chart_wrap ul{
    display:block;
    width:708px;
    height:608px;
}
.column-1 .user-reference-pi1 .chart_wrap ul li{
    display:block;
    float:left;
    padding-right:2px;
    padding-bottom:2px;
}
.column-1 .user-reference-pi1 .chart_wrap ul li a{
    display:block;
    text-indent:-5000px;
    width:120px;
    height:120px;
}

.column-1 .user-reference-pi1 .list a span.year{
    padding-right:12px;
}

.column-1 .user-reference-pi1 .project_wrapper{
    position:relative;
    top:-12px;
}
.column-1 .user-reference-pi1 .project_wrapper h2{
    font-weight:normal;
    font-size:21px;
    color:#a4a4a4;
    padding-bottom:12px;
}
.column-1 .user-reference-pi1 .project_wrapper .project_description{
    padding-top:12px;
    display:block;
    width:602px;
    text-align:justify;
    font-size:12px;
}

.column-1 .user-reference-pi1 .project_wrapper .project_right_wrap{
    position:absolute;
    top:0px;
    left:710px;
}
.column-1 .user-reference-pi1 .project_wrapper .project_right_wrap h4{
    display:block;
    padding-top:2px;
    padding-bottom:23px;
    text-transform:uppercase;
}
.column-1 .user-reference-pi1 .project_wrapper .project_right_wrap ul.image_chart{
    display:block;
    width:104px;
    height:161px;
}
.column-1 .user-reference-pi1 .project_wrapper .project_right_wrap ul.image_chart li{
    disply:block;
    float:left;
    background-color:#E7E8E8;
    width:50px;
    height:36px;
    margin-right:2px;
    margin-bottom:2px;
}
.column-1 .user-reference-pi1 .project_wrapper .project_right_wrap ul.image_chart li.available{
    background-color:#C7C8C9;
}
.column-1 .user-reference-pi1 .project_wrapper .project_right_wrap ul.image_chart li a,
.column-1 .user-reference-pi1 .project_wrapper .project_right_wrap ul.image_chart li span{
    display:block;
}
.column-1 .user-reference-pi1 .project_wrapper .project_right_wrap ul.image_chart li span.number{
    width:47px;
    height:14px;
    padding-top:22px;
    padding-left:3px;
    color:#ffffff;
    background-image:url("../img/image_chart_corner.png");
    background-position:left top;
    background-repeat:no-repeat;
}
.column-1 .user-reference-pi1 .project_wrapper .project_right_wrap dl{
    display:block;
    clear:both;
}
.column-1 .user-reference-pi1 .project_wrapper .project_right_wrap dt{
    color:#a4a4a4;
    padding-top:12px;
    display:block;
}

.column-1 .ce.pageid-17,
.column-1 .ce.pageid-23 .csc-textpic-imagewrap img,
.column-1 .ce .csc-textpic-imagewrap img,
.column-1 .ce-n1.pageid-22 .csc-textpic-imagewrap img,
.column-1 .ce.pageid-24,
.column-1 .user-reference-pi1 ul.list,
.column-1 .user-reference-pi1 .chart_wrap,
.gmap-wrapper{
    border-left:96px solid #dedfdf;
}
.column-1 .ce.pageid-23 .csc-textpic-text,
.column-1 .ce .csc-textpic-text,
/*.column-1 .ce p.bodytext,*/
.column-1 .ce.pageid-27.ctype-text p.bodytext,
.column-1 .ce-n1.pageid-22 .csc-textpic-text,
.column-1 .user-reference-pi1 .project_wrapper,
.gdir-wrapper{
    border-left:96px solid #ffffff;
}
.column-1 .ce h1{
    border-left:96px solid #FFF;
    font-weight:bold;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ plaatjes geroteerde namen*/
.column-1 .ce-n1.pageid-22 .csc-textpic-text{
    background-image: url(../img/partner_naam_1.png);
    background-repeat: no-repeat;
    background-position: 0 6px;
    padding-left:15px;
}
.column-1 .ce-n2.pageid-22 .csc-textpic-text{
    background-image: url(../img/partner_naam_2.png);
    background-repeat: no-repeat;
    background-position: 0 6px;
    padding-left:15px;
}
.column-1 .ce-n3.pageid-22 .csc-textpic-text{
    background-image: url(../img/partner_naam_3.png);
    background-repeat: no-repeat;
    background-position: 0 6px;
    padding-left:15px;
}

.column-2 ul li{
    padding-bottom:3px;
}
.column-2 ul li.filter-n1,
.column-2 ul li.filter-n5{
    padding-top:9px;
}

.column-2 .sponsor{
    padding-top:320px;
    color:#a1a1a1;
}
.column-2 .sponsor p{
    padding-bottom:3px;
}

#gmap{
    width:600px;
    height:355px;
}
#gmap form.routeform{
    padding-top:9px;
}
#gmap form.routeform input.txt{
    border:1px solid #dedfdf;
    color:#636363;
}
#gmap form.routeform input.btn{
    border:1px solid #ffffff;
    background-color:#dedfdf;
    color:#636363;
}
#gdir{
    width:600px;
}