@charset "iso-8859-1";

/** common **/
	* {
		margin: 0;
		padding: 0;
		font-size: 11px;
		font-family: verdana, arial, sans-serif;
		color: #fff;
		}
	html, body {
		/* \*/ height: 100%; /* IE MAC ignores */
		} 
	body {
		/* \*/ height: 100%; /* IE MAC ignores */
		margin: 0;
		background: #000;
		min-width: 828px;
		behavior: url("/style/csshover.htc");
		background-image: url("/images/design/background.gif");
		background-position: 50% 0;
		} 
	* html body {
		margin: 0;
	}
	#wrap {
		position: relative;
		margin: 0;
		height: 100%;
		text-align: center;
		}
	#middle {
		height: auto;
		width: 828px;
		min-height: 100%; 
		background: #000;
		margin: 0 auto;
		text-align: left;
	}
	* html #middle {
		/* \*/ height: 100%; /* IE MAC ignores */
		}
	.clearer {
		height:1px;
		overflow:hidden;
		margin-top:-1px;
		clear:both;
	}
	hr {
		background-color: #b4b40a;
		border: 0;
		color: #b4b40a;
		height: 1px;
		margin: 15px 0 15px 0;
	}
	* html hr
	{
		margin: 10px 0 10px 0;
	}
	html>body #minheight{
		float:right;
		width:0px;
		height:800px;
		/* \*/ height: auto; /* IE MAC ignores */
	}
	a {
		color: #bebe14;
		text-decoration: none;
	}
	a:hover {
		color: #bebe14;
		text-decoration: underline;
	}
	h1 {
		color: #fff;
		font-size: 15px;
		margin-bottom: 11px;
	}
	.foto_title {
		color: #fff;
		font-size: 11px;
		margin-bottom: 11px;
		font-weight: normal;
	}
	h2 {
		font-size: 14px;
		margin-bottom: 10px;
	}
	h3, h4, h5, h6 {
		font-size: 13px;
		margin-bottom: 2px;
	}
	ul {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	ol {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	li {
		margin-left: 24px;
	}
	blockquote {
		margin-left: 30px;
	}
/** site elements **/
	#header {
		position: relative;
		width: 828px;
		height: 140px;
		background-image: url("/images/design/background.gif");
		background-position: 50% 0;
	}
	#header_container {
		position: absolute;
		left: 0;
		top: 25px;
		width: 828px;
		height: 115px;
		background-image: url("/images/design/header.gif");
	}
	#left_column {
		float: left;
		width: 180px;
		margin-bottom: 10px;
	}
	#right_column {
		float: right;
		width: 140px;
		margin-bottom: 10px;
		padding-top: 35px;
	}
	#content {
		margin-right: 143px;
		margin-left: 183px;
		width: 502px;
		margin-bottom: 10px;
	}
	* html #content {
		margin-right: 0px;
		margin-left: 0px;
	}
/** horizontal menu **/
	.hmenu
	{
		position: absolute;
		top: 5px;
		right: 7px;
	}
	.hmenu, .hmenu ul li a
	{
		padding-top: 3px;
		line-height: 14px;
		padding-bottom: 4px;
	}
	.hmenu ul, .hmenu ul li
	{
		display: inline;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.hmenu ul li a
	{
		margin: 0 0 0 0;
		padding-left: 13px;
		padding-right: 9px;
		white-space: nowrap;
		color: #b4b40a;
		text-decoration: none;
		background-image: url("/images/design/bullet1.gif");
		background-repeat: no-repeat;
		background-position: 0 50%;
	}
	.hmenu ul #home a
	{
		background: #000;
	}
	.hmenu ul li a:hover, .hmenu ul li .active 
	{
		color: #910000;
	}
	* html .hmenu ul li, * html .hmenu ul li a
	{
		width: 1%; /* IE/Mac needs this */
		display: inline-block;	/* IE/Mac needs this */
		/* \*/
			width: auto;
			display: inline; 
			position: relative;
		/* reset above hack */
	}
	* html .hmenu, * html .hmenu ul a
	{
		/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
					 IE/Mac will ignore this rule. */
	}
	* html .HMENU
	{
		padding: 0;	
	}

/** vertical menu **/
	.vmenu 
	{
position: relative;
		margin: 0 10px 0 14px;
		padding: 0 0 0 0;
		border: 1px solid #FFF;
		background: #bebe14;
	}
	.vmenu h1
	{
		margin: 27px 0 0 0;
		padding: 0 9px 0 9px;
		color: #FFF;
		font-size: 12px;
		line-height: 26px;
		font-weight: normal;
	}
	.vmenu .search
	{
		position: absolute;
		left: 9px;
		top: 6px;
	}
	.vmenu .search a
	{
		text-decoration: none;
		color: #000;
	}
	.vmenu .search a:hover
	{
		text-decoration: underline;
		color: #000;
	}
	.vmenu ul, .vmenu ul li
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
		display: block;
	}
	.vmenu ul
	{
	}
	.vmenu ul li
	{
		border-top: solid 0px #FFF;
		z-index: 9;
	}
	.vmenu ul .relative:hover
	{
		position: relative;
	}
	.vmenu ul li:hover { z-index:10; }	
	.vmenu ul li ul 
	{
	}
	.vmenu ul li a
	{
		display: block;
		width: 136px;
		text-decoration: none;
		padding: 2px 9px;
		color: #bebe14;
		background: #70700a;
		font-size: 12px;
		line-height: 22px;
		border-top: solid 1px #FFF;
	}
	* html .vmenu ul li a
	{
		display: inline;
		width: 154px;
	}
	.vmenu ul li a:hover, .vmenu ul .active 
	{
		color: #000;
		background: #bebe14;
	}
	* html .vmenu ul li a/* hide from IE5.0/Win & IE5/Mac */
	{
	}
	* html .vmenu ul
	{
	}
	.vmenu ul li .folder {
		position: absolute;
		top: 0px;
		left: 120px;
		display: none;
		z-index: 10;
		border: 1px solid #fff;
		border-top: 0px;
	}
	.vmenu ul li:hover .folder {
		display: block;
	}
	.vmenu ul li .folder li a
	{
		display: block;
		width: auto;
		text-decoration: none;
		padding: 2px 9px;
		color: #000;
		font-size: 12px;
		line-height: 17px;
		white-space: nowrap;
	}
	.vmenu ul li .folder li a:hover, .vmenu ul li .folder li .active
	{
		color: #FFF;
		background: #b4b40a;
	}
	.vmenu ul li:hover a
	{
		color: #000;
		background: #bebe14;
	}

/** DefaultPage **/
	#DefaultPage {
		margin-left: 14px;
		padding: 5px 0 0 0;
		width: 476px;
	}

	#sort {
		letter-spacing: 3px;
		margin-bottom: 14px;
		color: #70700a;
	}
	#sort a {
		color: #b4b40a;
		text-decoration: none;
	}
	#sort a:hover {
		text-decoration: underline;
	}















	#breadcrumb {
		font-size: 10px;
		color: #bebe14;
		margin-bottom: 17px;
	}
	#breadcrumb a {
		font-size: 10px;
		color: #bebe14;
		text-decoration: none;
	}
	#breadcrumb a:hover {
		color: #fff;
		text-decoration: underline;
	}

	.previous, .next {
		display: block;
		float: left;
		padding: 10px 14px 11px 12px;
		font-size: 12px;
		text-decoration: none;
	}
	.previous2, .next2 {
		display: block;
		float: left;
		padding: 10px 14px 11px 12px;
		font-size: 12px;
		color: #70700a;
	}
	.previous:hover, .next:hover {
		text-decoration: underline;
	}
	.previous {
		background-image: url("/images/design/previous.gif");
		background-position: 0 50%;
		background-repeat: no-repeat;
	}
	.next {
		background-image: url("/images/design/next.gif");
		background-position: 100% 50%;
		background-repeat: no-repeat;
	}
	.previous2 {
		background-image: url("/images/design/previous_disabled.gif");
		background-position: 0 50%;
		background-repeat: no-repeat;
	}
	.next2 {
		background-image: url("/images/design/next_disabled.gif");
		background-position: 100% 50%;
		background-repeat: no-repeat;
	}

	#right_column h2 {
		color: #910000;
		font-size: 12px;
		font-weight: normal;
	}
	#right_column ul {
		margin-top: 0px;
		margin-bottom: 0px;
		list-style-type: none;
	}
	#right_column ul li {
		margin-left: 0px;
	}
	#right_column ul li a {
		display: block;
		line-height: 27px;
		padding-bottom: 3px;
		padding-left: 14px;
		color: #b4b40a;
		text-decoration: none;
		background-image: url("/images/design/bullet1.gif");
		background-repeat: no-repeat;
		background-position: 0 12px;
	}
	#right_column ul li a:hover, #right_column ul li .active {
		color: #910000;
	}
/** DefaultForm **/
	.DefaultForm {
	}
	.DefaultForm p {
		margin-bottom: 10px;
		color: red;
	}
	.DefaultForm fieldset {
		border-width: 0px;
		border-color: white;
		border-style: solid;
		padding: 10px 0;
	}
	.DefaultForm legend {
		font-weight: bold;
		border-left: 1px solid gray;
		border-right: 1px solid gray;
		background-color: white;	
	}
	.DefaultForm label {
		float: left;
		width: 120px;
		padding: 0 0 0 0;
		margin: 2px 0;
		clear: left;
		line-height: normal;
	}
	.DefaultForm input, 
	.DefaultForm select, 
	.DefaultForm textarea {
		color: #000;
		margin: 2px 0;
	}
	.DefaultForm .submit {
		margin-top: 10px;
		padding: 4px;
		color: #000;
	}
	/** javascript error-handling **/
	.DefaultForm input.error, 
	.DefaultForm select.error, 
	.DefaultForm input.error:focus, 
	.DefaultForm select.error:focus {
		padding-right: 16px; 
		border: 2px solid red; 
		background-image: url("/images/warning_obj.gif"); 
		background-position: right; 
		background-repeat: no-repeat;
	}
	.form_footer {
		text-align: right;
	}




#ttt {
	margin-top: 65px;
	margin-left: 184px;
		z-index: 100;
}


	#ttt #nav, #ttt #nav ul {
padding: 0 0 0 0;
margin: 0;
list-style: none;
}
#ttt #nav ul li {
margin: 0;
}
#ttt #nav li {
width: auto;
margin-left: 0;
}
#ttt #nav .relative {
float: left;
}

#ttt #nav ul {
position: absolute;
left: -1000px;
}

#ttt #nav li:hover ul, #ttt #nav li.ie_does_hover ul {
left: auto;
background-position: 0 0;
}

#ttt #nav a {
display: block;


		margin: 0 0 0 0;
		padding-left: 18px;
		padding-right: 12px;
		white-space: nowrap;
		color: #000000;
		text-decoration: none;
		background-image: url("../images/design/bullet2.gif");
		background-repeat: no-repeat;
		background-position: 0 50%;
		font-size: 13px;
		line-height: 36px;
		cursor: pointer;
}
#ttt #nav #first a {
		padding-left: 15px;
		background: none;
}
#ttt #nav #first li a {
		background: #bebe14;
}
#ttt #nav #first li a:hover {
		background: #b4b40a;
}

#ttt #nav a:hover, #ttt #nav li:hover a{
	color: #fff;
}
#ttt #nav li:hover li a{
	color: #000;
}
#ttt #nav li:hover li a:hover {
	color: #fff;
}

#ttt #nav ul a{
font-weight: normal;
cursor: pointer;
		color: #000000;
		background: #bebe14;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
padding: 4px 18px;
line-height: 16px;
}
* html #ttt #nav ul a{
	width: 162px;
	white-space: normal;
}
#ttt #nav li ul li a:hover, #ttt #nav li ul li .active, #ttt #nav #first ul li a:hover, #ttt #nav #first ul li .active {
		font-weight: normal;
		cursor: pointer;
		color: #fff;
		background: #b4b40a;
}

#ttt ul li{
}

#ttt ul ul li{
border-top: 0px solid #FFF;
border-left: 0;
}

/* IE only hack \*/
* html #ttt ul li, * html #ttt ul ul li{
border-bottom: 0px solid #FFF;
}

* html #ttt ul ul li{
border-top: 0;
}
/* Einde IE only hack */
.letterspacing {
	letter-spacing: 1px;
}