@charset "utf-8";
/* CSS Document */

body {
	background-color: #000000;
}

body, td {
	font-family: 'Verdana';
	font-size: 12px;
}

div {
	overflow:hidden;
}

/* ------------main container----------- */

div#container {
	position:relative;
	width: 98%;
	left: 1%;
}


/* ------------header----------- */

div#header {
	position:relative;
	left:0px;
	top:0px;
	height:144px;
}

div#header_left {
	position:absolute;
	background:url(images/logo.png);
	background-repeat:no-repeat;
	width:332px;
	height:100%;
	top:0px;
	left:0px;
}

div#header_middle {
	position:absolute;
	background:url(images/border_top.png);
	background-repeat:repeat-x;
	height:100%;
	top:0px;
	left:332px;
	right:10px;
}

div#header_right {
	position:absolute;
	background:url(images/corner_upper_right.png);
	background-repeat:no-repeat;
	height:100%;
	width:10px;
	top:0px;
	right:0px;
}

/* ------------footer----------- */

div#footer {
	position:relative;
	bottom:0px;
	left:0px;
	height:10px;
}

div#footer_left {
	position:absolute;
	background:url(images/corner_bottom_left.png);
	background-repeat:no-repeat;
	height:100%;
	width:10px;
	left:0px;
	top:0px;
}

div#footer_middle {
	position:absolute;
	background:url(images/border_bottom.png);
	background-repeat:repeat-x;
	height:100%;
	left:10px;
	right:10px;
	top:0px;
}

div#footer_right {
	position:absolute;
	background:url(images/corner_bottom_right.png);
	background-repeat:no-repeat;
	height:100%;
	width:10px;
	right:0px;
	top:0px;
}

/* --------- middle ------------- */

div#middle {
	background:url(images/background_color.png);
}

div#middle_left {
	background:url(images/border_left.png) repeat-y;
	left:0px;
	width:10px;
	top:144px;
	bottom:10px;
	position:absolute;
}

div#middle_right {
	background:url(images/border_right.png) repeat-y;
	width:10px;
	right:0px;
	top:144px;
	bottom:10px;
	position:absolute;
}

div#middle_div {
	background:url(images/background_color.png);
	margin-left:10px;
	margin-right:10px;
	height:100%;
}


div#middle_menu {
	padding-top: 20px;
	width: 250px;
	float:left;
}

div#middle_body {
	padding-left: 20px;
	padding-right: 100px;
}

/* ---------------- menu -----------------*/

div#middle_menu ul {
	padding-left: 10px;
	margin: 0px;
	*padding-left: 0px;
}

div#middle_menu li {
	height: 25px;
	font-size: 14px;
	font-weight: bold;
	list-style-image: url(images/pijl.png);
	list-style-position: inside;
}

div#middle_menu li a {
	text-decoration: none;
}

div#middle_menu li a:link {
	color: #5A3C01;
}

div#middle_menu li a:hover {
	background-color:#ffffff;
	color: #5A3C01;
}

div#middle_menu li a:visited {
	color: #5A3C01;
}

/* --------------tables ---------------*/
table.item {
	width: 96%;
}

table.item td {
	text-align: center;
	width: 32%;
}

table.item a.selectable div {
	border: 1px solid #FDDD6F;
	padding-top: 10px;
	padding-bottom: 10px;
	overflow:visible; /*some fix for ie7*/
}

table.item a.selectable:hover div{
	text-decoration: none;
	border: 1px solid black;
	background-color: #FDDD6F;
}

a.album_selectable div {
	border: 1px solid #FDDD6F;
	padding-top: 10px;
	padding-bottom: 10px;
}

a.album_selectable:hover div {
	text-decoration: none;
	border: 1px solid black;
	background-color: #FDDD6F;	
}

hr {
	border: none;
	border-top: solid #5A3C01 thin;
}

h1 {
	font-size: 20px;
	padding: 2px;
	text-decoration: underline;
	
}