/*
-------------------------------------------------+
Client: Groenproeven.nl
Year: 2009
Copyright: TOPFIND B.V. - www.topfind.nl
Author: TOPFIND B.V.
Target: screen
-------------------------------------------------+
*/
body {
	background: #FFF url(../images/bg.png) repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

/* logo groen proeven */

h1.groenProeven {
	position: absolute;
	z-index: 1000;
	width: 223px;
	height: 115px;
	text-indent: -9999px;
	left: 50%;
	margin-left: 227px;
	top: 210px;
}

/* logo aoc raad */

h1.groenProeven a {
	width: 223px;
	height: 115px;
	display: block;
}

h1.aocRaad {
	position: absolute;
	z-index: 999;
	width: 85px;
	height: 58px;
	text-indent: -9999px;
	left: 50%;
	margin-left: 385px;
	top: 140px;
}

h1.aocRaad a {
	width: 85px;
	height: 58px;
	display: block;
}

/* container */

#container {
	position: relative;
	width: 1000px;
	margin: auto;
	height: 764px;
}

body #container { background: url(../images/bg-container.png) top no-repeat; }

/* main navigation  /  image buttons */

#mainNav {
	position: absolute;
	top: 60px;
	left: 278px;
	width: auto;
}

#mainNav ul li {
	float: left;
	margin-right: 15px;
}

#mainNav li a {
	width: 106px;
	height: 105px;
	display: block;
	text-indent: -9999px;
	background-position: top left;
}

#mainNav li.btnPlantProductie a { background: url(../images/btn-plant-productie.png); }

#mainNav li.btnOntwerpCreatie a { background: url(../images/btn-ontwerp-creatie.png); }

#mainNav li.btnLeefomgevingRecreatie a { background: url(../images/btn-leefomgeving-recreatie.png); }

#mainNav li.btnVoedingGezondheid a { background: url(../images/btn-voeding-gezondheid.png); }

#mainNav li.btnDierZorg a { background: url(../images/btn-dier-zorg.png); }

#mainNav li.btnGroenbreed a {
	width: 590px;
	height: 31px;
	margin-top: 5px;
	margin-right: 0px;
	background: url(../images/btn-groenbreed.png);
}

#mainNav li a:hover,
#mainNav li a:active,
#mainNav li a#current { background-position: bottom left; }

/* page titles */

#contentContainer h2 {
	color: #FFF;
	height: 37px;
	font-size: 12px;
	width: auto;
	line-height: 35px;
	font-weight: 100;
	padding-left: 40px;
}

#content h2 {
	color: #C3D041;
	padding-left: 0;
	font-size: 15px;
	font-weight: normal;
	height: auto;
	margin-top: .5em;
}

/* various background images h2 tab navigation */

h2.docent {
	margin-left: -1px;
	background: url(../images/bg-h2-docent.png);
}

h2.leerlingBb {
	margin-left: -1px;
	background: url(../images/bg-h2-leerling-bb.png);
}

h2.leerlingGl {
	margin-left: -1px;
	background: url(../images/bg-h2-leerling-gl.png);
}

h2.leerlingKb {
	margin-left: -1px;
	background: url(../images/bg-h2-leerling-kb.png);
}

/* illustration image */

.iconImg {
	position: absolute;
	top: 232px;
	width: 80px;
	height: 80px;
	z-index: 1000;
	margin-left: 50%;
	left: -450px;
}

.iconImg img { border: none; }

/* tab docenten/leerlingen */

#tab ul {
	width: auto;
	margin-left: 50px;
	color: #FFF;
}

#tab ul li {
	list-style: none;
	float: left;
	margin-right: .5em;
	padding-top: 1px;
	height: 14px;
	line-height: 8px;
	padding-left: 10px;
	width: 70px;
	display: block;
}

#tab ul li a {
	color: #FFF;
	text-decoration: none;
}

#tab ul li a:hover,
#tab ul li.menu-current a { text-decoration: underline; }

div#tab ul li { /*background: url(../images/bg-subnav-item-leerling-gl.png) bottom left;*/ }

div#tab.docent ul li { background: url(../images/bg-subnav-item-docent.png) bottom left; }

div.leerlingBb ul li { background: url(../images/bg-subnav-item-leerling-bb.png) bottom left; }

div.leerlingGl ul li { background: url(../images/bg-subnav-item-leerling-gl.png) bottom left; }

div.leerlingKb ul li { background: url(../images/bg-subnav-item-leerling-kb.png) bottom left; }

/* content */

#contentContainer {
	position: absolute;
	top: 216px;
	left: 114px;
	z-index: 50;
	width: 600px;
}

#content {
	width: 500px;
	font-size: 11px;
	overflow: auto;
	overflow-x: hidden;
	line-height: 1.65em;
	color: #6A6A6A;
	word-spacing: .25em;
}

div.contentDefault {
	height: 496px;
	padding: 0px 50px 20px 50px;
	margin-top: 10px;
	position:relative;
}

div.contentPvb {
	height: 296px;
	padding: 20px 50px 0 50px;
	margin-top: 0px;
}

#content p {
	margin-bottom: 1em;
	text-align: justify;
}

#content p.introTxtHomepage { text-align: left; }

#content a {
	color: #00B5F1;
	text-decoration: underline;
}

#content a:hover { color: #000; }

#content a.btnBlue {
	position: relative;
	width: 207px;
	height: 32px;
	padding-left: 9px;
	line-height: 22px;
	display: block;
	font-size: 11px;
	text-decoration: none;
	color: #FFF;
	background: url(../images/bg-btn-pvb.png) left top;
	top: 5px;
}

#content a:hover.btnBlue {
	text-decoration: none;
	margin-left: 1px;
	color: #FFF;
}

#content ul,
#content ol {
	margin-left: 1em;
	padding: .5em 0 1em 1em;
}

#content ul { list-style: circle; }

#content ol { list-style: decimal; }

#content table {
	margin-top: 10px;
	border-bottom: 1px solid #C9C9C9;
}

#content table td {
	border-top: 1px solid #C9C9C9;
	padding: .35em 0;
}

#content table td a {
	color: #FFF;
	font-size: 10px;
	text-transform: uppercase;
	padding: .25em .45em;
	text-decoration: none;
}

#content table td a:hover { color: #FFF; }

#content table td a.docent { background: #806091; }

#searchFormContent { margin-bottom: 20px; }

#searchFormContent .searchInput { border: 1px solid gray; }

.searchResult {
	padding: 1em;
	margin-bottom: 1em;
	border: 1px solid #EBEBEB;
}

#content a.leerlingBb { background: #00AAB4; }

#content a.leerlingGl { background: #C3D041; }

#content a.leerlingKb { background: #3CB071; }

/* *** bottom navigation *** */

#bottomNav {
	height: 22px;
	line-height: 22px;
	color: #FFF;
	text-align: center;
	font-size: 11px;
	letter-spacing: .1em;
	padding-top: 0px;
}

#bottomNav ul { list-style: none; }

#bottomNav ul li {
	margin-right: 1em;
	display: inline;
}

#bottomNav a {
	color: #FFF;
	text-decoration: none;
}

#bottomNav a:hover { text-decoration: underline; }

/* button maak zelf je eigen pvb */

a.btnMaakJeEigenPvb {
	position: absolute;
	top: 565px;
	left: 50%;
	margin-left: 260px;
	width: 124px;
	height: 32px;
	padding-left: 9px;
	line-height: 22px;
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
	background: url(../images/bg-btn-maak-zelf-je-pvb.png) left top;
}

a:hover.btnMaakJeEigenPvb {
	position: absolute;
	top: 566px;
	left: 50%;
	margin-left: 261px;
}

/* button filmpjes/foto's */

a.btnFilmpjesFotos {
	position: absolute;
	top: 610px;
	left: 50%;
	margin-left: 260px;
	width: 112px;
	height: 115px;
	padding-left: 9px;
	line-height: 186px;
	display: block;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #666;
	background: url(../images/bg-btn-filmpjes-fotos.png) left top no-repeat;
}

a:hover.btnFilmpjesFotos {
	text-decoration: none;
	margin-left: 261px;
	margin-top: 1px;
	width: 112px;
}

/* button filmpjes/foto's TEMP */

a.btnFilmpjesFotos_temp {
	position: absolute;
	top: 470px;
	left: 50%;
	margin-left: 260px;
	width: 112px;
	height: 115px;
	padding-left: 9px;
	line-height: 186px;
	display: block;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #666;
	background: url(../images/bg-btn-filmpjes-fotos.png) left top no-repeat;
}

a:hover.btnFilmpjesFotos_temp {
	text-decoration: none;
	margin-left: 261px;
	margin-top: 1px;
	width: 112px;
}

/* search form */

#searchForm {
	position: absolute;
	top: 58px;
	left: 50%;
	margin-left: 380px;
	width: 100px;
}

#searchForm input.query {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	width: 100px;
	border: none;
	background: #FFF;
}

#searchForm input.submitBtn {
	background: transparent;
	color: #FFF;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: auto;
	padding: 0;
	clear: left;
	text-transform: uppercase;
	margin-bottom: 5px;
}

/* *** image begrippen schema *** */
img.begrippenSchema { margin: 10px 0; }

/* *** flash animation *** */
#flashAni {
	position: absolute;
	width: 266px;
	height: 248px;
	margin-left: 50%;
	left: -501px;
	z-index: 100
}

/* *** no script message *** */
noscript {
	position: relative;
	display: block;
	font-weight: bold;
	color: #FF0000;
}

/* *** news *** */
#container #contentContainer h3 {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: .5em;
}

#container ul#news {
	padding: 0;
	margin:0;
	color: #6A6A6A;
	list-style: none;
}

#container #contentContainer ul#news li {
	display: block;
	width: auto;
	padding-bottom: .5em;
	margin-bottom: .5em;
	border-bottom: 1px solid #C9C9C9;
}

#container #contentContainer ul#news li .newsDate { float: right; }

#container #contentContainer ul#news li p { }

/* *** video groen proeven *** */
.video {
	padding: 3px;
	width: 312px;
	float: right;
	position: relative;
	margin: 7px 0 10px 25px;
	display: block;
	background: #F0F5E0;
	border: 1px solid #d8dcc9;
}

.video div {
	font-weight: bold;
	width: 100%;
	text-align: center;
	color: #007542;
}

/* *** any news *** */
div.anynews h2 {
	/* display: none; */
	color: #007542;
	margin: .6em 0;
}

body .anynews {
	position: absolute;
	z-index: 10000;
	top: 350px;
	width: 166px;
	height: 162px;
	/*	height: auto;
*/	left: 50%;
	margin-left: 250px;
	background: #FFF url(../images/bg-news.png) top left;
	padding: 10px 20px 20px 20px;
}

.anynews ul li {
	margin-bottom: .5em;
	line-height: 1.2em;
	border-bottom: 1px solid #D4D4D4;
	padding: .5em 0;
}

.anynews a {
	color: #00B5F1;
	text-decoration: none;
	display: block;
}

.anynews a:hover { color: #000; }

#tooltip {
	line-height:18px;
	position:absolute;
	padding:5px;
	color:#333;
	text-shadow:1px 1px #FFF;
	z-index:2147483647;
	max-width:250px;
	font-size:11px;
	-webkit-box-shadow: 0px 0px 5px #999;
	-moz-box-shadow: 0px 0px 5px #999;
	box-shadow: 0px 0px 5px #999;
	/*	background:#ADC947;*/
	border:1px solid #666;
	background: #ffffff; /* old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* firefox */
	background:     -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); /* webkit */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 ); /* ie */
}

/* *** addthis *** */
.addthis_default_style {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: 5px 0 10px 0;
	margin: 10px 0;
}

/* *** faq / achtergrond *** */
#faq .section h3 {
	color:#007542;
	cursor:pointer;
	margin-left: 5px;
	margin-top: 4px;
}

#faq h3:hover { text-decoration: underline; }

#faq .section {
	margin:0 0 10px 0;
	border:1px solid #CCC;
	background: #f1f6e2;
	padding:5px 10px 5px 5px;
	-webkit-box-shadow: 1px 1px 2px 2px #E5E5E5;
	-moz-box-shadow: 1px 1px 2px 2px #E5E5E5;
	box-shadow: 1px 1px 2px 2px #E5E5E5;
	color: #333;
}

#faq .section a {
	color:#007542;	
}

#faq .section a:hover {
	color:#000;	
}

#faq .section a.question {
	text-decoration:none;
	background: url(../images/arrow-dark-green1.gif) 0 6px no-repeat;
	padding-left: 10px;
	display: block;
}

#faq .section a:hover.question {
	text-decoration: underline;
	color: #007542
}

#faq .section a.active {
	color:#007542;
	background: url(../images/arrow-dark-green2.gif) 0 7px  no-repeat;
}

#faq .section ul {
	margin:0;
	list-style:none;
}

#faq .section ul li {
	
}

#faq .section ul { display:none; }

#faq .section ul li ul {
	display:none;
	padding:5px;
}

#faq .section ul.inline {
	list-style: disc;
	margin-left: 15px;	
}