/* CSS Document */
body { padding: 0px; margin: 0px; background: #fff url(  '../images/mainbg.png' ) repeat-x 0 0; color: #707070; font: 14px/18px "Trebuchet MS" , Arial, Helvetica, sans-serif; }
div, p, ul, h2, h3, img { padding: 0px; margin: 0px; }
ul { list-style-type: none; }
img { border: none; }
a { text-decoration: none; color: #7e7b00; }
.cycle img{padding:10px;}
/*----TOP PANEL----*/
#topPan { width: 747px; height: 109px; position: relative; margin: 0 auto; padding: 0px; }
#topPan img { width: 208px; height: 58px; position: absolute; top: 35px; left: 0px; }

#topPan ul { width: 480px; height: 32px; position: absolute; top: 76px; right: 0px; }
#topPan ul li { float: left; width: 79px; height: 32px; padding: 0 0 0 1px; }
#topPan ul li a { display: block; width: 79px; height: 32px; background: #7E7B00 url(  '../images/menubg-normal.gif' ) no-repeat 0 0; color: #656565; font-size: 11px; font-weight: bold; line-height: 32px; text-transform: uppercase; text-align: center; text-decoration: none; }
#topPan ul li a:hover { background: #7E7B00 url(  '../images/menubg-hover.gif' ) no-repeat 0 0; color: #7C7900; text-decoration: none; }

#topPan ul li.home { display: block; width: 79px; height: 32px; background: #7E7B00 url(  '../images/menubg-hover.gif' ) no-repeat 0 0; font-size: 11px; font-weight: bold; line-height: 32px; color: #7C7900; text-decoration: none; text-transform: uppercase; text-align: center; }

ul.dropdown { height: 22px; position: relative; top: 0px; right: 0px; }
ul.dropdown li { float: left; width: 79px; height: 22px; }
ul.dropdown li a { display: block; width: 79px; background: #fff url(  '../images/vertical-dot.gif' ) no-repeat 100% 0; color: #3E3E3E; font-size: 11px; text-decoration: underline; text-align: center; line-height: 22px; }
ul.dropdown li a:hover { text-decoration: none; background: #fff url(  '../images/vertical-dot.gif' ) no-repeat 100% 0; color: #7C7900; }

ul.dropdown li.verticallinenone a { display: block; width: 79px; background: #fff; color: #3E3E3E; font-size: 11px; text-decoration: underline; text-align: center; line-height: 22px; }
ul.dropdown li.verticallinenone a:hover { text-decoration: none; background: #fff; color: #7C7900; }

/*----/TOP PANEL----*/

/*----BODY TOP PANEL----*/
#bodytopmainPan { width: 100%; background: #F4F4F4; color: #8D8D8D; float: left; padding: 12px 0 0; clear: both; }

#bodytopPan1 { width: 747px; position: relative; background: #F4F4F4; color: #707070; margin: 0 auto 10px auto; padding: 0px; top: 0px; left: 0px; }
#bodytopPan1 h2 { background: #F4F4F4; color: #6E6C00; font-size: 24px; height: 70px; line-height: 70px; }
#bodytopPan1 p { padding: 0 38px 11px 0; }
#bodytopPan1 p span { font-weight: bold; }
#bodytopPan1 p.more { margin: 0 0 15px 618px; padding: 0px; }
#bodytopPan1 p.more a { display: block; width: 79px; height: 28px; background: #fff url(  '../images/button1.gif' ) no-repeat 0 0; color: #111; font-size: 15px; line-height: 28px; text-decoration: none; padding: 0 0 0 10px; }
#bodytopPan1 p.more a:hover { background: #fff url(  '../images/button2.gif' ) no-repeat 100% 0%; color: #111; text-decoration: none; }

#bodytopPan2 { width: 747px; position: relative; background: #F4F4F4; color: #707070; margin: 0 auto; padding: 0px; top: 0px; left: 0px; }
#bodytopPan2 h2 { background: #F4F4F4; color: #6E6C00; font-size: 24px; height: 70px; line-height: 70px; }
#bodytopPan2 p { padding: 0 38px 11px 0; }
#bodytopPan2 p span { font-weight: bold; }
#bodytopPan2 p.more { margin: 0 0 15px 618px; padding: 0px; }
#bodytopPan2 p.more a { display: block; width: 79px; height: 28px; background: #fff url(  '../images/button1.gif' ) no-repeat 0 0; color: #111; font-size: 15px; line-height: 28px; text-decoration: none; padding: 0 0 0 10px; }
#bodytopPan2 p.more a:hover { background: #fff url(  '../images/button2.gif' ) no-repeat 100% 0%; color: #111; text-decoration: none; }

/*----/BODY TOP PANEL----*/

/*----BODY MIDDLE PANEL----*/
#bodymainmiddlePan { width: 100%; background: #fff; color: #8D8D8D; float: left; padding: 42px 0 0; clear: both; }

#bodymiddlePan { width: 747px; position: relative; margin: 0 auto 0 auto; background: #fff; color: #8D8D8D; }
#bodymiddlePan h2 { /*background: #F4F4F4;*/ color: #6E6C00; font-size: 24px; height: 70px; line-height: 70px; }
#bodymiddlePan p { padding: 0 38px 11px 0; }
#bodymiddlePan p span { font-weight: bold; }
#bodymiddlePan p.more { margin: 0 0 15px 618px; padding: 0px; }
#bodymiddlePan p.more a { display: block; width: 79px; height: 28px; background: #fff url(  '../images/button1.gif' ) no-repeat 0 0; color: #111; font-size: 15px; line-height: 28px; text-decoration: none; padding: 0 0 0 10px; }
#bodymiddlePan p.more a:hover { background: #fff url(  '../images/button2.gif' ) no-repeat 100% 0%; color: #111; text-decoration: none; }

/*---Middle One----*/
#middleonePan { width: 187px; float: left; }
#middleonePan p { padding: 0 0 20px 0; }
#middleonePan p.boldtext { font-size: 16px; background: #fff; color: #2B2A2A; font-weight: bold; padding: 32px 0 0; }
#middleonePan p.blacktext { background: #fff; color: #000; padding: 0 0 12px 0; }
#middleonePan p.dotline { background: url(  '../images/dot.line.gif' ) repeat-x 0 0; width: 156px; padding: 0 0 12px 0; }

#middleonePan p.more { margin: 0 0 40px 0px; padding: 0px; }
#middleonePan p.more a { display: block; width: 79px; height: 28px; background: #fff url(  '../images/redbutton.gif' ) no-repeat 0 0; color: #111; font-size: 15px; line-height: 28px; text-decoration: none; padding: 0 0 0 10px; }
#middleonePan p.more a:hover { background: #fff url(  '../images/bluebutton.gif' ) no-repeat 0 0; color: #111; text-decoration: none; }

#middleonePan ul { width: 156px; padding: 0 0 20px 0; }
#middleonePan ul li { width: 156px; height: 20px; }
#middleonePan ul li a { width: 140px; height: 20px; background: #fff url(  '../images/arrow1.gif' ) no-repeat 0 8px; color: #8D8D8D; line-height: 20px; text-decoration: underline; padding: 0 0 0 16px; }
#middleonePan ul li a:hover { background: #fff url(  '../images/arrow2.gif' ) no-repeat 0 8px; color: #272525; text-decoration: underline; }


#middleonePan ul.block { width: 156px; height: 151px; display: block; padding: 0px; }
#middleonePan ul.block li { width: 156px; height: 151px; }
#middleonePan ul.block li a { width: 126px; height: 128px; display: block; background: #FCFCFC url(  '../images/block1-normal.jpg' ) no-repeat 0 0; color: #fff; font-size: 20px; font-weight: bold; text-decoration: none; padding: 23px 0 0 30px; }
#middleonePan ul.block li a:hover { background: #FCFCFC url(  '../images/block1-hover.jpg' ) no-repeat 0 0; color: #fff; text-decoration: none; }


/*---/Middle One----*/

/*---Middle Two----*/
#middletwoPan { width: 186px; float: left; }
#middletwoPan p { padding: 0 0 20px 0; }
#middletwoPan p.boldtext { font-size: 16px; background: #fff; color: #2B2A2A; font-weight: bold; padding: 32px 0 0; }
#middletwoPan p.blacktext { background: #fff; color: #000; padding: 0 0 12px 0; }
#middletwoPan p.dotline { background: url(  '../images/dot.line.gif' ) repeat-x 0 0; width: 156px; padding: 0 0 12px 0; }

#middletwoPan p.more { margin: 0 0 40px 0px; padding: 0px; }
#middletwoPan p.more a { display: block; width: 79px; height: 28px; background: #fff url(  '../images/greenbutton.gif' ) no-repeat 0 0; color: #111; font-size: 15px; line-height: 28px; text-decoration: none; padding: 0 0 0 10px; }
#middletwoPan p.more a:hover { background: #fff url(  '../images/pinkbutton.gif' ) no-repeat 0 0; color: #111; text-decoration: none; }

#middletwoPan ul { width: 156px; padding: 0 0 20px 0; }
#middletwoPan ul li { width: 156px; height: 20px; }
#middletwoPan ul li a { width: 140px; height: 20px; background: #fff url(  '../images/arrow1.gif' ) no-repeat 0 8px; color: #8D8D8D; line-height: 20px; text-decoration: underline; padding: 0 0 0 16px; }
#middletwoPan ul li a:hover { background: #fff url(  '../images/arrow2.gif' ) no-repeat 0 8px; color: #272525; text-decoration: underline; }

#middletwoPan ul.block { width: 156px; height: 151px; padding: 0px; }
#middletwoPan ul.block li { width: 156px; height: 151px; }
#middletwoPan ul.block li a { width: 126px; height: 128px; display: block; background: #FCFCFC url(  '../images/block2-normal.jpg' ) no-repeat 0 0; color: #fff; font-size: 20px; font-weight: bold; text-decoration: none; padding: 23px 0 0 30px; }
#middletwoPan ul.block li a:hover { background: #FCFCFC url(  '../images/block2-hover.jpg' ) no-repeat 0 0; color: #fff; text-decoration: none; }

/*---/Middle Two----*/

/*---Middle Three----*/
#middlethreePan { width: 187px; float: left; }
#middlethreePan p { padding: 0 0 20px 0; }
#middlethreePan p.boldtext { font-size: 16px; background: #fff; color: #2B2A2A; font-weight: bold; padding: 32px 0 0; }
#middlethreePan p.blacktext { background: #fff; color: #000; padding: 0 0 12px 0; }
#middlethreePan p.dotline { background: url(  '../images/dot.line.gif' ) repeat-x 0 0; width: 156px; padding: 0 0 12px 0; }

#middlethreePan p.more { margin: 0 0 40px 0px; padding: 0px; }
#middlethreePan p.more a { display: block; width: 79px; height: 28px; background: #fff url(  '../images/bluebutton.gif' ) no-repeat 0 0; color: #111; font-size: 15px; line-height: 28px; text-decoration: none; padding: 0 0 0 10px; }
#middlethreePan p.more a:hover { background: #fff url(  '../images/redbutton.gif' ) no-repeat 0 0; color: #111; text-decoration: none; }

#middlethreePan ul { width: 156px; padding: 0 0 20px 0; }
#middlethreePan ul li { width: 156px; height: 20px; }
#middlethreePan ul li a { width: 140px; height: 20px; background: #fff url(  '../images/arrow1.gif' ) no-repeat 0 8px; color: #8D8D8D; line-height: 20px; text-decoration: underline; padding: 0 0 0 16px; }
#middlethreePan ul li a:hover { background: #fff url(  '../images/arrow2.gif' ) no-repeat 0 8px; color: #272525; text-decoration: underline; }

#middlethreePan ul.block { width: 156px; height: 151px; padding: 0px; }
#middlethreePan ul.block li { width: 156px; height: 151px; }
#middlethreePan ul.block li a { width: 126px; height: 128px; display: block; background: #FCFCFC url(  '../images/block3-normal.jpg' ) no-repeat 0 0; color: #fff; font-size: 20px; font-weight: bold; text-decoration: none; padding: 23px 0 0 30px; }
#middlethreePan ul.block li a:hover { background: #FCFCFC url(  '../images/block3-hover.jpg' ) no-repeat 0 0; color: #fff; text-decoration: none; }

/*---/Middle Threee----*/

/*---Middle Four----*/
#middlefourPan { width: 187px; float: left; }
#middlefourPan p { padding: 0 0 20px 0; }
#middlefourPan p.boldtext { font-size: 16px; background: #fff; color: #2B2A2A; font-weight: bold; padding: 32px 0 0; }
#middlefourPan p.blacktext { background: #fff; color: #000; padding: 0 0 12px 0; }
#middlefourPan p.dotline { background: url(  '../images/dot.line.gif' ) repeat-x 0 0; width: 156px; padding: 0 0 12px 0; }

#middlefourPan p.more { margin: 0 0 40px 0px; padding: 0px; }
#middlefourPan p.more a { display: block; width: 79px; height: 28px; background: #fff url(  '../images/pinkbutton.gif' ) no-repeat 0 0; color: #111; font-size: 15px; line-height: 28px; text-decoration: none; padding: 0 0 0 10px; }
#middlefourPan p.more a:hover { background: #fff url(  '../images/greenbutton.gif' ) no-repeat 0 0; color: #111; text-decoration: none; }

#middlefourPan ul { width: 156px; padding: 0 0 20px 0; }
#middlefourPan ul li { width: 156px; height: 20px; }
#middlefourPan ul li a { width: 140px; height: 20px; background: #fff url(  '../images/arrow1.gif' ) no-repeat 0 8px; color: #8D8D8D; line-height: 20px; text-decoration: underline; padding: 0 0 0 16px; }
#middlefourPan ul li a:hover { background: #fff url(  '../images/arrow2.gif' ) no-repeat 0 8px; color: #272525; text-decoration: underline; }

#middlefourPan ul.block { width: 156px; height: 151px; padding: 0px; }
#middlefourPan ul.block li { width: 156px; height: 151px; }
#middlefourPan ul.block li a { width: 126px; height: 128px; display: block; background: #FCFCFC url(  '../images/block4-normal.jpg' ) no-repeat 0 0; color: #fff; font-size: 20px; font-weight: bold; text-decoration: none; padding: 23px 0 0 30px; }
#middlefourPan ul.block li a:hover { background: #FCFCFC url(  '../images/block4-hover.jpg' ) no-repeat 0 0; color: #fff; text-decoration: none; }

/*---/Middle Four----*/

/*----FOOTER PANEL----*/
#footermainPan { position:relative; height: 214px; background: #565656 url(  '../images/footerbg.gif' ) repeat-x 0 0; color: #fff; clear: both; }
#footerPan { width: 747px; position: relative; margin: 0 auto; }
#footerPan img.footerlogo { width: 186px; height: 50px; position: absolute; top: 93px; right: 0px; }

#footerPan p.html { background: url(  '../images/html-button.gif' ) no-repeat 0 0; position: absolute; top: 42px; right: 115px; width: 64px; height: 22px; padding: 3px; }
#footerPan p.html a { width: 55px; height: 18px; display: block; font-weight: bold; background: #F4F4F4 url(  '../images/arrow3.gif' ) no-repeat 100% 50%; color: #565656; text-decoration: none; text-transform: uppercase; padding: 2px 0 0 5px; }
#footerPan p.html a:hover { background: #F4F4F4 url(  '../images/arrow4.gif' ) no-repeat 100% 50%; color: #565656; text-decoration: none; }

#footerPan p.css { background: url(  '../images/css-button.gif' ) no-repeat 0 0; position: absolute; top: 42px; right: 55px; width: 53px; height: 19px; padding: 3px; }
#footerPan p.css a { width: 50px; height: 18px; display: block; font-weight: bold; background: #B3B3B3 url(  '../images/arrow5.gif' ) no-repeat 90% 50%; color: #fff; text-decoration: none; text-transform: uppercase; padding: 2px 0 0 5px; }
#footerPan p.css a:hover { background: #B3B3B3 url(  '../images/arrow2.gif' ) no-repeat 90% 50%; color: #fff; text-decoration: none; }
#footerPan p.copyright { background: #565656; color: #fff; font: 11px/15px "Trebuchet MS" ,Arial, Helvetica, sans-serif; position: absolute; top: 117px; left: 26px; }
.fklavye { background: #565656; color: #fff; font: 11px/15px "Trebuchet MS" ,Arial, Helvetica, sans-serif; position: absolute; top: 117px; left: 266px; }

#footerPan ul { width: 500px; position: absolute; top: 93px; left: 14px; }
#footerPan li { float: left; font: 13px/15px "Trebuchet MS" ,Arial, Helvetica, sans-serif; font-weight: normal; }
#footerPan ul li a { padding: 0 12px 0; color: #fff; background: #565656; text-decoration: none; }
#footerPan ul li a:hover { text-decoration: underline; }

#footerPan ul.templateworld { width: 300px; background: #565656; color: #fff; display: block; position: absolute; font-size: 12px; top: 135px; left: 26px; }
#footerPan ul.templateworld li a { background: #565656; display: block; color: #fff; text-decoration: none; }
#footerPan ul.templateworld li a:hover { text-decoration: underline; }
.pictures { margin: 0 auto; text-align: center; width: 747px; }
.box1 { float: left; width: 170px; height: 128px; background: url( '../images/boxbg.png' ) left top no-repeat; padding: 5px; margin: 10px 9px 10px 0px; }
.box2 { float: left; width: 170px; height: 128px; background: url( '../images/boxbg.png' ) left top no-repeat; padding: 5px; margin: 10px 9px 10px 0px; }
.box3 { float: left; width: 170px; height: 128px; background: url( '../images/boxbg.png' ) left top no-repeat; padding: 5px; margin: 10px 0px 10px 0px; }
.box4 { float: left; width: 170px; height: 128px; background: url( '../images/boxbg.png' ) left top no-repeat; padding: 5px; margin: 10px 0px 10px 9px; }
.hid { display: none; }
.lblLeft { width: 125px; float: left; }
.lblRight { width: 286px; float: left; }
#iletisim { width: 600px; text-decoration: none; margin: 0 auto; font: 12px/32px Verdana, sans-serif; }
#iletisim td{ font: 12px/24px Verdana, sans-serif; }
#iletisim a { width: 140px; height: 20px; color: #8D8D8D; line-height: 20px; text-decoration: underline; font: 12px/32px Verdana, sans-serif; }
#iletisim a:hover { color: #272525; text-decoration: none; }
#iletisim h2 { font: 16px/32px verdana, sans-serif; color: #7e7b00; }
#iletisim h3 { font: 16px/32px verdana, sans-serif; color: #ff0000; }
.clearboth { clear: both; height:1px; }
#fklavyenet { width: 40px; height: 12px; position: absolute; bottom: -192px; right: 5px; }
#fklavyenet img { border: none; }
.error{font:11px verdana; color:#f00;}