/*	Stylesheet behorende bij www.peuterstad.nl
	Gemaakt door Ernst van der Stok in november 2008 */


/*---------------------------------------------------*/
/* De opmaak div's */
body {
	background: #0000FE;
	color: #000000;
	font-family: verdana, arial, tahoma, helvetica, sans-serif;
	font-size: small;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#container {										/* container waar de webpagina in moet komen, is 778px breed en wordt automatisch in het midden gezet */
	width: 778px;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
}

#header {											/* header is het bovengedeelte */
	background: #FFE400 url(bg_header.jpg) no-repeat;
	height: 165px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#content {											/* content is het middengedeelte */
	background: #FFFFFF url(bg_content.jpg) repeat-y;
	margin: 0px;
	padding: 0px;
	border: 0px;
}


#menu_left {										/* Het linker menu die in het middengedeelte (content) links zweeft. Margin en padding zijn aangepast voor IE, waarschijnlijk omdat ik een vaste breedte opgeef */
	float: left;
	width: 140px;
	margin: 0px 0px 0px 26px; 
	padding: 0px 0px 0px 0px;
	border: 0px;
}

#menu_left_list {									/* Extra div in het linker menu om geen problemen te krijgen met de list die hierin staat bij verschillende browsers */
	margin: 0px 10px 10px 10px;
	padding: 0px;
}

#menu_right {										/* Het rechter menu die in het middengedeelte (content) links zweeft. Margin en padding zijn aangepast voor IE, waarschijnlijk omdat ik een vaste breedte opgeef */
	float: right;
	width: 140px;
	margin: 0px 26px 0px 0px;
	padding: 0px 0px 0px 0px; 
	border: 0px;
}

#menu_right_list {									/* Extra div in het rechter menu om geen problemen te krijgen met alles dat hierin staat bij verschillende browsers */
	margin: 0px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	text-align: center;								/* Center zodat de verticale foto's ook mooi in het midden komen te staan */
}

#text {												/* Div in het midden van het middengedeelte (content), dus tussen de menu's in. Vandaar de grote margins */
	margin: 0px 180px 0px 190px;
	padding: 0px;
	border: 0px;
	min-height: 26em;
}

#fotos {											/* Speciaal voor de fotoalbum pagina, zodat daar alles binnen het witte gedeelte blijft */
	width: 400px;
}

#footer {											/* footer is het ondergedeelte */
	background: #FFE400 url(bg_footer.jpg) no-repeat;
	height: 120px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}


/*---------------------------------------------------*/
/* Toegankelijkheid */
.accessibility {									/* Verbergt de "spring naar content"-link, zodat luisterende bezoekers niet elke keer door de menu's hoeven te gaan. Dit alles is dus wel zichbaar in hun geval. */
	display: none;
}


/*---------------------------------------------------*/
/* Specifieke opmaak */
h1 {												/* h1 is kleiner dan h2 */
	color: #FFFFFF;
	font-family: verdana, arial, tahoma, helvetica, sans-serif;
	font-size: large;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 27px 0px 0px 0px;
}

h2 {												/* h2 is groter dan h1 */
	color: #FFFFFF;
	font-family: verdana, arial, tahoma, helvetica, sans-serif;
	font-size: xx-large;
	text-align: center;
	margin: 35px 0px 0px 0px;
}

h3 {												/* Nodig, omdat anders sommige browsers de content en header splitsen en er een blauwe achtergrond te zien is */
	margin-top: 0px;
}

p {
	color: #000000;
	font-family: verdana, arial, tahoma, helvetica, sans-serif;
	font-size: small;
}

ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

li {
	margin-top: 5px;
}

ul ul {
	margin: 0px 0px 0px 20px;
}

img {
	border: 0px;
}

.right {
	float: right;
	margin: 0px 0px 5px 5px;
}

.left {
	float: left;
	margin: 0px 10px 5px 0px;
}

.center {
	text-align: center;
}

#menu_left_list ul, #menu_left_list a, #menu_left_list a:visited, #menu_left_list a:active, #menu_left_list a:link {	/* De paddings en margins van de lists in de menu's hetzelfde gemaakt voor elke browser (namelijk 0). De standaardkleuren van de links ook weggehaald. */
	list-style-type: none;
	text-decoration: none;
	text-align: center;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

#menu_left_list a:hover {								/* Tekst wordt onderstreept als je boven een link blijft hangen */
	text-decoration: underline;
	color: #0000FE;
}

#menu_left_list ul {									/* Het menu zijn 13px groot */
	font-size: small;
}

.dots {													/* Als een list wel punten ervoor moet hebben */
	list-style-position: inside;
	list-style-type: disc;
}

.date {													/* Data bij nieuwsberichten */
	font-style: italic;
	font-size: x-small;
	margin-top: -10px;
}