/* CSS Document */
/* Website door www.SanderD.nl */

	/*
	Kleurcodes:
	
	Grijs tekst: #707070;
	Geelbruin: #ffcc66;
	Blauw: #88a2e6;
	
	*/

body, html {

	background: url(../images/background.jpg) repeat-x top;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #515151;
	text-align: center;

}

a {

	color: #88a2e6;
	text-decoration: none;

}

a:hover {

	color: #ffcc66;

}

h1 {

	color: #88a2e6;
	font-family: georgia, arial;
	font-size: 25px;
	font-weight: normal;

}

#container {

	background: url(../images/contentY.jpg) repeat-y top center;
	width: 838px;
	margin: 0px auto 0px auto;

}

#header {

	background: url(../images/header.jpg) no-repeat;
	width: 838px;
	height: 162px;

}

#content {

	background: url(../images/content.jpg) no-repeat top center;
	min-height: 489px;

}

#contentLeft {

	float: left;
	width: 45%;
	padding-right: 10px;

}

#contentRight {

	float: right;
	width: 45%;
	padding-left: 10px;

}

#text {

	width: 770px;
	padding: 0px 15px 50px 15px;

}

#text ul {

	margin: 5px 0 5px 30px;
	list-style: none;

}

#text li {

	padding-bottom: 5px;

}

ul a {

	font-weight: bold;
	
	}

tr.tableHeader a {

	color: white;
	text-align: center;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;

}

tr.tableHeader a:hover {

	text-decoration: underline;

}

#menu {

	margin: 0px 13px 10px 0;
	padding: 10px 0 0 0;
	text-align: right;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;

}

#menu ul {

	margin: 0;
	padding: 0;
	
}

#menu ul li {

	display: inline;
	list-style: none;
	margin: 0 0 0 15px;
	padding: 0;

}

#menu a {

	color: black;
	text-decoration: none;

}

#menu a:hover {

	color: #88a2e6;

}

#footer {

	background: url(../images/footer.jpg) #FFFFFF no-repeat;
	height: 42px;
	width: 838px;

}

#footerBg {
	
	width: 800px;
	min-height: 489px;
	margin: 0 auto 0 20px;
	text-align: left;
	background: url(../images/footerBg.jpg) no-repeat bottom center;

}

#textFooter {

	width: 800px;
	margin: 0 auto 0 20px;
	color: #707070;
	background: url(../images/textFooter.jpg) repeat-y top center;

}

#textFooter a {

	color: #707070;
	text-decoration: underline;

}

#textFooter a:hover {

	color: #88a2e6;
	text-decoration: underline;

}

#homeSearch {

	width: 97%;
	font-size: 13px;
	text-align: left;
	padding: 10px;
	background-color: white;
	border: 1px solid #707070;

}

div#alfabet {
	text-align: center;
	width: 100%;
	margin-bottom: 20px;

}

div#alfabet a {

	font-weight: bold;
	color: black;
	font-size: 12px;
	text-decoration: none;

}

div#alfabet a:hover {

	color: #ffcc66;

}

.tekstveld {

	border: 1px solid #707070;
	color: #707070;
	background: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 4px 0 4px 6px;
	margin-bottom: 5px;

}

.knop {

	border: 1px solid #707070;
	background-color: #D7D7D7;
	color: #707070;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 4px;

}

p#homeSearch {

	margin: 0;
	padding-top: 2px;
	padding-bottom: 3px;

}

td.search {

	font-weight: bold;
	width: 40%;
	height: 23px;
	padding: 3px;

}

#list a {

	color: black;
	text-decoration: none;

}

#list a:hover {

	color: #88a2e6;
	text-decoration: underline;

}

a.list:link, a.list:active, a.list:visited {

	color: black;
	text-decoration: none;
	font-weight: bold;
}
a.list:hover {

	color: #254492;

}