body {
	margin: 0; /* margin-top; margin-right; margin-bottom; margin-left; */
	border: 0; /* border-width; (border-style;) (border-color;) top, right, bottom, left */
	padding: 0; /* padding-top; padding-right; padding-bottom; padding-left; */
	color: #000000; /* color of text */
	background: #cadbe5; /* background-color; (background-image;) (background-repeat;) (background-attachment;) (background-position;) */
	}
body, p, a, th, td, li, ul, ol, h1, h2, h3, h4, h5, h6 {
	font: normal 12px/18px Geneva, Arial, Helvetica, sans-serif; /* (font-style;) (font-variant;) font-weight; font-size/line-height; font-family; */
	text-align: left;
	}
a { /* general link style */
	color: #3333ff;
	background: transparent;
	font-weight: normal;
	text-decoration: underline;
	}
a:hover { /* general link mouseover style */
	color: #000066;
	background: transparent;
	text-decoration: underline;
	}
a.admin { /* style for administrator functions links */
	margin: 1px 6px;
	padding: 1px 4px;
	color: #c9dae5;
	background: #152d2d;
	font-weight: bold;
	text-decoration: none;
	}
a.admin:hover { /* style for administrator functions links when mousover */
	color: #ffffff;
	background: #152d2d;
	font-weight: bold;
	text-decoration: underline;
	}
p {
	margin: 0;
	border: 0;
	padding: 0 0 12px 0;
	text-align: justify;
	}
ul {
	list-style-type: disc;
	margin: 0 0 12px 10px;
	border: 0;
	padding: 0 0 0 20px;
	}
h1 { /* is used to display an image in the header div */
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
	width: 180px;
	height: 120px;
	}
h2 {
	display: block;
	margin: 0;
	margin-bottom: 12px;
	border: 0;
	border-bottom: 2px solid #000000;
	padding: 0;
	font: normal normal bold 18px/27px Geneva, Arial, Helvetica, sans-serif; /* font-style; font-variant; font-weight; font-size/line-height; font-family; */
	text-align: left;
	text-decoration: none;
	}
h3 {
	display: block;
	margin: 0;
	margin-bottom: 12px;
	border: 0;
	padding: 0;
	font: normal normal bold 14px/21px Geneva, Arial, Helvetica, sans-serif; /* font-style; font-variant; font-weight; font-size/line-height; font-family; */
	letter-spacing: 2px;
	text-align: left;
	text-decoration: none;
	}
h4 {
	margin: 0;
	margin-bottom: 12px;
	border: 0;
	border-bottom: 1px dotted #000000;
	padding: 0;
	font: normal normal normal 14px/21px Geneva, Arial, Helvetica, sans-serif; /* font-style; font-variant; font-weight; font-size/line-height; font-family; */
	letter-spacing: 1px;
	text-align: left;
	text-decoration: none;
	}
img {
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
	}
.strong { /* class to display text bold; mostly used with "<span>"; replaces the deprecated "<b></b>" and "<strong></strong>" */
	font-weight: bold;
	}
.big {
	font: normal normal bold 18px/27px Geneva, Arial, Helvetica, sans-serif; /* font-style; font-variant; font-weight; font-size/line-height; font-family; */
	}
.small {
	font: normal normal normal 10px/18px Geneva, Arial, Helvetica, sans-serif; /* font-style; font-variant; font-weight; font-size/line-height; font-family; */
	}
.access { /* class to hide the extra links for easier mobile browser access */
	display: none;
	}
.inline { /* class to display images (or other elements) "inline" in stead of "block" */
	display: inline;
	}
#container { /* div to position content in center of browserwindow and to create column background */
	position: relative; /* needed for Safari browser */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border: 0;
	padding: 0;
	color: #000000;
	background: #152d2d url(./images/column.gif) repeat-y top left; /* trick to make both columns reach all the way down */
	width: 700px;
	height: 100%;
	}
#header { /* div with Codewitz-banner */
	margin: 0;
	border: 0;
	padding: 0;
	color: #000000;
	background: #ffffff url(./images/code-right.gif) no-repeat top right;
	width: 700px;
	height: 120px;
	}
#leftnav { /* navigation menu */
	float: left; /* does not work correctly in all IE6/Win, solution : fixWinIE() */
	clear: left; /* no other elements allowed left of element */
	margin: 0;
	border: 0;
	padding: 10px 10px 10px 10px;
	color: #c9dae5;
	background: transparent;
	width: 156px; /* value for IE4-5/Win to compensate for wrong box model interpretation */
	/* elementBox + marginLeft + marginRight + paddingLeft + paddingRight + borderLeft + borderRight */
	voice-family: "\"}\""; /* IE4-5/Win and Opera will stop interpretation here */
	voice-family: inherit; /* resetting previously changed property */
	width: 136px; /* actual value for conformant browsers */
	}
html>#leftnav {
	width: 136px; /* actual value for Opera browsers */
	}
#leftnav ul { /* style for navigation links */
	list-style: none; /* remove list-item-bullets */
	margin: 0;
	border: 0;
	padding: 0;
	}
#leftnav li { /* style for navigation links */
	margin: 0;
	border: 0;
	padding: 0;
	color: #c9dae5;
	background: transparent;
	width: 136px;
	}
#leftnav li#home, #leftnav li#papr, #leftnav li#join, #leftnav li#demo, #leftnav li#cont { /* selective amount of vertical whitespace */
	margin-bottom: 15px;
	}
#leftnav li#bank { /* selective amount of vertical whitespace */
	margin-bottom: 50px;
	}
#leftnav li#finc { /* selective amount of vertical whitespace */
	margin-bottom: 15px;
	}
#leftnav li#subp {
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
	padding-bottom: 1px; /* compensation for 1px border in hover-state */
	color: #c9dae5;
	background: transparent;
	font-weight: bold;
	text-decoration: underline;
	width: 136px;
	}
#leftnav li#subpasialink { /* selective amount of vertical whitespace */
	margin-bottom: 25px;
	}
#leftnav li a { /* style for navigation links */
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
	padding-bottom: 1px; /* compensation for 1px border in hover-state */
	color: #c9dae5;
	background: transparent;
	font-weight: bold;
	text-decoration: none;
	width: 136px;
	}
#leftnav li#admn a { /* style for navigation links */
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
	padding-bottom: 1px;
	color: #c9dae5;
	background: transparent;
	font-weight: normal;
	text-decoration: none;
	width: 136px;
	}
#leftnav li#admn a:hover { /* style for navigation links mouseover */
	border-bottom: 1px solid #FFFFFF;
	padding: 0;
	color: #ffffff;
	background: transparent;
	text-decoration: none;
	}
#leftnav li a:hover { /* style for navigation links mouseover */
	border-bottom: 1px solid #FFFFFF;
	padding: 0;
	color: #ffffff;
	background: transparent;
	text-decoration: none;
	}
#content { /* right content column */
	float: right; /* does not work correctly in all IE6/Win, solution : fixWinIE() */
	clear: right; /* no other elements allowed right of element */
	margin: 0;
	border: 0;
	padding: 10px 10px 10px 10px;
	color: #000000;
	background: transparent;
	width: 544px; /* value for IE4-5/Win to compensate for wrong box model interpretation */
	/* elementBox + marginLeft + marginRight + paddingLeft + paddingRight + borderLeft + borderRight */
	voice-family: "\"}\""; /* IE4-5/Win and Opera will stop interpretation here */
	voice-family: inherit; /* resetting previously changed property */
	width: 524px; /* actual value for conformant browsers */
	}
.content { /* right content column */
	float: right; /* does not work correctly in all IE6/Win, solution : fixWinIE() */
	clear: right; /* no other elements allowed right of element */
	margin: 0;
	border: 0;
	padding: 10px 10px 10px 10px;
	color: #000000;
	background: transparent;
	width: 544px; /* value for IE4-5/Win to compensate for wrong box model interpretation */
	/* elementBox + marginLeft + marginRight + paddingLeft + paddingRight + borderLeft + borderRight */
	voice-family: "\"}\""; /* IE4-5/Win and Opera will stop interpretation here */
	voice-family: inherit; /* resetting previously changed property */
	width: 524px; /* actual value for conformant browsers */
	}
html>#content {
	width: 524px; /* actual value for Opera browsers */
	}
#events { /* div for past and present columns */
	margin: 0;
	border: 0;
	padding: 0;
	color: #000000;
	background: #cadbe5 url(./images/columnevents.gif) repeat-y top left; /* trick to make both columns reach all the way down */
	width: 524px;
	}
#partners { /* div for partner columns */
	margin: 0;
	border: 0;
	padding: 0;
	color: #000000;
	background: #cadbe5 url(./images/columnpartners.gif) repeat-y top left;
	width: 524px;
	}
#leftcol { /* left column within content div */
	float: left;
	clear: left;
	margin: 0;
	border: 0;
	padding: 0 10px;
	color: #000000;
	background: transparent;
	width: 262px; /* value for IE4-5/Win to compensate for wrong box model interpretation */
	/* elementBox + marginLeft + marginRight + paddingLeft + paddingRight + borderLeft + borderRight */
	voice-family: "\"}\""; /* IE4-5/Win and Opera will stop interpretation here */
	voice-family: inherit; /* resetting previously changed property */
	width: 242px; /* actual value for conformant browsers */
	}
html>#leftcol {
	width: 242px; /* actual value for Opera browsers */
	}
#rightcol { /* right column within content div */
	float: right;
	clear: right;
	margin: 0;
	border: 0;
	padding: 0 10px;
	color: #000000;
	background: transparent;
	width: 262px; /* value for IE4-5/Win to compensate for wrong box model interpretation */
	/* elementBox + marginLeft + marginRight + paddingLeft + paddingRight + borderLeft + borderRight */
	voice-family: "\"}\""; /* IE4-5/Win and Opera will stop interpretation here */
	voice-family: inherit; /* resetting previously changed property */
	width: 242px; /* actual value for conformant browsers */
	}
html>#rightcol {
	width: 242px; /* actual value for Opera browsers */
	}
#bottomrow { /* bottom row for content div columns; helps make the columns background reach all the way down */
	float: none;
	clear: both;
	margin: 0;
	border: 0;
	padding: 0;
	color: #000000;
	background: #cadbe5;
	text-align: center;
	width: 524px;
	}
#footer { /* bottom row for container div columns; helps make the columns background reach all the way down */
	float: none;
	clear: both; /* no other elements allowed next to element */
	margin: 0;
	border: 0;
	padding: 0 10px 0 10px;
	color: #c9dae5;
	background: #152d2d;
	width: 700px; /* value for IE4-5/Win to compensate for wrong box model interpretation */
	/* elementBox + marginLeft + marginRight + paddingLeft + paddingRight + borderLeft + borderRight */
	voice-family: "\"}\""; /* IE4-5/Win and Opera will stop interpretation here */
	voice-family: inherit; /* resetting previously changed property */
	width: 680px; /* actual value for conformant browsers */
	}
html>#footer {
	width: 680px; /* actual value for Opera browsers */
	}
.right { /* class to align elements to the right */
	float: right;
	clear: right;
	margin: 0;
	margin-left: 6px;
	margin-bottom: 0;
	border: 0;
	padding: 0;
	color: #000000;
	background: transparent;
	}
.left { /* class to align elements to the left */
	float: left;
	clear: left;
	margin: 0;
	margin-right: 6px;
	margin-bottom: 0;
	border: 0;
	padding: 0;
	color: #000000;
	background: transparent;
	}