body, html { width:100%; height:100%; margin:0; padding:0; }
body { background:#caf0fb; }
#header { width:100%; height:80px; background-color:#555; background-image:url(../images/header_bg.jpg); }
#header div.wrap { width:880px; height:80px; }
#main { width:880px; background-color:#b5eafa; height:530px; margin:30px 0 30px 0; padding:0; background-image:url(../images/kosegen_alt.gif); background-position:bottom center; background-repeat:no-repeat; }
#main img { margin:0; padding:0; }
.baslik { width:840px; }
.baslik h1 { width:272px; margin:0 3px 0 3px; text-align:center; height:auto; float:left; /*border:1px solid #F00;*/ font-size:32px; font-family:'Trebuchet MS',Tahoma, Arial, Helvetica, sans-serif; color:#1c7793; font-style:italic; }
.content { width:240px; /*border:1px solid #F00;*/ margin:0 40px 0 0; height:230px; float:left; }
.content h2 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#095470; text-align:left; margin:0 0 0 0; padding:0 0 0 0; }
.content p { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#095470; text-align:left; margin:10px 0 0 0; padding:0 0 0 0; }
.ilk { margin-left:20px; }
#alt { width:880px; height:340px; margin:0 0 0 0; }
#alt .content { width:420px; height:320px; background-image:url(../images/koyu_bg.gif); float:left; padding:15px; margin:0px; }
#alt .content h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#f10e84; margin:0 0 0 0; padding:0 0 0 0; }
#alt .content p { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#666; line-height:18px; }
#alt .newsletter { width:387px; height:102px; float:right; background-image:url(../images/newsletter_bg.gif); background-repeat:no-repeat; margin:20px 0 0 0; }
#alt .newsletter h2 { font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left; color:#1c7793; margin:0 0 5px 0; padding:0 0 0 0; }
#alt .newsletter .wrap { margin:20px; }
#alt .newsletter .wrap .txtbx { width:226px; height:21px; float:left; font-size:18px; color:#333; font-family:Arial, Helvetica, sans-serif; padding:2px 2px 2px 32px; background-image:url(../images/mail.gif); background-position:center left; background-repeat:no-repeat; }
#alt .newsletter .wrap .btn { width:70px; height:29px; font-size:16px; letter-spacing:-1px; font-weight:bold; color:#333; background-color:#CCC; font-family:Arial, Helvetica, sans-serif; float:right; margin:0; }
#alt .newsletter .wrap p { font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#1c7793; text-align:left; clear:both; margin:0 0 0 0; padding:0 0 0 0; }
.madde { width:367px; height:190px; /*border:1px solid #FFF;*/ float:right; background-image:url(../images/madde_bg.gif); padding:10px; }
.madde h2 { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; text-align:left; color:#f10e84; margin:0 0 10px 0; padding:0 0 0 0; }
.madde ul { margin:0 0 0 15px; padding:0; }
.madde ul li { margin:2px 0 0 15px; padding:0; font-size:13px; font-family:Arial, Helvetica, sans-serif; text-align:left; color:#333; }
.footer { width:880px; height:65px; border-top:1px solid #a7d8e6; margin:20px 0 0 0; display:block; clear:both; padding:15px 0 0 0; }
.footer span { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#1c7793; line-height:17px; }
.footer span a { color:#036; text-decoration:none; }
.footer span a:hover { color:#006; text-decoration:underline; }