/****************************************************
*
*	Author:			Pieter Hoogestijn
*	Date:			15-05-2007
*
*	kleurplaten.org
*
*
******************************************************/

*
	{
	padding							: 0px;
	margin							: 0px;
	}

html, body
	{
	width							: 100%;
	height							: 100%;
	font-family						: "Verdana";
	font-size						: 12px;
	background-color				: #eef5db;			/* licht groen */
	background-image				: url('../~imgs/menu_bg.jpg');
	background-repeat				: repeat-y;
	}

a img
	{
	border							: 0;
	}

div.clear
	{
	clear							: both;
	}
	
/********************** [ HEADERS ] ****************************************************/
H1
	{
	color							: #024e9d; /* logo blauw */
	font-family						: "Verdana";
	font-size						: 13px;
	font-weight						: bold;
	margin-bottom					: 10px;
	}

H1:FIRST-LETTER
	{
	text-transform					: uppercase;
	}

H1.sub
	{
	font-size						: 9pt;
	}

H2
	{
	color							: #024e9d; /* logo blauw */
	font-family						: "Verdana";
	font-size						: 13px;
	font-weight						: bold;
	margin-bottom					: 10px;
	}

H2:FIRST-LETTER
	{
	text-transform					: uppercase;
	}

H2.sub
	{
	font-size						: 9pt;
	}

H3
	{
	/*margin-top					: 25px;*/
	color							: #024e9d; /* logo blauw */
	font-family						: "Verdana";
	font-size						: 12px;
	font-weight						: bold;
	}

H3.homepage
	{
	color							: #759714;
	margin-bottom					: 2px;
	}

H4
	{
	color							: #024e9d; /* logo blauw */
	font-family						: "Verdana";
	font-size						: 12px;
	font-weight						: bold;
	}

H5
	{
	font-size						: 12px; /* linkpartners titel */
	font-family						: Georgia, "Times New Roman", Times, serif;
	color							: #573300;
	margin							: 0px;
	padding							: 4px 0px;
	}

H6
	{
	font-size						: 11px; /* kleurplaten titel */
	font-family						: Verdana;
	color							: #000000;
	margin							: 0px;
	font-weight						: normal;
	}

/********************** [ DIVS ] *******************************************************/
div#header
	{
	width							: 100%;
	height							: 90px;
	background-image				: url(header-right.gif);
	}
	#header-inner					{ width: 873px; height: 90px; background: url("header.jpg") no-repeat; }
	div#header form					{ padding: 16px 0 17px 20px; float: right; }
	div#header form .field			{ width: 185px; height: 27px; padding: 0 0 0 7px; background: url(search.gif); border: 0; font: 11px Verdana, Geneva, sans-serif; color: #374906; line-height: 27px; float: left; }
	div#header form .btn			{ width: 31px; height: 27px; background: url(search.gif) top right; border: 0; float: left; cursor: pointer; }
	div#header ul					{ padding: 0; list-style: none; float: right; }
	div#header ul li 				{ width: auto; float: left; }
	div#header ul li a				{ width: auto; display: block; float: left; }
	#lang							{ padding: 23px 0 0 !important; }
	#lang li						{ margin: 0 0 0 10px; }
	#lang li a						{ width: 16px !important; height: 11px; background: url(lang.gif); text-indent: -9999px; overflow: hidden; }
	#lang .en a						{ background-position: -16px 0; }
	#top-nav						{ clear: right; }
	#top-nav li						{ margin: 0 0 0 5px; }
	#top-nav li a					{ height: 30px; background: url(menu-up.gif) bottom right; font-weight: bold; color: #3e5207; cursor: pointer; }
	#top-nav li a span				{ height: 23px; padding: 7px 20px 0; background: url(menu-up.gif); float: left; }
	#top-nav li a:hover				{ background: url(menu-hover.gif) bottom right; color: #000; }
	#top-nav li a:hover span		{ background: url(menu-hover.gif); }

div.advertentie120x60
	{
	padding-left					: 6px;
	padding-right					: 5px;
	margin-top						: 10px;
	margin-bottom					: 0px;
	width							: auto;
	}

div.advertentie
	{
	padding-left					: 0px;
	padding-right					: 5px;
	margin-top						: 10px;
	margin-bottom					: 0px;
	width							: auto;
	}

div#menu
	{
	float							: left;
	width							: 145px;
	min-height						: 35px;
	background-color				: transparent;			/* donker groen */
	background-image				: url('menu_top.jpg');
	background-repeat				: no-repeat;
	}

div#content
	{
	padding							: 5px;
	width							: 736px;
	margin-left						: 140px;
	margin-top						: 5px;
	}

div#footer
	{
	margin-top						: 30px;
	float							: left;
	padding-bottom					: 20px;
	font-size						: 8pt;
	}

div#footer .copyright
	{
	color							: gray;
	float							: left;
	width							: 100%;
	}

div#footer .menu
	{
	border-top						: 1px solid #759714;
	color							: #759714;
	font-size						: 9pt;
	}

div.message p
	{
	display							: block;
	padding							: 10px;
	font-size						: 8pt;
	font-weight						: bold;
	width							: 100%;
	border							: 1px solid red;
	color							: red;
	margin-bottom					: 15px;
	}

div.colpicture_thumb
	{
	float							: left;
	padding							: 6px;
	margin							: 0px 9px 10px 0px;
	border-left						: 1px solid #759714;
	border-top						: 1px solid #759714;
	cursor							: pointer;
	position						: relative;
	}

div.colpicture_thumb:HOVER
	{
	background-color				: #759714;
	color							: white;
	}

div.colpicture_thumb img.new
	{
	position						: absolute;
	top								: 0;
	left							: 0;
	}

div.block
	{
	width							: 732px; /* 909 */
	float							: left;
	display							: block;
	margin-bottom					: 0px;
	}

div.search
	{
	background						: url('zoeken.jpg') bottom right no-repeat;
	width							: 262px;
	height							: 85px;
	padding							: 5px 0 0 471px;
	color							: #d4deb8;
	font-size						: 8pt;
	font-weight						: bold;
	float							: left;
	}

div.linkpartners
	{
	width							: 25%;
	float							: left;
	margin-left						: 0px;
	margin-top						: 4px;
	margin-bottom					: 10px;
	}

div.adminPanel
	{
	display							: none;
	margin-top						: 5px;
	border							: 1px solid #759714;
	padding							: 10px;
	}


/********************** [ P ] ***********************************************************/
p
	{
	display							: block;
	font-family						: "Verdana";
	font-size						: 9pt;
	font-weight						: normal;
	}

p.small
	{
	font-size						: 8pt;
	margin-bottom					: 10px;
	}

div.colpicture_thumb p
	{
	padding-top						: 5px;
	font-size						: 8pt;
	}

/********************** [ A ] ***********************************************************/
a
	{
	color							: #024e9d;
	text-decoration					: none;
	}

a.folder
	{
	padding-left					: 20px;
	background-image				: url('../~imgs/folder.gif');
	background-repeat				: no-repeat;
	color							: black;
	text-decoration					: none;
	float							: left;
	}

a.folder:HOVER
	{
	text-decoration					: underline;
	}

H2 a
	{
	color							: #759714;
	}

/********************** [ IMG ] **********************************************************/
img.preview
	{
	border							: 1px solid #759714;
	}

/********************** [ TAGCLOUD ] **********************************************************/
#menu div.tagcloud {
	padding							: 5px;
	width							: 115px;
}
#menu div.tagcloud a {
	color							: #024E9D;
	white-space						: nowrap;
	margin-right					: 5px;
}
#menu div.tagcloud a:hover{
	text-decoration					: underline;
}
/********************** [ LI ] **********************************************************/
#menu a 
	{
	text-decoration					: none;
	color							: #fff;
	}

#menu a:hover 
{
	color							: #024e9d;
}

ul#menu
	{
	padding-top						: 35px;
	}

ul.partners
	{
	margin-left						: 20px;
	font-size						: 8pt;
	list-style-type					: square;
	}

li, li a
	{
	display							: block;
	width							: 133px;
	height							: 22px;
	font-size						: 10pt;
	font-color						: #FFFFFF; 
	font-weight						: bold;
	font-family						: helvetica, verdana;
	background-color				: transparent;
	}

li:hover
	{
	cursor							: pointer;
	}

/********************** [ SHARE BOX ] ***************************************************/
div.share
	{
	clear							: both;
	margin							: 10px 0;
	padding							: 10px;
	border							: 1px solid #759714;
	width							: 580px;
	color							: #024E9D;
	}

div.share div.entry
	{
	clear							: both;
	overflow	 					: hidden;
	margin-top						: 10px;
	color							: black;
	}

div.share label
	{
	float							: left;
	width							: 90px;
	}

div.share input
	{
	float							: left;
	width							: 480px;
	border							: 1px solid #888;
	}

div.share div.addthis_toolbox
	{
	float							: left;
	width							: 480px;	
	}

div.stemvak
	{
	clear							: both;
	margin							: 0px 0;
	padding							: 2px;
	border							: 1px solid #759714;
	width							: 114px; /* 279 */
	margin-bottom					: 10px;
	}
	
#headtitle
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #024e9d;;
	margin-top:3px;
	text-decoration: underline ;
	font-weight: bold;
	font-style: normal;
	}
	
#middletitle
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-decoration: none ;
	font-weight: normal;
	font-style: normal;
	}
/********************** [ KOLOMMEN ] ***************************************************/
div.kolom 							{ float: left; width: 148px; margin-right: 15px; border: solid #759714; border-width: 1px 0 0 1px; padding: 5px 10px; }
div.kolom h3 						{ color: #759714; margin-bottom: 5px; margin-top: 20px; }
div.kolom ul 						{ margin-bottom: 10px; }
div.kolom ul li a:hover 			{ text-decoration: underline; }

/* PRELOAD HOVER IMAGES */
#home	 							{ background: url('../~imgs/potlood/home.jpg'); width: 129px; height: 20px; padding-left: 4px; padding-top: 2px;}
#beroepen 							{ background: url('../~imgs/potlood/beroepen.jpg'); width: 129px; height: 20px; padding-left: 4px; padding-top: 2px;}
#aardrijkskunde 					{ background: url('../~imgs/potlood/aardrijkskunde.jpg'); width: 129px; height: 20px; padding-left: 4px; padding-top: 2px;}
#dieren								{ background: url('../~imgs/potlood/dieren.jpg'); width: 129px; height: 20px; padding-left: 4px; padding-top: 2px;}
#diversen							{ background: url('../~imgs/potlood/diversen.jpg'); width: 129px; height: 20px; padding-left: 4px; padding-top: 2px;}
#filmtv								{ background: url('../~imgs/potlood/filmtv.jpg'); width: 129px; height: 20px; padding-left: 4px; padding-top: 2px;}
#knutselen							{ background: url('../~imgs/potlood/knutselen.jpg'); width: 129px; height: 20px; padding-left: 4px; padding-top: 2px;}
#mandala							{ background: url('../~imgs/potlood/mandala.jpg'); width: 129px; height: 20px; padding-left: 4px; padding-top: 2px;}
#muziek								{ background: url('../~imgs/potlood/muziek.jpg'); width: 129px; height: 20px; padding-left: 4px; padding-top: 2px;}
#peuter								{ background: url('../~imgs/potlood/peuter.jpg'); width: 129px; height: 20px; padding-left: 4px; padding-top: 2px;}
#puzzelen							{ background: url('../~imgs/potlood/puzzelen.jpg'); width: 129px; height: 20px; padding-left: 4px; padding-top: 2px;}
#school								{ background: url('../~imgs/potlood/school.jpg'); width: 129px; height: 20px; padding-left: 4px; padding-top: 2px;}
#seizoen							{ background: url('../~imgs/potlood/seizoen.jpg'); width: 129px; height: 20px; padding-left: 4px; padding-top: 2px;}
#sport								{ background: url('../~imgs/potlood/sport.jpg'); width: 129px; height: 20px; padding-left: 4px; padding-top: 2px;}
#stripfiguren						{ background: url('../~imgs/potlood/stripfiguren.jpg'); width: 129px; height: 20px; padding-left: 4px; padding-top: 2px;}
#thema								{ background: url('../~imgs/potlood/thema.jpg'); width: 129px; height: 20px; padding-left: 4px; padding-top: 2px;}
#voertuigen							{ background: url('../~imgs/potlood/voertuigen.jpg'); width: 129px; height: 20px; padding-left: 4px; padding-top: 2px;}
#spelletjes							{ background: url('../~imgs/potlood/spelletjes.jpg'); width: 129px; height: 20px; padding-left: 4px; padding-top: 2px;}

#home1								{ background: transparent url('../~imgs/menu_hover/home.jpg');}
#dieren1 							{ background: transparent url('../~imgs/menu_hover/dieren.jpg');}
#feestdagen1						{ background: transparent url('../~imgs/menu_hover/feestdagen.jpg');}
#mandala1							{ background: transparent url('../~imgs/menu_hover/mandala.jpg');}
#muziek1							{ background: transparent url('../~imgs/menu_hover/muziek.jpg');}
#peuter1							{ background: transparent url('../~imgs/menu_hover/peuter.jpg');}
#sport1								{ background: transparent url('../~imgs/menu_hover/sport.jpg');}
#stripfiguren1						{ background: transparent url('../~imgs/menu_hover/stripfiguren.jpg');}
#verjaardag1						{ background: transparent url('../~imgs/menu_hover/verjaardag.jpg');}
#voertuigen1						{ background: transparent url('../~imgs/menu_hover/voertuigen.jpg');}
#beroepen1							{ background: transparent url('../~imgs/menu_hover/beroepen.jpg');}
#sinterklaas1						{ background: transparent url('../~imgs/menu_hover/sinterklaas.jpg');}
#filmtv1							{ background: transparent url('../~imgs/menu_hover/filmtv.jpg');}
#thema1								{ background: transparent url('../~imgs/menu_hover/thema.jpg');}
#spelletjes1						{ background: transparent url('../~imgs/menu_hover/spelletjes.jpg');}
#kerstmis1							{ background: transparent url('../~imgs/menu_hover/kerstmis.jpg');}

/* LOAD HOVER IMAGES */
#home1:hover 						{ background: transparent url('../~imgs/menu_hover/home.jpg');}
#dieren1:hover 						{ background: transparent url('../~imgs/menu_hover/dieren.jpg');}
#feestdagen1:hover					{ background: transparent url('../~imgs/menu_hover/feestdagen.jpg');}
#mandala1:hover						{ background: transparent url('../~imgs/menu_hover/mandala.jpg');}
#muziek1:hover						{ background: transparent url('../~imgs/menu_hover/muziek.jpg');}
#peuter1:hover						{ background: transparent url('../~imgs/menu_hover/peuter.jpg');}
#sport1:hover						{ background: transparent url('../~imgs/menu_hover/sport.jpg');}
#stripfiguren1:hover 				{ background: transparent url('../~imgs/menu_hover/stripfiguren.jpg');}
#verjaardag1:hover					{ background: transparent url('../~imgs/menu_hover/verjaardag.jpg');}
#voertuigen1:hover					{ background: transparent url('../~imgs/menu_hover/voertuigen.jpg');}
#beroepen1:hover					{ background: transparent url('../~imgs/menu_hover/beroepen.jpg');}
#sinterklaas1:hover					{ background: transparent url('../~imgs/menu_hover/sinterklaas.jpg');}
#filmtv1:hover						{ background: transparent url('../~imgs/menu_hover/filmtv.jpg');}
#thema1:hover						{ background: transparent url('../~imgs/menu_hover/thema.jpg');}
#spelletjes1:hover					{ background: transparent url('../~imgs/menu_hover/spelletjes.jpg');}
#kerstmis1:hover					{ background: transparent url('../~imgs/menu_hover/kerstmis.jpg');}

/* LOAD MENU IMAGES */
#home1 								{ background: transparent url('../~imgs/menu/home.jpg');}
#dieren1 							{ background: transparent url('../~imgs/menu/dieren.jpg');}
#feestdagen1						{ background: transparent url('../~imgs/menu/feestdagen.jpg');}
#mandala1							{ background: transparent url('../~imgs/menu/mandala.jpg');}
#muziek1							{ background: transparent url('../~imgs/menu/muziek.jpg');}
#peuter1							{ background: transparent url('../~imgs/menu/peuter.jpg');}
#sport1								{ background: transparent url('../~imgs/menu/sport.jpg');}
#stripfiguren1 						{ background: transparent url('../~imgs/menu/stripfiguren.jpg');}
#verjaardag1						{ background: transparent url('../~imgs/menu/verjaardag.jpg');}
#voertuigen1						{ background: transparent url('../~imgs/menu/voertuigen.jpg');}
#beroepen1							{ background: transparent url('../~imgs/menu/beroepen.jpg');}
#sinterklaas1						{ background: transparent url('../~imgs/menu/sinterklaas.jpg');}
#filmtv1							{ background: transparent url('../~imgs/menu/filmtv.jpg');}
#thema1								{ background: transparent url('../~imgs/menu/thema.jpg');}
#spelletjes1						{ background: transparent url('../~imgs/menu/spelletjes.jpg');}
#kerstmis1							{ background: transparent url('../~imgs/menu/kerstmis.jpg');}


select
	{
	width							: 50px;
	text-align						: center;
	}

td
	{
	height							: auto;
	padding-right					: 25px;
	}

td.label
	{
	width							: 120px;
	}

td.bottom
	{
	padding-top						: 5px;
	text-align						: right;
	}



tr.mouseaccent:HOVER
	{
	background-color				: #759714;
	color							: white;
	}

th
	{
	background-color				: #024e9d;
	color							: white;
	}

table
	{
	font-family						: "Verdana";
	font-size						: 9pt;
	font-weight						: normal;
	}

input.btnRemove
	{
	background-color				: transparent;
	border							: 0px;
	color							: #759714;
	cursor							: pointer;
	font-size						: 8pt;
	font-weight						: bold;
	}

input.small
	{
	font-size						: 8pt;

	}

td.small
	{
	font-size						: 8pt;
	}

input.search
	{
	border							: 1px solid #d4deb8;
	background-color				: transparent;
	font-size						: 8pt;
	padding-left					: 2px;
	color							: #d4deb8;
	}


ul.sitemap 							{ display:block; }
ul.sitemap li 						{ display:block; padding: 5px 0 5px;	background-color : none;width:auto;height:auto;  }
ul.sitemap li ul 					{ display:block; margin-left:100px; background-color : none;  }
ul.sitemap li ul li 				{ display:block; padding: 5px 0 5px; background-color : none; clear:both;width:auto;height:auto;  }

#country
	{
	position						: absolute; 
	top								: 70px; 
	left							: 856px; 
	height							: 11px ;
	width							: 16px;
	}