@charset "utf-8";
* {
margin: 0;
padding: 0;}

img, #homemidden, #filmtop { behavior: url(iepngfix.htc); }

body {
font-family: "Trebuchet MS";
background: #f9cf00;
font-size: 62.5%;
padding: 0;
margin: 0;
}

#homecontainer {
width: 920px;
margin-left: auto;
margin-right: auto;
border: 1px solid black;
}

#hometop {
width: 920px;
height: 184px;
background: url(images/home-top.jpg);
}

#homemidden{ 
width: 920px;
height: 174px;
background:  black;
background-image: url(images/Panmanbios.png);
}

#homebottom {
width: 920px;
height: 288px;
background: url(images/home-bottom.jpg);
}

#homemenu {
margin-right: 10px;
float: right;
}

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

#homemenu ul li {
float: left;
font-size: 3em;
font-family: "Trebuchet MS";
padding-left: 20px;
padding-right: 20px;
border-right: 3px solid black;
letter-spacing: 0.1em;
}

#homemenu ul li.laatstelink {
border-right: 0px;

}

#homemenu ul li a {
color: black;
text-decoration:  none;
}

#homemenu ul li a:hover{
position: relative;
border-bottom:  3px solid black;
}

/* FILM PAGINA */

#filmmenu ul li a {
color: black;
text-decoration:  none;
}

#filmmenu ul li a:hover {
position:relative;
border-bottom:  3px solid black;
}

#filmmenu ul li a.huidig {
position:relative;
border-bottom:  3px solid black;
}

#filmtop {
height: 73px;
width: 100%;
background:  black;
background-image: url(images/Panmantitle.png);
background-repeat: no-repeat;
}
 /* dit zorgt voor clickable background image in de header */
#filmtop a {

position: absolute;
top: 0;
left: 0;
width: 700px;
height: 73px;

}

#filmtop a h1 {

display: none;

}

#syn-content {
width: 100%;
height: 500px;
background-image: url(images/synopsis-bg.png);
background-position:  top right;
background-repeat: no-repeat;
}

#filmmenu {
margin-left: 30px;
}

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

#filmmenu ul li {
float: left;
font-size: 2em;
font-family: "Trebuchet MS";
padding-left: 20px;
padding-right: 20px;
border-right: 3px solid black;
letter-spacing: 0.1em;
}

#filmmenu ul li.eerstelink
{
padding-left: 0;
}

#filmmenu ul li.laatstelink
{
border-right: 0px;
}

#filmmenu ul li.schuinelinks {
font-style: italic;
}

#syntxt {

position: relative;
top: 70px;
left: 100px;
width: 550px;
clear: left;
}

p.syntxt
{
margin: 0px;
padding: 0px;
margin-bottom: 20px;
font-size:  1.4em;
font-family: "Trebuchet MS";
line-height: 1.5em;

}

.vetschuin 
{
font-weight:  bold;
font-style: italic;
}

.vet
{
font-weight:  bold;
color: black;
}
/* FOTO */

.foto-content {
width: 100%;
height: 550px;
background-image: url(images/foto-bg.png);
background-position:  left top;
background-repeat: no-repeat;
}


/* TRAILER */

div.trailerborder {
margin-bottom: 20px;
border-bottom: 1px dashed black;

}

div.trailerborder1 {
padding-bottom: 20px;
border-bottom: 1px dashed black;

}

#trailer-content {
width: 100%;
height: 1000px;
background-image: url(images/trailer-bg.png);
background-position:  top right;
background-repeat: no-repeat;
}

img#filmpje1 {

margin-bottom: 30px;

}

#syntxt h2 {
font-family: "Trebuchet MS";
font-size: 1.4em;
padding-bottom: 5px;

}

/* FOTOPAGINA */

div.onderfotomenu
{ 
width: 752px;
text-align: center;
}
div.onderfotomenu ul li {
font-size: 1.4em;
font-family: "Trebuchet MS";
display: inline;
padding-left: 10px;
}

div.onderfotomenu ul li.vorigvolgend {
font-weight: bold;
}

div.onderfotomenu ul li a {
position: relative;
color: black;
text-decoration:  none;
}

div.onderfotomenu ul li a:hover {
position:relative;
border-bottom:  1px solid black;
}

div.onderfotomenu ul li a.huidig {
position: relative;
border-bottom:  1px solid black;
}

div#foto
{
position: relative;
top: 70px;
left: 100px;
width: 752px;
height: 500px;
}


/* CAST CREW PAGINA */

#castcrew-content {
width: 100%;
height: 1000px;
background-image: url(images/castcrew-bg.png);
background-position:  top left;
background-repeat: no-repeat;
}

#castcrewtxt {

position: relative;
top: 70px;
left: 100px;
width: 650px;
clear: left;
font-family: "Trebuchet MS";
font-size:  1.4em;
}

div.crewborder {

border-bottom: 1px dashed black;

}

div.crewborder1 {

border-bottom: 1px dashed black;
padding-bottom: 20px;
}

p.castcrewtxt
{
margin: 0px;
padding: 0px;
margin-bottom: 20px;
line-height: 1.5em;
}

div#castcrewtxt h1 {
display: inline;
border-bottom: 3px solid black;
}

div#castcrewtxt h2 {
margin-top: 20px;
margin-bottom: 10px;
}

div#castcrewtxt ul.jaren
{
padding-bottom: 20px;
}

div#castcrewtxt ul.jaren li
{
list-style-type: none;
font-style: italic;
line-height: 1.5em;
}

ul.crewlijst {

list-style-type: none;
line-height: 1.5em;
}

/* AGENDA */

#agenda-content {
width: 100%;
height: 570px;
background-image: url(images/agenda-bg.png);
background-position:  top right;
background-repeat: no-repeat;
}

#agendatxt {

position: relative;
top: 80px;
left: 100px;
width: 550px;
clear: left;
line-height: 1.5em;
}

#agendatxt h2{
font-size: 1.6em;
margin-top: 20px;
margin-bottom: 10px;
}

#agendatxt ul li {
font-size: 1.4em;
line-height: 1.5em;
list-style-type: none;
}

#agendatxt ul li a {
color: black;
}

#agendatxt ul{

padding-bottom: 20px;

}

div.agendaborder {

border-bottom: 1px dashed black;

}

div.agendaborder p{

font-size:  1.4em;
line-height: 1.5em;
margin-bottom: 20px;
}

div.agendaborder p a {
color: black;

}

/* LINKS */

#links-content {
width: 100%;
height: 570px;
background-image: url(images/links-bg.png);
background-position:  top right;
background-repeat: no-repeat;
}

#linkstxt {

position: relative;
top: 80px;
left: 100px;
width: 550px;
clear: left;
line-height: 1.5em;
}

#linkstxt h2{
font-size: 1.6em;
margin-top: 20px;
margin-bottom: 10px;
}

#linkstxt ul li {
font-size: 1.4em;
line-height: 1.5em;
list-style-type: none;
}


#linkstxt ul{

padding-bottom: 20px;

}

#linkstxt ul li a {
color: black;
}

div.linksborder {

border-bottom: 1px dashed black;

}

div.agendaborder p{

font-size:  1.4em;
line-height: 1.5em;
margin-bottom: 20px;
}