body {
         font-size:11px;
         color:#474747; /* donkergrijs */
         overflow:hidden;} /* Needed to eliminate scrollbars */
	
* {
         margin:0;
         padding:0;
         font-family:Arial, sans-serif;
         color:#474747;} /* donkergrijs */


/* body classes */
.home #content, .home #content #contentrechts {   
	background-color:#fff;}
.airfield #content, .airfield #content #contentrechts {   
	background-color:#f1f5f7;}
.berlingot #content, .berlingot #content #contentrechts {   
	background-color:#fdfbfc;}
.chevignon #content, .chevignon #content #contentrechts {   
	background-color:#faf9f2;}
.nafnaf #content, .nafnaf #content #contentrechts {   
	background-color:#edf3f8;}
.noukies #content, .noukies #content #contentrechts {   
	background-color:#e8f1f8;}
.okaybrasil #content, .okaybrasil #content #contentrechts {   
	background-color:#fbf6ef;}
.tuufsworld #content, .tuufsworld #content #contentrechts {   
	background-color:#f7fcff;}
.weise #content, .weise #content #contentrechts {   
	background-color:#f3f8fd;}
.overeurokids #content, .overeurokids #content #contentrechts {   
	background-color:#fbfcf8;}

ul {list-style-type:square;margin:10px 0 10px 20px;} 
ol {list-style-type:decimal;margin:10px 0 10px 20px;} 

img {
        border:none;}

#container {
        height:auto;
        min-height:100%;
        position:absolute;
        width:100%;
        z-index:2;}

* html #container {
        height:100% !important;
        min-height:100%;
        position:relative;
        z-index:7;}

#content {
        height:560px;
        width:100%;
        position:absolute;
        background:#eee;
        text-align:center;
        top:50%; /* zet de div verticaal in het midden */
        margin-top:-280px;} /* browser rekent vanaf middenlijn 50%, maar div moet de helft van 560 (dus 280) naar boven */ 

.bg-wit { /* witte div links van */
        background:#fff;
        width:50%;
        position:absolute;
        left:0;
        height:560px;}

/*** schaalbare div met alle content ***/
#contentframe {
        background-color:#fff;
        text-align:center; /* voor IE6 */
        height:560px;
        width:990px;
        margin:0 auto;
        position:relative;
        z-index:10;}

/* linker div met navigatie */
#contentframe #contentlinks {
        float:left;
        text-align:left;
        width:230px;
        height:560px;
        background-color:#fff;}

#contentframe #contentlinks .logo {
        margin-top:-17px;
        position:relative;
        z-index:100;} /* voor IE7 waar de negatieve topmargin negeert */

#contentframe #contentlinks #naw {
        width:230px;
        font-size:11px;
        text-align:left;
        margin-top:20px;}

#contentframe #contentlinks #naw h3 {
        font-size:13px;
        margin:20px 0;}

#contentframe #contentlinks #naw a:link, #contentframe #contentlinks #naw a:visited {
        text-decoration:none;
        color:#58bdcf;} /* groenblauw */	

#contentframe #contentlinks #naw a:hover {
        text-decoration:underline;
        color:#666;}	

/* midden div met de foto's */
#contentframe #contentmidden {
        float:left;
        text-align:left;
        width:520px;	
        height:560px;
        overflow:hidden;}

/* midden div home - breder want rechter div ontbreekt */
.home #contentframe #contentmidden {
        float:left;
        text-align:left;
        width:760px; /* 520 contentmidden + 240 contentrechts */	
        height:560px;
        overflow:hidden;
        background:#fff url(../_img/homepage_fotodiv_bg.jpg) no-repeat 0 0;}

/* midden div home met merklogo's */
.home #contentframe #contentmidden #logos { /* div met merklogos op de homepagina - zie voor imagelinks in navigatie.css */
        margin:40px 0 20px 30px;
        width:718px;
        height:325px;
        background-color:#fff;}

.home #contentframe #contentmidden #logos img { /* images in div met merklogos op de homepagina */
        float:left;
        margin-bottom:15px;
        margin-right:15px;}

.clear {
        clear: both;}

/* midden div home tekstvlak onder logos'*/ 
.home #contentframe #contentmidden #tekstvlak {
        margin:0px 0px 0px 30px;
        width:718px;
        height:140px;
        background:#fff url(../_img/logo_home_eurokids_groot.gif) no-repeat center right;}
      
.home #contentframe #contentmidden #tekstvlak h3 {
        margin-bottom:10px;
        text-transform:uppercase;
        font-size:12px;}

#contentframe #contentmidden #tekstvlak h4, h5, h6 {
        font-size:13px;
        margin:5px 0;}
        
.home #contentframe #contentmidden #tekstvlak p {
        width:370px;
        font-size:12px;
        margin-bottom:13px;}


/* contentrechts */
#contentframe #contentrechts {
        overflow-x:hidden; /* geen horizontale scrollbar als tekst te lang is */
        overflow-y:auto; /* verticale scrollbar als tekst te lang is */
        float:left;
        text-align:left;
        width:240px;
        height:560px;
        background-color:transparent;}

#contentframe #contentrechts #merklogo { /* op alle pagina's behalve Over Eurokids en Home */
        text-align:center;
        margin:25px 0px 0px 15px;
        width:200px;}

#contentframe #contentrechts #tekstvlak { 
        font-size:12px;
        line-height:1.5;
        margin:10px 0px 0px 15px;
        width:200px;}

#contentframe #contentrechts #tekstvlak h3 {
        margin:20px 0 10px 0;
        text-transform:uppercase;
        font-size: 12px;} 

#contentframe #contentrechts #tekstvlak p {
        margin-bottom:10px;}

#contentframe #contentrechts #nieuwsbrief { /* op pagina Over Eurokids */
        margin-left:15px;
        padding:10px 10px 0px 10px;
        width:200px;
        height:90px;
        background-color:#59c3d6;}

#contentframe #contentrechts #nieuwsbrief h3 { /* op pagina Over Eurokids */
        margin-bottom:5px;
        text-transform:uppercase;
        font-size:11px;
        color:#fff;}

#contentframe #contentrechts #nieuwsbrief p { /* op pagina Over Eurokids */
        margin-bottom:5px;
        color:#000;} 

#contentframe #contentrechts #nieuwsbrief .nbinput {  /* op pagina Over Eurokids */
        width:110px;
        height:22px;}

#contentframe #contentrechts #nieuwsbrief .nbsubmit {  /* op pagina Over Eurokids */
        width:65px;
        height:22px;
        color:white;
        font-weight:bold;
        padding-bottom:3px;
        cursor:pointer;
        background-color:#28a6bf;
        border:none;}

#contentframe #contentrechts #routebeschrijving { /* op pagina Over Eurokids */
        margin-top:20px;
        margin-left:15px;}

#contentframe #contentrechts #routebeschrijving h3 { /* op pagina Over Eurokids */
        text-transform:uppercase;
        font-size:11px;
        margin-bottom:5px;}

#contentframe #contentrechts #routebeschrijving p { /* op pagina Over Eurokids */
        line-height:1.5;}


a:link, a:visited {
        color:#58bdcf;
        text-decoration:none;} /* donkergrijs */

a:hover {
        color:#666;}

.overeurokids #content #contentlinks #naw h3.on {
        width: 108px;
        border-bottom:1px solid #58bdcf;}

.overeurokids #content #contentlinks #naw h3.on a { 
        text-decoration:none;
        color: #58bdcf;}

.overeurokids #content #contentlinks #naw h3.on a:hover { 
        text-decoration:none;
        color: #666;}


/*Supersize Plugin Styles*/
#supersize img, #supersize a{
	height:100%;
	width:100%;
	position:absolute;
	z-index: -1;
	display:block;}

#supersize img {
         opacity:0.35;
	filter:alpha(opacity=35);
	-moz-opacity:0.35;}
	
#supersize .activeslide, #supersize .activeslide img{
	display:inline;}

#supersize{
	position:fixed;}

#imgcontent {
	width:100%;
	height:100%;
	min-height:700px;
	overflow:hidden;
	position:absolute;
	z-index:-1;}

.midimg {
        padding:0;
        margin:0;
        border:0;}