*						{
						margin: 0;
						padding: 0;
						}
html					{
						font: normal 62.5%/1.4 Arial, sans-serif;
						color: #404040;
						background: #4e89ae url(../images/sky.png) repeat-x center bottom;
						}
body					{
						background: transparent url(../images/hills.png) no-repeat center bottom;
						padding-bottom: 130px;
						}
h1						{
						background: transparent url(../images/clouds.png) no-repeat center bottom;
						height: 465px;
						text-indent: -9999px;
						}
#body, #nav				{
						width: 65em;
						margin: 0 auto;
						}
#body					{
						clear: both;
						position: relative;
						}
#nav					{
						margin-top: -450px;
						margin-bottom: 30px;
						list-style-type: none;
						list-style-position: outside;
						}
#nav li					{
						float: left;
						width: 20%;
						text-align: center;
						position: relative;
						font-size: 1.4em;
						width: 114px;
						line-height: 22px;
						}
#nav li a				{
						color: #fff;
						background: none;
						display: block;
						height: 110px;
						width: 100%;
						text-decoration: none;
						text-transform: uppercase;
						position: absolute;
						left: 25px;
						}
#nav li a:hover			{
						background: transparent url(../images/nav.png) no-repeat center top;
						}
#nav #onze_klas			{
						clip: rect(0 114px 22px 0);
						left: 25px;
						top: 0;
						padding-top: 0;
						}
#nav #onze_school		{
						clip: rect(22px 114px 44px 0);
						left: 145px;
						top: -22px;
						padding-top: 22px;
						}
#nav #weetjes			{
						clip: rect(44px 114px 66px 0);
						left: 265px;
						top: -44px;
						padding-top: 44px;
						}
#nav #leren_in_klas		{
						clip: rect(66px 114px 88px 0);
						left: 385px;
						top: -66px;
						padding-top: 66px;
						}
#nav #vriendenboek		{
						clip: rect(88px 114px 110px 0);
						left: 505px;
						top: -88px;
						padding-top: 88px;
						}
#main					{
						border: 1px solid #68757d;
						background-color: #e4ecf3;
						position: relative;
						}
#main ul				{
						list-style-position: inside;
						font-size: 1.2em;
						margin-bottom: 1em;
						}
#subnav					{
						float: right;
						width: 20%;
						padding: 2em 0;
						list-style-type: none;
						}
#subnav li a			{
						display: block;
						background: transparent url(../images/subnav_link.png) no-repeat center bottom;
						width: 109px;
						height: 33px;
						margin: 1em 0;
						line-height: 33px;
						text-align: center;
						color: #fff;
						text-decoration: none;
						text-transform: uppercase;
						font-size: 1em;
						}
#subnav li a:hover		{
						background-position: center top;
						}
#subnav #home a			{
						display: block;
						position: absolute;
						bottom: 0;
						background: transparent url(../images/home.png) no-repeat;
						width: 140px;
						height: 240px;
						text-indent: -9999px;
						margin-left: -1em;
						}
#content				{
						margin-right: 22%;
						background: #fff;
						padding: 2em;
						min-height: 500px;
						}
h2						{
						color: #588fb3;
						font-size: 2.4em;
						font-weight: normal;
						margin-bottom: 0.5em;
						}
h3						{
						font-size: 1.4em;
						margin-bottom: 0.5em;
						}
.onze_buurt h2			{
						color: #ff9600;
						}
.de_wereld h2			{
						color: #ec1356;
						}
.weetjes h2				{
						color: #13c1ec;
						}
.leren_in_klas h2		{
						color: #6918a7;
						}
.vertelhoek	h2			{
						color: #7fbd2e;
						}
p						{
						margin-bottom: 1em;
						text-align: justify;
						font-size: 1.2em;
						}
#main .messages, #main .flat_messages
						{
						list-style-type: none;
						font-size: 1em;
						}
#main .messages li		{
						border: 1px solid #cfd8c5;
						background-color: #f3f7f0;
						padding: 1em;
						margin-bottom: 2em;
						min-height: 20em;
						}
#main .messages.vriendenboek li
						{
						min-height: 0;
						}
#main .flat_messages li	{
						margin-bottom: 2em;
						}
#main .messages li li, #main .flat_messages li li
						{
						border: 0;
						background-color: transparent;
						padding: 0;
						margin: 0 1em;
						min-height: 0;
						list-style-type: disc;
						}
#main .messages h3		{
						color: #4f7523;
						font-weight: normal;
						font-size: 1.2em;
						margin-bottom: 2em;
						}
#main .messages h3 em	{
						font-weight: bold;
						}
.verwijder_linkje		{
						font-size: 1.2em;
						color: #13c1ec;
						}
.admin_linkje			{
						font-size: 1.2em;
						margin-top: 1em;
						display: block;
						color: #13c1ec;
						}
a img					{
						border: 0;
						float: right;
						margin-left: 1em;
						margin-bottom: 0.4em;
						}
form					{
						width: 46.6em;
						}
fieldset				{
						border: 1px solid #cfd8c5;
						background-color: #f3f7f0;
						padding: 1em;
						}
form h4					{
						color: #4f7523;
						font-weight: bold;
						font-size: 1.2em;
						margin-bottom: 1em;
						}
label					{
						display: block;
						float: left;
						width: 25%;
						text-align: right;
						font-size: 1.2em;
						}
input, textarea			{
						font-family: Arial, sans-serif;
						font-size: 1.2em;
						margin-left: 2%;
						margin-bottom: 0.5em;
						width: 70%;
						}
input.submit			{
						width: auto;
						margin-left: 27%;
						}
#errorExplanation		{
						color: #f00;
						margin-bottom: 2em;
						}
#errorExplanation h2	{
						color: #f00;
						}
#errorExplanation ul	{
						list-style-position: inside;
						}
.fieldWithErrors input, .fieldWithErrors textarea
						{
						border: 2px solid #f00;
						}
#notice					{
						background-color: #cdffcc;
						border: 1px solid #80ba7f;
						padding: 0.5em;
						margin-bottom: 1em;
						}
span.links				{
						display: block;
						width: 30%;
						float: left;
						}
span.pijltje			{
						display: block;
						width: 5%;
						float: left;
						}
span.rechts				{
						display: block;
						width: 60%;
						float: left;
						}
dl						{
						font-size: 1.2em;
						}
dt						{
						margin-bottom: 1em;
						}
#mijn_vriendje			{
						position: absolute;
						width: 50px;
						height: 50px;
						top: 4em;
						left: 67em;
						cursor: default;
						}
#contact				{
						text-align: center;
						margin-top: 10px;
						}
hr						{
						margin: 2em;
						border: 1px solid #ccc;
						background-color: #ccc;
						}
/* =========== */
/* = TinyMCE = */
/* =========== */
.defaultSkin table		{
						background-color: transparent !important;
						border: 0 !important;
						}
.mceMenu				{
						background-color: #fff !important;
						}
.defaultSkin iframe		{
						margin-left: 3% !important;
						border: 1px solid #ccc !important;
						}
.fieldWithErrors .defaultSkin iframe
						{
						border: 2px solid #f00 !important;
						}
.mceIframeContainer, .mceToolbar
						{
						margin-left: 3% !important;
						border: 0 !important;
						}