/* reset
--------------------------------------------------*/
* {
margin: 0;
padding: 0;

}

#clearboth { clear: both; }


/* body
--------------------------------------------------*/

body {
  margin:0;
  padding:0;
  font-family: Arial, Helvetica, Verdana, sans-serif; 
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  background-color: #333;
  background-position: 50% 0;
  background-repeat: repeat-y;
  
  }


/* paragraphs, lists, etc
--------------------------------------------------*/

blockquote {
  margin:0;
  padding:0 18px;
  font-style:italic;
}

pre {
  overflow:auto;
  margin:0 0 18px 0;
  padding:4px;
}

pre, code, kbr {
 font-family:Arial, Helvetica, sans-serif;
 }

code, kbr {padding:0 2px;}

abbr, acronym {
  font-size:0.9em;
  letter-spacing:1px;
}

#content span, #navigation span, #navigation a span {
	visibility : hidden;
}



/* container
--------------------------------------------------*/
#container {
  position: absolute;
  width:950px;
  padding: 0px;
  left: 50%;
  margin-left: -475px; /* half of width */
  background-color: black;
}



#ordericon
{
float: left;
width: 28px;
height: 28px;
margin: 0;
padding-top:5px;

}
 

/* header
--------------------------------------------------*/
#header {
float:left;
width:850px;
height: 275px;
padding: 50px 50px 0 50px;


}


#thumbnail
{
float: left;
width: 200px;
margin: 0;
padding:0;

}

/* navcontainer
--------------------------------------------------*/

#navcontainer {
float: left;
  width:848px;
  height:30px;
padding: 0 50px 0 50px;

}


/* content
--------------------------------------------------*/
#content {
 float: left;
  width:850px;
padding: 0 50px 0 50px;
  margin-top: 5px;
  margin-bottom: 30px;  
}

/* footer
--------------------------------------------------*/
#footer
{
float: left;
width: 800px;
height: 10px;
padding: 0 50px 50px 50px;
}

/* content met 2 kollom
--------------------------------------------------*/
#content ul {
	position: relative;
	left: 0;
	top: 0;
	height: 176px;
	border: 0;
	padding: 15px  0 15px 0;
	margin: 0;
	list-style: none;
}

#content ul li {
	float: left;
	padding: 0;
	margin: 0;
}

#content ul li.foto {
	float: left;
	width: 398px;
	padding: 0;
	margin: 0;
}

#content ul li.kollomwit {
		width : 54px;
}

#content .links {

	padding: 0  0 15px 0;

}


/* films thumb content
--------------------------------------------------*/

#films_thumb ul
{
	position: relative;
	left: 0;
	top: 0;
	margin: 0;
	list-style: none;
	
}

#films_thumb ul li
{
	padding-bottom: 0px;
	padding-right: 30px;
	margin: 0;

}




/* films content
--------------------------------------------------*/


#film
{
	position: relative;
	left: 150px;
	top: 0;
	height: 700px;
	width: 500px;
	padding: 30px;
	margin: 0;
	list-style: none;
	background-color: #333;
}


.trailer
{
	position: relative;
	left: 0;
	top: 0;
	height: 344px;
	width:425px;
	margin-bottom: 30px;
 
}


#order
{

	width: 100%;

}


#film img
{
	float: left;
	padding-right: 25px;
	padding-bottom: 125px;
}

#order img
{
	float: left;
	padding-right: 25px;
	padding-bottom: 25px;
}



#order img
{
	float: left;
	padding-right: 25px;
	padding-bottom: 25px;
}