html {
	overflow: -moz-scrollbars-vertical;
}
body {
	background-color: #666666;
	padding: 20px;
	font-family: Verdana, Helvetica, sans-serif;
}
	
div#container {
	width: 730px;
	min-height: 569px;
	background-color: #FFFFFF;
	text-align: left;
	padding: 10px;
}

div#footer {
	width: 730px;
	font-size: 9px;
	text-align: left;
	padding: 10px;
	color: #999999;
}
#footerLeft {
	float: left;
}
#footerLeft span.obfuscated a {
	color: #999999;
}
#footerRight {
	float: right;
}
#footerRight a {
	color: #999999;
	text-decoration: none;
	margin-left: 30px;
}
#footerRight a:hover {
	color: #990022;
	text-decoration: none;
}

div#header {
	background: #990022 url(../images/header.jpg) no-repeat top; 
	height: 100px;
}

/* LINK STYLE */
a {
	color: #990022;
	text-decoration: none;
	font-weight: normal;
}
li a {
	text-decoration: none;
}
a:hover {
	color: #CCCCCC;
}
.obfuscated a {
	color: #000000;
	text-decoration: none;
}

/* BUTTONS */
input.button {
	height: 24px;
	background-color: #DDDDDD;
	border: 1px outset #CCCCCC;
	font-size: 11px;
	margin: 5px;
	padding-bottom: 2px;
}
input.button:hover {
	border: 1px solid #D8CCCC;
	background-color: #E8DDDD;
}
input.topOfForm {
	float: right;
}
input.addButton, input.okButton, input.cancelButton, input.deleteButton, input.backButton, input.editButton, input.invertButton {
	background-repeat: no-repeat;
	background-position: 4px center;
	padding-left: 20px;
}
input.addButton {
	background-image: url('../images/add.png');	
}
input.okButton {
	background-image: url('../images/accept.png');	
}
input.cancelButton {
	background-image: url('../images/cancel.png');	
}
input.deleteButton {
	background-image: url('../images/delete.png');	
}
input.backButton {
	background-image: url('../images/back.png');	
}
input.editButton {
	background-image: url('../images/pencil.png');	
}
input.invertButton {
	background-image: url('../images/invert.png');	
}

/* MENUS */
div#adminMenu {
	background-color: #999999;
	color: #FFFFFF;
	width: 720px;
	font-size: 10px;
	padding: 5px 5px 10px 25px;
	margin-bottom: 10px;
	display: table;
}
div#adminMenu a:hover {
	color: #990022;
}
div#adminMenu div.group {
	float: left;
	margin-right: 25px;
	text-align: left;
	padding: 5px 5px 0px 5px;
}
div#adminMenu li.group {
	margin-right: 25px;
}
div#adminMenu div.title {
	color: #990022;
	font-weight: bold;
}
div#adminMenu div.right {
	float: right;
	text-align: right;
}
div#adminMenu .last {
	margin-right: 0px !important;
}
div#adminMenu div.edit a{
	color: #BBFFBB;
}
div#adminMenu div.edit a:hover {
	color: #990022;
}

div#mainMenu {
	background-color: #990022;
	color: #FFFFFF;	
	height: 24px;
	border-bottom: 6px solid #000000;	
	font-size: 10px;
	padding-left: 10px;
}
div#mainMenu div {
	float: left;
	height: 17px;
	padding-left: 15px;
	padding-right: 16px;
	margin-right: 2px;   /* space between divs! */
	padding-top: 7px;
	background-color: #990022;

}
div#mainMenu div.last {
	margin-right: 0px;
}
div#mainMenu div.highlighted {
	background-color: #000000;
}
div#mainMenu a, div#subMenu a , div#adminMenu a {
	text-decoration: none;
	color: #FFFFFF;
}
div#mainMenu a:hover, div#subMenu a:hover {
	color: #CCCCCC;
}

div#subMenu {
	background-color: #000000;
	color: #FFFFFF;
	height: 18px;
	font-size: 10px;
	padding-left: 25px;
}
div#subMenu div {
	margin-right: 25px;
	float: left;
	background-color: #000000;
}
div#subMenu div.highlighted a{
	color: #BBBBBB;
}

/* BODY */
div#body {
	margin: 25px 35px 25px 25px;
	font-size: 11px;
}
h1 {
	color: #990022;
	font-family: Georgia, Times, serif;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 15px
}
h2 {
	padding-top: 5px;
	padding-bottom: 5px;
}
h3 {
	padding-top: 10px;
}
p {
	line-height: 17px;
	padding-bottom: 10px;
}
em {
     font-weight: bold;
     font-style: normal;
	 text-decoration: none;
}
ul, li {
	 list-style-image: url('../images/bullet.gif');
	 margin-left: 10px;
	 line-height: 18px;
}
ul {
	 padding-bottom: 10px;
}
div.contactus {
	 font-size: 11px;
	 margin-top: 50px;
}

/* PEOPLE */
div#filters, div#filtersProj {
     height: 18px;
     background-color: #EEEEEE;
     border: 1px solid #DDDDDD;
     padding: 5px;
     text-align: center;
     margin-bottom: 5px;
}
div#filters select, div#filters input, div#filtersProj select, div#filtersProj input {
     font-size: 10px;
     font-family: verdana, non-serif;
     margin-left: 5px;
}
div#filters select {
     width: 188px;
}
div#filtersProj select {
     width: 287px;
}
div#filters input, div#filtersProj input {
     background-color: #DDDDDD;
}

div#groups {
	 height: 16px;
     border-bottom: 1px solid #DDDDDD;
     padding: 10px 5px 10px 5px;
     margin-bottom: 15px;
     font-size: 10px;
     color: #DDDDDD;
	 text-align: center;
}
div#groups div {
	 padding: 2px 5px 2px 5px;
	 margin-left: 8px;
	 /*float: left;*/
	 display: inline;
}
div#groups .actief {
	 background-color: #990022;
     color: #FFFFFF;
}
div#groups a {
	 color: #333333;
	 border: 0px;
	 text-decoration: none;
}
div#groups a:hover {
	 color: #990022;
	 border: 0px;
}

div#lijst {
     width: 100%;
}
div#lijst a {
	 text-decoration: none;
}
div#lijst a:hover {
	 text-decoration: none;
}
div#lijstVak {
     padding: 5px;
     margin-bottom: 5px;
}
div.lijstKop a{
     font-weight: bold;
}
span.nonLot {
	 color: #CCCCCC;
}
div.lijstNonLot a {
	 color: #FFAACC;
}
div.lijstNonLot a:hover {
	 color: #CCCCCC;
}
div.lijstMeer {
     margin-left: 10px;
	 margin-top: 2px;
     font-size: 10px;
}

/* PERS GEGEV, INST */
div#gegevens {
	 margin: 70px;	
}
div#gegevens div#foto {
	 float: right;
	 display: inline;
}
img#foto {
	 border: 1px solid #990022;
	 max-width: 100px;
}

div#gegevens div.blok {
	 padding-bottom: 15px;
	 line-height: 14px;
}
div#gegevens div.blok div {
	 margin-top: 2px;
}
div#gegevens div.blok td {
	 padding-top: 2px;
}
div#gegevens div.streep {
	 border-top: 1px solid #DDDDDD;
	 padding-top: 10px;
}

.inputSubHeader {
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 5px;
}
.inputSubHeader input {
	position: relative;
	top: 2px;
	
}

td.dataLabel {
	width: 100px;
	font-style: italic;
}

img.smallIcon {
	height: 12px;
	width: 12px;
	margin-left: 5px;
}
img.infoIcon {
	float: left;
	cursor: help;
	margin-right: 3px;
}

/* proj */
div.projPeopleList a {
	text-decoration: none;
}

/* agenda...*/
table.agenda {
	width: 100%;
	margin-bottom: 10px;
}
table.agenda th {
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px;
}
table.agenda td {
	padding: 9px 5px 9px 5px;
}
table.agenda td.datetime {
	width: 15%;
}
table.agenda td.loc {
	width: 30%
}

/* tooltips */
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#C3D5E0;
	padding:3px 7px;
	color:#333;
	font-size: 11px;
 	max-width: 200px;
	display:none;
}

.remark {
	font-size: 9px;
	margin: 3px;
}

/* newsletters */
div.newslettercont {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
div.newsletter {
	float: left;
	width: 141px;
	height: 20px;
	margin-bottom: 10px;
	padding: 7px 0px 0px 25px;
	background-repeat: no-repeat;
	background-position: 4px center;
	background-image: url('../images/page.png');	
}
div.newsHeader {
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px;
	margin-bottom: 10px;
}
div.newsletterTitle {
	font-weight: bold;
	padding-bottom: 4px;
	margin-bottom: 4px;
	border-bottom: 1px solid #cccccc;
	line-height: 15px;
}
div.newsletterText {
	margin-bottom: 25px;
	line-height: 13px;
}
ul#contents {
	margin-bottom: 20px;
}
.backUp {
	float: right;
	position: relative;
	top: -2px;
}

/* report error or succes */
div#error {
	border: 1px solid #FF9999;
	background-color: #FFDDDD;
	padding: 10px;
	margin-bottom: 10px;
}
div#succes {
	border: 1px solid #99FF99;
	background-color: #DDFFDD;
	padding: 10px;
	margin-bottom: 10px;
}

/* sidebar */
div#sidebar {
	float: right;
	width: 240px;
	margin-left: 35px;
	padding-top: 30px;
	margin-bottom: 10px;
	background-color: #eeeeee;
	font-size: 11px;
}
#sidebar div.header {
	color: #444;
	font-variant: small-caps;
	font-size: 13px;
	font-weight: bold;
	background-color: #ffffff;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	padding: 8px 0px 10px 0px;
	text-align:  center;
}
#sidebar div.text {
	margin: 8px 2px 15px 10px;
	line-height: 20px;
}
#sidebar div.text li {
	list-style-image: none;
	margin: 0px 0px 8px 10px;
	text-indent: -10px;
	line-height: 15px;
}
#sidebar img {
	margin-right: 4px;
	position: relative;
	top:3px;
}

/* drag and drop cursor */
.dragdrop {
	cursor: move;
}

.alternate {
	background-color: #EEEEEE;
}