* {
margin: 0;
padding: 0;
}

p {
font-size: 0.8em;
padding-left: 1.5em;
padding-right: 2%;
}

.schuinetekst {
font-style: italic;
}

a.tekst {
font-size: 0.8em;
text-decoration: none;
color: #808080;
padding-left: 1.5em;
}

a.tekst:hover {
font-size: 0.8em;
text-decoration: underline;
color: black;
padding-left: 1.5em;
}

.inspringing {
padding-left: 4.45em;
}

.inspringingtelefoon {
padding-left: 2.15em;
}

h2, h3 {
color: #F79833;
margin: 1em;
font-weight: normal;
font-size: 1.08em;
}

h2.center {text-align: center; color: #C2AFA2; font-family: "Bookman Old Style", Verdana, Arial, Helvetica, sans-serif; font-weight: normal}
h4 {color: #EC953A; margin: 0.8em; margin-bottom: 0.4em;}
h5 {margin: 0.8em;}
h5.list {padding-left: 0.65em;}

ul.tekst {
position: relative;
left: 1.2em;
width: 35em;
list-style-position: outside;
font-size: 0.8em;
padding-left: 1.5em;
}

li.regellengte {
width: 34.8em;
}

ol {
list-style-type: none;
}

img {border: 0px;}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: black;
background: white;
}

#logo {
float: left;
width: 245px;
height: 140px;
background: url("pic/logo.jpg") no-repeat #F3EEE8;
}

#top {
height: 25%;
background: #F3EEE8;
padding-right: 4%;
text-align: right;
}

#topnav {
height: 1.2em;
background: #F79833;
text-align: right;
}

#topnav ul {
list-style-type: none;
padding-right: 8%;
}

#topnav li {
display: inline;
background: #F79833;
border-left: solid 1px #F9B266;
}

#topnav ul li a{
position: relative;
top: -1px;
padding-left: 1.5%;
padding-right: 1.5%;
font-size: 0.8em;
font-weight: bold;
text-decoration: none;
color: white;
}

#topnav ul li a:hover{
position: relative;
top: -1px;
padding-left: 1.5%;
padding-right: 1.5%;
background: #867366;
border-top: solid 1px #867366;
border-bottom: solid 2px #867366;
}

#bottom {
position: absolute;
left: 0px;
top: 140px;
width: 100%;
height: 70%;
}

#content {
position: absolute;
left: 245px;
top: 0px;
width: 34.5em;
}

#nav {
float: left;
width: 245px;
background: #F3EEE8;
padding-bottom: 10em;
margin-right: 2em;
padding-top: 3em;
margin-bottom: 2em;
}

#nav ul {
list-style-type: disc;
padding-left: 2em;
color: #EC953A;
}

#nav li {
padding-top: .35em;
}

#nav li a {
font-size: 0.7em;
color: #B3A79D;
text-decoration: none;
padding: 0;
}

#nav li a:hover {
color: #404040;
padding: 0;
}



#nav a.hoofdgroep {color: #EC953A; font-size: 1.08em; margin: 0.8em; text-decoration: none; padding: 0;}
#nav a.hoofdgroep:hover {color: #404040; padding: 0;}

#nav a.slash {
background: url("http://www.peterderks.nl/pic/slash.jpg") no-repeat 5em;
color: #EC953A;
font-size: 1.08em;
margin: 0.8em;
text-decoration: none;
padding-right: 1em;
}

#nav a.slash:hover {
color: #404040;
}

#voorloper {
position: absolute;
left: 0;
top: 500px;
width: 245px;
background: white;
font-size: 0.8em;
padding: 4em;
padding-left: 1em;
padding-bottom: 7em;
}

a.voorloper {
border-left: solid 1px #909090;
padding-left: 0.8em;
color: #909090;
text-decoration: none;
}

a.voorloper:hover {
border-left: solid 1px #909090;
padding-left: 0.8em;
color: #808080;
text-decoration: underline;
}

#foto {
float: left;
margin-top: 1em;
margin-right: 1em;
}

body.intro {
background: #F3EEE8}

#logointro {
clear: right;
width: 245px;
height: 140px;
background: url("pic/logo.jpg") no-repeat #F3EEE8;
}

#intromenu ul {
text-align: center;
margin-top: 10%;
margin-bottom: 15%;
}

#intromenu li.left {
display: inline;
padding-right: 15%;
}

#intromenu li.right {
display: inline;
padding-left: 15%;
}

#intromenu li.left a, #intromenu li.right a{
font-family: "Bookman Old Style", Verdana, Arial, Helvetica, sans-serif;
color: #EC953A;
font-size: 1.6em;
font-weight: normal;
text-decoration: none;
}

#intromenu li.left a:hover, #intromenu li.right a:hover {
color: #404040;
}

.aanhalingsteken {
font-style: italic;
font-size: 1.5em;
}

.opvallen {
color: #EC953A;
}

a:hover .opvallen {
color: #404040;
}


a.folder {
float: left;
color: #EC953A; 
font-size: 1.08em; 
margin: 0.8em; 
margin-top: 0;
text-decoration: none; 
padding: 0;
}


a.folder:link {
color: #EC953A; 
}

a.folder:visited {
color: #EC953A; 
}

a.folder:hover {
color: #404040;
}

a.folder:active {
color: black;
}

.ikjijwijlogo {
margin: 0.8em;
padding-top: 3em;
}