*
{
margin: 0;
padding: 0;
}

body
{
font: normal 12px/20px Arial, Helvetica, sans-serif;
color: #366AB6;
}

#left
{
float: left;
}
#right
{
float: right;
}

#titel
{
font-size: 25px;
margin-left: 8px;
padding-top: 16px;
font-weight: bold;
}

#column_left
{
width: 262px;
float: left;
margin-right: 8px;
overflow: hidden;
}

#column_right
{
width: 262px;
float: left;
overflow: hidden;
}

#column_middle
{
width: 10px;
height: 10px;
float: left;
margin-right: 8px;
}

#header
{
width: 850px;
height: 300px;
}

#container
{
width: 850px;
margin: auto;
position: relative;
height: auto;
}

#menu_zijkant {
width: 42px;
height: 387px;
float: left;
}

#menu_container
{
float: left;
width: 213px;
height:600px;
}

#menu
{
background-image:url(../img/kooskidsclub/menu2.gif);
width: 215px;
height: 387px;
}

#content
{
width: 570px;
float: left;
margin-bottom: 40px;
}
#contentpadding
{
padding: 40px 0 8px 8px;
}

a img
{
  border: none;
}

/* Thema Bos
********************************/

#themaBos
{
background: #64AF1E;
}

#themaBos #container
{
background: url(../img/kooskidsclub/wrapper_bg.gif);
}

#themaBos #header
{
background: url(../img/kooskidsclub/header_gras_klein.jpg) no-repeat center;
margin: auto;
width: 100%;
}

#themaBos #spacer
{
background: #FF0000;
}

#themaBos #menu_zijkant
{
background: url(../img/kooskidsclub/menu_gras.gif) no-repeat;
}

#themaBos #footer
{
background: url(../img/kooskidsclub/footer.gif) right no-repeat;
}

/* Thema Strand
********************************/

#themaStrand
{
background: #FFF394;
}

#themaStrand #container
{
background: url(../img/kooskidsclub/wrapper_strand_bg.gif)
}

#themaStrand #header
{
background: url(../img/kooskidsclub/header_strand_klein.jpg) no-repeat center;
margin: auto;
width: 100%;
}

#themaStrand #menu_zijkant
{
background: url(../img/kooskidsclub/menu_strand.gif) no-repeat;
}

#themaStrand #footer
{
background: url(../img/kooskidsclub/footer_strand.gif) no-repeat;
padding-top: 40px;
}

/* Thema Zwembad
********************************/

#themaZwembad
{
background: #94B5DA;
}

#themaZwembad #container
{
background: url(../img/kooskidsclub/wrapper_zwembad_bg.gif)
}

#themaZwembad #header
{
background: url(../img/kooskidsclub/header_water_klein.jpg) no-repeat center;
margin: auto;
width: 100%;
}

#themaZwembad #menu_zijkant
{
background: url(../img/kooskidsclub/menu_water.gif) no-repeat;
}

#themaZwembad #footer
{
background: url(../img/kooskidsclub/footer_water.gif) right no-repeat;
}

h1
{
font: normal 20px/20px Tahoma;
margin: 0 0 15px 0;
}

h3
{
font: bold 20px/20px Tahoma;
margin: 10px 0 10px 0;
}

p
{
margin: 0 0 5px 0;
}

.geel
{
color: #F9C51E;
}

#wrapper
{
width: 100%;
}

#panel
{
background:url(../img/kooskidsclub/bg_dans.jpg) repeat-x;
background-color: #6D9ED7;
margin: 0;
padding: 7px;
width: 224px;
color: #fff;
}

#login
{
width: 540px;
height: 700px;
}

#login img
{
border: 0;
}

#login p
{
margin: 10px 0 0 0;
text-align: center;
}

.flash
{
margin: 20px 0 0 250px;
}

.verzenden
{
background-color: #366AB6;
back
float: right;
border: 1px solid #fff;
margin: 0 22px 20px 0;
color: #fff;
}

/* start item 1 */

.item
{
background:url(../img/kooskidsclub/stippellijn.gif) bottom left repeat-x;
padding: 0 0 15px 0;
margin: 0 0 15px 0;
}

.item h2
{
font: bold 12px "Tahoma";
text-transform:uppercase;
margin: 15px 0 5px 0;
}

.item .leesmeer
{
width: 120px;
height: 16px;
color:#FFFFFF;
background-color: #A7C8EC;
font: bold 11px "Tahoma";
text-align:right;
float: right;
}

.item a:link, .item a:visited
{
text-decoration: none;
font-weight: bold;
color: #366AB6;
padding: 0;
}

.item a:hover, .item a:active
{
text-decoration: underline;
font-weight: bold;
color: #366AB6;
padding: 0;
}

.item .geel:link, .item .geel:visited
{
color: #F9C51E;
padding: 0;
}

/* einde item 1 */

/*begin item 2 */

.item2 {
	background:url(../img/kooskidsclub/stippellijn.gif) bottom left repeat-x;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}

.item2 a:link, .item2 a:visited {
	text-decoration: none;
font-weight: bold;
color: #366AB6;
	padding: 0 0 0 20px;
}

.item2 a:hover, .item2 a:active {
	text-decoration: underline;
font-weight: bold;
color: #366AB6;
	padding: 0 0 0 20px;
}

/* einde item 2 */

#logos {
	float: left;
	margin: 0px 0 0 10px;
        clear: both;
}

#logos img {
	border: none;
}

#koosradio {
	position: absolute;
	top: 550px;
	left: -30px;
	z-index: 10;
clear: both;
}

.clear
{
clear:both;
}

.stippellijn
{
margin: 18px 0 18px 0;
background:url(../img/kooskidsclub/stippellijn.gif) repeat-x;
}

.stippellijn2
{
margin: 18px 0 18px 0;
width: 250px;
height: 3px;
background:url(../img/kooskidsclub/stippellijn.gif) repeat-x;
}

#eekhoorn
{
background-image:url(../img/kooskidsclub/eekhoorn.jpg);
width: 322px;
height: 193px;
position: absolute;
left: -86px;
bottom: -53px;
}

#specht
{
background-image:url(../img/kooskidsclub/specht.gif);
width: 95px;
height: 182px;
position: absolute;
right: -67px;
top: 213px;
}

#spelletjes img
{
margin: 0 0 0 7px;
}

#menu ul
{
  width: 200px;
}

#menu li
{
list-style: none;
font: bold 15px/26px Arial;
border-bottom: 1px solid #fff;
margin-right: 14px;
}

#menu ul li a:link, #menu ul li a:visited
{
text-decoration: none;
padding-left: 20px;
color: #FFF;
background:url(../img/kooskidsclub/bullet.gif) 0 7px no-repeat;
}

#menu ul li a:hover
{
text-decoration: none;
padding-left: 20px;
color: #F9E020;
background:url(../img/kooskidsclub/bullet_over.gif) 0 7px no-repeat;
}
#menu ul li a:active
{
color: #000;
}

/* formulier */

#form {
	width: 400px;
	margin: 0 0 0 60px;
}

#form .leesmeer  {
	width: 160px;
	height: 16px;
	color:#FFFFFF;
	float: right;
	background-color: #A7C8EC;
	font: bold 11px "Tahoma";
	margin: 10px 21px 0 50px;
	text-align:right;
}

.leesmeer a:link,
.leesmeer a:visited
{
text-decoration: none;
color: #FFF;
padding: 0 8px 0 8px;
}

.leesmeer a:hover,
.leesmeer a:active
{
text-decoration: underline;
padding: 0 8px 0 8px;
}

.input {
	width: 200px;
	height: 20px;
	border-collapse:collapse;
	border: 1px solid #CCCCCC;
	font-size:13px;
	color: #CCCCCC;
}

tr {
 	margin:10px 0;
}

td {
 	margin:10px 0;
 	padding: 5px 0 5px 10px;
	font-weight: bold;
 }

.vriendje {
	margin: 0 0 25px 20px;
}

.right {
	text-align:right;
	padding: 0 23px 0 0;
}

.geel a:link, .geel a:visited {
	text-decoration: none;
	color: #000;
	padding: 0 0 0 20px;
}

.geel a:hover, .geel a:active {
	text-decoration: underline;
	padding: 0 0 0 20px;
}

/* einde formulier */

#navigatie
{
position: absolute;
bottom: -50px;
right: 10px;
}

#navigatie_strand {
	position: absolute;
	right: 10px;
	bottom: -40px;
}

#bannerruimte {
	height: 180px;
	width: 100px;
}

#footer {
width: 850px;
	margin: auto;
	height: 79px;
}

.disclaimer {
	position: relative;
	left: 20px;
	bottom: 6px;
	color:#fff;
}

#taal
{
position: absolute;
right: 20px;
top: 0;
float: right;
}
#taal a:link, #taal a:visited
{
text-decoration: none;
font-weight: bold;
color: #366AB6;
padding: 0;
}
#taal a:hover
{
text-decoration: underline;
}

#taal img {
	border: none;
}

.onderdeel {
	position: relative;
	left: 0px;
	bottom: -50px;
	color:#fff;
        margin-left: 40px;
}

.disclaimer a:link, .disclaimer a:visited {
	color: #fff;
}

.disclaimer a:hover, .disclaimer a:active {
	color: #366AB6;
}

.sifr {
	height: 60px;
padding-right: 5px;
	float: left;
}

.list {
	padding: 0 0 0 30px;
	list-style:none;
	margin: 0 0 10px 0;
	background:url(../img/kooskidsclub/bullet_list.gif) 5px 9px no-repeat;
}

.img
{
float: right;
}

#item {
	width: 550px;
	margin: 0 0 20px 0;
}

#item a:link, #item a:visited {
	text-decoration: none;
	color: #FFF;
	padding: 0 0 0 20px;
}

#item a:hover, #item a:active {
	text-decoration: underline;
	padding: 0 0 0 20px;
}

li {
padding: 0;
margin-left: 10px;
}
