@charset "utf-8";
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	color:#959595;
	font:normal 12px/1.8em Arial, Helvetica, sans-serif; color:#6a6a6a;
	background: url("../images/bg.png") repeat;
    background-color:#ffffff;
}
html {
	padding:0;
	margin:0;
}
#altbox{ 
    width:900px; 
    margin:auto; 
} 
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}
.kutucuk {
	width:200px;
	height:200px;
}

.kutucuk1 {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #dedede;
}
/*  ------------------- Navigation  ------------------- */
    
	#nav ul { margin:0; padding:0; float:left; width:auto;}
        #nav li { display: inline; }
            #nav a { display: inline-block; width: 123px; height: 32px; margin: 0px 20px 0 10px; background: url("../images/nav-element.png") top center no-repeat;
			color: #ffffff; font: 15px/28px "Myriad Pro", sans-serif; 	text-decoration:none; text-align:center;
			 }
            #nav a:hover { display: inline-block; width: 123px; height: 32px; margin: 0px 20px 0 10px; background: url("../images/nav-element-back.png") top center no-repeat;
			color: #ffffff; font: 15px/28px "Myriad Pro", sans-serif; 	text-decoration:none; text-align:center;
			 }
/*  ------------------- Navigation  ------------------- */

.haber-resim {
	width:150px; margin:0 10px 5px 0; float:left; border:1px solid #cccccc; padding:1px; }

.fotograf {
	width:150px; height:100; margin:10px 0 0 0; float:left; border:1px solid #DFDFDF; padding:1px; }
.kurumsal-resim {
	width:250px; margin:0 10px 5px 0; float:left; border:1px solid #f1f1f1; padding:1px; }
	
.album-resim {
	width:300px; height:193px; margin:2 2px 2px 2; float:center; border:1px solid #E4E5E5; padding:1px; background:#FFFFFF; }

.album_detay {font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 12px; }

.album_ismi {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #D00200; font-size: 14px; }

.urun_liste {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #666666; font-size: 12px; text-decoration:none; }

.urun_liste:hover {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #D00200; font-size: 12px; text-decoration:none; }

.index-yazi {
	font:normal 12px/1.8em Arial, Helvetica, sans-serif; color:#666666;
	text-decoration:none;
}
.index-link {
	font:normal 12px/1.8em Arial, Helvetica, sans-serif; color:#666666; font-weight: bold;
	text-decoration:none;
}
.index-link:hover {
	font:normal 12px/1.8em Arial, Helvetica, sans-serif; color:#333333; font-weight: bold;
	text-decoration:none;
}
.ic-yazilar {
	font:normal 12px/1.8em Arial, Helvetica, sans-serif; color:#333333;
	text-decoration:none;
}
.ic-sayfa-baslik {
	font:normal 16px Arial, Helvetica, sans-serif; color:#ffffff;
	text-decoration:none;
	font-weight: bold;
}
.yan-menu-baslik {
	font:normal 12px Arial, Helvetica, sans-serif; color:#ffffff;
	text-decoration:none;
	font-weight: bold;
}

.ic-yazilar-baslik {
	font:normal 14px Arial, Helvetica, sans-serif; color:#333333;
	text-decoration:none;
	font-weight: bold;
}

.fiyat-tl {
	font:normal 11px/1.8em Arial, Helvetica, sans-serif; color:#000000;
	text-decoration:none;
	font-weight: bold;
}

.haber-yazi {
	font:normal 12px/1.8em Arial, Helvetica, sans-serif; color:#928685;
	text-decoration:none;
}
.haber-yazi:hover {
	font:normal 12px/1.8em Arial, Helvetica, sans-serif; color:#AD1A1A;
	text-decoration:none;
}
.haber-yazi-baslik {
	font:normal 12px Arial, Helvetica, sans-serif; color:#333333;
	text-decoration:none;
	font-weight: bold;
}
.haber-yazi-baslik:hover {
	font:normal 12px Arial, Helvetica, sans-serif; color:#FFCB08;
	text-decoration:none;
	font-weight: bold;
}

.altlink {
	font:normal 12px/1.8em Arial, Helvetica, sans-serif; color:#6a6a6a;
	text-decoration:none;
}
.altlink:hover {
	font:normal 12px/1.8em Arial, Helvetica, sans-serif; color:#333333;
}

.link {
	font:normal 12px/1.8em Arial, Helvetica, sans-serif; color:#333333;
	text-decoration:none;
}
.link:hover {
	font:normal 12px/1.8em Arial, Helvetica, sans-serif; color:#F57200;
}


.menuler {
	font:normal 14px Arial, Helvetica, sans-serif; color:#333333;
	text-decoration:none;
	font-weight: bold;
	padding-left:15px;
}
.menuler:hover {
	font:normal 14px Arial, Helvetica, sans-serif; color:#ED1D24;
	text-decoration:none;
    text-shadow: 1px 1px 1px #efefef;
	font-weight: bold;
	padding-left:15px;
}
.yanmenu {
	font:normal 11px/1.8em Arial, Helvetica, sans-serif; color:#6a6a6a;
	font-weight: bold;
	text-decoration:none;
}
.yanmenu:hover {
	font:normal 12px/1.8em Arial, Helvetica, sans-serif; color:#e00909;
	font-weight: bold;

}
.highslide-maincontent {
	display: none;
}
.draggable-header .highslide-maincontent {
	padding-top: 1em;
}
.titlebar .highslide-maincontent {
	padding-top: 1em;
}
.ahmettok {
	font:normal 12px/1.8em Arial, Helvetica, sans-serif; color:#999999;
	font-weight: bold;
	text-decoration:none;

}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid #203157;
background-color:#FFF;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: 400px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 5px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
right:-130px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
a.thumbnail:link {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #252525;
	padding-right: 5px;
	padding-left: 5px;

}
a.thumbnail:visited {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #252525;
	padding-right: 5px;
	padding-left: 5px;

}
a.thumbnail:hover {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #FFCB08;
	padding-right: 5px;
	padding-left: 5px;

}
a.thumbnail:active{
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #666666;
	padding-right: 5px;
	padding-left: 5px;

}

div.flashcard {
	margin: 0 0 5px 0;
	padding-bottom:5px;
}

div.flashcard div.question {
	cursor: hand;    
	cursor: pointer;
	background-color:#555555;
	height:25px;
	background-image:url(../images/box_01.png);
	padding:8px 0 0 10px;
	color:#ffffff;
}

div.flashcard div.answer { 
	margin-top:15px;
	display: none;        
}