* {
    font-family: Arial,Verdana,sans-serif;
    font-size:12px;
    line-height: 16px;
    color:#333333;
}
a {
    outline:none;
}
ul {
    margin:0;
    padding-left:15px;
    margin-right:15px;
    margin-top:20px;
}
h1, h2 {
    color:#9c2a8d;
    font-size:22px;
    padding:0;
    margin:0;
    font-weight: normal;
    clear:both;   
}
.ref h2 {
    margin-bottom:15px;
}
h3 {
    color:#353691;
    font-size:12px;
    padding:0;
    margin:0;
    font-weight:normal; 
    text-transform: uppercase;
    letter-spacing: 1px;
    display:block;
    margin-bottom:15px;
}
i, em {
    border-bottom: 1px dotted #555555;
    font-style: normal;
    color:#555555;
}
form {
    padding:0;
    margin:0;
}
label {
    width:160px;
    display: block;
}
input[type="text"], textarea {
   width:462px; 
}
.container {
    width:980px;
    margin:auto;
}
.logo {
    background:url(/images/logo.gif) no-repeat;
    width:331px;
    height:94px;
    margin:30px 0;
    display:block;
}
.menu {
    background:url(/images/menu_shad.gif) no-repeat center bottom;
    padding-bottom:10px;
    margin-bottom:15px;
}
.menu .cont {
    background:url(/images/menu_bg.gif) repeat-x;
    width:inherit;
    height:45px;   
}
.menu .cont .left {
    background:url(/images/menu_left_bg.gif) no-repeat right;
    width:355px;
    display:block;
    float:left;
}
.menu .cont .middle {
    float:left;
    height: 45px;
    width:409px;
    display: block;
    border-right:1px solid #A2A2A2;
}
.menu .cont .right {
    display:block;
    float:left;
}
.menu .cont ul {
    list-style-type: none;
    padding:0;
    margin:0;
}
.menu .cont ul li {
    float:left;   
}
.menu .cont ul li a {
    display:block;
    line-height: 45px;
    text-decoration: none;
    color:#575757;
    text-align: center;
    font-size: 16px;
    text-indent:-20000px;
}
.menu .a01 {
    background:url(/images/home.gif) no-repeat;
    width:85px;
}
.menu .a02 {
    background:url(/images/web.gif) no-repeat;
    width:72px;
}
.menu .a03 {
    background:url(/images/referenties.gif) no-repeat;
    width:120px;
}
.menu .a04 {
    background:url(/images/nieuws.gif) no-repeat;
    width:92px;
}
.menu .a05 {
    background:url(/images/contact.gif) no-repeat;
    width:95px;
}
.menu .a06 {
    background:url(/images/freelancers.gif) no-repeat;
    width:120px;
}
.menu .a07 {
    background:url(/images/offerte.gif) no-repeat;
    width:158px;
}
.menu .a08 {
    background:url(/images/print.gif) no-repeat;
    width:78px;
}
.menu .a01:hover, .menu .sel01 {
    background:url(/images/home_h.gif) no-repeat;
}
.menu .a02:hover, .menu .sel02 {
    background:url(/images/web_h.gif) no-repeat;
}
.menu .a03:hover, .menu .sel03 {
    background:url(/images/referenties_h.gif) no-repeat;
}
.menu .a04:hover, .menu .sel04 {
    background:url(/images/nieuws_h.gif) no-repeat;
}
.menu .a05:hover, .menu .sel05 {
    background:url(/images/contact_h.gif) no-repeat;
}
.menu .a06:hover, .menu .sel06 {
    background:url(/images/freelancers_h.gif) no-repeat;
}
.menu .a07:hover, .menu .sel07 {
    background:url(/images/offerte_h.gif) no-repeat;
}
.menu .a08:hover, .menu .sel08 {
    background:url(/images/print_h.gif) no-repeat;
}
.carousel {
    position:relative;
    background:url(/images/menu_shad.gif) no-repeat center bottom;
    padding-bottom:300px;
    margin-bottom:15px;
}
.carousel .cont {
}
.carousel .cont img {
    float:left;
}
.carousel .shad {
    background:url(/images/carousel_shad.png) no-repeat center;
    display:block;
    width:27px;
    height:290px;
    position:absolute;
    top:0;
    left:646px;
}
.carousel .image {
    float:left;
}
.carousel .right {
    width:307px;
    height:290px;
    display:block;
    background:#EDEDED;
    float:left;  
}
.carousel .cont1 {
    border-bottom:1px solid #a5a5a5;
    display:block;
    width:307px;
    height: 253px;
    overflow: hidden;
    position:relative;
}
.carousel .wrapper1 {
    position: relative;
}
.carousel .ref {
    float:left; 
    width:287px;
    height:233px;
    padding:10px;
}
.carousel .bottom {
    border-top:1px solid #ececec;
    float:left;
    width:307px;
    height:35px;
    background:#d5d5d5;
}
.carousel .ref h1,.carousel .ref h3 {margin-bottom:15px;}
.carousel .arrow_left {
    display: block;
    width: 19px;
    height:19px;
    background:url(/images/arrow_left.gif);
    float:left;
    margin-right: 5px;
    position: relative;
    top:8px;
    left:245px;
}
.carousel .arrow_right {
    display: block;
    width: 19px;
    height:19px;
    background:url(/images/arrow_right.gif); 
    float:left;
    position: relative;
    top:8px;
    left:250px;
}
.carousel .cont {
    overflow: hidden;
    width:673px; 
    display: block;
    position: relative;
}
.carousel .wrapper {
    height:290px;
    width:3365px;
    position: relative;
    left:0px;
    display: block;
}
.carousel .imgref {
    /*position: absolute;*/
}
.footer {
    background:url(/images/menu_shad.gif) no-repeat center bottom;
    margin:auto;
    padding-bottom:10px;
    margin-bottom:15px;
    width:980px;
    clear:both;
}
.footer .cont {
    background:url(/images/menu_bg.gif) repeat-x;
    width:inherit;
    height:45px;
    width:inherit;
}
.footer .cont .text {
    float:right;
    line-height: 45px;
    padding-right: 15px;
}
/*****************************************************/
/*** HOME ***/

.home .left {
    display:block;
    width: 479px;
    float:left;
    background:#ededed url(/images/shadow_50.gif) no-repeat center bottom;
    margin-bottom:10px;
    margin-right:22px;
    margin-top:20px;
}
.home .left .cont, .home .right .cont {
    padding:10px;
    height:242px;
    border-top:2px solid #C0C0C0;
}
.home .left .cont img, .home .right .cont img {
    margin-right:12px;
}
.home .right {
    display:block;
    width: 479px;
    float:left;
    background:#ededed url(/images/shadow_50.gif) no-repeat center bottom;
    margin-bottom:10px;
    margin-top: 20px;
}
.home .middle {
    float:left;
    width:100%;
    clear:both;
}
.home .cols, .cols2, .cols3 {
    background: #ededed url(/images/menu_shad.gif) no-repeat center bottom;
    float:left;
    padding:10px; 
    margin-bottom:15px;
    padding-bottom:20px;
    margin-top:20px;
    border-top:2px solid #C0C0C0;
}
.home .col1, .home .col2, .home .col3, .home .col4 {
    float: left;
    width:233px;
    background:#e0e0e0;
    margin-right:9px;
}
.home .col4 {
    margin-right: 0px;
}
.home .col1 .cont, .home .col2 .cont, .home .col3 .cont, .home .col4 .cont {
    padding:10px;
    height:375px;
}
/*** what ***/
.what .col1 .cont, .what .col2 .cont, .what .col3 .cont, .what .col4 .cont {
    padding:10px;
    height:340px;
}
.what .left .cont, .what .right .cont {
    padding:10px;
    height:160px;
}
/*** References ***/ 
.ref1 {
    #padding-bottom:20px;
    margin-bottom:20px;
    display: block;
    float: left;
}
.ref1 .description h1 {
    font-size:16px;
    padding:5px 0;
}
.ref1 .description h2 {
    padding-bottom:10px;
}
.ref1 .description {
    width:466px;
    float:left;
    margin-right:20px;
}
.ref1 .logo2 {
    float:left;
    margin-right:20px;
    border:1px solid #CCCCCC;
}
.refimg {
    float:left;
    border:1px solid #ccc;
}
.cols2 {
    padding-bottom:0;
    margin-bottom:15px;
    margin-top:0px;
}
.left2 {
    display:block;
    width: 663px;
    float:left;
    background:#ededed url(/images/shadow_643.gif) no-repeat center bottom;
    margin-bottom:10px;
    margin-right:22px;
    margin-top:20px;
}
.left2 .cont, .right2 .cont {
    padding:10px;
    border-top:2px solid #C0C0C0;
    float: left;
    width:643px;
}
.right2 {
    display:block;
    width: 295px;
    float:left;
    background:#ededed url(/images/shadow_643.gif) no-repeat center bottom;
    margin-bottom:10px;
    margin-top: 20px;
}
.right2 .cont {
    width: 275px;
    #padding-bottom:30px;
}
.error {
    padding-bottom:5px;
    color:#E9127E;
    font-weight:bold;
    display:none;
}
.ok {
    padding-bottom:15px;
}
.cols3 {
    width:960px;
}