html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

html, body{
	width:100%;
	height:100%;
}

body{
    color:#000;
    line-height:20px;
	font-family:Tahoma,Arial;
	font-size:11px;
	background-color:#fff;	
	}
 	
h1{
    font-family:"Lucida Sans Unicode","Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
    font-size:19px;
    line-height:20px; 
    color:#0071c5;
    font-weight: normal;
    }

#content-container h1{
    margin-bottom: 10px;
}
	
h2{
    font-family:"Lucida Sans Unicode","Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
    font-size:16px;
    line-height:18px; 
    color:#0071c5;
    font-weight: normal;
	}
	
h3{
    font-family:"Lucida Sans Unicode","Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
    font-size:16px;
    line-height:18px; 
    color:#0071c5;
    font-weight: normal;
    }


a:link, a:visited, a:active{
    color:#0071c5;
    text-decoration:none;
}

a:hover{
    color: #f15b00;;
    text-decoration:underline;
}

ul{
	list-style-position:inside;
}

li{
	list-style-position:inside;
}

a img {
    /* Zorgt ervoor dat er geen border komt om een plaatje
    in enkele browsers */
    border: 0;
}

#bg-header{
	position:absolute;
	width:100%;
	min-width:976px;
	height:240px;
	left:0px;
	right:0px;
	top:0px;
	background-image:url(../images/bg-header.gif);
	background-repeat:repeat-x;
	background-position:center top;
	background-color:#f4f4f3;
}

#banner-bg{
	position:absolute;
	width:100%;
	min-width:976px;
	height:439px;
	left:0px;
	right:0px;
	top:0px;
	background-color:#000;
}

#banner-portfolio{
    position:absolute;
    width:100%;
    min-width:976px;
    height:439px;
    left:0px;
    right:0px;
    top:0px;
    background-color:#000;
}

#banner-vervolg{
	position:absolute;
    width:100%;
    min-width:976px;
    height:270px;
    left:0px;
    right:0px;
    top:0px;
    background-image: url(../images/bg-portfolio-banner.png);
    background-repeat: repeat-x;
    background-color: #2370a9;
}

#banner-shadow{
	position:absolute;
	width:100%;
	min-width:976px;
	height:57px;
	left:0px;
	right:0px;
	top:468px;
	background-image:url(../images/banner-shadow.png);
	background-repeat:no-repeat;
	background-position:center top;
}

#banner-shadow-vervolg{
	position:absolute;
	width:100%;
	min-width:976px;
	height:57px;
	left:0px;
	right:0px;
	top:323px;
	background-image:url(../images/banner-shadow.png);
	background-repeat:no-repeat;
	background-position:center top;
}

.megacontainer{
	position:relative;
	width:976px;
	margin-left:auto;
	margin-right:auto;
}

.container{
	position:relative;
	float:left;
	display:inline;
	width:976px;
}

#megacontainer-menu{
	position:relative;
	float:left;
	display:inline;
	width:100%;
	min-width:976px;
}

#megacontainer-submenu{
    position:relative;
    float:left;
    display:inline;
    width:100%;
    min-width:976px;
    height: auto;
    background-image: url(../images/bg-submenu.png);
    background-repeat: repeat-y;
    background-position: center;
    background-color: #cf4e00;
    
}

.megacontainer-submenu-border{
    border-top:1px solid #c34900;
    border-bottom:1px solid #fe8d49;
}

#megacontainer-banner{
    position:relative;
    float:left;
    display:inline;
    width:100%;
    min-width:976px;
}

#megacontainer-center{
	position:relative;
	float:left;
	display:inline;
	width:100%;
	min-width:976px;
}

#megacontainer-footer{
	position:relative;
	float:left;
	display:inline;
	width:100%;
	min-width:976px;
	height:250px;
}

#header-container{
	position:relative;
	float:left;
	display:inline;
	width: 976px;
	height:146px;
	margin-top:94px;
	background-image:url(../images/header-container.png);
	background-repeat:no-repeat;
}

#social-media-container{
    position: absolute;
    width: 140px;
    height: 70px;
    right: 9px;
    top: 33px;
}

.social-media-icon{
    position: relative;
    float: right;
    display: inline;
    width: 40px;
    height: 70px;
    margin-left: 2px;
}

.social-media-img{
    position: absolute;
    width: 29px;
    height: 30px;
    bottom: 10px;
    left: 0px;
}

.social-media-overlay{
    position: absolute;
    width: 34px;
    height: 34px;
    bottom: 0px;
    right: 0px;
    background-image: url(../images/social-media-overlay.png);
    background-repeat: no-repeat;
}

#header-content{
	position:absolute;
	width:940px;
	height:128px;
	left:18px;
	top: 18px;
}

.doit-online-logo{
	position:absolute;
	width:270px;
	height:128px;
	left:0px;
	top:0px;
	outline:none;
	text-decoration:none;
	background-image:url(../images/doit-online.gif);
	background-repeat:no-repeat;
}

#banner-container{
	position:relative;
	float:left;
	display:inline;
	width: 940px;
	height: 468px;
	margin-left:18px;
	background-image:url(../images/bg-banner.png);
	background-repeat:no-repeat;
}

#banner-content-pagina{
	position:relative;
	float:left;
	display:inline;
	width: 940px;
	height: 323px;
	margin-left:18px;
	background-image:url(../images/bg-banner.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

#banner-container-left{
	position:relative;
	float:left;
	display:inline;
	height:367px;
	width:365px;
	margin-top:51px;
	margin-left:51px;
	border-right:1px solid #3a3a3a;
    color:#9c9d9d;
}

#banner-portfolio-website{
	position:absolute;
	width:434px;
	height:275px;
	top:0px;
	left:0px;
}

#banner-portfolio-website img{
	width:434px;
	height:275px;
}

#banner-portfolio-website-shadow{
	position:absolute;
	width:434px;
	height:42px;
	top:258px;
	left:0px;
	background-image:url(../images/banner-portfolio-website-shadow.png);
	background-repeat:no-repeat;
}

.new-lint{
	position:absolute;
	width:73px;
	height:73px;
	top: -4px;
	right: -5px;
	background-image:url(../images/new-lint.png);
	background-repeat:no-repeat;
}

#content-container{
	position:relative;
	float:left;
	display:inline;
	width: 940px;
	min-height: 300px;
	margin-left:18px;
    margin-top: 80px;
    padding-bottom: 30px;
}

#footer-container{
	position:absolute;
	width:100%;
	min-width:976px;
	height:238px;
	left:0px;
	right:0px;
	top:11px;
	background-color:#f6f6f6;
	border-top:1px solid #dfdfdf;
}

#footer-shadows{
	position:absolute;
	width:100%;
	min-width:976px;
	height:118px;
	left:0px;
	right:0px;
	top:0px;
	background-image:url(../images/footer-shadows.png);
	background-repeat:no-repeat;
	background-position:top center;
}

.portfolio-informatie-small{
    position:relative;
    float:left;
    display:inline;
    width:327px;
    height:327px;
    margin-bottom:29px;
    background-image:url(../images/bg-nieuws-item.png);
    background-repeat:no-repeat;
    background-position:bottom;
    text-decoration:none!important;
    line-height:15px!important;
}


/* NIEUWS CSS */

.nieuws-small-container{
	position:relative;
	float:left;
	display:inline;
	width:327px;
	height:103px;
	margin-bottom:29px;
	background-image:url(../images/bg-nieuws-item.png);
	background-repeat:no-repeat;
	background-position:bottom;
	text-decoration:none!important;
	line-height:15px!important;
}

.nieuws-blokje-doit{
	position:absolute;
	width:25px;
	height:15px;
	left:-8px;
	top: -5px;
	background-image:url(../images/nieuws-doit-blokje.png);
	background-repeat:no-repeat;
	background-position:top;
}

.nieuws-small-container:hover .nieuws-blokje-doit{
	background-position:bottom;
}

.nieuws-small-titel{
	position:relative;
	float:left;
	display:inline;
	width:295px;
	margin-left:20px;
	margin-top:15px;
	font-size:11px!important;
	color:#fff!important;
	font-weight:bold!important;
	text-decoration:none!important;
}

.nieuws-small-bericht{
	position:relative;
	float:left;
	display:inline;
	width:295px;
	margin-left:20px;
	margin-top:8px;
	font-size:11px!important;
	color:#9c9d9d!important;
	font-weight:normal!important;
	text-decoration:none!important;
}

.twitter-small-bericht{
    position:relative;
    float:left;
    display:inline;
    width:295px;
    margin-left:20px;
    margin-top:8px;
    font-size:11px!important;
    color:#9c9d9d!important;
    font-weight:normal!important;
    text-decoration:none!important;
} 

.twitter-small-bericht a:link, .twitter-small-bericht a:active, .twitter-small-bericht a:visited{
    font-size:11px!important;
    color:#f37021!important;
    font-weight:normal!important;
    text-decoration:none!important;
} 

.twitter-small-bericht a:hover{
    font-size:11px!important;
    color:#f37021!important;
    font-weight:normal!important;
    text-decoration:underline!important;
}

.nieuws-small-titel-2{
	position:relative;
	float:left;
	display:inline;
	width:205px;
	margin-left:20px;
	margin-top:15px;
	font-size:11px!important;
	color:#fff!important;
	font-weight:bold!important;
	text-decoration:none!important;
}

.nieuws-small-bericht-2{
	position:relative;
	float:left;
	display:inline;
	width:205px;
	margin-left:20px;
	margin-top:8px;
	font-size:11px!important;
	color:#9c9d9d!important;
	font-weight:normal!important;
	text-decoration:none!important;
}

.nieuws-small-link{
	font-size:11px!important;
	color:#5eb0ec!important;
	font-weight:normal!important;
	text-decoration:none!important;
	font-style:italic!important;
}

.nieuws-small-container:hover .nieuws-small-link{
	font-size:11px!important;
	color:#f37021!important;
	font-weight:normal!important;
	text-decoration:none!important;
	font-style:italic!important;
}

.nieuws-small-link:hover{
	font-size:11px!important;
	color:#f37021!important;
	font-weight:normal!important;
	text-decoration:none!important;
	font-style:italic!important;
}

.nieuws-small-afbeelding{
	position:relative;
	float:right;
	display:inline;
	width:68px;
	height:57px;
	top: 21px;
	right:21px;
	border:1px solid #c8c8c8;
}



/* TWITTER CSS */

.twitter-blokje-doit{
	position:absolute;
	width:25px;
	height:15px;
	left:-8px;
	top: -5px;
	background-image:url(../images/twitter-doit-blokje.png);
	background-repeat:no-repeat;
	background-position:top;
}

.nieuws-small-container:hover .twitter-blokje-doit{
	background-position:bottom;
}

.twitter-follow-now{
	position:absolute;
	width: 115px;
	height: 53px;
	bottom:5px;
	left:32px;
	background-image: url(../images/follow-doit.png);
	background-repeat:no-repeat;
}

.twitter-small-link{
	font-size:11px!important;
	color:#f37021!important;
	font-weight:normal!important;
	text-decoration:none!important;
	font-style:normal!important;
}

.nieuws-small-container:hover .twitter-small-link{
	font-size:11px!important;
	color:#f37021!important;
	font-weight:normal!important;
	text-decoration:underline!important;
	font-style:normal!important;
}

.twitter-small-link:hover{
	font-size:11px!important;
	color:#f37021!important;
	font-weight:normal!important;
	text-decoration:underline!important;
	font-style:normal!important;
}

.twitter-datum-bericht{
	position:relative;
	float:left;
	display:inline;
	width:295px;
	margin-left:0px;
	margin-top:5px;
	font-size:10px!important;
	color:#7c7c7c!important;
	font-weight:normal!important;
	text-decoration:none!important;
}

#referenties-container{
    position:absolute;
    width:976px;
    height:54px;
    left:0px;
    top:32px;
}

#referentie-tekst{
    position:relative;
    float:left;
    display:inline;
    height:54px;
    width:180px;
    color:#797979;
    font-size:14px;
    line-height:48px;
}

.referentie-logo{
    position:relative;
    float:left;
    display:inline;
    height:54px;
    margin-right:55px;
}

.referentie-logo:hover{
    background-position:bottom;
}

.referentie-sanoma{
    width:93px;
    background-image:url(../images/logos/sanoma.png);
    background-repeat:no-repeat;
    background-position:top;
}

.referentie-tatelaar{
    width:117px;
    background-image:url(../images/logos/tatelaar.png);
    background-repeat:no-repeat;
    background-position:top;
}

.referentie-van-den-bulk{
    width:80px;
    background-image:url(../images/logos/van-den-bulk.png);
    background-repeat:no-repeat;
    background-position:top;
}

.referentie-ejb-entertainment{
    width:94px;
    background-image:url(../images/logos/ejb-entertainment.png);
    background-repeat:no-repeat;
    background-position:top;
}

.referentie-klinipath{
    width:128px;
    background-image:url(../images/logos/klinipath.png);
    background-repeat:no-repeat;
    background-position:top;
}

#footer-gegevens-container{
    position:absolute;
    width:976px;
    height:80px;
    left:0px;
    top:140px;
}

#footer-gegevens-container a:link, #footer-gegevens-container a:active, #footer-gegevens-container a:visited{
    color:#797979!important;
    font-size:11px!important;
    text-decoration:none!important;
}

#footer-gegevens-container a:hover{
    color:#f37021!important;
    font-size:11px!important;
    text-decoration:underline!important;
}

.footer-informatie-blok{
    position:relative;
    float:left;
    display:inline;
    height:80px;
}

.footer-informatie-nieuw-portfolio{
    width:295px;
    border-right:1px solid #c8c8c8;
    margin-right:30px;
}

.footer-informatie-meest-bezocht{
    width:125px;
    border-right:1px solid #c8c8c8;
    margin-right:30px;
}

.footer-informatie-contact-gegevens{
    width:260px;
    border-right:1px solid #c8c8c8;
    margin-right:30px;
}

.footer-informatie-doit-bedrijven{
    width:125px;
}

.footer-informatie-nieuw-portfolio-foto{
    position:absolute;
    height:80px;
    width:100px;
    left:0px;
    top:0px;
}

.footer-informatie-nieuw-portfolio-foto img{
    width:98px;
    height:78px;
    border:1px solid #C8C8C8;
}

.footer-hoekje-new{
    position:absolute;
    left:-6px;
    top: -5px;
    width:56px;
    height:56px;
    background-image:url(../images/footer-hoekje-new.png);
    background-repeat:no-repeat;
}

.footer-informatie-nieuw-portfolio-titel{
    position:relative;
    float:left;
    display:inline;
    width:170px;
    margin-left:120px;
    color:#000;
    font-weight:bold;
    line-height:12px;
}

.footer-informatie-nieuw-portfolio-tekst{
    position:relative;
    float:left;
    display:inline;
    width:170px;
    margin-left:120px;
    margin-top:12px;
    color:#797979;
}

.footer-informatie-meest-bezocht-titel{
    position:relative;
    float:left;
    display:inline;
    width:90px;
    color:#000;
    font-weight:bold;
    line-height:12px;
}

.footer-informatie-meest-bezocht-linkjes{
    position:relative;
    float:left;
    display:inline;
    width:90px;
    margin-top:12px;
    color:#797979;
}

.footer-informatie-contact-gegevens-titel{
    position:relative;
    float:left;
    display:inline;
    width:290px;
    color:#000;
    font-weight:bold;
    line-height:12px;
}

.footer-informatie-contact-gegevens-tekst{
    position:relative;
    float:left;
    display:inline;
    width:290px;
    margin-top:12px;
    color:#797979;
}

.footer-informatie-doit-bedrijven-titel{
    position:relative;
    float:left;
    display:inline;
    width:125px;
    color:#000;
    font-weight:bold;
    line-height:12px;
}

.footer-informatie-doit-bedrijven-linkjes{
    position:relative;
    float:left;
    display:inline;
    width:135px;
    margin-top:12px;
    color:#797979;
}

.footer-informatie-doit-bedrijven-linkjes img{
    position:relative;
    float:left;
    display:inline;
    margin-top:6px;
    margin-right:5px;
}

.portfoliopagina-nieuw-container{
	position:relative;
	float:left;
	display:inline;
	width:238px;
	height:364px;
	margin-top:52px;
	margin-left:51px;
	margin-right:11px;
}

.portfolio-logo-container{
	position:relative;
	float:left;
	display:inline;
	width:140px;
	height:140px;
	margin-right:24px;
    margin-left: 24px;
	margin-bottom:48px;
	background-image:url(../images/bg-portfolio-logo.gif);
	background-repeat:no-repeat;
}

.portfolio-logo-container-top{
    position:relative;
    float:left;
    display:inline;
    width:140px;
    height:140px;
    margin-left: 20px;
    margin-top: 20px;
    background-image:url(../images/bg-portfolio-logo.gif);
    background-repeat:no-repeat;
}

.portfolio-logo{
	position:absolute;
	display:block;
	width:124px;
	height:125px;
	left:8px;
	top:8px;
	overflow:hidden;
	z-index:1;
	background-color:#fff;
}

.portfolio-logo-container:hover .portfolio-logo{
	/* display:none; */
}

.portfolio-website{
	position:absolute;
	display:none;
	width:124px;
	height:125px;
	left:8px;
	top:8px;
	overflow:hidden;
	z-index:2;
	background-color:#fff;
	text-align:center;
}

.portfolio-website img{
	position:absolute;
	width:238px;
	height:151px;
	top:0px;
	left:0px;
}

.portfolio-logo-container:hover .portfolio-website{
	/* display:block; */
}

.portfoliopagina-nieuw-foto{
	position:relative;
	float:left;
	display:inline;
	width:238px;
	height:170px;
	overflow:hidden;
	outline:none;
	background-image:url(../images/bg-portfoliopagina-shadow.png);
	background-repeat:no-repeat;
	background-position:bottom center;
}

.portfoliopagina-nieuw-foto img{
    position: absolute;
    width: 238px;
    height: 151px;
    top:0px;
    left: 0px;
    overflow: hidden;
}

.portfoliopagina-nieuw-infoblok{
	position:relative;
	float:left;
	display:inline;
	width:238px;
	height:174px;
	margin-top:20px;
	background-image:url(../images/bg-nieuws-item.png);
	background-repeat:no-repeat;
	background-position:bottom;
	text-decoration:none!important;
	line-height:15px!important;
}

.portfoliopagina-nieuw-titel{
	position:relative;
	float:left;
	display:inline;
	width:192px;
	margin-left:20px;
	margin-top:20px;
	color:#fff!important;
	font-weight:bold!important;
	font-size:11px!important;
	text-decoration:none!important;
}

.portfoliopagina-nieuw-omschrijving{
	position:relative;
	float:left;
	display:inline;
	width:192px;
	margin-left:20px;
	margin-top:5px;
	color:#9c9d9d!important;
	font-size:11px!important;
	font-weight:normal!important;
	text-decoration:none!important;
}

.portfoliopagina-nieuw-link{
	position:absolute;
	width:183px;
	height:27px;
    top: 320px;
    left: 22px;
    padding-left: 10px;
    padding-top: 3px;
    color: #808080!important;
    text-decoration: none!important;
    background-image:url(../images/bg-url.gif);
	background-repeat:no-repeat;
	background-position:top;
	overflow:hidden;
}

.portfoliopagina-portfolio-top-link{
    position:absolute;
    width:423px;
    height:27px;
    bottom: 0px;
    left: 0px;
    padding-left: 10px;
    padding-top: 3px;
    color: #808080!important;
    font-size: 11px!important;
    text-decoration: none!important;
    background-image:url(../images/bg-url2.gif);
    background-repeat:no-repeat;
    background-position:top;
    overflow:hidden;
}

.portfoliopagina-nieuw-link:hover{
    background-position:bottom;
	color: #fff!important;
    text-decoration: none!important;
}

.portfoliopagina-portfolio-top-link:hover{
    background-position:bottom;
    color: #fff!important;
    font-size: 11px!important;
    text-decoration: none!important;
}

.project-info-container{
    position: absolute;
    height: 468px;
    width: 940px;
    display: inline;
    z-index: 50;
    overflow: hidden;
}

.project-info{
    position: relative;
    float: left;
    display: inline;
    width: 940px;
    height: 468px;
    background-image:url(../images/bg-banner.png);
    background-repeat:no-repeat;
}

#schuifcontainer{
    position:relative;
    float:right;
    display:inline;
    height:370px;
    width:433px;
    margin-top:51px;
    margin-right:51px;
}

#schuifcontainer2{
    position:relative;
    float:right;
    display:inline;
    height:390px;
    width:433px;
    margin-top:51px;
    margin-right:51px;
}

#banner-portfolio-titel-nieuw{
    position: absolute;
    font-size: 15px;
    color: #d5d5d5;
    top: 320px;
    left: 0px;
}

#schuifblokcontainer{
    position:absolute;
    height:272px;
    width:433px;
    top:0px;
    left:0px;
    overflow: hidden;
}

.schuifblok{
    position: absolute;
    top: 0px;
    left: -433px;
    height:275px;
    width:433px;
    color: white;
    text-align: center;
}

.schuifblok-visible{
    position: absolute;
    top: 0px;
    left: 0px;
    height:275px;
    width:433px;
    color: white;
    text-align: center;
}

.schuifblok img, .schuifblok-visible img{
    height:275px;
    width:433px;
}

#schuifknoppencontainer{
    position: absolute;
    bottom: 42px;
    right: 34px;
    height: 26px;
    font-size: 11px!important;
}                

.schuifnaarvorige{
    position: absolute;
    width: 48px;
    height: 127px;
    left: 0px;
    top: 180px;
    background-image: url(../images/gotoleft.png);
    background-repeat: no-repeat;
}

.schuifnaarvolgende{
    position: absolute;
    width: 48px;
    height: 127px;
    right: 0px;
    top: 180px;
    background-image: url(../images/gotoright.png);
    background-repeat: no-repeat;    
}

.schuifnaarpositie{
    position: relative;
    float: left;
    display: inline;
    width: 18px;
    height: 19px;
    margin-right: 15px;
    background-image: url(../images/on-off.png);
    background-repeat: no-repeat;
    background-position: top;
    text-decoration: none;
    outline: none;
}

.schuifnaarpositie:hover{
    background-position: center;
    text-decoration: none;
    outline: none;
}

#schuifblokcommentaarcontainer{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 350px;
    height: 26px;
    overflow: hidden;
}

#schuifblokcommentaarcontainer-visible{
    position: absolute;
    bottom: -25px;
    left: 0px;
    width: 350px;
    height: 26px;
}

#schuifblokcommentaarcontainer a:link, #schuifblokcommentaarcontainer a:active, #schuifblokcommentaarcontainer a:visited{
    color:#5eb0ec;
    font-size: 12px;
    text-decoration: none;
}

#schuifblokcommentaarcontainer a:hover{
    color:#f37021;
    text-decoration: none;
}

.schuifblokcommentaar{
    position: absolute;
    font-size: 12px;
    left: 0px;
    top: -26px;
    padding-left: 50px;
    width: 300px;
    height: 26px;
    line-height: 26px;
    color: #5eb0ec;
    background-image: url(../images/new-blok.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.schuifblokcommentaar2{
    position: absolute;
    font-size: 12px;
    left: 0px;
    top: -26px;
    width: 300px;
    height: 26px;
    line-height: 26px;
    color: #5eb0ec;
}

#schuifblokpauze{
    position: absolute;
    top: 10px;
    left:10px;
    width: 25px;
    height: 25px;
    background-image: url(../images/pauze.gif);
    background-repeat:no-repeat;
    display: none;
}


#banner-container-left-vervolg{
	position:relative;
	float:left;
	display:inline;
	height:225px;
	width:400px;
	margin-top:51px;
	margin-left:51px;
	border-right:1px solid #3a3a3a;
}

.pagina-small-content{
	position:relative;
	float:left;
	display:inline;
	width:367px;
	height:225px;
	margin-bottom:29px;
	background-image:url(../images/bg-pagina-item.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	text-decoration:none!important;
	line-height:15px!important;
}

.pagina-small-bericht{
	position:relative;
	float:left;
	display:inline;
	width:330px;
	margin-left:20px;
	margin-top:20px;
	font-size:11px!important;
	color:#9c9d9d!important;
	font-weight:normal!important;
	text-decoration:none!important;
}

.pagina-small-bericht strong{
	color:#fff;
}

.pagina-small-link{
	position:relative;
	float:left;
	display:inline;
	height:22px;
	padding-left:12px;
	padding-right:12px;
	color:#fff!important;
	line-height:20px;
	background-color:#108cd8;
}

.pagina-blokje-doit{
	position:absolute;
	width:25px;
	height:15px;
	left:-8px;
	top: -5px;
	background-image:url(../images/pagina-doit-blokje.png);
	background-repeat:no-repeat;
	background-position:top;
}

#pagina-container-right{
	position:absolute;
    top: 0px;
    right: 0px;
	width:487px;
	height:400px;
    text-align: right;
}

#pagina-afbeelding-shadow{
	position:absolute;
	width:408px;
	height:23px;
	left:0px;
	top:225px;
	background-image:url(../images/bg-pagina-afbeelding.png);
	background-repeat:no-repeat;
}

#content-container-home{
    position: relative;
    float: left;
    display: inline;
    width: 375px;
    min-height: 410px;
    padding-right: 50px;
    border-right: 1px solid #c8c8c8;
}

#content-container-vervolg{
    position: relative;
    float: left;
    display: inline;
    width: 600px;
}

#content-websites-home{
    position: relative;
    float: right;
    display: inline;
    width: 465px;
    min-height: 150px;
    padding-bottom: 35px;
    background-image: url(../images/home-blok-website.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    border-bottom: 1px solid #c8c8c8;
}

#content-webshops-home{
    position: relative;
    float: right;
    display: inline;
    width: 465px;
    min-height: 100px;
    padding-top: 35px;
}

.home-titel{
    color: #0071c5;
    font-size: 16px;
    font-style: italic;
    font-family:"Lucida Sans Unicode","Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
}

.website-voorbeelden{
    position: relative;
    float: right;
    display: inline;
    width: 150px;
    margin-top: 35px;
    margin-left: 36px;
    margin-right: 35px;
}

.website-voorbeeld-titel{
    position: relative;
    float: right;
    display: inline;
    width: 150px;
    height: 30px;
    color: #188ad5;
    font-family:"Lucida Sans Unicode","Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
}

.website-voorbeeld-link{
    position: relative;
    float: right;
    display: inline;
    width: 150px;
    height: 26px;
    line-height: 23px;
    color: #f15b00!important;
    border-bottom:1px solid #dbdbdb;
}

#wereldbol{
    position: absolute;
    width: 75px;
    height: 86px;
    top: 115px;
    left: 120px;
    background-image: url(../images/wereldbol.png);
    background-repeat: no-repeat;
}

#boodschappen{
    position: absolute;
    width: 94px;
    height: 82px;
    top: 145px;
    left: 120px;
    background-image: url(../images/boodschappen.jpg);
    background-repeat: no-repeat;
    z-index: -1;
}

#liq-container{
    position: relative;
    float: left;
    display: inline;
    width: 940px;
    height: auto;
}

#liq-filters{
    position:relative; 
    float:left; 
    display:block; 
    width:940px;
    margin-bottom: 20px;
    height: 100px;
}

#liq-elements{
    position:relative; 
    float:left; 
    display:inline; 
    width:940px;    
    display: none;
}

#liq-destination{
    position:relative; 
    float:left; 
    display:inline; 
    width:940px;
}

#content-contact{
    position: relative;
    float: right;
    display: inline;
    width: 220px;
    min-height: 300px;
    padding-left: 40px;
    padding-bottom: 40px;
    background-image: url(../images/bg-nieuws-archief-2.png);
    background-repeat: no-repeat;
    background-position: right top;
    border-left: 1px solid #c8c8c8;
}

.contact-input{
    position: relative;
    float: left;
    display: inline;
    width: 180px;
    height: 20px;
    border: 1px solid #ccc;
    background-image: url(../images/bg-input-field.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.contact-btn{
    position: relative;
    float: left;
    display: inline;
    padding-left: 8px;
    padding-right: 8px;
    height: 22px;
    font-size: 11px;
    line-height: 15px;
    background-color: transparent;
    border: 0px;
    text-align: center;
    color: #fff;
    background-image: url(../images/btn.png);
    background-repeat: no-repeat;
}

.verplicht_niet_ingevuld_border
{
    border:1px solid red;
    padding:2px;    
}
.verplicht_niet_ingevuld_color
{
    color:red;    
}

#liq-filters{
    position: relative;
    float: left;
    display: inline;
    width: 400px;
    height: 50px;
    margin-left: 340px;
}

.filter-btn{
    position: relative;
    float: left;
    display: inline;
    padding-left: 15px;
    padding-right: 15px;
    height: 30px!important;
    font-size: 12px;
    line-height: 26px!important;
    margin-right: 20px;
    border: 1px solid #e0e0e0;
    text-align: center;
    text-decoration: none!important;
    color: #777!important;
    background-image: url(../images/btn2.png);
    background-repeat: no-repeat;
    background-position: top center;
}

.filter-btn:hover{
    border: 1px solid #bababa;
}

.filter-btn-active{
    margin-right: 20px;
    border: 1px solid #015ca1!important;
    color: #fff!important;
    background-position: bottom center;
}

.filter-btn-active:hover{
    color: #fff!important;
    border: 1px solid #015ca1!important;
}

.email-template-overlay{
    position:absolute;
    width:41px;
    height:36px;
    bottom: 6px;
    right: 7px;
    background-image: url(../images/email-template-overlay.png);
    background-repeat: no-repeat;
    z-index:2;
}

.drukwerk-overlay{
    position:absolute;
    width:20px;
    height:20px;
    bottom: 6px;
    right: 7px;
    background-image: url(../images/email-template-overlay.png);
    background-repeat: no-repeat;
    z-index:2;
}

#full-site-overlay{
    position: fixed;
    height: 100%;
    width: 100%;
    z-index:49;
    background-color:#000000;
    filter:alpha(opacity=50);
    -moz-opacity: 0.50;
    opacity: 0.50;    
    background-color: black;
}