/*    Temel Hatlar    */

body { background: #E4E8EB; color: #444; text-align: center; font: normal 10px/15px "Verdana", Tahoma, Arial, sans-serif; margin: 0em auto; padding: 0em; }
html, div, form, td, tr, span { font: normal 10px/15px "Verdana", Tahoma, Arial, sans-serif; margin: 0em auto; padding: 0em; }
p { padding: 0em; margin: 0.1em 0em; }
.baslik { font: bold 10px/15px "Verdana", Tahoma, Arial, sans-serif; color: #000; text-align: left; }
.vurgu { text-align: left; color: #cb5531; font-weight: bold; }
.vurguorta { text-align: center; color: #cb5531; font-weight: bold; }
.yesil { text-align: left; color: #6B9225; }
.yesilkalın { text-align: left; color: #4f9a13; font-weight: bold; }
.siyah { text-align: left; color: #000; }
.kırmızı { text-align: left; color: #ec1820; }
.mavi { text-align: left; color: #0D9AD2; font-weight: bold; }
.portakal { text-align: left; color: #FF7000; }


.hr { background: #fff url(../image/hr.gif) no-repeat; width: 50em; height: 2.9em; }


/*    Layerlar    */

#ana { background: #fff; width: 75em; padding-left: 1.5em; padding-right: 1.5em; padding-top: 1.5em; border-left: #CFD6DE 0.2em solid; border-right: #CFD6DE 0.2em solid; }
#ust { background: #fff; padding-bottom: 1.5em;}
#hat { background: #f1f1f1; margin-bottom: 2.4em; border: #ccc 0.1em solid }

#govde { background: url(../image/govde.gif); }
#sol { float: left; width: 3.2em; height: 100%; text-align: left}
#sol #resim { float:left; background: url(../image/ekimonline.gif) no-repeat #BCD703; width: 3em; height: 27.5em; margin-top: 2.5em  } 
#sag { float: right; width: 75em; text-align: left; }
#sag #orta { background: #fff; padding-left: 1.5em; }
#sag #alt { background: #fff; margin-top: 5em; margin-bottom: 0.5em; height: 5em; }

.panel { border: #BCD703 0.5em solid; padding: 0.8em; background-color: white }

.banner { background: url(../image/logo.jpg) no-repeat; float: left; width: 195px; height: 39px; text-indent: -9999em; }
.yasa { background: url(../image/web.gif) no-repeat; float: left; width: 25em; height: 19.3em; text-indent: -9999em; }
.marquee { background: #fff; width: 99%; height: 70%; text-align: left; }

.back { background: #BCD703; height: 100%; width: 100%; color: #000; font-weight: bold; line-height: 2.5em; padding-left: 1em; text-aglin: left; }
.acik { background: #f1f1f1; height: 100%; width: 100%; color: #000; font-weight: bold; line-height: 2.5em; padding-left: 1em; text-align: left; }


/*    Linkler   */

a:link, a:visited { color: #556B2F; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }

#ana ul { padding-top: 1em; margin: 0em; list-style-type: none; text-align:right }
#ana li { display: inline; font-weight: bold; list-style-image: none; list-style-type: none; background-image: none; margin: 0.35em; }
#ana li a:link , #ana li a:visited { color: #6598CF; text-decoration: none; padding-bottom: 0.1em; line-height: 2.4em; }
#ana li a:hover { color: #5EBC11; border-top-width: 0.2em; border-top-style: solid; border-bottom-color: #6495ED; }


/*   Extra   */

input.readonly { background: #FFFeff; float: left; color : #4f9a13; font: bold 10px "Verdana", Tahoma, Arial, sans-serif; border: 0em; margin-left: 0.2em; }
input.textarea, select, textarea { background: #f9f9f9; float: left; color: #666666; font: normal 10px "Verdana", Tahoma, Arial, sans-serif;border: 0.1em solid #adadad; padding: 0.2em; margin-left: 0.3em; }
input.button { float:left; background: #f1f1f1; color : #000000; font: normal 10px "Verdana", Tahoma, Arial, sans-serif; border: 0.1em solid #888888; padding: 0.2em; margin-left: 0.3em; }