body {
    background-color:   #fff;    
    padding:            0 10px;
}

body.form h1 {
    color: white;    
}

h2 {
    color: black;
}

body.form h1,
h2 {
    font-weight: normal;
    margin-top:0;
    line-height:1.4em;
}


div.with-sidebar {
    margin-right: 272px; 
}

div#rightCol {
    padding: 25px 0;
}

body.form {
    background:         url(../images/backgrounds/ajax-form-bg.png) left top no-repeat #dfdfdf fixed;
    color: white;
}


div.mainTextCon {
    color: #595959;
    line-height: auto;
}

body.form div.mainTextCon {
    color:              #d9d9d9;
}

body.form div.mainTextCon h1 {
    font-size:          18px;
    line-heigth:        1.5em;
    margin:             0;
}


div.meta {
    padding-bottom:1.7em;
    height:40px;
    color: #40a3de;
}

div.meta span.product-title {
    font-weight:bold;
}

div.intro {
    font-weight: bold;    
}

body.form div.mainTextCon div.intro {
    color:              #d4d4d4;
}

div#sidebar {
    float: right;
    min-height:         420px;
    padding: 15px;
    max-width: 220px;
}

    body.form div#sidebar {
        background:         url(../images/backgrounds/ajax-testimonial-bg.png) left top repeat-x #d1d0cf !important;
    }
    
    body.cases div#sidebar,
    body.projects div#sidebar {
        background:         url(../images/backgrounds/ajax-projecttestimonial-bg.jpg) left top repeat-x #c3c3c3 !important;
    }



div#sidebar div#flashVideo {
    display:        none;
}

div#sidebar div.visual {
    margin:         10px 0 0 0;
    padding:        0;
    background:     none;   
}

div#sidebar img.visual,
div#sidebar div.visual img {
    display:        block;
    position:       relative;
    vertical-align:bottom;
    text-align:     left;
    border:         2px solid #fff;
}

div#sidebar h3 {
    margin:         10px 0 0 0;
    font-size:      11px;
}

    body.form div#sidebar h3 {
        color:          #2f2e2e;
    }
    
    body.projects div#sidebar h3, 
    body.cases div#sidebar h3 {
        color:          #fefefe;
    }

div#sidebar p.functie {
    display:        block;
    font-weight:    bold;
    font-style:     italic;
}

    body.form div#sidebar {
        color:          #2F2E2E;
    }
    
    body.projects div#sidebar p.functie, 
    body.cases div#sidebar p.functie {
        color:          #c4c4c4;
    }

div#sidebar cite {
    margin:         0 8px 0 15px;
    font-size:      1em;
    font-style:     italic;
}

div#sidebar cite span {
    display:        block;
    zoom:           1;
    overflow:       hidden;
}

div#sidebar cite img.citeclose {
    float:          right;
}

div#sidebar cite span.extended {
    display:        block; /* default visible */
}
    body.projects cite,
    body.cases cite {
        color: #fefefe;
    }


/* form elements */
body.form form {
    display:inline;
}

body.form form dl dt {
    float:left;
    width:140px;
    padding: 0 0 5px 0;
}
body.form form dl dd {
    margin-left:145px;
    padding: 0 0 17px 0;
}

table.fields {
    width: 445px;    
}

tr.multicheckbox td {
    border-top: 1px dotted #d9d9d9;
}


tr.text input,
tr.textarea textarea {
    color:#2f2e2e;
    background:#b8b8b8;
    border:none;
}

input.error,
textarea.error {
    border:1px solid #00aeff;
}

body.news {
	margin:0 30px 0 0;
	background:#f6f6f2;
}
body.news h2 {
    display:            inline-block;
    margin:             0;
}
body.news h2 span{
    display:            none;
}

body.news h3 {
    font-size:          14px;
    color:              #000;
    margin:             8px 0 0 0;
}

body.news p.date {
    padding:            7px 0 0 0;
    color:              #6d6d6d;
}

body.news p.intro {
    font-size:          11px;
    color:              #575655;
}

body.news p img {
    float:              left;
    margin:             0 10px 0 0;
    border:             1px solid #727272;
}

body.news div#pagecontrols {
    text-align:         right;
}

div#pagecontrols a {
    color:              #575655;
    text-decoration:    none;
}

div#pagecontrols a.prev {
    margin:             0 7px 0 0;
    padding-left:       15px;
    background:         url(../images/icons/arrow-orange-back.gif) left 2px no-repeat;
}
div#pagecontrols a.next {
    margin:             0 10px 0 4px;
    padding-right:      15px;
    background:         url(../images/icons/arrow-orange.gif) right 2px no-repeat;
}

div#pagecontrols a:hover {
    text-decoration:    underline;
}

div#pagecontrols a.prev:hover {
    background:         url(../images/icons/arrow-grey-back.gif) left 2px no-repeat;
}

div#pagecontrols a.next:hover {
    background:         url(../images/icons/arrow-grey.gif) right 2px no-repeat;
}