/*   GENERAL 15 mrt 06   */
.greybar2 {
  	position:absolute; 
	top:70px; 
	left:0; 
	height:34px; /* FF */
	/height:36px; /* IE */
	width:100%; 
	border-top:1px solid gray; 
	border-bottom:1px solid gray; 
	z-index:1
}

.logo2 {
	position: absolute; 
	width:auto; 
	top: 69px; 
	left:18px; 
	z-index:2
} 

.pagetitle {
	position: absolute; 
	width:auto; 
	top:46px; 
	right:20px; 
	align:right; z-index:3
}

.googleable {
  	visibility:hidden
}
.searchBox {
position: absolute;
top: 125px;
right: 25px;

}
.nav_line_vert			{position:absolute; top:106px; left:7px; height:310px; width:1px; background-color:#A3A3B0;}
.nav_line_vert_sub	{position:absolute; top:287px; left:17px; height:84px; width:1px; background-color:#A3A3B0;}
.nav						{position:absolute; top:140px; left:0}
.nav a, img					{margin:0 0 60px 0; display:block}
.top						{margin-top:50px;}
.body_table, .body_table a							{font: 13px/25px "trebuchet ms", Arial, Helvetica, sans-serif; text-align:left; font-weight:normal; }
.body_white, .body_grey, .body_dark				{font: 13px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left}
.body_white a, .body_grey a, .body_dark a		{text-decoration:underline;}
.body_white, .body_white a		{color:#eee}
.body_grey, .body_grey a		{color:#ddd}
.body_dark, .body_dark a		{color:#310B00}
.body_table, .body_table a		{color:#310B00}
.body_white-header 				{font: 13px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:justify; letter-spacing:.2em; text-transform:uppercase}
.body_greysmall					{font: 12px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #ddd; text-align:justify; padding:0 1em;}
.body_greysmall a					{text-decoration:underline; color:#ddd}
.clear								{clear:both}
p.body_table:first-letter, td.body_table:first-letter		{letter-spacing:.1em;font-weight:bold; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #310B00; font-style:italic;  text-align:left}
p.body_dark:first-letter, td.body_dark:first-letter		{color: #310B00; font-style:italic; font-weight:bold; text-align:left}
p.body_white:first-letter, td.body_white:first-letter		{color: #eee; font-style:italic; font-weight:bold; text-align:left}
p.body_grey:first-letter, td.body_grey:first-letter		{color: #ddd; font-style:italic; font-weight:bold; text-align:left}



/*	OLDER REPORTAGES PAGE*/
#barrep_old								{background-color:#202021}
.BG_reportage_old						{margin:0; background: #292B2B url("../gfx/BG_lichtgrijs.gif") no-repeat; height:1500px}
#wrapper_olderwork div.rep_box	{width:205px; height:240px; background-color:#E2E5DA; border-bottom:5px solid #646941; border-top:4px solid #7E8552; padding:3px; font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000;}
#wrapper_olderwork .rep_box img				{border:2px solid black; margin-bottom:10px}
#wrapper_olderwork .rep_box_title			{font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#202C09;text-transform:uppercase; font-weight:bold; margin-bottom: 0; padding:5px 0 0 1px}
#wrapper_olderwork .rep_box_subtitle		{font: 9px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#202C09; font-style:italic; font-weight:bold; padding: 0 0 8px 11px }
#wrapper_olderwork .rep_box_caption, 
#wrapper_olderwork .rep_box_old_caption p	{font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#202C09; margin:0; padding:0 3px 0 1px }
 

/* SINGLE REPORTAGE PAGES */
.BG_reportage		{margin:0; background: #000000 url("../gfx/BG_zwart.gif") no-repeat; text-align: center;}
#barrep				{background-color:#202121}
#preloader			{top:10px; left: 10px; width:30px; height:30px;display:none; }/**/
#buttons, #buttons a, #buttons a:visited, .publi_position, .audio_position	{text-decoration:none; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#dddddd;}
#buttons a:active, #buttons a:hover, #buttons span a:hover, #buttons span a:active, #buttons span.publi_position:hover, #buttons span.audio_position:hover {text-decoration:none; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ffffff;}
#buttons				{width: 220px; height:20px; margin-top:313px; margin-right:12px; margin-left:5px; vertical-align:middle; text-align:left }
.intro				{height:300px; text-align: left; position: relative; width:220px; font-style: italic; font: 11px/17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; margin-top:-336px; margin-left:5px;  margin-right:12px;}
* html .intro 		{margin-top:-328px; } /* hack for margins in IE*/
.centerer			{position:absolute; top:0; left: 0; margin:0; width:100%; padding-top:20px; z-index:1}
.greybar				{position:absolute; top:324px; left:0px; height:29px; width:100%; border-top:1px solid gray; border-bottom:1px solid gray; background-color:#111111; z-index:0}
.rightnav 			{right:0px;}
.fulltext_position{margin-right: 13px; cursor: pointer;}
.audio_position	{cursor: pointer; }
.publi_position	{margin-left: 13px; cursor: pointer; }
.imgMain				{border: 1px solid #999999; }
.imgMain_frame		{text-align:center; width:400px; }
.title				{text-align:center; font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#EEEEEE; text-transform:uppercase; letter-spacing:0.2em; font-weight:lighter; padding:50px 0 0 0}
.subtitle			{text-align:center; font: 12px	"Trebuchet MS", Arial, Helvetica, sans-serif; font-style: italic; font-weight:lighter; color:#FFFFFF; letter-spacing:0.05em; padding:30px 0 0 0}
.caption				{font: 10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;	font-style: italic; color:#eeeeee; padding:5px 0}
.logo					{margin-top:307px; margin-left:12px; width:220px; font: 9px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; } 
.counterposition	{float:left; margin-top:6px;  }
.counter				{font: 11px/5px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF;}
.helpdivs			{margin-top:15px; float:right; display: none; position:absolute; z-index:20;  top:356px; left:auto; width: 160px; color:#000000; background-color:#fff6f3; border:3px double #cc3333; padding: 5px;  font:13px 'Trebuchet MS', Arial, Helvetica, sans-serif}
.backbutton			{width:43px; position:absolute; top:0; left:0; z-index:30}

/* TEARSHEET SUBPAGE*/
.BG_tearsheet		{margin:0 0 0 15px; background: #000 url("../gfx/BG_zwart.gif") no-repeat 0 -650px; background-color:black}
h3						{font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #D4BF94; margin:0 0 50px 0}
h2						{font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#EEE6D6; font-style: italic; margin-top: 4px; margin-bottom: 6px}


/*	BIO PAGE*/
.BG_bio				{margin:0; background: #520203 url("../gfx/BG_bordeaux.gif") no-repeat; height:1500px;}
#barbio				{background-color:#390405; border-top:1px solid black; border-bottom:1px solid black;}
.bio_content		{width: 600px; position:absolute; top:222px; left:189px}
.bio_content p		{margin:0}
.floatleft			{margin:.5em 10px 1em 0; float:left; border: 1px solid #3A0002}
.floatright			{margin:.5em 0 1em 10px; float:right; border: 1px solid #3A0002}
blockquote			{margin:0 0 0 1em; text-align:left}
.header_bio			{border-top:1px solid black; display:block; background-color: #450004; padding:0px 5px;font: 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:justify; letter-spacing:.2em; text-transform:uppercase; height:20px}

/*	contact PAGE*/
.BG_contact			{margin:0; background: #FF7E00 url("../gfx/BG_yellow.gif") no-repeat; height:1500px;}
#barcontact			{background-color:#FF6B00; border-top:1px solid #D55600; border-bottom:1px solid #D55600}
.contact_content	{width: 600px; position:absolute; top:181px; left:260px}
.header_contact	{border-top:1px solid black; display:block; background-color: #F37500; padding:0 0 0 5px;font: 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:justify; letter-spacing:.2em; text-transform:uppercase; height:20px}

.contact_content p, .header_contact p 	{margin:0; clip:rect('0', '-5px', '0', '0')}

/*	REPORTAGE OVERVIEW PAGE*/

#blocks {
  	top:240px; 
  	left:148px; 
  	position:absolute;
	width:700px; 
}

#barrep_ov 	{
  background-color: #111111
}

.BG_reportage_ov					{margin:0; background: #202121  url("../gfx/BG_grijs.gif") no-repeat; height:1500px}

#blocks .rep_box {
	width:205px; 
	height:240px; 
	background-color:#121212; 
	/*border-bottom:5px solid #1C1011 ; 	
	border-top:4px solid #211314; */	
	border-bottom:5px solid #000000 ; 	
	border-top:4px solid #000000; 
	padding:3px; 
	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#000;
	float: left;
	margin: 0px 20px 20px 0px; /* FF */
	
}
/* for Internet Explorer */
	/*\*/
	* html .rep_box {
	height: 240px;
	}
/**/
#blocks .rep_box img		{border:2px solid black; margin-bottom:10px}
#blocks .rep_box_title		{font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ddd;text-transform:uppercase; font-weight:bold; margin-bottom: 0; padding:5px 0 0 1px}
#blocks .rep_box_subtitle	{font: 9px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ddd; font-style:italic; font-weight:bold; padding: 0 0 8px 11px }
#blocks .rep_box_caption, 
#blocks .rep_box_caption p{font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ddd; margin:0; padding:0 3px 0 1px }