/* @override 
	http://localhost/On%20the%20Move/site/onthemove.css
	http://www.onthemovefilms.nl/onthemove.css
*/

/*LAY-OUT ALGEMEEN*/

body  {
	font: 100% Georgia, serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background: #9D9EA7;
}
#container {
	height: 595px;
	width: 793px;
	font-size: 9pt;
}
#links {
	float: left;
}
#rechts {
	float: right;
}
/*HOME*/

#home #container { 
	width: 780px;  
	text-align: left;
}

#home #links {
	width: 397px; 
	height: 595px;
}
#home #rechts {
	height: 595px;
} 
#home .menu {
	margin-top: 15px;
}
#home #logo{
	margin-top: -20px;
}
#home div#bestel_hier {
	margin-top: 230px;
	margin-left: 270px;
}
/*VERVOLG*/
#vervolg #links {
	width: 243px;
	margin-top: 20px;
}
#vervolg #rechts {
	width: 550px;
	height: 595px;
	text-align: left;
	margin-top: 170px;
}

div#rood img, div#groen img {
 float: right;
}
div#rood, div#groen, div#bruin, div#oranje, div#grijs {
	height: 72px;
	width: 545px;
	font-family: Georgia, serif;
}
div.titel {
	/*padding-top: 5px;*/
}
div.titel h1 {
	font-size: 13pt;
	padding: 5px 0px 0px;
	float: none;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 0px;
}
div.titel h2, h2.cliptitel {
	font-size: 9pt;
	float: none;
	font-weight: bold;
	font-style: italic;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0 0px 0px 10px;
}
h2.cliptitel {
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
}
div.beschrijving {
	font-size: 9pt;
	margin-top: 5px;
}
div.credits {
	font-size: 6.5pt;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 10px;
}
div#rood {
	background-color: #9B666D;
}
div#groen {
	background-color: #448357;
}
div#bruin {
	background-color: #8C7975;
}
div#oranje {
	background-color: #C18461;
}
div#grijs {
	background-color: #737987;
}
/*PAGINA LINKS, FILMTHEATERS, PROJECT */

div#weblinks h2, div#filmtheaters h2 {
	font-size: 13pt;
	margin: 5px 0px;
}
div#filmtheaters h2 {
	margin-bottom: 0px;
}
div#weblinks h2 {
	margin-top: 15px;
	margin-bottom: 0px;
}
div#weblinks h2.bovenste {
	margin-top: 0px;
}
div#weblinks a{
	font-size: 9pt;
	text-decoration: none;
	color: #000000;
}
div#weblinks a:hover{
	color: white;
}
div#filmtheaters a{
	font-size: 9pt;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
div#filmtheaters a:hover{
	color: white;
	font-weight: bold;
}
div#weblinks li  {
	list-style-type: none;
	list-style-image: url(afbeeldingen/disc.gif);
}
div#project strong {
	font-weight: bold;
	font-style: italic;
}
div#project div.floatright{
	float: right;
	color: white;
	font-size: 6.5pt;
	margin-left: 10px;
	
	}
/*div#project {
	width: 630px;
}*/
/*DREAMWEAVER*/

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*HTML ALGEMEEN*/
 
img, img a {
border:none;
}
div.menu ul li {
	list-style-image: none;
	list-style-type: none;
}
div.menu {
	float: left;
	margin-left: 30px;
	margin-top: 80px;
}
body#home div.menu {
	margin-left: 0px;
}
ul{
	padding: 0px;  /*werkt niet in IE*/
	margin-left: 0;
}