/* html */
body {
	/*background: #3B3D38 url(../beeld/bg_wit.gif) repeat-y center;*/
	background: #1d2327 url(../beeld/bg_wit.gif) repeat-y center;
	text-align: center;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #777
}

h1, h2, h3 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 18px;
	display: inline;
	margin: 0;
	color: #900
}

h1 {
	color: #444
}

h2 {
	font-family: "Lucida grande", Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold	
}

ul, ul li ul, form {
	display: inline
}	

a {
	text-decoration: none;
	color: #900
}

a:hover {
	color: #777
}

img {
	border: 0
}

table {
	border: 0;
	display: inline
}

/* stijl hoofdelementen */

#center {
	position: relative;
	width: 760px;
	background-color: #fff;
	text-align: left;
	margin-left: auto;
	margin-right: auto
}

#logonaam {
	background: url("../beeld/logo_naam.gif") no-repeat;
	width: 760px;
	height: 25px
}

#logo, #logo_layer {
	background: url("../beeld/logo_2.jpg") no-repeat;
	width: 760px;
	height: 195px
}

#logo_layer {
	background: url("../beeld/logo_layer.gif") no-repeat;
}	

#styleswitch {
	width: 200px;
	float: left
}

#zoek {
	position: absolute;
	width: 200px;
	top: 35px;
	left: 10px
}
	

#kolom1 {
	
	width: 510px;
	float: left;
}

#kolom2 {
	margin: 0 10px 0 0;
	width: 240px;
	float: right;
}	

.filmtitel, .jaar, .imdb {
	font-size: 10px
}

.regie, .jaar, .extra {
	color: #777
}	

.teller {
	font-size: 10px
}

.fotocontainer { 
	padding: 3px 10px 0 0;
	float: left
}

.foto {
	width: 245px;
	height: 245px;
}		

.section, .section2, .section3 {
	display: block;
	background: url("../beeld/bg.gif") no-repeat;
	margin: 10px 0;
	padding: 10px 0 0 0;
	width: 510px;
}

.description, .description2, .description3 {
	padding: 0 10px;
	width: 490px;
	line-height: 150%
}

.sectionClose, .sectionClose2, .sectionClose3 {
	background: url("../beeld/bg_bot.gif") no-repeat bottom left;
	display: block;
	height: 9px;
	font-size: 0;
}

.section2 {
	margin: 10px 0 0 10px;
	background: url("../beeld/bg2.gif") no-repeat;
	width: 240px;
}

.description {
	color: #444;
	/*font-family: "Lucida Grande", Verdana, Arial, sans-serif;*/
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}

.description2, .description3, .description4 {
	width: 220px;
}

.sectionClose2 {
	background: url("../beeld/bg2_bot.gif") no-repeat bottom left;
}

.section3 {
	margin: 10px 0 0 10px;
	background: url("../beeld/bg3.gif") no-repeat;
	width: 240px;
}

.sectionClose3 {
	background: url("../beeld/bg3_bot.gif") no-repeat bottom left;
}

.description3 p, .description3 p ul, .description2 p, .description2 p ul, .description p ul {
	display: inline
}	

.description3 ul, .description2 ul, .description ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.description3 ul li, .description2 ul li {
	padding-left: 13px;
	line-height: 150%;
	background: url("../beeld/bullet.gif") no-repeat 0 3px;
}
	
/* stijlen alfabet */
#alfabet_container {
	float: left
}

.clear_l {
	clear: left
}	

#uitleg {
	float: left;
	line-height: 13px;
	text-align: center
}
	
ul#alfabet {
 	margin-left: 0;
 	padding-left: 0;
 	white-space: nowrap;
 	font-size: 11px;
}	

#alfabet li {
 	float: left;
 	list-style: none;
 	width: 13px;
 	height: 13px;
 	line-height: 13px;
 	margin-right: 1px;
 	text-align: center	
}

#alfabet a { 
 	color: #777;
 	background-color: #eee;
 	text-decoration: none;
 	display: block;
    width: 100%
}

#alfabet a:hover {
	color: #fff;
	background-color: #900
}
 
.inactief {
	color: #fff;
	background-color: #eee;
	display: block;
    width: 100%
}

li div {
	position: relative
}

.placeholder {
	margin: 1px 0 0 0
}

.menu {
	padding-left: 2px;
	text-align: left;
	background-color: #eee;
	-moz-opacity:0.95;
	opacity: 0.95;
	filter:alpha(opacity=95);
}


/* stijlen bookmarks */
#favorieten {
	background: #eaeaea;
	width: 220px
}
	
.bookmark {
	width:12px;
	height:12px;
	float: left
}	
		
.bookmark a {
	display:block;
	background: url("../beeld/bookmark.gif") 0 0 no-repeat;
}
		
.bookmark a:hover {	
	background-position: 0 -16px;
}
	
.gelezen a {
	color: #444
}
	
.gelezen a:hover {
	color: #777
}
	
.gemarkeerd a {
	color: #900
}
	
.gemarkeerd a:hover {
	color: #777
}

.gemarkeerd a:visited {
	color: #444
}

/* stijlen formulier */
form br {
	clear: left
}

input, textarea {
	display: block;
	width: 200px;
	float: left;
	margin: 0 5px 5px 0;
	height: 15px;
	color: #777;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	padding-left: 2px;
	border: solid 1px #999;
}

textarea {
	height: 200px
}

.hidden {
	display: none
}
	
.button {
	width: auto;
	height: auto;
	color: #fff;
	font-size: 10px;
	background-color: #900;
	padding-left: 2px;
	border: solid 1px #900;
}

.checkbox {
	display: inline;
	width: 15px
}	 

.feedback {
	color: #900;
	line-height: 15px
}

.px100 {
	width: 100px
}

.px150 {
	width: 150px
}

.px200 {
	width: 200px
}

.px400 {
	width: 400px
}

.px500 {
	width: 500px
}

blockquote.pullquote {
float: right;
width: 210px;
margin: 10px 5px 10px 10px;
padding: 0;
font: 16px/24px arial, sans-serif;
color: #777;
text-align: center;
}