body {
    padding: 0;
    margin: 0;
    background-color: #000;
}

#header {
    width: 100%;
    background: url('images/tr/header-background.png') repeat-x top;
    height: 71px;
    position: fixed;
}
#menu {
    width: 1150px;
    margin: auto;
}
#logo {
    width: 220px;
    float: left;
}
#ozlemix-logo, #album-sepeti-logo
{
	position: absolute;
}
.logo_aktif {
	display: block;
}
.logo_pasif {
	display: none;
}
#links {
    width: 835px;
    float: right;
}
.link {
    height: 71px;
    float: left;
    background: url('images/tr/menu-seperator.png') no-repeat left;
    text-align: left;
}
.link-baslik {
    margin: 15px 10px 0 25px;
}
.link span {
    font-family: 'Ubuntu', sans-serif;
    color: #857123;
    font-size: 14px;
    letter-spacing: 0.5px;
}
.link-baslik a:link {
    font-family: 'Ubuntu', sans-serif;
    color: #FFF;
    font-size: 18px;
    text-shadow: -1px -1px 0 #202328;
    text-decoration: none;
    letter-spacing: -0.5px;
}
.link-baslik a:visited {
    color: #FFF;
}
.link-baslik a:hover {
    color: #FFF;
}
#language {
    left:0;
	width: 120px;
	margin-top:289px;
	position:fixed;
}
#wrapper {
    width: 100%;
    margin-bottom: 25px;
}
#wrapper-image {
    position: fixed;
    z-index: -1;
}
.slide-image {
    width: 100%;
}
#wrapper-content {
    z-index: 1;
}
#left {
    width: 345px;
    float: left;
    position: fixed;
    margin-top: 200px;
}
#login-box {
    width: 263px;
    height: 263px;
    margin-top: -53px;
    margin-left: 75px;
    position: fixed;
    display: none;
}
#login-close {
    width: 41px;
    height: 41px;
    margin-top: -53px;
    margin-left: 343px;
    position: fixed;
    display: none;
}
.login-tr {
    background: url('images/tr/user-login-box.png');
}
.login-en {
    background: url('images/en/user-login-box.png');
}
.login-de {
    background: url('images/de/user-login-box.png');
}
#username-box {
    background: url('images/tr/user-login-username.png') no-repeat center;
    width: 208px;
    height: 31px;
    margin: 77px 0 0 10px;
}
#password-box {
    background: url('images/tr/user-login-password.png') no-repeat center;
    width: 208px;
    height: 31px;
    margin: 10px 0 0 10px;
}
#submit-box {
    width: 105px;
    height: 27px;
    text-align: right;
}
#submit {
    width: 105px;
    height: 27px;
    border: none;
    margin: 21px 0 0 110px;
}
.submit-tr {
    background: url('images/tr/user-login-button.png') no-repeat right;
}
.submit-en {
    background: url('images/en/user-login-button.png') no-repeat right;
}
.submit-de {
    background: url('images/de/user-login-button.png') no-repeat right;
}
.login-inputs {
    width: 150px;
    height: 19px;
    margin: 5px 0 5px 49px;
    border: none;
    background-color: #174d8e;
    color: #fff;
    font-family: "Trebuchet MS";
    font-size: 16px;
    text-shadow: 1px 1px 1px #000;
}
#yeni-uyelik {
    width: 170px;
    margin: 70px 0 0 95px;
}
a.uyelik:link {
    font-family: "Trebuchet MS";
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000;
    font-style: italic;
}
a.uyelik:visited {
    color: #ffffff;
}
a.uyelik:hover {
    font-family: "Trebuchet MS";
    font-size: 14px;
    color: #ccb723;
}
#login-icon {
    width: 53px;
    height: 53px;
}
#support-icon {
    width: 53px;
    height: 53px;
    margin-top: 10px;
}

#middle {
    width: 1000px;
    height: 730px;
    margin: auto;
    padding-top: 120px;
}
#content-box {
    width: 1000px;
    margin: auto;
    height: 700px;
}
#content-text {
    padding: 20px;
    background: rgba(250, 250, 250, 0.85);
    font-family: "Trebuchet MS";
    font-size: 14px;
    text-shadow: 1px 1px 0 #ccc;
}
#content-title {
    padding: 7px;
    background-color: #999999;
    font-family: "Trebuchet MS";
    color: #ffffff;
    font-size: 70px;
}
#right {
    width: 100px;
    right: 0;
    text-align: right;
    margin-top: -700px;
    position: fixed;
}
#right1 {
    width: 100px;
    right: 0;
    text-align: right;
    margin-top: -720px;
    position: fixed;
}
#right2 {
    width: 100px;
    right: 0;
    text-align: right;
    margin-top: -730px;
    position: fixed;
}
#uyeol {
    width: 50px;
    height: 85px;
    float: right;
}
#en-uyeol {
    width: 50px;
    height: 104px;
    float: right;
}
#de-uyeol {
    width: 50px;
    height: 142px;
    float: right;
}
#e-katalog {
    width: 50px;
    height: 105px;
    float: right;
}
#kaliplar {
    width: 50px;
    height: 103px;
    float: right;
	margin-top:11px;
}
#de-kaliplar {
    width: 50px;
    height: 117px;
    float: right;
    margin-top:11px;
}
#en-kaliplar {
    width: 50px;
    height: 117px;
    float: right;
    margin-top:11px;
}
#odeme {
    width: 50px;
    height: 124px;
    float: right;
}
#kaliplar img, #e-katalog img, #odeme img , #uyeol img{
    display: block;
    width: 30px;
    float: right;
}
#de-uyeol img, #en-uyeol img, #de-kaliplar img, #en-kaliplar img{
    display: block;
    width: 30px;
    float: right;
}
a.language:link {
    color: #ffffff;
    font-family: "Trebuchet MS";
    font-size: 13px;
    text-decoration: none;
}
a.language:visited {
    color: #ffffff;
}
a.language:hover {
    text-decoration: underline;
}
#bolge {
    width: 800px;
    margin: auto;
}
.album {
    background-color: #f3f3f3;
    width: 250px;
    height: 260px;
    float: left;
    margin: 3px;
    text-align: center;
}
.album-baslik {
    padding: 15px 15px 15px 15px;
    background-color: #fff;
    width: 220px;
    font-family: "Trebuchet MS";
    font-size: 18px;
    color: #2282cc;
}
.resim {
    margin-top: 15px;
    padding: 5px;
    border: solid 1px #ccc;
}
#campaigns {
    left: 0;
    position: fixed;
    margin-top: 250px;
    margin-left: 75px;
}
#campaigns-title {
    background: url('images/tr/black-bar.png') no-repeat;
    float: left;
    width: 198px;
    height: 38px;
    padding: 5px 0 0 10px;
    color: #ffffff;
    font-family: Ubuntu;
    font-size: 25px;
    letter-spacing: -1px;
}
#campaign-down {
    float: left;
    margin-left: -10px
}
#campaigns-content {
    background: url('images/tr/white-bar.png') repeat-x;
    height: 29px;
    margin-top: -5px;
    padding: 4px 10px 0 10px;
    font-family: Ubuntu;
    font-size: 20px;
    color: #666;
    text-shadow: -1px 0 0 #ccc;
}

#socials {
    right: 0;
    position: fixed;
    margin-top: 300px;
    margin-right: 15px;
}
#social-title {
    background: url('images/tr/black-bar.png') no-repeat;
    float: right;
    width: 198px;
    height: 38px;
    padding: 5px 0 0 10px;
    text-align: left;
    color: #ffffff;
    font-family: Ubuntu;
    font-size: 25px;
    letter-spacing: -1px;
}
#social-content {
    height: 142px;
    margin-right: 11px;
    margin-top: 5px;
    padding: 4px 10px 0 10px;
    font-family: Ubuntu;
    font-size: 20px;
    color: #666;
    text-shadow: -1px 0 0 #ccc;
    display: none;
}
#social-down {
    float: right;
    margin-left: -10px;
}
#youtube {
    background: url('images/tr/youtube-box.png') no-repeat;
    width: 266px;
    height: 142px;
    float: right;
    margin-right: -10px;
}
#facebook {
    background: url('images/tr/facebook-box.png') no-repeat;
    width: 266px;
    height: 142px;
    float: right;
    margin-right: 7px;
}
#twitter {
    background: url('images/tr/twitter-box.png') no-repeat;
    width: 266px;
    height: 142px;
    float: right;
    margin-right: 7px;
}
.uyari-basarili
{
	color: #060;
	font-size: 24px;
}
.uyari-basarisiz
{
	color:#cc0000;
	font-size:24px;
}
.clear-left {
    clear: left;
}
.clear-right {
    clear: right;
}
.clear-both {
    clear: both;
}