/*
-------------------------------------------------+
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: 607px;
}

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: 339px;
	padding: 0px 50px 20px 50px;
	margin-top: 10px;
}

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: 400px;
	left: 50%;
	margin-left: 260px;
	width: 124px;
	height: 32px;
	color: #FFF;
	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 {
	line-height: 22px;
	text-decoration: none;
	color: #FFF;
	top: 400px;
	left: 50%;
	margin-top: 1px;
	margin-left: 261px;
	width: 124px;
}

/* button maak zelf je eigen pvb TEMP */

a.btnMaakJeEigenPvb_temp {
	position: absolute;
	top: 435px;
	left: 50%;
	margin-left: 260px;
	width: 124px;
	height: 32px;
	color: #FFF;
	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_temp {
	line-height: 22px;
	text-decoration: none;
	color: #FFF;
	top: 436px;
	left: 50%;
	margin-top: 1px;
	margin-left: 261px;
	width: 124px;
}



/* button filmpjes/foto's */

a.btnFilmpjesFotos {
	position: absolute;
	top: 450px;
	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;	
}