/* CSS Document */

body {
	padding: 0px;
	margin: 0px;
	
	/*background-image: url('../../../images/background.png');
	background-position: top center;
	background-attachment: fixed;*/
	background-color: #A65524;
}

#site_title {
	position: absolute;
	
	left:  30px;
	top:   30px;
	width: 340px;
	height: 99px;
	
	background-image: url(../../../images/title.gif);
	background-repeat: no-repeat;
}

#header_image {
	position: absolute;
	
	left:   0px;
	top:    0px;
	right:  0px;
	height: 200px;
	
	background-image: url('../../../images/header.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	
	/*clip: rect(auto, auto, auto, 404px);*/
}

#site {
	position: absolute;
	
	left: 0px;
	right: 0px;	
	min-height: 100%;
}

#container {
	position: absolute;
	
	top:   240px;
	width: 100%;
}

#container2 {
	background-color: #FFD7AE;
	border: solid 2px #600;	
	border-top: none;
	
	width: 769px;
	margin: 0px auto;
	
	min-height: 600px;
	
	padding: 5px;
}

/* BEGIN: PAGE_EDIT */
#page_edit {
	position: absolute;
	
	left:   10px;
	top:    200px;
	width:  80px;
	height: 20px;
	
	z-index: 100;
	
	padding: 5px;
}

#site_container {
	display: none;	
}


#page_edit .edit {
	width: 16px;
	height: 16px;
	
	background-image: url(images/edit.png);
}

/* END: PAGE_EDIT */

/* BEGIN: GUSTBOOK */
.bericht {
	border: solid 1px #000;	
	margin-top: 5px;
}

.bericht .naam {
	float: left;
	display: block;
	margin-left: 5px;
	font-weight: bold;
}

.bericht .time {
	float: left;	
	display: block;
	margin-left: 5px;
}
.bericht .rem {
	display: block;
	margin-left: 5px;
}

.bericht .messgae {
	display: block;
}

#bericht input {
	width: 95%;
}

table, td, tr {
	border: solid 0px #000;	
}
/* END: GUSTBOOK */

/* BEGIN: ALBUM */
.album .photo {
	/*float: left;*/
	display: inline-block;
	
	width: 128px;
	height: 128px;
	
	border:  1px solid #000;
	
	margin-right: 5px;
	
	/* For IE 7 */
	zoom: 1;
	*display: inline;
}

.album .photo img {	
	border: 0px none #000;
}

.album .photo .img {	
	width: 100%;
	max-width: 100%;
	max-height: 100%;
}

.album .photo .add {
	float: none;
	
	width: 16px;
	height: 16px;
	
	z-index: 10;
	
	background-image: url(images/add.png);'
}

.album .photo .edit {
	float: none;
	
	width: 16px;
	height: 16px;
	
	z-index: 10;
	
	background-image: url(images/edit.png);
}

.album .photo .delete, .delete_img {	
	float: none;
	
	width: 16px;
	height: 16px;
	
	z-index: 10;
	
	background-image: url(images/delete.png);
}

.album input {
	width: 99%;	
}

.album table {
	margin-bottom: 20px;
}
/* END: ALBUM */

/* BEGIN: MENU */
#menu {
	position: absolute;
	
	left:   0px;
	top:    200px;
	right:  0px;
}

.nav a, .nav a:link, .nav a:visited, .nav a:hover {
    outline: none;
}

.nav, .nav ul {
	margin: 0px;
	padding: 0px;
	border:  0px none #000;
	list-style-type: none;
	display: block;
}

.nav li {
	position: relative;
	
	z-index: 5;
	float: left;
	
	border: 0px none #000;
	
	display: block;	
	background: none;
		
	padding: 0px;
	
	margin: 0px;
	margin-right: 2px;
}

.nav li:hover
{
	z-index: 1000;
	white-space: normal;
}

.nav li li
{
	float: none;
}

.nav ul
{
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	background: none;
	min-height: 0;
	background-image: url('images/spacer.gif');
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
}

.nav li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.nav li li:hover>ul
{
  top: 0;
  left: 100%;
}

.nav:after, .nav ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.nav{
  min-height: 0;
  position:relative;
  padding: 6px 6px 6px 6px;
}

.nav ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}

div.art-nav-center
{
  position: relative;
  float: right;
  right: 50%;
}

ul.nav
{
  position: relative;
  float: left;
  left: 50%;
}

.firefox2 ul.nav
{
  float: none;
}

/* menu structure */
.art-nav
{
	position: relative;
	
	min-height: 40px;
	z-index: 100;
	
	margin: 0px auto;
	margin-top: 0;
	margin-bottom: 0;
}

.art-nav-outer
{
    position:absolute;
    width:100%;
}

.art-nav-l, .art-nav-r
{
  position: absolute;
  z-index: -1;
  top: 0;
  height: 100%;
  background-image: url('images/nav.png');
}

.art-nav-l
{
  left: 0;
  right: 5px;
}

.art-nav-r
{
  right: 0;
  width: 888px;
  clip: rect(auto, auto, auto, 883px);
}

/* begin MenuItem */
.nav a
{
  position: relative;
  display: block;
  overflow: hidden;
  height: 28px;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
}

.nav ul li
{
    margin:0;
    clear: both;
}

.nav a .r, .nav a .l
{
  position: absolute;
  display: block;
  top: 0;
  z-index: -1;
  height: 94px;
  background-image: url('images/menuitem.png');
}

.nav a .l
{
  left: 0;
  right: 4px;
}

.nav a .r
{
  width: 408px;
  right: 0;
  clip: rect(auto, auto, auto, 404px);
}

.nav a .t, .nav ul a, .nav a:link, .nav a:visited, .nav a:hover
{
  text-align: left;
  text-decoration: none;
}

.nav a .t
{
  color: #C6C3B9;
  padding: 0 14px;
  margin: 0 4px;
  line-height: 28px;
  text-align: center;
}

.nav a:hover .l, .nav a:hover .r
{
  top: -33px;
}

.nav li:hover>a .l, .nav li:hover>a .r
{
  top: -33px;
}

.nav li:hover a .l, .nav li:hover a .r
{
  top: -33px;
}
.nav a:hover .t
{
  color: #000000;
}

.nav li:hover a .t
{
  color: #000000;
}

.nav li:hover>a .t
{
  color: #000000;
}

.nav a.active .l, .nav a.active .r
{
  top: -66px;
}

.nav a.active .t
{
  color: #1C1B17;
}

.nav a:hover.separator-without-submenu 
{
  cursor: default;
}

.nav a:hover.separator-without-submenu .t
{
  color: #C6C3B9;
}

.nav li:hover a.separator-without-submenu .t
{
  color: #C6C3B9;

}

a:hover.separator-without-submenu .r, a:hover.separator-without-submenu .l 
{
  top: 0 !important;
}
/* end MenuItem */

/* begin MenuSeparator */
.nav .nav-li-separator
{
  display: block;
  width: 8px;
  height:28px;
}
/* end MenuSeparator */

/* begin MenuSubItem */
.nav ul a
{
  display: block;
  white-space: nowrap;
  height: 26px;
  width: 180px;
  overflow: hidden;
  background-image: url('images/subitem.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-width: 1px;
  border-style: solid;
  border-color: #C8C5BC;
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 26px;
  color: #3B3830;
  font-size: 12px;
  margin:0;
  padding:0;
}

.art-nav ul.nav ul span, .art-nav ul.nav ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}

.nav ul a:link, .nav ul a:visited, .nav ul a:hover, .nav ul a:active, .art-nav ul.nav ul span, .art-nav ul.nav ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 26px;
  color: #3B3830;
  font-size: 12px;
  margin:0;
  padding:0;
}

.nav ul li a:hover
{
  color: #000000;
  border-color: #C8C5BC;
  background-position: 0 -26px;
}

.nav ul li:hover>a
{
  color: #000000;
  border-color: #C8C5BC;
  background-position: 0 -26px;
}

.art-nav .nav ul li a:hover span, .art-nav .nav ul li a:hover span span
{
  color: #000000;
}

.art-nav .nav ul li:hover>a span, .art-nav .nav ul li:hover>a span span
{
  color: #000000;
}
/* END: MENU */