#logoimg {position: absolute; left: 100px; top:50px;}
.menu {position: relative; width: 45%;   padding-bottom: 0px; padding-bottom: 25px; margin-bottom: 20px; overflow: hidden; top: 50px; left: 700px;}
	.menu ul li {float: left; list-style-type: none; }
	.menu ul li a {font-size: 15px; color: #0f71b9; margin-right: 20px; padding: 5px; text-transform: uppercase; font-family: 'Raleway', sans-serif; font-weight:400; text-decoration: none;}
	.menu ul li a:hover {text-decoration: underline;}

#detay-button {position: absolute; width: 220px; height: 35px; background: #0f71b9; left: 950px; top: 200px;}
#detay-button:hover {background: #005593}

	.detay-text {position: relative; width: 180px; height: 30px; bottom: 8px; right: 15px;}
	.detay-text ul li {float: left; list-style-type: none; }
	.detay-text ul li a {font-size: 18px; color: white; margin-right: 20px; padding: 0px;  text-decoration: none;}
	.detay-text ul li a:hover {text-decoration: underline;}

#social-button {position: absolute; padding: 10px; float: left; bottom: 0%; left: 40%}

#ispartakule-bg {position: absolute; padding: 10px; float: left; top: 116%; left: 0%; width: 50%; height: 50%; background:  #3b5998 }
	.Ispartakule {position: relative; width: 180px; height: 30px; top: 75px; left: 40px;}
	.Ispartakule ul li {float: left; list-style-type: none;}
	.Ispartakule ul li a {font-size: 15px; color: white; margin-right: 20px; padding: 0px;  text-decoration: none; font-size: 90px;}
	.Ispartakule ul li a:hover {color: #3263cb}

#projeler-bg {position: absolute; padding: 10px; float: left; top: 116%; right: 0%; width: 50%; height: 50%; background:  #55acee }

	.projeler {position: relative; width: 180px; height: 30px; top: 75px; left: 150px;}
	.projeler ul li {float: left; list-style-type: none;}
	.projeler ul li a {font-size: 15px; color: white; margin-right: 20px; padding: 0px;  text-decoration: none; font-size: 90px;}
	.projeler ul li a:hover {color: #72c0fb}

#haber-bg {position: absolute; padding: 10px; float: left; top: 169%; right: 0%; width: 50%; height: 50%; background:  #6a453b }

	.haber {position: relative; width: 180px; height: 30px; top: 75px; left: 150px;}
	.haber ul li {float: left; list-style-type: none;}
	.haber ul li a {font-size: 15px; color: white; margin-right: 20px; padding: 0px;  text-decoration: none; font-size: 90px;}
	.haber ul li a:hover {color: #78584f}

#ticari-bg {position: absolute; padding: 10px; float: left; top: 169%; left: 0%; width: 47.1%; height: 50%; background:  #dc4e41 }

	.ticari {position: relative; width: 180px; height: 30px; top: 75px; left: 150px;}
	.ticari ul li {float: left; list-style-type: none;}
	.ticari ul li a {font-size: 15px; color: white; margin-right: 20px; padding: 0px;  text-decoration: none; font-size: 90px;}
	.ticari ul li a:hover {color: #f56d61}

.icerik {position: relative; }
.icerik ul li {list-style-type: none; float: left; }

#footer-bg {position: relative; width: 100%; height: 10%; background: #47484b}