/*
	------------------------------------------
		Tirom
		http://www.tirom.nl
		20-07-2008
	------------------------------------------
		
*/

*						{margin:0; padding:0;}
body					{background:url('images/bg.png') repeat-x #322a21; font:11px verdana; color:#FFF;}
img						{border:0;}


/* Wrappers 
--------------------------------------------------*/
#wrapper				{width:869px; background:url('images/wrapper.png') repeat-y; margin:0 auto;}
#wrap_in				{width:846px; margin:0 10px 0 12px;}

/* Header, login, menu
--------------------------------------------------*/
#header						{width:846px; height:183px; background:url('images/header.png') no-repeat; position:relative;} 
#header	.login				{width:307px; height:103px; position:absolute; left:518px; top:18px;}
#header .login .aanmelden	{width:104px; height:89px; position:absolute; left:45px; top:10px; color:#dfd8c0; font:11px arial;}
#header .aanmelden a		{color:#dfd8c0; font:11px arial; text-decoration:none;}
#header .aanmelden a.yellow		{color:#ffb912; text-decoration:none; font-weight:bold; border-bottom:1px dotted #ffb912;}
#header .aanmelden a.yellow:hover	{color:#FFF; border-bottom:1px dotted #FFF;}
#header .login .form		{width:144px; height:103px; position:absolute; left:152px; top:0;}
.form input					{border:1px solid #403e3b; background:#060504; padding:5px; font:11px arial; color:#dfd8c0;}
input						{border:1px solid #403e3b; background:#FFFFFF; padding:5px; font:11px arial; color:#000000;}
input.submit				{border:0; color:#333026; font-weight:bold; margin:0; padding:0; font:11px arial; background:url('images/submit.png') no-repeat; text-align:center; height:20px; width:129px;}
input.submithome			{border:0; color:#333026; font-weight:bold; margin:0; padding:0; font:11px arial; background:url('images/submit2.png') no-repeat; text-align:center; height:20px; width:67px;}
#header .menu				{width:846px;height:36px;position:absolute;left:0;top:147px;}
#header .menu ul			{margin:0; padding:0;}
#header .menu li			{list-style:none; display:inline;}
#header .menu li a			{width:99px; height:26px; background:url('images/b.png') no-repeat; display:block; float:left; text-align:center; padding:10px 0 0 0; color:#a39a7b; text-decoration:none;}
#header .menu li a:hover	{background:url('images/b_h.png') no-repeat;}
#header .menu li a.actief			{width:97px; height:26px; background:url('images/b_actief.png') no-repeat; display:block; float:left; text-align:center; padding:10px 0 0 0; color:#17130f; text-decoration:none; font:12px verdana; font-weight:bold;}
#header .menu li a.actief:hover			{width:97px; height:26px; background:url('images/b_actief.png') no-repeat; display:block; float:left; text-align:center; padding:10px 0 0 0; color:#17130f; text-decoration:underline; font:12px verdana; font-weight:bold;}

/* Content gedeelte
--------------------------------------------------*/
#content		{width:838px; margin:4px; overflow:hidden;}

/* Links - Linkerkant van het content gedeelte
--------------------------------------------------*/
.links		{width:587px; float:left;} 
.rechts		{width:247px; float:left; padding-left:4px;}

/* Content box - Midden 
-------------------------------------------------*/
.promotieBox	{width:585px; height:217px; border:1px solid #beb8a2; background:#b0a88e; margin-top:4px;}
.boxTop			{font-weight:bold; width:552px; height:23px; background:url('images/midbox_bg.png') no-repeat; margin:0; padding:10px 0 0 35px; font-size:11px; font-family: verdana, tahoma; color:#c7bd9b; margin-top:4px; position:relative;}
.boxTop .icon	{position:absolute;left:7px;top:6px;}
.boxContent		{width:575px; border-left:1px solid #beb8a2; border-right:1px solid #beb8a2; border-bottom:1px solid #beb8a2; background:#b0a88e; padding:10px 5px; margin-bottom:4px; color:#000000;}
.boxContent p	{color:#181410; line-height:15px; font-family:arial; font-size:11px; margin-bottom:10px;}
.boxTop img		{padding-top:3px; height:16px;}

/* Content box - Midden 
-------------------------------------------------*/
.sboxTop			{font-weight:bold; width:212px; height:23px; background:url('images/sbox_top.png') no-repeat; margin:0; padding:10px 0 0 35px; font-size:11px; font-family: verdana, tahoma;color:#c7bd9b; margin-top:4px; position:relative;}
.sboxTop .icon	{position:absolute;left:7px;top:8px;}
.sboxTop .icon img		{padding-top:3px; height:16px;}
.sboxContent		{width:235px; border-left:1px solid #545048; border-right:1px solid #545048; border-bottom:1px solid #545048; background:#2e2920; padding:10px 5px; margin-bottom:4px;}
.sboxContent p	{color:#181410; line-height:15px; font-family:arial; font-size:11px; margin-bottom:10px;}
.sboxContent ul				{margin:0; padding:0 0 0 4px;}
.sboxContent li				{list-style:none;}
.sboxContent li a			{color:#90887a; background:url('images/2pxlijn.png') repeat-x bottom; display:block; width:220px; height:18px; text-decoration:none; padding:3px;}
.sboxContent li a:hover		{color:#dcd1be;}

/* standaard link */
a			{color:#CC0000; text-decoration:none;}
a:hover		{color:#dcd1be;}

/* Lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


a.screen img {
	width: 94px;
	height: 60px;
	background: #FFF;
	padding: 2px;
	margin: 0px;
	border: 1px solid #402810;
}
a.screen:hover img {
	width: 94px;
	height: 60px;
	background: #402810;
	padding: 2px;
	margin: 0px;
	border: 1px solid #402810;
}

/* table */
table tr.licht {
	background-color: #C8BFA2;
}
table tr.licht td {
	color: #181410;
	padding-left: 2px;
}
table tr.licht img {
	padding-top:3px; 
	height:16px;
}
tr td {
	padding: 3px 0px 3px 0px;
}
table tr td.links {
	font-weight: bold;
	padding-left: 20px;
	width: 40%;
}

/* lijst */
table.lijst {
  vertical-align: top;
}
table.lijst tr {
	background-color: #C8BFA2;
	text-align:center;
}
table.lijst tr td {
	padding-left: 2px;
}
table.lijst tr a			{color:#1C1813; text-decoration:none;}
table.lijst tr a:hover		{color:#989081;}

table.lijst .top td {text-align:left;}