form, img { margin:0; padding:0; border:none;}

body
{
	margin:0; padding:0;
	height: 100.01%;

	font-family: verdana, arial, helvetica;
	font-size:14px;

	background-color: #E4E4F9;

}

/* #header { position:absolute; left: 390px; top:8px; } */
#header { float:right; margin: 5px 10px 3px -40px; }

img#sidebar { position:fixed; top:0; left:0; }
* html img#sidebar { position:absolute; }


/*
 * NAVIGATIONPANE
 * nicely scrollable thing
 */

#naviPane
{
	width: 130px;
	/*margin: 0 0 0 772px; */
	margin: 0 0 0 12px; padding:0;
	float:left;

	background:url(divider_top.jpg) top left no-repeat;
}

#naviPaneBGfix
{
	padding: 5px 0 83px 14px;

	background:url(divider_bottom.jpg) bottom left no-repeat;
}

#naviPane img { margin-bottom:10px; }
#naviPane ul { list-style:none; padding: 15px 0 0 14px;}



/*
 * CONTENTPANE
 * with neat cornes, even with dynamic dimensions
 */

#contentPane { margin:0px 0 30px 60px; padding:0; width: 65%; float:left; min-width:520px; max-width:700px;}
* html #contentPane { margin-left: 30px; }

#contentPane h2
{
	margin:0; margin-top: 50px;
	padding: 0 35px 0px 35px;

	font-size: 28px;
	font-weight: bold;
	font-style: italic;

	/* title should overlap header, not the other way 'round */
	position: relative;
	z-index:5;
}

#contentPane div { margin:0; padding:0; }
#contentPane .ro { background:url(box/right_upper.gif) top right no-repeat; }
#contentPane .lo { background:url(box/left_upper.gif) top left no-repeat; }
#contentPane .ru { background:url(box/right_lower.gif) bottom right no-repeat; }
#contentPane .lu { background:url(box/left_lower.gif) bottom left no-repeat; }

#contentPane #content {
	margin:0; padding: 35px;
	color:#333333;
}

#contentPane #content p {
	margin:0 0 10px 0; padding:0;

	text-align:justify;
}

#content .infoBox,
#content address
{
	padding: 0 0 10px 10px;  margin: 0 0 10px 10px;

	text-align:left;

	float:right;
	clear:right;

	border-left: 1px dotted #C7C7C7;
	border-bottom: 1px dotted #C7C7C7;
}

#content ul.infoBox { list-style:none; }

#content table,
#content img.paraThumb
{
	margin: 10px;
	padding: 10px;

	float:left;
	clear:left;

	border: 1px dotted #C7C7C7;
}
#content a img.paraThumb { border: 1px dotted #6168AC; }

#content table th { text-align:left; vertical-align: bottom;}
#content table th.r,
#content table td { text-align:right; vertical-align: bottom; padding-left: 10px;}

#content table tr.space th,
#content table tr.space td { border-top: 1px dotted #C7C7C7; margin-top:5px; padding-top:5px; }

#content h3 { margin:30px 0 15px 0; font-size:16px; }
#content h3.withSubtitle { margin-bottom:0;}
#content h3.firstHeading { margin-top:0;}
#content h4 { margin:0 0 15px 0; font-size:14px; /* color:#CBCCFC;*/ color:#999999; }

/*
 * LINKS
 * supporting nice little icons
 */

a,
a:link,
a:visited { color: #6168AC; }
a:hover,
a:active { text-decoration:none; }
a.int { padding-left: 16px; background: no-repeat left bottom; background-image:url(link_internal.gif); }
a.ext { padding-left: 16px; background: no-repeat left bottom; background-image:url(link_external.gif); }
a.mail { padding-left: 16px; background: no-repeat left bottom; background-image:url(link_email.gif); }
a.download { padding-left: 16px; background: no-repeat left bottom; background-image:url(link_download.gif); }
a.map { padding-left: 16px; background: no-repeat left bottom; background-image:url(link_map.gif); }
a.dyn { padding-left: 16px; background: no-repeat left bottom; background-image:url(link_dynamic.gif); }


/*
 * INTERNETEXPLORER INFOPANEL
 * screw that stupid pseudo browser!
 */
#ieInfoPanel { width:570px; background-color:#DDDDDD; padding: 5px; }
#ieInfoPanel img { margin: 5px 0 0 20px; float: left; }
#ieInfoPanel h2 {  margin: 5px 0 0 150px; width:400px; }
#ieInfoPanel p  { margin: 10px 0 0 150px; width:400px; }

div.blockupOverlay
{
	position:absolute;
	top:0; right:0; left:0;
	width:100%;
	overflow:hidden;
	background-color: blue;
	-moz-opacity: 0.5;
	opacity: 0.5;
	z-index:1000;
	display:none;
	filter:alpha(opacity=50);
}
* html div.blockupOverlay {  margin:0px; padding: 0px;  }

div.blockupContainer
{
	width: 100%;
	position:absolute;
	top:0; left:0;
	z-index:1010;
	text-align:center;
	display:none;
}

div.blockupContainer div.content { float:left; padding:10px; background-color:white; }
div.blockupContainer div.content p { text-align:left; }
div.blockupContainer div.controls { padding: 0 10px 10px 10px; background-color:white; }
