h1
  { color: #ffffff; font-size: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 19px; }

h2
 { color: #ffffff; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; font-weight:normal; line-height: 16px;}
 
 ul
 { color: #ed1c24; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 17px }	
 
.athuis_tekst
 { color: #ffffff; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic;  line-height: 12px;}

.headertext
  { color: #ffffff; font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold ; line-height: 16px; }

.headertext02
 { color: #002b8a; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold }
 

.bodytext
    { color: black; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 17px }
	
	
.bullettext
    { color: #ed1c24; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 17px }	
    
    .bodytext_klein
    { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px }
    
    
    .bodytext_zwart
    { color: black; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 17px }

	
	.klein
    { color: #002b8a; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; line-height: 10px   }

	body {background-image: url(images/ach_verloop.jpg); background-repeat: repeat-x; }


a, a:link, a:active
         { color: black; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 17px }
a:hover
       { color: black; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 17px }
       
       
       .body_bg { background-image: url("images/bg.jpg"); background-position: center; overflow: auto background-attachment:fixed;}
       
/*********** .contact ***********/

.contactItem{
	width:300px;
	
}

.contactTitle{
	width:100px;
	float:left;
}

.contactField{
	width:150px;
	float:left;
	padding-top:2px;
}

#contact1{
	float:left;
	width:300px;
}

#contact2{
	float:left;
	width:200px;
}

.adres{
	font-size:85%;
	font-weight:bold;
	padding-top:3px;
}

.inputStyle, .inputStyleAct { color: #888888; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url("images/bg_input.gif"); background-repeat: repeat; padding-left: 7px; width: 250px; height: 18px; border: solid 1px #9d9f9e }

.inputStyleAct{
	border:1px solid #321981;
}


.textStyle,.textStyleAct { color: #888888; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url("images/bg_input.gif"); background-repeat: repeat; padding-left: 7px; width: 250px; height: 125px; border: solid 1px #9d9f9e }


.textStyleAct{
	border:1px solid #888888;
}

/************************* .even extra. ***********************/
		.menu {
						height: 30px;
						width: 100%;
						background: url(images/ach.jpg) repeat;
			}
			.cssnav	{
						position:relative;
						float: left;
						margin: 0; 
						padding: 0;
						font-family: arial, helvetica, sans-serif;
						background: url(images/overbtn01.gif) no-repeat;
						width: 150px; /* breedte van de buttons */
						height: 65px; /* hoogte van de buttons */
	                    overflow:hidden;/* for ie to hide extra height*/	
			}
			.cssnav a { display: block;
						/*color: #000000*/;
						font-size: 14px; width: 150px; /* breedte van de buttons */
						height: 65px; /* hoogte van de buttons */
						display: block; float: middle; color: #ffffff; /* kleur van de  tekst*/
						font-weight: bold; text-decoration: none; overflow:hidden;/* for ie to hide extra height*/
			}
			.cssnav a:hover {
						color: #ffff00; /* kleur van de rollover tekst*/
			}
			

			.cssnav img {width: 150px; height: 65px; border: 0; } /* breedte en hoogte van de buttons */
			* html a:hover {visibility:visible}
			.cssnav a:hover img{visibility:hidden}

			.cssnav span {
					    position: absolute;
					    left: 12px;top: 10px; /* positie van de tekst */
					    text-align: left;
					    width: 150px;
					    cursor: pointer;   
					     
			}





/************************ .Rollover Subgroepsbuttons. **************************/

.cssnavsub
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: url(http://www.aco-easygarden.nl/images/groeps_buttonB.gif) no-repeat;
white-space: nowrap;
display: block;
width: 235px;
height: 28px;
margin: 0;
padding: 0;
left: 35px;
}

.cssnavsub a
{
display: block;
color: #ffff00;
font-size: 16px;
width: 235px;
height: 18px;
display: block;
float: left;
color: #ffffff;
text-decoration: none;
}


			.cssnavsub a:hover {
						color: #ffff00; /* kleur van de rollover tekst*/
			}

.cssnavsub img
{
width: 235px;
height: 28px;
border: 0
}

* html a:hover
{
visibility:visible
}

.cssnavsub a:hover img
{
visibility:hidden
}

.cssnavsub span
{
position: absolute;
left: 35px;
top: 6px;
margin: 0px;
padding: 0px;
cursor: pointer;
}