/* 
Title: Vertical CSS menu with a behavior file.
Author: Stefan Vervoort
Blog: http://www.divitodesign.com/blog/ 
Article: http://www.divitodesign.com/blog/2008/01/vertical-css-menu-with-a-behavior-file/
*/
.haberlist { font-family:Tahoma, Geneva, sans-serif; font-size:10px; padding-left:10px; color:#000; text-decoration:none; text-align:left;}
.haberlist a, a:visited, a:link { font-family:Tahoma, Geneva, sans-serif; font-size:10px; color:#000;}
.haberlist a:hover { font-family:Tahoma, Geneva, sans-serif; font-size:10px; color:#000; text-decoration:underline;}

body {
	behavior: url(csshover.htc);
}
 
a {
	color: #000;
	text-decoration: none;
}

ul#solmenu {
	list-style: none;
	margin: 0;
	padding-left:10px;
	width:145px;
}

ul#solmenu li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:inherit;
	list-style-type:none;
	background-image:url(../images/buton2.jpg);
	background-repeat:no-repeat;
	border-bottom:1px solid #fff;
	position: relative;
	float:left;
	width:145px;height:24px;
		
	
	}

ul#solmenu li a{
	display:block;
	padding-left:20px;
	vertical-align:middle;
	padding-top:5px;
	}

ul#solmenu li a:hover {
	padding-top:5px;
	color: #a00;
	background-image:url(../images/buton1.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:145px;
	height:24px;
}


ul#solmenu li ul li{
	background-image:url(../images/buton2u.jpg);
	background-repeat:no-repeat;
	width:220px;
	height:24px;
	
	}



ul#solmenu li ul li a:hover {
	background-image:url(../images/buton1u.jpg);
	background-repeat:no-repeat;
	border-left:1px solid #fff;
	width:220px;
}

ul#solmenu ul {
	position: absolute;
	top: 0;
	display:none;
}
/* 2. Seviye menu göster */
ul#solmenu li:hover ul{
	display: block;
	left:135px;
	
}

/* 2. Seviye menu göster gösterme */
ul#solmenu li:hover ul li ul{
	display:none;
	left:125px;
}


ul#solmenu li ul li:hover ul{
	display:block;
	left:210px;
}
/* 3. Seviye menu göster gösterme */
ul#solmenu li ul li:hover ul li ul{
	display:none;
	left:155px;

}

ul#solmenu li ul li ul li:hover ul{
	display:none; /* 4. seviyeyi göstermek için block yap */
	left:155px;
}

/* 4. Seviye menu gösterme */
ul#solmenu li ul li ul li:hover ul li ul{
	display:none;
	left:155px;

}