/* -------------------------------------------------------------- * Resets default browser CSS. -------------------------------------------------------------- */ body, br, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; outline:none;} ol, ul {list-style: none; } /* Tables still need 'cellspacing="0"' in the markup. */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } table, td, th { vertical-align: middle; } /* Remove possible quote marks (") from ,
. */ blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* Remove annoying border on linked images. */ a img { border: none; } .clear { clear:both; } /* Font -------------------------------------------------------------- * /* Default font settings. The font-size percentage is of 16px. (0.75 * 16px = 12px) */ html { font-size:100.01%; } body {font-size: 75%;line-height: 1.5;color: #6d6e71;background: #fff;font-family:Arial;} /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-weight: normal; } h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } h2 { font-size: 2.2em; margin-bottom: 0.75em; color:#0C1E34; } h3 { font-size: 1.5em; line-height: 1; margin-bottom: .7em; } h4 { font-size: 1.5em; line-height: 1.25; margin-bottom: .3em; } h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } h6 { font-size: 1em; font-weight: bold; } /* Tables -------------------------------------------------------------- */ table { margin-bottom: 1.4em; width:100%; } th { font-weight: bold; } thead th { background: #c3d9ff; } th,td,caption { padding: 4px 10px 4px 5px; } tr.even td { background: #e5ecf9; } tfoot { font-style: italic; } caption { background: #eee; } /* Text elements -------------------------------------------------------------- */ p { color:#2d2d2d; } strong { font-weight: bold; } em { font-style: italic; } a {text-decoration:none; color:#6d6e71;} a:hover {color:#009FD6;} .title, .info {display:none;} /* Custom elements -------------------------------------------------------------- */ #container {width:984px;margin:0 auto;} /* Header -------------------------------------------------------------- */ #header {background:url("i/header-bottom.jpg") no-repeat scroll center bottom transparent;float:left;height:90px;padding-top:20px;width:984px;} #header .box {float:left;height:31px;} #header .box1 {width:195px;margin-left:10px;} #header .box2 {width:653px;float:right;} #header .box2 ul {float:right;} #header .box2 ul li ul {z-index:14;display:none;position:absolute;top:51px;} #header .box2 ul li ul li {float:none;padding:0;display:block;background:none;} #header .box2 li {background:url("i/li.jpg") no-repeat scroll right center transparent;float:left;padding:10px;} #header .box2 li.item_last {background:none;} #header .box2 li a {font-size:16px;font-weight:bold;} /* Main -------------------------------------------------------------- */ #main {background:url("i/bgrepeat.jpg") repeat-y scroll 0 0 transparent;padding-top:5px;float:left;margin:0 auto;overflow:hidden;width:983px;} #main #left {clear:both;width:700px;float:left;padding-left:20px;} #main #left .box {border-bottom:1px dashed #CCCCCC;float:left;margin-bottom:20px;padding-bottom:20px;width:670px;} #main #left .box3 {border-bottom:none;} #main #left .box p {font-size:15px;line-height:20px;padding-bottom:15px;} #main #left .box1 {background:url("i/medug.jpg") no-repeat scroll 0 0 transparent;height:256px;} #main #left .box1 .widget {float:left;height:240px;margin-top:1px;padding-left:10px;padding-top:10px;width:455px;} #main #left .box1 .widget li {color:#2d2d2d;font-size:16px;} #main #left .box1 .widget li a {text-align:left;color:#CFCFCF;font-weight:bold;text-shadow:1px 0 1px #000000;} #main #left .box1 .widget li a span {color:#efefef;display:block;margin-top:16px;} #main #left .box2 .content p a {color:#2D2D2D;} #main #left .box2 .content p a:hover {color:#993E3E;text-decoration:underline;} #main #left .box3 .widget {border-right:1px dashed #CCCCCC;float:left;margin-left:15px;margin-right:3px;padding-right:14px;width:194px;} #main #left .box3 .widget_1 {margin-left:0;} #main #left .box3 .widget_3 {border-right:none;} #main #left .box3 .widget .title {color:#009FD6;display:block;font-size:14px;font-weight:bold;padding-bottom:10px;} #main #left .box3 .widget .content a {color:#009FD6;display:block;font-size:12px;font-weight:bold;padding-top:10px;} #main #left .box3 .widget .content p {color:#6D6E71;font-size:12px;line-height:16px;padding-bottom:0;} #main #left .box3 .widget .content a:hover {text-decoration:underline;} #main #left .box4 li{float:left;padding:5px;} #main #left .box4 {margin-top:30px;clear:both;border-top:1px dashed #CCCCCC;margin-bottom:0px;padding-bottom:1px;border-bottom:none;} #main #left .box4 li a {color:#009FD6;font-size:9px;letter-spacing:1px;} #main #left .box4 li a:hover {text-decoration:underline;} #main #right {float:left;width:250px;} #main #right .box {width:221px;float:left;} #main #right .box .content {padding:8px;} #main #right .kayit .content {padding:0;} #main #right .kayit a {background:none repeat scroll 0 0 #009FD6;color:#FFFFFF;display:block;font-size:14px;font-weight:bold;height:20px;padding:7px;width:207px;} #main #right .kayit .title {display:none;} #main #right .box1 .q {background:url("i/q.jpg") no-repeat scroll 0 0 transparent;border:medium none;color:#525252;display:block;float:left;font-size:14px;margin-top:1px;padding-bottom:13px;padding-left:5px;padding-top:8px;width:180px;} #main #right .box1 .q_button{float:left;background:url("i/q_button.png") no-repeat scroll 0 0 transparent;border:medium none;height:37px;padding-top:1px;text-indent:-9999px;width:36px;} #main #right .box2, #main #right .box3 {background:none repeat scroll 0 0 #F1F1F1;margin-top:19px;} #main #right .box2 .title, #main #right .box3 .title {background:none repeat scroll 0 0 #009FD6;color:#FFFFFF;display:block;font-size:14px;font-weight:bold;height:20px;padding:7px;width:207px;} #main #right .box2 {padding-bottom:10px;} #main #right .box2 .content {padding:0;} #main #right .box3 li {list-style:disc inside none;color:#6d6e71;margin-bottom:6px;} #main #right .box3 .post .title, #main #right .box3 .post .info {display:none;} #main #right .box3 .post {background:url("i/post.jpg") no-repeat scroll 7px 14px transparent;padding-left:10px;} #main #right .box3 .post .content a.more_text {color:#993e3e;font-weight:bold;} #main #right .box3 .post .content a:hover {text-decoration:underline;} #main .yield {height:auto !important;overflow:hidden;float:left;min-height:611px;clear:both;} #main .yield .post .content ul.rfs{float:left;width:350px;} #main .yield .post .content ul.rfs li {font-size:15px;padding:2px;} #main .yield .search_page {float:left;width:700px;} #main .yield .search_page form {margin-bottom:15px;} #main .yield .search_page hr{display:none;} #main .yield .search_page input {padding:3px;} #main .yield .search_page .result {background:none repeat scroll 0 0 #F1F1F1;margin-bottom:15px;float:left;width:635px;padding:15px;-moz-border-radius: 5px;-webkit-border-radius: 5px;} #main .yield .search_page .result .read_more a {color:#993E3E;font-weight:bold;display:block;clear:both;} #main .yield .search_page .result .read_more a:hover {text-decoration:underline;} #main .yield .search_page .result .title {display:block;} #main .yield .search_page .result .title h4 {font-size:1.8em;margin:0;} #main .yield .search_page .content {margin-bottom:10px !important;} #main .yield .search_page .content p {margin:0 !important;} #main .yield .search_page .content h3, #main .yield .search_page .content h2 {color:#2D2D2D;font-size:15px !important;margin:0;} #main .yield .search_page .pagination {float:left;} #main .yield .search_page .pagination .current {color:#993E3E;} /* Alt mizanpaj -------------------------------------------------------------- */ #alt #main .yield .content p {margin-bottom:20px;} #alt #main .yield .content li {color:#2D2D2D;line-height:20px;margin-left:20px;} #alt #main .yield .content a{color:#2d2d2d;} #alt #main .yield .content a:hover {color:#009FD6;text-decoration:underline;} #alt #main .yield .content img {margin-right:22px;} #alt #main .yield .content {clear:both;display:block;float:left;margin-bottom:52px;margin-right:12px;} #alt #main .yield .content h2 {color:#6D6E71;font-size:24px;margin-bottom:0;} #alt #main .yield .content h4 {font-size:16px;} #alt #main .yield .content .icul {float:left;} #alt #main .yield .content hr {border:1px solid #ED1C24;} #alt #main .yield .content span.s1 {margin-right:15px;} #alt #main .yield .content span.s2 {margin-right:29px;} #alt #main .yield .content span.s3 {margin-right:20px;} #alt #main .yield .content span.s4 {margin-left:64px;} #alt .egitim-talepleri-ve-kayit #main .yield .content p {font-size:23px;} /* Alt2 mizanpaj -------------------------------------------------------------- */ #alt2 #main .yield .title {background:none repeat scroll 0 0 #009FD6;display:block;} #alt2 #main .yield .title h2 {text-align:center;color:#fff;font-size:1.6em;} #alt2 #main .yield .post, #alt2 #main .yield #post {padding-bottom:20px;padding-right:10px;width:690px;} #alt2 #main .yield .post .content p.ic1 {padding-left:20px;} #alt2 #main .yield .post .content p.ic2 {padding-left:40px;} #alt2 #main .yield .post .content p.ic3 {padding-left:60px;} #alt2 #main .yield .post .content ul {} #alt2 #main .yield .post .content ol {list-style:decimal inside none;margin-left:13px;} #alt2 #main .yield .post .content ol li {color:#2D2D2D;} #alt2 #main .yield .post .content ul li, #alt2 #main .yield #post .content ul li {color:#2D2D2D;list-style:disc inside none;} #alt2 #main .geri .content a {background:url("i/back1.png") no-repeat scroll left center transparent;float:left;margin-bottom:7px;padding-left:20px;} /* Egitimlerimiz -------------------------------------------------------------- */ #egitimlerimiz #main #left .box2 {border:none;} #egitimlerimiz #main #left .box3 .widget {border:none;float:none;margin:0;paddin:0;width:auto;} #egitimlerimiz #main #left .box3 .widget .title {display:none;} #egitimlerimiz #main #left .box3 ul li {} #egitimlerimiz #main #left .box3 ul li a{background:url("i/ad.png") no-repeat scroll 97% 50% #009FD6;color:#FFFFFF;cursor:pointer;display:block;font-weight:bold;margin-bottom:5px;padding:0.3em 3.3em 0.3em 0.8em;width:237px;} #egitimlerimiz #main #left .box3 ul li a:hover {color:#efefef;} #egitimlerimiz #main #left .box3 ul li ul{margin-left:18px;} #egitimlerimiz #main #left .box3 ul li ul li{} #egitimlerimiz #main #left .box3 ul li ul li a{background:none;color:#2D2D2D;padding:0;font-weight:normal;} #egitimlerimiz #main #left .box3 ul li ul li a:hover {color:#009FD6;text-decoration:underline;} #egitimlerimiz #main #left .box1 {background:url("i/egitimlerimiz.jpg") no-repeat scroll 0 0 transparent;} #egitimlerimiz #main #left .one li {display:none;} #egitimlerimiz #main #left .one li {overflow:hidden;color:#333;font-size:15px;font-weight:bold;text-align:left;text-shadow:1px 0 1px #FFFFFF;width:685px;margin-bottom:20px; } /* Footer -------------------------------------------------------------- */ #footer {background:url(i/bgbottom.jpg) no-repeat center top;height:70px;float:left;width:984px;} #footer .box {float:left;margin-top:20px;} #footer .box1 {margin-left:8px;width:900px;} #footer .box1 li {float:left;} #footer .box2 {float:right;margin-right:11px;width:24px;margin-top:47px;} #footer .ref_logos ul li { float:left;} #footer .ref_logos ul li a { height:93px; background:url(i/rlogo.png) no-repeat; text-indent:-9999px; float:left;} #footer .ref_logos ul li.item_1 { width:156px; height:93px;} #footer .ref_logos ul li.item_2 {width:145px; height:93px;} #footer .ref_logos ul li.item_3 {width:101px; height:93px;} #footer .ref_logos ul li.item_4 {width:118px; height:93px;} #footer .ref_logos ul li.item_5 {width:111px; height:93px;} #footer .ref_logos ul li.item_6 {width:132px; height:93px;} #footer .ref_logos ul li.item_7 {width:137px; height:93px;} #footer .ref_logos ul li.item_1 a { width:156px; height:93px; background-position:0 0;} #footer .ref_logos ul li.item_2 a {width:145px; height:93px; background-position:-156px 0;} #footer .ref_logos ul li.item_3 a {width:101px; height:93px; background-position:-296px 0;} #footer .ref_logos ul li.item_4 a {width:118px; height:93px; background-position:-402px 0;} #footer .ref_logos ul li.item_5 a {width:111px; height:93px; background-position:-520px 0;} #footer .ref_logos ul li.item_6 a {width:132px; height:93px; background-position:-631px 0;} #footer .ref_logos ul li.item_7 a {width:137px; height:93px; background-position:-763px 0;} #footer .ref_logos ul li.item_1 a:hover { width:156px; height:93px; background-position:0 -93px;} #footer .ref_logos ul li.item_2 a:hover {width:145px; height:93px; background-position:-156px -93px;} #footer .ref_logos ul li.item_3 a:hover {width:101px; height:93px; background-position:-296px -93px;} #footer .ref_logos ul li.item_4 a:hover {width:118px; height:93px; background-position:-402px -93px;} #footer .ref_logos ul li.item_5 a:hover {width:111px; height:93px; background-position:-520px -93px;} #footer .ref_logos ul li.item_6 a:hover {width:132px; height:93px; background-position:-631px -93px;} #footer .ref_logos ul li.item_7 a:hover {width:137px; height:93px; background-position:-763px -93px;} /* Scrooler -------------------------------------------------------------- */ #scroller_container {height:250px;overflow:hidden;position:relative;width:209px;} .MasterDetail .MasterColumn {background:url("i/post.jpg") no-repeat scroll 0 4px transparent;color:#666666;cursor:pointer;font-size:13px;line-height:15px;margin-top:15px;padding-left:13px;z-index:2;} /* Forms -------------------------------------------------------------- */ #form_218 .form_field, #form_219 .form_field {clear:both;float:left;padding-bottom:3px;position:relative;width:98%;} #form_218 .form_field, #form_219 .form_field_2 a {float:left;margin-left:10px;padding-top:2px;} #form_218 .form_field label, #form_219 .form_field label{float:left;font-style:italic;left:0;position:relative;text-align:right;width:183px;} #form_218 .form_field input, #form_219 .form_field input{padding:2px;float:left;left:7px;position:relative;font-family:'Trebuchet MS';font-size:10pt;} #form_218 .form_field select, #form_219 .form_field select{font-family:'Trebuchet MS';font-size:10pt;margin-left:7px;} #form_218 .form_field textarea, #form_219 .form_field textarea{font-family:'Trebuchet MS';font-size:10pt;height:191px;margin-left:7px;margin-top:6px;padding:2px;width:191px;} #form_218 .simple_captcha, #form_219 .simple_captcha {display:inline-table;} .headnote {font-size:15px;margin-bottom:25px;} .headnote p {color:#6D6E71;} #form_218 hr, #form_219 hr {color:#CCCCCC} #form_218 #form_plugin_form_datum_submit, #form_219 #form_plugin_form_datum_submit{font-family:'Trebuchet MS';font-size:10pt;margin-top:10px;} #kurumsal #main #left .yield .widget_2, #bireysel #main #left .yield .widget_2 {margin-top:25px;padding-bottom:10px;} .formError {color:red;left:373px;margin-left:28px;position:absolute;top:0;} /* Contact -------------------------------------------------------------- */ #iletisim .yield {float:left;width:383px;} #iletisim .yield iframe {margin-top:52px;} #iletisim .yield h3 {border-bottom:2px solid #009FD6;padding-bottom:7px;} #iletisim .yield span.s1 {margin-right:40px;} #iletisim .yield span.s2 {margin-right:54px;} #iletisim .yield span.s3 {margin-right:45px;} #iletisim .yield span.s4 {margin-left:89px;} #iletisim .yield .pimg{background:none repeat scroll 0 0 #F1F1F1;margin-bottom:15px;float:left;width:383px;padding:0px;-moz-border-radius: 5px;-webkit-border-radius: 5px;text-align:center;} #iletisim .kayitformu {float:right;width:297px;} #iletisim .kayitformu .headnote {float:left;} #iletisim .kayitformu .pimg{-moz-border-radius:5px 5px 5px 5px;background:none repeat scroll 0 0 #F1F1F1;clear:both;text-align:center;width:277px;-webkit-border-radius: 5px;} #iletisim .kayitformu #form_222 .form_field{float:left;margin-bottom:10px;} #iletisim .kayitformu #form_222 label {float:left;width:100px;} #iletisim .kayitformu #form_222 input {padding:2px;} #iletisim .kayitformu #form_222 textarea {width:280px;height:100px;padding:2px;} #iletisim .kayitformu #form_222 .simple_captcha {float:left;} #iletisim .kayitformu #form_222 #form_plugin_form_datum_submit {margin-top:4px;} /* Breite beschränken */ .limiter {text-align: left;width: 80%;max-width: 69.23em;padding: 1.2em 1.5em;margin-left: auto;margin-right: auto;} #main #left .box1 ul {margin-bottom: 2em;} .fade{margin-bottom: 2em;} .fade p{margin-bottom: 2em;text-align: center;width: 100%;background: #fff;} #att {background-color: #fffeb8;border-bottom: 1px solid;height: 2.5em;line-height: 2.5em;position: absolute;top:0;width: 100%;} #att p{margin: 0;display: inline;padding: 6px 0 6px 26px;} /* Slider -------------------------------------------------------------- */ .slide span { border:1px solid #ebebeb; overflow:hidden; margin:1px; float:left; width:149px; height:150px;} #slideshow {clear:both;float:left;margin:0 auto;width:640px;position:relative;} #slideshow #slidesContainer {margin:0 auto;width:620px;height:781px;overflow:auto; /* allow scrollbar */position:relative;} #slideshow #slidesContainer .slide { margin:0 auto; float:left; width:620px !important; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:786px;} #slideshow {height:778px;margin:0 auto;position:relative;width:640px;} #leftControl {background:url("i/back1.png") no-repeat scroll 0 0 transparent;cursor:pointer;display:block;height:16px;left:14px;overflow:hidden;padding:2px;position:absolute;text-indent:-9999px;top:781px;width:16px;} #rightControl {background:url("i/next1.png") no-repeat scroll 0 0 transparent;cursor:pointer;display:block;height:16px;left:604px;overflow:hidden;padding:2px;position:absolute;text-indent:-9999px;width:16px;} /* jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider Copyright (c) 2009 Niall Doherty This plugin available for use in all personal or commercial projects under both MIT and GPL licenses. */ /* Insignificant stuff, for demo purposes */ /* Most common stuff you'll need to change */ #coda-slider-1 {clear:right;} /* Use this to keep the slider content contained in a box even when JavaScript is disabled */ .coda-slider-no-js .coda-slider { } /* Change the width of the entire slider (without dynamic arrows) */ .coda-slider, .coda-slider .panel { width: 221px; height:125px; } /* Change margin and width of the slider (with dynamic arrows) */ .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 201px } .coda-slider-wrapper.arrows .coda-slider { margin: 0 10px; padding-bottom:5px; } /* Arrow styling */ .coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px } /* Tab nav */ .coda-nav ul li a.current { background: #39c } #coda-nav-1 {display:none;} /* Panel padding */ .coda-slider .panel-wrapper { } /* Preloader */ .coda-slider p.loading { display:none; } /* Don't change anything below here unless you know what you're doing */ /* Tabbed nav */ .coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden } .coda-nav ul li { display: inline } .coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none } /* Miscellaneous */ .coda-slider-wrapper { clear: both; width:221px; } .coda-slider { float: left; top:-30px; overflow: hidden; position: relative } .coda-slider .panel { display: block; float: left } .coda-slider .panel-container { position: relative } #coda-nav-left-1 {position:relative; top: 141px; width:16px; clear:both; margin:8px 0 5px 10px;} #coda-nav-right-1 {width:16px; float:right; margin-right:10px; margin-top:-20px; } .coda-nav-left a { background:url("i/back1.png") no-repeat scroll 0 0 transparent;cursor:pointer;display:block;height:16px;left:14px;overflow:hidden;text-indent:-9999px;width:16px; } .coda-nav-right a { background:url("i/next1.png") no-repeat scroll 0 0 transparent;cursor:pointer;display:block;height:16px;text-indent:-9999px;width:16px; } /****************************************/ .ltr {direction:ltr;} .rtl {direction:rtl;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} /*------------------------------------------------------------------------------------------*/ .activity_calendar { border: 1px solid #ccc; padding: 5px; z-index: 100000;} .activity_calendar h5 {color: #6D6E71; font-size: 14px; text-align: center;margin-bottom:7px;} .switch_month a { color: #6D6E71; } .activity_description h4 {font-size:14px;font-weight:bold;} .activity_description { text-align: justify; width: 670px;} .activity_datetime span, .info_label { color: #000000; font-size: 13px; font-style: italic; font-weight: bold;} .info_value span {font-weight:normal;font-style: normal;} .info_value {color:#000;} .sharing_icons a {float: left;margin:3px;} .activity_description p {font-size:13px;margin-bottom:10px;} a {text-decoration:none;} .activity_calendar th, .activity_calendar tr { color: #fff; height: 1.5em; padding: 0; text-align: center; width: 2.5em; } .activity_calendar thead th { background: none repeat scroll 0 0 #009FD6; } .notmonth { color: #CCCCCC; } .notmonth .empty_day {color:#ccc;} .activity_calendar tr td { background: none repeat scroll 0 0 white; border: 1px solid #CCCCCC; color: #003C78; line-height: 2em; text-align: center; white-space: nowrap; padding:0; } .today {text-decoration:underline;} .active_day { background: none repeat scroll 0 0 #D8DFE5; display: block; } .active_day a { color: #009FD6; text-decoration: none; } .active_day a:hover {text-decoration:underline;} .activity_row {float:left;margin-bottom:35px;} #activities, .show_activity {font-size:15px;} #activities #activities_title {color:#2D2D2D;} #activities #activity_list {margin-top:10px;} .activity_title a {font-weight:bold;} .info_label {color:#000;} .activity_address {display:none;} .activity_info {font-size:13px;margin-top:10px;}