@charset "utf-8";

/* Stylesheet voor hetwespennest.nl */
/* Copyright 2008 Voorloper.com */

* {
padding: 0;
margin: 0;
}

body {
background: url("pic/bg_body.png") repeat-x top left #60DE00;
font-family: "tahoma", sans-serif;
}

#head {
background: url("pic/bg_head.png") top left no-repeat;
width: 1152px;
height: 229px;
overflow: hidden;
clear: both;
}

#head h1 {
margin-top: 80px;
margin-left: 40px;
font-weight: bold;
}

#head h1 a:link {
text-decoration: none;
color: #E82326;
}

#head h1 a:visited {
text-decoration: none;
color: #E82326;
}

#head h1 a:hover {
text-decoration: none;
color: black;
background: none;
}

#head h1 a:active {
text-decoration: none;
background: #60DE00;
}

#contain {
float: left;
margin-left: 40px;
padding-top: 25px;
margin-bottom: 25px;
}

#left {
float: left;
width: 200px;
}

#left img {
padding: 20px;
}

/* Menu */

ul.nav {
list-style: none;
}

ul.nav li {
width: 250px;
padding-bottom: 5px;
font-size: 1.1em;
}

ul.nav li a {
padding-top: 5px;
padding-right: 40px;
padding-bottom: 2px;
padding-left: 10px;
}

ul.nav li a:link {
color: black;
text-decoration: none;
}

ul.nav li a:visited {
color: black;
text-decoration: none;
}

ul.nav li a:hover {
background: url("pic/bg_li_hover.gif") no-repeat top right;
color: #FFEB14;
text-decoration: none;
border-bottom: 1px dashed #B6F08A;
}

ul.nav li a:active {
color: black;
text-decoration: none;
border-bottom: 1px solid white;
}

ul.nav li.active a {
padding-left: 40px;
padding-right: 5px;
}

ul.nav li.active a:link {
background: url("pic/bg_li_current.png") no-repeat top left;
color: white;
text-decoration: none;
}

ul.nav li.active a:visited {
background: url("pic/bg_li_current.png") no-repeat top left;
color: white;
text-decoration: none;
}

ul.nav li.active a:hover {
background: url("pic/bg_li_current.png") no-repeat top left;
color: white;
text-decoration: none;
border: 0;
cursor: default;
}

ul.nav li.active a:active {
background: url("pic/bg_li_current.png") no-repeat top left;
color: white;
text-decoration: none;
border-bottom: 0px solid white;
}

/* Submenu */

ul.nav li ul {
padding-top: 10px;
list-style: none;
}

ul.nav li ul li {
padding-top: 0;
font-size: small;
}

ul.nav li.active ul {
display: block;
}

ul.nav li.active ul li a:link {
color: black;
text-decoration: none;
background: none;
}

ul.nav li.active ul li a:visited{
color: black;
text-decoration: none;
background: none;
}

ul.nav li.active ul li a:hover{
color: #FFEB14;
background: none;
text-decoration: underline;
}

ul.nav li.active ul li a:active{
color: #FFEB14;
text-decoration: none;
background: none;
}

ul.nav li.active ul li.active a:link {
color: white;
text-decoration: none;
background: none;
}

ul.nav li.active ul li.active a:visited{
color: white;
text-decoration: none;
background: none;
}

ul.nav li.active ul li.active a:hover{
background: none;
text-decoration: none;
color: white;
border: 0;
cursor: default;
}

ul.nav li.active ul li.active a:active{
color: white;
text-decoration: none;
background: none;
}

ul.nav li ul {
display: none;
}

/* Content */

#main_content {
background: #E92326;
width: 325px;
padding: 25px;
float: left;
color: white;
border: 1px solid black;
line-height: 1.35em;
}

#main_content h2 {
padding-bottom: 1em;
}

#main_content p {
padding-bottom: 0.5em;
}

#main_content p.small {
font-size: smaller;
}

#main_content p.small_lk {
font-size: smaller;
text-align: right;
}

#main_content h3.leerkracht {
text-align: right;
}

#main_content.no_right {
width: 475px;
}


#main_content.no_right a:link {
color: white;
background: #FE585A;
text-decoration: none;
padding: 0.25em;
}

#main_content.no_right a:visited {
color: white;
text-decoration: underline;
padding: 0.25em;
}

#main_content.no_right a:hover {
color: white;
background: #F2787A;
text-decoration: none;
padding: 0.25em;
border-bottom: 1px dotted white;
}

#main_content.no_right a:active {
color: white;
background: #F2787A;
text-decoration: none;
padding: 0.25em;
border-bottom: 1px solid white;
}

#main_content img, #main_content a img, #main_content.no_right a.plattegrond img {
border: 1px solid black;
background: none;
padding: 0;
}

#main_content.no_right a.plattegrond {
border: 0;
background: none;
}

/* Entryform */

#main_content.full {
width: 720px;
}

#main_content.full h2 {
padding: 25px;
}

#main_content.full table.ef {
border: 1px solid white;
width: 715px;
}

#main_content.full table.ef td.enter1, #main_content.full table.ef td.enter2, #main_content.full table.ef td.buttons {
border-right: 1px solid white;
border-top: 1px solid white;
padding: 25px;
margin-bottom: 20px;
}

#main_content.full table.ef td.hulp1, #main_content.full table.ef td.hulp2 {
border-top: 1px solid white;
background: #FFEB14;
padding: 25px;
color: black;
}

#right {
margin-left: 25px;
float: left;
}

#notitie {
background: url("pic/bg_notitie.png") no-repeat top left;
width: 195px;
height: 214px;
overflow: auto;
padding: 25px;
margin-bottom: 1.5em;
}

#notitie h3, #agenda h3 {
padding-bottom: 1em;
}

#notitie ul {
padding-left: 20px;
}

#agenda {

padding: 25px;
background: #8B1CFF;
border: 1px solid black;
width: 195px;
color: white;
}

#foot  {
border-top: 1px solid black;
border-bottom: 1px solid black;
background: #384E08;
width: 100%;
height: 2em;
clear: both;
}

#foot ul {
list-style: none;
color: white;
padding-top: 0.5em;
padding-left: 40px;
padding-bottom: 0.5em;
font-size: small;
}

#foot ul li {
float: left;
padding-right: 15px;
}

#foot ul a:link {
color: white;
text-decoration: none;
border-bottom: 1px dotted white;
}

#foot ul a:visited {
color: white;
text-decoration: none;
border-bottom: 1px dotted white;
}

#foot ul a:hover {
color: white;
text-decoration: none;
border-bottom: 1px solid white;
}

#foot ul a:active {
color: #60DE00;
text-decoration: none;
border-bottom: 1px solid #60DE00;
}

#agenda ul {
list-style: none;
}

#agenda .datum {
font-style: italic;
font-size: small;
}

#agenda .afspraak {
padding-left: 15px;
}

#agenda h3 a:link {
color: white;
text-decoration: none;
}

#agenda h3 a:visited {
color: white;
text-decoration: none;
}

#agenda h3 a:hover {
color: white;
text-decoration: underline;
}

#agenda h3 a:active {
color: white;
text-decoration: none;
}

#agenda ul li {
padding-bottom: 0.5em;
}

ul.agenda_full {
list-style: none;
}

ul.agenda_full .datum {
font-style: italic;
padding-bottom: 0.5em;
}

ul.agenda_full li {
padding-bottom: 1em;
}

#agenda .afspraak {
padding-left: 15px;
}

ul.txt {
padding-left: 20px;
}

ul.txt li {
padding: 0;
margin: 0;
}

/*
    Formatting Buttons Stand Alone Entry Form
------------------------------------------------------ */

.buttonMode {
	background-color: transparent;
	color: #73769D;
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	font-size: 10px;
	white-space: nowrap;
	}

.htmlButtonOutter, .htmlButtonOutterL {
	background-color: #f6f6f6;
	border-bottom: #333 1px solid;
	border-right: #333 1px solid;
	border-top: #333 1px solid;
	padding: 0;
	}

.htmlButtonOutterL {
	border-left: #333 1px solid;
	}

.htmlButtonInner {
	background-color: white;
	border-bottom: #ccc 1px solid;
	border-left: #fff 1px solid;
	border-right: #ccc 1px solid;
	border-top: #fff 1px solid;
	padding: 0 3px 0 3px;
	text-align: center;
	}

.htmlButtonOff {
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOff a:link {
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOff a:visited {
	text-decoration: none;
	}

.htmlButtonOff a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOff a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn {
	background: #f6f6f6;
	font-family: Verdana, Arial, Trebuchet MS, Tahoma, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
	}

.htmlButtonOn a:link {
	color: #990000;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonOn a:visited {
	text-decoration: none;
	}

.htmlButtonOn a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonOn a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA {
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	}

.htmlButtonB {
	background: #E1E3EC;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 3px 3px 3px;
	white-space: nowrap;
	}

.htmlButtonA a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonA a:visited {
	text-decoration: none;
	}

.htmlButtonA a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonA a:hover {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:link {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	}

.htmlButtonB a:visited {
	text-decoration: none;
	}

.htmlButtonB a:active {
	color: #999;
	text-decoration: none;
	}

.htmlButtonB a:hover {
	color: #999;
	text-decoration: none;
	}