@import url("default.css");
@import url("vervolg.css");

/* titels overige pagina's */

div#content h2 {
	background-image: url(../img/tpl/headers_groot.gif);
	background-repeat: no-repeat;
}
div#content h2.disclaimer {
	background-position: 0 -330px;
}
div#content h2.voorwaarden {
	background-position: 0 -385px;
}
div#content h2.mailkey {
	background-position: 0 -440px;
}
div#content h2.salekey {
	background-position: 0 -495px;
}
div#content h2.webkeylive {
	background-position: 0 -550px;
}
div#content h2.housekey {
	background-position: 0 -605px;
}
div#content h2.sitemap {
	background-position: 0 -660px;
}
div#content h2.wners {
	background-position: 0 -715px;
}
div#content h2.missie {
	background-position: 0 -770px;
}
div#content h2.diensten {
	background-position: 0 -825px;
}
div#content h2.onlinemarketing {
	background-position: 0 -880px;
}
div#content h2.hosting {
	background-position: 0 -935px;
}
div#content h2.applicatieontwikkeling {
	background-position: 0 -993px;
}
div#content h2.vacatures {
	background-position: 0 -1048px;
}
div#content h2.ecommerce {
	background-position: 0 -1103px;
}
div#content h2.chatkey {
	background-position: 0 -1158px;
}
div#content h2.nieuwehuisstijl {
	background-position: 0 -1213px;
}
div#content h2.support {
	background-position: 0 -1268px;
}
div#content h2.geregistreerd {
	background-position: 0 -1323px;
}
div#content h2.inlogprobleem {
	background-position: 0 -1381px;
}
div#content h2.huisstijlen {
	background: url(../img/tpl/headers.gif) no-repeat 0 -700px;
	margin-left: 0;
	padding-top: 30px;
}

/* einde titels*/
/* left */

div#side-content {
	float: left;
}
div#main-content {
	float: right;
	padding: 15px 0 0 0;
}
div#side-content {
	width: 312px; 
	padding: 0 0 0 11px;
}
div#side-content.overige {
	margin-top: -35px;
}

div#slider {
	width: 621px; height: 275px;
	margin: 0 0 42px 0;
	position: relative;
}
div#slider #nav {
	top: 267px;
	width: 140px;
}
div#slider div#items {
	width: 619px; height: 275px;
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
	border: 1px solid #eaeaea;
}
div#slider div#loading-bar {
	width: auto; height: 8px;
	position: absolute;
	left: 0px;
	bottom: -1px;
	background: #14282a;
	z-index: 100;
}
div#slider div#items div.item,
div#slider div#items div.item a {
	width: 621px; height: 0;
	padding: 362px 0 0 0;
	display: block;
	position: relative;
	overflow: hidden;
}
div#slider div#items div.item a,
div#slider div#items div.item a img {
	position: absolute;
	top: 0; left: 0;
}

div#side-content h3 {
	width: 230px; height: 0;
	padding: 31px 0 0 0;
	overflow: hidden;
	background: url(../img/tpl/headers.gif) no-repeat 0 -310px;
}
div#side-content h3#werkenbij {
	margin: 45px 0 0 0;
	background-position: 0 -341px;
}
div#side-content h3#opdehoogte {
	margin: 40px 0 0 0;
	background-position: 0 -662px;
}
div#side-content h3#opdehoogte + p {
	width: 230px;
	margin: 10px 0 20px 0;
	font-size: 11px;
}
div#side-content p strong {
	width: 75px;
	display: inline-block;
}
form#nieuwsbrief label {
	width: 215px; height: 30px;
	padding: 0 0 0 11px;
	display: block;
	position: relative;
	background: url(../img/tpl/bg_label_email.gif) no-repeat;
}
form#nieuwsbrief label em {
	height: 30px;
	display: block;
	font-size: 11px;
	line-height: 30px;
}
form#nieuwsbrief label input {
	width: 210px;
	position: absolute;
	top: 6px; left: 10px;
	background: url(../img/tpl/x.gif) no-repeat right;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
form#nieuwsbrief input[type="submit"] {
	width: 112px; height: 30px;
	margin: 20px 0 0 0;
	display: block;
	background: url(../img/tpl/submit_inschrijven.gif) no-repeat 0 0;
	border: 0;
	cursor: pointer;
}
form#nieuwsbrief input[type="submit"]:hover {
	background-position: 0 -30px;
}

/* einde left / begin sitemap */

div#main-content.sitemap ul {
	margin-bottom: 0;
}

div#main-content.sitemap ul li {
	padding: 0 0 0 29px;
	background: url(../img/tpl/bg_li.gif) no-repeat 15px 12px;
	list-style: none;
	color: #1B9DD8;
}

div#main-content.sitemap ul li ul {
	padding: 0 0 0 18px;
}

/* vacatures */

#main-content p.vacatures a {
	background: url(../img/tpl/icon_vacature.gif) no-repeat right 6px;
	display: block;
	width: 120px;
}

#main-content ul.vacatures li a {
	text-decoration: underline;
	color: #000;
	font-weight: bold;
}

.vacature {
	width: auto;
	height: auto;
	position: relative;
}

.vacature .vacature_nav {
	width: 66px;
	height: auto;
	position: absolute;
	left: -81px;
	top: 0px;
}

/* missie */

p.quotemissie {
	text-indent: -9999px;
	background: url(../img/tpl/quote_missie.gif) 7px 0 no-repeat;
	line-height: 26px;
}

#main-content h5 { 
	font-size: 22px;
	color: #14282a;
	line-height: 22px;
	height: 22px;
	visibility: hidden;
	margin-bottom: 15px;
}

h6.visie {
	background: url(../img/tpl/bg_missie_visie.gif) no-repeat;
	width: 209px;
	height: 44px;
	text-indent: -999px;
	margin-top: -15px;
}

h6.onderzoek {
	background: url(../img/tpl/bg_missie_loop.gif) no-repeat;
	width: 316px;
	height: 48px;
	text-indent: -999px;
	margin-top: -15px;
}

h6.rendement {
	background: url(../img/tpl/bg_missie_grafiek.gif) no-repeat;
	width: 201px;
	height: 30px;
	text-indent: -999px;
	margin-top: -5px;
}