.bgImage /*tüm yayılan arkaplanlar için*/
{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.arrowbutton
{
	margin: 10px;
	cursor: pointer;
}

#HPline1
{
	clear: both;
	overflow: hidden;
	height: 649px;
	position: relative;
	/*margin-top: 90px;*/
}

	#ImageSlider
	{
		width: 100%;
		height: 649px;
		position: absolute;
		left: 0px;
		top: 0px;
	}

		#Slider1_override
		{
			position: absolute;
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%;
			margin-left: auto;
			margin-right: auto;
		}

		#Slider1_OverrideTable
		{
			width: auto;
			height: 100%;
			margin-left: auto;
			margin-right: auto;
		}

			.Slider1_MiddleCell
			{
				width: 980px;
				vertical-align: bottom;
				/*padding-bottom: 20px;*/
			}

				#Slider1_Title
				{
					clear: both;
					padding-bottom: 40px;
					padding-left: 10px;
					display: block;
				}

					#Slider1_Title span
					{
						background-color: #00498f;
						padding: 5px;
						color: #ffffff;
						font-size: 16pt;
						display: inline-block;
					}

				#Slider1_Spot
				{
					clear: both;
					padding-left: 10px;
					padding-bottom: 30px;
					display: none;
				}

					#Slider1_Spot span
					{
						background-color: #ffffff;
						padding: 5px;
						color: #a3a3a3;
						font-size: 14pt;
						display: inline-block;
					}


.rigToolbar /* RadImageSlider'ın toolbarı için  - rig_RadImageGallery.ToolbarSettings.Position = ImageGalleryToolbarPosition.None ile de kapatılabiliyor*/
{
	display: none;
}

#HPline2
{
	clear: both;
	overflow: hidden;
	/*height: 581px;*/
	/*position: relative;*/
}

	#HPline2_top
	{
		clear: both;
		padding: 20px 10px 20px 10px;
		max-width: 960px;
		color: black;
		font-size: 18pt;
		margin-left: auto;
		margin-right: auto;
		font-weight: bold;
	}

	#HPline2_bottom
	{
		clear: both;
		padding: 0 0 20px 0;
		max-width: 980px;
		margin-left: auto;
		margin-right: auto;
	}

		#HPline2_bottom_inside_new
		{
			width: 100%;
			display: table;
		}

			.contentlistlink
			{
				display: table-cell;
				padding: 10px;
				/*width: 50%;*/

			}

				.contentlistlink a
				{
					display: block;
				}

					.contentlistlink a:hover .titlewrapper
					{
						color: #454545 !important;
						text-decoration: underline !important;
					}

					.imagewrapper
					{
						width: 240px;
						min-height: 220px;
						float: left;
						margin-right: 20px;
						text-align: center;
					}

						.imagewrapper img
						{
							width: 100%;
							box-shadow: 0 0 5px #454545;
							height: auto;
						}

					.titlewrapper
					{
						margin: 0 0 5px 0;
						padding: 0;
						/*clear: both;*/
					}

					.prefixwrapper
					{
						color: #454545;
						font-weight: bold;
					}

						.prefixwrapper:after
						{
							color: #454545;
							content: ' - ';
						}

					.timewrapper
					{
						/*margin: 0 0 5px 0;*/
						color: #454545;
						/*opacity: .5;*/
						/*clear: both;*/
						font-weight: bold;
					}

					.spotwrapper
					{
						margin: 5px 0 0 0;
						color: #454545;
						/*clear: both;*/
					}

						/*.spotwrapper:after
						{
							margin: 5px 0 0 0;
							font-weight: bold;
							content: 'Ayrıntılar »';
							display: block;
						}*/

		#HPline2_bottom_inside
		{
			display: table;
			width: 100%;
		}

			#HPline2_bottom_inside_left
			{
				display: table-cell;
				padding: 40px 15px 0 10px;
				vertical-align: top;
			}

				#HPline2_bottom_inside_left img
				{
					width: 100%;
					height: auto;
					box-shadow: 0 0 10px black;
				}

			#HPline2_bottom_inside_right
			{
				width: 500px;
				display: table-cell;
				vertical-align: top;
				padding-right: 5px;
				padding-left: 5px;
			}

				#HPline2_bottom_inside_right_slider_top
				{
					width: 100%;
					clear: both;
					height: 35px;
					text-align: right;
				}

					#HPline2_bottom_inside_right_slider_top img
					{
						width: 26px;
						height: 26px;
						margin-right: 10px;
						cursor: pointer;
					}

				#HPline2_bottom_inside_right_slider
				{
					width: 100%;
					clear: both;
					height: 340px;
				}

				#HPline2_bottom_inside_right_slider_bottom
				{
					width: 100%;
					clear: both;
					height: 26px;
					padding-top: 9px;
					text-align: right;
				}

					#HPline2_bottom_inside_right_slider_bottom img
					{
						width: 26px;
						height: 26px;
						margin-right: 10px;
						cursor: pointer;
					}


				#Slider2
				{

				}

		/* slider itemleri %50 genişlikli ve 170px yükseklikli divler, içlerinde 5 piksel marginli otomatik genişlikli 160px yükseklikli divler taşırlar.*/

					#Slider2 .itemcontainer
					{
						width: 50%;
						display: inline-block;
						height: 170px;
					}

						#Slider2 .itemcontainer .itembox
						{
							width: auto;
							display: block;
							height: 160px;
							margin: 5px;
						}


#HPline3
{
	clear: both;
	overflow: hidden;
	padding-top: 60px;
	/*height: 514px;*/
	background-image: url(/images/content/hp3bg-cont.jpg);
	background-position: center center;
	background-repeat: repeat-x;
	background-size: auto 100%;
	padding-bottom: 40px;
	/*position: relative;*/
}

	#HPline3_inner
	{
		max-width: 970px;
		text-align: center;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 5px;
		padding-right: 5px;
		display: table; /* yeterince daralınca block*/
		height: 100%;
	}

		.HPline3item
		{
			display: table-cell; /* yeterince daralınca inline-block*/
			padding: 0 5px 20px 5px;
			overflow: hidden;
			width: 50%;
			/*height: 454px;*/
			/*width: 313px;*/
		}

			.HPline3item_title
			{
				color: white;
				font-size: 18pt;
				font-weight: bold;
				text-shadow: 1px 1px 2px black;
				clear: both;
				margin-bottom: 20px;
				text-align: center;
			}

			.HPline3item_picturesection
			{
				position: relative;
				overflow: hidden;
				height: 170px;
				width: 100%;
			}

				.HPline3item_picturesection_bg
				{
					position: absolute;
					width: 100%;
					top: 50%;
					height: 50%;
					left: 0;
					border-radius: 5px 5px 0 0;
					border-width: 0;
				}

				.HPline3item_picturesection_img
				{
					position: absolute;
					width: 100%;
					top: 0;
					height: 100%;
					left: 0;
					text-align: center;
				}

					.HPline3item_picturesection_img img
					{
						width: 85%;
						margin: 5px;
						height: auto;
						box-shadow: 0 0 10px black;
					}

			.HPline3item_textsection
			{
				border-radius: 0 0 5px 5px;
				text-align: left;
				padding: 20px;
				color: white;
				text-shadow: 1px 1px 2px black;
				font-size: 10pt;
				border-width: 0;
			}

			.HPline3item_color1
			{
				background-color: rgba(93,151,42,0.4);
				border-color: rgba(93,151,42,0.4);
			}

			.HPline3item_color2
			{
				background-color: rgba(26,157,247,0.5);
				border-color: rgba(26,157,247,0.5);
			}

			.HPline3item_color3
			{
				background-color: rgba(255,255,255,0.2);
				border-color: rgba(255,255,255,0.2);
			}

	#HPline3_inner_alt
	{
		max-width: 970px;
		text-align: center;
		/*width: 100%;*/
		margin-left: auto;
		margin-right: auto;
		padding-left: 5px;
		padding-right: 5px;
		display: table; /* yeterince daralınca block*/
		height: 100%;

	}

		.HPline3altitem
		{
			display: table-cell; /* yeterince daralınca inline-block*/
			padding: 0 5px 20px 5px;
			overflow: hidden;
			width: 50%;
			/*height: 454px;*/
			/*width: 313px;*/
		}

			.HPline3altitem_title
			{
				color: white;
				font-size: 18pt;
				font-weight: bold;
				text-shadow: 1px 1px 2px black;
				clear: both;
				height: 50px;
				text-align: center;
			}

			.HPline3altitem_bg
			{
				margin-top: 80px;
				border-radius: 5px;
				text-align: left;
				padding: 20px;
				color: white;
				text-shadow: 1px 1px 2px black;
				font-size: 10pt;
			}

				.HPline3altitem_bg img
				{
					clear: both;
					width: 100%;
					margin: -80px auto 20px auto;
					height: auto;
					box-shadow: 0 0 10px black;
				}

				.HPline3altitem_bg a
				{
					text-align: center;
					clear: both;
					margin-top: 20px;
					display: block;
					font-size: 9pt;
					color: white;
				}

					.HPline3altitem_bg a:hover
					{
						color: black;
						text-shadow: 1px 1px 2px beige;
					}


#HPline4
{
	clear: both;
	overflow: hidden;
	/*height: 602px;*/
	/*position: relative;*/
}

	#HPline4_inner
	{
		max-width: 980px;
		padding-top: 40px;
		display: table;
		color: white;
		margin-left: auto;
		margin-right: auto;
		/*height: 100%;*/
		padding-bottom: 20px;
	}

		.HPline4_box
		{
			padding: 0 10px 20px 10px;
			display: table-cell;
		}

			.HPline4_box_img
			{
				clear: both;
				margin-bottom: 6px;
			}

			.HPline4_box_title
			{
				font-size: 16pt;
				font-weight: bold;
				margin-bottom: 6px;
				clear: both;
				text-shadow: 1px 1px 2px black;
			}

			.HPline4_box_text
			{
				clear: both;
				min-height: 80px;
			}

			.HPline4_box_slider_outer
			{
				clear: both;
				background-color: rgba(0,0,0,.6);
				display: table;
				width: 100%;
			}

				.HPline4_box_slider
				{
					display: table-cell;
					padding: 20px;
					height: 260px;
				}

				.HPline4_box_sliderarrows
				{
					display: table-cell;
					width: 26px;
					padding: 10px;
					height: 260px;
				}

					.HPline4_box_sliderarrows_inner
					{
						display: table;
						width: 26px;
						height: 100%;
					}

						.HPline4_box_sliderarrows_inner_up_row
						{
							display: table-row;
						}

							.HPline4_box_sliderarrows_inner_up
							{
								display: table-cell;
								vertical-align: top;
								height: 50%;
							}

						.HPline4_box_sliderarrows_inner_down_row
						{
							display: table-row;
						}

							.HPline4_box_sliderarrows_inner_down
							{
								display: table-cell;
								vertical-align: bottom;
								height: 50%;
							}

#HPline5
{
	clear: both;
	overflow: hidden;
	height: 581px;
	/*position: relative;*/
}

@media screen and (max-width: 1254px)
{
	.bgImage
	{
		background-size: auto 100%;
	}
}

@media screen and (max-width: 980px)
{
	.Slider1_MiddleCell
	{
		width: 100%;
	}
}

@media screen and (max-width: 800px)
{
	#HPline4_inner
	{
		display: block;
	}

		.HPline4_box
		{
			display: block;
		}
}

@media screen and (max-width: 640px)
{
	#HPline3
	{
		background-image: none;
		background-color: #2d2e2c;
	}

	#HPline3_inner_alt
	{
		display: block;
	}

		.HPline3altitem
		{
			display: block;
			clear: both;
			width: 100%;
		}

			.HPline3altitem_title
			{
				height: 30px;
			}

		#HPline2_bottom_inside_new
		{
			display: block;
		}

			.contentlistlink
			{
				display: block;
				clear: both;
				width: auto;
			}

}