/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+	File		: screen.css
+	Author		: frismedia.nl
+	Date		: 22-01-2007
+	 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*      HTML ELEMENTS     */

body
{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.65em;	
	color:#373737;
	background:url(../img/bck.gif);
}

hr {

	border-bottom : 1px dashed #000000;
	border-top : none; 
	border-left:none; 
	border-right:none;
	color : #ffffff;
	padding:0;
	display:block;
	margin:5px 0;
	height:1px;
}

hr.clear {
	display:block;
	clear:both;
	border:none;
}

h1, h2, h3,h4 {margin:0;}
h1 {font-size:2.6em;}
h2 {font-size:1.3em;color:#3B3170;}
h3 {font-size:1.1em;color:#666666;}
h4 { font-size:1.1em; color:#3B3170; margin-bottom:5px;}

label {width:100px;float:left;}
input, textarea {width:200px;}
input#submit {margin-left:100px;width:auto;}

/*      HTML ELEMENTS     */
/*++++++++++++++++++++++++*/


/*++++++++++++++++++++++++*/
/*    GENERAL CLASSES     */
.clearfix:after, div#main:after, div.content:after, div.ecard div.wrap:after, div.content ul#subnav:after, div.foto:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac and IE-win \*/
* html .clearfix, div#main, div.content, div.ecard div.wrap, div.content ul#subnav, div.foto {height: 1%;}
/* End hide from IE-mac */
/*    GENERAL CLASSES     */
/*++++++++++++++++++++++++*/


/*++++++++++++++++++++++++*/
/*      MAIN  DIV'S       */

div#wrapper
{
	position:relative;
	margin:0 auto 20px auto;
	width:960px;
	padding:0;
	background-color:white;
	border:1px solid #3A2E76;
	border-top:none;
}

div#header
{
	position:relative;
	margin:0;
	padding:0;
	min-height:320px;
	background:url(../img/header_bck.jpg) bottom no-repeat;
}

body.home div#header, body.kids div#header {min-height:320px;}
	
body.kids div#header {background-image:url(../img/header_kids_bck.jpg);}

div#main {margin:0;padding:0;}

div.content 
{
	position:relative;
	width:543px;
	margin:15px 0 0 15px; 
	padding:20px;
	border:1px solid #3A2E76;
	float:left;  	
}

div.content a 
{ 
	background:url(../img/arrow.gif) no-repeat left; 
	padding:0 0 2px 12px;
	text-decoration:none;
	color:#333366;
}

div.content a:hover
{ 
	color:#3A2E76;
	text-decoration:underline;
}

div#flashContent a{
	background: none;
	padding: 0;
}

div#flashContent img{
	border: none;
}


div.content ul#subnav 
{	margin:0 0 20px 0; 
	padding:5px 0;
	background-color:#DBE0F0;
	color:#3A2E76;
}

div.content ul#subnav li 
{
	float:left;
	list-style:none;
	display:block;
	padding:5px;
}

div.content ul#subnav li a { 
	background:none;
	white-space:nowrap;
	padding:5px;
}

div.content ul#subnav li em a  
{ 	text-decoration:underline; 
	font-style:normal;
}


body.home div.content {width:258px;
min-height:250px;}
body.games div.content {width:888px;}

/*body.lesbrieven div.content { width:543px;}
body.lesbrieven 
*/
div.content p.foto {float:left;margin:0 15px 5px 0;}

div.content  p.foto img { padding:5px;border:1px solid #3A2E76;margin-bottom:5px;}
div.content  p.foto em {margin-left:5px;margin-bottom:5px;display:block;}
div#main div.side {width:287px;}
div.content p.required {color:#FF0000;}

body.home div.content img.foto {float:right;margin:0 0 0 15px;padding:3px;}

div#flashLogo {padding:15px 0 0 30px;}

div#main div.side a {background:none;padding:0;}
div#main div.side a img {border:none;}
/*      MAIN  DIV'S        */
/*++++++++++++++++++++++++*/


div#header ul#nav
{
position:absolute;
bottom:0;
left:0;
list-style:none;
margin:0;
padding:0;
width:100%;
background:url(../img/nav_bck.gif) repeat-x #002855;	
}

div#header ul#nav li {float:left;}
div#header ul#nav li a
{
	color:white;
	display:block;
	text-decoration:none;
	padding:10px 15px;
	font-size:1.2em;
}
div#header ul#nav li em a, div#header ul#nav li:hover
{
	font-style:normal;
	background:#002855;
}

div#header ul#nav ul
{
	display:none;
	position:absolute;
	list-style:none;
	margin:0;
	padding:0;
	background:url(../img/subnav_bck.gif) repeat-x #002855;
	bottom:33px;
	font-size:0.9em;
	border:1px solid black;
	border-bottom:none;
}
div#header ul#nav ul li
{
	float:none;
	border-bottom:1px solid #0055A4;
}
div#header ul#nav ul li a {width:200px;}
div#header ul#nav li:hover ul {display:block;}

div#header ul#nav ul li a em
{
	font-style:normal;
	background:url(../img/subnav_li_bck.gif);
	padding:10px 15px;
	width:200px;
	margin:-10px -10px -10px -15px;
	display:block;
}
div#header ul#nav ul li a:hover {background:url(../img/subnav_li_bck.gif);}

div.collom {float:left;width:410px;}
div#flashContent, div#flashContent2, div#flashContent3 {float:right;margin-bottom:10px;}

ul#kids{position:absolute;top:0;}
ul#kids li {list-style:none;}
ul#kids li a{position:absolute;display:block;background:url(../img/kids_li_bck.gif);
/*border:1px solid red;*/
}

ul#kids li.l1 a img {border:none;}
ul#kids li.l1 a 
{
	top:120px;
	left:380px;
	width:125px;
	height:150px;
}
ul#kids li.l2 a
{
	top:0px;
	left:645px;
	width:175px;
	height:70px;
}

ul#kids li.l3 a
{
	top:45px;
	left:250px;
	width:235px;
	height:65px;
}
ul#kids li.l4 a
{
	top:155px;
	left:25px;
	width:235px;
	height:125px;
}
ul#kids li.l5 a
{
	top:155px;
	left:540px;
	width:125px;
	height:110px;
}
ul#kids li.l6 a
{
	top:80px;
	left:580px;
	width:140px;
	height:70px;
}
ul#kids li.l7 a
{
	top:120px;
	left:740px;
	width:150px;
	height:110px;
}

ul#kids li.l1 a:hover {background:url(../img/li_spelletjes_bck.gif) right top no-repeat;}
ul#kids li.l2 a:hover {background:url(../img/li_werking_bck.gif) right top no-repeat;}
ul#kids li.l3 a:hover {background:url(../img/li_werkstuk_bck.gif) right top no-repeat;}
ul#kids li.l4 a:hover {background:url(../img/li_send_bck.gif) right top no-repeat;}
ul#kids li.l5 a:hover {background:url(../img/li_knutselen_bck.gif) right top no-repeat;}
ul#kids li.l6 a:hover {background:url(../img/li_molentaal_bck.gif) right top no-repeat;}
ul#kids li.l7 a:hover {background:url(../img/li_molenweetjes_bck.gif) right top no-repeat;}

ul#kids li a span {visibility:hidden;}
ul#kids li a {text-decoration:none;}

/*+++++++++++++++*/
/*   CORNERS    */


span.top-left, span.top-right, span.bottom-left, span.bottom-right
{
	width:13px;
	height:13px;
	display:block;
	position:absolute;
}
span.top-left{top:4px;left:4px;background-image:url(../img/top_left.gif);}
span.top-right{top:4px;right:4px;background-image:url(../img/top_right.gif);}
span.bottom-left{bottom:4px;left:4px;background-image:url(../img/bottom_left.gif);}
span.bottom-right{bottom:4px;right:4px;background-image:url(../img/bottom_right.gif);}

/*   CORNERS    */
/*+++++++++++++*/



/*ecard pagina */

div.ecard
{ 
	background:url(../img/bg.gif) no-repeat; 
	width:440px; 
	padding:5px; 
	color:#FFFFFF;
	float:right;
}
	
div.ecard img
{ 
	border:4px solid white; 
	margin:0 20px 0 0;
	float:left;
}

div.ecard h3 {color:#FFFFFF;}
div.ecard a {color:white;}
div.ecard a:hover {color:white;}

div.ecard div.wrap
{ 
	border:1px solid white; 
	padding:20px;
}

div.content a.sponser {background:none;}
a.sponser img {border:none;}

div.flv {width:255px;
margin-right:10px;float:left;}