/*
 * Het Digitaal geweld
 * 200810
 *
 */
/***** Initialize *****/
html, body {
    height: 100%;
}

* {
    margin: 0;
    padding: 0;
}

p, h1, h2, h3, h4, h5, h6 {
    padding: 0 0 1em 0; /* restore whitespace */
}

h1 {
	font-size: 18px;	
}

/***** General layout *****/
body {
    background-color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 11px;
    line-height: 18px;
    text-align: justify;
}

a {
	color: #000;
}

a:hover {
    text-decoration: none;
}

a img {
    border: none;
}
/***** indeling *****/
#background {
	background: #000 url(/site/images/white/bg_background.jpg) top left repeat-y;
	width: 1020px;
	margin: 0 auto;
}
	
	#container {
		background-color: #fff;
		width: 980px;
		margin: 0 auto;
	}
		
		#header {
			position: relative;		
		}
			
			#logo {
				padding: 0;
				width: 980px;
				height: 98px;
				text-indent: -1000px;
				background: url(/site/images/white/logo.jpg) top left no-repeat;
			}
				
				#frmBlack {
					position: absolute;
					top: 48px; left: 923px;
				}
				
				#frmWhite {
					position: absolute;
					top: 68px; left: 923px;
				}
	
		#middle {
			width: 910px;
			margin-left: 35px;
			padding-bottom: 25px;
			background: #000 url(/site/images/white/bg_page.jpg) top left repeat-y;
		}
	
			#menu {
				background: url(/site/images/white/bg_menu.jpg) top left repeat-y;
				height: 40px;
			}
			
				#menu ul {
					margin: 0 0 0 0; padding: 7px 0 0 180px; 
				}
				
				#menu li {
					float: left;
					display: inline;
					height: 16px;
					margin: 0 60px 0 0; 
					padding: 3px 15px 5px 15px;
					font-weight: bold;
				}
				
				#menu li a {
					text-align: center;
					text-decoration: none;
					display: block;
					color: #000;
					font-size: 12px;
					font-family: Arial Narrow, Helvetica Narrow, sans-serif;
				}
				
				#menu li a:hover {
					text-decoration: underline;
					color: #000;
				}
				
				#menu li.selected a {
					/* background-color: #0000ff; */
					color: #B90005;
				}
	
			#filelist {
				/* border: #FFF solid 1px; */
				padding-left: 5px;
				width: 900px;
				text-align: center;
			}
	
			#content {
				width: 650px;
				margin-left: 147px; /* 980 - 35 - 650 / 2 */
				margin-top: 25px;
				/* margin-bottom: 25px; */
			}
			
				#content_top {
					background: url(/site/images/white/bg_content_top.jpg) top left no-repeat;
					height: 10px; width: 650px;
				}
				
				#content_middle {
					background: url(/site/images/white/bg_content_middle.jpg) top left repeat-y;
					width: 630px; /* 650 */
					padding: 0 10px 0 10px;
				}
				
				#content_bottom {
					background: url(/site/images/white/bg_content_bottom.jpg) top left no-repeat;
					height: 10px; width: 650px;
				}
	
	
	
			#footer {
				background: url(/site/images/white/bg_footer.jpg) top left no-repeat;
				font-size: 8px;
				height: 19px; /* 40 */
				text-align: center;
				color: #777777;
				margin: 0; padding: 3px 0 0 0;
				/* clear: left; */
			}
				
				#footer a {
					color: #777777;
				}