/* 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;

}



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.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;

}



#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: #CCCCCC;

text-decoration: none;

padding: 2px 15px 2px 15px;

font-size: 16px;

}



#menu a:hover {

color: #FFFFFF;

font-size: 22px;

padding: 4px 20px 4px 20px;

}



#menu a:active {

color: #FFFFFF;

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;

}
#galeri {

width: 640px;

height: 480px;

margin-top: 210px;

margin-left: 40px;

margin-right: 40px;

padding-left: 15px;

padding-right: 15px;

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;

}


#program {

margin-top: 15px;

padding: 0px;

width: auto;

height: auto;

}



#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;

}