html, body {
	margin: 0px;
}

body {
	background-color: white;
	background: url('/graphics/mainbg.gif') repeat-x 0 0;
	text-align: center;
	font-size: 71%;
}

html {
	overflow: -moz-scrollbars-vertical;
}

td {
	text-align: left;
}

h1 {
	color: #1F2487;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.5;
	margin: 0em 0em 0.7em 0em;
}
	h1 a {
		text-decoration: none;
	}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 0em 0em 0.5em 0em;
}

h3 {
	font-size: 1.0em;
	font-weight: bold;
	margin: 0em;
}

a {					text-decoration: underline; color: #CC0066;}
a:visited {	text-decoration: underline; color: #D9408C;}
a:hover {		text-decoration: none; color: #2652A9; }
	h2 a {		color: #926D35; }

p, form {
	margin: 0em;
}

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

div.clear {
	height: 0.01em;
	overflow: hidden;
	clear: both;
}
div.hr {
	border-top: 1px solid #8F92C3;
	margin: 25px 0px 7px 0px;
}
hr {
	border: 0;
	border-top: 1px solid #8F92C3;
	height: 1px;
}

img {
	border-color: #862626;
}
img, div { behavior: url(iepngfix.htc) }

/*******************************************************************************
** ALL ELEMENTS THAT SHOULD HAVE THE BASIC FONT
*******************************************************************************/

body, table, td, input, select, textarea {
	font-family: Tahoma, "Trebuchet MS", Arial, Verdana, Tahoma, Georgia, Arial, sans-serif;
}
table, td, input, select, textarea {
	font-size: 1.0em;
}
body, table, td {
	color: black;
	line-height: 1.6em;
}
div.main div.header, div.main div.menu, div.dropdown {
	font-family: Verdana, Tahoma, Arial, Arial, sans-serif;
}
div.main div.topmenu, div.main div.quicklink_menu {
	font-family: Arial, Verdana, Tahoma, Georgia, Arial, sans-serif;
}
h1, h2 {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
}

/*******************************************************************************
** BASIC FORM ELEMENTS
*******************************************************************************/

input.txt_small, input.txt, input.txt_large, textarea, select {
	border: 0.1em solid #AF87B1;
	color: black;
	font-size: 1.0em;
	line-height: 1.2em;
}
input.txtinp {
	height: 1.2em;
	border: 1px solid #AF87B1;
}
input.btn, a.btn {
	background: url('/graphics/button.gif') 0 0 no-repeat;
	width: 100px;
	height: 20px;
	display: block;
	border: 0em;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.95em;
	cursor: pointer;
	padding: 0px;
	margin-right: 10px;
}
a.btn {
	font-style: normal;
	text-decoration: none;
	display: block;
	float: left;
}
input.btn {
	float: right;
	line-height: 100%;
	padding: 0em 0.2em 0.1em 0.2em;
}
input.btn:hover, a.btn:hover {
	color: #AF87B1;
}
input.submit {
	padding: 0.2em;
}

input.cb {
	float: left;
	margin: 0.25em 0em 0em 0.3em;
	#margin-top: 2px;
	padding: 0px;
	height: 1.2em;
}
input.cbclear {
	clear: left;
}
label.lbl {
	float: left;
	display: block;
	padding: 0em 0px 1px 5px;
	margin: 0px;
	#margin-top: -2px;
}
span.err, td.err {
	color: red;
}

div.err {
	padding: 7px;
	background-color: #FFFFDB;
	border: 1px dashed silver;
	font-weight: bold;
	margin-bottom: 15px;
	color: #980367;
}

div.dateinput {
	line-height: 100%;
	background-color: white;
	border: 1px solid #AF87B1;
	float: left;
	height: 1.4em;
	#height: 1.4em;
}
	div.dateinput span.hyphen	{
		display: block;
		float: left;
		width: 0.95em;
		text-align: center;
		overflow: hidden;
		color: black;
		font-size: 1.0em;
	}
	div.dateinput input {
		display: block;
		float: left;
		background: none;
		padding: 1px 0px 1px 0px;
		margin: 0px;
		border: 0px;
		font-size: 11px;
		line-height: 1.1em;
		height: 1.1em;
	}
	div.dateinput span {
		padding: 2px 0px 2px 0px;
	}
	div.dateinput input.d	{ width: 16px; }
	div.dateinput input.m	{ width: 16px; }
	div.dateinput input.y	{ width: 30px; }
	
/*******************************************************************************
** ELEMENTS THAT MAKE OUT THE PAGE LAYOUT
*******************************************************************************/

div.main {
	width: 980px;
	margin: 0px auto 0px auto;
	text-align: left;
	background-color: transparent;
	position: relative;
}
	div.main div.header {         
		padding: 0;
	}
		div.main div.header h1 {
			color: #FFFFFF;
			font-size: 15px;
			line-height: 15px;
			padding-top: 127px;
			height: 1px;
			width: 217px;
			overflow: hidden;
			background: url('/graphics/logo_bg.png') no-repeat;
			background: url('/graphics/logo_bg.gif') no-repeat;
			position: absolute;
			right: 5px;
			top: 0px;
		}
			div.main div.header a.logo {
				border: 0;
				top: 46px;
				right: 16px;
				float : right;
				z-index: 2;
				position: absolute;
				background: url('/graphics/logo.png') no-repeat;
				_background: url('/graphics/logo.gif') no-repeat;
				width: 187px;
				height: 48px;
			}
				div.main div.header a.logo img {
					border: 0;
					display: block; 
				}
		
			div.main div.topmenu {
				background: url('/graphics/menu_bg.jpg') no-repeat 0 100%;
				/* _background-image: none;
				_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/menu_bg.png', sizingMethod='fixed'); */
				font-size: 1.2em;
				font-weight: bold;
				margin-right: 217px;
				background-color: #990066;
				margin-left: 5px;
				padding: 2px 0px;
			}
				div.main div.topmenu ul {
					list-style-type: disc;
					list-style-position: inside;
					margin-left: 0px;
				}
					div.main div.topmenu ul li {
						background: url('/graphics/white_list.png') no-repeat 0 50%;
						_background: url('/graphics/white_list.gif') no-repeat 0 50%;
						display: block;
						margin: 0em  20px 0em  10px;
						padding: 0em;
						padding-left: 20px;
						float: left;
						line-height: 2.5em;
					}
					div.main div.topmenu ul li:hover {
						background: url('/graphics/yellow_list.png') no-repeat 0 50% ;
						_ackground: url('/graphics/yellow_list.gif') no-repeat 0 50% ;
						_behavior: url(/inc/styles/hover.htc);
					}
						div.main div.topmenu ul li a {
							color: white;
							text-decoration: none;
							display: block;
							padding: 0em 0em;
							line-height: 2.5em;
						}
						div.main div.topmenu ul li a:hover {
							color: #FFCC32;
						}
						
					div.main div.topmenu ul.selectedlink li {
						background: url('/graphics/yellow_list.png') no-repeat 0 50%;
						_background: url('/graphics/yellow_list.gif') no-repeat 0 50%;
						display: block;
						margin: 0em  20px 0em  10px;
						padding: 0em;
						padding-left: 20px;
						float: left;
						line-height: 2.5em;
					}
					div.main div.topmenu ul.selectedlink li:hover {
						background: url('/graphics/yellow_list.png') no-repeat 0 50% ;
						_ackground: url('/graphics/yellow_list.gif') no-repeat 0 50% ;
						_behavior: url(/inc/styles/hover.htc)
					}
						div.main div.topmenu ul.selectedlink li a {
							color: #FFCC32;
							text-decoration: none;
							display: block;
							padding: 0em 0em;
							line-height: 2.5em;
						}
						
				div.main div.topmenu span.clr {
					float: none;
					width: 1px;
					overflow: hidden;
					line-height: 2.5em;
				}
		
			div.main div.quicklink_menu {
				background-color: transparent;
				background: url('/graphics/qlmenu_bg_left.png') no-repeat 0 100%;
				_background: url('/graphics/qlmenu_bg_left.gif') no-repeat 0 100%;
				font-size: 1.0em;
				font-weight: bold;  
				margin-right: 290px; 
				margin-left: 5px;
				height: 31px;
			}
				div.main div.quicklink_menu ul {
					list-style-type: none;
					margin-left: 5px;
				}
					div.main div.quicklink_menu ul li {
						margin: 0em  0px 0em  15px;
						padding: 1px 10px;
						float: left;
					}
						div.main div.quicklink_menu ul li a {
							color: white;
							text-decoration: none;
							display: block;
							padding: 0em 0em;
							line-height: 2.5em;
						}
						div.main div.quicklink_menu ul li a:hover {
							color: #FFCC32;
						}
						
					div.main div.quicklink_menu ul.selectedlink li {
						padding: 1px 10px;
						float: left;
					}
						div.main div.quicklink_menu ul.selectedlink li a {
							color: #FFFFFF;
							text-decoration: none;
							display: block;
							padding: 0em 0em;
							line-height: 2.5em;
						}
					div.main div.quicklink_menu span.clr {
						float: none;
						width: 1px;
						overflow: hidden;
						line-height: 2.5em;
					}
					
					div.main div.quicklink_menu div.search { 
						width: 160px;
					 height: 21px;
						margin-right: -50px;
						float: right;
						background: url('/graphics/qlmenu_bg_right.png') no-repeat 100% 100%;
						padding: 5px 15px
					}
						div.main div.quicklink_menu div.search input.textinput {
							border: solid #FFFFFF 1px;
							padding: 1px;
						}
						div.main div.quicklink_menu div.search input.search_but {
							vertical-align: middle;
							#vertical-align: top;
						}
				
	div.main div.body {
	}
		ul.yellow {                          
			margin-left: 0px;
		}
		ul.purple, ul.pink {       
			margin: 10px 30px 0px 10px;
		}
			ul.yellow li {       
				margin: 0px 0px 0px 20px;
			}
		ul.yellow {	list-style-image: url('/graphics/yellow_list.gif'); }
		ul.purple { list-style-image: url('/graphics/purple_list.gif'); }
		ul.pink {		list-style-image: url('/graphics/pink_list.gif');  }
			ul.purple li a, ul.pink li a, ul.yellow li a  { 
				color: black;
				text-decoration: none;
			}
			ul.purple li a:hover, ul.pink li a:hover, ul.yellow li a:hover  { 
				text-decoration: underline;
			}
		
		div.main div.body div.lftcol {
			padding: 17px 0px 15px 0px;
			float: left;
			width: 745px;
		}
			div.main div.body div.lftcol div.content_shell {
				margin: 0;
				padding: 0; 
				position: relative;
			}
				div.main div.body div.lftcol div.content_shell div.content_top_rgt {
					margin-bottom: 0px;
					padding: 0px 19px 0px 0px;
					background: url('/graphics/home_content_top_rgt.png') no-repeat 100% 0;
					_background: url('/graphics/home_content_top_rgt.gif') no-repeat 100% 0;
				}
					div.main div.body div.lftcol div.content_shell div.content_top_rgt div.content_top {
						padding: 0px;
						margin: 0px;
						min-height: 196px;
						padding: 20px 20px 10px 20px;
						background: url('/graphics/home_content_top.png') no-repeat 0 0;
						_height: 196px;
						_background: url('/graphics/home_content_top.gif') no-repeat 0 0;
					}
						div.main div.body div.lftcol div.content_shell div.content_top_rgt div.content_top div.cnt {
							padding-bottom: 10px;
						}
							div.main div.body div.lftcol div.content_shell div.content_top_rgt div.content_top div.cnt img.itemimg {
								float: right;
								margin: 15px 0px 15px 15px;
								border: 1px solid gray;
							}

						div.main div.body div.lftcol div.content_shell div.content_top_rgt div.content_top img.randimg {
							float: left;
							margin: -16px 15px -15px -15px;
						}
						
					div.main div.body div.lftcol div.content_shell div.content_bottom {
						position: absolute;
						width: 100%;
						padding: 0px 1px 0px 0px;
						margin-top: -20px;
						background: url('/graphics/home_content_bottom_rgt.png') no-repeat 100% 100%;
						_background: url('/graphics/home_content_bottom_rgt.gif') no-repeat 100% 100%;
					}
						div.main div.body div.lftcol div.content_shell div.content_bottom div.content_bottom_rgt {
							height: 20px;
							margin: 0px 20px 0px 2px;
							background: url('/graphics/home_content_bottom.png') no-repeat 0 100%;
							_background: url('/graphics/home_content_bottom.gif') no-repeat 0 100%;
						}
	
			div.main div.body div.rgtcol {
				float: left;
				width: 228px;
				margin: 60px 0px 0px 7px;
				padding: 0px 0px 0px 0px;
			}
				div.main div.body div.rgtcol div.yellow { }
					div.main div.body div.rgtcol div.yellow h2 {
						background: url('/graphics/yellow_block_top.png') no-repeat 0 0;
						_background: url('/graphics/yellow_block_top.gif') no-repeat 0 0;
						color: #FFFFFF;
						line-height: 33px;
						padding: 7px 0px 0px 25px;
						margin: 0px;
					}
					div.main div.body div.rgtcol div.yellow div.center {
						background: url('/graphics/yellow_block_center.png') repeat-y 0 0;
						_background: url('/graphics/yellow_block_center.gif') repeat-y 0 0;
						padding: 10px 10px 0px 20px;
						line-height: 1.5em;
					}
						div.main div.body div.rgtcol div.yellow div.center h4 {
							font-weight: bold;
							color: gray;
							margin: 0px 0px 10px 0px;
							font-size: 1.0em;
						}
						div.main div.body div.rgtcol div.yellow div.center ul {
							margin: 0px 0px 0px 15px;
							padding: 0px;
						}
							div.main div.body div.rgtcol div.yellow div.center ul li {
								margin: 0px;
								padding: 0px;
							}

					div.main div.body div.rgtcol div.yellow div.bottom {
						background: url('/graphics/yellow_block_bottom.png') no-repeat 0 0;
						_background: url('/graphics/yellow_block_bottom.gif') no-repeat 0 0;
						height: 18px;
					}
					
				div.main div.btcol {
				}
					div.main div.btcol div.block {
						float: left;
						width: 324px;
						padding: 0px;
						margin-top: 0px;
						background: url('/graphics/btcol_block_bottom_lft.gif') no-repeat 0 100%;
					}
						div.main div.btcol div.block h2 {
							padding: 3px 0px 0px 25px;
							margin: 0px;
							line-height: 33px;
							font-size: 1.05em;
							color: white;
							text-transform: uppercase;
							position: relative;
							zoom: 1;
						}
							div.main div.btcol div.block h2 span {
								display: block;
								width: 40px;
								height: 36px;
								position: absolute;
								right: 0px;
								top: 0px;
							}
						div.main div.btcol div.block div {
							background: url('/graphics/btcol_block_bottom_rgt.gif') no-repeat 100% 100%;
							padding: 0px 0px 20px 6px;   
							min-height: 170px;
							_height: 180px;
						}
							div.main div.btcol div.block div ul {
								margin-right: 30px;
								margin-top: 10px;
							}
								div.main div.btcol div.block div ul a {
									color: gray;
								}
								div.main div.btcol div.block div ul a:hover {
									color: black;
								}

						div.main div.btcol div.purple h2 {
							background: url('/graphics/purple_block_top_lft.png') no-repeat 0 0;
							_background: url('/graphics/purple_block_top_lft.gif') no-repeat 0 0;
						}
							div.main div.btcol div.purple h2 span {
								background: url('/graphics/purple_block_top_rgt.png') no-repeat 100% 0;
								_background: url('/graphics/purple_block_top_rgt.gif') no-repeat 100% 0;
							}
						div.main div.btcol div.pink h2 {
							background: url('/graphics/pink_block_top_lft.png') no-repeat 0 0;
							_background: url('/graphics/pink_block_top_lft.gif') no-repeat 0 0;
						}
							div.main div.btcol div.pink h2 span {
								background: url('/graphics/pink_block_top_rgt.png') no-repeat 100% 0;
								_background: url('/graphics/pink_block_top_rgt.gif') no-repeat 100% 0;
							}

					div.main div.btcol div.btcol_block3 {
						float: right;
						width: 324px;
						padding: 0px;
					}
						div.main div.btcol div.btcol_block3 div.albumovv {
							line-height: 1.5em;
							margin-bottom: 10px;
						}
							div.main div.btcol div.btcol_block3 div.albumovv h2 {
								color: #5B1F5F;
								margin-bottom: 0px;
							}
								div.main div.btcol div.btcol_block3 div.albumovv h2 a {
									color: #5B1F5F;
								}
								div.main div.btcol div.btcol_block3 div.albumovv h2 a:hover {
									text-decoration: none;
								}

							div.main div.btcol div.btcol_block3 div.albumovv h3 {
								font-weight: normal;
								margin: 0px;
							}
							div.main div.btcol div.btcol_block3 div.albumovv a.img {
								display: block;
								float: left;
								margin: 0px 10px 0px 0px;
								padding: 0px;
								background-position: 50% 33%;
								background-repeat: no-repeat;
							}
								div.main div.btcol div.btcol_block3 div.albumovv a.img span {
									display: block;
									background: url('/graphics/photo_overlay.png') no-repeat;
									_background: url('/graphics/photo_overlay_sq.gif') no-repeat;
									width: 100px;
									height: 100px;
								}
								div.main div.btcol div.btcol_block3 div.albumovv div {
									padding: 4px 10px 0px 0px;
									height: 91px;
									overflow: hidden;
								}
									div.main div.btcol div.btcol_block3 div.albumovv div span {
										display: block;
										color: gray;
									}
	
	div.footer {
		background: url('/graphics/onderbalk.jpg') 0 0 no-repeat;
		width: 970px;
		text-align: right;
		font-size: 0.8em;
		color: black;
		font-weight: normal;
		margin: 10px auto 0px auto;
		padding-top: 55px;
		color: #999999;
	}
		
script, noscript {
	display: none;
}

/*******************************************************************************
** SPECIFIC CLASSES FOR EVENT OVERVIEW AND EVENT REGISTRATION LINK (REGLINK)
** AND EVENTREGISTRATION PROCEDURE.
*******************************************************************************/

div.eventoverview, div.newsoverview {
}
	div.eventoverview h2 a, div.newsoverview h2 a {
		color: #CC0066;
	}
	div.eventoverview h3 span, div.newsoverview h3 span {
		font-weight: normal;
	}
		div.eventoverview h3 span a,
		div.eventoverview h3 span a:hover,
		div.newsoverview h3 span a,
		div.newsoverview h3 span a:hover {
			color: blue;
		}
	div.eventoverview div.icon {
		float: left;
		clear: left;
		width: 42px;
		height: 42px;
		margin: 3px 15px 35px 0px;
		background-image: url('/graphics/event.icon.gif');
		background-repeat: no-repeat;
		background-position: top left;
	}
	div.newsoverview a.img {
		display: block;
		float: left;
		border: 0px;
		width: 150px;
		height: 100px;
		margin: 3px 15px 35px 0px;
		background-repeat: no-repeat;
		background-position: center;
	}
	
div.notification {
	clear: both;
	margin-top: 20px;
	padding: 15px;
	background-color: #FDFFE3;
	border: 1px dashed silver;
}

div.boxcontainer {
	padding: 10px 10px 10px 10px;
	zoom: 1;
}
	div.boxcontainer div.box {
		margin-top: 20px;
		width: 321px;
		float: left;
		border: 1px solid silver;
		min-height: 175px;
		position: relative;
		zoom: 1;
	}
	div.boxcontainer div.wide {
		width: 662px;
	}

	div.profile div.box {
		min-height: 30px;
	}
		div.boxcontainer div.box span.corner {
			width: 15px;
			height: 15px;
			position: absolute;
			background-image: url('/graphics/boxcorners.png');
			background-repeat: no-repeat;
		}
			div.boxcontainer div.box span.toplft { left: -1px; top: -1px; background-position: top left; }
			div.boxcontainer div.box span.toprgt { right: -1px; top: -1px; background-position: top right; }
			div.boxcontainer div.box span.botlft { left: -1px; bottom: -1px; background-position: bottom left; }
			div.boxcontainer div.box span.botrgt { right: -1px; bottom: -1px; background-position: bottom right; }
	
		div.boxcontainer div.box h2 {
			color: white;
			padding: 5px 15px;
			margin-bottom: 0px;
			background-color: #5B1F5F;
		}

		div.boxcontainer div.box span.err {
			display: block;
			margin-bottom: 0px;
			padding: 5px 8px;
			background-color: #FDFFE3;
			border: 1px dashed silver;
		}

		div.boxcontainer div.inner {
			padding: 15px;
		}
	div.boxcontainer div.lft {
		margin-right: 20px;
	}
		div.boxcontainer div.lft h2 {
			background-color: #CC0066;
		}
	div.boxcontainer div.rgt {
	}
		div.boxcontainer div.rgt h2 {
			background-color: #5B1F5F;
		}
		div.boxcontainer div.rgt a,
		div.boxcontainer div.rgt a:hover {
			display: block;
			margin-top: 10px;
			color: blue;
		}
		
	div.boxcontainer input.btn {
		margin: 0px;
		float: none;
	}
	
/* Changes to default boxcontainer settings for the box with event details,
 * found in the main template under "EVENT_DETAILS_LOOPSTART/END"
 */
div.eventdetails {
	width: 250px;
	float: right;
	margin-right: -10px;
	margin-top: -15px;
}
	div.eventdetails div.box {
		width: 250px;
		float: none;
		min-height: 50px;
	}

/*******************************************************************************
** SPECIFIC CLASSES FOR THE MAIN FORM
*******************************************************************************/

div.pformcontainer {
}
	div.pformcontainer table {
		width: 100%;
	}

	div.pformcontainer select 						{ color: black; }
	div.pformcontainer select.fixed				{ width: 275px; }

	div.pformcontainer input.txt					{ color: black; }
	div.pformcontainer input.firstname		{ width: 115px; }
	div.pformcontainer input.junction 		{ width: 45px; }
	div.pformcontainer input.lastname 		{ width: 168px; }
	div.pformcontainer input.organisation	{ width: 168px; }

	div.pformcontainer input.address			{ width: 130px; }
	div.pformcontainer input.housenum			{ width: 35px; }
	div.pformcontainer input.zipcode			{ width: 45px; }
	div.pformcontainer input.city					{ width: 80px; }
	div.pformcontainer input.phone				{ width: 100px; }
	div.pformcontainer input.email				{ width: 130px; }

	div.pformcontainer textarea						{ color: black; width: 275px; height: 90px; overflow: auto; }


/*******************************************************************************
** Dropdown menu's
*******************************************************************************/
div.dropdown {
	position: absolute;
	visibility: hidden;
	font-weight: bold;
	top: 0em;
	text-align: left;
	margin: 1px 0px 0px -10px;
	font-size: 0.9em;
	width: 180px;
	_background-image: none;
	-moz-user-select: none;
}
	div.dropdown span {
		background: url('/graphics/submenu_bg.png') repeat-y 0 0;
		_background: url('/graphics/submenu_bg.gif') repeat-y 0 0;
		border-left: 1px solid #3961B0;
		border-right: 1px solid #3961B0;
		display: block;
		padding: 0px;
		margin: 0;
	}
		div.dropdown span a {
			display: block;
			line-height: 1.4em;
			padding: 0.5em 1.5em 0.5em 1.0em;
			margin: 0;
			color: white;
			text-decoration: none;
			position: relative;
		}
		div.dropdown span a.selectedlink {
			color: #FFCC32;
			font-weight: bold;
		}
		div.dropdown span a:hover {
			color: #FFCC32;
		}
			div.dropdown span a span.arrow {
				display: block;
				position: absolute;
				top: 0.8em;
				right: 1.0em;
				width: 5px;
				height: 9px;
				background-image: url('/graphics/arrow-white.gif');
				background-repeat: no-repeat;
				overflow: hidden;
			}
			div.dropdown span a:hover span.arrow {
				background-image: url('/graphics/arrow-white.gif');
			}
	div.dropdown div.bottom {
		background: url('/graphics/submenu_bottom_rgt.png') no-repeat 100% 100%;
		_background: url('/graphics/submenu_bottom_rgt.gif') no-repeat 100% 100%;
	}
		div.dropdown div.bottom div.bottom_rgt {
			background: url('/graphics/submenu_bottom.png') no-repeat 0 100%;
			_background: url('/graphics/submenu_bottom.gif') no-repeat 0 100%;
			margin-right: 13px;
			height: 12px
		}	
		
/*******************************************************************************
** THE DOCUMENT BASE
*******************************************************************************/		
		
div.docs {
	padding: 0;
}
	div.docs h2 {
			color: #641163;
			font-size: 1.0em;
			margin-top: 7px;
		}
			div.docs h2 a {
				font-size: 1.0em;
				color: #CC0066;
				text-decoration: underline;
			}
			div.docs h2 a:hover {
				text-decoration: none;
			}
			
	div.docs div.ovv {
		border-top: solid 1px #D5D2E5;
		border-bottom: 1px solid #D5D2E5;
		padding: 20px 0;
	}
		div.docs div.ovv a {
			display: block;
			float: left;
			width: 270px;
			padding-left: 45px;
			height: 50px;
			overflow: hidden;
			font-size: 11px;
			text-align: left;
			margin: 0 15px 15px 0;
			background-repeat: no-repeat;
			background-position: top left;
			text-decoration: none;
			line-height: 15px;
			color: #1B2481;
			font-weight: bold;
		}
		div.docs div.ovv a:hover {
			text-decoration: none;
		}
			div.docs div.ovv a span {
				color: #641163;
				text-decoration: none;
				font-size: 9px;
			}
		
	div.docs a.folder {
		background-image: url('/graphics/doc_icons/map.png');
		_background-image: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/doc_icons/map.png', sizingMethod='crop');
		line-height: 300%;
	}
	
	div.docs a.pdf {
		background-image: url('/graphics/doc_icons/pdf.png');
		_background-image: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/doc_icons/pdf.png', sizingMethod='crop');
	}
	div.docs a.word,
	div.docs a.doc {
		background-image: url('/graphics/doc_icons/word.png');
		_background-image: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/doc_icons/word.png', sizingMethod='crop');
	}
	div.docs a.excel {
		background-image: url('/graphics/doc_icons/excel.png');
		_background-image: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/doc_icons/excel.png', sizingMethod='crop');
	}
	div.docs a.image {
		background-image: url('/graphics/doc_icons/jpeg.png');
		_background-image: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/graphics/doc_icons/jpeg.png', sizingMethod='crop');
	}

/*******************************************************************************
** Full photoalbum overview
*******************************************************************************/
		
div.photoalbumovv {
	border-top: 1px solid #D5D2E5;
	margin: 20px 10px 10px 10px;
}
	div.photoalbumovv div.album {
		padding: 20px 0px;
	}
		div.photoalbumovv div.album a.img {
			display: block;
			float: left;
			margin: 0px 20px 0px 1px;
			width: 100px;
			height: 100px;
			background-position: center;
			position: relative;
		}
			div.photoalbumovv div.album a.img span.overlay {
				display: block;
				background: url('/graphics/photo_overlay.png') no-repeat;
				_background: url('/graphics/photo_overlay_sq.gif') no-repeat;
				width: 100px;
				height: 100px;
			}
			div.photoalbumovv div.album a.img span.icon {
				display: block;
				background: url('/graphics/photoalbum.icon.png') no-repeat;
				_background: none;
				width: 36px;
				height: 32px;
				position: absolute;
				right: 1px;
				bottom: -9px;				
			}
		div.photoalbumovv div.album h2 {
			color: #641163;
			font-size: 1.0em;
			margin-top: 7px;
		}
			div.photoalbumovv div.album h2 a {
				font-size: 1.1em;
				color: #1B2481;
				text-decoration: none;
			}
			div.photoalbumovv div.album h2 a:hover {
				text-decoration: underline;
			}
		div.photoalbumovv div.album span {
			display: block;
		}

	div.photoalbumovv div.hr {
		height: 1px;
		overflow: hidden;
		border-top: 1px solid #D5D2E5;
		margin: 0px;
	}
	
div.photoalbum {
	margin: 0px 0px 10px 10px;
}
	div.photoalbum h1 {
		margin: 0px 0px 7px 0px;
	}
	div.photoalbum h2 {
		font-size: 1.0em;
		margin-bottom: 20px;
		font-family: Arial, Verdana, Tahoma, sans-serif;
	}
		div.photoalbum h2 a, div.photoalbum h2 a:hover, div.photoalbum h2 a:visited {
			color: #CC0066;
		}

	div.photoalbum div.lft, div.photoalbum div.rgt {
		float: left;
	}
	div.photoalbum div.lft {
		width: 288px;
		margin-right: 20px;
	}
		div.photoalbum div.lft a.img {
			display: block;
			cursor: pointer;
			float: left;
			margin: 0px 0px 0px 0px;
			width: 72px;
			height: 72px;
			background-position: center;
			position: relative;
		}
			div.photoalbum div.lft a.img span.overlay {
				display: block;
				background: url('/graphics/photo_overlay_s.png') no-repeat;
				_background: url('/graphics/photo_overlay_s.gif') no-repeat;
				width: 100px;
				height: 100px;
			}
			div.photoalbum div.lft a.img:hover span.overlay,
			div.photoalbum div.lft a.selected span.overlay {
				background: url('/graphics/photo_overlay_s_active.png') no-repeat;
				_background: url('/graphics/photo_overlay_s_active.gif') no-repeat;
			}
		div.photoalbum div.lft div.bigimg, div.photoalbum div.lft div.comments {
			display: none;
		}
		div.photoalbum div.lft div.nav {
			visibility: hidden;
			margin-top: 20px;
		}
			div.photoalbum div.lft div.nav a {
				display: block;
				float: left;
				width: 59px;
				cursor: pointer;
				-moz-user-select: none;
			}
				div.photoalbum div.lft div.nav a.prev {
					text-align: right;
					padding-right: 7px;
					margin-left: 78px;
				}
				div.photoalbum div.lft div.nav a.next {
					padding-left: 7px;
					text-align: left;
				}
	
	div.photoalbum div.rgt {
		width: 366px;
		min-height: 400px;
		_height: 400px;
	}
		div.photoalbum div.rgt div.imagepart {
			background-color: #F9F8FD;
			border: 1px solid #E6E5F3;
			position: relative;
			margin: 4px 0px 10px 0px;
			min-height: 50px;
			_height: 50px;
			zoom: 1;
		}
			div.photoalbum div.rgt div.imagepart table {
				border-collapse: collapse;
			}
				div.photoalbum div.rgt div.imagepart table td {
					padding: 0px;
					vertical-align: middle;
				}
					div.photoalbum div.rgt div.imagepart table td div#imgtarget {
						width: 364px;
						overflow: hidden;
					}
						div.photoalbum div.rgt div.imagepart table td div#imgtarget img {
							display: block;
							margin: 0px auto;
						}
					div.photoalbum div.rgt div.imagepart table td div#imgparking {
						top: 0px;
						position: absolute;
						visibility: hidden;
					}
						div.photoalbum div.rgt div.imagepart table td div#imgparking img {
							position: absolute;
							top: 0px;
						}

		div.photoalbum div.rgt span.comments {
			display: block;
			padding: 0px 5px;
			color: gray;
		}
						
			div.photoalbum div.rgt div.imagepart span.corner {
				background-image: url('/graphics/imagepart_corners.png');
				width: 11px;
				height: 11px;
				display: block;
				position: absolute;
			}
			div.photoalbum div.rgt div.imagepart span.toplft { top: -1px; left: -1px; background-position: top left; }
			div.photoalbum div.rgt div.imagepart span.toprgt { top: -1px; right: -1px; background-position: top right; }
			div.photoalbum div.rgt div.imagepart span.botlft { bottom: -1px; left: -1px; background-position: bottom left; }
			div.photoalbum div.rgt div.imagepart span.botrgt { bottom: -1px; right: -1px; background-position: bottom right; }
		
/*******************************************************************************
** Facebook (Profile overview)
*******************************************************************************/

/* the picture that is loaded into the contentpart of the main template when a
	 profile is loaded as main $obj */
img.profilepicture {
	float: right;
	border: 1px solid gray;
	margin: 0px 0px 15px 15px;
}

div.facebook {
	margin: 5px 0px 10px 0px;
}
	div.facebook div.profile {
		float: left;
		width: 340px;
		height: 150px;
		margin: 0px 0px 15px 0px;
		overflow: hidden;
	}
		div.facebook div.profile div.photo {
			float: left;
			width: 102px;
			height: 150px;
			overflow: hidden;
			text-align: center;
			margin-right: 13px;
		}
			div.facebook div.profile div.photo a.img {
				display: block;
				width: 100px;
				height: 100px;
				background-position: center 20%;
				background-repeat: no-repeat;
			}
				div.facebook div.profile div.photo a.img span {
					display: block;
					background: url('/graphics/photo_overlay.png') no-repeat;
					_background: url('/graphics/photo_overlay_sq.gif') no-repeat;
					width: 100px;
					height: 100px;
					cursor: pointer;
				}
			
		div.facebook div.profile div.data {
			float: left;
			width: 225px;
			height: 150px;
			line-height: 18px;
		}
			div.facebook div.profile div.data h2 {
				color: #641163;
				font-size: 1.0em;
				margin-top: 7px;
			}
				div.facebook div.profile div.data h2 a {
					font-size: 1.1em;
					color: #1B2481;
					text-decoration: none;
				}
				div.facebook div.profile div.data h2 a:hover {
					text-decoration: underline;
				}
				
			div.facebook div.profile div.data div.role { }
			div.facebook div.profile div.data div.email { }
			div.facebook div.profile div.data div.occupation { }
			
form#member_registration,
div.formcontainer {
	margin-bottom: 20px;
}
	form#member_registration fieldset,
	div.formcontainer fieldset {
		border: 1px solid silver;
		margin: 0px 15px 10px 0px;
		padding-left: 10px;
		padding-bottom: 5px;
	}
		form#member_registration fieldset legend,
		div.formcontainer fieldset legend {
			font-weight: bold;
		}
	form#member_registration fieldset.halfwidth,
	div.formcontainer fieldset.halfwidth {
		float: left;
		width: 46%;
		margin-right: 15px;
	}
		form#member_registration fieldset.halfwidth table,
		div.formcontainer fieldset.halfwidth table {
			width: 310px;
		}
	form#member_registration fieldset.clear,
	div.formcontainer fieldset.clear {
		clear: left;
	}

	form#member_registration table,
	div.formcontainer table {
		width: 500px;
		border-collapse: collapse;
	}
		form#member_registration table td.col1,
		div.formcontainer table td.col1 {
			width: 27%;
		}
		form#member_registration table td.col2,
		div.formcontainer table td.col2 {
			width: 73%;
		}
		form#member_registration table tr.btnrow,
		div.formcontainer table tr.btnrow {
		}
			form#member_registration table tr.btnrow td,
			div.formcontainer table tr.btnrow td {
				padding-right: 153px;
			}

		form#member_registration table tr.error,
		div.formcontainer table tr.error {
			font-weight: bold;
		}
			form#member_registration table tr.error td,
			div.formcontainer table tr.error td {
				color: red;
			}
	form#member_registration table span.descr,
	div.formcontainer table span.descr {
		font-size: 0.9em;
		color: gray;
	}