/* style sheet bij fotografie*/

body {
background: #663333; /*aubergine*/
font-family: "Trebuchet MS", Arial, Verdana, Helvetice, sans-serif;
line-height: 120%;
font-size: 1em;
}

#container {
position: absolute;
top: 20px;
left: 4%;
width: 900px;
background: #666666; 
height: 700px;
}


#header {
position: absolute;
background: #777;
height: 50px;
width: 900px;
}


#top {
position: absolute;
top: 50px;
background: #555;
height: 23px;
width: 900px;
}

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

ul.topmenu li {
display: inline;
text-align: center;
}


ul.topmenu li a {
float: left;
width: 6em;
color: #ff9966;
background: #993333;
padding: 0.1em .5em;
text-decoration: none;
border-right: 1px solid #ddd;
font-size: 80%;
}

ul.topmenu li a:hover {
background: #555;
color: #ccc;
text-decoration: underline;
}

ul.topmenu li a:visited {
color: #bbb;
}

ul.topmenu li a:active {
background: #333;
color: #ddd;
}



#linkskolom {
position: absolute;
top: 74px;
background: #666;
width: 620px;
height: 350px;
padding: 10px 10px; 
}


#rechtskolom {
position: absolute;
top: 74px;
left: 645px;
width: 205px;
background: #666;
padding: 5px 25px;
height: 600px;
color: #eee;
font-size: 90%;
}


#Boek {
position: absolute;
top: 5%;
left: 2%;
width: 582px; 
background: #555; 
padding: 220px 1em 1em 1em;
/*padding: 220px 1em 2em 1em; */
border-bottom: solid 2px #663333;
}




h1 {
font-family: "Century Gothic", sans-serif;
font-size: 1.5em;
font-weight: normal;
text-align: center;
color: #333;
margin: 0;
padding: 1%;
}


h2 {
font-size: 1.5em;
color: #996666;
text-align: center;
font-weight: normal;
}

h3 {
font-size: 1.2em;
font-weight: normal;
font-family: "Lucida Handwriting", cursive;
margin: 0;
padding: 0;
}

p.aanwijzing {
padding-top: 30px;
color: #222;
font-size: 90%;
}


span.top {
background: #cc9999;
color: #663333;
font-size: 80%;
padding: 0.1em 0.5em;
}

#voet {
position: fixed;
bottom: 0;
left:0;
}