/* Eerst wat basisdingen definieren */
.strong {font-weight: bold}
.center {text-align: center}


h3 {
	color: #333333;
	text-decoration: underline;
}

p {
	margin-top: .2em;
	margin-bottom: .5em;
}

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}
/* plaatjes */
img {
	border: none
}
img.thumblink {
	vertical-align: middle;
}
img.picrechts {
	float: right;
	margin-left: 0.5em;
	margin-right: 0.5em;
}
img.picrechts2 {
	float: right;
	margin-right: 0;
	margin-top: 5em;
}
img.piclinks {
	display: inline;
	margin-left: 1.5em;
	margin-right: 1em;
}
body.projecten img.piclinks {
	display: inline;
	margin-left: 0.8em;
	margin-right: 0.8em;
	margin-bottom: 1em;
}
body.projecten2 img.piclinks {
	display: inline;
	margin-left: 1.5em;
	margin-right: 1em;
	margin-bottom: 1em;
}
img.piclinks2 {
	float: left;
	margin-left: 0;
	margin-right: 0;
	margin-top: 5em;
}
img.picjohan {
	float: right;
	margin-top: 0.5em;
	margin-left: 0.5em;
	margin-right: 0.5em;
}
/* De plaatjes op de links-pagina wat verder uit elkaar */
body.links #main img {
	margin: 1em 1em 0 0;
}
/* 16x16-logo inline voor link */
body.links #main img.inregel {
	margin: 0 0 -0.2em 2em;
}

/* Plaatje in menu */
img.menupic {
	margin-top: 25px;
	margin-left: 10px;
}
body.home #menublok img.menupic {
	display: none
}

/* Schaduwrandje */
img.schaduw {
	box-shadow: 2px 2px 5px #818181; /*shadow for CSS3 capable browsers.*/
	-o-box-shadow: 2px 2px 5px #818181;
	-webkit-box-shadow: 2px 2px 5px #818181;
	-moz-box-shadow: 2px 2px 5px #818181;
}

body {
	background: #d4d0c8 url(/pics/mozaiek.jpg) repeat;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

/* de headertekst van de pagina */
#header {
	width: 900px;
	height: 80px;
	border: 1px solid #776655;
	padding: 0;
	margin: 0;
}


/* alles wat met het menu te maken heeft */
/* styling en highlighting volgens http://www.alistapart.com */

/* de div waarin het menublok zit, plus evt nog meer */
#menublok {
	float: left;
	width: 160px;
	height: 480px;
	background-image: url(/pics/mozaiek-menu.jpg);
	border: 1px solid #776655;
	margin-top: 5px;
	padding-top: 3px;
}

/* Het menublok */
#menu {
	float: left;
	line-height: normal;
}
#menu ul {
	margin: 0;
	padding: 0px 10px 0 0;
	list-style: none;
}
#menu ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

/* Standaard voor de niet-geselecteerde submenutab.
   Submenutab-plaatje is drie plaatjes in een, met elk hoogte van 30 px, en
   10 regels leeg ertussen
   1=nietselected, 2=selected, 3=hover
*/

#menu a {
	width: 130px;
	height: 23px;
	float: left;
	background: transparent url(/pics/menu.gif) top left no-repeat; 
	margin: 5px 0 15px 5px;
	padding: 3px 15px 4px 5px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	color: #776655;
}

/* geselecteerde menutab is plaatje 2 */
#menu li.menu-selected a {
	background-position: 0% -40px;
	color: #fae4d0;
}
/* hoveren over een tab is plaatje 3 */
#menu li.menu-nietselected a:hover {
	background-position: 0% -80px;
	color: #fae4d0;
}

/* het hoofdgedeelte van de pagina */
#main {
	float: right;
	width: 77%;
	height: 480px;
	background-image: url(/pics/mozaiek-main.jpg);
	border: 1px solid #776655;
	margin-top: 5px;
	margin-right: -2px;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 3px;
}

/* standaardopmaak voor een lijstje */
ul.lijstje {
	list-style-type: square;
	padding-left: 0;
	margin-top: .5em;
	margin-left: 0;
}
ul.lijstje li {
	margin-left: 1em;
	padding-bottom: 0.5em;
	border-bottom: none;
}

/* de footer */
#footer {
	float: left;
	width: 100%;
	margin-top: 10px;
	text-align: center;
}

.knop {
	width: 64px;
	height: 23px;
	background: transparent url(/pics/knop.gif) top left no-repeat;
	padding: 6px 15px 4px 7px;
	text-decoration: none;
	text-align: center;
   font-size: 80%;
	font-weight: bold;
	color: #776655;
}
.knop:hover {
	background-position: 0% -80px;
	color: #fae4d0;
}
.project-vorige {
	float: left;
}
.project-volgende {
	float: right;
}