/* Algemeen */

body	{

	font-size:0.75em;

	margin: 1em 1em 1em 1em;

	background-color: #FFFFFF;
	max-width:1400px;

}



body, td, span, li, a, h2, h3, input, select, th, p {

	font-family:Verdana, Arial, sans-serif;

	color:#333333;

	letter-spacing: 1px;

}



img	{

	border:0px;

}



img.middle	{

	vertical-align: middle;

	border:0px;

}



p.mono {

	font-family:monospace;

	font-size:1em;

	background-color: #FFFFF0;

}

a	{

 	text-decoration:none;

}



a:link	{

	color:#333333;

	text-decoration:underline;

	font-weight: normal;

}



a:visited	{

	text-decoration:underline;

	color:#333333;

	font-weight: normal;

}



a:hover	{

	text-decoration:underline;

	color:#CC6600;

	font-weight: normal;

}



a:active	{

	text-decoration:none;

	color:#CC6600;

	font-weight:bold

}



pre 	{

	font-size: 1.1em;

}



table	{

	border: 1px solid #787d5c;

}



th	{

	vertical-align:	top;

	padding: 0.5em;

	background-color: #D0D2C0;

}



td	{

	vertical-align:	top;

	padding: 0.5em;

	background-color: #EFF0E7;

}

table.position	{

	border: 0px;

}



table.position th	{

	background-color: #FFFFFF;

}



table.position td	{

	background-color: #FFFFFF;

}



.indent {

  margin-left : 20px; 

}



/*  END  - Algemeen */



/*  Indeling scherm */





#alert {

	background-color: #EFF0E7;

	font-weight: bold;

	font-size: 1.0em; 

	padding: 0.1em 0 0.1em 0.5em;

}



#top	{

	width:98%;

	margin: 0 0 0.5em 0;

	clear: both;

	height: 5em;

}



#leftmenu	{

	position:absolute;

	left: 0;

	width: 21em;

	height:85%;

	border-left: 2px solid #000000;

	margin: 0 0 1.5em 0.5em;

	padding: 0 1.5em 0 0.5em;

}



#content	{

	margin: 0 1.5em 1.5em 21.5em;

	height:85%;

	padding: 0 0 0 1.5em;

	border-left: 1px dashed #787d5c;

	

}







#footer		{

	position: relative;

	width: 98%;

	height:2.5em;

	text-align: center;

	background-color: #E6E6E6;

	font-size: smaller;

}



/*  END  - Indeling scherm */



/*  menu  */





#leftmenu, #leftmenu li, #leftmenu p {

	color: #CC6600;

	font-weight: bold;

}



#leftmenu h2	{

	background-color: #787d5c;

	color:	#FFFFFF;

	font-weight: bold;

	font-size: 1.0em; 

	padding: 0.1em 0 0.1em 0.5em;

}



/* content */



#content a	{

 	text-decoration:underline;

	color:#333333;

	font-weight: normal;

}



#content a:link	{

	color:#333333;

	text-decoration:underline;

	font-weight: normal;

}



#content a:visited	{

	text-decoration:underline;

	color:#333333;

	font-weight: normal;

}



#content a:hover	{

	text-decoration:underline;

	color:#CC6600;

	font-weight: normal;

}



#content a:active	{

	text-decoration:underline;

	color:#787d5c;

	font-weight:bold

}







#content h2.breadcrumb	{

	background-color: #EEEEEE;

	color:	#787d5c;

	font-weight: bold;

	font-size: smaller;

	padding: 0.1em 0 0.1em 0.5em;

	width: 100%;

	line-height: 1.5em;

}



span.important	{

	font-weight:bold;



}



.attention	{

	font-style: italic;

}

	

.message	{

	color: #FF0000;

}



ul.arrowright	{

	list-style-image: url(arrowright.gif); 

	list-style-position: outside;

	margin: 0em 0em 0em 0.8em;

	padding: 0em 0em 0em 0.8em;



}



.next	{

	vertical-align: middle;

	padding: 0px 0px 0px 10px;

}



.prev	{

	vertical-align: middle;

	padding: 0px 10px 0px 0px;

}









#intro { 

	margin: 0px;

	

	}

#pageHeader {

	margin-bottom: 20px;

	padding:0px;

}



#pageHeader h1	{

	color: #602700;

	font-size: 2.2em;

	position: absolute;

	top: 20px;

	right: 200px;

}

#pageHeader h2	{

	color: #CF7500;

	font-size: 1.5em;

	position: absolute;

	top: 55px;

	right: 20px;

	

}		



#menu .adv .advinner {

	font-weight: normal;

	color:#333333;

}



div.adv {

	background-color: #FFFFFF;

	padding: 1em 1em 1em 1em;

	float: right;

	clear: right;

}



div.advleft {

	background-color: #FFFFFF;

	padding: 1em 1em 1em 1em;

	float: left;

	clear: left;

}

div.advinner {

	background-color: #EFF0E7;

	padding: 1em 1em 1em 1em;

}



div.advinnerwhite {

	background-color: #FFFFFF;

	padding: 1em 1em 1em 1em;

}

div.advinner img {

	float:left;

}

#menu {

	clear: both; 

	padding: 0px 0px 5px 0px;

	margin: 0px;

	}

.dividerx, .dividerkolomx	{

	background: url(http://www.watchdirectory.net/img/dot.gif) repeat-x ;

	width:100%;

	height: 1px;

	font-size:0em;

}

.dividerkolomx	{

	width:97%;

	

}

.dividery	{

	background: url(http://www.watchdirectory.net/img/dot.gif) repeat-y;

	width:1px;

	height: 100%;

	

}



#menu a	{

	font-weight: bold;

	color:	#343D72;

	font-size: 0.95em; 

	border-right: 2px solid #343D72;

	text-decoration:none;

	padding: 0em 1.8em 0em 0.8em;	

}

#menu a:link, #menu a:visited, #menu a:active	{

	text-decoration:none;

	

}



#menu a:hover	{

	text-decoration:underline;

}



div.screenshotright {

	float: right;

	clear: right;

	background-color: #FFFFFF;

	padding: 0.5em 1em 1em 1em;

}



div.screenshotleft {

	float: left;

	clear: left;

	background-color: #FFFFFF;

	padding: 0.5em 1em 1em 1em;

}

#overlay{ background-image: url(overlay.png); }



* html #overlay{

	background-color: #000;

	back\ground-color: transparent;

	background-image: url(blank.gif);

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");

	}