html, body, #canvas {
	min-height: 100%;
	width: 100%;
	height: 100%;
	background-image: url(../bg/bg1.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
}



html>body, html>body #canvas {
	height: auto;
	background-color: #f4f6fa;
}


body {
	margin: 0;
}

#canvas {
	position: absolute;
	top: 0;
    left: 0;
}

#body_content {
	margin-bottom: 5em;
	height: auto;
	padding: 0em;
}

	div#wacg
	{
		display: none;
	}


	div.pagecolumn
	{
		/* 60em = 720px, 1em = 12px; */
		width: 60em;
		margin: 0em auto;
	}


	div#canvas 
	{
		/* font-size is set to 92.5%, but for IE it is set to 90%, using Javascript */ 
		font-size: 92.5%;
		
		padding: 0em;
		text-align: left;
		background-color: #f4f6fa;
	}

	div#login 
	{
		height: 2.5em;
		width: 100%;
		padding: 0em;
		position: absolute;
		z-index: 10;
	}

		div#login div.pagecolumn
		{
			/* 57.5em = 690px, 1em = 12px; */
			width: 57.5em;
		}


		div#login form
		{
			font-size: 92.5%;
		}

		div#login form input
		{
			vertical-align: middle;
			padding: 0em 0.25em;
			margin: 0em 0em 0em 0.5em;
		}

		div#login form p
		{
			line-height: 2.75em;
		}

		div#login form a
		{
			color: #000000;
			font-weight: bold;
			text-decoration: underline;
		}

		div#login form a:hover
		{
			color: #0099ff;
			font-weight: bold;
			text-decoration: none;
		}

			div#login form a.invite
			{
				color: #0099ff;
				font-weight: bold;
				text-decoration: none;
			}

			div#login form a.invite:hover
			{
				color: #0099ff;
				text-decoration: underline;
			}

		div#login span#loginname
		{
			font-weight: bold;
		}


	div#header
	{
		position: absolute;
		width: 60em;
		height: 30em;
	}
		
		
		div#logo
		{
			position: absolute;
			top: 0.65em;
			text-align: right;
			width: 60em;
		}
			
			.joost_logo
			{
				width: 17.5em;
				height: 7.5em;
			}

	div#bars
	{
		position: absolute;
		top: 6.75em;
		z-index: 2;
		background-color: #000000;
		width: 60em;
		height: 30em;
	}

		.bars_shadow
		{
			width: 60em;
			height: 30em;
		}

	div#betatest
	{
		position: absolute;
		top: 7em;
		right: 2em;
		z-index: 4;
	}
		div#betatest h2
		{
			color: #ffffff;
			font-size: 1.5em;
			font-weight: normal;
		}

	div#main_navigation
	{
		top: 0em;
		position: absolute;	
		z-index: 1;
	}
		
		div#main_navigation label
		{
			display: none;
		}
		
		div#main_navigation ul
		{
			display: block;
			width: 41em;
			height: 3em;
			margin: 0em 1.25em;
			position: absolute;
			top: 4.77em;
			
		}

			div#main_navigation ul li
			{
				display: inline;
			}

			div#main_navigation ul li p
			{
				display: inline;
				font-size: 125%;
				margin: 0em 2em 0em 0em;
				color: #acacac;
			}

			div#main_navigation a
			{
				text-decoration: none;
				font-weight: bold;
				color: #acacac;
			}

			div#main_navigation a:hover
			{
				text-decoration: none;
				font-weight: bold;
				color: #0099ff;
				border-bottom: 0.4em solid #0099ff;
			}

			div#main_navigation a:active
			{
				text-decoration: none;
				font-weight: bold;
				color: #000000;
				border-bottom: 0.4em solid #0099ff;
			}

			div#main_navigation a.selected,
			div#main_navigation a.selected:hover
			{
				text-decoration: none;
				font-weight: bold;
				color: #000000;
				border-bottom: 0.4em solid #000000;
			}

		div#breadcrum
		{
			position: absolute;
			top: 35.75em;
			width: 57.5em;
			margin: 0em 1.25em;
			z-index: 4;
			color: #acacac;
		}

			div#breadcrum label
			{
				display: none;
			}

			div#breadcrum p
			{
				color: #acacac;
			}

			div#breadcrum a
			{
				color: #acacac;
				text-decoration: none;
			}

			div#breadcrum a:hover
			{
				color: #0099ff;
				text-decoration: underline;
			}

			div#breadcrum span.child
			{
				color: #acacac;
			}

	div#header_content
	{
		padding: 0em 1.25em;
		position: absolute;
		top: 0em;
		z-index: 3;
	}

		div#header_content div.content
		{
			position: absolute;
			top: 6.75em;
			width: 57.5em;
			height: 30em;
			color: #ffffff;
		}

			div#header_content div.content h1
			{
				font-size: 500%;
				font-weight: normal;
				margin: 0.12em 0.34em;
			}

			div#header_content div.content h2
			{
				font-size: 200%;
				font-weight: normal;
				margin: 0em 0em 0.5em 0em;
			}

			div#header_content div.content h3
			{
				font-size: 116.667%;
				font-weight: bold;
				margin: 0em 0em 0.5em 0em;
			}

			div#header_content div.content h4,
			div#header_content div.content h5,
			div#header_content div.content h6
			{
				font-size: 100%;
				font-weight: bold;
				margin: 0em 0em 0.5em 0em;
			}

			div#header_content div.content p
			{
				margin: 0em 0em 0.5em 0em;
			}

			div#header_content div.content ul
			{
				list-style-type: disc;
			}

			div#header_content div.content ol
			{
				list-style-type: decimal;
			}

			div#header_content div.content dl
			{
				list-style-type: none;
			}

			div#header_content div.content li
			{
				margin: 0.5em 0em 0.5em 1.5em;
			}

				div#header_content div.content ul.faq li,
				div#header_content div.content ul.faq li p
				{
					margin: 0.45em 0em 0.45em 1.5em;
				}


			div#header_content div.content a
			{
				color: #ffffff;
				font-weight: bold;
				text-decoration: underline;
			}

			div#header_content div.content a:hover
			{
				color: #cccccc;
				text-decoration: none;
			}

			div#header_content div.content li a
			{
				color: #ffffff;
				text-decoration: underline;
			}

			div#header_content div.content li a:hover
			{
				color: #cccccc;
				text-decoration: none;
			}




			div#header_content div.content div.grid1,
			div#header_content div.content div.grid2,
			div#header_content div.content div.grid3
			{
				background-image: url('../images/dotted_horizontal.gif');
				background-repeat: repeat-x;
				background-position: left top;
				position: absolute;
				top: 7.75em;
				width: 57.5em;
				height: 22.75em;
				padding: 0px;
				margin: 0px;
			}

				div#header_content div.content div.grid1 div.row1
				{
					position: absolute;
					top: 0em;
					background-image: url('../images/dotted_horizontal.gif');
					background-repeat: repeat-x;
					background-position: left bottom;
					height: 9em;
					width: 57.5em;
				}

				div#header_content div.content div.grid2 div.row1
				{
					position: absolute;
					top: 0em;
					height: 11.27em;
					width: 57.5em;
				}

				div#header_content div.content div.grid2 div.row2
				{
					position: absolute;
					top: 11.75em;
					background-image: url('../images/dotted_horizontal.gif');
					background-repeat: repeat-x;
					background-position: left top;
					height: 9em;
					width: 57.5em;
				}

				div#header_content div.content div.grid3 div.row1
				{
					position: absolute;
					top: 0em;
					width: 57.5em;
				}

				div#header_content div.content div.column100
				{
					width: 100%;
					height: 100%;
				}

					div#header_content div.content div.intro div.cell
					{
						font-size: 116.7%;
						width: 32em;
					}


				div#header_content div.content div.column75
				{
					width: 75%;
					height: 100%;
				}

				div#header_content div.content div.column50
				{
					width: 50%;
					height: 100%;
				}

				div#header_content div.content div.column25
				{
					width: 25%;
					height: 100%;
				}

				div#header_content div.content div.border
				{
					background-image: url('../images/dotted_vertical.gif');
					background-repeat: repeat-y;
					background-position: left top;
				}

				div#header_content div.content div.position0
				{
					position: absolute;
					left: 0em;
				}

				div#header_content div.content div.position25
				{
					position: absolute;
					left: 14.375em;
				}

				div#header_content div.content div.position50
				{
					position: absolute;
					left: 28.75em;
				}

				div#header_content div.content div.position75
				{
					position: absolute;
					left: 43.125em;
				}

				div#header_content div.content div.cell
				{
					margin: 0.75em;
					height: 7.5em;
				}

					div#header_content div.content div.cell p.arrowlink
					{
						font-size: 95%;
						position: absolute;
						bottom: 0.1em;
						right: 1em;
					}

					div#header_content div.content div.cell p.arrowlink a
					{
						color: #ffffff;
						text-decoration: none;
						padding: 2px 0px 2px 20px;
						background-image: url('../images/header_link.gif');
						background-repeat: no-repeat;
						background-position: 0% 50%;							
					}

					div#header_content div.content div.cell p.arrowlink a:hover
					{
						color: #ffffff;
						text-decoration: underline;
					}


				div#header_content form
				{
					width: 28em;
				}
				
					div#header_content form div.inputline
					{
						margin: 0.5em 0em;
						clear: both;
					}
					
					div#header_content form div.submitline
					{
						margin: 0.5em 0em 1em 0em;
						clear: both;
					}
				
					div#header_content form div.singleline label
					{
						display: block;
						width: 8em;
						padding: 0em; 
					}
	
					div#header_content form div.singleline input,
					div#header_content form div.singleline select
					{
						width: 20em;
						float: right;
						margin: -1.5em 0em 0em 8em;
						vertical-align: top;
					}
	
	
					div#header_content form div.captchaline label
					{
						display: block;
						width: 8em;
						color: #ffffff;
						font-size: 90%;
					}
	
					div#header_content form div.captchaline img
					{
						vertical-align: top;
						float: right;
						margin: 0em 0em 2em 0em;
					}
	
					div#header_content form div.multiline label
					{
						display: block;
						padding: 0.5em 0em; 
						margin: 2em 0em 0em 0em;
					}
	
					div#header_content form div.multiline textarea
					{
						width: 28em;
						height: 8em;
						margin: 1em 0em;
					}
	
					div#header_content form div.multiline textarea.large
					{
						height: 16em;
					}
	
					div#header_content form div.multiline select
					{
						width: 28em;
						margin: 1em 0em;
					}
	
					div#header_content form div.multiline input.inputtext,
					div#header_content form div.multiline input.inputpassword
					{
						width: 28em;
						margin: 0.5em 0em;
					}
	
	
					div#header_content form input.inputtext, 
					div#header_content form input.inputpassword,
					div#header_content form select,
					div#header_content form textarea
					{
						/*background-color: #000000;
						color: #ffffff;
						border: 1px outset #ffffff;*/
						border: 1px solid #000000;
						padding: 1px;
					}
	
					div#header_content form input.inputsubmit 
					{
						float: right;
						margin: 0em 0em 0em 1em;
						background-color: #000000;
						color: #ffffff;
						border: 1px outset #999999;
						padding: 0.1em 0em;
						background-image: url(../images/submit.gif);
						background-repeat: repeat-x;
						background-position: left top;
					}
					
					
					div#header_content div.submitprivacy
					{
						float: left;
						width: 12em;
					}
	
					div#header_content div.submitprivacy p
					{
						color: #ffffff;
						font-size: 92.4%;
						margin: 0em;
					}
	
						div#header_content div.submitprivacy a
						{
							font-weight: normal;
							color: #00ccff;
							text-decoration: underline;
						}
	
						div#header_content div.submitprivacy a:hover
						{
							color: #999999;
							text-decoration: none;
						}

				div#header_content div.header_menu
				{
					font-weight: bold;
				}

					div#header_content div.header_menu ul
					{
						margin: 0em;
						list-style-type: none;
					}

					div#header_content div.header_menu li
					{
						background-image: url('../images/dotted_horizontal.gif');
						background-repeat: repeat-x;
						background-position: left bottom;
						padding: 0em 0em 0.5em 0em;
						margin: 0em 0em 0.5em 0em;
					}

					div#header_content div.header_menu p
					{
						padding: 0em 0em 0.25em 0em;
						margin: 0em;
					}
						div#header_content div.header_menu li a
						{
							text-decoration: none;
						}

						div#header_content div.header_menu li a:hover
						{
							text-decoration: underline;
						}

						div#header_content div.header_menu li a,
						div.page_download a
						{
							padding: 2px 0px 2px 20px;
							background-image: url('../images/header_link.gif');
							background-repeat: no-repeat;
							background-position: 0% 50%;							
						}

				div#header_content div.blog_calender
				{
					
				}

					div#header_content div.blog_calender div.year
					{
						float: left;
						margin: 0em 2em 0em 0em;
						width: 23em;
					}


					div#header_content div.blog_calender h4
					{
						float: left;
						font-weight: normal;
						background-image: url('../images/dotted_vertical.gif');
						background-repeat: repeat-y;
						background-position: right top;
						padding: 0.75em 1em 0.5em 0em;
					}

					div#header_content div.blog_calender h4 span
					{
						font-size: 330%;
						display: block;
						line-height: 0.85em;
					}

					div#header_content div.blog_calender ul
					{
						float: left;
						list-style-type: none;
						margin: 0em;
						padding: 0em 0em 0em 2em;
					}

					div#header_content div.blog_calender li
					{
						margin: 0em;
						padding: 0em;
					}
					
					div#header_content div.blog_calender p
					{
						font-weight: bold;
						color: #999999;
						margin: 0em;
						padding: 0.5em 0em;
					}
					
				div#header_content div#betatestsignup
				{
					position: absolute;
					top: 0.75em;
					right: 0.75em;
					z-index: 6;
					width: 13.5em;
					height: 3.5em;
				}
			
					div#header_content div#betatestsignup p
					{
						color: #ffffff;
						font-weight: normal;
						text-align: right;
					}
			
					div#header_content div#betatestsignup img
					{
						position: absolute;
						top: 0em;
						left: 0em;
						width: 13.5em;
						height: 3.5em;
					}
			
					div#header_content div#betatestsignup span
					{
						margin: 0.55em 0.75em 0em 0.75em;
						background-image: url('../images/header_link.gif');
						background-repeat: no-repeat;
						background-position: 0% 50%;
						display: block;
						font-size: 150%;
					}
			
					div#header_content div#betatestsignup a
					{
						color: #ffffff;
						text-decoration: none;
						font-weight: normal;
					}
			
					div#header_content div#betatestsignup a:hover
					{
						color: #dddddd;
						text-decoration: underline;
						font-weight: normal;
					}
				
	div#body_content
	{
		padding: 36.5em 1.25em 5em 1.25em;
		margin: 0em;
		clear: both;
	}

		div#body_content div.main
		{
			float: left;
			width: 38.5em;
			padding: 0em 0em 7em 0em;
		}

		div#body_content div.side
		{
			float: right;
			width: 14.333em;
			padding: 0em 0em 7em 0em;
		}

			div#body_content .error
			{
				color: red;
				font-weight: bold;
			}

			div#body_content h1,
			div#body_content h2
			{
				margin: 1.5em 0em 1em 0em;
				padding: 0.125em 0em;
				font-size: 200%;
				font-weight: normal;
				color: #000000;
				border-top: 1px dotted #666666;
				border-bottom: 1px dotted #666666;
			}

			div#body_content h3
			{
				margin: 1em 0em;
				padding: 0.125em 0em;
				font-size: 116.67%;
				font-weight: bold;
				color: #000000;
				border-bottom: 1px dotted #666666;
			}

			div#body_content h4
			{
				margin: 1em 0em;
				padding: 0.125em 0em;
				font-size: 116.67%;
				font-weight: bold;
				color: #000000;
			}

			div#body_content h5
			{
				margin: 1em 0em;
				font-weight: bold;
				color: #000000;
			}

			div#body_content h6
			{
				margin: 1.125em 0em 0em 0em;
				font-weight: bold;
				color: #000000;
				font-size: 92.4%;
			}

			div#body_content p
			{
				line-height: 1.5em;
				margin: 1em 0em;
			}

			div#body_content ul
			{
				list-style-type: disc;
			}

			div#body_content ol
			{
				list-style-type: decimal;
			}

			div#body_content dl
			{
				list-style-type: none;
			}

				div#body_content ul li
				{
					line-height: 1.5em;
					margin: 0.5em 0em 0.5em 1.5em;
				}
	
				div#body_content ol li
				{
					line-height: 1.5em;
					margin: 0.5em 0em 0.5em 1.75em;
				}
	
			div#body_content table
			{
				margin: 0.5em 0em;
				border-collapse: collapse;
			}

				div#body_content table thead
				{
					margin: 0em;
				}

					div#body_content table thead th
					{
						font-weight: bold;
					}

					div#body_content table thead td
					{
						
					}
	
				div#body_content table tbody
				{
					margin: 0em;
				}

					div#body_content table tbody th,
					div#body_content table th
					{
						font-weight: bold;
					}

					div#body_content table tbody td,
					div#body_content table td
					{
						margin: 0em;
					}

					div#body_content table p
					{
						margin: 0.25em 0em;
					}

			div#body_content table.confluenceTable
			{
				border-bottom: 1px dotted #666666;
			}
				
				div#body_content table.confluenceTable th 
				{
					border-bottom: 1px dotted #666666;
					padding: 0.5em 1em 0.125em 0;
				}

				div#body_content table.confluenceTable td 
				{
					border-bottom: 1px dotted #666666;
					padding: 0.5em 2em 0.5em 0;
				}
				
			div#body_content table.invitations
			{
				border-bottom: 1px dotted #666666;
			}

				div#body_content table.invitations th 
				{
					border-bottom: 1px dotted #666666;
					padding: 0em 0em 0.125em 0em;
					margin: 0em;
				}

					div#body_content table.invitations th p
					{
						margin: 0em;
						padding: 0em;
					}
					
				div#body_content table.invitations td
				{
					border-bottom: 1px dotted #666666;
					padding: 0.5em 2em 0.5em 0em;
				}
				
			div#body_content div.main img
			{
				border: 1px solid #666666;
				padding: 3px;
				margin: 1em 1em 1em 0em;
			}			

			div#body_content a
			{
				color: #0099ff;
				text-decoration: underline;
			}

			div#body_content a:hover
			{
				color: #999999;
				text-decoration: none;
			}

			div#body_content em
			{
				font-style: italic;
			}

			div#body_content strong
			{
				font-weight: bold;
			}

			div#body_content h1 a,
			div#body_content h2 a,
			div#body_content h3 a,
			div#body_content h4 a,
			div#body_content h5 a,
			div#body_content h6 a
			{
				color: #000000;
				text-decoration: none;
			}
			
			div#body_content h1 a:hover,
			div#body_content h2 a:hover,
			div#body_content h3 a:hover,
			div#body_content h4 a:hover,
			div#body_content h5 a:hover,
			div#body_content h6 a:hover
			{
				color: #0099ff;
				text-decoration: underline;
			}
			
				div#body_content div.banners
				{
					margin: 4em 0em 0em 0em;
				}
	
					div#body_content div.banners div.banner
					{
						margin: 0em 0em 4em 0em;
					}
	
					div#body_content div.banners textarea
					{
						width: 38.5em;
						height: 6em;
					}
	
					div#body_content div.banners img
					{
						margin: 0em;
						padding: 0em;
						border: none;
					}
					
				div#body_content div.blogroll
				{
				}
				
					div#body_content div.blogroll ul
					{
						list-style-type: none;
					}
		
					div#body_content div.blogroll ul li
					{
						margin: 0em;
						padding: 0em;
					}

					div#body_content div.blogroll ul li p
					{
						margin: 0em;
						padding: 0em 0em 0em 16px;
						background-image: url('../images/icon_blogger.gif');
						background-repeat: no-repeat;
						background-position: 0% 50%;
					}
	
					div#body_content div.blogroll ul li a
					{
						color: #000000;
						text-decoration: none;
					}
	
					div#body_content div.blogroll ul li a:hover
					{
						color: #0099ff;
						text-decoration: underline;
					}
				
				div#body_content div.blogposts
				{
				}
				
					div#body_content div.blogpost
					{						
					}

						div#body_content div.blogpost span.postdate
						{
							color: #acacac;					
						}
						
							div#body_content div.blogpost p.postdetails
							{
								font-size: 90%;
								margin: -2em 0em 2em 0em;
								padding: 0em 0em 0.25em 0em;
							}

							div#body_content div.blogpost p.postdetails span.postedby
							{
								float: left;
								color: #000000;
								text-decoration: none;
								padding: 0em 0em 0em 16px;
								background-image: url('../images/icon_blogger.gif');
								background-repeat: no-repeat;
								background-position: 0% 50%;
							}

								div#body_content div.blogpost p.postdetails span.postedby label
								{
									color: #999999;
								}

							div#body_content div.blogpost p.postdetails a.permalink
							{
								float: right;
								color: #999999;
								text-decoration: none;
								padding: 0em 0em 0em 16px;
								background-image: url('../images/icon_permalink.gif');
								background-repeat: no-repeat;
								background-position: 0% 50%;
							}

							div#body_content div.blogpost p.postdetails a.permalink:hover
							{
								color: #0099ff;
								text-decoration: underline;
							}

							div#body_content div.blogpost div.postcontent
							{
								clear: both;
							}


				div#body_content div.rssfeed
				{
					margin: 1.5em 0em 1em 0em;
					padding: 0.5em 0em;
					font-weight: normal;
					color: #000000;
					border-top: 1px dotted #666666;
					border-bottom: 1px dotted #666666;
				}

					div#body_content div.rssfeed ul
					{
						list-style-type: none;
					}

					div#body_content div.rssfeed ul,
					div#body_content div.rssfeed li,
					div#body_content div.rssfeed p
					{
						margin: 0em;
						padding: 0em;
					}
					
					div#body_content div.rssfeed a
					{
						font-weight: normal;
						color: #000000;
						text-decoration: none;
					}

					div#body_content div.rssfeed a:hover
					{
						color: #0099ff;
						text-decoration: underline;
					}

					div#body_content div.rssfeed img
					{
						vertical-align: middle; 
						margin: 0em 0.5em 0em 0em;
					}

				div#body_content form
				{
					padding: 0em 0em 5em 0em;
				}
				
					div#body_content form div.inputline
					{
						margin: 1em 0em;
						clear: both;
					}
					
					div#body_content form div.submitline
					{
						margin: 2em 0em 1em 0em;
						clear: both;
					}
				
					div#body_content form div.singleline label
					{
						display: block;
						width: 12em;
						padding: 0.5em 0em 0.125em 0em;
						border-bottom: 1px dotted #666666;
						font-weight: bold;
					}
	
					div#body_content form div.singleline input
					{
						width: 25.5em;
						float: right;
						margin: -1.375em 0em 0.5em 13em;
						vertical-align: top;
					}
	
					div#body_content form div.singleline select
					{
						width: 25.5em;
						float: right;
						margin: -1.375em 0em 0.5em 13em;
						vertical-align: top;
					}
	
	
					div#body_content form div.captchaline
					{
						margin: 2em 0em 0em 0em;
					}
	
					div#body_content form div.captchaline label
					{
						display: block;
						width: 12em;
						color: #666666;
						font-size: 92.4%;
					}
	
					div#body_content form div.captchaline img
					{
						vertical-align: top;
						float: right;
						margin: 0em 0em 2em 0em;
					}
	
					div#body_content form div.multiline label
					{
						display: block;
						padding: 0.125em 0em; 
						margin: 2em 0em 0em 0em;
						border-bottom: 1px dotted #666666;
						font-weight: bold;
					}
	
					div#body_content form div.multiline textarea
					{
						width: 38.5em;
						height: 8em;
						margin: 0.75em 0em;
					}
	
					div#body_content form div.multiline textarea.large
					{
						height: 16em;
					}
	
					div#body_content form div.multiline select
					{
						width: 38.5em;
						margin: 0.75em 0em;
					}
	
					div#body_content form div.multiline input.inputtext,
					div#body_content form div.multiline input.inputpassword
					{
						width: 38.5em;
						margin: 0.75em 0em;
					}
	
	
					div#body_content form input.inputtext, 
					div#body_content form input.inputpassword,
					div#body_content form select,
					div#body_content form textarea
					{
						background-color: #ffffff;
						border: 1px inset #666666;
						padding: 1px;
					}
	
					div#body_content form input.inputsubmit 
					{
						float: right;
						margin: 0em 0em 0em 1em;
					}
					
					
					div#body_content div.submitprivacy
					{
						float: left;
						width: 12em;
					}
	
					div#body_content div.submitprivacy p
					{
						color: #666666;
						font-size: 92.4%;
						margin: 0em;
						line-height: 1em;
					}
	
						div#body_content div.submitprivacy a
						{
							font-weight: normal;
							color: #000000;
							text-decoration: underline;
						}
	
						div#body_content div.submitprivacy a:hover
						{
							color: #0099ff;
							text-decoration: none;
						}


	div#footer 
	{
		position: absolute;
		bottom: 0;
		background-color: #007cc2;
		text-align: center;
		padding: 0;
		width: 100%;
		color: #ffffff;
		height: 1.90em;
	}		
			
		div#footer div.pagecolumn
		{
			/* 57.5em = 690px, 1em = 12px; */
			width: 57.5em;
			padding: 0.55em 0em 0em 0em;
		}

		div#footer label
		{
			display: none;
		}
		
		div#footer p
		{
			font-size: 92%;
			margin: 0;
			padding: 0;
		}
		
		div#footer p.left
		{
			float: left;
			margin: 0em;
			padding: 0em;
		}

		div#footer p.left a
		{
			text-decoration: none;
			color: #999999;
		}

		div#footer p.left a:hover
		{
			text-decoration: underline;
			color: #999999;
		}
		
		div#footer ul.right
		{
			float: right;
			display: inline;
			margin: -1px 0em 0em 0em;
			padding: 0;
		}
		
		div#footer ul.right li,
		div#footer ul.right li p
		{
			display: inline;
			margin: 0;
			padding: 0;
		}
	
		div#footer ul.right a
		{
			color: #ffffff;
			background-color: #007cc2;
			font-weight: normal;
			text-decoration: none;
		}

		div#footer ul.right a:hover
		{
			color: #ffffff;
			text-decoration: underline;
		}
	
		div#footer ul.right span.separator
		{
			margin: 0em 0.25em;
		}


	/* common classes */
	.hidden,
	.invisible 
	{
		display: none;
	}
	
	
	/* depricate HTML elements are converted to block- or inline-elements with associated classes */
	.center
	{
		text-align: center;
	}

	.line-through
	{
		text-decoration: line-through;
	}
	
	.underline
	{
		text-decoration: underline;
	}

	.iframe
	{
		display: none;
	}

	.noframes
	{
		display: none;
	}
	
.topmenue
{
	width: 755px;
	height: 70px;
}

.topmenue2
{
	width: 755px;
	height: 22px;
	color: #ffffff;
}

			
.loginuser
{
	background-image:url("../images/username.gif");
	background-repeat:no-repeat;
	background-position:2px center;
	padding-left: 20px;
}
	
.loginpass
{
	background-image:url("../images/password.gif");
	background-repeat:no-repeat;
	background-position:2px center;
	padding-left: 20px;
}

.style1
{
	color: #FFFFFF;
}

.tabetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.tabetextbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
/*	font-style: italic; */
}

.tabfoto
{
	width: 106px;
	height: 114px;
}

a.tooltiphome span {display:block;position:absolute;float:right;z-index:999;display:none; padding:10px;line-height:18px; width:600px;border:1px solid #cccccc;color:#555555;text-decoration:none;}
a.tooltiphome:hover span{display:block; position:relative;float:right; background:#ffffff;margin-top:0px; margin-bottom:-650px;left:-80px;text-decoration:none;}
.hometekst a:link, .hometekst a:visited
{
text-align:left;
text-decoration:none;	
}

 h1 { 
		font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px; 
    font-weight: bold; 
    color: #666666; 
    }