@charset "utf-8";/* CSS Document */
html {border:0 none; margin:0; padding:0; overflow:auto; width:100%; height:100%; min-height:100%;}
body {border:0 none; margin:0; padding:0; width:100%; height:100%; min-height:100%;
        background:url("/images/headback.jpg") top center repeat-x;
        background-color:#dfdfe0; font-family: Arial, Helvetica, sans-serif;
        font-size:12px; text-align:center; color:#022b56;}

* {margin:0;padding:0;border:0;}

img, div { behavior: url("/styles/iepngfix.htc"); }

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */

a {color:#b2052d;}
a:hover {color:#999;}
a, a:hover {outline:none; text-decoration:none;}
h1 {font-size:16px; font-weight:bold; color:#91908d; margin-bottom:25px;}
h1 span {color:#a4bc05;}
h2 {font-size:14px; font-weight:normal; margin:5px 0 10px 0;}
h3 {font-size:14px; font-weight:normal;}
h3 span {font-size:12px; color:#ff0000;}
ul, li {list-style:none;}

#page {min-height:100%; position:relative; margin-left:auto; margin-right:auto;
    background:url("/images/background.jpg") top center repeat-y; text-align:center; width:980px;}
* html #page {height:100%;}

#container {padding-bottom:45px; position:relative;}
#contentMain {width:980px; position:relative; margin-left:auto; margin-right:auto; text-align:left;}

/*CONTENT*/
#content {width:860px; padding: 60px;}
#contentLeft {width:175px; float:left;color: #aba6a6;}
#contentRight {width:625px; float:right;}
.rightText {margin-bottom:10px;}
.rightText ul li a {color:#022b56; padding-left: 0;}
.rightText ul li a:hover {color:#b2052d;}
#contentRight form label {width:150px; float:left;}
#contentRight form input, #contentRight form select {width:156px; padding:2px; float:left; border:#ccc 1px solid;}
#contentRight form textarea {width:350px; font-size:0.9em; margin-bottom:15px; padding:5px; border:#ccc 1px solid;}
.textKontakt {width:360px; height:30px;}
#app a {height:20px; width:80px; background-color:#3d020f; margin-top:10px; padding-top:3px;
        text-align:center; float:left; color:#aba6a6;}
#app a:hover {color:#fff;}
.contactRight {margin-left:150px;}
.errorMsg {color:#800924; padding-bottom:20px;}
.error {background-color:#eee;}
#arhiv {padding-top: 30px; clear: both;}

/*HEADER*/
#header {height:420px; background:url("/images/header.jpg") top left no-repeat; font-size:14px;}
#headerLeft {width:235px; height:175px; float:left; padding-left:30px;}
#headerRight {width:715px; height:420px; float:left; color:#871737;}
#headerRight a {color:#aba6a6;}
#headerRight a:hover {color:#fff;}
#headerMenu {width:625px; height:31px; padding:14px 0 0 30px;}
.headerTopLeft {float:left; padding-right:80px;}
#headerTopRight h3 {float:right;}
#headerTopRight h3 a {color:#871737;}
#headerMiddle {height:300px; padding-top:30px; width:625px;}


/*MENU*/
#menu {width:625px; height:36px; padding:9px 0 0 30px;}
.selected {color:#fdd000;}
.menu {font-size:14px; float:left; padding-right:80px; text-transform:lowercase;
        line-height:25px;}
* html .menu {width:0;}
.menuLast {padding-right:0;}
#nav, #nav ul {padding:0; margin:0; list-style:none; z-index:10000;}
#nav li {position:relative; float:left; z-index:11000;}
#nav li ul {background:#3d020f;}
.first {margin-top:10px;}
li ul {position: absolute;
		width:130px;
		display: none;
		line-height:22px;
		}
li ul li {width:140px;}

ul li a {display: block;
		text-decoration: none;
		color: #c1c1c1;
		padding-left: 5px;
		}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

#nav li:hover ul, #nav li.over ul {display: block;}
#nav li:hover > a {color:#fff;}
#nav li.over a {color:#aba6a6;}
#nav li.over ul li a {color:#aba6a6;}

/*ALBUM*/
#albumHolder {width:625px; margin-top:20px; float:left;}
.album {float:left; position:relative; margin-right:15px; margin-bottom:10px;}

/*SLIDESHOW*/
#slideshow {
    position:relative;
    height:270px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*CALENDAR*/
div#calendar_wrapper {
width: 140px;
margin: 0 auto 20px;
text-align: center;
}

/* calendar header css */
div#calendar_header {
padding: 2px 0;
overflow:auto;
text-align: center;
color: #aba6a6;
font-size: 12px;
margin:0 auto;
}

div#calendar_header a#prevMonth {
margin: 0 8px 0 0;
text-decoration: none;
color: #aba6a6;
font-size: 14px;
text-align: left;

}
div#calendar_header a:hover#prevMonth {color:#5f0818;}

div#calendar_header a#nextMonth {
margin: 0 0 0 8px;
text-decoration: none;
color: #aba6a6;
font-size: 14px;
text-align: right;

}
div#calendar_header a:hover#nextMonth {color:#5f0818;}

div#calendar_header form {
display: inline;
}

/* calendar body css */
table.calendar {
font-size: 12px;
border-collapse: collapse;
}

table.calendar tr {
padding: 3px;
}

table.calendar tr.header a:hover {
text-decoration: underline;

}

table.calendar tr.weekdays {
height: 25px;
text-align: center;
color:#fff;
}

table.calendar tr.days {
height: 16px;
color: #aba6a6;
}

table.calendar td {
width: 16px;
padding: 2px;
}

table.calendar td a.calLink {
background: #5f0818;
color:#aba6a6;
display:block;
}

table.calendar td.calLink {
    background: #5f0818;
    }

table.calendar td a:hover.calLink {

color:#b2052d;
}

table.calendar td.today {
background: #dfdfe0;
color:#24282b;
}

code.comment {
color: #FF742A;
}
#eventHolder { min-height:150px; }
#currentEvent { display:none; }
.calendarContent {width:135px; padding-left:20px;}
.calendarContent h3 {margin-bottom:10px;}

/*FOOTER*/
#footer {margin-top:-45px; height:45px; text-align:center; clear:both; position: relative;
    background:url("/images/footer.jpg") top left repeat-x; font-size:10px; color:#24282b;}
#footer a {color:#24282b;}
#footer a:hover {color:#5f0818;}
#footContent {width:980px; height:45px; margin-left:auto; margin-right:auto;
     background:url("/images/footerLeft.jpg") top left no-repeat;}
* html #footContent {width:979px;}
#footerLeft {width:300px; padding:17px 0 0 295px; float:left; text-align:left;}
#footerRight {width:200px; padding:17px 60px 0 0; float:right; text-align:right;}