.vr-1 {
	border: none;
	height: 288px;
	position: relative;
	text-align: left;
	width: 920px;
}

.vr-1-1 {
	border: none;
	height: 18px;
	left: 0px;
	padding: 0px;
	position: absolute;
	text-align: left;
	top: 0px;
	width: 920px;
}

.vr-1-2 {
	background-color:#FFF;
	border: thin solid #CCC;
	height: 250px;
	left: 0px;
	position: absolute;
	text-align: left;
	top: 18px;
	width: 383px;
	padding-top: 10px;
	padding-right: 17px;
	padding-bottom: 10px;
	padding-left: 17px;
	/*box-shadow: 0 1px 8px #CCC;*/
}

.vr-1-3 {
	border: none;
	height: 270px;
	left: 367px;
	line-height: 270px;
	padding: 0px;
	position: absolute;
	top: 18px;
	width: 18px;
}

.vr-1-4 {

	background-color:#FFF;
	border: thin solid #CCC;
	height: 250px;
	left: 435px;
	padding-top: 10px;
	padding-right: 17px;
	padding-bottom: 10px;
	padding-left: 17px;
	position: absolute;
	text-align: left;
	top: 18px;
	width: 435px;
}
.banner{
	margin-top:10px;
top:20px;
}
.klasorbaslik{
	width:100%;
	height:27px;
	padding:5px;
	margin:0px;
	background-color:#F60;
	color:#FFF;
	font-size:18px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #333;
}

.ara{
	
	height:0px;
	}
	
.menu{

	width: 100%; /* The menu should be the entire width of it's surrounding object, in this case the whole page */

	background-color: #333;} /* dark grey bg */



.menu ul{

	margin: 0;

	padding: 0;

	float: left;}



.menu ul li{
	float: left;
	display: inline;} /* Makes the link all appear in one line, rather than on top of each other */



.menu ul li a{

	float: left; 

	text-decoration: none; /* removes the underline from the menu text */

	color: #fff; /* text color of the menu */

	padding: 10.5px 11px; /* 10.5px of padding to the right and left of the link and 11px to the top and bottom */

	background-color: #333;}
.menu ul li span{

	float: left; 

	text-decoration: none; /* removes the underline from the menu text */

	color: #fff; /* text color of the menu */

	padding: 3.5px 4px; /* 10.5px of padding to the right and left of the link and 11px to the top and bottom */

	background-color: #333;}


.menu ul li a:visited{ /* This bit just makes sure the text color doesn't change once you've visited a link */

	color: #fff;

	text-decoration: none;}



.menu ul li a:hover, .menu ul li .current{

	color: #fff;

	background-color:#0b75b2;} /* change the background color of the list item when you hover over it */
}