body {
	margin:0;
	padding:0;
	border:0;
	width: 100%;
	max-width:500px;
  font-family: Arial;
  color:white;
  background-color: #000;
}

/* main divs */
#headerContainer {
	min-width:400px;
	max-width:500px;
	height:120px;
	border:1px solid #fff;
	text-align:middle;
}
.logo{
  width:400px;
  margin:auto;
}
.logo a, .logo img{
  margin:0px;
  border:0px;
  text-decoration:none;
  outline:none;
}
.breadcrumb{
  width:90%;
  color:white;
  margin-right:auto;
  padding-left:20px;
}
.breadcrumb a{
  color:white;
  text-decoration:underline;
}
#middleContainer {
	padding-top:10px;
	padding-bottom:10px;
	margin:auto;
	min-width:240px;
	max-width:500px;
	border:1px solid #fff;
}
#footerContainer {
	margin:auto;
	min-width:240px;
	max-width:500px;
	height:120px;
	border:1px solid #fff;
	color:#fff;
}
#footerText{
  text-align:center;
  width:220px;
  margin:auto;
  font-size:15px;
}
#footerText a{
  color:#fff;
}
#footerBanner{
  width:400px;
  border:1px solid #fff;
}
#cityContainer{
	float:left;
	width:50%;
}
#cinemaContainer{
	float:left;
	width:50%;
}
#cinemasContainer{
	width:100%;
}
#descriptionContainer{
	width:100%;
}
#premiereContainer{
	width:100%;
	border:0px solid white;
}
#premiereList{
  
}
#premiereTitle{
	display:block;
  font-size: 15px;
	color:red;
	background-color: white;
	padding-left:10px;
}
#infoContainer{
	width:90%;
  padding-left:5%;
  padding-right:5%;
}
#voorwardenContainer{
	width:90%;
  padding-left:5%;
  padding-right:5%;
}
#contactContainer{
  width:90%;
  padding-left:5%;
  padding-right:5%;
}
#infoContainer a{
  color:yellow;
}
#contactContainer .text{
  width:100%;
}
#contactContainer .label{
  width:100%;
}
.contact_error{
  color:red;
}
a.button{
	display:block;
  font-size: 15px;
  line-height:25px;
	color:black;
	background-color:white;
	padding-left:10px;
	margin:2px;
}
#movieContainer{
	float:left;
	width:50%;
}
#cityList a:link, #cityList a:active, #cityList a:visited{
	display:block;
  font-size: 15px;
  line-height:25px;
	color:white;
	padding-left:10px;
}
#cityList a:hover{
	display:block;
  font-size: 15px;
  line-height:25px;
	color:red;
	padding-left:10px;
}
#movieList a:link, #movieList a:active, #movieList a:visited{
	display:block;
  font-size: 15px;
  line-height:25px;
	color:white;
	padding-left:10px;
}
#movieList a:hover{
	display:block;
  font-size: 15px;
  line-height:25px;
	color:red;
	padding-left:10px;
}
#premiereList a:link, #premiereList a:active, #premiereList a:visited{
	display:block;
  font-size: 15px;
  line-height:25px;
	color:white;
	padding-left:10px;
}
#premiereList a:hover{
	display:block;
  font-size: 15px;
  line-height:25px;
	color:red;
	padding-left:10px;
}
#scheduleList a:link, #scheduleList a:active, #scheduleList a:visited{
	display:block;
  font-size: 15px;
  line-height:25px;
	color:white;
	padding-left:10px;
}
#scheduleList a:hover{
	display:block;
  font-size: 15px;
  line-height:25px;
	color:red;
	padding-left:10px;
}
#moviesContainer{
	float:left;
	width:100%;
}
#moviesTitle{
	display:block;
  font-size: 15px;
	color:yellow;
	padding-left:10px;
}
#moviesTitle a{
  font-size: 15px;
	color:yellow;
}
#citiesTitle a{
  font-size: 15px;
	color:yellow;
}
#cinemasTitle{
	display:block;
  font-size: 15px;
	color:yellow;
	padding-left:10px;
}
#citiesTitle{
	display:block;
  font-size: 15px;
	color:yellow;
	padding-left:10px;
}
#descriptionTitle{
	display:block;
  font-size: 15px;
	color:yellow;
	padding-left:10px;
}
#description{
	padding-left:10px;
	font-size: 12px;
	color:white;
}
#description img{
	padding:5px;
	padding-left:0px;
}
.age img{
  padding:5px;
  float:left;
}
#cinemaList a:link, #cinemaList a:active, #cinemaList a:visited{
	display:block;
  font-size: 15px;
  line-height:25px;
	color:white;
	padding-left:10px;
}
#cinemaList a:hover{
	display:block;
  font-size: 15px;
  line-height:25px;
	color:red;
	padding-left:10px;
}
.moreLink{
	display:block;
  font-size: 15px;
  line-height:25px;
	font-style: italic;
	color:white;
	padding-left:10px;
}
.moreLink:hover{
	display:block;
  font-size: 15px;
  line-height:25px;
	font-style: italic;
	color:red;
	padding-left:10px;
}
#scheduleContainer{
  padding-left:10px;
}
#cinemaDetails{
	display:block;
	font-size:12px;
	color:white;
	padding-left:10px;
}
.scheduleTitle{
	display:block;
	font-size:14px;
	font-weight: bold;
	color:white;
}
.scheduleEntry{
	display:block;
	font-size:12px;
	font-style: italic;
	color:white;
	padding-left:10px;
	padding-top:5px;
}
.scheduleEntry span{
	padding-left:2px;
	padding-right:2px;
}
.time {
  padding-left:10px;
	padding-right:2px;
	font-size:12px;
	font-weight: bold;
	color:white;
}
.clear{
	clear:both;
}
.spacer{
	clear:both;
	height:20px;
	width:100%;
}
select{
  margin-left:10px;
  width:200px;
}
input{
  margin-left:10px;
}