@charset "utf-8";
/* CSS Document */

body {
	background-color: #fed77c;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color: #00C;
}

#totaal{
	position:relative;
	width:643px;	
	height:740px;
	top:0px;
	margin-left: auto ;
	margin-right: auto ;
	margin-top: auto ;
	margin-bottom: auto ;
	background-image:url('http://herfstmedia.nl/ontwerp03_kaal.jpg');
	border:0px;
	border-style:solid;
}

#naamplaat{
	position:absolute;
	left:37px;
	top:0px;
	width:229px;
	height:80px;
	border:0px;
	border-style:solid;
	background-color: #fed77c;
}

#mediamaker{
	position:absolute;
	left:265px;
	top:0px;
	width:231px;
	height:80px;
	border:0px;
	border-style:solid;
	background-image:url('http://herfstmedia.nl/mediamaker.jpg');
}

#keuze6{
	position:absolute;
	left:496px;
	top:0px;
	width:110px;	
	height:80px;
	border:0px;
}

#Theaterdiv{
	position:absolute;
	left:37px;
	top:117px;
	width:570px;
	height:587px;
	border:0px;
	border-style:solid;
}

#Theaterdiv2{
	position:absolute;
	left:37px;
	top:117px;
	width:570px;
	height:525px;
	border:0px;
	border-style:solid;
}

#fotoblokje{
	position:absolute;
	left:18px;
	top:17px;
	width:520px;
	height:568px;
	border:0px;
	text-align: center;
}

#fotogeknop{
	position:absolute;
	left:0px;
	top:120px;
	width:550px;
	height:395px;
	border:0px;
	font-size: 1.4em;
	font-weight: 175;
	overflow:auto;
	color: #00C;
	z-index: 21;
}

#Laatste{
	position:absolute;
	left:29px;
	top:61px;
	width:472px;
	border:0px;
	font-size: 15pt;
	text-align: left;
	z-index: 20;
}

#faceknop{
	position:absolute;
	left:-9px;
	top:19px;
	width:100px;
	height:52;
	text-align: left;
	font-size: 17.5pt;
	border:0px;
}

#publdatum{
	position:absolute;
	left:377px;
	top:19px;
	width:100px;
	border:0px;
	font-size: 15pt;
	text-align: right;
}

#weblogpostje{
	position:absolute;
	left:17px;
	top:10px;
	height:88px;
	width:520px;
	border:0px;
	font-size: 40px;
	text-align: center;
}

#blokrechts{
	position:absolute;
	left:0px;
	top:20px;
	width:568px;	
	height:555px;
	border:0px;
	overflow:auto;
}

#P{
	position:relativ;
	display:inherit;
}

#rijtjenieuw{
	width:520px;
	min-height:79px;
	left:50%; 
	margin-left: 12px; 
	font-size: 28px;
	text-align: center;
	display:inherit;
}

#ondertje{
	position:absolute;
	left:-5px;
	top:518px;
	width:540px;
	height:45px;
	border:0px;
	font-size: 15pt;
	text-align: left;
	z-index: 20;
	background-image:url('http://herfstmedia.nl/onder_back.jpg');
}

#contactje{
	position:absolute;
	left:0px;
	top:0px;
	width:304px;
	height:47px;
	border:0px;
}

#maanddropdwn{
	position:absolute;
	left:339px;
	top:0px;
	width:203px;
	height:24px;
	border:0px;
}

#categoriedropdwn{
	position:absolute;
	left:304px;
	top:24px;
	width:238px;
	height:23px;
	border:0px;
}

#Videodiv{
	position:absolute;
	left:152px;
	top:0px;
	width:216px;
	height:211px;
	border:0px;
	border-style:solid;
	background-image:url('http://herfstmedia.nl/keuzeback.jpg');
}

#namenlijst{
	position:absolute;
	left:8px;
	top:8px;
	width:200px;
	height:195px;
	border:0px;
	color: #00C;
	text-align: center;
	overflow:auto;
}

.titelgroot {
	font-size: 16pt;
}
 
#viewport {
  width: 500px; /* viewport width */
  height: 342px; /* viewport heigth */
  overflow: auto; /* scrollbars */
  white-space: nowrap; /* image flow not stack */
    /* could use float: left or other approach */
  margin: 0 auto; /* Mozilla page centering */
  text-align: left; /* IE centering fix */
}
 
#viewport img {
  max-height: 315px; /* max height scaling of images */
  border-width: 0; /* remove a link border on images */
}