html {
    /*min-height:100%;*/
}
body {
    /*background-repeat:repeat-x;*/
    /*background-position:center top;*/
    /*font-family:Arial;*/
    font-family: carlito,sans-serif;
    /*font-size:16px;*/
    font-size:1rem;
    margin: 0;
    padding: 0;
    color: black;
    /*background-image:url('../images/background_2020.png');*/
    /*background-size:100% 100%;*/
    line-height: 150%;
/*    
    width: 100%;
    height: 100%;
*/
}
form, html
{
    width:100%;
}
.bottom
{
    width:100%;
    z-index:-1;
    position:relative;
}
.bottomImage
{
    height:140px;
    width:100%;
    left:0px;
    position:absolute;
    background-repeat:repeat-x;
    background-position:center bottom;
    background-image: url(../images/bgBottom2012.png);
    top:-124px;
}
h1
{
    font-family:Century Gothic,Arial;
    font-size:40px;
    line-height:100%;
    font-weight:normal;
    margin:0 0 10px 0;
    padding:0 0 0 0;
    letter-spacing:-1px;
}
.mt-1 {
    margin-top: 0.5rem; }
}
.mt-2 {
    margin-top: 1rem;
}
.mt-3 {
    margin-top: 1.5rem;
}
.mb-1 {
        margin-bottom: 0.5rem; 
}
.mb-2 {
    margin-bottom: 1rem;
}
.mb-3 {
    margin-bottom: 1.5rem;
}
ml-1 {
    margin-left: 0.5rem; 
}
ml-2 {
    margin-left: 1rem;
}   
ml-3 {
    margin-left: 1.5rem;
}
mr-1 {
    margin-right: 0.5rem;
}
mr-2 {
    margin-right: 1rem;
}
mr-3 {
    margin-right: 1.5rem;
}

.bold {
    font-weight:bold;
}

.top_container
{
   /*padding-bottom:85px;*/
    box-shadow: 0 0 5px 0 #0000001a,0 0 10px 0 #0000001a;
    padding: 15px 45px 15px 45px;
    /*margin:0px auto;*/
    /*width:100%;*/

}
.bottom_container {
    min-height:10rem;
    background-image: url(../Images/dekor.svg);
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.logoContainer {
    /*    position: relative;
    z-index: 1;
*/
    width: 1110px;
    display: block;
    /*background-color: #2fb;*/
    /*text-align: center;*/
    margin: 0 auto 0 auto;
    padding-left:100px;
}
.logo {
    /*position: absolute;*/
    /*left:-32px;*/
    /*left: -82px;
    top: -72px;*/
}
#page {
    /*margin: 123px auto 0px;*/
    margin: 1rem auto 0px;
    width: 1110px;
    height:auto;
    /*padding: 0 0 0 0;*/
    padding: 0 50px 0 50px;
    /*border:1px solid #e7e7e7;*/
    background-color: #ffffff;
/*    position: relative;
    z-index: 2;
*/}

#main-page
{
    margin:-40px auto 0px;
	width: 960px;
	padding: 0 0 0 0;
	border:1px solid #e7e7e7;
    background-image:none;
    background-color:#ffffff;
    position:relative;
}


.high
{
    height:432px;
    position:absolute;
    top:0px;
    left:0px;
    padding-bottom:0px;
}

.top_container_wide
{
    padding-bottom:85px;
    background-color:#000000;
    width:1114px;    
}

.page-expanded
{
    /*margin:0px auto !important;*/
}

.flashexpanded
{
    z-index:2 !important;   
}

#flash_container
{
    width:1114px;
    /*height:432px;*/
    margin:0px auto;
    /*padding-bottom:185px;*/
    position:relative;
    z-index:0;   
    
    
}

.expanded
{
    /*z-index:1000;
    position:relative;*/
}

#flashDivHolder
{
    width:1114px;
    /*height:432px;*/
    z-index:-1;
}
.flash_placeholder
{
    background:url('../images/flash_placeholder.jpg') no-repeat top left;
    width:1114px;
    height:432px;
    position:absolute;
    z-index:-1;
}

.rss-comments
{
    border:1px solid #dedede;
    background-color:#f2f2f2;
    padding:5px;
    font-size:10px;    
    margin-top:10px;
    cursor:pointer;
}

.rss-comment
{
    border:1px solid #000;
    background-color:#dedede;
    padding:10px;
}

.hide-comment
{
    display:none;    
}

.show-comment
{
    display:block;
}

.social-container
{
    background-clip: padding-box;
    background-color: #F9F9F9;
    border: 1px solid #C3C3C3;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 0 0 1px rgba(255, 255, 255, 0.6) inset;
    padding: 10px 0 10px 10px;
    position: static;
    float:right;
    width:175px;
}

.social-container a
{
    -moz-box-sizing: border-box;
    background-clip: padding-box;
    border-radius: 3px 3px 3px 3px;
    display: block;
    float: left;
    height: 30px;
    margin: 0 3px;
    overflow: hidden;
    width: 50px;
}

input.commentfield, textarea.commentfield
{
    background-clip: padding-box;
    background-color: #F9F9F9;
    border: 1px solid #C3C3C3;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 1px 0 #FFFFFF inset, 0 0 0 1px rgba(255, 255, 255, 0.6) inset;
    padding: 10px 0 24px 10px;
    position: static;
    float:left;
    width:165px;    
    color: #666666;
    font: 12px arial,helvetica,sans-serif;
}

textarea.commentfield
{
    height: 29px;
    padding:10px 0px 10px 10px;
    resize:none;
}

a.fb
{
    background: url("../images/button-facebook.png") no-repeat scroll center center #3B5995;
    margin-left: 0;
    margin-right: 6px;
}

a.fb:hover
{
    background: url("../images/button-facebook.png") no-repeat scroll center center #000000;    
    text-decoration:none;
}

a.googleplus, a.fb
{
    
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.45) inset, 0 0 0 2px rgba(255, 255, 255, 0.12) inset;
    text-indent: -1000em;
}

a.googleplus
{
    background: url("../images/button-googleplus.png") no-repeat scroll center center #515151;
}

a.googleplus:hover
{
    background: url("../images/button-googleplus.png") no-repeat scroll center center #000000;
}

.comment-wrap
{
    background: url("../images/button-bubble.png") no-repeat scroll 7px center #FFFFFF;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.45) inset;
    color: #000000;
    font-size: 12px;
    line-height: 30px;
    /*
    margin-left: 6px;
    margin-right: 0;
    */
    text-decoration: none;
    font-weight:normal;
    
    -moz-box-sizing: border-box;
    background-clip: padding-box;
    border-radius: 3px 3px 3px 3px;
    display: block;
    float: left;
    height: 30px;
    margin: 0 3px;
    overflow: hidden;
    width: 50px;
}

.comment-wrap:hover
{
    background: url("../images/button-bubble-hover.png") no-repeat scroll 7px center #000000;
    color:#ffffff;
    text-decoration:none;
}
a.comment
{
    width:50px;
    display:block;
    height:30px;
    padding-left:27px;
    color:#000000;
    font-weight:normal;
    /*
    background: url("../images/button-bubble.png") no-repeat scroll 7px center #FFFFFF;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.45) inset;
    color: #000000;
    font-size: 12px;
    line-height: 30px;
    margin-left: 6px;
    margin-right: 0;
    padding-left: 27px;
    text-decoration: none;
    font-weight:normal;
    margin-right:8px;
    display:block;
    */
}

a.comment:hover
{
    /*
    background: url("../images/button-bubble-hover.png") no-repeat scroll 7px center #000000;
    */
    color:#ffffff;
    text-decoration:none;    
}

.blog-comment-container
{
}

.blog-comment-container h2 a
{
    color:#000000 !important;
}

.comment-separator
{
    margin-top:30px;
    margin-bottom:30px;
    border-bottom:1px solid #EDEDED;
}

.submit-button
{
    background-clip: padding-box;
    background-color: #000000;
    background-image: -moz-linear-gradient(center bottom , #313131 0px, #313131 100%);
    border: 1px solid #000000;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.34) inset, 0 0 0 1px rgba(255, 255, 255, 0.23) inset;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 30px;
    padding: 0 17px;
    text-decoration: none;
    text-transform: uppercase;
    cursor:pointer;
}

.commentlist ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.commentlist li
{
    background-clip: padding-box;
    background-color: #FBEDC3;
    border: 1px solid #E6D4A0;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.33) inset;
    margin-bottom: 7px;
    position: relative;
}

.commentlist li p
{
    background: url("../images/commentarrow.png") no-repeat scroll left 10px rgba(0, 0, 0, 0);
    color: #8E7F53;
    font: 12px/12px arial,helvetica,sans-serif;
    left: -6px;
    padding: 10px 10px 10px 16px;
    position: relative;
    margin-top:0px;
}

.schoolExtraInfo {
    padding-bottom:10px;
    padding-top:10px;
    display:block;
}