/* ####################### */
/* General settings
/* ####################### */


h1, h2, h3, h4, p, ul, ul li, img, a img
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

ul
{
    list-style: none;
}

	ul li
	{
		display: inline;
	}

#main ul
{
	float: left;
	margin: 0px 0px 10px 5px;
}

	#main ul li
	{
		float: left;
		width: 506px;
		display: block;
		margin: 0px 0px 5px 0px;
		padding: 0px 0px 0px 15px;
		background: url(graphics/various/list-bullet.gif) no-repeat 0 0.6em;
	}

#main ol
{
	float: left;
	width: 492px;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 10px 7px;
}

	#main ol li
	{
		margin: 0px 0px 5px 0px;
	}



/* ####################### */
/* Body
/* ####################### */

body
{
	color: #222222;
	font-size: 0.79em;
	line-height: 1.5em;
	font-family: Arial, Verdana, Helvetica;
	margin: 0px auto 0px auto;
	background: #ccd5de url(graphics/backgrounds/bg_body.gif) no-repeat top;
}


/* ####################### */
/* Text elements
/* ####################### */

h1, h2, h3, h4, h5
{
	margin: 0px 0px 0px 0px;
	font-weight: normal;
}

h1
{
	font-size: 2.2em;
	line-height: 1.2em;
	margin: 0px 0px 10px 0px;
}

h2
{
	font-size: 1.4em;
	line-height: 1.2em;
	margin: 0px 0px 4px 0px;
}

	#sidebar h2
	{
		font-size: 1.4em;
		line-height: 1.2em;
		margin: 0px 0px 1px 0px;
	}

h3
{
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 0px 0px 3px 0px;
}

h4
{
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
}

h5
{
	font-size: 1em;
	line-height: 1.2em;
}

p
{
	margin: 0px 0px 16px 0px;
}

#main img
{
	margin: 0px 0px 10px 0px;	
}


/* ####################### */
/* Links
/* ####################### */

a
{
	color: #285b92;
	font-weight: bold;
	text-decoration: none;
}

	a:hover
	{
		text-decoration: underline;
	}
	
	a:active, a:focus
	{
		
	}

/* ####################### */
/* Framework / Container
/* ####################### */

#framework
{
	width: 910px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#container
{
	float: left;
	width: 900px;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 30px 0px;
	position: relative;
	background: #FFFFFF;
}


/* ####################### */
/* Header
/* ####################### */

#header
{
	width: 900px;
	float: left;
}

	/* Minimum height for Firefox */
	#header {
	min-height: 85px; 
	height: auto;
	}
	/* Minimum height for IE */
	/*\*/
	* html #header {
	height: 85px;
	}
	/**/

	#header #logo
	{
		float: left;
	}
	
	#header #logo_penta
	{
		float: right;
	}


/* ####################### */
/* Navigations
/* ####################### */

#navigation
{
	float: left;
	width: 880px;
	height: 40px;
	margin: 0px 0px 10px 0px;
	padding: 1px 0px 1px 25px;
	background: url(graphics/backgrounds/bg_navigation.jpg) no-repeat top left;
}

	#navigation ul li
	{
		float: left;
		height: 40px;
		margin: 0px 0px 0px 0px;
		padding: 0px 16px 0px 14px;
		background: url(graphics/navigation/navi_item_divider.gif) no-repeat right;
	}
	
	#navigation ul li.last_item
	{
		background: none;
		font-weight: bold;
		padding: 0px 0px 0px 14px;
	}
	
		#navigation ul li a
		{
			color: #000000;
			line-height: 40px;
			font-weight: normal;
			font-size: 1.1em;
			text-transform: uppercase;
		}
		
			#navigation ul li a:hover
			{
				text-decoration: none;
			}



#left_navigation
{
	float: left;
	width: 183px;
	padding: 35px 0px 0px 0px;
	background: url(graphics/backgrounds/bg_left_navigation.jpg) no-repeat;
}

/* Minimum height for Firefox */
#left_navigation {
min-height: 462px; 
height: auto;
}
/* Minimum height for IE */
/*\*/
* html #left_navigation {
height: 462px;
}
/**/

#left_navigation a
{
	font-weight: normal;
	color: #222222;
	font-size: 0.95em;
}

	#left_navigation ul
	{
		width: 183px;
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 1px 0px;
		background: url(graphics/navigation/left_navi_item_divider.gif) repeat-x bottom left;
	}	
	
		#left_navigation ul li
		{
			float: left;
			width: 183px;
			display: block;
			line-height: 1.1em;
			padding: 7px 0px 6px 0px;
			margin: 0px 0px 0px 0px;
			background: url(graphics/navigation/left_navi_item_divider.gif) repeat-x top left;
		}
		
			#left_navigation ul li a
			{
				float: left;
				font-weight: bold;
				margin: 0px 0px 0px 15px;
			}

				#left_navigation ul li.selected a
				{
					font-weight: bold;
					margin: 0px 0px 0px 15px;
				}
	
				#left_navigation ul li ul.second
				{
					background: none;
				}
		
					#left_navigation ul li ul.second li
					{
						padding: 7px 0px 0px 0px;
					}
					
						#left_navigation ul li.selected ul.second li a
						{
							font-weight: normal;
							margin: 0px 0px 0px 30px;
						}
						
							#left_navigation ul li.selected ul.second li.selected a
							{
								font-weight: bold;
								margin: 0px 0px 4px 30px;
							}
					
							#left_navigation ul li ul.second li ul
							{
								background: none;
							}
								
								#left_navigation ul li ul.second li ul li
								{
									
								}
								
								#left_navigation ul li.selected ul.second li.selected ul li a
								{
									font-weight: normal;
									margin: 0px 0px 2px 45px;
								}
								
									#left_navigation ul li.selected ul.second li ul li.selected a
									{
										font-weight: bold;
									}
					
					
				
/* ####################################### */
/* Content / Main / LeftSidebar / Sidebar
/* ####################################### */

#content
{
	float: left;
	width: 900px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px
}

	/* Minimum height for Firefox */
	#content {
	min-height: 500px; 
	height: auto;
	}
	/* Minimum height for IE */
	/*\*/
	* html #content {
	height: 500px;
	}
	/**/

#main
{
	float: left;
	width: 526px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

#left_sidebar
{
	float: left;
	width: 183px;
}

	#left_sidebar {
	min-height: 500px; 
	height: auto;
	}
	/* Minimum height for IE */
	/*\*/
	* html #left_sidebar {
	height: 500px;
	}
	/**/

#sidebar
{
	float: right;
	width: 171px;
}

/* ####################### */
/* Footer
/* ####################### */

#footer
{
	float: left;
	height: 42px;
	width: 865px;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 13px 0px 0px 35px;
}

	#footer li
	{
		float: left;
		display: inline;
		margin: 0px 0px 0px 10px;
		padding: 0px 10px 0px 0px;
		background: url(graphics/various/footer_item_divider.gif) no-repeat right;
	}
	
		#footer li.last
		{
			margin: 0px 0px 0px 10px;
			padding: 0px 6px 0px 0px;
			background: none;
		}


/* ####################### */
/* Puff - start page
/* ####################### */

#puff
{
	float: left;
	width: 900px;
	position: relative;
}

#puff #puff_content
{
	background: #546f89;
}

#puff #puff_content
{
	position: absolute;
	top: 6px;
	right: 6px;
	width: 204px;
	height: 185px;
	color: #FFFFFF;
	z-index: 999;
	padding: 30px 19px 0px 24px;
	background: url(graphics/various/puff_start_transparent.png);
}

* html #puff #puff_content
{
	background: #546f89;
}

	#puff #puff_content a
	{
		float: right;
		color: #FFFFFF;
	}


/* ####################### */
/* Columns - start page
/* ####################### */

#columns
{
	float: left;
	width: 900px;
	margin: 6px 0px 0px 0px;
}

	/* Minimum height for Firefox */
	#column_1, #column_2, #column_3{
	min-height: 224px; 
	height: auto;
	}
	/* Minimum height for IE */
	/*\*/
	* html #column_1, * html #column_2, * html #column_3 {
	height: 224px;
	}
	/**/

	#column_1, #column_2, #column_3
	{
		float: left;
		color: #414141;
		position: relative;
		background: #ececec;
		font-size: 0.95em;
		line-height: 1.3em;
	}
	
		#column_1 a, #column_2 a, #column_3 a
		{
			color: #414141;
		}
	
	#column_1
	{
		width: 262px;
		margin: 0px 6px 0px 0px;
		padding: 10px 17px 0px 17px;
	}
	
		#column_1 h3
		{
			font-size: 1.8em;
			line-height: 1.2em;
			margin: 0px 0px 20px 0px;
		}
		
		#column_1 div
		{
			float: left;
			width: 262px;
			display: inline;
		}
		
		#column_1 a
		{
			float: left;
			display: inline-block;
			margin: 0px 0px 8px 0px;
		}
	
	#column_2
	{
		width: 276px;
		margin: 0px 6px 0px 0px;
		padding: 10px 10px 0px 10px;
	}
	
		#column_2 h3
		{
			font-size: 1.8em;
			line-height: 1.2em;
			margin: 9px 0px 10px 14px;
		}
		
		#column_2 p
		{
			margin: 0px 0px 0px 14px;
		}
	
	#column_3
	{
		width: 276px;
		margin: 0px 0px 0px 0px;
		padding: 10px 10px 0px 10px;
		margin: 0px 0px 0px 0px;
		background: #ececec url(graphics/backgrounds/bg_column_about.jpg) no-repeat top left;
	}
	
		#column_3 h3
		{
			font-size: 1.8em;
			line-height: 1.2em;
			margin: 0px 0px 10px 0px;
			text-align: center;
		}
		
			#column_3 p
			{
				margin: 0px 0px 0px 125px;
			}
		
		
		#column_1 a.read_more
		{
			right: 10px;
			bottom: 4px;
			position: absolute;
		}
		
		#column_2 a.read_more, #column_3 a.read_more
		{
			right: 10px;
			bottom: 12px;
			position: absolute;
		}


/* ####################### */
/* News
/* ####################### */

#news
{
	float: left;
}

	#news .date
	{
		margin: 0px 0px 3px 0px;
	}
	
	#news h2
	{
		margin: 0px 0px 10px 0px;
		font-size: 1em;
	}


/* ####################### */
/* Gallery
/* ####################### */

#main .sf_photoListLightbox
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
}

	#main .sf_photoListLightbox ul
	{
		width: 100%;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
	}

	#main .sf_photoListLightbox li
	{
		padding: 0px 0px 0px 0px;
		margin: 0px 25px 0px 0px;
		height: 160px;
	}
	
		#main .sf_photoListLightbox li dl
		{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
	
		#main .sf_photoListLightbox li dt
		{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			height: inherit;
		}
	
		#main .sf_photoListLightbox li dd
		{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
		
		#main .sf_photoListLightbox li .sf_image
		{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			height: 112px; 
		}