/*
	RENKLER
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
a { color: #FFF0A5; font-weight: bold; }
body { text-align: center; }
#mopContainer { width: 800px; height: 600px; margin: 20px auto; text-align: left; position:relative; }
#logo { float: left; margin:10px 0;}
#header{width:800px; height:115px; background-color:#666; position:relative; }
#yakinda { background-color: Gray; width: 760px; height: 200px; margin: 20% auto; border: solid 2px #333; }
#container { width: 522px; padding: 5px; margin: 10px auto; text-align: left; position:relative; }
.clear { clear: both; height: 1px; }
.music { position: absolute; left: 10px; bottom: 10px; border: 1px solid #ccc; padding: 3px 0 0 3px; }
.galeri { background: #fff; width: 522px; clear:both;}
.galeri a { color: #f00; font: 11px/28px Verdana; text-decoration: none; }
h1 { background-position: #6699FF; padding: 5px; font: 16px 'Trebuchet MS' , Arial, sans-serif; color: #fff; background: #3366CC; margin: 0 0 3px; }
.pics { height: 385px; width: 510px; padding: 0; margin: 0; background-color: #fff; border: 6px ridge #6699FF; overflow: hidden; }
.pics img { height: 375px; width: 500px; padding: 5px; background-color: #fff; top: 0; left: 0; }
.nav{margin:10px 0;}
.nav a { width: 25px; float: left; margin: 0 1px 1px 0; font: bold 10px Verdana, Arial; text-align: center; line-height: 22px; background: #36c; color: #fff; text-decoration: none; display: block; }
.nav a:hover { background: #999; color: #ff0000; }
.nav a.activeSlide { background: #999; color: #ff0000; }
.nav a:focus { outline: none; }
#mopella { width: 520px; height: 395px; margin: 10px 0; border: 1px solid #ccc; background-color: #fff; overflow: hidden; float: right; }
/*#mopella a { width: 200px; height: 200px; display: block; position: relative; }*/
#mopella img { padding: 10px; }
#kum { width: 260px; margin: 10px 10px 0 0; list-style: none; float: left; }
#kum a { float: left; margin: 0 10px 10px 0; width: 100px; padding: 3px; display: block; border: 1px solid #ccc; }
#kum a.activeSlide { background: #ff0000; }
#kum a:hover { background: #ff0000; }
#kum a:focus { outline: none; }
#kum img { border: none; display: block; }
#iletisim { position: absolute; right:10px; bottom:10px; }
#iletisim a {font:14px 'Trebuchet MS', Arial; display:block;}
#iletisim a:hover {color:#f00; text-decoration:none;}
#fklavyenet { width: 40px; height: 12px; float:right;}
#fklavyenet img { border: none; }