/*																									*
 *		CSS van de statische EetAtelier-site.											*
 *		Standaard 2-koloms indeling, niets spannends.								*
 *		In de 1e kolom gebeurt niet heel veel, alleen navigatie.					*
 *		De 2e bestaat uit een kop-met-logo en de eigenlijke inhoud.				*
 *																									*
 *		Copyright (c) 2008 Mariska de Groot (grafisch) en Erik Maes (code)	*
 *																									*
*/


/* standaard spul. komt nog een png-fix bij */

/* onderstaande om overbodige witruimte by default te clearen. */
*  {
	margin: 0;
	padding: 0;
	border: 0;
	/* border: 1px solid red; */
}

html  {
	font-family: verdana, sans-serif;	/* arial? tahoma? trebuchet? wut? wut? */
	font-size: 12px;
	color: #666;
}

body  {
	background: url(../images/bg.jpg) #e0fef1 no-repeat top left;
	text-align: center;	/* om kapotte oude browsers om de tuin te leiden. */
}

/* container met de site zelf. */

#main  {
	text-align: justify;	/* ...en de text alignt weer normaal. */
	width: 518px;
	margin: 76px auto auto 48px;
}

/* linker kolom: navigatie. */

#nav  {
	/* position: relative;*/ /* tegen vervelende explorers */
	background: url(../images/navbg.jpg) no-repeat top left;
	float: left;
	width: 109px;
	height: 505px;
	padding-top: 148px;
}

#nav ul  {
	/* padding: 0;
	margin: 0; */
	list-style-type: none;
}

#nav li  {
	height: 29px;
	margin: 1px 0;
}

#nav li a  {
	text-decoration: none;
}

/* rechter kolom: content en header. 					*/
/* headers onzichtbaar behalve voor screenreaders,	*/
/* text-only browsers en fossielen (netscape 4)		*/

#content  {
	/* position: relative; */ /* tegen vervelende explorers */
	min-height: 505px;
	width: 408px;
	margin-left: 110px;
	background-color: #f5f2f5;
}

#content h1  {
	background: url(../images/logo.png) no-repeat top;	/* tricky! de image moet precies over de bg van body heenvallen. */
	height: 148px;
	padding: 0 41px 0 70px;
}

#content h1 span  {
	display: none;
}

/*
#content img  {
	border: none;
}
*/

#content p  {
	padding: 25px;
}

#content ul  {
	list-style-type: none;
	font-size: .9em;
	
}

#content ul a  {
	text-decoration: none;
	color: #666;
}

#content ul a:hover  {
	text-decoration: underline;
	color: #000;
}

#content ul a:visited  {
	text-decoration: none;
	color: #000;
}

#content table  {
	margin: 25px;
}

#adres  {
	font-size: .7em
}

ul#adres  {
	list-style-type: none;
	margin: 0 0 25px 25px;
}

ul#links  {
	background: url(../images/links/S-schaduw_kl.jpg) no-repeat top right;
	padding: 0 0 100px 25px;
	margin: 25px 25px 0 0;
}

/* voet van content. adres etc */

#voet  {
	height: 30px;
	margin: auto 0 2px 0;
	line-height: 30px;
}

#voet img  {
	/* border: 0; */
}

/* om de twee kolommen af te sluiten. */

#footer  {
	font-size: 0.6em;
	color: #f5f2f5;
	text-align: center;
	clear: both;
	/* margin: 0; */
	padding: 0.2em;
}

/*														*
 *		einde css. gaat echt niet verder.	*
 *														*
 */