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

body {
	background-color: #000000;
	/*height: 100%;*/
}

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

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

div#container {
	position:relative;
	max-width: 1400px;
	margin: 0 auto;
	/*min-height: 100%;*/
}


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

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

div#header_left {
	position:absolute;
	background:url(images/logo.png);
	background-repeat:no-repeat;
	width:340px;
	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;
	bottom:0px;
	left:340px;
	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:153px;
	bottom:10px;
	position:absolute;
}

div#middle_right {
	background:url(images/border_right.png) repeat-y;
	width:10px;
	right:0px;
	top:153px;
	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: 50px;
	width: 250px;
	float:left;
}

div#middle_body {
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 100px;
	overflow:hidden;
}

div#middle_body h1{
    margin-top: 0px;
    font-size: 20px;
	padding: 2px;
	text-decoration: underline;
}

div#middle_body img{
	box-shadow: 4px 4px 5px #333333;
}

div#middle_bottom {
	text-align: center;
	font-size: 10px;
	margin-right: -20px;
}

div#middle_bottom hr {
	/*width: 1350px; */
	border: 0; 
	height: 1px; 
	background-color:#FF5D00;
}


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

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

div#middle_menu li {
	line-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;
}


/* -------guestbook ---------- */

table#guestbook {
}
	
div#guestbook_newmessage {
	border: red thin solid;
	display:inline-block;
	padding: 3px;
}

/* -------product ---------- */

table#product td#header
{
	vertical-align: top;
	font-weight: bold;
}