/* ####################### */
/* Listitems - Posts
/* ####################### */

#listitems,
#related_posts
{
	float: left;
	width: 100%;
}
	
	#listitems .listitem,
	#related_posts .listitem
	{
		float: left;
		width: 350px;
		position: relative;
		background: #FFFFFF;
		padding: 0px 20px 0px 20px;
		margin: 0px 0px 10px 0px;
	}

	#listitems .first,
	#listitems.search .listitem,
	#main.page_archive #listitems .listitem,
	#related_posts .listitem
	{
		width: 100%;
	}
	
	#listitems .listitem_3,
	#listitems .listitem_5,
	#listitems .listitem_7,
	#listitems .listitem_9,
	#listitems .listitem_11,
	#listitems .listitem_13
	{
		float: right;
	}
	
		#listitems .listitem a,
		#related_posts .listitem a
		{
			color: #2e2e2e;
			text-decoration: none;
		}
	
		#listitems .listitem .post_image,
		#listitems .listitem .post_video,
		#related_posts .listitem .post_image,
		#related_posts .listitem .post_video
		{
			float: left;
			width: 350px;
			display: inline;
			margin: 0px -20px 0px -20px;
		}
		
		#listitems .first .post_image,
		#listitems .first .post_video,
		#listitems.search .post_image,
		#listitems.search .post_video,
		#main.page_archive #listitems .post_image,
		#main.page_archive #listitems .post_video
		{
			width: 709px;
		}
		
			#listitems .listitem .post_image img,
			#related_posts .listitem .post_image img
			{
				float: left;
				width: 100%;
				height: auto;
				margin: 0px 0px 0px 0px;
			}
			
		#listitems .listitem .post_video,
		#related_posts .listitem .post_video
		{
			position: relative;
			padding-bottom: 56.25%;
			padding-top: 30px;
			height: 0;
			overflow: hidden;
		}
		
			#listitems .listitem .post_video iframe,
			#listitems .listitem .post_video object,
			#listitems .listitem .post_video embed,
			#related_posts .listitem .post_video iframe,
			#related_posts .listitem .post_video object,
			#related_posts .listitem .post_video embed
			{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
		
		#listitems .listitem h2,
		#related_posts .listitem h2
		{
			float: left;
			width: 100%;
			color: #020e16;
			font-size: 2.025em;
			line-height: 1.125em;
			padding: 0px 0px 0px 0px;
			margin: 14px 0px 10px 0px;
		}
		
			#listitems .listitem h2 a,
			#related_posts .listitem h2 a
			{
				color: #020e16;
			}

			#listitems .listitem .postmetadata a,
			#related_posts .listitem .postmetadata a
			{
				color: #020e16;
			}
			
			#listitems .listitem .postdate,
			#related_posts .listitem .postdate
			{
				float: left;
				width: 100%;
				color: #999999;
			}
			
			#listitems .listitem p,
			#related_posts .listitem p
			{
				float: left;
				width: 100%;
				margin: 0px 0px 73px 0px;
			}
			
				#listitems .listitem p .date,
				#related_posts .listitem p .date
				{
					color: #999999;
				}
			
			#listitems .listitem a.read_more,
			#related_posts .listitem a.read_more
			{
				bottom: 15px;
				right: 20px;
        /*color: #0066cc;*/
        color: rgba(38,34,98,1);
				font-weight: bold;
				position: absolute;
			}

		#listitems .group
		{
			float: right;
			width: 350px;
			position: relative;
			background: #FFFFFF;
			margin: 0px 0px 10px 0px;
		}
		
			#listitems .group h2
			{
				float: left;
				width: 100%;
				text-align: center;
				margin: 34px 0px 30px 0px;
			}
			
			#listitems .group .small_items
			{
				float: left;
				width: 100%;
				margin: 0px 0px 40px 0px;
			}
		
			#listitems .group .small_item
			{
				float: left;
				width: 100%;
				position: relative;
				background: #FFFFFF;
				padding: 0px 0px 7px 0px;
				margin: 0px 0px 7px 0px;
				background: url(../graphics/various/line_dotted_grey.png) repeat-x left bottom;
			}
			
				#listitems .group .small_item .date
				{
					color: #020e16;
					display: inline;
					line-height: 0.87em !important;
					font-size: 0.95em !important;
					font-weight: bold;
				}
			
				#listitems .group .small_item h3
				{
					display: inline;
					line-height: normal;
					font-size: 0.95em !important;
					font-weight: 400;
					line-height: 0.87em !important;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
					text-transform: none;
					font-family: "proxima-nova", sans-serif; 
				}
				
				#listitems .group a.read_more
				{
					
				}


/* ####################### */
/* Listitems - News
/* ####################### */

#listitems.list,
#related_posts.list
{
	float: left;
	width: 100%;
}
	
	#listitems.list .listitem,
	#related_posts.list .listitem
	{
		float: left;
		width: 100%;
		height: auto !important;
		position: relative;
		background: #FFFFFF;
		padding: 10px 20px 10px 20px;
		margin: 0px 0px 10px 0px !important;
	}
	
		#listitems.list .listitem .content_container,
		#related_posts.list .listitem .content_container
		{
			float: left;
			width: 434px;
			position: relative;
		}
		
		#listitems.list .noimage .content_container,
		#related_posts.list .noimage .content_container
		{
			float: left;
			width: 100%;
		}
		
			#listitems.list .listitem p,
			#related_posts.list .listitem p
			{
				float: left;
				width: 100%;
				margin: 0px 0px 25px 0px;
			}
		
			#listitems.list .listitem .content_container .read_more,
			#related_posts.list .listitem .content_container .read_more
			{
				float: left;
				right: auto;
				left: auto;
				position: relative !important;
			}
		
		#listitems.list .listitem .image,
		#related_posts.list .listitem .image
		{
			float: right;
			width: auto;
			margin-top: 20px;
		}
		
			#listitems.list .listitem .image img,
			#related_posts.list .listitem .image img
			{
				float: left;
				margin: 0px 0px 0px 0px;
			}


/* ############################################## */
/* Listitems - Date navi
/* ############################################## */
	
#date_paging_container
{
	float: left;
	width: 100%;
	padding: 0px 20px 20px 20px;
	margin: -10px 0px 10px 0px;
	background: #FFFFFF;
}

	#date_paging_container #paging_year,
	#date_paging_container #paging_month
	{
		float: left;
		width: 100%;
	}
	
	#date_paging_container #paging_year
	{
		margin: 0px 0px 5px 0px;
	}
	
		#date_paging_container #paging_year ul,
		#date_paging_container #paging_month ul
		{
			float: left;
			width: 100%;
			list-style: none;
			background: none;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
		
			#date_paging_container #paging_year ul li,
			#date_paging_container #paging_month ul li
			{
				float: left;
				width: auto;
				display: inline;
				margin: 0px 5px 0px 0px;
				padding: 0px 0px 0px 0px;
			}
			
				#date_paging_container #paging_year ul li a,
				#date_paging_container #paging_month ul li a
				{
					color: #000000;
					text-decoration: underline;
				}
				
					#date_paging_container #paging_year ul li a.selected,
					#date_paging_container #paging_month ul li a.selected
					{
						text-decoration: none;
					}
					

/* ####################### */
/* Single Post
/* ####################### */

#main.single_post #single_content,
#main.single_page #single_content
{
	
}

	#main.single_post .post_image,
	#main.single_post .post_video,
	#main.single_page .post_image,
	#main.single_page .post_video
	{
		float: left;
		width: 709px;
		margin: 0px -20px 0px -20px;
		margin-bottom: 0px;
	}
	
	#main.single_page .post_image,
	#main.single_page .post_video
	{
		margin-bottom: 35px;
	}
	
		#main.single_post .post_image img,
		#main.single_page .post_image img
		{
			float: left;
			width: 100%;
			height: auto;
			margin: 0px 0px 0px 0px;
		}
	
	#main.single_post .post_video,
	#main.single_page .post_video
	{
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	
	#main.single_post .post_video iframe,
	#main.single_post .post_video object,
	#main.single_post .post_video embed,
	#main.single_page .post_video iframe,
	#main.single_page .post_video object,
	#main.single_page .post_video embed
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	#main .youtube_container
	{
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
		margin: 0px 0px 14px 0px;
	}

	#main .youtube_container iframe,
	#main .youtube_container object,
	#main .youtube_container embed
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	#main.single_post h1,
	#main.single_page h1
	{
		margin: 32px 0px 6px 0px;
	}
	
		#main.single_post .postmetadata
		{
			float: left;
			width: 100%;
			color: #999999;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 13px 0px;
		}
		
			#main.single_post .postmetadata .date,
			#main.single_post .postmetadata .categories
			{
				float: left;
				width: auto;
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
			}
			
			#main.single_post .postmetadata .date
			{
				margin: 0px 4px 0px 0px;
			}
			
			#main.single_post .postmetadata a
			{
				
			}
			
	#main.single_post .tags
	{
		float: left;
		width: 100%;
		padding: 0px 0px 20px 0px;
		margin: 0px 0px 0px 0px;
	}
	
		#main.single_post .tags a
		{
      /*color: #0066cc;*/
      color: rgba(38,34,98,1);
			font-weight: bold;
		}


/* ############################### */
/* Main Search
/* ############################### */

#main #main_search_container
{
	float: left;
	width: 100%;
	background: #FFFFFF;
	padding: 14px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
}

	#main #main_search_container h1
	{
		font-size: 1.825em;
		margin: 0px 10px 8px 10px;
	}

	#main #main_searchform
	{
		float: left;
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 10px 15px 10px;
		background: url(../graphics/various/line_dotted_grey.png) repeat-x left bottom;
	}

		#main #main_searchform #s
		{
			float: left;
			width: 80%;
			width: -moz-calc(100% - 60px) !important;
			width: -webkit-calc(100% - 60px) !important;
			width: calc(100% - 60px) !important;
			max-width: 300px;
			height: 34px;
			line-height: 34px;
			font-size: 1em;
			position: relative;
			margin: 0px 10px 0px 0px;
			padding: 0px 7px 0px 13px;
			background: #FFFFFF;
			border: none;
			color: #020e16;
			text-align: left;
			border-bottom: 1px solid #D7CFCF;
			border-right: 1px solid #D7CFCF;
			-moz-box-shadow: inset 2px 3px 3px -3px #333333;
			-webkit-box-shadow: inset 2px 3px 3px -3px #333333;
			box-shadow: inset 2px 3px 3px -3px #333333;
			font-family: "proxima-nova", sans-serif; 
		}
		
		#main #main_searchform a
		{
			float: left;
			width: 50px;
			height: 34px;
			cursor: pointer;
			line-height: 34px;
			text-indent: -9999px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			text-transform: uppercase;
			background: #0e76bc url(../graphics/icons/network_navi_search.png) no-repeat center center;
		}
		
			#main #main_searchform a:hover
			{
				/*background: url(../graphics/icons/ico_magnify_white.png) no-repeat center center;*/
			}
		
	#main #main_search .search_results_info
	{
		float: left;
		width: 100%;
		background: #FFFFFF;
		color: #999999;
		text-transform: uppercase;
		padding: 11px 20px 20px 20px;
		margin: 0px 0px 10px 0px;
	}


/* ############################### */
/* List Contacts
/* ############################### */

#main .list_contacts
{
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

	#main .list_contacts .listitem
	{
		float: left;
		width: 31.33%;
		padding: 0px 0px 0px 0px;
		margin: 0px 2% 20px 0px;
		padding: 0px 10px 0px 0px;
	}
	
	#main .list_contacts .rowitem
	{
		float: left;
		height: auto !important;
		width: 100% !important;
		padding: 0px 0px 0px 0px !important;
	}
	
		#main .list_contacts .listitem h2
		{
			float: left;
			width: 100%;
			line-height: 1.125em;
			font-size: 1.725em;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px !important;
		}
		
		#main .list_contacts .listitem h3
		{
			float: left;
			width: 100%;
			font-size: 1.225em;
			line-height: 1.225em;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px !important;
		}
		
			#main .list_contacts .listitem h3 a
			{
				color: #000000;
			}
		
		#main .list_contacts .listitem div
		{
			float: left;
			width: 100%;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
		}
		
		#main .list_contacts .rowitem h2,
		#main .list_contacts .rowitem h3,
		#main .list_contacts .rowitem div
		{
			width: 433px;
		}
		
		#main .list_contacts .listitem div.contact_image
		{
			margin: 0px 0px 6px 0px;
		}
		
		#framework #main .list_contacts .rowitem div.contact_image
		{
			float: right;
			width: auto !important;
			padding-top: 6px !important;
		}
		
			#main .list_contacts .listitem div.contact_image img
			{
				float: left;
				width: 216px;
				height: auto;
				margin: 0px 0px 0px 0px;
			}
		
		#main .list_contacts .listitem div.contact_role
		{
			color: #999999;
			font-weight: 400;
			font-size: 1.225em;
			line-height: 1.225em;
			text-transform: uppercase;
			font-family: "proxima-nova-extra-condensed", sans-serif; 
		}
		
		#main .list_contacts .listitem div.contact_tel,
		#main .list_contacts .listitem div.contact_mobile,
		#main .list_contacts .listitem div.contact_email
		{
			float: left;
			width: 100%;
			padding: 0px 0px 0px 20px;
			margin: 0px 0px 0px 0px;
		}
		
		#main .list_contacts .listitem div.contact_tel
		{
			background: url(../graphics/icons/ico_phone.png) no-repeat 2px 4px;
		}
		
		#main .list_contacts .listitem div.contact_mobile
		{
			background: url(../graphics/icons/ico_mobile.png) no-repeat 4px 3px;
		}
		
		#main .list_contacts .listitem div.contact_email
		{
			padding: 0px 0px 0px 0px;
		}
		
			#main .list_contacts .listitem div.contact_email a
			{
				float: left;
				padding: 0px 0px 0px 20px;
				background: url(../graphics/icons/ico_mail.png) no-repeat left 5px;
			}