/* CSS Document */

body {
background-color: #000000;
color: #FFFFFF;
margin-top: 10px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 10px;
}

body,td,th,div,tr {
font-family: Trebuchet MS;
font-size: 12px;
}

h1 {font-size:18px; margin:5px 0 5px 0;}
h2 {font-size:16px; margin:5px 0 5px 0;}
h3 {font-size:14px; margin:5px 0 5px 0;}
h4 {font-size:12px; margin:5px 0 5px 0;}

a {
color: #FFFFFF;
text-decoration: none;
font-weight: bolder;
}

a:hover {
color: #CCCCCC;
text-decoration: underline;
}

body#main {
background-color: #FFFFFF;
margin: 0px;
text-align: center;
}

#logo {
width: 450px;
height: 180px;
margin-top: 150px;
margin-right: auto;
margin-left: auto;
padding: 0px;
border: 1px solid #000000;
background-image: url(img/ne-varsa-sokakta-var.jpg);
background-position: top;
background-repeat: no-repeat;
}

#logolang {
width: 295px;
height: 25px;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 180px;
left: 50%;
border: none;
background: none;
z-index: inherit;
text-align: right;
}

#logolangtxt {
width: 70px;
height: 25px;
text-align: center;
line-height: 25px;
font-weight: bolder;
float: right;
color: #FFFFFF;
background-color: #000000;
}

#logolangtxt a {
color: #FFFFFF;
text-decoration: none;
padding: 4px;
font-weight: bolder;
}
#logolangtxt a:hover {
color: #000000;
text-decoration: none;
background-color: #FFFFFF;
padding: 4px;
font-weight: bolder;
}

#afis {
width: 750px;
height: 1072px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: auto;
padding-right: auto;
text-align: center;
border: 2px solid #FFFFFF;
background-image: url(img/sokakta-senlik-3.jpg);
background-position: center top;
background-repeat: no-repeat;
}

#language {
width: 70px;
height: 25px;
margin-left: 375px;
margin-right: auto;
position: absolute;
top: 40px;
left: 50%;
border: none;
background: none;
z-index: inherit;
text-align: right;
}

#langtxt {
width: 70px;
height: 25px;
text-align: center;
line-height: 25px;
font-weight: bolder;
float: right;
color: #000000;
background-color: #FFFFFF;
background-image: url(img/lang-box-corner.gif);
background-repeat: no-repeat;
background-position: top right;
}

#langtxt a {
color: #000000;
text-decoration: none;
padding: 4px;
font-weight: bolder;
}
#langtxt a:hover {
color: #FFFFFF;
text-decoration: none;
background-color: #000000;
padding: 4px;
font-weight: bolder;
}

#historyyear {
width: 50px;
height: 70px;
margin-left: 375px;
margin-right: auto;
position: absolute;
top: 120px;
left: 50%;
border: none;
background: none;
z-index: inherit;
text-align: right;
}

#historyytxt {
width: 50px;
height: 25px;
text-align: center;
line-height: 25px;
font-weight: bolder;
margin-top:5px;
margin-bottom:5px;
float: right;
color: #000000;
background-color: #FFFFFF;
background-image: url(img/lang-box-corner.gif);
background-repeat: no-repeat;
background-position: top right;
}

#historyytxt a,
#historyytxt a:visited,
#historyytxt a:active{
color: #000000;
text-decoration: none;
padding: 4px;
font-weight: bolder;
}

#historyytxt a:hover,
#historyytxt a:focus {
color: #FFFFFF;
text-decoration: none;
background-color: #000000;
padding: 4px;
font-weight: bolder;
}

#quickicon {
width: 23px;
height: 62px;
margin-left: -400px;
margin-right: auto;
position: absolute;
top: 10px;
left: 50%;
border: none;
background: none;
z-index: inherit;
text-align: right;
}

#quickiconbox {
width: 23px;
height: 62px;
float: left;
color: #000000;
text-align: center;
background: none;
}

#quickiconbox-link1 {
width: 25px;
height: 18px;
text-align: center;
vertical-align: middle;
background-color: #FFFFFF;
background-image: url(img/giris.gif);
background-position: 4px 3px;
background-repeat: no-repeat;
}

#quickiconbox-link1:hover {
width: 25px;
height: 18px;
line-height: 16px;
text-align: center;
vertical-align: middle;
background-color: #000000;
background-image: url(img/giris-h.gif);
background-position: 4px 3px;
background-repeat: no-repeat;
}

#quickiconbox-link2 {
width: 25px;
height: 18px;
text-align: center;
vertical-align: middle;
background-color: #FFFFFF;
background-image: url(img/iletisim.gif);
background-position: 4px 3px;
background-repeat: no-repeat;
}
#quickiconbox-link2:hover {
width: 25px;
height: 18px;
text-align: center;
vertical-align: middle;
background-color: #000000;
background-image: url(img/iletisim-h.gif);
background-position: 4px 3px;
background-repeat: no-repeat;
}

.quickiconbox-s1 {
width: 25px;
height: 10px;
margin: 0px;
padding: 0px;
background: none;
background-color: #FFFFFF;
}

.quickiconbox-s2 {
width: 25px;
height: 5px;
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
}

.quickiconbox-s3 {
width: 25px;
height: 10px;
margin: 0px;
padding: 0px;
background-image: url(img/qi-box-corner.gif);
background-position: top left;
background-repeat: no-repeat;
}

#imza {
width: 750px;
height: 36px;
color: #666666;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}

#imza a {
color: #CCCCCC;
text-decoration: none;
font-weight: normal;
}

#imza a:hover {
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}

#imz1 {
width:600px;
float: left;
text-align: left;
}

#imz2 {
width: 100px;
float: right;
text-align: right;
}

#imz1a {
width: 100%;
margin: 0px;
padding: 0px;
}

#imz1b {
width: 100%;
margin: 0px;
padding: 0px;
font-style:italic;
}

#history {
width: 750px;
color: #666666;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
text-align: left;
color: #999999;
}

#history a {
color: #CCCCCC;
text-decoration: none;
font-weight: normal;
}

#history a:hover {
color: #FFFFFF;
text-decoration: none;
font-weight: normal;
}

#bosluk {
height: 10px;
}

#menu {
width: 100%;
height: 30px;
line-height: 30px;
text-align: center;
font-weight: bolder;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
}

#menu a {
color:#000000;
text-decoration: none;
padding: 2px 10px 2px 10px;
font-size: 16px;
}

#menu a:hover {
color:#333333;
font-size: 22px;
padding: 4px 20px 4px 20px;
}

#menu a:active {
color:#333333;
font-size: 22px;
}

#icerik {
width: 598px;
height: auto;
margin-top: 210px;
margin-left: 55px;
margin-right: 55px;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 20px;
text-align: justify;
color: #FFFFFF;
background-color: #000000;
border: 1px solid #FFFFFF;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=90);
opacity:0.9;
-moz-opacity:0.9;
-khtml-opacity:0.9;
}

#icerik-galeri {
width: 598px;
height: auto;
margin-top: 210px;
margin-left: 55px;
margin-right: 55px;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 20px;
text-align: justify;
color: #FFFFFF;
background-color: #000000;
border: 1px solid #FFFFFF;
}

#program {
margin-top: 15px;
padding: 0px;
width: auto;
height: auto;
}

#galeri {
margin-top:15px;
padding:5px;
width:auto;
height:auto;
border-top:2px solid #CCC;
}

#katilim {
width: auto;
height: 540px;
padding: 10px;
overflow: auto;
text-align: left;
margin-top: 10px;
}

#film {
text-align: center;
margin-top: 15px;
}

.sembol {
font-size: 16px;
}

.tbclass {
border-top: 1px dashed #333333;
border-right: 1px dashed #333333;
border-left: 1px dashed #333333;
}

.tdclass, .tdclass1, .tdclass2, .tdclass3, .tdclass4 {
padding: 3px; 
text-align: left;
font-size: 10px;
}

.tdclass {
width: auto;
border-left: 1px dashed #333333;
border-bottom: 1px dashed #333333;
}

.tdclass1 {
width: 65px;
border-right: 1px dashed #333333;
border-bottom: 1px dashed #333333;
}

.tdclass2 {
width: 160px;
border-right: 1px dashed #333333;
border-bottom: 1px dashed #333333;
}
.tdclass3 {
width: 120px;
border-right: 1px dashed #333333;
border-bottom: 1px dashed #333333;
}
.tdclass4 {
width: auto;
border-bottom: 1px dashed #333333;
}

#baslik {
font-size: 24px;
font-variant: bolder;
margin-bottom: 10px;
}

#menu {
width: 100%;
height: 30px;
line-height: 30px;
text-align: center;
font-weight: bolder;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
font-size: 16px;
}

#spot {
}

#icerik-menu a {
color: #CCCCCC;
text-decoration: none;
font-size: 16px;
font-weight: bolder;
}

#icerik-menu a:hover {
color: #FFFFFF;
text-decoration: none;
font-size: 16px;
font-weight: bolder;
}

.img {
margin: 5px;
}