.style1 {
	color: #000000;
	font-family: "Lucida Sans Unicode";
}
.style2 {
	color: #000000;
	text-align: center;
	font-family: "Lucida Sans Unicode";
	
}
 .iletisim {
 background: url(pic/iletisim.png) top left no-repeat;
 text-align:right;
 color:black;
 }
 .arrow{
 background-color:white;
 width: 200px;
 margin: 0 auto;
}
.arrowlistmenu{
width: 180px; /*width of menu*/
margin: 0 auto;
}

.arrowlistmenu .headerbar{
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
font-size: 15px;
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
background-color:white
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #000000;
background: url(images/h2.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #dadada;
font-size: 90%;
}


.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-image:url('images/h44.gif')
}

#fragment-1{
    width: 585px;
    height: 525px;
    text-align:right;
}
#fragment-2{
    width: 585px;
    height: 525px;
    text-align:center;
}
#fragment-3{
    width: 585px;
    height: 525px;
}
#fragment-4{
    width: 585px;
    height: 525px;
    text-align:center;
}
#fragment-5{
    width: 585px;
    height: 525px;
    text-align:center;
}
#fragment-6{
    width: 585px;
    height: 525px;
}