html, body, .grid-container{
	height: 100%;
	margin: 0;
	background-image: url("images/background.png");
}

.grid-container * { 
 position: relative;
}


.grid-container {
  display: grid;
  grid-template-columns: 520px 380px 180px 210px 120px 180px 330px;
  grid-template-rows: 40px 175px 100px 100px 75px 75px 75px 75px 75px 75px 75px 80px;
}

.ust_bant { grid-area: 1 / 1 / 3 / 8; }

.gun { grid-area: 2 / 1 / 3 / 2; }

.tarih { grid-area: 2 / 2 / 3 / 3; }

.hava_durumu_icon { grid-area: 2 / 6 / 3 / 7; }

.hava_durumu { grid-area: 2 / 7 / 3 / 8; }

.tabelle { grid-area: 3 / 1 / 4 / 2; }

.namaz_vakti_text { grid-area: 4 / 1 / 5 / 2; }

.imsak { grid-area: 5 / 1 / 6 / 2; }

.sabah { grid-area: 6 / 1 / 7 / 2; }

.gunes { grid-area: 7 / 1 / 8 / 2; }

.ogle { grid-area: 8 / 1 / 9 / 2; }

.ikindi { grid-area: 9 / 1 / 10 / 2; }

.aksam { grid-area: 10 / 1 / 11 / 2; }

.yatsi { grid-area: 11 / 1 / 12 / 2; }

.kalan_sure { grid-area: 12 / 1 / 12 / 2; }

.ana_menu { grid-area: 3 / 2 / 12 / 8; }

.alt_bant { grid-area: 12 / 2 / 13 / 8; }

.ic-ust_bant{
	background-image: url("images/header.png");
	background-repeat: no-repeat;
	height: 100%;
}

.ic-alt_bant{
	background-image: url("images/follow_us.png");
	background-repeat: no-repeat;
	height: 100%;
	margin-top: 60px;
	margin-left: 3px;
}

.ic-gun{
	padding-top: 8px;
	margin-right: -25px;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 80px;
	text-align: right;
	color: #fff;
}

.ic-tarih{
	padding-top: 5px;
	padding-left: 60px;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 45px;
	text-align: center;
	color: #fff;
}

.ic-hava_durumu_icon{
	color: #fff;
}

.ic-hava_durumu{
	margin-top: 10px;
	color: #fff;

}

.tg{
	border-collapse:collapse;
	border-spacing:0;
}

.tg td{
	overflow:hidden;
	word-break:normal;
	font-family:Arial, sans-serif;
	font-size:14px;
	padding:10px 5px;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
	word-break:normal;
}

.tg th{
	overflow:hidden;
	word-break:normal;
	font-family:Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	padding:10px 5px;
	border-style:solid;
	border-width:1px;
	overflow:hidden;
	word-break:normal;
}

.tg .tg-glis{
	font-size: 10px;
}

.tg-peaf{
	font-size: 24px;
	padding-top: 5px;
}

.tg-ulvc{
	padding-left: 10px;
	font-family: 'Carrois Gothic', sans-serif;
	font-size: 70px;
	font-weight: 400;

}

.tg .tg-selv{
	padding-left: 30px;
}

.tg .tg-zetn{
	font-family: 'Carrois Gothic', sans-serif;
	font-size: 40px;
	font-weight: 400;
	padding-left: 5px;
}

.tabelle-ic{
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	-webkit-box-shadow: 0px 0px 7px 3px darkgray;
	-moz-box-shadow: 0px 0px 7px 3px darkgray;
	box-shadow: 0px 0px 7px 3px darkgray;
}

.ic-namaz_vakti_text{
	margin-top: 10px;
	font-family: 'Heebo', sans-serif;
	font-size: 35px;
	font-weight: 400;
	text-align: center;
	line-height: 1.2em;
	color: #000;
}

/*.ic-vakit_bant{
	background-image: url("images/vakit_bant.png");
	background-repeat: no-repeat;
	height: 100%;
}
*/

.ic-vakit_bant {
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 0px 3px 3px 0px;
  -webkit-box-shadow: 2px 2px 3px #666666;
  -moz-box-shadow: 2px 2px 3px #666666;
  box-shadow: 2px 2px 3px #666666;
  background: #006364;
  background-image: -webkit-linear-gradient(left, #159b93, #006364);
  background-image: -moz-linear-gradient(left, #159b93, #006364);
  background-image: -ms-linear-gradient(left, #159b93, #006364);
  background-image: -o-linear-gradient(left, #159b93, #006364);
  background-image: linear-gradient(to left, #00939e, #006364);
  text-decoration: none;
}

.ic-vakit_bant:before {
	background: url("images/az-subtle.png") center repeat;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 1.0;
	z-index: 1;
}


.ic-vakit{
	padding-right: 20px;
	font-family: 'Heebo', sans-serif;
	font-weight: 400;
	font-size: 40px;
	text-align: right;
	color: #fff;
	text-shadow: 2px 2px 3px black;
}

.ic-vakit_isim{
	position: absolute;
	padding-left: 35px;
	font-family: 'Heebo', sans-serif;
	font-weight: 400;
	font-size: 40px;
	text-align: left;
	color: #fff;
	text-shadow: 2px 2px 3px black;
}

.ic-ana_menu{
	margin-top: 20px;
	margin-left: 35px;
	margin-right: 30px;
	-webkit-box-shadow: 0px 0px 7px 3px darkgray;
	-moz-box-shadow: 0px 0px 7px 3px darkgray;
	box-shadow: 0px 0px 7px 3px darkgray;
	/*padding: 5px;*/
	background-color: white;
}

.tabelleslide{
	display:none;
}

img{
	
}

#vertikal_linie{
	height: 845px;
	border-right: 3px solid gray;
	margin-top: -80px;
	margin-right: -3px;
}

#horizontal_linie{
	width: 1400px;
	border-top: 3px solid gray;
	margin-top: 582px;
	margin-left: 520px;
}