body {
    background-position: top;
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: center;
    background-image: url('../Image/PageBackground.png');
    background-repeat: repeat-x;
    background-color: #efefef;
}

#obal {
    margin: 0 auto;
    width: 990px;
    background-image: url('../img/head.jpg');
    background-position: 50% top;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-weight: bold;
}

#head {
    margin: 0px;
    width: 100%;
    text-align: left;
    height: 125px;
    background-color: #FFFFFF;
}

#head a {color:Gray; font-size:11px;}

.HeaderImg {width: 235px; height: 125px; float:left; margin-left:77px;}

#menuobal {
    margin: 0px;
    width: 100%;
    height:75px;
    text-align: left;
    background-color: #E30B00;
    background-image: url('../Image/HeadBackground.jpg');
    background-repeat: repeat-y;
    font-weight:normal;
    z-index:3;
}

#menuobal a { color:White; text-decoration:none;}

.content {
    background-position: top;
    margin: 0px;
    font-weight: normal;
    width: 100%;
    text-align: left;
    background-color: white;
    color: #666666;
    font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; 
    font-size:13px;
}

.content p, .content span {

    width: 100% ! important;

}

.content a {
    text-decoration: none;
    color: #3399FF;
}


.rigtAreaBack {background-position: right; float:left; margin-top:20px; width:670px; background-image: url('../Image/BackLinkeVer.png'); background-repeat: repeat-y;}

.selected { font-weight:bold;}

.content a:hover { text-decoration:underline; color:Gray;}

H1 { font-size:14px; margin-top:0;}

H2 { font-size:14px; font-weight:normal;}

H4 { font-size:14px; margin:0;}

.middlebox {width:300px; margin-bottom: 10px; height: 26px; border: 1px solid; border-radius: 0; }

.label-form {margin-top: 8px; display: block;}

.marginTop10 {margin-top: 10px;}
.paddingTop10 {padding-top: 10px;}
.displayUnset {display: table-cell;}
.registration-of-interest .label-form {margin-right: 10px;}




/* TAB MENU  TABLE
----------------------------------------------------------*/

div.hideSkiplink
{
    padding-left:90px;

}

div.menu
{
    padding: 0px;
}
.IE8Fix
{ z-index:1000;}

.StaticMenuItem {padding:3px; display: block;}
.StaticMenuItem a:hover
{
    background-color: #848588;
    color: #FFFFFF;
    text-decoration: none;
}

.DynamicMenuItemStyle {background-color: #AB1427; padding:3px; display: block;}
.DynamicMenuItemStyle a:hover
{
    background-color: #848588;
    color: #FFFFFF;
    text-decoration: none;
}

a.StaticSelected {font-weight:bold;}




/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

.clear
{
    clear: both;
}

.login {
    width:990px; 
    text-align:right; 
    margin-bottom:31px; 
    padding-top:2px;}

.right-header-space {
    float:left; 
    width:673px;  
    margin-top:107px; 
    text-align:right;
}

.right-content {
    background-position: left; 
    float:left; 
    width:219px; 
    padding-left:5px; 
    margin-top:20px; 
    background-color:#FFFFFF;
}

.left-content {
    padding-left:93px; 
    width:550px;  
    padding-right:5px;
}

.left-content table {width: 100% ! important; height: auto ! important; }
.left-content table ul li span {float: none;}

.login-dialog {text-align: center;}
.login-dialog table {margin-left: auto; margin-right: auto;}

#responsive-menu{display: none; }
.slicknav_menu {display:none;}
#menu {display: none;}

/* NEW HOMEPAGE */ 

.cleaner {font-size: 1px; line-height: 1px; height: 0px; clear: both;}

/* NEW HOMEPAGE - PINNED POST */

.pinned-post {margin: 0 0 20px 0; float: left; width: 100%; }
.pinned-post-detail img {width: 100%; height: auto; }
.pinned-post-detail-date {margin-top: 10px;  color: #646464; }
.pinned-post-detail-subtitle {margin-top: 10px; font-size: 16px; color: #333; }
.pinned-post-detail h3 span {color: #333; margin-top: 25px; font-size: 20px;} 
.pinned-post-detail h3 {margin-bottom: 10px;}
.pinned-post-detail a {font-size: 16px;}

/* NEW HOMEPAGE - EVENTS */
.events-list { margin: 20px 0; float: left; width: 100%;}
.events-list h3 {text-transform: uppercase;}
.events-list-item {margin: 8px 0; height: 80px; border: 1px solid #ccc; float: left; width: 100%; display: block;}
.events-list-item-date { width: 20%;  height: 80px; text-align: center; display: inline-block; background-color: #AB1427; float: left; color: #fff; font-weight: bold;  }
.events-list-item-date span { display: block; font-size: 14px; padding: 28% 0 0 0; }
.events-list-item-subtitle {float: left; width: 75%; display: block; padding: 2.5%; } 
.events-list-item .events-list-item-subtitle h4 span{color: gray;}
.events-list-item .more-here:hover {text-decoration: underline;}
.events-list h3 {font-size: 22px; margin-bottom: 10px;}

.more {float: right; margin-top: 10px; }
.NewsHeadline {max-width: 100% ! important; height: auto; width: 100%;}

/* RIGHT EVENTS LIST */
.right-events-list .events-list { margin: 20px 0; float: left; width: 100%;}
.right-events-list .events-list-item {margin: 8px 0; height: auto; border: 1px solid #ccc; float: left; width: 100%; display: block;}
.right-events-list .events-list-item-date { width: 100%;  height: auto; text-align: left; display: inline-block; background-color: #AB1427; float: left; color: #fff; font-weight: bold;  }
.right-events-list .events-list-item-date span { display: block; font-size: 11px;  padding: 2.5%; }
.right-events-list .events-list-item-subtitle {float: left; width: 75%; display: block; padding: 2.5%; } 
.right-events-list .events-list-item .events-list-item-subtitle h4 span{color: gray;}
.right-events-list .events-list-item .more-here:hover {text-decoration: underline;}
.right-events-list .events-list h3 {font-size: 22px; margin-bottom: 10px;}

/* NEW HOMEPAGE - NEWS */
.news-list {margin: 20px 0; float: left;}
.news-list-item {margin-bottom: 30px; float: left;}
.news-list-subtitle-date {margin-bottom: 13px; float: left; color: #646464;}
.news-list-image {float: left; display: block; width: 25%;}
.news-list-image img {width: 100%; height: auto;}
.news-list-subtitle {float: left; width: 70%; display: block; padding-left: 2.5%; padding-right: 2.5%; color: #333; font-size: 14px; }
.news-list-subtitle h3 {margin-top: 0; margin-bottom: 13px;}
.news-list h3 {font-size: 22px; margin-bottom: 10px;}
.news-list h3 span {font-size: 16px;}
#ctl00_ContentPlaceLeft_HtmlContent_FormView1_TextDlouhyLabel h3 {font-size: 22px; } 
#ctl00_ContentPlaceLeft_HtmlContent1_FormView1_TextDlouhyLabel h3  {font-size: 22px; margin-bottom: 0px; margin-top: 40px; }

/* NEW HOMEPAGE - GALLERY */
.gallery-image {float: left; display: block; width: 29%;}
.gallery-subtitle {float: left; display: block; width: 66%; padding: 2.5%;}


/* NEW HOMEPAGE - PASSWORD RECOVERY */
.password-recovery {background-color: #F7F6F3; border: 1px solid #E6E2D8; max-width: 285px; margin-left: auto; margin-right: auto; padding: 3px;}
.password-recovery .TitleTextStyle {color: #fff; font-weight: bold; background-color: #AB1427; padding: 5px; font-size: 0.9em; font-family: Verdana; }
.password-recovery .InstructionStyle, .password-recovery .LabelStyle {padding: 5px; color: #000; font-family: Verdana; font-size: 12px;}
.password-recovery input[type="text"] {font-size: 0.8em; }
.password-recovery input[type="submit"] {font-size: 0.8em; color: #284775; background-color: #FFFBFF; border: 1px solid #CCCCCC; font-family: Verdana; }


#contact-details .img-photo { max-width: 150px; float: left; margin-top: 20px; margin-right: 20px; margin-bottom: 20px;}
#contact-details .contact {display: inline-block; padding-bottom: 40px;}
#contact-details h3 {margin-top: 10px; padding-top: 10px;}
.paddingTop20 {padding-top: 20px;}
.two-halves .half {width: 50%; float: left;}
.two-halves .half p {margin-top: 0;}


.login-dialog-webmail {width: 100%; background-color: #F7F6F3; padding: 6px; border-color: #E6E2D8; border-width: 1px; border-style: Solid; border-collapse: collapse;}
.login-dialog-webmail .heading {color:White;background-color:#AB1427;font-size:0.9em;font-weight:bold; text-align: center;}
.login-dialog-webmail .button {text-align: right; padding-top: 68px;}
.login-dialog-webmail .button a {display: inline-block;color:#000;background-color:#FFFBFF;border-color:#CCCCCC;border-width:1px;border-style:Solid;font-family:Verdana;font-size:0.8em; padding: 0 5px;}


@media screen and (max-width: 650px) {
    .login-dialog-webmail {width: unset;}
}


@media screen and (max-width: 450px) {
    .two-halves .half {width: 100%;}
}

@media screen and (max-width: 400px) {
    #contact-details .img-photo {width: 100%; max-width: 100%;}
}

/* RESPONSIVE */

@media screen and (max-width: 990px) {
#obal {width: 100%;}
.content {width: auto; }
.login {width: 100%;}
.right-header-space {display: none;}
.rigtAreaBack {width: 70%; float: left; }
.left-content {width: 90%; padding-left: 5%; padding-right: 5%; float: left; }
.right-content {float: left; width: 25%; }
.left-content img {max-width: 100%; height: auto ! important;}
.HeaderImg {margin-left: 5%;}
.login {display: none;}
#menuobal {height: auto;}
.slicknav_menu {display:block; /*min-height: 78px;*/ margin-bottom: -3px;}
#responsive-menu{display: block; }
.hideSkiplink {display: none;}

.pinned-post-detail img, .news-list-image img {max-width: 100%;}
.news-list, .events-list, .pinned-post {width: 100%;}
.events-list-item-date {width: 30%; }
.events-list-item-date span {padding-top: 20%;}
.events-list-item-subtitle {width: 65%;}

.registration-of-interest img {
    max-width: unset;
    height: unset ! important;
}

}

@media screen and (max-width: 650px) {

.rigtAreaBack {width: auto; }
.right-content, .rigtAreaBack {width: 90%; margin-left: 5%; margin-right: 5%; padding-left: 0;}
.left-content {padding-left: 0; width: 100%;}
.left-content img {max-width: 100%; /*width: auto ! important; */}

.rigtAreaBack .left-content table tbody tr td span table tbody tr td { width: 100%; float: left;}
.rigtAreaBack {background-image: none;}
.mobileright {display: none;}
.registration-of-interest img {
    max-width: unset;
    height: unset ! important;
}
}


@media screen and (max-width: 500px) {
    /*.registration-of-interest tr:first-child { float: left; width: 100%; display: block;}
    .registration-of-interest tr td:first-child { float: left; width: 100%; display: block;}*/
    .registration-of-interest .label-form {float: left; width: 100%; display: block; margin-bottom: 5px;}
    .registration-of-interest .form-input {float: left; width: 100%; display: block;}
    #ctl00_ContentPlaceLeft_ASPxComboBoxMember_B-1 {float: none; width: unset;}
    .middlebox {float: left; width: 100%; display: block;}
}


@media screen and (max-width: 450px) {
.news-list-image, .gallery-image {width: 100%;}
.news-list-subtitle, .gallery-subtitle {width: 100%; padding-left: 0; padding-right: 0; padding-top: 2%;}
.login-dialog table input {width: 90px;}
.events-list-item-date span {padding-top: 25%;}
.events-list-item-subtitle h4 span {height: 36px; overflow:hidden; line-height: 100%;}
}