div.container {                     position:relative;
                                    width:960px;
                                    margin:0 auto;
                                    padding:0;}

div.left{                           clear:both;
                                    margin-left:20px;
                                    float:left;}

/****************************************************************

*    GRID  *

*****************************************************************/

.column, .columns {                 float:left;
                                    display:inline;
                                    margin:0 10px 20px 10px;
                                    padding:0px;
                                    position:relative;}

.img-col p{                         margin:0 auto;}

.tekst p{                           line-height:20px;}

.tekst h3{                          margin-bottom:5px;}

.nopadding {                        padding:0;}
.nopadding.two {                    width:140px;}
.nopadding.three {                  width:220px;}
.nopadding.four {                   width:300px;}
.nopadding.six {                    width:460px;}
.nopadding.eight {                  width:620px;}
.nopadding.twelve {                 width:940px;}

.one{                               width: 60px;}
.two{                               width:140px;}
.three{                             width:220px;}
.four{                              width:300px;}
.five{                              width:380px;}
.six{                               width:460px;}
.seven{                             width:540px;}
.eight{                             width:620px;}
.nine{                              width:700px;}
.ten{                               width:780px;}
.eleven{                            width:860px;}
.twelve{                            width:940px;}

.column.first{                      margin-left:0;}
.column.last{                       margin-right:0;}

.full{                              margin-left:0;
                                    margin-right:0;}

.nomargin{                          margin-top:0;
                                    margin-bottom:0;}

.nomarginbottom{                    margin-bottom:0;}

.nopaddingtop{                      padding-top:0;}

.offset-by-one-half{                margin-left: 40px;}
.offset-by-three-quarters{          margin-left: 65px;}
.offset-by-one{                     margin-left: 80px;}
.offset-by-one-and-a-half{          margin-left:120px;}
.offset-by-two{                     margin-left:160px;}
.offset-by-three{                   margin-left:240px;}
.offset-by-four{                    margin-left:320px;}
.offset-by-five{                    margin-left:400px;}
.offset-by-six{                     margin-left:480px;}
.offset-by-seven{                   margin-left:560px;}
.offset-by-eight{                   margin-left:640px;}
.offset-by-nine{                    margin-left:720px;}
.offset-by-ten{                     margin-left:800px;}

.clearfix:after{                    content:".";
                                    display:block;
                                    height:0;
                                    clear:both;
                                    visibility:hidden;}

.clearfix{                          display:inline-block;}

* html .clearfix{                   height:1%;} /* IE-mac */

.clearfix{                          display:block;} /* IE-mac */



/* Clear the columns automagically, thanks @kneath */

/*

.column-row:after, .row:after, nopadding:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html .column-row, * html .row, * html .nopadding { height: 1%; }

.column-row, .row, .nopadding  { display: inline-block; }

.column-row, .row, .nopadding { display: block; }

*/

/*    IE6 Problems ---------- */

/*

body.ie .column-row { width: 960px; }

body.ie .eight .column-row     { width: 640px; }

body.ie .nine .column-row     { width: 720px; }

body.ie .ten .column-row     { width: 800px; }

body.ie .eleven .column-row { width: 880px; }

body.ie .two-thirds .column-row { width: 660px; }

*/

body{
    font: 1em/1.5em Georgia,"Times New Roman",serif;
    letter-spacing: 0.02em;
    color: #36353c;
    background: #fff url(../images/body_bg.png) repeat-x 0 0;
    text-align: center;
    margin: 0;
    padding: 0;
}

.invisible {
    display: none;
}
.topline {
    border-top: 2px solid #eaeaea;
    padding-top: 30px;
}

.bottomline {
    border-bottom: 2px solid #eaeaea;
    padding-bottom: 30px;
}

.right{
    float:right;
}


#container {
    position: relative;
}
.container {
    margin: 0 auto;
    text-align: left;
}

.sprite {
    text-indent: -1000px;
    overflow: hidden;
    background: transparent url(../images/sprite.png) no-repeat;
}



.textblock {
    position: relative;
}

/******************************************************************************
 *
 * Text
 *
 *****************************************************************************/

a{
    color: #c70008;
}

a:hover{
    color: #017dbe;
}
a.blue{
    color:#017dbe;
}
a img {
    border: none;
}

h1{
    clear: both;
    color:#242424;
    font-size: 3em;
    line-height: 1em;
    letter-spacing: 0;
    margin: 47px 0 19px 0;
    text-align: center;
    font-weight: normal;
    font-family: adelle;
}
h1 span, h2 span, span.rood {
    color: #e10009;
}

h2,h3,h4,h5,h6{
    color: #3d3d3d;
    font-weight: normal;
}

h2 {
    font-size: 2.15em;
    margin-top: 0;
    line-height: 1.2em;
}
h2 a {
    text-decoration: none;
    color: #3d3d3d;
}
h3 {
    margin-top: 0;
    font-weight:900;
    font-size:20px;
}

.article h3 {
    background: url('../images/bg-h3.png') 0 5px no-repeat;
    padding-left: 18px;
}

h4 {
    margin: 20px 0 5px 0px;
    font-weight: bold;
}
h5 {
    margin: 0;
}

h2,h3 {
    font-family: Museo;
}

p {
    margin: 0 0 20px 0;
}


body#home h1 {
    font-size: 2em;
}



/******************************************************************************
 *
 * Header
 *
 *****************************************************************************/

#header {
    padding-bottom: 80px;
}
#header #logo {
    position: absolute;
    left: -13px;
    top: 0;
    width: 180px;
    height: 91px;
}
#header #logo a {
    display: block;
    width: 100%;
    height: 100%;
}
#header ul{
    margin: 20px 0;
    padding: 0;
    float: right;
    list-style: none;
}
#header ul li {
    float: left;
    margin: 0 9px;
}
#header ul li a{
/*    letter-spacing: 0.001em;*/
    font-size: 12px;
    letter-spacing: 1px;
    font-family: "proxima-nova", arial, sans-serif;
    font-weight:600;
    display: block;
    padding: 0px 9px;
    line-height: 1.35em;
    color: #878787;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}
#header ul li a:hover{
    color: #646464;
}
#header ul li a.active{
    background-color: #f0f0f0;
    color: #646464;
    box-shadow:inset 0 0 10px -8px #000000;
}

/******************************************************************************
 *
 * Breadcrumb
 *
 *****************************************************************************/

div.breadCrumbs {
    font-size: 0.68em;
/*    padding-bottom: 20px;*/

}

/******************************************************************************
 *
 * Introduction
 *
 *****************************************************************************/

#introduction{
    /*text-align: justify;*/
    position: relative;
    font-size: 1.40em;
    letter-spacing: 0.021em;
    line-height: 1.4em;
    padding: 20px 0 20px 0;
    overflow: visible;
/*    border-bottom: 2px solid #eaeaea;*/
    margin-bottom: 0;
}

#introduction p {
    margin: 0;
    padding: 0;
}
#introduction a.more {
    margin: 26px 2px 0 0;
    font-size: 0.6em;
}

/******************************************************************************
 *
 * Browseknoppen (next, prev, terug naar overzicht)
 *
 *****************************************************************************/

div.browse {
    margin-bottom:50px;
}

div.browse a.back {
    font-family:Museo;
    font-weight:700;
    font-size:13px;
    text-decoration: none;
    color:#838383;
}


div.browse a,
a.button-rounded {
    background: #f0f0f0;
    color: #36353c;
    text-decoration: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 0px 14px;
    font-size: 0.9em;
    display: block;
    line-height: 1.7em;
    float: right;
    margin-right: 10px;
}
div.browse a:hover,
a.button-rounded:hover{
    color: #c70008;
}



div.browse a.button-tweet:hover{
    background-position: -157px -276px;
}

.browse a.next{
    background:#f0f0f0 url("../images/next-arrow.gif") 79px center no-repeat;
    padding-right:20px;
}

.browse a.prev{
    padding-left:20px;
    float:left;
    background:#f0f0f0 url(../images/prev-arrow.gif) 7px center no-repeat;
}


/******************************************************************************
 *
 * Article
 *
 *****************************************************************************/

.article {
    margin-bottom: 20px;
    padding: 0;
}
.article h2 {
    margin: 10px 0;
    font-size: 1.32em;
}
.article-first h2 {
    font-size: 1.32em;
/*    margin-bottom: 25px;*/
}
.article h3 {

}

.article span.date {
    color: #C0C0C0;
}

#nieuws-datum{
    color:#C70008;
    margin:-10px 0 15px 0px;
}

#nieuws-datum a.button-rounded{
    font-size: 0.625em;
}

.article p.services {
    clear: both;
    float: right;
    margin: 0;
}

.four .article{
    border-bottom: 2px solid #eaeaea;
    margin-bottom: 20px;
}

.four .article h2 {
    font-size:1.75em;
}

.four .article h3{
    font-size:1.375em;
}

.four .article h4{
    font-size:1.188em;
    font-weight:normal;
}

.article p.tarieven-tijden{
    font-size:0.75em;
}


.visual-wrapper{
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    width:620px;
    height:233px;
    margin-bottom:30px;
}


.img-wrap{
    border-radius: 10px 10px 10px 10px;
    height: 200px;
    width: 300px;
}


/******************************************************************************
 *
 * Image container
 *
 *****************************************************************************/

.image_container {
    position:relative;
    border:1px solid #f1f1f1;
    text-align:center;
    overflow:hidden;
    width: 450px;
    height: 250px;
    margin-bottom: 15px;
}
.image_container a{
    position: relative;
    margin: 0 3px;
    filter: alpha(opacity=40);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    opacity: 0.4;
    bottom: 40px;
    outline: 0;
}
.image_container a.active, .image_container a:hover{
    filter: alpha(opacity=100);
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.frame{
    position: absolute;
    top:0;
    left:0;
    z-index: 3;
    background:transparent url(../images/foto_kader.png) no-repeat 0 0;
}


.image_container_small {
    width: 300px;
    height: 200px;
}

/******************************************************************************
 *
 * Scroller
 *
 *****************************************************************************/

.scroller{
    width: 450px;
    height: 250px;
    overflow: hidden;
    background: transparent url(../images/foto_kader.png);
    text-align: center;
    position: relative;
}
.scroller-outer{
    position: relative;
}
.scroller .scroller-inner{
    position: absolute;
    width: 4500px;
    height: 250px;
    overflow: hidden;
    z-index: -1;
    list-style: none;
    margin: 0;
    padding: 0;
}
.scroller .scroller-afbeelding {
    float: left;
}
.scroller .scroller-bullets {
	 margin: 0;
	 padding: 0;
	 list-style: none;
	 width: 100%;
	 text-align: center;
	 position: absolute;
	 bottom: 20px;
	 line-height: 11px;
	 height: 11px;
}
.scroller .scroller-bullet {
	 display: inline;
	 margin: 0;
	 padding: 0 2px;
}

.scroller .scroller-bullet a {
	 bottom: inherit;
    margin: 0;
    outline: 0 none;
    position: inherit;
}

.scroller .active a, .scroller a:hover {
	 -moz-opacity: 1;
	 opacity: 1;
}
.scroller .inactive a {
	 -moz-opacity: 0.5;
	 opacity: 0.5;
}



/******************************************************************************
 *
 * Boxed
 *
 *****************************************************************************/

.boxed {
    color: #606060;
    background: #f0f0f0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 15px;
    line-height: 2.7em;
    font-size: 1.5em;
/*    box-shadow:inset 0 0 10px -6px #333;*/
/*    -moz-box-shadow:inset 0 0 10px -6px #333;*/
/*    -webkit-box-shadow:inset 0 0 10px -6px #333;*/
    margin: 25px 0;
    overflow: hidden;
}

.eight .boxed{
    margin-top:0;
}

.boxed a {
    float: right;
    margin: 8px 8px 0 0;
    background-position:  0 -76px;
}
.boxed a.button {
    text-indent: 58px;
    width: 207px;
    height: 48px;
    display: block;
    margin: 10px 12px 10px 0px;
    float: left;
}

.boxed a.button {
    float: right;
}

.boxed a.button-abonneren{
    float:left;
    margin:0;
}

.boxed-test span,
.boxed-twitter span {
    float: left;
}

.boxed input.image {
    background: url(../images/input_in_box.png) no-repeat;
    border: none !important;
    width: 243px !important;
    height: 33px;
    padding: 0 10px 0 10px;
}

.boxed-test {
    font-size: 1.5em;
    padding: 0 0 0 20px;
}
.boxed-contact {
    padding:30px 0 20px 0;
}

.nieuwsbrief{
    margin: 20px 0 0 20px;
    padding: 20px 30px 0px 30px;
    width: 200px;
    line-height:1em;
}

.six .nieuwsbrief{
    margin:0;
    padding:0 12px  0 12px;
    border-right:2px solid #EAEAEA;
}

.six .rss{
    margin:0;
    padding-left:12px;
    width:200px;
    line-height:0.9em;
}

.six .rss p{
    font-size:0.67em;
    margin-bottom:14px;
}

.six .nieuwsbrief h3,
.six .rss h3{
    font-size:0.925em;
}

.four .boxed-contact a {
    float:none;
    margin:0 auto 10px auto;
}
.four .boxed-contact h3{
    font-size: 0.915em;
    line-height: 0.915em;
}

.boxed .nieuwsbrief form,
.boxed .rss form{
    padding:0;
}

.boxed .nieuwsbrief input.image {
    background: url(../images/input_in_box_small.png) no-repeat;
    border: none !important;
    width: 200px !important;
    height: 34px;
    padding: 0 10px 0 10px;
    color:#89898b;
    font:16px Georgia,"Times New Roman",serif;
    margin-bottom:20px;
}

/******************************************************************************
 *
 * Buttons
 *
 *****************************************************************************/

a.button{
    color: #fff;
    font-size: 0.9em;
    letter-spacing: 0.001em;
    line-height: 2.0em;
    text-decoration: none;
    /* background: transparent url(../images/sprite.png) no-repeat 1000px; */
    margin-right: 10px;
}

a.button-tweet {
    width: 25px;
    height: 21px;
    margin-right: 7px;
    margin-top: 3px;
    text-indent: -1000px;
    float: right;
    background-position: -182px -276px;
}
a.button-tweet:hover{
    background-position: -157px -276px;
}

a.button-twitter {
    background-position:  0 -220px;
}
a.button-email {
    background:  transparent url('../images/mail_btn.png') no-repeat top left;
}
a.button-phone {
    background-position:  0 -171px;
}
a.button-test {
    background-position:  0 -77px;
}
a.button-demo {
    font-size: 0.8em;
    line-height: 2.4em;
    background: url(../images/button_demo.png) no-repeat;
}

a.button-abonneren{
    background:url(../images/button_abonneren.png) no-repeat top left;
    margin:0;
}

a.button-to-website {
    font-size: 0.7em;
    line-height: 2.7em;
    background: url(../images/button_goto.png) no-repeat;
}
a.button-twitter-large {
    width: 270px !important;
    background: url(../images/button_twitter.png) no-repeat;
}

/******************************************************************************
 *
 * Lists
 *
 *****************************************************************************/

ul.horizontal {
    list-style: none;
    padding: 0;
}
ul.horizontal li {
    float: left;
}


ul.menu li a {
    padding: 4px 10px 4px 10px;
}
ul.menu li.active a {
    background: #f0f0f0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

ul.list-projects li {
    margin-right: 8px;
    border: 2px solid #eaeaea;
    height: 119px;
}

ul.navigation {
    list-style: none;
    padding: 10px 0 0 0;
    text-align: center;
}

ul.navigation li {
    display: inline;
}

ul.navigation li a {
    margin: 0 1px;
}

ul.navigation li a.active {
    color: #36353C;
}

/******************************************************************************
 *
 * Recent projects
 *
 *****************************************************************************/

#recent_projects h3 {
    float: left;
}
#recent_projects ul {
    padding: 10px 0;
    margin-left: 0;
    clear: both;
    width: 100%;
}
#recent_projects ul li {
    margin-right: 26px;
}
#recent_projects ul li.last {
    margin-right: 0;
}

/******************************************************************************
 *
 * Related projects
 *
 *****************************************************************************/

#related-projects p a {
    margin-top: 15px;
}

/******************************************************************************
 *
 * Partners
 *
 *****************************************************************************/

#partners {
    padding: 20px 10px 0 10px;
    margin: -20px 0 0 0;
    width:920px;
    height:45px;
    float:left;
    overflow:hidden;
}
#partners h3 {
    color: #bebebe;
    float: left;
    display: block;
    line-height: 2.5em;
    margin:0;
    font-weight:500;
    font-size:17px;
}
#partners ul {
    clear: inherit;
    width: auto;
    margin: 0;
}
#partners ul li {
    position: relative;
    height: 45px;
    overflow: hidden;
    margin-left: 25px;
}
#partners ul li a img{
    overflow: hidden;
    position: relative;
}

#partners ul li a:hover img{
    top: -45px;
}


/******************************************************************************
 *
 * Footer
 *
 *****************************************************************************/

#footer {
    font-size: 0.68em;
    letter-spacing: 0.001em;
    font-family: "Lucida Sans Unicode", Verdana, sans-serif;
    width: 100%;
    height: 300px;
    clear: both;
    background: #131216 url(../images/bg_footer.jpg) repeat-x top left;
    color: #fff;
}
#footer .column {
    margin-bottom: 13px;
    line-height: 1.8em;
}
#footer a {
    color: #cac9cc;
    text-decoration: none;
}
#footer a:hover{
    color: #fff;
}
#footer ul {
    list-style: none;
    padding:0;
    margin: 0;
}
#footer ul li {
}
#footer address {
    margin-top: 20px;
    color: #fff;
    font-size: 1.1em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-style: normal;
}
#footer address div {
    float: left;
    margin-right: 30px;
}
#footer address span.geo {
    display: none;
}
#footer hr {
    border: none;
    border-bottom: 1px solid #222;
    color: #000;
    background-color: #000;
    height: 1px;
    width: 100%;
    clear: both;
    margin: 0 0 15px 0;
}

#footer #social {
    margin-top: 15px;
}
#footer #social li {
    float: right;
    width: 28px;
    height: 28px;
    overflow: hidden;
    margin-left: 5px;
}
#footer #social li a{
    width: 100%;
    height: 100%;
    display: block;
}
#footer #social li a.mail{background-position: 0 -269px;}
#footer #social li a.flickr{background-position: -33px -269px;}
#footer #social li a.rss{background-position: -66px -269px;}
#footer #social li a.twitter{
    background-image: url("../images/sprite.png");
    background-position: -10px -329px;
}

#footer #batches ul li a{
    display: block;
}
#footer #batches ul li a.scrum{
    width: 145px;
    height: 64px;
    margin: 5px 20px 0 0;
    background-image: url("../images/sprite.png");
    background-position: -120px -378px;
}
#footer #batches ul li a.google_maps{
    width: 81px;
    height: 64px;
    margin: 5px 20px 0 0;
    background-image: url("../images/sprite.png");
    background-position: -10px -378px;
}
#footer #batches ul li a.geostart{
    width: 111px;
    height: 59px;
    background-image: url("../images/sprite.png");
    background-position: -10px -462px;
}

/*
#footernav1 {
    float: left;
}
#footernav2 {
    float: left;
}
*/






/******************************************************************************
 *
 * Medewerkers
 *
 *****************************************************************************/

#content div.medewerkers {
    clear: both;
    padding-top: 0;
}
div.medewerker {

}
div.medewerker a {
    display: block;
    box-shadow: 0 0 5px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25);
    height: 121px;
}
div a.showMedewerker{
    position:relative;
    overflow:hidden
}

div.medewerker a img{
    padding: 1px;
    border: 1px solid #ddd;

}


div a.showMedewerker img.gray{
    position:absolute;
    top:0;
    left:0;
}

div a.showMedewerker:hover img.gray{
    top:121px;
}

div.medewerker a.naam{
    display:inline;
    text-decoration:none;
    color:#929292;
    font-size:0.938em;
    box-shadow:none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}


div.medewerker-item h2{
    margin-bottom: 5px;
}

#medewerker-contact {
    padding: 0;
    height: 67px;
}

#medewerker-contact a.button-email{
    font-size:0.8em;
    line-height:2.2em;
    margin-top:10px;
}

#medewerker-contact a{
    margin-top:9px;
}


/******************************************************************************
 *
 * Portfolio List
 *
 *****************************************************************************/

 /* navigatie (tabs) */

.tabs {
    list-style-type:none;
    padding:0;
    margin:0 0 0 0;
    text-align:center;
    overflow:visible;
    height:20px;
    line-height:20px;
}

.tabs li {
    font-size:15px;
    line-height:20px;
    height:15px;
    display:inline;
    padding:0 18px;
    border-right:1px solid #A1A1A1;
}

.tabs li.first {
    padding-left:0;
}

.tabs li.last {
    padding-right:0;
    border-right:none;
}

.tabs li a {
    text-decoration:none;
    color:#a1a1a1;
}

.tabs li a:hover,
.tabs li.current a {
    color:#ca0008;
}

.tabs li.current a {
    text-decoration: underline;
}

#portfolio-list ul.horizontal{
    margin: 0;
    padding: 0;
}
#portfolio-list ul.horizontal li {
    margin: 0 8px 40px 8px;
    padding: 0;
    position: relative;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);
}
#portfolio-list ul.horizontal li a {
    display: block;
    height: 120px;
    color:#a1a1a1;
    text-decoration:none;
}


#portfolio-list ul.horizontal li a:hover {
    color:#CA0008;
    text-decoration:underline;
}

#portfolio-list ul.horizontal li a img {
    padding: 1px;
    display:block;
    border: 1px solid #ddd;
}
#portfolio-list ul.horizontal li a img.new {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
}

#portfolio-list ul.horizontal li span.portfolio-link-label {
    display:block;
    margin:3px 0 0 3px;
    font-size:13px;
    width:214px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    border:none;
}

/* Portfolio-item */

.portfolio-visual {
    position:relative;
    margin-bottom:50px;
}

.portfolio-visual .visual-wrapper {
    margin:0;
}

a.button-bekijk-project {
    position:absolute;
    display:block;
    left:10px;
    bottom:-22px;
}

.portfolio-visual  img.new {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    display:block;
    left: -1px;
    top: -1px;
}

/******************************************************************************
 *
 * Werkwijze
 *
 *****************************************************************************/


.boxed-portfolio-meta{
    overflow: visible;
    height: 233px;
    margin-bottom: 0;
}

.boxed-portfolio-meta dl {
    line-height: 1.2em;
    margin: 0 0 5px 0;
}
.boxed-portfolio-meta dl dt{
    clear: both;
    color: #676767;
    font-size: 0.95em;
    margin: 0;
    padding: 0;
}
.boxed-portfolio-meta dl dd {
    font-size: 1.2em;
    margin: 0 0 20px 0;
}
.boxed-portfolio-meta dl dd a {
    display: inherit;
    float: left;
    margin: 0 0 20px 0;
    line-height:1.4em;
}

.diensten{
    overflow: visible;
    margin-bottom: 0;
    border-bottom:2px solid #EAEAEA;
}

.diensten h3{
    font-size:1.375em;
}

.diensten ul,
.diensten ul li{
    list-style-type:none;
    margin:0;
    padding:0;
}

.diensten ul li{
    display:block;
    background-position: 5px 5px;
    background-repeat:no-repeat;
    margin-bottom:30px;
}

.diensten ul li a{
    display:block;
    text-indent:36px;
    font-size: 1.1em;
    text-decoration: none;
}

.diensten ul li a:hover{
    text-decoration:underline;
}

.diensten ul li p{
    margin:0;
    font-size:0.9em;
    line-height:1.5em;
    padding-left:36px;
}

/******************************************************************************
 *
 * Filosofie
 *
 *****************************************************************************/

#werkwijze-list{
    padding-top:10px;
}

#werkwijze-list ul{
    margin:0;
    padding:0;
}

#werkwijze-list ul li{
    border-bottom: 2px solid #EAEAEA;
    height: 220px;
    margin-bottom: 50px;
    position: relative;
}

#werkwijze-list ul li.image-left {
    padding-left: 400px;
}
#werkwijze-list ul li.image-right {
    padding-right: 400px;
}

#werkwijze-list ul li div.image {
    height: 250px;
    position: absolute;
    top: 0;
    width: 380px;
}

#werkwijze-list ul li.image-left div.image {
    left: 0;
}

#werkwijze-list ul li.image-right div.image {
    right: 0;
}

#werkwijze-list ul li p {
    font-size:1.063em;
    line-height:1.875em;
    margin: 0 0 10px;
    padding-top: 40px;
}

#werkwijze-list ul li a.button {
    background: url("../images/button_empty.png") no-repeat scroll left top transparent;
    bottom: -20px;
    display: block;
    height: 51px;
    position: absolute;
    right: 0;
    width: 209px;
}

#werkwijze-list ul li.image-right a.button {
    left: 0;
    right: auto;
}

#werkwijze-list ul li a.button span {
    display: block;
    font-size: 1.4em;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}

/******************************************************************************
 *
 * werkwijze-item
 *
 *****************************************************************************/



#werkwijze-item p img {
    margin: 0 40px 20px 0;
}
#werkwijze-item a.button {
    float: right;
    margin-bottom: 40px;
}

#werkwijze-item .navigatie {
    clear: both;
    height: 25px;
    border-bottom: 2px solid #eaeaea;
    text-align: center;
    margin-bottom: 50px;
}
#werkwijze-item .navigatie ul{
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 437px;
    overflow: hidden;
}
    #werkwijze-item .navigatie ul li{
        display: block;
        width: 52px;
        height: 52px;
        float: left;
        margin-right: 25px;
    }
        #werkwijze-item .navigatie ul li.last{
            margin-right: 0;
        }
    #werkwijze-item .navigatie ul li a{
        display: block;
        width: 52px;
        height: 52px;
        background: transparent url(../images/bal_rood.png) top left no-repeat;
        text-align: center;
        color: #fff;
        text-decoration: none;
        font-size: 1.4em;
        cursor: pointer;
    }
        #werkwijze-item .navigatie ul li a.active{
            background-image: url(../images/bal_blauw.png);
        }
        #werkwijze-item .navigatie ul li a span{
            display: block;
            width: 52px;
            height: 52px;
        }
            #werkwijze-item .navigatie ul li a span.number1{
                background: transparent url(../images/number1.png) top left no-repeat;
            }
            #werkwijze-item .navigatie ul li a span.number2{
                background: transparent url(../images/number2.png) top left no-repeat;
            }
            #werkwijze-item .navigatie ul li a span.number3{
                background: transparent url(../images/number3.png) top left no-repeat;
            }
            #werkwijze-item .navigatie ul li a span.number4{
                background: transparent url(../images/number4.png) top left no-repeat;
            }
            #werkwijze-item .navigatie ul li a span.number5{
                background: transparent url(../images/number5.png) top left no-repeat;
            }
            #werkwijze-item .navigatie ul li a span.number6{
                background: transparent url(../images/number6.png) top left no-repeat;
            }


/******************************************************************************
 *
 * Twitter
 *
 *****************************************************************************/

#twitter.boxed {
    margin-top: 10px;
    margin-bottom:0;
    font-size: 1em;
    line-height: 1.3em;
    padding-bottom: 10px;
}
#twitter.boxed a {
    float: none;
    display: inline;
}
#twitter.boxed h2 {
    font-size: 1.32em;
}
#twitter #twittercontainer {
    font-size: 0.9em;
    width: 100%;
}
#twitter #twittercontainer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#twitter #twittercontainer ul li {
    margin: 10px 0 25px 0;
    clear: both;
}
#twitter #twittercontainer ul li img {
    float: left;
    display: block;
    margin: 0 10px 25px 0;
    border: 3px solid #ccc;
}
#twitter #twittercontainer ul li div.date {
    font-family: Verdana;
    font-size: 0.6em;
    color: #777;
}
#twitter div.boxed-twitter {
    font-size:1.5em;
}
#twitter div.boxed-twitter.topline {
    padding-top: 10px;
}
#twitter div.boxed-twitter span {
    float: left;
    font-size: 0.8em;
    line-height: 2.5em;
}
#twitter div.boxed-twitter a {
    float: right;
    margin: 0;
}

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

#contact .column {
    margin: 0;
    width: 260px;
    height: 240px;
    margin-right: 30px;
}
#contact .column-first {
    padding-top: 0px;
}
#contact .column h3 {
    color: #000;
    font-size: 1.5em;
    margin: 0 0 10px 0;
}
#contact .column p {
    margin: 0;
}
#contact form {
    margin: 0;
}
#contact .column dl {
    margin: 0;
    line-height: 2em;
}
#contact .column dl dt {
    color: #36353c;
    font-size: 0.9em;
}
#content .column-last {
    padding: 18px 10px 0 10px;
    margin-right: 0;
    font-size: 0.9em;
    line-height: 1.5em;
}
#content .column input#button_route_car {
    margin-top: 15px;
    border: none;
}
#contact a.button-route-public {
    margin-top: 28px;
    background: url(../images/button_route_public.png) no-repeat;
    font-size: 1.5em;
    float: left;
}




/******************************************************************************
 *
 * Submenu
 *
 *****************************************************************************/

#submenu {
    margin: 20px 0 0 0;
    padding: 10px 0 0 0;
}
#submenu ul {
    margin: 0 auto;
    width: 730px;
    padding: 0;
}
#submenu ul li {
    float: left;
    margin-left: 30px;
    padding-left: 5px;
}
#submenu ul li.first {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
#submenu ul li a {
    text-decoration: none;
}


/******************************************************************************
 *
 * About Us
 *
 *****************************************************************************/

#about-us-contact {
    margin: 0;
    font-size: 1em;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    z-index: 1000;
}


#geostart_iphone {
    height: 470px;
    padding: 15px 0 0 230px;
    background: url(../images/dienstenitem_geostart_iphone.png) no-repeat;
}
#geostart_iphone img {
    margin-right: 20px;
}
#geostart_iphone p {
    margin-top: 10px;
}
#geostart_appstore_button {
    position: absolute;
    left: 170px;
    bottom: 100px;
}

/******************************************************************************
 *
 * Boxed Forms
 *
 *****************************************************************************/

.boxed form {
    margin: 0;
    padding: 0 20px 0 10px;
}
.boxed form dl {
    margin: 0;
}
.boxed form dt {
    margin: 10px 0 0 0;
    line-height: 1.2em;
}
.boxed form dt label {
    color: black;
    font-size: 0.8em;
    margin: 0px;
}
.boxed form dt label.required {
    padding-right: 12px;
    background: url(../images/element_required.png) no-repeat right top;
}
.boxed form dd {
    line-height: 1em;
    margin: 0;
}
.boxed form dd input {
    width: 100%;
    padding: 5px;
    border: 1px solid #ddd;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.boxed form dt#submit-label {
    display: none;
}
.boxed form dd input#submit {
    margin-top: 15px;
    border: none;
    width: auto;
}
.boxed form dd textarea {
    width: 100%;
    padding: 5px;
    border: 1px solid #ddd;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.boxed form dd ul.errors {
    list-style: none;
    padding: 0;
}
.boxed form dd ul.errors li {
    display: block;
    margin: 5px 0 15px 5px;
    font-size: 0.65em;
    color: #c70008;
}

.boxed form input,
.boxed form textarea {
    font: 0.7em/1.5em Georgia,"Times New Roman",serif;
}


/******************************************************************************
 *
 * Browse
 *
 *****************************************************************************/

div.browse {
/*    clear: both; */
}
div.browse div.pageSelect {
    float: left;
    margin: 10px;
}
div.browse a {
    float: left;
    margin: 10px 0;
}

div.browse a.right{
    float:right;
}

/******************************************************************************
 *
 * Flash Messages
 *
 *****************************************************************************/

ul#flash-messages {
    list-style: none;
    padding: 0;
}
ul#flash-messages li {
    color: #c70008;
    font-size: 1.2em;
    background: #FFF9C9;
    padding: 10px 10px 0px 20px;
    margin: 15px 0 15px 0;
}


/******************************************************************************
 *
 * Slider
 *
 *****************************************************************************/


/************* Slider ****************/
#slider {
    height: 430px;
    overflow:visible;
}
#slider ul.slider {
    top:0px;
    position: relative;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#slider ul.slider, #slider li{
    margin:0;
    padding:0;
    list-style:none;
}
#slider, #slider ul.slider li{
    position: relative;
}

#slider ul.slider {
    overflow:hidden;
}

#slider ul.slider li a {
    display: block;
    width: 940px;
    height: 353px;
}



/************* Payoff ****************/

#slider div.payoffs {
    z-index: 1000;
    position: absolute;
    left: 0px;
    bottom: 110px;
}
#slider div.payoffs ul {
    margin: 0;
    padding: 0;
    width: 872px;
/*    background: rgba(255,255,255,.5);*/
    background: url('../images/showcases/visual_text_background.png') no-repeat;
    height: 70px;
    -webkit-border-radius: 0 10px 10px 0;
    -moz-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
}
#slider div.payoffs ul li {
    position: absolute;
    left: -700px;
    margin-left: 15px;
    top: 7px;
    width: 512px;
    color: #2d2d2d;
    font-size: 0.85em;
    line-height: 1.5em;
    width: 500px;
}
#slider div.payoffs ul li a {
    color: #2d2d2d;
    text-decoration: none;
}
#slider div.payoffs ul li a:hover {
    color: #c70008;
    text-decoration: underline;
}

#slider a#slider-contact {
    z-index: 100;
    position: absolute;
    left: 680px;
    top: 268px;
}

/******************************************************************************
 *
 * Slider Navigation Relative (v2)
 *
 *****************************************************************************/
ul#slider-navigation2 {
    background-image: url("../images/sprite.png");
    background-position: -10px -108px;
    height: 99px;
    overflow:visible;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 940px;
}

ul#slider-navigation2.pagination {
    /*  Op de homepage moet de slider-navigation gedeeltelijk over de slider heenliggen:  */
    position: absolute;
    z-index: 1000;
    margin-top: -10px;
}

ul#slider-navigation2.arrowdown li.current a {
    background: url('../images/slider-active-arrowdown.png') 0 23px no-repeat;
}

ul#slider-navigation2 li {
    display: inline;
}

ul#slider-navigation2 li a {
    background-image: url("../images/sprite.png");
    background-position: 174px -590px;
    display: block;
    float: left;
    outline: none;
    text-align: center;
    text-decoration: none;
    width: 186px;
}

ul#slider-navigation2 li.last a {
    background: none;
}

ul#slider-navigation2 li.current a {
    background-image: url("../images/sprite.png");
    background-position: -10px -217px;
}

ul#slider-navigation2 li a h4 {
    color: #575757;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    height: 74px;
    margin: 0;
    padding: 31px 0 0 0;
}

ul#slider-navigation2 li a:hover h4,
ul#slider-navigation2 li.current a h4 {
    color: #b50008;
}

ul#slider-navigation2 li a h4 span {
    display: block;
    height: 25px;
    padding: 17px 0 0 0;
}

ul#slider-navigation2 li a.icon span {
    background: no-repeat center 0;
}

ul#slider-navigation2 li a.icon-design_development span {
    background-image: url('../images/icons/webdevelopment.png');
}
ul#slider-navigation2 li a.icon-webapplicaties span {
    background-image: url("../images/sprite.png");
    background-position: 73.5px -702px;
}
ul#slider-navigation2 li a.icon-geo_maps span {
    background-image: url("../images/sprite.png");
    background-position: 73px -760px;
}
ul#slider-navigation2 li a.icon-content_management span {
    background-image: url("../images/sprite.png");
    background-position: 73.5px -818px;
}
ul#slider-navigation2 li a.icon-mobiel span {
    background-image: url("../images/sprite.png");
    background-position: 77px -876px;
}

ul#slider-navigation2 li.current a.icon-design_development span {
    background-image: url("../images/sprite.png");
    background-position: 73px -545px;
}
ul#slider-navigation2 li.current a span {
    background-position: 50% 0;
}
ul#slider-navigation2 li.current a.icon-webapplicaties span {           background-image: url('../images/icons/webapplications-active.png');}
ul#slider-navigation2 li.current a.icon-geo_maps span {                 background-image: url('../images/icons/geo-active.png');}
ul#slider-navigation2 li.current a.icon-content_management span {       background-image: url('../images/icons/cms-active.png');}
ul#slider-navigation2 li.current a.icon-mobiel span {                   background-image: url('../images/icons/mobile-active.png');}

/* next/prev btns */

#slider a.slider-btn {
    position:absolute;
    top:160px;
    left:-18px;
    background-image: url("../images/sprite.png");
    background-position: -912px -210px;
    width:38px;
    height:38px;
    display:block;
    z-index:10;
    outline:none;
}

#slider a.slider-btn-next{
    left:auto;
    right:-18px;
    background-position: -911px -254px;

}

#slider .slider-btn span {
    text-indent:-9999px;
    display:block;
    background-image: url("../images/sprite.png");
    background-position: -847px -210px;
    width:38px;
    height:38px;
}

#slider .slider-btn:hover span {
    background-position: -785px -210px;
}

#slider .slider-btn-next span {
    background-position: -873px -210px;
}

#slider .slider-btn-next:hover span {
    background-position: -815px -210px;
}

#slider .hidden {
    visibility:hidden;
    display:none;
}

/******************************************************************************
 *
 * Quotes
 *
 *****************************************************************************/

#quotes {
    position:relative;
}

blockquote{
    padding: 19px 0 0 70px;
    min-width:100px;
    max-width:200px;

}

blockquote p{
   background: url(../images/quote_close.png) no-repeat right bottom;
   padding-bottom:20px;
}

body#home blockquote {
    display:block;
    position:relative;
    font-size: 0.95em;
    margin: 0 0 100px 10px;
    padding: 0 0 20px 0;
}

body#home blockquote div {
    padding: 0 10px 0 10px;
}

body#home blockquote div a span{
    color:#C70008;
    text-decoration:underline;
}

/******************************************************************************
 *
 * Wat we doen
 *
 *****************************************************************************/

#watwedoen ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#watwedoen ul li {
/*    background-color: olive;*/
    font-size: 1.4em;
    position: relative;
    margin-bottom: 80px;
    border-bottom: 2px solid #eaeaea;
}

#watwedoen ul li.image-left {
    padding-left: 400px;
}

#watwedoen ul li.image-right {
    padding-right: 400px;
}

#watwedoen ul li h2 {
    font-size: 1.6em;
    letter-spacing: 0.001em;
    margin: 0 0 10px 0;
    padding-top: 40px;
}

#watwedoen ul li h2 a {
    color: #36353c;
}

#watwedoen ul li p {
    line-height:1.35em;
    margin: 0 0 30px 0;
}

#watwedoen ul li a.button {
    background: url('../images/button_empty.png') no-repeat left top;
    bottom: -28px;
    display: block;
    height: 51px;
    position: absolute;
    width: 209px;
}

#watwedoen ul li a.button span {
    font-size: 1em;
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 5px;
}

#watwedoen ul li.image-right a.button {
    left: 0;
}

#watwedoen ul li.image-left a.button {
    right: 0;
}

#watwedoen ul li div.image {
    bottom: -15px;
    position: absolute;
    width: 363px;
}

#watwedoen ul li.image-left div.image {
    left: 0;
}

#watwedoen ul li.image-right div.image {
    right: 0;
}


/******************************************************************************
 *
 * Wat we doen Item / Dienst
 *
 *****************************************************************************/

#watwedoen-item p img {
    margin: 0 40px 20px 0;
}
#watwedoen-item a.button {
    float: right;
    margin-bottom: 40px;
}

#watwedoen-item ul,
.article ul {
    list-style: none;
    padding-left: 0;
}

#watwedoen-item ul li,
.article ul li {
    background: url('../images/list_icon.png') 0 3px no-repeat;
    padding: 0 0 10px 30px;
}