/* copyright De Stijlerij ontwerp & redactie - Jeannette Nieuwenhuizen */


body{
background-color: #faf3c7; /* zachtgeel */
font-family: "Comic Sans MS", Tahoma, Verdana, Sans-Serif;
font-size:62.5%; /* 1em = 10px */
color:#a10040; /* tekstkleur rood */
padding:0;
margin:0;}

/* alle divs */
* {margin:0; padding:0;}



img.download {vertical-align:middle;}

/* container */
#container{ 
width:1010px;
min-height:700px;
height:auto !important;
height:700px;
margin-left:auto;
margin-right:auto;
background:#faf3c7 url(../images/background-container.jpg) repeat;
background-attachment:scroll;}

img.download {vertical-align:middle;}


#header{width:1010px; height:105px; text-align:left; background:#faf3c7 url(../images/header-kids.jpg) no-repeat;}

#header-banner{
position:absolute;
margin-top:0;
width:200px;
height:105px;}

#blok1{
float:left;
width:200px;
min-height:575px;
height:auto !important;
height:575px;
position:relative; 
background:#faf3c7 url(../images/fotoblok.jpg) repeat;}


#blok2{
float:left;
width:590px;
min-height:575px;
height:auto !important;
height:575px;
position:relative; 
background:#fff url(../images/background-content.jpg) no-repeat;}



#blok3
{float:right;
width:220px;
min-height:575px;
height:auto !important;
height:575px;}








#rode-banner{
/*position:absolute;*/
width:590px;
height:21px;
background:#a10040;}

#rode-banner-tekst{
margin-left:50px;
padding-top:3px;
font: 7.5pt Arial;
color:#fff;}

#content, #content-activiteiten{
/*width:550px;
height:454px;*/
overflow:auto;}
	
#tekst2{padding: 35px 20px 10px 50px;}
	
p{font-size:1.3em; line-height:1.3em; margin-bottom:20px;}
.cursief{font-style:italic;}
.center{text-align:center;}
.right{text-align:right;}
p i{font-style:italic;}
p b{font-weight:bold;}
.comment{color:green; font-weight:bold;}

#tekst2-links{padding:25px 40px 10px 80px;}
#tekst2-links p{font-size:1.3em; line-height:1.3em; width:90%;}
#tekst2-links a {color:#e15c6d; text-decoration: none; background-color: transparent; font-weight:bold;}
#tekst2-links a:hover {color: #f39c00; text-decoration: none; background-color: transparent;}




/* hoofdmenu */
#list-menu {
width:220px;
height:265px;
font:1.1em "Comic Sans MS", Tahoma, Verdana, Sans-Serif;
margin-bottom:24px;}

#list-menu ul{
margin:0; 
padding:0; 
list-style-type:none;} 

#list-menu li{margin:0;} 


#list-menu a{
font-size:1em; 
font-weight:normal;
padding:3px 0px 2px 7px;
display:block;
width:213px;
border-bottom:1px solid #fff;
text-decoration: none;} 


#list-menu a:link, #list-menu a:active, #list-menu a:visited {
color: #a10040;}


#list-menu .actief{
background-color:#bcd378;
color:#fff;}



#list-menu a:hover {
border-bottom:1px solid #fff;
background:transparent;
color:#fff;
font-weight:normal;} 



/* links */
a{color:#f39c00; font-weight:bold; text-decoration:none; background-color:transparent;}
a:visited{color:#f39c00; text-decoration:none; background-color:transparent;}
a:hover{color:#f39c00; text-decoration:underline; background-color:transparent;}
a:active{color:#f39c00; text-decoration:none; background-color:transparent;}

h1 {font:1.5em "Comic Sans MS", Tahoma, Verdana, Sans-Serif; color:#e15c6d; margin-bottom:20px; display: block; font-weight:bold;}
h2{line-height: 1.5em; text-align:center; font:1.4em "Comic Sans MS", Tahoma, Verdana, Sans-Serif; color:#a10040; display: block; 
background-color:#ffd63b; font-weight:bold;}
h3{line-height: 1.5em; text-align:center; font:1.7em "Comic Sans MS", Tahoma, Verdana, Sans-Serif; color:#e7ad01;}
h4{font-family: Georgia, Cambria, "Trebuchet MS"; color:#a10040; font-weight:bold;
font-size: 1.6em; padding-bottom:2px; display: block;}



#adres {position:relative; width:220px; height:125px; background-color:#e15c6d; font-size:1.1em; color:#fff;}
#adres-tekst{padding: 35px 2px 2px 7px;}
#adres a{color:#fff; text-decoration:underline; font-weight:normal;} 
#adres a:visited{color:#fff;} 
#adres a:hover{color:#fff; text-decoration:underline;}
#adres a:active{color:#fff;}


#kids{position:absolute; width:220px; height:85px; border:0px;}



#text-list1, #text-list2{font-size:1.2em;	list-style:square; margin-bottom:15px;}

#text-tabel{margin-bottom:15px;}
#text-tabel td{font-size: 1.1em;	vertical-align: top; width:50%; padding-top:10px;}




ul{
list-style-type:square;
list-style-position:outside;
margin:0 0 15px 15px;}

ul li{margin-bottom:0px; font-size:1.1em;}




#footer{
clear:both;
width:590px;
height:20px;
margin-left:200px;
margin-bottom:10px;
text-align:center;
background-color:#ffd63b;}


#footer-content a{color:#a10040; text-decoration:none;} 
#footer-content a:visited{color:#a10040;} 
#footer-content a:hover{color:#a10040; text-decoration:underline;}
#footer-content a:active{color:#a10040;}

#footer-content{
font-size:1.1em;}

#content-activiteiten table{padding-bottom:15px; border-bottom:1px solid #a10040;}
#content-activiteiten td{font-size: 1.3em; vertical-align: top; width:10%; padding-top:10px;
padding-bottom:12px;}
#content-activiteiten .week{font-size:1.9em; color:#e15c6d;}
#content-activiteiten ul li{font-size:1.1em;}

#sponsors-tabel td{font-size: 1.1em; vertical-align: top; width:85%; padding-top:10px;}

p i{font-style:italic;}
p b{font-weight:bold;}
p u{text-decoration:underline;}
.comment{color: red;}	
.center{text-align:center;}
a img{border:0 none transparent;}

ul#lijst-kleur{border:2px solid #bcd379; background-color:#faf3c7;
padding:20px;}

.page404{font-size:1.8em;}