body { margin: 0; padding: 0; text-align: center; background: url(    '../images/bodyb2.jpg' ) no-repeat left bottom; background-color: #996600; }
#container { text-align: left; width: 800px; height: 700px; position: relative; margin: 0 auto;}
#header { margin: 0; padding: 0; width: 800px; height: 150px; background: #888 url('../images/logobg.jpg' ) no-repeat top left; }
.baslik { margin: 10px; }
#center { margin: 0; padding: 0; width: 800px; height: 500px; background-color: #FFFFCC; }
#footer { margin: 0; padding: 0; width: 800px; height: 80px; background: #888800 url('../images/footerbg.jpg' ) no-repeat left top; position:relative;}
#footer p { color: #fff; font: 11px/20px verdana, sans-serif; text-align: center; margin: 0; }
#nav ul { padding: 0 0 5px 0; margin: 0; list-style: none; font: 10px verdana, sans-serif; border: 1px solid #000; border-color: #eca #b97 #a86 #edb; border-width: 1px 2px 2px 0px; background: #fff; /*url('../images/logobg.jpg') no-repeat top left;*/ position: relative; z-index: 200; }
#nav { padding: 0; margin: 0; list-style: none; font: 10px verdana, sans-serif; background: #888800; position: absolute; z-index: 200; height: 25px; top: 125px; left: 0; }

#nav li { float: left; }
#nav li li { float: none; background: #fff; }
/* a hack for IE5.x and IE6 */
* html #nav li li { float: left; }

#nav li a { display: block; float: left; color: #ffffff; margin: 0 25px 0 10px; height: 25px; line-height: 25px; text-decoration: none; white-space: nowrap; }
#nav li li a { height: 20px; line-height: 20px; float: none; }

#nav li:hover { position: relative; z-index: 300; }
#nav li:hover ul { left: 0; top: 22px; }
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul { left: 10px; }

#nav ul { position: absolute; left: -9999px; top: -9999px; }
/* yet another hack for IE5.x and IE6 */
* html #nav ul { width: 1px; }

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul { left: -15px; margin-left: 100%; top: -1px; }
/* keep further levels hidden */
#nav li:hover > ul ul { position: absolute; left: -9999px; top: -9999px; width: auto; }
/* show path followed */
#nav li:hover > a { text-decoration: underline; color: #66FF33; }


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul { left: -15px; margin-left: 100%; top: -1px; }

/* keep further levels hidden */
#nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul { position: absolute; left: -9999px; top: -9999px; }

/* show path followed */
#nav li:hover a, #nav li:hover li:hover a, #nav li:hover li:hover li:hover a, #nav li:hover li:hover li:hover li:hover a, #nav li:hover li:hover li:hover li:hover li:hover a, #nav li:hover li:hover li:hover li:hover li:hover li:hover a { text-decoration: underline;}

/* hide futher possible paths */
#nav li:hover li a, #nav li:hover li:hover li a, #nav li:hover li:hover li:hover li a, #nav li:hover li:hover li:hover li:hover li a, #nav li:hover li:hover li:hover li:hover li:hover li a { text-decoration: none; color: #888; }
#iletisim { width: 366px; text-decoration: none; margin: 10px; font: 11px/14px Verdana, sans-serif; float: left; }

#iletisim a { color: #996600; text-decoration: none; }
#iletisim a:hover { color: #272525; text-decoration: none; }
#iletisim h2 { font: 16px/32px verdana, sans-serif; color: #ccff00; background-color: #888888; padding: 0 10px; }
#iletisim h3 { font: 16px/32px verdana, sans-serif; color: #ccff00; background-color: #888888; padding: 0 10px; }
#iletisim2 { width: 366px; text-decoration: none; margin: 10px; font: 11px/14px Verdana, sans-serif; float: left; }

#iletisim2 a { width: 140px; height: 20px; color: #ccff00; line-height: 20px; text-decoration: underline; font: 12px/32px Verdana, sans-serif; background-color: #888888; }
#iletisim2 a:hover { color: #272525; text-decoration: none; }
#iletisim2 h2 { font: 16px/32px verdana, sans-serif; color: #ccff00; background-color: #888888; padding: 0 10px; }
#iletisim2 h3 { font: 16px/32px verdana, sans-serif; color: #ccff00; background-color: #888888; padding: 0 10px; }
label.error{color:#fff; font:10px arial, sans-serif; display:block;}
#fklavyenet a { height:12px; margin:0; padding:0; display:block}
#fklavyenet img { border: none; }
#fklavyenet { width: 40px; height: 12px; position: absolute; bottom: 0px; right: 0px; clear: both; }
.ilt { width: 300px; height: 298px; }
.ilt p{margin:3px 0;}
.etiket{width:80px; display:inline-block; vertical-align:top;}
input.mesaj{width:150px; height:1.4em;}
textarea.mesaj{width:150px; height:6em; overflow:hidden;}
label.error{color:#000; font:10px arial, sans-serif; display:block; margin-left:80px}
input.gonder{margin-left:80px}