/*  CSS voor Pleysierschool.nl en haar domeinen/lokaties
	Design door dWork.nl - CMS door R2manage.nl - Hosting door hostingtotaalpakket.nl 
	Extra CSS itmens vind u onder aan deze stylesheet
	Do not steel hard work, it's bad karma.
*/

body#link1 a#link1_nav,
body#link2 a#link2_nav,
body#link3 a#link3_nav,
body#link4 a#link4_nav,
body#link5 a#link5_nav,
body#link6 a#link6_nav,
body#link7 a#link7_nav,
body#link8 a#link8_nav,
body#link9 a#link9_nav,
body#link10 a#link10_nav {
	background-image:url('../img/nav_img_over.gif');
	background-repeat:repeat-x
}

a { 
	text-decoration: none; color: #6699CC;
}

a:hover {
color: #000; 
}

body {
	font: normal 12px arial, sans-serif;
	color:#666666;
	margin:0;
	padding:0;
	text-align:center;
}

.clear {
	clear:both;
	margin:0;
	padding:0;
	line-height:0;
	height:0;
}

#home_page_background {
	margin:0;
	padding:0;
	background-image:url('../img/back_texture.gif');
	background-repeat:repeat-x;
	background-position: 0 80px;
	height:300px
}

#article_page_background {
	margin:0;
	padding:0;
	background-image:url('../img/back_texture_article.gif');
	background-repeat:repeat-x;
	background-position: 0 80px;
	height:225px
}

#wrapper {
	width:770px;
	margin:0 auto 0 auto;
	padding:0;
	text-align:left;
	border:1px solid #ffffff;
	border-bottom: 0px;
}

#header_nav .input {
	font:11px Arial;
	background-color:#F0F0F0;
	margin:0 0 0 5px;
	border:1px solid #ffffff;
}

#header_nav {
	margin:28px 0 0 0;
	padding:0;
	color:#FF6600;
	float:right;
}

#header_nav a:link, #header_nav a:visited {
	line-height:25px;
	margin:0 5px 0 5px;
	padding:0;
	text-decoration:none;
	color:#545454;
}

#top_bar_navigation {
	padding:0;
	list-style:none;
	margin:83px 0 0 0;
}

#top_bar_navigation li {
	display:inline;
}

#top_bar_navigation a:link, #top_bar_navigation a:visited {
	padding:4px .79em 5px .80em;
	margin:0 0-2px 0 0;
	text-decoration:none;
	color:#ffffff;
}

/*#top_bar_navigation .linkListItem1 {
	margin:0;
	padding:25px 25px 25px 0;
	border-right:1px solid #F6C050;
}*/

#top_bar_navigation a:hover {
	background-image:url('../img/nav_img_over.gif');
	background-repeat:repeat-x
}

#home_sub_header {
	margin:7px 0px -4px 0;
}

#home_sub_header_link_1, #home_sub_header_link_2, #home_sub_header_link_3 {
	float:left;
}

body#home #home_sub_header_link_1 {
	width:396px;
	height:193px;
	overflow:hidden;
}

#home_sub_header_link_2 {
	border-left:1px solid white;
	border-right:1px solid white;
}

#content_wrapper{
	background: #fff url(../img/content_bottom_background.jpg) top left repeat-x ;
	width: 100%;
	text-align: center;
}

#content_inner{
	background: url('../img/full_content_background.gif') repeat-y top left;
	width: 771px;
	height:auto;
	margin: 0 auto;
	position: relative;
	top:0;
	left: 0;
}

#main_column{
	background: url('../img/left_column_background.jpg') no-repeat top right;
	width: 396px;
	height: auto;
	position: relative;
	text-align: left;
	top: 0;
	left: 0;
	float: left;
}

#main_column h1{
	font: normal 20px/25px "lucida sans", arial, sans-serif;
	color: #000;
	letter-spacing: -.1pt;
	padding: 10px 0 5px 0;
	margin: 0;
}

.list ul
{
	margin-left:0; margin-right:0; margin-top:2; margin-bottom:15px; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:2px
}

.list li 
{
	background: url('http://eindhovenseschool.net/themes/ehv2007/images/bullet2.gif') no-repeat center left;
	line-height: 2px;
	font: normal 12px arial, sans-serif;
	color:#000;
	margin-left:0; margin-right:0; margin-top:2; margin-bottom:15px; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:2px
}
h2{
	font: normal 18px/22px "lucida sans", arial, sans-serif;
	color: #000;
	letter-spacing: .1pt;
	padding: 10px 5px 5px 0;
	margin: 0;
}

h3{
	font: normal 15px/17px "lucida sans", arial, sans-serif;
	color: #000;
	letter-spacing: .1pt;
	padding: 10px 5px 5px 0;
	margin: 0;
}

p{
	font: normal 12px/15px "lucida sans", arial, sans-serif;
	color: #000;
	padding: 5px 15px 5px 5px;
	margin: 5;
}

.main_content_sub {
	font: normal 11px/15px "lucida sans", arial, sans-serif;
	margin:5px 10px 5px 0;
}

.main_content_sub img {
	border:1px solid #CCCCCC;
	float:left;
	margin:0 5px 10px 0;
}

.main_content_sub a:link, .main_content_sub a:visited {
	color:#448BB0;
	text-decoration:none;
}

#middle_column{
	font: normal 11px/15px "lucida sans", arial, sans-serif;
	width: 189px;
	height: 300px;
	position: relative;
	top: 0;
	left: 0;
	float: left;
	text-align:left;
}

.column_heading {
	font: bold 11px/15px "lucida sans", arial, sans-serif;
	color:#005FAE;
	margin:7px;
	padding:0 0 5px 0;
	border-bottom:1px solid #D2DEE3;
	text-align:left;
}

.feature_sub {
	margin:0 7px 10px 7px;
	font: normal 10px "lucida sans", arial, sans-serif;
	text-align:left;
	border-bottom:1px solid #D2DEE3;
}

.feature_title {
	font: bold 11px/15px "lucida sans", arial, sans-serif;
	color:#005FAE;
}

.feature_image {
	border:1px solid #CCCCCC;
	margin:0 5px 10px 0;
	float:left;
}

.article_sub ul {
	margin:0;
	padding:0;
}

.article_sub li {
	list-style:none;
	border-bottom:1px solid #E6DAD6;
}

.article_sub a:link, .article_sub a:visited {
	text-decoration:none;
	color:#6699CC;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	margin:5px 7px 5px 7px;
	display:block;
}

.newsletter {
	margin:10px 0 10px 0;
	text-align:center;
}

.newsletter_group_title {
	font: bold 11px/15px "lucida sans", arial, sans-serif;
	color:#003886;
	margin:10px 0 0 0;
}

.newsletter_title {
	font:11px/15px "lucida sans", arial, sans-serif;
}

.newsletter_sub_title {
	font: bold 11px/15px "lucida sans", arial, sans-serif;
}

.newsletter_description {
	font: bold 10px/15px "lucida sans", arial, sans-serif;
}

#right_column{
	background: transparent url(../img/right_column_background.jpg) top left no-repeat;
	float: right;
	width: 186px;
	height: expression(this.clientHeight+'px');
}

#right_column ul {
	list-style-image:url(../img/arrow.jpg);
	text-align:left;
	margin-top:0;
}

#right_column li {
	margin:0 0 5px -15px;
	padding:0 0 5px 0;
	border-bottom:1px solid #D2DEE3;
	font: normal 11px "lucida sans", arial, sans-serif;
}

#right_column li a:link, #right_column li a:visited {
	text-decoration:none;
	color:#666666;
}

#right_column a:link, #right_column a:visited {
	text-decoration:none;
	color:#6699CC;
	font-size:10px;
}

#footer{
	background: #fff url(../img/footer_background.gif) top left no-repeat;
	height: 115px;
}

#footer_content {
	width:99%;
	border-top:1px solid #D2DEE3;
	font-size:7pt;
	margin:20px 5px 0 0;
	padding:10px 0 0 0;
	text-align:left;
}

#footer a {
color:#6699CC;
	text-decoration:none;
}

/* --- Einde main CSS --- */
/* --- Form CSS --- */

.formBuilderDefault p.inputBox {
	float: left;
	padding: 5px 5px 5px 0px;
	margin: 0;
	width: 100px;
	text-align: right;
}

.formBuilderDefault div{
	margin: 5px 0px 5px 0px;
}

h4 {
	font:  10px "lucida sans", arial, sans-serif;
	margin: 5px 5px 5px 0px;
	border-top:1px solid #D2DEE3;
	border-bottom:1px solid #D2DEE3;
	background-repeat:repeat-x;
	background: #f3f3f3; 
	width: 97%;
	padding: 3px;
}

.required {
	color:#FF0000;
}

.missedFormField {
	background-color:#FFFF66;
}

.formBuilderDefault td {
	font: normal 11px/15px "lucida sans", arial, sans-serif;
}

.formBuilderDefault label {
	padding: 0px 0px 0px 0px;
}

.smallNote {
	font: normal 10px/14px "lucida sans", arial, sans-serif;
}

/* --- Einde --- */ 
/* --- Search results --- */

#search_content_inner{
	background: transparent url(../img/search_content_background.jpg) top left repeat-y;
	width: 771px;
	height:auto;
	margin: 0 auto;
	position: relative;
	top:0;
	left: 0;
}
#search_column{
	background: transparent url(../img/content_bottom_background.jpg) top left repeat-x;
/* main_column (396px) + middle_column (189px) = 585px */
	width: 585px;
	height: auto;
	position: relative;
	text-align: left;
	top: 0;
	left: 0;
	float: left;
}

#search_column h1{
	font: normal 20px/25px "lucida sans", arial, sans-serif;
	color: #000;
	letter-spacing: -.1pt;
	padding: 10px 0 5px 0;
	margin: 0;
}

#search_column .z {
	margin-right: 10px;
}

#search_footer{
	background: #fff url(../img/search_footer_background.jpg) top left no-repeat;
	height: 115px;
}

#search_footer_content {
	width:575px;
	border-top:1px solid #D2DEE3;
	font-size:7pt;
	margin:20px 5px 0 0;
	padding:10px 0 0 0;
	text-align:left;
}

table {
	font: normal 11px/15px "lucida sans", arial, sans-serif;
	color: #555;
}

td {
	text-align:left;
	vertical-align: top;
}

/* Extra item voor right colum ivm lelijkheid IE7 */
#right_column{
	background: url('../img/right_column_background.jpg') no-repeat top left;
	float: right;
	width: 186px
}

#right_column ul {
	list-style-image:url('../img/arrow.jpg');
	text-align:left;
	margin-top:0
}

#right_column li {
	margin:0 0 5px 25px;
	padding:0 0 5px 0;
	border-bottom:1px solid #D2DEE3;
	font: normal 11px "lucida sans", arial, sans-serif;
}

#right_column li a:link, #right_column li a:visited {
	text-decoration:none;
	color:#666666;
}

#right_column a:link, #right_column a:visited {
	text-decoration:none;
	color:#6699CC;
	font-size:10px;
}

/* --- Einde ---*/
/* --- Downloads --- */

#downloads {
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	font-weight: padding-top:3px; padding-bottom:0
	float: center;
	display: block;
	margin-left: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 98%;
}

#downloads ul {
	padding: 10;
	margin: 0;
	width: 98%;
}

#downloads li {
	border-bottom: 1px solid #fff;
	list-style: none;
	margin: 0;
}

#downloads a, #downloads .active {
	display: block;
	text-decoration: none;
	color: #0e5670;
	width: 98%;
	background-repeat: no-repeat;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	font-weight: bold; padding-top:3px; padding-bottom:0
}

#downloads a:hover, #downloads .active {
	color: #558811;
	border-bottom: 1px solid #d2dbde;
	border-top: 1px solid #d2dbde;
	background: #fafbfb;
}

#downloads .text {
	display:block;
	color: #5d5d5d;
	font-weight: normal;
	line-height: 17px;
	font-size: 11px;
	margin-bottom: 2px;
}

#downloads a:hover .text{
	color: #000;
}

.hide { 
	display: none; 
}

#qList { 
	margin-top: 0px; 
}

#qList li { 
	margin-bottom: 0px; 
}

/* --- Einde Downloads --- */
/* --- Commetaar box --- */

.commentsblock textarea {
	width: 97%;
	height: 15em;
	font-size: 1.1em;
}

.commentsblock textarea:focus {
	background: #eee;
	border: 1px solid #a1a1a1;
}

.commentsblock textarea:focus, .commentsblock input:focus {
	background:#eee;
	border:1px solid #a1a1a1;
}

.commentauthor {
	display:block;
}

ol.commentlist {
	list-style-type: none;
	margin: 0;
	margin-top: 1.5em;
	padding: 10px;
}

.commentlist li {
	margin-bottom:0.5em;
	padding: 10px;
}

.alt {
	margin-top: 10px;
	width: auto;
	border-bottom: 1px solid #B6CA90;
}

.commentsblock form {
	padding: 8px;
}

.comnum {
	margin-top: 5px;
	float: right;
	font-size: 25px;
	color: #99CC00;
}

.grav {
	margin-right: 8px;
	float: left;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 5px;
}

.important {
	color: #FF3300;
	font-weight: bold;
}
	
a.external {
	background: url('../img/external.gif') no-repeat center right;
	padding-right: 13px
}

/* --- Einde Commetaar box -- */
/* --- Poll navigatie en position --- */ 

.cssnav	{
	position:relative;
	color:#666666;
	background-image:  url('../img/button_back_first.gif');
	background-repeat: no-repeat;
	white-space: nowrap;
	display: block;
	width: 180px;
	height: 44px;
	margin: 0; 
	padding: 0; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:arial, sans-serif 
}

.cssnav a {
	font: normal 12px arial, sans-serif;
	color:#666666;
	width: 180px;
	height: 44px;
	display: block;
	float: left;
	color: black; 
	text-decoration: none;
}

.cssnav img {
	width: 180px; 
	height: 44px; 
	border: 0; 
}

* html a:hover {visibility:visible}
.cssnav a:hover img{
	visibility:hidden
}
.cssnav span {
	position: absolute; font: 
	normal 11px/15px "lucida sans", arial, sans-serif;	
	color:#666666;
	left: 5px;
	top: 15px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	width: 149px;
	height: 14px;
	text-align: left;
}

/* --- Einde Poll navigatie en position --- */ 
/* --- Infobox --*/

#infobox-top {
	width: 430px;
	height: 8px;
	float: middle;
	margin: 10px 0px 0px 80px;
	background: url(../img/infobox-top.gif) top center no-repeat;
}

#infobox-body {
	width: 430px;
	float: middle;
	margin: 0px 00px 0px 80px;
	background: #EFDCC3 url(../img/infobox-body.gif) top center repeat-y;
}

#infobox-body img.border {
	margin: 4px 12px 4px 12px;
	padding: 10px;
	background: #FFFFFF;
	border: 1px solid #E3C8A6;
	float: left;
}

#infobox-body p {
	padding: 4px;
	margin: 0px 10px 0px 10px;
	line-height: 140%;
	text-indent: 0px;
	text-align: left;
}

#infobox-bottom {
	width: 430px;
	height: 8px;
	float: middle;
	margin: 0px 00px 0px 80px;
	background: url(../img/infobox-bottom.gif) top center no-repeat;
}
/*-- Einde Infobox --*/

/* -- Blockquote -- */

blockquote {
margin-left: 10%;
margin-right: 30%;
padding-left: .7em; 
padding-right: .5em
}

/* -- Einde Blockquote -- */

.home_link {
	background: url('../img/home.gif') no-repeat;
	margin-top:7px; line-height: 16px; padding-left:30px; padding-right:10; padding-top:1px; padding-bottom:3px}
