/* ----------------------------------------------------------------------------
Basic Style Sheet (all browsers)

version:		1.0
author:			Joost Pronk
email:			info@design-works.nl
website:		http://www.design-works.nl
---------------------------------------------------------------------------- */
*
{
	margin:0;
	padding:0;
	font-family: arial, verdana, helvetica, sans-serif;
	border: none;
	color: #666;
}


:focus
{
	outline: none;
}

.hidden
{
	display: none;
}


/* Typography
---------------------------------------------------------------------------- */
p
{
	font-size: 0.7em;
}

/* Generic classes
---------------------------------------------------------------------------- */
.clear
{
	clear: both;
}

.right
{
	float: right;
}

.left
{
	float: left;
}

.center
{
	margin: 0 auto;
}

/* Navigation
---------------------------------------------------------------------------- */
ul#mainMenu
{
text-indent: -9000px;
list-style:none;
overflow:hidden;
width: 214px;
}

ul#mainMenu li
{
height: 25px;
float:left;
}

ul#mainMenu li a
{
display:block;
}

/*<<<<<<<<<<<<<<<<<<<<<< Wie >>>>>>>>>>>>>>>>>>>>>>>*/
.wie
{
	width: 214px;
	height: 24px;
	float: left;
	background:url(http://www.agaattherapiepraktijk.nl/images/menu-wie.jpg) no-repeat;
	text-indent: -9999px;
}

a .wie
{
background:url(http://www.agaattherapiepraktijk.nl/images/menu-wie.jpg) no-repeat;
}

a:hover .wie
{
background:url(http://www.agaattherapiepraktijk.nl/images/menu-wie.jpg) 5px 0 no-repeat;
}

/*<<<<<<<<<<<<<<<<<<<<<< Wat >>>>>>>>>>>>>>>>>>>>>>>*/
.wat
{
	width: 214px;
	height: 24px;
	float: left;
	background:url(http://www.agaattherapiepraktijk.nl/images/menu-wat.jpg) no-repeat;
	text-indent: -9999px;
}

a .wat
{
background:url(http://www.agaattherapiepraktijk.nl/images/menu-wat.jpg) no-repeat;
}

a:hover .wat
{
background:url(http://www.agaattherapiepraktijk.nl/images/menu-wat.jpg) 5px 0 no-repeat;
}

/*<<<<<<<<<<<<<<<<<<<<<< Welke >>>>>>>>>>>>>>>>>>>>>>>*/
.welke
{
	width: 214px;
	height: 24px;
	float: left;
	background:url(http://www.agaattherapiepraktijk.nl/images/menu-welke.jpg) no-repeat;
	text-indent: -9999px;
}

a .welke
{
background:url(http://www.agaattherapiepraktijk.nl/images/menu-welke.jpg) no-repeat;
}

a:hover .welke
{
background:url(http://www.agaattherapiepraktijk.nl/images/menu-welke.jpg) 5px 0 no-repeat;
}

/*<<<<<<<<<<<<<<<<<<<<<< Wanneer >>>>>>>>>>>>>>>>>>>>>>>*/
.wanneer
{
	width: 214px;
	height: 24px;
	float: left;
	background:url(http://www.agaattherapiepraktijk.nl/images/menu-wanneer.jpg) no-repeat;
	text-indent: -9999px;
}

a .wanneer
{
background:url(http://www.agaattherapiepraktijk.nl/images/menu-wanneer.jpg) no-repeat;
}

a:hover .wanneer
{
background:url(http://www.agaattherapiepraktijk.nl/images/menu-wanneer.jpg) 5px 0 no-repeat;
}

/*<<<<<<<<<<<<<<<<<<<<<< Waar >>>>>>>>>>>>>>>>>>>>>>>*/
.waar
{
	width: 214px;
	height: 24px;
	float: left;
	background:url(http://www.agaattherapiepraktijk.nl/images/menu-waar.jpg) no-repeat;
	text-indent: -9999px;
}

a .waar
{
background:url(http://www.agaattherapiepraktijk.nl/images/menu-waar.jpg) no-repeat;
}

a:hover .waar
{
background:url(http://www.agaattherapiepraktijk.nl/images/menu-waar.jpg) 5px 0 no-repeat;
}

/*<<<<<<<<<<<<<<<<<<<<<< Waarom >>>>>>>>>>>>>>>>>>>>>>>*/
.waarom
{
	width: 214px;
	height: 24px;
	float: left;
	background:url(http://www.agaattherapiepraktijk.nl/images/menu-waarom.jpg) no-repeat;
	text-indent: -9999px;
}

a .waarom
{
background:url(http://www.agaattherapiepraktijk.nl/images/menu-waarom.jpg) no-repeat;
}

a:hover .waarom
{
background:url(http://www.agaattherapiepraktijk.nl/images/menu-waarom.jpg) 5px 0 no-repeat;
}

/*<<<<<<<<<<<<<<<<<<<<<< Onderzoek >>>>>>>>>>>>>>>>>>>>>>>*/
.onderzoek
{
	width: 214px;
	height: 24px;
	float: left;
	background:url(http://www.agaattherapiepraktijk.nl/images/menu-onderzoek.jpg) no-repeat;
	text-indent: -9999px;
}

a .onderzoek
{
background:url(http://www.agaattherapiepraktijk.nl/images/menu-onderzoek.jpg) no-repeat;
}

a:hover .onderzoek
{
background:url(http://www.agaattherapiepraktijk.nl/images/menu-onderzoek.jpg) 5px 0 no-repeat;
}


/* Content
---------------------------------------------------------------------------- */

.topsite
{
	width: 770px;
	height: 200px;
}

.toppic
{
	width: 400px;
	float: left;
}

.hoofdmenu
{
	width: 214px;
	margin: 5px 0 0 0;
	float: left;
}

.menutop
{
	width: 326px;
	height: 17px;
	float: left;
}

.main
{
	width: 74px;
	float: left;
	background:url(http://www.agaattherapiepraktijk.nl/images/home.jpg) no-repeat;
	text-indent: -9999px;
}

.links
{
	width: 67px;
	float: left;
	background:url(http://www.agaattherapiepraktijk.nl/images/links.jpg) no-repeat;
	text-indent: -9999px;
}

.nieuws
{
	width: 76px;
	float: left;
	background:url(http://www.agaattherapiepraktijk.nl/images/nieuws.jpg) no-repeat;
	text-indent: -9999px;
}

.contact
{
	width: 76px;
	float: left;
	background:url(http://www.agaattherapiepraktijk.nl/images/contact.jpg) no-repeat;
	text-indent: -9999px;
}

#photodiv
{
	float: left;
	background: #fff;
	width: 533px;
	height: 164px;
}

/* Fields
---------------------------------------------------------------------------- */

input,
select,
textarea
{
	padding: 3px 3px;
	border: 1px solid #ccc;
	margin: 3px 0 9px 0;
	font-size: 1em;
}

input:active,
textarea:active,
input:focus,
textarea:focus
{
	background: #ffcc66;
}