/* kleurcodes
lichtblauw: #219bd3
donkerblauw: #2e4694
rood: #dd051d
zwart: #0f0014
paars: #8e157b
geel: #f4e72a
groen: #94be0f
lichtgroen: #cfdf99;
oranje: ef920f
*/

/* body algemeen */

body {
		 margin: 6px 0 0 0;
		 padding: 0;
		 text-align: center;
		 background-color: #ffffff;
		 }
		 
/* positioning */
		 
#wrap {
			margin: 0;
			padding: 0;
			margin: 0 auto;
			width: 1004px;
			xborder: 1px solid #000000;
			}
			
      #sidebar {
      			position: relative;
      			float: left;
      			width: 243px;
      			min-height: 700px;
      			background-color: #cfdf99;
      			text-align: left;
      			}
      			
      #page_wrapdonkerblauw, #page_wrapgroen, #page_wraplichtblauw, #page_wraporanje, #page_wrappaars, #page_wraprood, #page_wrapzwart {
      			position: relative;
      			float: left;
      			width: 758px;
      			min-height: 700px;
      			margin-left: 3px;
      			text-align: left;
      			}

		#page_wrapdonkerblauw {
	      		background-image: url("../../Helmond_West/images/moeder_kind_donkerblauw.gif");
      			background-repeat: no-repeat;
      			background-position: bottom right;
}

		#page_wrapgroen {
	      		background-image: url("../../Helmond_West/images/moeder_kind_groen.gif");
      			background-repeat: no-repeat;
      			background-position: bottom right;
}

		#page_wraplichtblauw {
	      		background-image: url("../../Helmond_West/images/moeder_kind_lichtblauw.gif");
      			background-repeat: no-repeat;
      			background-position: bottom right;
}

		#page_wraporanje {
	      		background-image: url("../../Helmond_West/images/moeder_kind_oranje.gif");
      			background-repeat: no-repeat;
      			background-position: bottom right;
}

		#page_wraprood {
	      		background-image: url("../../Helmond_West/images/moeder_kind_rood.gif");
      			background-repeat: no-repeat;
      			background-position: bottom right;
}

		#page_wrappaars {
	      		background-image: url("../../Helmond_West/images/moeder_kind_paars.gif");
      			background-repeat: no-repeat;
      			background-position: bottom right;
}

		#page_wrapzwart {
	      		background-image: url("../../Helmond_West/images/moeder_kind_zwart.gif");
      			background-repeat: no-repeat;
      			background-position: bottom right;
}	

      			
            #header {
            			height: 143px;
            			width: 758px;
            			background-color: #eeeeee;
            			}
            			
            #content_wrap {
            			position: relative;
            			float: left;
            			width: 758px;
            			min-height: 526px;
            			background-image: url("../../Helmond_West/images/blokken.gif");
            			background-repeat: repeat-y;
            			background-position: top right;
            			}
            			
                  #content {
                  		  position: relative;
                  			float: left;
                  			width: 524px;
                  			min-height: 535px;
                  			border-right: 2px solid #8e157b;
                  }
									
									 					#content_text {
														margin: 5px 10px 10px 15px;
														}
														
														#kruimelpad {
														margin: 0 0 10px 0;
														}
														            
                  #sidebar_right {
                  		  position: relative;
                  			float: left;
                  			width: 209px;
                  			min-height: 535px;
                  			}
												
												#sidebar_text {
														margin: 5px 5px 10px 5px;
														}
            
                  #footergroen, #footerdonkerblauw, #footerlichtblauw, #footeroranje, #footerrood, #footerzwart, #footerpaars {
                  			clear: left;
                  			height: 22px;
                  			width: 758px;
                  			}

	#footergroen {
                  			background-image: url("../../Helmond_West/images/balk_groen.gif");
                  			background-repeat: repeat-x;
                  			background-position: bottom left;
}

	#footerdonkerblauw {
                  			background-image: url("../../Helmond_West/images/balk_donkerblauw.gif");
                  			background-repeat: repeat-x;
                  			background-position: bottom left;
}
	#footerlichtblauw {
                  			background-image: url("../../Helmond_West/images/balk_lichtblauw.gif");
                  			background-repeat: repeat-x;
                  			background-position: bottom left;
}
	#footerrood {
                  			background-image: url("../../Helmond_West/images/balk_rood.gif");
                  			background-repeat: repeat-x;
                  			background-position: bottom left;
}
	#footerpaars {
                  			background-image: url("../../Helmond_West/images/balk_paars.gif");
                  			background-repeat: repeat-x;
                  			background-position: bottom left;
}
	#footeroranje {
                  			background-image: url("../../Helmond_West/images/balk_oranje.gif");
                  			background-repeat: repeat-x;
                  			background-position: bottom left;
}
	#footerzwart {
                  			background-image: url("../../Helmond_West/images/balk_zwart.gif");
                  			background-repeat: repeat-x;
                  			background-position: bottom left;
}
			
/* typografie */

body {
 		 font-family: Arial;
		 font-size: 10pt;
		 color: #0f0014;
		 }
		 
h1	 {
		 font-size: 12pt;
		 font-weight: bold;
		 padding: 0;
		 margin: 0;
		 clear: both;
		 }

		 
		 .groen, .groen a {
			text-decoration: none;
		 	color: #94be0f;
			}
						
		 .paars, .paars a {
		 	color: #8e157b;
			text-decoration: none;
			}

		 .donkerblauw, .donkerblauw a{
		 	color: #2e4694;
			text-decoration: none;
			}

		 .lichtblauw, .lichtblauw a {
		 	color: #219bd3;
			text-decoration: none;
			}

		 .rood, rood a {
		 	color: #dd051d;
			text-decoration: none;
			}

		 .oranje, oranje a {
		 	color: #ef920f;
			text-decoration: none;
			}

		 .zwart, zwart a {
		 	color: #0f0014;
			text-decoration: none;
			}
		 
h2 {
	 	 font-size: 10pt;
		 font-weight: bold;
		 padding: 0;
		 margin: 0;
		 }

td {
		font-size: 10pt;
}
		 
#kruimelpad {
		 font-size: 8pt;
		 color: #94be0f;
		 }

hr		{	 
      		color: #8e157b;
		background-color: #8e157b;
      		height: 1px;
		}
			
.nieuws {
		padding-bottom: 10px;
		}

/* forms */

form {
	margin: 0 5px 0 8px;
	padding: 0px;
	padding-top: 2px;
}

.zoeken input {
	font-size: 1em;
	font-style: italic;
	color: #7f6859;
	height: 25px;
	width: 150px;
	border-top: 2px solid #8e157b;
	border-right: 2px solid #8e157b;
	border-bottom: 2px solid #8e157b;
	border-left: 2px solid #8e157b;
	padding: 2px;
}


/* lijstjes */

#sidebar_right ul {
		list-style-image: url("../../Helmond_West/images/bullet_paars.gif");
		list-style-type: disc;
		margin-left: -22px;
}

	#sidebar_right ul li{
			padding-bottom: 5px;
}

	#sidebar_right ul li a{
			text-decoration: none;
			color: #0f0014;
}



		 

/* Menu */
			
#menu {
  	postion: absolute;
  	float: left;
	margin: 0;
	width: 243px;
	xheight: 400px;
	height: 700px;
	background-color: #94be0f;
	}


#extramenu {
	position: absolute;
	top: 564px;
}



a.MenuNiveau1, a.MenuNiveau1groen, a.MenuNiveau1donkerblauw, a.MenuNiveau1rood, a.MenuNiveau1oranje, a.MenuNiveau1zwart, a.MenuNiveau1lichtblauw, a.MenuNiveau1paars {
  margin-left: 0px;
  width: 239px;
  padding: 5px 0 5px 4px;
  border-bottom-color: #ffffff;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  text-decoration: none;
  background: #94be0f;
  color: #000000;
  display: block;
  margin-bottom: -16px;
}


a.MenuNiveauA1, a.MenuNiveauA1groen, a.MenuNiveauA1donkerblauw, a.MenuNiveauA1rood, a.MenuNiveauA1oranje, a.MenuNiveauA1zwart, a.MenuNiveauA1lichtblauw, a.MenuNiveauA1paars  {
  margin-left: 0px;
  width: 239px;
  padding: 5px 0 5px 4px;
  border-bottom-color: #ffffff;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  text-decoration: none;
  font-weight: bold;
  display: block;
  margin-bottom: -16px;
}

	a.MenuNiveauA1groen, a.MenuNiveauA1 {
		background: #94be0f;
		color: #ffffff;
	}

	a.MenuNiveauA1donkerblauw {
		background: #2e4694;
		color: #ffffff;
	}

	a.MenuNiveauA1lichtblauw {
		background: #219bd3;
		color: #ffffff;
	}

	a.MenuNiveauA1oranje {
		background: #ef920f;
		color: #ffffff;
	}

	a.MenuNiveauA1paars {
		background: #8e157b;
		color: #ffffff;
	}

	a.MenuNiveauA1rood {
		background: #dd051d;
		color: #ffffff;
	}

	a.MenuNiveauA1zwart {
		background: #0f0014;
		color: #ffffff;
	}

a:hover.MenuNiveau1, a:hover.MenuNiveau1groen, a:hover.MenuNiveau1donkerblauw, a:hover.MenuNiveau1lichtblauw, a:hover.MenuNiveau1rood, a:hover.MenuNiveau1paars, a:hover.MenuNiveau1oranje, a:hover.MenuNiveau1zwart,
a:hover.MenuNiveauA1, a:hover.MenuNiveauA1groen, a:hover.MenuNiveauA1donkerblauw, a:hover.MenuNiveauA1lichtblauw, a:hover.MenuNiveauA1rood, a:hover.MenuNiveauA1paars, a:hover.MenuNiveauA1oranje, a:hover.MenuNiveauA1zwart,
a:hover.MenuNiveau2, a:hover.MenuNiveau2groen, a:hover.MenuNiveau2donkerblauw, a:hover.MenuNiveau2lichtblauw, a:hover.MenuNiveau2rood, a:hover.MenuNiveau2paars, a:hover.MenuNiveau2oranje, a:hover.MenuNiveau2zwart,
a:hover.MenuNiveauA2, a:hover.MenuNiveauA2groen, a:hover.MenuNiveauA2donkerblauw, a:hover.MenuNiveauA2lichtblauw, a:hover.MenuNiveauA2rood, a:hover.MenuNiveauA2paars, a:hover.MenuNiveauA2oranje, a:hover.MenuNiveauA2zwart,
   {
 xbackground: #cfdf99;
}

a.MenuNiveau2, a.MenuNiveau2groen, a.MenuNiveau2donkerblauw, a.MenuNiveau2rood, a.MenuNiveau2oranje, a.MenuNiveau2zwart, a.MenuNiveau2lichtblauw, a.MenuNiveau2paars {
  margin-left: 0px;
  width: 233px;
  padding: 5px 0 5px 10px;
  border-bottom-color: #ffffff;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  text-decoration: none;
  display: block;
  margin-bottom: -16px;
}

	a.MenuNiveau2groen, a.MenuNiveauA2 {
		background: #bed476;
		color: #000000;
	}

	a.MenuNiveau2donkerblauw {
		background: #7b7db6;
		color: #000000;
	}

	a.MenuNiveau2lichtblauw {
		background: #8cbde2;
		color: #000000;
	}

	a.MenuNiveau2oranje {
		background: #f7b96c;
		color: #000000;
	}

	a.MenuNiveau2paars {
		background: #b16fa5;
		color: #000000;
	}

	a.MenuNiveau2rood {
		background: #e87857;
		color: #000000;
	}

	a.MenuNiveau2zwart {
		background: #585468;
		color: #ffffff;
	}

a.MenuNiveauA2, a.MenuNiveauA2groen, a.MenuNiveauA2donkerblauw, a.MenuNiveauA2rood, a.MenuNiveauA2oranje, a.MenuNiveauA2zwart, a.MenuNiveauA2lichtblauw, a.MenuNiveauA2paars {
  margin-left: 0px;
  width: 233px;
  padding: 5px 0 5px 10px;
  border-bottom-color: #ffffff;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  text-decoration: none;
  display: block;
  font-weight: bold;
  margin-bottom: -16px;
}

	a.MenuNiveauA2groen, a.MenuNiveauA2 {
		background: #bed476;
		color: #000000;
	}

	a.MenuNiveauA2donkerblauw {
		background: #7b7db6;
		color: #000000;
	}

	a.MenuNiveauA2lichtblauw {
		background: #8cbde2;
		color: #000000;
	}

	a.MenuNiveauA2oranje {
		background: #f7b96c;
		color: #000000;
	}

	a.MenuNiveauA2paars {
		background: #b16fa5;
		color: #000000;
	}

	a.MenuNiveauA2rood {
		background: #e87857;
		color: #000000;
	}

	a.MenuNiveauA2zwart {
		background: #585468;
		color: #ffffff;
	}

/* Het menu kan verder uitgebreid worden met onderliggende niveaus. Onderstaand vind je daar de CSS voor 
    Het menu is ontwikkeld door Carel ten Hove van Seneca.

a.MenuNiveau3 {
  margin-left: 0px;
  width: 239px;
  padding: 5px 0 5px 20px;
  border-bottom-color: #ffffff;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background: #FD8C6C;
  text-decoration: none;
  display: block;
  color: white;
}

a.MenuNiveauA3 {
  margin-left: 0px;
  width: 239px;
  padding: 5px 0 5px 20px;
  border-bottom-color: #ffffff;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background: #FD8C6C;
  text-decoration: none;
  font-weight: bold;
  display: block;
  color: white;
}

a.MenuNiveau4 {
  margin-left: 0px;
  width: 239px;
  padding: 5px 0 5px 30px;
  border-bottom-color: #ffffff;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background: #FD8C6C;
  text-decoration: none;
  display: block;
  color: white;
}

a.MenuNiveauA4 {
  margin-left: 0px;
  width: 239px;
  padding: 5px 0 5px 30px;
  border-bottom-color: #ffffff;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background: #FD8C6C;
  text-decoration: none;
  font-weight: bold;
  display: block;
  color: white;
}

a.MenuNiveau5 {
  margin-left: 0px;
  width: 239px;
  padding: 5px 0 5px 40px;
  border-bottom-color: #ffffff;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background: #FD8C6C;
  text-decoration: none;
  color: white;
  display: block;
}

a.MenuNiveauA5{
  margin-left: 0px;
  width: 239px;
  padding: 5px 0 5px 40px;
  border-bottom-color: #ffffff;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background: #FD8C6C;
  text-decoration: none;
  font-weight: bold;
  color: white;
  display: block;
}

a.MenuNiveau6 {
  margin-left: 0px;
  width: 239px;
  padding: 5px 0 5px 40px;
  border-bottom-color: #ffffff;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background: #FD8C6C;
  text-decoration: none;
  color: white;
  display: block;
}

a.MenuNiveauA6{
  margin-left: 0px;
  width: 239px;
  padding: 5px 0 5px 40px;
  border-bottom-color: #ffffff;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background: #FD8C6C;
  text-decoration: none;
  font-weight: bold;
  color: white;
  display: block;
}


/* Kruimelpad */

ul#kruimelpad {
	margin: 0px;
	xmargin-left: 13px;
	padding: 0px;
	padding-top: 2px;
	font-size: 0.9em;
	list-style: none;
}

ul#kruimelpad li {
	position: relative;
	float: left;
	margin-left: 0px;
	xmargin-right: 5px;
	xpadding-left: 12px;
}

ul#kruimelpad li.niv1 a {
	color: #94be0f;
	font-weight: bold;
	text-decoration: none;
}

ul#kruimelpad li.niv1 a:hover {
	color: #db1d27;
}

ul#kruimelpad li.niv2 a {
	color: #94be0f;
	font-weight: bold;
	text-decoration: none;
}

ul#kruimelpad li.niv2 a:hover {
	color: #000000;
}

ul#kruimelpad li.niv3 a:hover {
	color: #000000;
}

ul#kruimelpad li.niv3 a {
	color: #94be0f;
	text-decoration: none;
}



