/* ---[ All ]--- */

html, body {
	font-family: 'Arial';
}

html {
	background: #006412 url(/layouts/tvjn/images/bg-body.png) no-repeat top center;
}

#wpr-page {
	padding-top: 90px;
	text-align: center;
}

.small-screen #wpr-page {
	padding-top: 12px;
}

#page {
	margin: 0 auto;
	padding: 0;
	width: 982px;
	text-align: left;
}

/* ---[ Header ]--- */

#wpr-header {
	background: transparent url(/layouts/tvjn/images/bg-header.png) no-repeat top left;
}

#header {
	position: relative;
	height: 178px;
}

#logo {
	position: absolute;
	left: 33px;
	top: 34px;
}

#logo a {
	outline: none;
	display: block;
	width: 916px;
	height: 80px;
	text-indent: -9000px;
}

/* ---[ Content ]--- */

#wpr-main {
	position: relative;
	border-left: #fff 2px solid;
	border-right: #fff 2px solid;
	background: transparent url(/layouts/tvjn/images/bg-main.png) repeat-y top center;
}

#main {
	padding-top: 20px;
	min-height: 350px;
}

#wire-left,
#wire-right {
	position: absolute;
}

#wire-left {
	top: -117px;
	left: 8px;
	border-left: #fff 2px solid;
}

#wire-right {
	right: 8px;
	border-right: #fff 2px solid;
}

#wire-left .plug,
#wire-right .plug{
	position: relative;
	z-index: 1;
	bottom: -18px;
	width: 16px;
}

#wire-left .plug {
	left: -2px;
	height: 90px;
	background: transparent url(/layouts/tvjn/images/bg-plug-left.png) no-repeat bottom left;
}

#wire-right .plug {
	left: 2px;
	height: 80px;
	background: transparent url(/layouts/tvjn/images/bg-plug-right.png) no-repeat bottom left;
}

/* ---[ Footer ]--- */

#wpr-footer {
	clear: both;
	margin-bottom: 50px;
	height: 65px;
	background: transparent url(/layouts/tvjn/images/bg-footer.png) no-repeat top center;
}

#footer {
	position: relative;
}

#credits {
	position: absolute;
	top: 48px;
	left: 120px;
}

#powered-by a,
#credits a {
	font-size: 10px;
	text-decoration: none;
	color: #2C531A;
}

#powered-by a {
	display: block;
	position: absolute;
	top: 48px;
	right: 18px;
	padding-left: 50px;
	width: 160px;
	height: 16px;
	color: #fff;
}

/* ---[ Clearing elements ]--- */

/* clear float container without source markup - http://www.positioniseverything.net/easyclearing.html */
#wpr-page:after,
#wpr-header:after,
#wpr-main:after,
#wpr-footer:after,
#wpr-generalmenu:after,
#wpr-content:after,
#wpr-sidebar-left:after,
#wpr-sidebar-right:after,
#wpr-breadcrumbs:after,
#sidebar-left .module-v2:after,
.content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

/* ---[ Layout ]--- */

#wpr-sidebar-left,
#wpr-content {
	float: left;
	min-height: 10px;
	padding: 15px 0;
}

#wpr-sidebar-left {
	margin: 0 65px 0 30px;
	width: 325px;
}

#sidebar-left {
	padding-left: 70px;
}

#wpr-content {
	margin: 0 15px;
	padding-top: 2px;
	width: 435px;
}

#content {

}

/* ---[ Mainmenu ]--- */

#wpr-mainmenu {
	margin: 0;
	position: absolute;
	left: 103px;
	bottom: 0;
	width: 780px;
	height: 26px;
}

#mainmenu {

}

#mainmenu ul li {
	padding-left: 20px;
	float: left;
}

#mainmenu ul li a {
	outline: none;
	display: block;
	height: 26px;
	font-size: 16px;
	text-decoration: none;
	color: #34641b;
}

#mainmenu ul li a:hover,
#mainmenu ul li.current a {
	color: #fff;
}

#mainmenu ul li:hover,
#mainmenu ul li.current {
	background: transparent url(/layouts/tvjn/images/bg-mainmenu-left.gif) no-repeat top left;
}

#mainmenu ul li.waarom {
	padding-left: 30px;
	width: 84px;
}

#mainmenu ul li.voor-wie {
	padding-left: 30px;
	width: 100px;
}

#mainmenu ul li.met-wie {
	margin-right: 85px;
	padding-left: 30px;
	width: 80px;
}

#mainmenu ul li.stw {
	margin-right: 40px;
	width: 72px;
}

#mainmenu ul li.info {
	width: 70px;
}

#mainmenu ul li.info:hover,
#mainmenu ul li.current.info,
#mainmenu ul li.stw:hover,
#mainmenu ul li.current.stw {
	background: transparent url(/layouts/tvjn/images/bg-mainmenu-right.gif) no-repeat top right;
}

ul#homemenu {
	display: none;
}

/* ---[ Generalmenu ]--- */

#wpr-generalmenu {

}

#generalmenu {

}

#generalmenu ul {

}

#generalmenu ul li {
	float: left;
	padding: 6px;
}

#generalmenu ul li a {
	color: #fff;
	text-decoration: none;
}

#generalmenu ul li a:hover {

}

#generalmenu ul li.current a {

}

/* ---[ Content ]--- */

.content {

}

#sidebar-left .content {
	padding: 0;
}

/* ---[ Paragraph formatting ]--- */

.content p {

}

/* ---[ Table formatting ]--- */

.content table {

}

.content table tr td {

}

/* ---[ Headers ]--- */

.content h1,
.content h2,
.content h3 {
	color: #34641b;
}

.content h1 {
	font-size: 20px;
	margin-bottom: 20px;
}

.content h2 {
	font-size: 16px;
}

.content h3 {
	font-size: 14px;
}

.meegroeiende-hartklep-voor-babys #content .content h1       { color: #dc0d82; }
.schoon-water-30-goedkoper #content .content h1              { color: #2159a4; }
.gericht-luisteren-met-hoorbril #content .content h1         { color: #e986b7; }
.irritant-geluid-nauwkeurig-opsporen #content .content h1    { color: #ec7d02; }
.snel-bodemgezondheid-bepalen #content .content h1              { color: #8f2a26; }
.diagnose-reuma-in-enkele-minuten #content .content h1       { color: #f97d79; }
.minder-slijtage-aan-brugdek #content .content h1            { color: #8724ab; }
.medicijnen-precies-in-kankercel #content .content h1        { color: #d92c1c; }
.alleen-bespuiten-waar-nodig #content .content h1            { color: #00a457; }
.mobiele-telefoon-minder-aan-de-oplader #content .content h1 { color: #25acd5; }

/* ---[ Links ]--- */

.content a {

}

.content a:hover {

}

/* ---[ Images ]--- */

.content img {
    margin: 0;
}

.content img.left {

}

.content img.right {

}

.image-icon {
	position: relative;
	top: -25px;
	left: -21px;
	margin-bottom: -15px;
}

.image-icon p {
    margin: 0;
}

.image-icon.last-icon img {
	margin-bottom: -25px;
}

.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
	width: 275px;
}

.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}

.slideshow-images-visible {
	opacity: 1;
}

.slideshow-images-prev {
	opacity: 0;
}

.slideshow-images-next {
	opacity: 0;
}

/* ---[ Text formatting ]--- */

.content strong {

}

.content em {

}

/* ---[ Lists ]--- */

.content ul {

}

.content ul li {
	margin-left: 0;
	padding: 0.1em 0 0.1em 0.7em;
	list-style-type: none;
}

.content ul li ul li {
	margin-left: 0.5em;
}

.content ul li ul li ul li {
	margin-left: 1em;
}

/* ---[ Icons and Tooltip ]--- */

#icon-menu {
	position: absolute;
	top: 5px;
	left: 41px;
	padding: 0;
}

#icon-menu a {
	display: block;
	outline: none;
	width: 38px;
	height: 20px;
	text-indent: -9000px;
	background: transparent url(/layouts/tvjn/images/bg-sprite-icons.png) no-repeat top left;
}

#icon-menu .meegroeiende-hartklep-voor-babys a       { background-position: 0 0;      height: 29px;}
#icon-menu .schoon-water-30-goedkoper a              { background-position: 0 -31px;  height: 37px;}
#icon-menu .gericht-luisteren-met-hoorbril a         { background-position: 0 -67px;  height: 35px;}
#icon-menu .irritant-geluid-nauwkeurig-opsporen a    { background-position: 0 -104px; height: 43px;}
#icon-menu .snel-bodemgezondheid-bepalen a           { background-position: 0 -148px; height: 43px;}
#icon-menu .diagnose-reuma-in-enkele-minuten a       { background-position: 0 -190px; height: 40px;}
#icon-menu .minder-slijtage-aan-brugdek a            { background-position: 0 -229px; height: 38px;}
#icon-menu .medicijnen-precies-in-kankercel a        { background-position: 0 -266px; height: 42px;}
#icon-menu .alleen-bespuiten-waar-nodig a            { background-position: 0 -308px; height: 35px;}
#icon-menu .mobiele-telefoon-minder-aan-de-oplader a { background-position: 0 -342px; height: 29px;}

#icon-menu .meegroeiende-hartklep-voor-babys a:hover,
#icon-menu li.meegroeiende-hartklep-voor-babys.current a {
	background-position: -60px 0;
}

#icon-menu .schoon-water-30-goedkoper a:hover,
#icon-menu .schoon-water-30-goedkoper.current a {
	background-position: -60px -31px;
}

#icon-menu .gericht-luisteren-met-hoorbril a:hover,
#icon-menu .gericht-luisteren-met-hoorbril.current a {
	background-position: -60px -67px;
}

#icon-menu .irritant-geluid-nauwkeurig-opsporen a:hover,
#icon-menu .irritant-geluid-nauwkeurig-opsporen.current a {
	background-position: -60px -104px;
}

#icon-menu .snel-bodemgezondheid-bepalen a:hover,
#icon-menu .snel-bodemgezondheid-bepalen.current a {
	background-position: -60px -148px;
}

#icon-menu .diagnose-reuma-in-enkele-minuten a:hover,
#icon-menu .diagnose-reuma-in-enkele-minuten.current a {
	background-position: -60px -190px;
}

#icon-menu .minder-slijtage-aan-brugdek a:hover,
#icon-menu .minder-slijtage-aan-brugdek.current a {
	background-position: -60px -229px;
}

#icon-menu .medicijnen-precies-in-kankercel a:hover,
#icon-menu .medicijnen-precies-in-kankercel.current a {
	background-position: -60px -266px;
}
#icon-menu .alleen-bespuiten-waar-nodig a:hover,
#icon-menu .alleen-bespuiten-waar-nodig.current a {
	background-position: -60px -308px;
}

#icon-menu .mobiele-telefoon-minder-aan-de-oplader a:hover,
#icon-menu .mobiele-telefoon-minder-aan-de-oplader.current a {
	background-position: -60px -342px;
}

.tip {
	padding: 3px 5px 3px 12px;
	width: 132px;
	font-size: 11px;
	color: #fff;
	background: transparent url(/layouts/tvjn/images/bg-tooltip.gif) no-repeat top left;
}

/* ---[ Form styling ]--- */

.button-send {
	cursor: pointer;
	float: right;
	margin-top: 10px;
	padding-right: 8px;
	width: 113px;
	height: 20px;
	background: transparent url(/layouts/tvjn/images/bg-button-send.png) no-repeat top left;
}

/* ---[ Poll styling ]--- */

#sidebar-left .module-v2 {
	position: relative;
	padding: 10px;
	color: #fff;
	background: #000 url(/layouts/tvjn/images/bg-poll.png) no-repeat top left;
}

#sidebar-left .module-v2 h2,
#sidebar-left .module-v2 p,
#sidebar-left .module-v2 a {
	color: #fff;
}

h2.poll-title {
	overflow: hidden;
	float: left;
	padding-top: 5px;
	width: 155px;
	font-size: 15px;
}

h2.poll-average {
	overflow: hidden;
	float: left;
	margin: -5px 0 0 5px;
	padding-top: 0;
	width: 105px;
	font-size: 11px;
}

.poll-button-bad,
.poll-button-good,
.poll-button-bad-small,
.poll-button-good-small {
	cursor: pointer;
	float: left;
	margin-left: 8px;
	width: 31px;
	height: 31px;
	background: #000 url(/layouts/tvjn/images/bg-poll-buttons.gif) no-repeat top left;
}

.poll-button-good {
	background-position: -39px 0;
}

.poll-button-bad-small,
.poll-button-good-small {
	cursor: default;
	margin: 0 0 0 5px;
	padding-left: 25px;
	height: 25px;
	font-size: 16px;
	background-position: 0 -35px
}

.poll-button-good-small {
	float: right;
	background-position: 0 -65px;
}

#poll-voted-answer-good,
#poll-voted-answer-bad {
	position: absolute;
	top: -300px;
	right: -52px;
	width: 107px;
	height: 107px;
	background: transparent url(/layouts/tvjn/images/bg-voted-stamp.png) no-repeat top left;
}

#poll-voted-answer-bad {
	background-position: 0 -110px;
}