/*
================================================================================
 Basic page layout and defaults
================================================================================
*/

body {
	margin: 0;
	padding: 0;
	background-image: url(/Images/Background.gif);
	background-attachment: fixed;
	background-position: 0 -30px;
*	background-position: 0 5px;
}

img {
	border: 0;
}

form {
	margin: 0;
	padding: 0;
}

p, ul, ol, h2 {
	line-height: 1.8em;
}

ul.downloads li {
	margin-left: 0px;
}

p, h2 {
	margin-top: 0;
}

li li, li li {
	margin-left: 2em;
	list-style-type: disc;
}

ul.lowerAlpha li {
	list-style-type: lower-alpha;
}

li ul, li ol {
	margin-left: 0;
	padding-left: 0;
}

p, h1, h2, h3, address {
	padding-left: 1em;
}

address {
	font-style: normal;
	line-height: 1.8em;	
	margin-bottom: 1em;
	margin-top: 1em;
}

hr {
	border-bottom: 1px solid #5a5a5a;
}

#mainContainer {
	min-height: 480px;
*	height: 480px;
}

a.borderRight {
	border-right: 1px solid #5A5A5A;
	padding: 5px;
	padding-left: 0;
}

a.borderLeft {
	border-left: 1px solid #5A5A5A;
	padding: 5px;
	padding-right: 0;
}

a.highlight {
	color: yellow;
}
	
/*
================================================================================
 Basic typography and colors
================================================================================
*/

body {
	font-family: Verdana, Bistream Vera Sans, Geneva, Sans-Serif;
	background-color: #000;
	color: #ccc;
	font-size: 70%;
	background-color: #000;
}

input, select, textarea {
	font-family: Verdana, Bistream Vera Sans, Geneva, Sans-Serif;
	font-size: 1em;
	width: 260px;
}

textarea {
	height: 100px;
}

select {
	width: 264px;
}

input.search {
	width: 41px;
}

input#membershipNormaal,
input#membershipStudent,
input#autoLogon,
input#showOnWebsite,
input#forumSecureMessage,
input#showEndDate,
input#uploadFile
{
	width: auto;
}

textarea.moreInfo {
	height: 100px;
}

input.searchField {
	width: 136px;
}

select#workarea {
	width: 166px;
}

h1, h2, h3 {
	font-size: 1em;
	font-weight: normal;	
}

a {
	color: #A746E0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#section_search a {
	color: #9016B2;
}

#section_search a.linkMoreInfo {
	float: right;
	margin-right: 10px;
	font-weight: bold;
	color: #e08100;
}

#section_search a:hover.linkMoreInfo,
#section_search a:hover.linkTop {
	text-decoration: none;
	color: #432C5F;
}


#section_search a.linkMoreInfo img,
#section_search a.linkTop img {
	vertical-align: middle;
}

#section_search a.linkTop {
	float: right;
	margin-right: 10px;
	font-weight: bold;
	color: #ef9b19;
}

*>html #section_search a.linkTop {
	margin-top: 15px;
}

#mainContent {
	margin-top: 70px;
*	margin-top: 0;
*	padding-top: 0.5em;
	padding-bottom: 1em;
	margin-left: 170px;
*	margin-left: 0;
	float: left;
	width: 600px;	
	min-height: 327px;
*	height: 327px;
}

#contentLeft,
#contentRight
{
	width: 285px;
	float: left;
	margin-right: 10px;
}

.hack {
	clear: both;
	margin-bottom: 10px;
}

.notification,
h2.agenda
{ 
/* default layout & color for notifications 
   i.e. text after sending mail via form */
	color: #e08100;
	
}

h2.agenda {
	margin-bottom: 0;
}

textarea, input, select {
	border: none;
	padding: 2px;
}

/*
================================================================================
 Search area
================================================================================
*/

#search {
	background-color: #e08100;
	background-image: url(../Images/BackgroundSearch.gif);
	background-repeat: no-repeat; 
	height: 48px; 
	border-top: 24px solid #000;
	margin: 0;
	position: fixed;
	width: 100%;
}

#workarea {
	margin-left: 170px;
	height: 17px;
	padding: 0;
}

input.searchField {
	margin-left: 30px;
}

input.search {
	margin-left: 5px;
}

#workarea,
input.searchField,
input.search
{
	font-size: 1em;
}

img.downloadPDF {
	margin-left: 30px;
}

#opWerkterrein {
	margin-left: 175px;
}

#opNaam {
	margin-left: 45px;
}

#opWerkterrein,
#opNaam {
	margin-top: 5px;
*	margin-top: 8px;
}

*>html #opWerkterrein,
*>html #opNaam {
	margin-bottom: 1px;
} 

#pdfLedenbestand {
	margin-top: 6px;
*	margin-top: 8px;
}

/*
================================================================================
 Menu
================================================================================
*/

#menu {
	margin-top: 72px;
*	margin-top: 0;
	padding-top: 38px;
*	padding-top: 60px;
	float: left;
	width: 170px;
	position: fixed;
	background-color: #000
	;
}

#menu ul {
	border-top: 1px solid #5a5a5a; 
	margin: 0;
	padding: 0;	
}

#menu li {
	border-bottom: 1px solid #5a5a5a;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 22px;
*	height: 12px;
}

#menu li.noBorder {
	border: 0;
}

#menu ul.bottomMenu {
	border-top: 0;
	margin-top: 15px;
	background-color: #212121;
}

#menu ul.bottomMenu li.logo {
	padding: 0;
	height: 95px;
}


/*
================================================================================
 Special layout per page
================================================================================
*/

img.agenda,
img.downloads,
img.links,
img.login,
img.vca,
img.vak,
img.lidmaatschap,
img.levering,
img.contact,
img.klankbord
{
	margin-left: 97px;
}

img.vca {
	margin-top: 12px;
*	margin-top: 22px;
}

img.vak {
	margin-top: 34px;
*	margin-top: 45px;
}

img.lidmaatschap {
	margin-top: 56px;	
*	margin-top: 70px;
}

img.levering {
	margin-top: 78px;	
*	margin-top: 93px;
}

img.contact {
	margin-top: 100px;
*	margin-top: 118px;
}

img.klankbord {
	margin-top: 182px;
*	margin-top: 202px;
}

img.agenda {
	margin-top: 204px;
*	margin-top: 227px;
}

img.downloads {
	margin-top: 229px;	
*	margin-top: 252px;
}

img.links {
	margin-top: 251px;
*	margin-top: 279px;
}

img.login {
	margin-top: 273px;	
*	margin-top: 304px;
}

#mainHeader h1.titleLeft,
#mainHeader h1.titleRight {
	float: left;
	width: 285px;
}

#section_home {
	background-image: url(/Images/BackgroundHome.gif);
	background-color: #212121;
*	background-position: 0 3px;
}

#section_home #mainContent {
	min-height: 50px;
*	height: 50px;
}
#section_agenda #contentRight select {
	font-size: 1em;
}

/*
================================================================================
 Layout & colors for forum messages
================================================================================
*/

blockquote {
	margin-left: 15px;
	margin-right: 0;
}

p {
}

/*
================================================================================
 Layout & colors for member-pages
================================================================================
*/

#section_klankbord,
#section_klankbordArchief,
#section_agenda,
#section_downloads,
#section_links,
#section_login
{
	background-color: #212121;
}

#section_klankbord p {
	margin-top: 0;
}

#section_klankbordArchief #contentLeft,
#section_klankbordArchief #contentRight {
	overflow: auto;
	height: 83.7%;
*	height: 500px;
	padding-right: 10px;
	width: 275px;
	position: absolute;
	z-index: 1;
}

#section_klankbordArchief #contentRight {
	left: 465px;
}

*>html #section_klankbordArchief #contentLeft,
*>html #section_klankbordArchief #contentRight {
	height: 490px;
	z-index: 1;
}

	
*>html #section_klankbordArchief #contentLeft div,
*>html #section_klankbordArchief #contentRight div {
	z-index: 1;
	width: 250px;
}

/*
================================================================================
 Layout & colors for searchresult-pages
================================================================================
*/

#section_search {
	background-color: #e08100;
	color: #000;
	z-index: 2;
}

#section_search #contentLeft,
#section_search #contentRight
{
	width: 293px;
	float: left;
	margin-right: 0;
	border-top: 1px solid #000;
}

#section_search #contentLeft {
	width: 294px;
}

#section_search #contentRight {
	background-color: #EF9B19;
}

/*
body#section_search div#mainContent a {
	color: #330066;
}
*/

#section_search #mainContent h2 {
	color: #fff;
	font-weight: bold;
}

#section_search #mainContent h3 {
	font-weight: bold;
}

 #section_search #contentLeft p,
#section_search #contentLeft h2
{
	margin: 0;
}

 #section_search #contentRight p {
 	margin: 1em;
	margin-left: 0;
 }

#section_search div.result {
	margin-left: 1em;
	border-bottom: 1px solid #fff;
}

#section_search div#result {
	margin-left: 1em;
	border-bottom: 1px solid #000;
}

/* test */

#section_search div.result p,
#section_search div.result h2,
#section_search div.result h3,
#section_search div.result address
{
	padding: 0;
}

#section_search div.searchResult {
	padding: 1em;
*	padding-top: 1em;
	padding-left: 0;
	padding-right: 0;
	border-bottom: 1px solid #000;
}

.active {
	background-color: #EF9B19;
	padding-top: 0.2em;
*	padding-top: 0;
}

#section_search div.result h2 {
	margin-bottom: 0;
}

#section_search div.result h2#companyName {
	margin-top: 0;
	font-weight: normal;
}

#section_search #mainContent h3.professionAreaTitle {
	font-weight: normal;
	color: #fff;
}

#section_login #mainContent h3.professionAreaTitle {
	font-weight: bold;
}
/*
================================================================================
 layout of forms 
================================================================================
*/

#mainContent form h2,
#mainContent form h3
{
	margin-bottom: 3px;
}

#mainContent form p {
	margin-top: 0;
}

.selectBeginDay,
.selectBeginYear,
.selectEndDay,
.selectEndYear
{
	width: 60px;
}

.selectBeginMonth,
.selectEndMonth
{
	width: 95px;
}

select#birthDayDay,
select#birthDayYear
{
	width: 70px; 
}

select#birthDayMonth {
	width: 115px; 
}

.title {
	width: 260px;
}

.submit {
	margin-top: 1em;
}

div.selectWorkarea {
	margin-left: 1em;
}

/*
================================================================================
 Superuser button styles
================================================================================
*/

a.superuser {
	color: #FCFF00;
}


/*
================================================================================
 form layout for Downloads-page
================================================================================
*/

a.downloadCategory {
	text-decoration: none;
}

a.downloadCategory:hover {
	text-decoration: underline;
}

label {
	cursor: pointer;
	cursor: hand;
	color: #A746E0;
}

#signUp,
#send,
#login,
#changePassword,
#changePersonalInfo,
#save,
#addLink,
#addDownload,
#addAgendaItem,
#addForumItem,
#contactSubmit,
#contactReset,
#sendEmail
{
	cursor: pointer;
	color: #A746E0;
	border: 0;
	background-color: transparent;
	/* background-image: url(/Images/ButtonPlus.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
*	padding-left: 15px; */
	margin-left: -5px;
	width: auto;
}

#contactReset {
	background-image: url(/Images/ButtonMin.gif);
}

#logOut,
.deleteLink,
.deleteAgendaItem,
.deleteDownload
{
	color: #A746E0;
	border: 0;
	background-color: transparent;
	/* background-image: url(/Images/ButtonX.gif);
	background-repeat: no-repeat;
	padding-left: 20px;  */
	padding-bottom: 5px;
}

#addAgendaItem, .deleteLink, #addLink, .deleteAgendaItem, .deleteDownload, #addDownload {
	color: yellow;
}

.tooltipWork,
.tooltipName,
.tooltipPdf {
	width: 587px;
	min-height: 200px;
*	height: 200px; 
	display: none;
	position: absolute;
	z-index: 1000;
	top: 48px;
*	top: 70px;
	left: 170px;
	background-color: #e08100;
	color: #fff;
}

.tooltipWork p,
.tooltipName p,
.tooltipPdf p {
	width: 260px;
	color: #000;
	font-style: italic;
}



/*
================================================================================
 Hacks for MAC IE
================================================================================
*/

*>html body {
	background-position: 0 -39px;
	height: auto;
}

*>html #search {
	background-position: 0 25px;
}

*>html #mainHeader {
	padding-top: 70px;	
}

*>html #search,
*>html #menu
 {
	position: relative; 
}


*>html #menu,
*>html #mainContent {
	margin: 0;
	padding: 0;
}

*>html #mainContent {
	margin-top: -72px;
}

*>html .tooltipWork,
*>html .tooltipName,
*>html .tooltipPdf {
	top: 23px;
	width: 600px;
	height: 400px;
}

#createdBy {
	display: none;
}