/* ------------------------------------------------------------------------- */
/* ::: CSS GENERAL :::                                                       */
/* ------------------------------------------------------------------------- */
*{
    margin:0;
    padding:0;    
    font-family: Tahoma, Geneva, sans-serif;    
}
body{
    background:#9c231b url('img/body_back.png') repeat-y top;
}
p{
    font-size:13px;    
    padding:5px 15px 5px 15px;
    color:#111111;
}
a{
    color:#9C231B;
    text-decoration:none;
}
a:hover{    
    text-decoration:underline;
}
h1{
    font-size:20px;
    font-weight:normal;
    padding:10px 15px;
    color:#9c231b;
}
h2{
    font-size:18px;
    font-weight:normal;
    padding:10px 15px;
    color:#9c231b;
}
h3{
    font-size:16px;
    font-weight:normal;
    padding:8px 15px;
    color:#9c231b;
}
h4{
    font-size:15px;
    font-weight:normal;
    padding:8px 15px;
    color:#9c231b;
}
h5{
    font-size:14px;
    font-weight:normal;
    padding:6px 15px;
    color:#9c231b;
}
h6{
    font-size:13px;
    font-weight:normal;
    padding:6px 15px;
    color:#9c231b;
}
table{
    margin:10px 15px;    
}
th{
    font-size:14px;    
    padding:3px 5px 3px 5px;
}
td{
    font-size:13px;
    padding:3px 5px 3px 5px;
}
table p{
    font-size:13px;
    text-align:justify;
    padding:3px 5px 3px 5px;
    color:#111111;
}
table a{
    padding:3px 5px 3px 5px;
}
ul{
    padding:10px 10px 10px 40px;
}
li{
    font-size: 13px;
    color: #000;
}
#div-title-news-container h2{
    font-size:20px;
    font-weight:normal;
    padding:10px 15px;
    color:#111111;
}
a.no-link{
    cursor: default;
}
/* ------------------------------------------------------------------------- */
/* ::: DIV STRUCTURE :::                                                     */
/* ------------------------------------------------------------------------- */
#div-body{
    width:930px;
    min-height:500px;
    margin:auto;
    margin-top:20px;
    background:#ffffff;
}
#div-head_container{
    width:916px;
    height:162px;
    margin:0 7px;
}
#div-head-left{
    width:570px;
    height:155px;
    float:left;
}
#div-head-logo{
    width:570px;
    height:75px;
}
#div-head-discipline-img{
    width:570px;
    height:80px;
}
#div-title-head-container{
    width:916px;
    height:178px;
    margin:0 7px;
}
#div-title-head-logo{
    width:165px;
    height:165px;
    float:left;
}
#div-title-head-logo-name{
    width:570px;
    height:100px;
    float:left;
}
#div-title-head-rightbox{
    width:181px;
    height:100px;
    float:left;
}
#div-title-head-logo-slogan{
    width:465px;
    height:65px;
    background:url('img/zus_title_logo_slogan.png');
    float:left;
}
#div-title-head-icon-menu{
    width:286px;
    height:65px;
    float:left;
}
#div-head-icon-menu{
    width:346px;
    height:151px;
    float:left;
    margin:4px 0 0 0;
}
#div-title-head-bottom{
    width:916px;
    height:13px;
    clear:both;
}
#div-horizontal-menu{
    width:916px;
    height:32px;
    margin:0 7px;
    background:#d0cecf url('img/horizontal_menu_back.png') repeat-x;
}
#div-title-main-menu-container{
    width:916px;
    height:265px;
    margin:0 7px;
}
#div-title-news-container{
    width:916px;
    height:500px;
    margin:0 7px;
}
#div-footer-container{
    width:930px;
    height:32px;
    background:url('img/footer_back.png');
}
#div-footer-icon-menu-container{
    width:930px;
    height:85px;
    padding:10px 0;
    background:#9C231B;
}
#div-footer-icon-menu{
    width:910px;
    height:65px;
    margin:0 10px;
    background:#9C231B;
}
.div-clear{
    width:100%;
    height:1px;
    font-size:1px;
    clear:both;
}
.div-clear1{
    width:100%;
    height:7px;
    font-size:1px;
    clear:both;
}
/* ------------------------------------------------------------------------- */
/* ::: HEAD :::                                                              */
/* ------------------------------------------------------------------------- */
#div-head-logo img{
    border: none;
}
#div-title-head-logo img{
    border: none;
}
#div-title-head-logo-name img{
    border:none;
}
#div-title-head-icon-menu a{
    width:65px;
    height:65px;
    margin:0 8px 0 0;
    float:left;
}
#div-head-icon-menu a{
    width:80px;
    height:80px;
    margin:0;
    float:left;
}
#icon-title-art{    
    background:url('img/icon_title_art.png');
}
#icon-title-art-actv{
    background:url('img/icon_title_art_actv.png');
}
#icon-title-dance{    
    background:url('img/icon_title_dance.png');
}
#icon-title-dance-actv{
    background:url('img/icon_title_dance_actv.png');
}
#div-title-head-icon-menu #icon-title-drama{
    background:url('img/icon_title_drama.png');
    margin:0;
}
#icon-title-drama-actv{
    background:url('img/icon_title_drama_actv.png');
}
#div-title-head-icon-menu #icon-title-music{
    background:url('img/icon_title_music.png');
    margin-left: 2px;
}
#icon-title-music-actv{
    background:url('img/icon_title_music_actv.png');
}
#icon-art{
    background:url('img/icon_art.png');
}
#icon-art-actv{
    background:url('img/icon_art_actv.png');
}
#icon-dance{
    background:url('img/icon_dance.png');
}
#icon-dance-actv{
    background:url('img/icon_dance_actv.png');
}
#div-head-icon-menu #icon-drama{
    background:url('img/icon_drama.png');
    margin:0;
}
#icon-drama-actv{
    background:url('img/icon_drama_actv.png');
}
#icon-music{    
    background:url('img/icon_music.png');
}
#icon-music-actv{
    background:url('img/icon_music_actv.png');
}
#div-head-icon-music-container{
    width:80px;
    height:134px;
    float:left;
    margin:17px 0 0 8px;
}
#div-head-icon-dance-container{
    width:80px;
    height:134px;
    float:left;
    margin:17px 0 0 6px;
}
#div-head-icon-art-container{
    width:80px;
    height:134px;
    float:left;
    margin:17px 0 0 6px;
}
#div-head-icon-drama-container{
    width:80px;
    height:151px;
    float:left;
    margin:0 0 0 6px;
}
#div-head-icon-menu p{
    text-align:center;
    line-height:17px;
    font-size:14px;
    padding:10px 5px;
}
#head-icon-music-label{    
    color:#BEA062;
}
#head-icon-music-label-actv{
    color:#9C231B;
}
#head-icon-dance-label{    
    color:#BEA062;
}
#head-icon-dance-label-actv{
    color:#9C231B;
}
#head-icon-art-label{    
    color:#BEA062;
}
#head-icon-art-label-actv{
    color:#9C231B;
}
#head-icon-drama-label{    
    color:#BEA062;
}
#head-icon-drama-label-actv{
    color:#9C231B;
}
/* HORIZONTAL MENU__________________________________________________________ */
#div-horizontal-menu ul{
    list-style-type:none;
    padding:0;
}
#div-horizontal-menu li{
    font-size:16px;
    line-height:32px;
    float:left;
    text-align:center;
    padding:0 21px;
}
#div-horizontal-menu .li-separator{
    padding:0;
    color:#000000;
}
#div-horizontal-menu a{
    text-decoration:none;
    color:#000000;
}
#div-horizontal-menu a:hover{
    color:#9f2321;
}
#div-horizontal-menu #btn-actv{
    color:#9f2321;
}
/* ------------------------------------------------------------------------- */
/* ::: TITLE :::                                                             */
/* ------------------------------------------------------------------------- */

/* TITLE MAIN MENU__________________________________________________________ */
.div-title-main-menu-btn{
    width:225px;
    height:265px;    
    float:left;
    cursor:pointer;
}
.div-title-main-menu-btn p{
    font-size:16px;
    line-height:33px;
    text-align:center;
    color:#000000;
    padding:7px 0 0 0;
}
#div-title-main-menu-btn-music{
    margin:0 5px 0 0;
    background:url('img/title_btn_back.png');
}
#div-title-main-menu-btn-dance{
    margin:0 6px 0 0;
    background:url('img/title_btn_back.png');
}
#div-title-main-menu-btn-art{
    margin:0 5px 0 0;
    background:url('img/title_btn_back.png');
}
#div-title-main-menu-btn-drama{
    background:url('img/title_btn_back.png');
}
/* TITLE NEWS_______________________________________________________________ */
#div-title-news-col1{
    width:225px;
    height:500px;
    border-left: 3px solid #9f2321;
    background: #f8ebe5;
    float:left;
}
#div-title-news-col2{
    width:688px;
    height:500px;
    float:left;
    background:#fff;
}
#div-title-news-col1 p{
    font-size:13px;
    padding:5px 15px 0 15px;
}
#div-title-news-col1 a{
    color:#000000;
}
#div-title-news-col3 p{
    font-size:13px;
    padding:5px 15px 0 15px;
}
#div-title-news-col3 a{
    color:#000000;
}
#div-title-news-col1 .title-calendar-event{
    font-weight:bold;
    padding:0 15px 0 15px;
}
#div-title-news-col1 a:hover{
    color:#9c231b;
}
#div-title-news-col2 .title-news-event{
    font-weight:bold;
    padding:0 15px 0 15px;
}
#div-title-news-archiv{
    width:671px;
    height:35px;
}
#div-title-news-archiv p{
    font-size:15px;
    font-weight:bold;
    text-align:right;
    padding:10px 30px;
}
#div-title-news-col3 .title-schedule-event{
    font-weight:bold;
    padding:0 15px 0 15px;
}
#div-title-news-col3 a:hover{
    color:#9c231b;
}
#news-wrapper{
    height:420px;
    overflow:auto;
}
/* ------------------------------------------------------------------------- */
/* ::: CONTENT :::                                                           */
/* ------------------------------------------------------------------------- */
#div-category-content-container{
    width:916px;
    min-height:300px;
    margin:0 7px;
    background:url('img/content_back.png') repeat-y;
}
.div-category-vetical-menu{
    width:220px;
    min-height:300px;
    float:left;
    margin:0 16px 0 0;
}
#div-category-vetical-menu{
    width:220px;
    min-height:300px;
    float:left;
    margin:0 16px 0 0;
}
#div-category-content{
    width:680px;
    min-height:300px;
    float:left;
}
.div-category-vetical-menu p{
    padding:20px 0 10px 10px;
    line-height:18px;
    font-size:18px;    
}
.div-category-vetical-menu img{
    padding:0 10px 0 0;

}
.div-category-vetical-menu ul{
    list-style-type:none;
    padding:0 0 0 30px;
}
.div-category-vetical-menu li{
    padding:2px 0;
}
.div-category-vetical-menu a{
    text-decoration:none;
    font-size:16px;
    line-height:18px;
    color:#111111;
    padding:0 0 0 20px;
    background:url(img/icon_arrow_closed.png) no-repeat;
}
.div-category-vetical-menu a:hover{
    color:#9C231B;
    background:url(img/icon_arrow_closed_actv.png) no-repeat;
}
#div-article-content{
    width:916px;
    min-height:450px;
    margin:0 7px;
    background:#f8ebe5;
}
.calendar-event{
    width:650px;
}
.calendar-event-head{
    background:#B22C29;
    color:#fff;
    font-size:13px;    
}
.calendar-event-head-subject{
    font-weight:bold;
}
.calendar-event-date{
    text-align:right;
}

/* ------------------------------------------------------------------------- */
/* ::: FOOTER :::                                                            */
/* ------------------------------------------------------------------------- */
#div-footer-container ul{
    list-style-type:none;
    padding:0 0 0 20px;
}
#div-footer-container li{
    font-size:16px;
    line-height:32px;
    float:left;
    text-align:center;
    padding:0 10px;
}
#div-footer-container .li-separator{
    padding:0;
    color:#000000;
}
#div-footer-container a{
    text-decoration:none;
    color:#000000;
}
#div-footer-container a:hover{
    color:#9f2321;
}
#div-footer-container #btn-actv{
    color:#9f2321;
}
#div-footer-icon-menu a{
    width:65px;
    height:65px;
    margin:0 5px 0 0;
    float:left;
}
#icon-footer-art{    
    background:url('img/icon_footer_art.png') no-repeat;
}
#icon-footer-art-actv{
    background:url('img/icon_footer_art_actv.png') no-repeat;
    cursor:default;
}
#icon-footer-dance{    
    background:url('img/icon_footer_dance.png') no-repeat;
}
#icon-footer-dance-actv{
    background:url('img/icon_footer_dance_actv.png') no-repeat;
    cursor:default;
}
#icon-footer-drama{    
    background:url('img/icon_footer_drama.png') no-repeat;
}
#icon-footer-drama-actv{
    background:url('img/icon_footer_drama_actv.png') no-repeat;
    cursor:default;
}
#icon-footer-music{    
    background:url('img/icon_footer_music.png') no-repeat;
}
#icon-footer-music-actv{
    background:url('img/icon_footer_music_actv.png') no-repeat;
    cursor:default;
}

#table-gallery{
    
}
#table-gallery td{
    text-align:center;
    vertical-align:bottom;
    width:214px;
}
.img-box{
    cursor: pointer;
    float: left;
    height: 105px;
    width: 140px;
}


#firstname, #lastname, #age, #primaryschoolgrade, #musicalinstrument, #teacher, #phone, #email, #btn-send{
    border:1px #9C231B solid;
}
#btn-send{
    cursor:pointer;
}
#firstname{
    margin-left: 118px;
}
#lastname{
    margin-left: 108px;
}
#age{
    margin-left:81px;
}
#primaryschoolgrade{
    margin-left:36px;
}
#musicalinstrument{
    margin-left:65px;
}
#teacher{
    margin-left:10px;
}
#phone{
    margin-left: 112px;
}
#email{
    margin-left: 124px;
}
#btn-send{
    margin-left: 255px;
    padding:2px 5px;
}


/* 2019 */
.logo-100y{
    display:block;
    margin: 10px 0 0 33px;
}

.div-category-vetical-menu .logo-100y-big{
    display:block;
    margin:30px 20px 30px 20px;
    padding:0;
    background:none;
}