html {
    margin: 0;
    padding: 0;
}

html, body, #wrap {
    height: 100%;
}

body > #wrap {
    height: auto;
    min-height: 100%;
}

body {
    margin: 0;
    padding: 0;
    text-align: center;
    background-image: url(../img/page_bg.jpg);
    background-repeat: repeat-x;
    background-color: #ffffff;
}

div, p, td {
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #666;
    margin: 0px;
    padding: 0px;
	line-height: 17px;
}

#container {
    padding-bottom: 110px;
    width: 990px;
    height: 100%;
    margin: 0 auto;
    /*background-image: url(../img/page_top.gif);*/
    background-repeat: no-repeat;
    position: relative;
    top: 0px;
}

#main {
    padding-bottom: 110px;
}

ul, p, li {
    margin: 0;
    padding: 0;
}


a {
    color: #0193cf;
    text-decoration: none;
    font-weight: bold;
    outline: none;
}

a:hover {
    text-decoration: underline;
}

a img, img {
    border: 0;
}

a.print{
	display: block;
	width: 20px;
	height: 20px;
	float: right;
	padding-top: 19px
	padding-right: 20px;
}

.unclickable{
	cursor: default;
}

#nav {
    height: 67px;
    width: 956px;
    text-align: left;
    position: relative;
    background-image: url(../img/nav_bg.jpg);
    top: 75px;
    left: 12px;
    z-index: 2;
}

#header {
    margin: 0;
    /*position: relative;*/
    float: left;
    clear: both;
    background-image: url(../img/header_temp.jpg);
    width: 980px;
    height: 136px;
}

#logo {
    width: 223px;
    height: 52px;
    position: absolute;
    top: 15px;
    left: 19px;
}

#language {
	display: none;
    width: 167px;
    height: auto;
    position: absolute;
    top: 4px;
    right: 30px;
    text-align: right;
    line-height: 12px;
}

#language p {
    float: left;
    clear: none;
    padding-top: 6px;
    font-size: 8px;
}

#language img {
    padding: 3px 0px 0px 3px;
}

#breadcrumb {
    height: 19px;
    position: absolute;
    right: 30px;
    top: 60px;
    width: auto;
    text-align: right;
}

#zoeken {
    height: 19px;
    position: absolute;
    right: 24px;
    text-align: right;
    top: 26px;
    width: 315px;
}

#zoeken .zoektekst {
    width: 200px;
    font-size: 11px;
}

#zoeken div {
    display: inline;
}

.selected {
    color: #666;
}

.content{
	clear: both;
	padding-right: 20px;
}

/* ------------------linkerkolom----------------------- */
#leftcol {
    width: 580px;
    /*position: relative;*/
    float: left;
    clear: none;
    padding: 15px 0px 40px 34px;
    text-align: left;
    background-image: url(../img/stippellijn.gif);
    background-position: right top;
    background-repeat: repeat-y;
	z-index: 1;
}

#visual {
    position: relative;
    width: 560px;
    height: 240px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: Geometr415 Md BT, Arial, sans-serif;
}

h1 {
    font-size: 22px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 15px;
    margin: 0px;
}

.pagetitle{
	width: 500px;
	float: left;
}

#leftcol p {
    height: auto;
    padding: 0px 20px 20px 0px;
}

.leftcontent {
    float: left;
    clear: both;
    width: 560px;
    position: relative;
    /*top: 20px;
     padding-bottom: 20px;*/
}

.topline {
    border-top: 1px solid #cbcbcd;
}

.typeface-js, .typeface-js a {
    font-family: Geometr415 Md BT;
    font-weight: normal;
}

.content ul{
	margin-left: 12px;
}

/*----------------------rechterkolom--------------------*/
#rightcol {
    margin: 0;
    width: 334px;
    position: relative;
    float: left;
    clear: none;
    text-align: left;
    padding: 0px 20px 40px 20px;
    top: 15px;
    /*background-image: url(../img/stippellijn.gif);
   background-repeat: repeat-y;*/
}

.rightcontent {
    float: left;
    clear: both;
    width: 324px;
    position: relative;
    top: 20px;
}

/*-----------grote knoppen rechts----------------*/
#thumbs {
}

#thumbs a {
    display: block;
    float: left;
    clear: none;
    height: 116px;
    width: 166px;
    border: 0;
    background-repeat: no-repeat;
}

#thumbs a.lthumb {
    /*border-right: 13px solid #ffffff;
     border-bottom: 6px solid #ffffff;*/
}

#thumbs a.rthumb {
    /*border-bottom: 8px solid #ffffff;*/
}

#webdevelopment {
    background-image: url(../img/webdevelopment.gif);
}

/*#thumbs a:hover{
 background-position: -167px 0px;
 }*/
#vacatures {
    background-image: url(../img/vacatures.gif);
}

#waarom {
    background-image: url(../img/waarom.gif);
}

#typo3 {
    background-image: url(../img/typo3.gif);
}

#arbeidsmarkt {
    background-image: url(../img/arbeidsmarkt.gif);
}

#portfolio {
    background-image: url(../img/portfolio.gif);
}

#ontwikkeling {
    background-image: url(../img/ontwikkeling.gif);
}

#whos {
    background-image: url(../img/whos.gif);
}

/*-----------------2 kolommmen overspannend------------------------*/
#singlecol {
    clear: none;
    float: left;
    padding: 0 0 10px 34px;
    position: relative;
    text-align: left;
    width: 922px;
}

#klanten {
    border-top: 1px solid #CBCBCD;
    clear: both;
    float: left;
    text-align: left;
    top: 32px;
    width: 922px;
}

/*-----------------formulieren----------------------*/
form p {
    padding: 2px;
}

label {
    width: 168px;
    float: left;
    clear: none;
}

input {
    height: 15px;
    border: 1px solid #b7b6bb;
    padding: 1px 0px 0px 0px;
    vertical-align: middle;
	font-size: 11px;
	color: #848484;
	background-image: url(../img/input_bg.jpg);
	outline-style: none;
	outline-width: 0;
}

textarea{
	border: 1px solid #b7b6bb;
    padding: 1px 0px 0px 0px;
    vertical-align: middle;
	font-size: 11px;
	color: #848484;
    font-family: Arial, Verdana, sans-serif;
	background-image: url(../img/input_bg.jpg);
}

#mailformformtype_mail, .submit {
    font-size: 11px;
    color: #FFF;
    background-color: transparent;
    background-image: url(../img/simple_buttons.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 68px;
    vertical-align: middle;
	font-style: normal;
    height: 18px;
    border: 0;
    padding: 0px 0px 4px 0px;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
}

/*----------------contentelementen-------------------*/
.bodytext {
    padding: 10px 20px 0px 0px !important;
}

.content img{
	float: right;
	clear: none;
}

/*----------------klantenbuttons-------------------*/
.clientbutton {
    /*border: 1px solid #D3D3D3;*/
    clear: none;
    display: block;
    float: left;
    height: 57px;
    overflow: hidden;
    text-align: left;
    width: 117px;
    margin-right: 17px;
    margin-bottom: 18px;
}

.last{
    margin-right: 0;
}

.clientbutton img {
}

.clientbutton:hover img {
    margin-left: -125px;
    text-align: right;
}

/*----------------sitemap-------------------*/
/*div.csc-sitemap ul li {
    list-style-type: none;
    font-size: 12px;
	padding-top: 7px;
}

div.csc-sitemap ul li a{
	line-height: 12px;
	padding: 0px;
}

div.csc-sitemap ul li ul, div.csc-sitemap ul li ul li ul {
	padding-top: 0px;
	padding-left: 15px;
}

div.csc-sitemap ul li ul li, div.csc-sitemap ul li ul li ul li {
    list-style-image: url(../img/sitemap_l2_bg.gif);
    list-style-position: inside;
	padding-top: 0px;
}*/

div.csc-sitemap ul{
	margin-left: 0;
}

div.csc-sitemap ul li {
    background-color: #F2F2F2;
	float:left;
	font-size:12px;
	list-style-type:none;
	margin-bottom:25px;
	margin-right:7px;
	width:182px;
}

div.csc-sitemap ul li a{
	line-height: 15px;
	padding: 0px;
}

div.csc-sitemap ul li ul, div.csc-sitemap ul li ul li ul {
}

div.csc-sitemap ul li ul li, div.csc-sitemap ul li ul li ul li {
    background-color: #FFFFFF;
	border: 0 none;
	display: inline;
	line-height:1 6px;
	list-style-position: inside;
	margin-bottom: 0;
}

/*----------------mailform----------------*/

#mailform{
    background-image: url(../img/form_bg.gif);
	background-position: bottom;
	padding-bottom: 6px;
	width: 560px;
}

.csc-mailform{
	width: 560px;
    background-image: url(../img/form_bg.gif);
	padding: 15px;
}

.csc-mailform td{
	padding: 5px 0px 5px 0px;
	vertical-align: top;
}

td.csc-form-fieldcell, td.csc-mailform-radio{
}

td.csc-form-labelcell{
}

td.csc-form-labelcell p{
	padding: 0 0 0 12px !important;
}

td.csc-form-fieldcell .button{
	font-style: normal;
}

.csc-form-label-req{
	background-image: url(../img/asterisk_03.gif);
	background-repeat: no-repeat;
}


/*----------------tabel-------------------*/
.tabel{
	width: 560px;
}

.tabel td{
}

.tabel caption{
	font-weight: bold;
	text-align: left;
	padding: 5px 0px 5px 0px;
}


/*------------------tabel typo3----------------*/
.contenttable{
	border-collapse: collapse;
}

.tr-even{
	background-color: #EBEBEB;
}

.tr-odd{
	background-color: #FFF
}

.contenttable td{
	padding: 5px 10px 5px 10px;
	border-bottom: 1px solid #CBCBCD;
	border-right: 1px solid #CBCBCD;
}


.contenttable td.td-last{
	border-right: 0;
}


/* ------------------footer----------------------- */
#footer {
    position: relative;
    margin-top: -110px; /* negative value of footer height */
    height: 110px;
    clear: both;
    width: 100%;
    background-color: #F8F8F8;
    background-image: url(../img/footer_bg.gif);
    background-repeat: repeat-x;
}

#footercontent {
    width: 990px;
    height: 100%;
    margin: 0 auto;
    text-align: left;
}

#footernav {
    width: 207px;
    height: 90px;
    float: left;
    clear: none;
    position: relative;
    top: 15px;
    left: 30px;
    line-height: 18px;
    background-image: url(../img/stripe_twotone.gif);
    background-repeat: repeat-y;
    padding: 0px 0px 0px 22px;
}

#contact {
    background-image: url(../img/stripe_twotone.gif);
    background-repeat: repeat-y;
    width: 280px;
    height: 90px;
    float: left;
    clear: none;
    position: relative;
    top: 15px;
    padding-left: 22px;
    /*padding: 20px 0px 0px 0px;*/
}

#footernav li, #contact li {
    list-style-type: none;
    font-size: 11px;
    color: #c3c3c3;
}

#footernav li a, #contact li a, #footernav a{
    color: #e1e1e1;
    font-weight: normal;
}

/*------------tweets---------------*/
.tweets {
    clear: none;
    padding-right: 20px;
    padding-left: 12px;
    float: left;
    top: 13px;
    width: 352px;
    height: 93px;
    position: relative;
    background-image: url(../img/twitter_bg.gif);
    background-repeat: no-repeat;
    line-height: 13px;
}

.tweets div {
    font-size: 11px;
    color: #C3C3C3;
    padding: 0px 0px 3px 53px;
    max-height: 39px;
    overflow: hidden;
}

.tweeta {
    color: #E1E1E1;
    display: block;
    font-weight: bold;
    left: 53px;
    position: relative;
}

.tweets div a {
    color: #E1E1E1;
    font-weight: normal;
}

.tweets div a:hover {
    text-decoration: underline;
}

.created_at {
    font-size: 10px;
    font-style: italic;
}

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

.clearfix {
    display: inline-block;
}

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

.clearfix {
    display: block;
}

/* End hide from IE-mac */