body{
    background: #2E2E2E;
    color: #FFFFFF;
    text-align: center;
    font-family: futura, helvetica, arial;
    font-size: 11px;
}

a {
    text-decoration: none;
    color: #484848;
}
a:hover {
    text-decoration: underline;
}
a, a:hover, a:active{
    outline: none;
}

img{
    /*border: solid #2E2E2E;*/
}

hr{
    margin: 0 10px;
    border: none;
}
hr.red{
    border-top: 3px solid #FF004E;
}
hr.blue{
    border-top: 3px solid #058FC0;
    
}
.cleaner{
    clear: both;
}

#page{
    width: 880px;
    margin: 0 auto; 
    background: #FFFFFF;
    position: relative;
}
#login{
    background: #2E2E2E;
}
#header{
    height: 125px;
    position: relative;
    background: #0499CA;
}
#login a, #calendar a{
    color: #FFFFFF;
}
#login .loggedin{
    float: left;
    padding: 7px 0 0 0;
}
#login form{
    float: right;
}
h1{
    padding: 0 10px;
}

h1.mainHeader{
    width: 144px;
    height: 110px;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: url(./images/logo.gif) no-repeat right bottom;
}
h1.mainHeader a{
    width: 144px;
    height: 110px;
    display: block;
}
h1.mainHeader a span{
    display: none;
}
#footer{
    padding: 0;
    border-top: 10px solid #0499CA;
    background: #2E2E2E;
    text-align: right;
    font-size: 1.0em;
}




#calendar{
    background: #494949 url(./images/calendar-bg.gif) repeat-x bottom center;
    font-size: 1.0em;
}
#calendar .menu{
    background: #0499CA url(./images/calendar-menu-bg.gif) repeat-x bottom center;
    min-height: 1px; 
    _height: 1px;
}
#calendar .menu .menu-button{
    padding: 5px;
    float: left;
    background: #2E2E2E;
    border: solid #FFFFFF;
    border-width: 1px 1px 1px 0;
    text-align: right;
}
#calendar .menu .interest-day{
    padding: 5px;
    float: right;
    margin: 0 2px;
    background: #FE004E;
    border: 1px solid #FFFFFF;
}
#calendar .menu .month-switch{
    padding: 5px;
    float: right;
    background: #494949;
    border: solid #FFFFFF;
    border-bottom: solid #494949;
    border-width: 1px 0 1px 1px;
}
#calendar .menu .month-switch a{
    padding: 0 5px;
    
}
#calendar .menu .month-switch span{
    padding: 0 10px;
    
}
#calendar .month{
    height: 40px;
}
#calendar .month .month-day{
    width: 28px;
    height: 40px;
    margin: 0px;
    padding: 0px;
    float: left;
}
#calendar .month .today{
    background-color: #666666 !important;
}
#calendar .month .month-day .name{
    padding: 14px 0 0 0;
    line-height: 0.9em;
}
#calendar .month .month-day .name .sunday{
    font-size: 0.9em;
}
#calendar .month .has-event{
    background: url(./images/event.gif) no-repeat center bottom;
}
#calendar .month .is-top{
    background: url(./images/top.gif) no-repeat center bottom;
}
#calendar .month .top{
    background: #FE004E !important;
}
#calendar .month .event{
    display: none;
    position: absolute;
    padding: 5px;
    background: #0499CA;
    border: 1px solid #FFFFFF;
    border-top: none;
    z-index: 1000;
}
#calendar .month .top-event{
    background: #FE004E;
}
#calendar .month .month-day-hover{
    background-color: #494949;
}




#content{
    color: #2E2E2E;
    text-align: left;
}
#content h2{
    padding: 0 0 0 10px;
    margin: 10px 0; 
    color: #FE004E;
    text-align: left;
    font-weight: normal;
    font-size: 1.3em;
}
#content h3{
    padding: 0 0 0 10px;
    margin: 10px 0; 
    color: #0499CA;
    text-align: left;
    font-size: 1.3em;
}
#content .title{
    margin: 15px 10px 3px 10px;
    padding: 0 0 3px 0;
    font-size: 1em;
    line-height: 1em;
    font-weight: normal;
    text-align: left;
    border-bottom: 3px solid #FF004E;
}

#content p{
padding: 0 10px;
text-align: justify;
}


#content .head{
    border-top: 1px solid #FFFFFF;
    background: #EFEFEF;
    color: #484848;
    line-height: 3em;
    _height: 1px;
}
#content .head h2{
    font-size: 1.3em;
    font-weight: normal;
    font-style: italic;
    margin: 0;
    padding: 0 10px 0 10px;
    float: left;
}
#content .head .text{
    padding: 0 10px 0 10px;
    float: left;
}
#content .head .date, #content .head .kontext{
    padding: 0 10px 0 10px;
    float: right;
}
#content .head .kontext span{
    padding: 0 15px 0 5px;
    background: url(./images/arrow-grey.gif) no-repeat right center;
}
#content .head .kontext span.last{
    padding: 0 0 0 5px;
    background: none;
}

#content .head .text .name{
    padding: 0 0 0 15px;
    background: url(./images/arrow-blue.gif) no-repeat 3px 3px;
}
#content .content-left{
    width: 550px;
    float: left;
}
#content .content-right{
    width: 310px;
    float: right;
    margin-bottom:10px;
}
#content .download{
    margin: 0px 10px 10px 10px;
    padding: 5px 10px 0 10px;
    background: #EFEFEF;
    color: #484848;
}
#content .download .name{
    float: left;
}
#content .download .file{
    float: right;
}
#content .download img{
    border: none;
}

#content ul.sub-menu{
    margin: 0;
    padding: 0;
    list-style-position: outside;
    list-style-type: none;
}
#content ul.sub-menu li{
    float: left;
    background: #0499CA;
    padding: 2px 15px;
    margin: 0 1px 0 0;
    text-transform: uppercase;
}
#content ul.sub-menu li.active{
    background: #3A3A3A;
}
#content ul.sub-menu li.red{
    background: #FE004E;
}
#content ul.sub-menu li a{
    color: #FFFFFF;
}


#content .actions{
    text-align: right;
    padding: 2px 10px 7px 10px;
}
#content .actions a{
    color: #FE004E;
    margin: 0 0 0 10px;
    white-space: nowrap;
}

#content .latest-news{
    background: #F5F5F5;
    
}
#content .latest-news h3{
    padding: 10px 0 10px 10px;
    margin: 0; 
    color: #FE004E;
    text-align: left;
    font-weight: normal;
    font-size: 1.3em;
}
#content .latest-news .bottom{
    padding: 10px;
}
#content .latest-news .bottom a{
    padding: 0 10px;
    text-align: left;
}

.actuality{
    padding: 5px 10px;
}
.actuality .link{
    color: #FE004E;
    text-align: right;
}
.actuality .link a{
    color: #FE004E;
}


#content .detail-box{
    text-align: left;
    margin: 10px 10px 10px 0;
}
#content .detail-box .title{
    margin: 0 !important;
    padding: 0 0 3px 0;
    font-weight: 1em;
    font-weight: normal;
    border-bottom: 3px solid #0498CA;
}
#content .detail-box .line{
    padding: 5px 0 0 0;
    clear: both;
}
#content .detail-box .line .label{
    float: left;
    width: 75px;
}
#content .detail-box .line .value{
    float: left;
    width: 210px;
    text-align: justify;
}
#content .detail-box .line .value p{
    margin: 0;
	padding: 0;
}

ul.main-menu{
    display: none;
    position: absolute;
    overflow: visible;
    left: 0;
    top: 182px;
    z-index: 1000;
    margin: 0px;
    padding: 0px;
    border: 1px solid #FFFFFF;
    border-width: 0 1px 1px 0;
    background: #2E2E2E;
    text-align: left;
    list-style-position: outside;
    list-style-type: none;
    
    opacity: 0.9;
}
ul.main-menu li{
    padding: 5px 20px;
    white-space: nowrap;
}
ul.main-menu li a:hover{
    text-decoration: none;
}

ul.main-menu ul{
    display: none;
    position: absolute;
    top: 100px;
    left: 20px;
    z-index: 1000;
    margin: 0px;
    padding: 0px;
    border: 1px solid #FFFFFF;
    background: #2E2E2E;
    text-align: left;
    list-style-position: outside;
    list-style-type: none;
}

.main-menu-hover{
    background: #FE004E;
}


/* fotogaleria */
.photogallery {
    padding: 0px;
}
.photogallery dl.pgImage {
    float: left;
    text-align: center;
    margin:0px 0px 5px 15px;
    padding:0;
}
.photogallery dl.pgImage dt {
    padding: 4px 4px 2px 4px;
    border: 1px solid #058FC0;
}
.photogallery dl.pgImage dd {
    margin: 0px;
    padding: 5px 5px 5px 5px;
    color:#FFF;
}
.photogallery dl.pgImage a img {
    border: none;
}

/**
 * Reporty
**/
.report {
    text-align:left;
    margin:0 auto 0px auto;
    font-weight:bold;
    color:#DD0000;
    background: #CDCDCD;
    font-size:1.3em;
    padding:3px 5px 3px 30px;
    position:relative;
}
.report ul {
    padding:0px 0px 0px 35px;
    margin:0px;
    font-weight:bold;
}
.report span.ico {
	display:block;
	width:25px;
	height:25px;
	margin:1px 3px 1px 1px;
	background: url('./images/login/msg-icons.gif') no-repeat top left;
    position:absolute;
    top:0px;
    left:0px;
}

.report span.ico_OK { background-position:0px 0px; }
.report span.ico_ERROR { background-position:-25px 0px; }
.report span.ico_INFO { background-position:-50px 0px; }
.report span.ico_ALERT { background-position:-75px 0px; }
.report span.ico_HELP { background-position:-100px 0px; }