/**
*
* Design and coding by Jack Kwakman
* Copyright &copy; 2008, ELMA Multimedia
*
*/

/**
* Main elements
*/

body {
	text-align: center;
	line-height: 1.0;
	font: 62.5% arial, helvetica, sans-serif;
	background: #e7e7e7 url(images/background.gif) repeat-x left top;
	margin: 28px 0 46px 0;
	padding: 0;
	color: #575c5e;
}

a {
	outline: none;
}

.clearboth {
	clear: both;
	height: 0;
	font-size: 0px;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.nowrap {
	white-space: nowrap;
}

.required, .loginwarning {
	color: red;
}

p {
	margin: 5px 0 5px 0;
	padding: 0;
}

table {
	font-size: 1em;
}

form {
	margin: 0;
	padding: 0;
}

button {
	cursor: hand;
	cursor: pointer;
	overflow:visible;
}

.select {
	background: #ececec;
	color: #575c5e;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
}

.textfield {
	background: #ececec;
	border: 1px solid #a6a6a6;
	color: #575c5e;
	font-size: 11px;
	padding: 5px;
	font-family: arial, helvetica, sans-serif;
}

.textarea {
	background: #ececec;
	border: 1px solid #a6a6a6;
	color: #575c5e;
	font-size: 11px;
	padding: 5px;
	font-family: arial, helvetica, sans-serif;
}

.submitbutton {
	background: #a6a6a6;
	color: #FFF;
	border: 1px solid #a6a6a6;
	margin: 0 0 0 6px;
	font-size: 12px;
	padding: 2px 3px 2px 3px;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
}

.pager a {
	color: #e2007a;
	text-decoration: none;
}

#overview {
	width: 445px;
}

/**
* Header
*/

#header {
	width: 1006px;
	height: 157px;
	margin: auto;
	background: #FFF;
	text-align: left;
}

#header a {
	color: #000;
	text-decoration: none;
}

/**
* Content
*/

#content {
	width: 1006px;
	background: #FFF url(images/wrapper.gif) repeat-y left top;
	margin: auto;
}

.boxreadmore {
	text-align: right;
	font-size: 11px;
}

.boxreadmore a {
	font-weight: bold;
	color: #575c5e;
	text-decoration: none;
}

.boxreadmore a:hover {
	color: #e2007a;
}

.calendarbox {
	width: 225px;
	padding: 18px;
	margin: 6px 0 6px 0;
	color: #575c5e;
	text-align: left;
}

.calendarbox h3 {
	color: #575c5e;
	font-size: 12px;
	padding: 0;
	margin: 0 0 14px 0;
}

.calendarbox ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 180px;
}

.calendarbox li {
	display: inline;
	margin: 0 15px 0 0;
	padding: 0;
	width: 30px;
	float: left;
}

.calendarbox a {
	text-decoration: none;
	color: #575c5e;
}

/**
* Left
*/

#left {
	float: left;
	width: 219px;
	margin: 0 0 0 3px;
	text-align: left;
	display: inline;
}

#left ul {
	padding: 15px 0 19px 27px;
	margin: 0;
	list-style: none;
}

#left li {
	margin: 9px 0 9px 0;
}

#left a {
	font-size: 11px;
	color: #4d4f50;
	font-weight: bold;
	text-decoration: none;
}

#left a:hover {
	font-size: 11px;
	color: #e83395;
	font-weight: bold;
	text-decoration: none;
}

#leftmenu {
	background: #ffd7ec;
}

#leftmenu .sub a {
	font-weight: normal;
	font-size: 11px;
	text-transform: none;
	color: #575c5e;
}

#leftmenu .sub a:hover {
	font-weight: normal;
	font-size: 11px;
	color: #e83395;
}

#leftmenu li {
	text-align: left;
}

#leftmenu .sub ul {
	padding: 0;
	margin: 0;
}

#leftmenufooter {
	background: #e83395;
	height: 25px;
}

#search {
	margin: 20px 25px 20px 25px;
}

#left h3 {
	color: #575c5e;
	font-size: 12px;
	margin: 0 0 14px 0;
	padding: 0;
}

#textcontainer {
	width: 436px;
	margin: 22px;
	float: left;
	display: inline;
	text-align: left;
	font-size: 11px;
	line-height: 1.5;
}

#textcontainer h1 {
	font-size: 13px;
	color: #e2007a;
	margin: 0 0 15px 0;
	padding: 0;
}

#textcontainer h1 a {
	color: #e2007a;
	text-decoration: none;
}

#textcontainer h2 {
	font-size: 12px;
	color: #777a7c;
	margin: 15px 0 15px 0;
	padding: 0;
}

#textcontainer h3 {
	font-size: 12px;
	color: #575c5e;
	margin: 0;
	padding: 0;
}

#textcontainer h3 a {
	color: #e2007a;
	text-decoration: none;
}

.newsdate {
	font-style: italic;
	font-size: 11px;
}

#pagenav ul {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}

#pagenav li {
	margin: 0;
	padding: 5px 5px 0 17px;
}

#pagenav .print  {
	background: url(images/print.gif) no-repeat top left;
}

#pagenav .previous {
	background: url(images/previous.gif) no-repeat top left;
}

#pagenav a {
	font-weight: bold;
	color: #575c5e;
	text-decoration: none;
	font-size: 11px;
}

.rss {
	margin: 10px 0 10px 0;
}

.rss a {
	color: #575c5e;
	text-decoration: none;
}

.rss img {
	border: 0;
}

.newsimage {
	text-align: left;
	width: 150px;
}

.newsdetails a {
	color: #e2007a;
}

.newsoverview .newsimage {
	text-align: center;
}

.newsdetailsimage img {
	border: 1px solid #ececec;
	float: left;
	margin: 0 15px 15px 0;
}

.newsimage img {
	border: 1px solid #ececec;
}

#emailpage {
	padding: 17px;
	background: #f8f8f8;
}

#emailpage h3 {
	color: #575c5e;
	font-size: 10px;
}

#emailpage .header {
	font-weight: bold;
}

.breadcrumb {
	background: #ececec;
	font-weight: bold;
	color: #777a7c;
	font-size: 11px;
	margin: 0 0 20px 0;
}

.breadcrumb a {
	color: #777a7c;
	text-decoration: none;
}

.breadcrumb ul {
	margin: 0;
	padding: 6px;
	list-style: none;
}

.breadcrumb li {
	display: inline;
	margin: 0;
	padding: 0;
}

/**
* Rightmenu
*/

#right {
	float: right;
	display: inline;
	width: 780px;
	margin: 0 4px 25px 0;
}

#rightmenu {
	float: right;
	width: 286px;
	display: inline;
}

#banners {
	text-align: left;
	margin: 15px 0 15px 25px;
}

#banners iframe {
	margin: 6px;
}

.lightgraybox {
	text-align: left;
	background: #f8f8f8;
	padding: 20px;
	color: #575c5e;
	font-size: 11px;
}

.lightgraybox h3 {
	color: #575c5e;
	font-size: 12px;
	padding: 0;
	margin: 0 0 14px 0;
}

.lightgraybox a {
	color: #575c5e;
	text-decoration: none;
}

.lostpassword a {
	color: #575c5e;
	text-align: right;
	text-decoration: none;
	font-style: italic;
	margin: 0 0 14px 0;
}

.greybar {
	background: #ececec;
	height: 4px;
	font-size: 0;
}

.agendadata a {
	text-decoration: underline;
	color: #575c5e;
}

/**
* DOWNLOAD ICONS
*/

#downloads {
	margin: 20px 0 10px 0;
}

#downloads h3 {
	color: #000;
	font-size: 10px;
}

#downloads ul {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}

#downloads li {
	padding: 3px 5px 5px 25px;
	margin: 0;
}

#downloads .word  {
	background: url(images/icons/word.gif) no-repeat top left;
}

#downloads .file {
	background: url(images/icons/file.gif) no-repeat top left;
}

#downloads .pdf {
	background: url(images/icons/pdf.gif) no-repeat top left;
}

#downloads .jpg {
	background: url(images/icons/jpg.gif) no-repeat top left;
}

#downloads .gif {
	background: url(images/icons/gif.gif) no-repeat top left;
}

#downloads .xls {
	background: url(images/icons/excel.gif) no-repeat top left;
}

#downloads .bmp {
	background: url(images/icons/bmp.gif) no-repeat top left;
}

#downloads .mp3 {
	background: url(images/icons/mp3.gif) no-repeat top left;
}

#downloads .zip {
	background: url(images/icons/zip.gif) no-repeat top left;
}

#downloads .ppt {
	background: url(images/icons/ppt.gif) no-repeat top left;
}

#downloads .tif {
	background: url(images/icons/tif.gif) no-repeat top left;
}

#downloads .mpg {
	background: url(images/icons/mpg.gif) no-repeat top left;
}

#downloads a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
	font-size: 11px;
}

#downloads a:hover {
	color: red;
}


/**
* Footer
*/

#footer {
	width: 1006px;
	height: 77px;
	background: url(images/footer.gif) top left no-repeat;
	margin: auto;
	color: #575c5e;
	text-align: right;
}

#footer ul {
	margin: 0;
	padding: 44px 17px 0 0;
}

#footer li {
	display: inline;
}

#footer a {
	color: #575c5e;
	text-decoration: none;
	font-size: 11px;
}

#footer a:hover {
	text-decoration: underline;
}
