/* Poort80 - for layout use only */

/* common tags 
================================================================================  */

* {
	-moz-outline: none;
}
body{
	background:#FFF url(../gfx/bgBody.jpg) repeat-y center top;
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;
	font-size:11px;
	line-height:160%;
}

img {
    border: 0px;
}

p{
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

a.arrow{
	background:transparent url(../gfx/arrow_green.gif) no-repeat right 4px;
	text-transform:uppercase;
	padding-right:12px;
}
a.arrow:hover{
	background-position:right -12px;
}
a.green{
	background-image:url(../gfx/arrow_green.gif);
}
a.white{
	background-image:url(../gfx/arrow_white.gif);
}
a.whitebig{
	background-image:url(../gfx/arrow_whitebig.gif);
	background-position:right 6px;
}
a.whitebig:hover{
	background-position:right 6px;
}
a.blue{
	background-image:url(../gfx/arrow_blue.gif);
}
h2 a.blue{
	background-image:none;
}

h1{
	margin:0 0 15px 0;
	padding:0;
	font-size:22px;
}
h2{
	margin:0 0 5px 0;
	font-size:15px;
	}
h3{
	font-size:13px;
	margin-bottom:5px;
}
ul{
	margin:0 0 0 12px;
	padding:0;
	font-size:11px;
}

.center{
	text-align:center;
}

.intro{
	font-size:13px;
}

.dottedline{
	width:100%;
	height:3px;
	background:transparent url(../gfx/dottedgreen.gif) repeat-x left top;
	margin:22px 0 11px;
	font-size:1%;
}

form{
	margin:0;
	padding:0;
}

/*label{
	font-weight:bold;
	display:block;
	margin:5px 0;
}
input{
	border-width:1px;
	border-style:solid;
	/*margin:5px 0;
}*/

/* container
================================================================================  */

#container{
	margin:0 auto;
	width:902px;
}

/* header
================================================================================  */

#header{
	height:110px;
	position:relative;
}
#logo{
	position:absolute;
	top:33px;
	right:46px;
}

/* navbar
================================================================================  */

#navbar{
	height:280px;
	float:left;
	width:903px;
	position:relative;
}

#navbar .browse{
	position:absolute;
	margin:0;
	left:235px;
	bottom:25px;
}

#navbar .pages{
	background:transparent url(../gfx/bgNavBrowse.gif) repeat-x left top;
	font-size:15px;
	font-weight:bold;
	height:34px;
	text-align:center;
	line-height:34px;
	float:left;
	padding: 0 5px;
}
#navbar .browseBack{
	background:transparent url(../gfx/arrow_leftNavBrowse.gif) no-repeat left top;
	height:34px;
	width:26px;
	float:left;
	display:block;
	overflow:hidden;
}
#navbar .browseFwd{
	background:transparent url(../gfx/arrow_rightNavBrowse.gif) no-repeat left top;
	height:34px;
	width:26px;
	float:left;
	display:block;
	overflow:hidden;
}
#navbar .browseBack:hover,
#navbar .browseFwd:hover{
	background-position: left -34px;
}

#navbar.flex{
	height:auto;
	padding-bottom:24px;
}

/* menu
================================================================================  */

#menu{
	clear:both;
	width:903px;
	height:34px;
	overflow:hidden;
	background:transparent url(../gfx/dottedline.gif) repeat-x left bottom;	
}
#menu ul{
	list-style:none;
	height:30px;
	overflow:hidden;
	margin:0 0 0 46px;
	padding:0;
	font-size:15px;
	font-weight:bold;
	line-height:30px;
}
#menu li{
	display:inline;
	height:30px;
	margin:0;
	padding:2px 25px 6px 0;
	white-space:nowrap;
}
#menu li.current{
	background-position:left -60px;
}
#menu li a:hover{
	text-decoration:none;
}


/* navcontent
================================================================================  */

#navcontent{
	padding:30px 46px 0 0px;
	margin-left:270px;
	
	/* toegevoegd voor betere werking in IPSUM */
	font-size:18px;
	line-height:24px;
	color: White;
}

/* toegevoegd voor betere werking in IPSUM */
#navcontentlong
{
	font-size:15px;
	line-height:20px;
}

#navcontent h1{
	font-size:33px;
	margin:0 0 0 -2px;
	padding:0;
}
#navcontent h2{
	font-size:18px;
	margin:0;
	padding:0;
}

#navcontent p{
	font-size:18px;
	line-height:24px;
}

#navcontent p.long{
	font-size:15px;
	line-height:20px;
}


#navcontent.pict{
	padding-right:135px;
	background:transparent url(../gfx/wmark_affiliate.gif) no-repeat right 30px;
	margin-right: 46px;
	height:198px;
}
#navcontent.webvertising{
	background-image:url(../gfx/wmark_webvertising.gif);
}
#navcontent.searchengine{
	background-image:url(../gfx/wmark_search.gif);
}
#navcontent.email{
	background-image:url(../gfx/wmark_email.gif);
}
#navcontent.weblogs{
	background-image:url(../gfx/wmark_weblog.gif);
}
#navcontent.affiliate{
	background-image:url(../gfx/wmark_affiliate.gif);
}
#navcontent.content{
	background-image:url(../gfx/wmark_content.gif);
}
#navcontent.mobile{
	background-image:url(../gfx/wmark_mobile.gif);
}

div.navImage{
	float:left;
	width:194px;
	padding:50px 0 0 10px;
}

/* main
================================================================================  */

#main{
	clear:both;
}

/* leftCol
================================================================================  */

#leftCol{
	float:left;
	width:270px;
	padding-top:19px;
	padding-bottom:30px;
	overflow:hidden;
	position:relative;
}
#leftCol h2,
#leftCol p,
#leftCol ul{
	padding-left:46px;
	padding-right:28px;
	width:166px;
}
#leftCol .dots{
	position:absolute;
	bottom:0px;
	left:46px;
}
#addressBlock{
	padding-bottom:20px;
	width:240px;
	border-bottom-style:solid;
	border-bottom-width:1px;
}

/* rightCol
================================================================================  */

#rightCol{
	float:right;
	width:240px;
	padding:19px 22px 0 0;
}

/* content
================================================================================  */

#content{
	padding:19px 0 0;
	margin-left:270px;
}
 
/* taskBlock
================================================================================  */

div.taskBlock{
	width:200px;
	height:75px;
	float:left;
	margin:0 0 0 46px;
	position:relative;
	font-size:13px;
	font-weight:bold;
	display:inline;
}

div.taskBlock a.icon{
	background:transparent url(../gfx/picto_webvertising.gif) no-repeat left top;
	height:42px;
	display:block;
	overflow:hidden;
	padding:18px 0 0 64px;
}
div.taskBlock a.webvertising{
	background-image:url(../gfx/picto_webvertising.gif);
}
div.taskBlock a.searchengine{
	background-image:url(../gfx/picto_search.gif);
}
div.taskBlock a.email{
	background-image:url(../gfx/picto_email.gif);
}
div.taskBlock a.weblog{
	background-image:url(../gfx/picto_weblog.gif);
}
div.taskBlock a.affiliate{
	background-image:url(../gfx/picto_affiliate.gif);
}
div.taskBlock a.contentsponsoring{
	background-image:url(../gfx/picto_content.gif);
}
div.taskBlock a.mobile{
	background-image:url(../gfx/picto_mobile.gif);
}

div.taskBlock a.icon:hover{
	background-position:0 -60px;
}
div.taskBlock a.current,
div.taskBlock a.current:hover{
	background-position:0 -120px;
	text-decoration:none;
}

/* footer
================================================================================  */
#footer{
	clear:both;
	float:left;
	width:903px;
	/*margin-top:22px;*/
	text-align:right;
}

#footer .payoff{
	height:27px;
	line-height:27px;
	padding-left:46px;
	text-align:left;
	float:left;
}
#footer .payoff a{
	text-decoration:underline;
}
#footer ul{
	list-style:none;
	margin:0px 46px 16px 0;
	padding:0;
	line-height:27px;
}
#footer ul li{
	display:inline;
	text-transform:uppercase;
	font-size:10px;
	letter-spacing:0.5px;
	}


/* news
================================================================================  */
#news{
	background:transparent url(../gfx/tnieuws.gif) no-repeat 46px top;
	padding-top:29px;
	width:240px;
}
.newsitem{
	float:left;
	width:100%;
	margin-bottom:10px;
	padding-bottom:10px;
	background:transparent url(../gfx/dottedgreen.gif) repeat-x 46px bottom;
}
.newsitem h1{
	font-size:15px;
	margin-left:46px;
	margin-bottom:0;
}
.datum{
	font-size:11px;
	font-weight:bold;
	margin-bottom:5px;
}


/* jobs
================================================================================  */
#jobs{
	background:transparent url(../gfx/tvacatures.gif) no-repeat 46px top;
	padding-top:29px;
	width:240px;
}
.jobsitem{
	float:left;
	width:100%;
	margin-bottom:10px;
	padding-bottom:10px;
	background:transparent url(../gfx/dottedgreen.gif) repeat-x 46px bottom;
}
.jobsitem h1{
	font-size:15px;
	margin-left:46px;
	margin-bottom:0;
}

#content h1.job{
	font-size:18px;
	margin:15px 0;
}


/* widecol
================================================================================  */
#widecol{
	position:relative;
	_left:-3px;
	border-width:2px;
	border-style:solid;
	padding:25px 30px;
	width:520px;
	margin-bottom:40px;
	margin-left:0;
}
.topcorner{
	background:transparent url(../gfx/topcorner.gif) no-repeat left top;
	position:absolute;
	left:-2px;
	top:-2px;
	width:14px;
	height:9px;
	font-size:1px;
}

#widecol .dots{
	position:absolute;
	bottom:-40px;
	right:0;
}

/* namebar
================================================================================  */
div.namebar{
	padding-left:46px;
	height:30px;
	line-height:30px;
	margin:30px 0 15px;
	width:100%;
}

/* cases
================================================================================  */

#cases{
	/* background:transparent url(../gfx/tcases.gif) no-repeat 46px top; */
	padding-top:29px;
}

#cases ul{
	list-style:none;
	margin:0;
	padding:0;
	width:250px;
}
#cases ul li{
	margin:0 0 10px 46px;
	background:transparent url(../gfx/arrow_bullet.gif) no-repeat left 4px;
	padding-left:12px;
}
#cases a{
	text-transform:none;
	width:240px;
}
div.caseBlock{
	width:100%;
	height:257px;
}
div.caseBlock div.namebar{
	font-weight:bold;
}
#leftCol div.caseBlock p.caseImage{
	padding:0 28px 0 38px;
}

/* nieuwsbrief
=================================================================================  */

#nieuwsbrief{
	background:transparent url(../gfx/topcorner2.gif) no-repeat left top;
	width:215px;
	margin-bottom:15px;
	padding:12px 12px 30px;
	position:relative;
}

div.boxbutton{
	position:absolute;
	right:12px;
	bottom:12px;
}