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

div#content h2 {
	background: url(../img/tpl/headers_groot.gif) no-repeat 0 -825px;
}
div#side-content {
	float: left;
}
div#side-content #diensten {
	width: 300px;
	height: auto;
	padding: 0;
	margin-bottom: 22px;
}
div#side-content #diensten li {
	width: 300px;
	height: auto;
	padding: 0;
	margin: 0;
}
div#side-content #diensten li a {
	width: 300px;
	height: 58px;
	text-indent: -9999px;
	display: block;
	padding: 0;
	margin: 0;
}
div#side-content #diensten li a.ecommerce {
	background: url(../img/tpl/diensten.gif) no-repeat -300px 0;
}
div#side-content #diensten li a.ecommerce:hover {
	background: url(../img/tpl/diensten.gif) no-repeat 0 0;
}
div#side-content #diensten li a.ecommerce.active {
	background: url(../img/tpl/diensten.gif) no-repeat -600px 0;
}
/**/
div#side-content #diensten li a.cms {
	background: url(../img/tpl/diensten.gif) no-repeat -300px -464px;
}
div#side-content #diensten li a.cms:hover {
	background: url(../img/tpl/diensten.gif) no-repeat 0 -464px;
}
div#side-content #diensten li a.cms.active {
	background: url(../img/tpl/diensten.gif) no-repeat -600px -464px;
}
/**/
div#side-content #diensten li a.emailmarketing {
	background: url(../img/tpl/diensten.gif) no-repeat -300px -348px;
}
div#side-content #diensten li a.emailmarketing:hover {
	background: url(../img/tpl/diensten.gif) no-repeat 0 -348px;
}
div#side-content #diensten li a.emailmarketing.active {
	background: url(../img/tpl/diensten.gif) no-repeat -600px -348px;
}
/**/
div#side-content #diensten li a.internetmarketing {
	background: url(../img/tpl/diensten.gif) no-repeat -300px -58px;
}
div#side-content #diensten li a.internetmarketing:hover {
	background: url(../img/tpl/diensten.gif) no-repeat 0 -58px;
}
div#side-content #diensten li a.internetmarketing.active {
	background: url(../img/tpl/diensten.gif) no-repeat -600px -58px;
}
/**/
div#side-content #diensten li a.ontwikkeling {
	background: url(../img/tpl/diensten.gif) no-repeat -300px -116px;
}
div#side-content #diensten li a.ontwikkeling:hover {
	background: url(../img/tpl/diensten.gif) no-repeat 0 -116px;
}
div#side-content #diensten li a.ontwikkeling.active {
	background: url(../img/tpl/diensten.gif) no-repeat -600px -116px;
}
/**/
div#side-content #diensten li a.hosting {
	background: url(../img/tpl/diensten.gif) no-repeat -300px -174px;
}
div#side-content #diensten li a.hosting:hover {
	background: url(../img/tpl/diensten.gif) no-repeat 0 -174px;
}
div#side-content #diensten li a.hosting.active {
	background: url(../img/tpl/diensten.gif) no-repeat -600px -174px;
}
/**/
div#side-content #diensten li a.fotografie {
	background: url(../img/tpl/diensten.gif) no-repeat -300px -232px;
}
div#side-content #diensten li a.fotografie:hover {
	background: url(../img/tpl/diensten.gif) no-repeat 0 -232px;
}
div#side-content #diensten li a.fotografie.active {
	background: url(../img/tpl/diensten.gif) no-repeat -600px -232px;
}
/**/
div#side-content #diensten li a.video {
	background: url(../img/tpl/diensten.gif) no-repeat -300px -290px;
}
div#side-content #diensten li a.video:hover {
	background: url(../img/tpl/diensten.gif) no-repeat 0 -290px;
}
div#side-content #diensten li a.video.active {
	background: url(../img/tpl/diensten.gif) no-repeat -600px -290px;
}
/**/
div#side-content #diensten li a.trainingconsultancy {
	background: url(../img/tpl/diensten.gif) no-repeat -300px -406px;
}
div#side-content #diensten li a.trainingconsultancy:hover {
	background: url(../img/tpl/diensten.gif) no-repeat 0 -406px;
}
div#side-content #diensten li a.trainingconsultancy.active {
	background: url(../img/tpl/diensten.gif) no-repeat -600px -406px;
}

div#side-content a.contact {
	width: 300px;
	height: 64px;
	margin-bottom: 22px;
	display: block;
	text-indent: -9999px;
}
div#side-content a.contact {
	background: url(../img/tpl/contact-chat.gif) no-repeat 0 -64px;
}
div#main-content {
	float: right;
}
div#slider {
	width: 621px; height: 275px;
	margin: 0 0 42px 0;
	position: relative;
}
div#slider.een {
	overflow: hidden;
}
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: 275px 0 0 0;
	display: block;
	position: relative;
	overflow: hidden;
}
div#slider div#items div.item img {
	position: absolute;
	top: 0; left: 0;
}
/* titels van diensten */
div#main-content h2 {
	height: 0;
	margin-left: 0;
	padding: 31px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(../img/tpl/diensten_titels.gif);
}
div#main-content h2.ecommerce {
	background-position: 0 -3px;
}
div#main-content h2.cms {
	background-position: 0 -336px;
}
div#main-content h2.emailmarketing {
	background-position: 0 -377px;
}
div#main-content h2.internetmarketing {
	background-position: 0 -34px;
}
div#main-content h2.ontwikkeling {
	background-position: 0 -116px;
}
div#main-content h2.hosting {
	background-position: 0 -159px;
}
div#main-content h2.fotografie  {
	background-position: 0 -72px;
}
div#main-content h2.video {
	background-position: 0 -203px;
}
div#main-content h2.auditing {
	background-position: 0 -245px;
}
div#main-content h2.trainingconsultancy {
	background-position: 0 -290px;
}

div#main-content h3 {
	height: 0;
	margin-left: 0;
	padding: 31px 0 0 0;
	margin-bottom: 20px;
	overflow: hidden;
	background-repeat: no-repeat;
}
div#main-content h3.webkey {
	background-position: 0 -248px;
	background-image: url(../img/tpl/headers.gif);
}
div#main-content h3.mailkey {
	background-position: 0 -403px;
	background-image: url(../img/tpl/headers.gif);
}
div#main-content h3.salekey {
	background-position: 0 -434px;
	background-image: url(../img/tpl/headers.gif);
}
div#main-content h3.housekey {
	background-position: 0 -464px;
	background-image: url(../img/tpl/headers.gif);
}
div#main-content h3.chatkey {
	background-position: 0 -495px;
	background-image: url(../img/tpl/headers.gif);
}
div#main-content h3.webkeyantispam {
	background-position: 0 -524px;
	background-image: url(../img/tpl/headers.gif);
}
div#main-content h3.webkeyerp {
	background-position: 0 -740px;
	background-image: url(../img/tpl/headers.gif);
}


div#side-content {
	padding: 0;
}
div#nav {
	width: 112px; height: 23px;
	position: absolute;
	top: 262px; right: 9px;
	z-index: 999;
}
div#nav a {
	width: 23px; height: 0;
	margin: 0 5px 0 0;
	padding: 23px 0 0 0;
	display: inline-block;
	overflow: hidden;
	background: url(../img/tpl/bg_nav_slider.png) no-repeat 0 -23px;
}
div#nav a.activeSlide {
	background-position: 0 0;
}

div#main-content.overzicht h2 + p {
	font-weight: normal;
}



.formulier input[type="text"] {
	width: 315px;
	border: 1px solid #d5d5d5;
	padding: 6px 4px;
	margin-right: 15px;
}

.formulier input[type="button"] {
	width: 79px;
	height: 30px;
	text-indent: -9999px;
	border: 0;
	background: url(../img/tpl/submit_check.gif) no-repeat;
}


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;
}
div#main-content h4 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 30px 0;
}
form#contact, form#algemeen {
	width: 536px; height: auto;
	margin-top: 10px;
	padding: 40px;
	position: relative;
	border: 1px #E5E5E5 solid;
	-moz-border-radius: 3px;
}
form#contact p:first-child, form#klachten p:first-child, form#algemeen p:first-child {
	width: 536px; height: 46px;
	padding: 42px 42px 0 42px;
	position: absolute;
	top: 0; left: 0;
	background: url(../img/tpl/bg_contactform_top.gif) no-repeat 0 0;
}
form#contact label.no_mg_bottom, form#klachten label.no_mg_bottom, form#algemeen label.no_mg_bottom {
	margin-bottom: 0px !important;
}
form#contact label, form#klachten label, form#algemeen label {
	width: 458px; height: 30px;
	margin: 0 0 10px 0;
	display: block;
	position: relative;
	float: left;
	background: url(../img/tpl/bg_input.gif) no-repeat right top;
	font-weight: bold;
	line-height: 30px;
}
form#contact label input, form#klachten label input, form#algemeen label input {
	width: 300px;
	position: absolute;
	top: 6px; left: 150px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
form#contact fieldset#textarea label, form#klachten fieldset#textarea label, form#algemeen fieldset#textarea label {
	height: 110px;
	margin-top: 10px;
	background: url(../img/tpl/bg_textarea_small.gif) no-repeat right top;
}
form#contact fieldset#textarea label textarea, form#klachten fieldset#textarea label textarea, form#algemeen fieldset#textarea label textarea {
	width: 300px; height: 95px;
	overflow: auto;
	position: absolute;
	top: 6px; left: 150px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
form#contact input.verzenden, form#klachten input.verzenden, form#algemeen input.verzenden {
	float: left;
	margin-left: 139px;
}
form#contact span.icon, form#klachten span.icon, form#algemeen span.icon {
	width: 11px; height: 10px;
	margin: 10px 0 0 15px;
	display: inline-block;
	float: left;
	background: url(../img/tpl/icons.gif) no-repeat 0 0;
}
form#contact label.error, form#klachten label.error, form#algemeen label.error {
	background: none;
	color: #00adef;
	font-weight: normal;
	text-indent: 150px;
	cursor: default;
}
div.melding {
	display: none;
}

h5 a {
	color: #000000;
}