@charset "UTF-8";
/* CSS Document */

body {
	background: #ffffff url(images/zemin_ust.jpg) repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font: .74em Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif; 
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
#main {
	width: 904px;
	margin: 0 auto;
}
.oneColLiqCtrHdr #container {
	width: 100%;  /* this will create a container 80% of the browser width */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#menu {
	height: 80px;
}

#menu .menu {
	float: right; 
	padding: 40px 0 0; 
	margin: 0 0 18px;
}

#menu .menu li {
	font-size: 1.1em; 
	display: inline;
}

#menu .menu li a {
	padding: 30px 15px 0px 0; 
	margin: 0 0 0 30px; 
	color: #ccc; 
	background: #505050 url(images/tab.gif) no-repeat right bottom;
}

#menu .menu li a:hover {
	background: #505050 url(images/tabhover.gif) no-repeat right bottom; 
	color: #FEFFB8;
}
.oneColLiqCtrHdr #header {
	background: #DDDDDD url(images/banner.jpg) no-repeat;
	width: 904px;
	height: 204px;
}

#header .top {
	text-align: right;
	padding-right: 17px;
	color: white;
	padding-top: 87px;
}

#header .bottom {
	text-align: right;
	padding-right: 17px;
	font-size: 10px;
	padding-top: 63px;
}
.bottom a {
	color: #444444;
}
.oneColLiqCtrHdr #mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #f2f2f2;
	margin: 0;
}

#mainContent .left {
	width: 278px;
	float: left;
	clear: left;
	margin: 32px 0 32px 23px;
	padding: 0;
}

#mainContent .left h1 {
	color: #444444;
	font-size: 18px;
}

#mainContent .left p {
	text-align: justify;
	color: #444444;
}

#mainContent .right {
	float: right;
	border-left: 1px solid silver;
	width: 550px;
	padding-left: 16px;
	margin: 32px 20px 32px 16px;
}
#mainContent .right2 {
	float: right;
	width: 856px;
	margin: 32px 20px 32px 23px;
}

#mainContent .author {
	font-size: 10px;
	color: #999999;
}

#mainContent a {
	color: #39798b;
}

#mainContent a:hover {
	
}

#mainContent h1 {
	padding: 0;
	margin: 0;
	color: #444444;
	font-size: 12px;
}

#mainContent .h12 {
	padding: 0;
	margin: 0;
	color: #444444;
	font-size: 18px;
}

#mainContent p {
	text-align: justify;
	color: #444444;
}

.oneColLiqCtrHdr #footer { 
	/*padding: 0 10px;  this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #505050;
	height: 130px;
	margin: 0 auto;
	clear: both;
	float: none;
}

#footer .main {
	width: 900px; height: 130px; margin:0 auto;
}

.oneColLiqCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.main_kapak {
	width: 228px;
	padding-left: 50px;
}

.kapak {
	width: 159px;
	height: 214px;
	background: url(images/kapak_alti.jpg) no-repeat;
	padding: 7px;
}