body {
    /*min-height: 100%;*/
    /*position: static;
    	top: auto;
    	bottom: auto;
    	left: auto;
    	right: auto;*/
    /*height: 100% !important;*/
    background-position: center top;
    background-repeat: no-repeat;
    /*background-image: url(/images/content/mainbg_scroll_default.jpg);*/
    /* alt sayfalarda !important ile başka resim verilebilir */
    background-size: 100% auto
    }
#HeadColumn {
    width: 210px
    }
.ContentPageMenuItem {
    font-size: 10pt;
    margin: 8px 0 8px 0
    }
.ContentPageMenuSubItem {
    font-size: 10pt;
    margin: 8px 0 8px 0;
    color: black !important
    }
#ContentColumn {
    overflow-y: auto;
    background-size: 100% auto;
    position: static !important;
    top: auto !important;
    left: auto !important;
    bottom: auto !important;
    right: auto !important;
    margin-left: 210px
    }
#ContentFrameWrapper {
    padding: 40px;
    max-width: 900px
    }
#ContentFrame {
    /*background-color: rgba(255,255,255,.94);*/
    background-color: rgba(255, 255, 255, 1);
    /*border-radius: 5px;*/
    padding: 14px 0 30px 0
    }
#ContentHeader {
    padding: 0 40px 14px 40px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
    }
#Breadcrumbs {
    padding: 10px 40px 0 40px;
    color: black;
    font-size: 8pt
    }
#Breadcrumbs a {
    color: #848484
    }
#ContentArea {
    padding: 20px 30px 0 30px
    }
#specialcontentwrapper {
    padding: 0 30px 0 30px
    }
h2 {
    margin: 0 10px 20px 10px
    }
h3 {
    margin: 0 10px 3px 10px
    }
p {
    line-height: 18px;
    margin: 0 10px 10px 10px;
    padding: 0 0 0 0
    }
@media screen and (max-width: 1202px) {
    body {
        background-size: auto auto
        }
    }
@media screen and (max-width: 640px) {
    #HeadColumn {
        width: 180px
        }
    .ContentPageMenuItem {
        font-size: 9pt
        }
    .ContentPageMenuSubItem {
        font-size: 9pt
        }
    #ContentColumn {
        margin-left: 180px
        }
    }
@media screen and (max-width: 600px) {
    #ContentColumn {
        background-image: none
        }
    body {
        /*background-image: url(/images/content/mainbg_scroll_default.jpg);*/
        }
    }
@media screen and (max-width: 400px) {
    #ContentFrameWrapper {
        padding: 20px
        }
    #ContentHeader {
        padding: 0 20px 14px 20px
        }
    #Breadcrumbs {
        padding: 10px 20px 20px 20px
        }
    #ContentArea {
        padding: 0 20px 0 20px
        }
    #specialcontentwrapper {
        padding: 0 20px 0 20px
        }
    }