/* peopleswatch.com */

Body					{ background-color: #D8D8D8; margin: 0px 0px 0px 0px;  }
Body, P, TD, A, TH, Textarea, input		{ font-family: Arial; color: #000000; font-size: 9pt; }

.AchtergrondGrijs	{
	color: #D8D8D8;
}

.Grijs	{
	color: #5C5C5C;
}

.Oranje	{
	color: #FB5105;
}

.Rood	{
	color: #CD062A;
}


/* LAYOUT */
div#SiteContainer	{
	position: relative;
	top: 0px;
	left: 0px;
	width: 1000px;
	height: 630px;
	text-align: left;
	background-color: #5C5C5C;
	overflow: hidden;
}

div#SiteMenuContainer	{
	position: absolute;
	top: 50px;
	left: 34px;
	width: 462px;
	height: 31px;
	background-color: #FB5105;
	overflow: hidden;
}

div#SiteMainMenu {
	position: absolute; 
	width: 462px; 
	height: 31px; 
	z-index: 150; 
	margin-left: 25px;
	overflow: hidden;
}


div#SiteContentContainer	{
	position: absolute;
	top: 90px;
	left: 34px;
	width: 462px;
	height: 450px;
	background-color: #ffffff;
	background-image: url(/img/bg_content.gif);
	filter:progid:DXImageTransform.Microsoft.Alpha (opacity=90, style=0); 
	-moz-opacity: 0.90; 
	khtml-opacity: 0.90; 
	opacity: 0.90;
	overflow: hidden;

}

div#SiteContentTitle {					/* IN SiteContentContainer */
	position: absolute;
	top: 43px;
	left: 35px;
	width: 425px;
	height: 35px;
	overflow: hidden;
	z-index: 5;
}

div#SiteContentTextContainer {			/* IN SiteContentContainer - HEIGHT OF CONTENT*/
	position: absolute;
	top: 85px;
	left: 35px;
	width: 390px;
	height: 280px;
	overflow: hidden;
	z-index: 7;
	clip:rect(0 390 280 0);
}

div#SiteContentText	{				/* IN SiteContentContainer */
	position: absolute; 
	left: 0px;   
	top: 0px;
	z-index: 7;
}


div#SiteImageContainer	{
	position: absolute;
	top: 90px;
	left: 506px;
	width: 230px;
	height: 450px;
	background-color: #FB5105;
	background-image: url(/img/bg_midimg.gif);
	overflow: hidden;
}

div#SiteNewsHeader	{
	position: absolute;
	top: 50px;
	left: 747px;
	width: 225px;
	height: 34px;
	background-color: #5C5C5C;
	overflow: hidden;
}

div#SiteNewsContainer	{
	position: absolute;
	top: 90px;
	left: 747px;
	width: 225px;
	height: 450px;
	background-color: #ffffff;
	background-image: url(/img/bg_news.gif);
	filter:progid:DXImageTransform.Microsoft.Alpha (opacity=90, style=0); 
	-moz-opacity: 0.90; 
	khtml-opacity: 0.90; 
	opacity: 0.90; 
	overflow: hidden;
}

div#SiteNews {					/* IN SiteNewsContainer */
	position: absolute;
	top: 33px;
	left: 19px;
	width: 190px;
	height: 325px;
	overflow: hidden;
}

div#SiteHomeLinkContainer {
	position: absolute;
	top: 556px;
	left: 71px;
	width: 225px;
	height: 20px;
	overflow: show;
}

div#SiteLanguageContainer {
	position: absolute;
	top: 556px;
	left: 820px;
	width: 133px;
	height: 20px;
	text-align: right;
	overflow: show;
}

div#SiteScrollUp {
	position: absolute;
	top: 175px;
	left: 464px;
	width: 7px;
	height: 15px;
	z-index: 100;
	overflow: show;
}

div#SiteScrollDown {
	position: absolute;
	top: 440px;
	left: 464px;
	width: 7px;
	height: 15px;
	z-index: 100;
	overflow: show;
}


/* FONTS */
div#SiteNewsHeader * {
	font-size: 9pt;
	color: #ffffff;
	padding-right: 15px;
}

.HomeLinks, .HomeLinks:link, .HomeLinks:active, .HomeLinks:visited {
	font-size: 10pt;
	color: #ffffff;
	font-weight: bold;
	padding-right: 15px;
	text-decoration: none; 
}

.LanguageLink, .LanguageLink:link, .LanguageLink:active, .LanguageLink:visited {
	font-size: 10pt;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none; 
}

.LanguageLinkSel, .LanguageLinkSel:link, .LanguageLinkSel:active, .LanguageLinkSel:visited {
	font-size: 10pt;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none; 
}


H1	{
	font-size: 14pt;
	color: #FB5105;
	font-weight: bold;
	text-decoration: none; 
	text-align: left;
	padding: 0px; 
	margin: 0px;
}

div#SiteContentText * {
	line-height: 140%;
	margin-top: 0px;
}

.SiteNewsTitle, .SiteNewsTitle:link, .SiteNewsTitle:active, .SiteNewsTitle:visited	{
	font-size: 10pt;
	color: #FB5105;
	font-weight: bold;
	text-decoration: none;
}

.SiteNewsContent	{
	margin-top: 10pt;
	margin-bottom: 15pt;
}

.SiteNewsMore, .SiteNewsMore:link, .SiteNewsMore:visited, .SiteNewsMore:active {
	font-size: 8pt;
	color: #FB5105;
	font-weight: bold;
	text-decoration: none;
}


/* Deze stylesheet bepaalt het uitzicht van de menubalk */
/* Dit kun je evt.wijzigen : andere kleuren, ander lettertype, ... */

/* Het uitzicht van het gebruikte lettertype op de menubalk */
div.WinBalk, div.WinBalk a.WinKnop, div.menu, div.menu a.WinItem { 
	font-size: 9pt;
	color: #ffffff;
	text-decoration: none;
}

/* De achtergrondkleur van de bovenste menubalk */
div.WinBalk { 
  text-align: left;
 }

/* De 'normale' kleur van de tekst op de bovenste menubalk */
div.WinBalk a.WinKnop {
  position: relative;
  padding-right: 15px;
  top: 0px;
  left: 0px;
  margin: 1px;
  text-decoration: none;
  z-index: 200;
 }

/* De kleur bij muisover van de tekst op de bovenste menubalk */
div.WinBalk a.WinKnop:hover {
 }

/* De kleur van de actieve (= aangeklikte) tekst op de bovenste menubalk */
div.WinBalk a.WinKnopActive, div.WinBalk a.WinKnopActive:hover {
  left: 0px;
  top: 0px;
}

/* De achtergrondkleur van de submenu's */
div.menu {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	margin-left: 0px;
	margin-top: 0px;
	background-color: #5C5C5C;
	visibility: hidden;
	z-index: 201;
  	filter:progid:DXImageTransform.Microsoft.Alpha (opacity=90, style=0); 
	-moz-opacity: 0.90; 
	khtml-opacity: 0.90; 
}

/* De 'normale' tekstkleur van de submenu's */
div.menu a.WinItem {
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

/* Achtergrondkleur en tekstkleur submenu's bij mouseover */
div.menu a.WinItem:hover, div.menu a.WinItemOplichten {
	background-color: #FB5105;
}

div.menu a.WinItem span.WinItemText {

}

div.menu a.WinItem span.WinItempijltje {
  margin-right: -5px;
}

div.menu div.WinItemlijntje {
}


/* SIGNIN FORM */
.FormLabel			{ }
.FormInput			{ border: 1px solid #5C5C5C; width: 225px; }
.FormTextarea		{ border: 1px solid #5C5C5C; width: 275px; height: 150px; }
BUTTON				{ background-color: #ffffff; color: #FB5105; font-weight: bold; border: 2px solid #FB5105; cursor: hand; }
.ButtonHover		{ background-color: #FB5105; color: #5C5C5C; font-weight: bold; border: 2px solid #5C5C5C;  }
.ErrorMsg			{ color: #FB5105; font-weight: bold; }