* {
    margin: 0;
    padding: 0
}

header,
footer,
aside,
nav,
article,
section,
hgroup {
    display: block;
}

body {
    margin: 0;
    padding: 0;
    font: 14px/20px Arial, Verdana, Helvetica, sans-serif;
    background: #353434;
    color: #444;
}

div {
    margin: 0;
    padding: 0;
}

form {
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #ef2932;
}

a:hover {
    text-decoration: none;
    color: #aaa;
}

img {
    margin: 0;
    border: 0;
}

.spacer,
.spacer_big,
spacer_med {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}

.spacer_big {
    height: 20px;
}

.spacer_med {
    height: 10px;
}

@font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'BebasNeueRegular';
    src: url('/fonts/bebasneue-webfont.eot');
}

@font-face {
    /* This declaration targets everything else */
    font-family: 'BebasNeueRegular';
    src: url(//:) format('no404'), url('/fonts/bebasneue-webfont.woff') format('woff'), url('/fonts/bebasneue-webfont.ttf') format('truetype'), url('/fonts/bebasneue-webfont.svgz#BebasNeueRegular') format('svg'), url('/fonts/bebasneue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ########## Edit links ########## */

.edit_container {
    margin: 0;
    padding: 10px;
    background: #F2E354;
    height: 30px;
}

a.edit_link,
a.edit_link:hover {
    display: block;
    float: left;
    color: #000;
    font-weight: bold;
    font-size: 11px;
    line-height: 29px;
    background: url(/images/editlinks_back.gif) no-repeat 0% 50%;
    width: 150px;
    height: 29px;
    padding-left: 30px;
}

a.pdf,
a.pdf:hover,
a.doc,
a.doc:hover,
a.xls,
a.xls:hover,
a.zip,
a.zip:hover,
a.jpg,
a.jpg:hover {
    display: block;
    float: left;
    padding: 0;
    width: 520px;
    height: 82px;
    background: url(/images/icon_pdf_neu.jpg) no-repeat 0 0;
    margin: 10px 20px 5px 0;
}

a.pdf span,
a.pdf:hover span,
a.doc span,
a.doc:hover span,
a.xls span,
a.xls:hover span,
a.zip span,
a.zip:hover span,
a.jpg span,
a.jpg:hover span {
    display: block;
    font: bold 13px/20px Arial, Verdana, Helvetica, sans-serif;
    color: #ef2932;
    padding: 25px 15px 0 75px;
}

a.doc,
a.doc:hover {
    background: url(/images/icon_doc_neu.jpg) no-repeat 0 0;
}

a.xls,
a.xls:hover {
    background: url(/images/icon_xls_neu.jpg) no-repeat 0 0;
}

a.zip,
a.zip:hover {
    background: url(/images/icon_zip_neu.jpg) no-repeat 0 0;
}

a.jpg,
a.jpg:hover {
    background: url(/images/icon_jpg_neu.jpg) no-repeat 0 0;
}

.col_kalender a.pdf {
    margin: 15px 20px 5px 11px;
}

header#headkopf {
    background: #fff;
    height: 95px;
}

.headcont {
    width: 950px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.headcont img {
    position: absolute;
    top: 20px;
    left: 3px;
}

.langselect {
    position: absolute;
    right: 2px;
    top: 5px;
    color: #777;
}

.langselect a.sel,
.langselect a.sel:hover {
    color: #777;
}

.fb_page {
    position: absolute;
    right: 43px;
    top: 19px;
}

.headcont h1 {
    color: #000;
    font-size: 16px;
    font-weight: normal;
    padding: 37px 0 0 160px;
    margin: 0;
}

.headcont h2 {
    color: #777;
    font-size: 13px;
    margin: 0;
    font-weight: normal;
    padding: 6px 0 0 160px;
}

nav.hauptnavi {
    margin: 0;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #fff;
    height: 49px;
    margin: 0;
    padding: 0;
    background: url(/images/navi_back.gif) repeat-x 0 0;
}

#navcontainer {
    width: 950px;
    margin: 0 auto;
    height: 49px;
}

#searchcontainer {
    float: right;
    height: 49px;
    width: 150px;
    position: relative;
    top: 12px;
}

#navlist {
    height: 49px;
    margin: 0;
    padding: 0;
}

#navlist li {
    height: 49px;
    float: left;
    padding: 0 15px 0 15px;
    margin: 0;
    list-style-type: none;
}

#navlist li.sel {
    height: 49px;
    float: left;
    padding: 0 15px 0 15px;
    margin: 0;
    list-style-type: none;
    background: url(/images/navi_sel_back.gif) repeat-x 0 0;
}

#navlist li a,
#navlist li a:hover {
    color: #ef2932;
    font-size: 17px;
    line-height: 49px;
    /*	text-shadow: 1px 1px 1px #888; */
}

#navlist li a:hover {
    color: #3c3c3c;
}

#navlist li.sel a,
#navlist li.sel a:hover,
#navlist li.sel a:hover {
    color: #3c3c3c;
    font-size: 17px;
    line-height: 49px;
}

#keywords {
    position: absolute;
    margin: 0;
    padding: 0 20px 0 4px;
    border: 0;
    height: 25px;
    line-height: 25px;
    top: 0;
    left: 0;
    color: #bbbbbb;
    background: url(/images/search_back.gif) no-repeat 0 0;
}

#search_go {
    position: absolute;
    top: 1px;
    right: 1px;
}

#topcontent {
    margin: 0;
    padding: 0;
    z-index: 10;
    background: #e7e4dd url(/images/linie_slider_unten.png) no-repeat 50% 100%;
}


/* SLIDER CONTENT */

#topwrapper {
    width: 950px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.slbild {
    width: 510px;
    float: left;
    margin-left: 30px;
}

.slbild img {
    border: 1px solid #fff;
}

.sltext {
    width: 335px;
    float: right;
    margin-right: 25px;
}

.sltext h2 {
    color: #333;
    font: 18px/23px "Palatino Linotype", "Book Antiqua", Palatino, serif;
    margin: 0px 5px 0 0px;
}

.sltext h1 {
    color: #000;
    font: 30px/38px "Palatino Linotype", "Book Antiqua", Palatino, serif;
    margin: 8px 5px 5px 0px;
    padding: 0;
    font-weight: normal;
}

.sltext p {
    margin: 0px 10px 0 0px;
    font-size: 13px;
    line-height: 18px;
}

.sltext a.morelink,
.sltext a.morelink:hover {
    display: block;
    margin: -5px 0 0 0;
    padding: 0;
    height: 27px;
    text-align: left;
    text-indent: -9999px;
    background: url(/images/more_icon.png) no-repeat 100% 0;
}


/* Most common stuff you'll need to change */

.coda-slider {
    background: none;
    width: 950px;
}


/* Use this to keep the slider content contained in a box even when JavaScript is disabled */

.coda-slider-no-js .coda-slider {
    height: 200px;
    overflow: auto !important;
    padding-right: 20px
}


/* Change the width of the entire slider (without dynamic arrows) */

.coda-slider,
.coda-slider .panel {
    width: 950px;
}

.coda-slider .panel .panel-wrapper {
    padding: 20px;
    margin: 0;
    min-height: 240px;
    overflow: hidden;
}


/* Arrow styling */

.coda-nav-left {
    position: absolute;
    top: 110px;
    left: -25px;
    width: 54px;
    height: 54px;
    z-index: 100;
}

.coda-nav-right {
    position: absolute;
    top: 110px;
    right: -25px;
    width: 54px;
    height: 54px;
    z-index: 100;
}


/* Tab nav */

.coda-nav {
    position: absolute;
    bottom: -18px;
    right: 50%;
    z-index: 101;
}

.coda-nav ul {
    display: block;
    overflow: hidden;
    background: none;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.coda-nav ul li {
    margin: 0;
    padding: 0;
    display: inline;
    line-height: 40px;
    font-size: 40px;
    font-weight: bold;
}

.coda-nav ul li a,
.coda-nav ul li a:hover {
    color: #ccb2b2;
    padding: 0 1px 0 1px;
    margin: 0;
}

.coda-nav ul li a:hover {
    color: #fff;
}

.coda-nav ul li a.current,
.coda-nav ul li a.current:hover {
    color: #9b9b9b;
    padding: 0 1px 0 1px;
    margin: 0;
}


/* Preloader */

.coda-slider p.loading {
    padding: 20px;
    text-align: center
}


/* Miscellaneous */

.coda-slider-wrapper {
    clear: both;
    overflow: hidden;
    width: 950px;
    height: 335px;
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 10;
}

.coda-slider {
    float: left;
    overflow: hidden;
    position: relative
}

.coda-slider .panel {
    display: block;
    float: left
}

.coda-slider .panel-container {
    position: relative
}


/* ----------- SLIDER ENDE -------------- */

.moretopmargin {
    margin-top: 15px;
}

#normcontent {
    background: #faf7f1;
    margin: 0;
    padding: 0;
}

#zitatcontainer {
    background: #faf7f1;
    margin: 0;
    padding: 0;
}

#zitate {
    width: 950px;
    padding: 30px 0 20px 0;
    margin: 0 auto;
    background: url("/images/linie_slider_unten.png") no-repeat 50% 100%;
}

#zitate h1 {
    font: 30px/36px "BebasNeueRegular", "Arial Narrow", sans-serif;
    font-weight: normal;
    color: #c4b58a;
    padding: 5px 60px 5px 60px;
    background: url(/images/zitat_back.png) no-repeat 0 0;
}

#zitate h1 span {
    font: 15px/20px "BebasNeueRegular", "Arial Narrow", sans-serif;
    font-weight: normal;
    color: #8b701a;
    padding-left: 20px;
}

.midwrapper {
    width: 950px;
    margin: 0 auto;
    padding: 30px 0 0 0;
}

.col_kalender,
.col_news,
.col_blog {
    width: 300px;
    min-height: 300px;
    float: left;
    margin-right: 25px;
    background: url(/images/smallcol_back_neu.gif) no-repeat 0 5px;
}

.col_news {
    width: 600px;
}

.col_kalender {
    margin-right: 0px;
}

.col_kalender {
    margin-right: 0px;
    float: right;
}

.col_blog h2.blog {
    font: 13px/15px "Palatino Linotype", "Book Antiqua", Palatino, serif;
    margin: 0;
    padding: 2px 0 4px 20px;
    color: #444;
}

.col_blog h2.blog span {
    color: #000;
}

.col_kalender header h1 {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    padding: 3px 0 0 20px;
    color: #a4a3a3;
}

.col_kalender article {
    overflow: hidden;
}

.col_kalender article header {
    margin: 0;
    padding: 0;
}

.col_kalender article header h1 {
    font: bold 16px/23px Arial, Verdana, Helvetica, sans-serif;
    margin: 0;
    padding: 15px 0 0 20px;
    color: #444;
}

.col_kalender article p {
    font: 16px/22px "Palatino Linotype", "Book Antiqua", Palatino, serif;
    color: #444;
    margin: 0;
    padding: 0px 10px 10px 20px;
}

.col_kalender article a.morelink,
.col_kalender article a.morelink:hover {
    display: block;
    margin: -14px 0 0 0;
    padding: 0;
    height: 27px;
    text-align: left;
    text-indent: -9999px;
    background: url(/images/more_icon.png) no-repeat 100% 0;
}

.col_news header h1 {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    padding: 3px 0 0 20px;
    color: #a4a3a3;
}

.col_news article header {
    margin: 0;
    padding: 0;
}

.col_news article header h1 {
    font: 18px/22px "Palatino Linotype", "Book Antiqua", Palatino, serif;
    margin: 0;
    padding: 15px 0 10px 20px;
    color: #444;
}

.col_news article header h2 {
    font: 11px/14px "Palatino Linotype", "Book Antiqua", Palatino, serif;
    margin: 0;
    padding: 2px 0 4px 20px;
    color: #444;
}

.col_news article img {
    border: 1px solid #fff;
    margin: 0 5px 5px 20px;
}

.col_news .news_img {
    display: block;
    float: left;
    padding-right: 15px;
}

.col_news article p {
    color: #444;
    margin: 0;
    padding: 0px 15px 10px 20px;
}

.col_news article a.morelink,
.col_news article a.morelink:hover {
    display: block;
    margin: -14px 0 0 0;
    padding: 0;
    height: 27px;
    text-align: left;
    text-indent: -9999px;
    background: url(/images/more_icon.png) no-repeat 100% 0;
}

.col_blog header h1 {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    padding: 3px 0 0 20px;
    color: #a4a3a3;
}

.col_blog article header {
    margin: 0;
    padding: 0;
}

.col_blog article header h1 {
    font: 18px/22px "Palatino Linotype", "Book Antiqua", Palatino, serif;
    margin: 0;
    padding: 15px 0 10px 20px;
    color: #444;
}

.col_blog article header h2 {
    font: 11px/14px "Palatino Linotype", "Book Antiqua", Palatino, serif;
    margin: 0;
    padding: 2px 0 4px 20px;
    color: #444;
}

.col_blog article img {
    border: 1px solid #fff;
    margin: 0 5px 5px 20px;
}

.col_blog article p {
    color: #444;
    margin: 0;
    padding: 0px 15px 10px 20px;
    clear: both;
}

.col_blog article a.morelink,
.col_blog article a.morelink:hover {
    display: block;
    margin: -14px 0 0 0;
    padding: 0;
    height: 27px;
    text-align: left;
    text-indent: -9999px;
    background: url(/images/more_icon.png) no-repeat 100% 0;
}

.mainarea {
    width: 540px;
    float: left;
}


/* NEWS LIST */

.news h2 {
    font-size: 12px;
    line-height: 14px;
    color: #777;
    margin: 0;
    padding: 15px 0 0 0;
    clear: both;
}

.news h2.blog {
    font-size: 14px;
    line-height: 18px;
    color: #777;
    margin: 0;
    padding: 15px 0 0 0;
    clear: both;
}

.news h2.blog span {
    font-size: 14px;
    line-height: 18px;
    color: #444;
}

.news h1 {
    color: #000;
    font: 30px/38px "Palatino Linotype", "Book Antiqua", Palatino, serif;
    margin: 0px 5px 10px 0px;
    padding: 0;
    font-weight: normal;
}

.news img {
    float: left;
    border: 1px solid #fff;
    margin: 0 10px 5px 0;
}

.news p {
    margin: 0;
    padding: 5px 0 20px 0;
}

.news a.morelink,
.news a.morelink:hover {
    display: block;
    margin: -14px 0 0 0;
    padding: 0;
    height: 27px;
    text-align: left;
    text-indent: -9999px;
    background: url(/images/more_icon.png) no-repeat 100% 0;
}


/* KALENDER LIST */

.kalender h3 {
    float: right;
    font-size: 12px;
    line-height: 19px;
    color: #777;
    margin: 3px 0 0 0;
    padding: 0px 0 0 20px;
    height: 19px;
    font-weight: normal;
    background: url(/images/more_icon_fb_small.png) no-repeat 0 1px;
}

.kalender h3 a,
.kalender h3 a:hover {
    font-size: 12px;
    line-height: 19px;
    color: #777;
}

.kalender h2 {
    color: #000;
    font: 18px/23px "Palatino Linotype", "Book Antiqua", Palatino, serif;
    margin: 15px 5px 5px 0px;
    padding: 0;
    font-weight: normal;
}

.kalender h1 {
    color: #000;
    font: 26px/34px "Palatino Linotype", "Book Antiqua", Palatino, serif;
    margin: 0px 5px 10px 0px;
    padding: 0;
    font-weight: normal;
}

.kalender h1 a,
.kalender h1 a:hover {
    color: #000;
    font: 26px/34px "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.kalender h1 a:hover {
    color: #666;
}

.kalender h4 {
    color: #444;
    font: normal 14px/16px Arial, Verdana, Helvetica, sans-serif;
    margin: 0px 5px 10px 0px;
    padding: 0;
}

.kalender img {
    float: left;
    border: 1px solid #fff;
    margin: 0 10px 5px 0;
}

.kalender p {
    margin: 0;
    padding: 5px 0 20px 0;
}

.kalender a.morelink,
.kalender a.morelink:hover {
    display: block;
    margin: -14px 0 0 0;
    padding: 0;
    height: 32px;
    text-align: left;
    text-indent: -9999px;
    background: url(/images/more_icon_fb.png) no-repeat 100% 0;
}

.kalender a.morelink2,
.kalender a.morelink2:hover {
    display: block;
    margin: -14px 0 0 0;
    padding: 0;
    height: 27px;
    text-align: left;
    text-indent: -9999px;
    background: url(/images/more_icon.png) no-repeat 100% 0;
}

.pagination {
    border-top: 1px solid #fff;
    padding: 10px 0 5px 0;
    font-size: 14px;
}


/* Book List Acordion */

#listaccord h3 {
    padding: 5px 0 5px 35px;
    font-size: 15px;
    line-height: 22px;
}

#listaccord h3 span.subtitle {
    color: #777;
    font-size: 13px;
}

.ui-accordion-header {
    color: #ef2932;
    border-top: 1px dotted #bbb;
}

.ui-state-default {
    background: url(/images/more_icon.png) no-repeat 0 50%;
}

.ui-state-active {
    background: url(/images/more_icon_down.png) no-repeat 0 50%;
    color: #444;
}

.book_content {
    padding: 0 0 10px 0;
}

.b_form {
    padding: 0 0 20px 10px;
}

a.orderbook,
a.orderbook:hover {
    display: block;
    font-size: 14px;
    padding: 0px 0px 0px 25px;
    line-height: 27px;
    height: 27px;
    margin-right: 15px;
    float: right;
    background: url(/images/btn_bestellung.png) no-repeat 0 0;
}

a.orderbook span {
    display: block;
    margin: 0;
    padding: 0;
    height: 27px;
    width: 11px;
    background: url(/images/btn_bestellung_end.png) no-repeat 0 0;
    float: right;
}


/*
#keywords {
	width: 100px;
	border: 1px solid #999;
}

#search_submit {
	border: 1px solid #999;
	color: #a6334a;
	font-weight: bold;
}
*/

#listaccord h5 {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 12px;
    line-height: 18px;
    color: #333;
}

#listaccord h4 {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

.book_image {
    width: 125px;
    float: left;
    padding: 10px 0 0 10px;
}

.book_text {
    width: 400px;
    float: right;
}

#autoren_dd {
    margin-top: 10px;
    width: 150px;
    border: 1px solid #fff;
    background: #ddd;
    margin-right: 15px;
}


/* CONTENT DETAIL */

.content h1 {
    color: #000;
    font: 30px/38px "Palatino Linotype", "Book Antiqua", Palatino, serif;
    margin: 15px 5px 5px 0px;
    padding: 0;
    font-weight: normal;
}

.content h2 {
    font-size: 12px;
    line-height: 14px;
    color: #777;
    margin: 0;
    padding: 0 0 15px 0;
    clear: both;
}

.content img {
    float: left;
    border: 1px solid #fff;
    margin: 6px 10px 5px 0;
}

.content p {
    margin: 0;
    padding: 5px 0 5px 0;
}

.content .media {
    width: 540px;
    margin: 0;
    padding: 0 0 15px 0;
}

.content ul {
    margin: 0px 0 8px 0;
    padding: 0;
    list-style-type: disc;
}

.content ul li {
    margin: 4px 0 4px 20px;
    padding: 0;
}

#galerija {
    width: 540px;
    height: 415px;
    margin: 0;
    padding: 0;
}


/* SUBNAVI */

.subnavi {
    width: 180px;
    float: left;
    margin-right: 20px;
    min-height: 160px;
    background: url(/images/subnavi_back_neu.gif) no-repeat 0 0;
}

.subnavi ul {
    margin: 15px 0 0 0;
    padding: 0;
}

.subnavi ul li {
    color: #ef2932;
    font-size: 14px;
    line-height: 18px;
    list-style-type: none;
    padding: 4px 0 5px 20px;
    margin: 0;
}

.subnavi ul li.sel {
    background: url(/images/subnavi_sel_back.png) no-repeat 4px 6px;
}

.subnavi a,
.subnavi a:hover {
    color: #ef2932;
    font-size: 14px;
    line-height: 18px;
}

.subnavi a:hover {
    color: #000;
}

.subnavi ul li.sel a,
.subnavi ul li.sel a:hover {
    color: #000;
}

.drittenavi {
    width: 180px;
    float: right;
    margin: 0;
    padding: 0;
    min-height: 160px;
    text-align: right;
    background: url(/images/subnavi3_back_neu.gif) no-repeat 0 0;
}

.drittenavi ul {
    margin: 15px 15px 0 0;
    padding: 0;
}

.drittenavi ul li {
    color: #ef2932;
    font-size: 12px;
    line-height: 18px;
    list-style-type: none;
    padding: 4px 0 5px 20px;
    margin: 0;
}

.drittenavi ul li.drnavtitle {
    color: #000;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    list-style-type: none;
    padding: 4px 0 15px 20px;
    margin: 0;
}

.drittenavi ul li.kol {
    float: left;
    padding: 2px 4px 5px 1px;
}

.drittenavi ul li.seperator {
    padding: 5px 0px 0px 0px;
    margin-bottom: 5px;
    border: 1px solid #fff;
}

.drittenavi a,
.drittenavi a:hover {
    color: #ef2932;
    font-size: 12px;
    line-height: 18px;
}

.drittenavi a:hover {
    color: #000;
}

.drittenavi ul li.sel a,
.drittenavi ul li.sel a:hover {
    color: #000;
}

#kalsearchform {
    clear: both;
    position: relative;
    top: 14px;
    right: 15px;
}

#kalkeyword {
    margin: 0;
    padding: 0 0 0 4px;
    border: 0;
    height: 26px;
    line-height: 26px;
    width: 160px;
    color: #777;
    background: url(/images/kalsearch_back.gif) no-repeat 0 0;
}

#kalsearch_go {
    position: absolute;
    bottom: 1px;
    right: 1px;
}

.content img.mottoimg {
    border: 0;
    margin: 0 0 30px 0;
    padding: 0;
}

.content table {
    margin: 10px 5px 10px 5px;
    padding: 0;
    background: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font: 13px/20px Arial, Verdana, Helvetica, sans-serif;
    border-collapse: collapse;
}

.content table tr {
    border-top: 1px solid #ddd;
}

.content table tr:nth-child(2n+1) {
    background-color: #eee;
}

.content table td {
    padding: 4px 6px;
    border-left: 1px dotted #ddd;
    border-right: 1px dotted #ddd;
}


/*
	    CALENDAR CSS
--------------------------------------------------------------- */

.calendarBG {
    background: none;
    padding-top: 10px;
}

.calendarBlank {
    background-color: #d7d7d7;
}

.calendarHeader {
    font-weight: bold;
    color: #444;
    text-align: center;
}

.calendarMonthLinks {
    font: bold 12px/18px Arial, Verdana, Helvetica, sans-serif;
    text-decoration: none;
    color: #ef2932;
    background-color: transparent;
}

.calendarMonthLinks a {
    color: #ef2932;
    text-decoration: none;
    background-color: transparent;
}

.calendarMonthLinks a:visited {
    color: #ef2932;
    text-decoration: none;
    background-color: transparent;
}

.calendarMonthLinks a:hover {
    color: #ddd;
    background-color: transparent;
}

.calendarDayHeading {
    font-weight: bold;
    font-size: 11px;
    color: #dedede;
    background-color: #a0a0a0;
    text-align: center;
    vertical-align: middle;
}

.calendarToday {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    color: #1D1E21;
    background-color: #a1a1a1;
}

.calendarCell,
.calendarBlank {
    font-family: Helvetica, Arial, Sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    color: #555;
    background-color: #d4d4d4;
    padding: 3px 5px 3px 5px;
}

.calendarBlank {
    color: #555;
}

.hasEvent {
    background-color: #fff;
}

.calendarCell a {
    color: #ef2932;
    text-decoration: none;
    background-color: transparent;
}

.calendarCell a:visited {
    color: #ef2932;
    text-decoration: none;
    background-color: transparent;
}

.calendarCell a:hover {
    color: #444;
    text-decoration: none;
    background-color: transparent;
}

#contactform {
    background: #fff;
    padding: 20px 20px 20px 40px;
}

#contactform label {
    display: block;
    width: 80px;
    text-align: right;
}

#contactform .lastrow {
    padding-left: 88px;
}

#contactform .nodis {
    display: none;
}

#topfooter {
    height: 220px;
    margin: 0;
    background: url(/images/topfooter_repeat_back.jpg) repeat-x 0 0;
}

#topfooter_img {
    height: 220px;
    margin: 0 auto;
    width: 950px;
    background: url(/images/topfooter_back.jpg) no-repeat 0 100%;
}

footer {
    background: url(/images/footer_back.gif) repeat-x 0 0;
    color: #eee;
}

.footcontainer {
    width: 950px;
    margin: 0 auto;
    padding-top: 20px;
}

.fotcol_1,
.fotcol_2,
.fotcol_3 {
    width: 300px;
    float: left;
    margin-right: 25px;
}

.fotcol_2 {
    margin-right: 0px;
}

.fotcol_3 {
    margin-right: 0px;
    float: right;
}

.fotcol_1 h1,
.fotcol_2 h1,
.fotcol_3 h1 {
    font: normal 18px/23px Arial, Verdana, Helvetica, sans-serif;
    margin: 0;
    padding: 15px 0 5px 20px;
}

.fotcol_1 p,
.fotcol_2 p,
.fotcol_3 p {
    margin: 0;
    padding: 0px 15px 10px 20px;
    clear: both;
}

#login_container {
    width: 950px;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
    display: none;
}

#floginform {
    width: 250px;
    margin: 0 auto;
    padding: 0;
    border: 1px solid #fff;
}

label.llogin {
    display: inline;
    text-align: left;
    margin: 0;
    padding: 5px 0 1px 20px;
    font-weight: bold;
    color: #fff;
}

input.logsubmit {
    margin: 5px 0 10px 0;
}

.footlinkconti {
    margin: 10px 0 0 0;
    padding: 10px 0 10px 0;
    border-top: 1px solid #444;
    clear: both;
}

.footlinks {
    margin: 0 auto;
    padding: 0;
    width: 920px;
}


/*
 * jquery.popeye.css 2.0
 *
 * Mandatory CSS classes for jQuery.popeye
 *
 * Copyright (C) 2010 Christoph Schuessler (schreib@herr-schuessler.de)
 * 
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 */

.ppy-outer {
    display: none;
}

.ppy-active .ppy-outer {
    display: block;
}

.ppy-stage {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    position: relative;
}

.ppy-placeholder {
    position: relative;
}

.ppy-caption,
.ppy-captionwrap {
    overflow: hidden;
}

.ppy-hidden {
    display: none !important;
}


/*
 * jquery.popeye.style.css 2.0
 *
 * Example styles for jQuery.popeye
 *
 * Copyright (C) 2010 Christoph Schuessler (schreib@herr-schuessler.de)
 * 
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 */


/* fallback styles for image list */

.ppy-imglist {
    width: 100%;
    display: block;
    overflow: hidden;
}

.ppy-imglist li {
    padding: 0;
    border: 1px solid #fff;
    background: #fff;
    list-style: none;
    float: left;
    display: block;
    margin: 0;
}

.ppy-imglist li a img {
    display: block;
    border: 0;
}

.ppy.ppy-active {
    width: 110px;
    float: left;
}

.ppy .ppy-outer {
    border: 1px solid #fff;
}

.ppy .ppy-stage {
    width: 110px;
    height: 140px;
    overflow: hidden;
}

.ppy .ppy-stagewrap {
    background: #fff;
}

.ppy .ppy-caption {
    display: none;
}

.ppy.ppy-expanded .ppy-caption {
    margin: 0;
    padding: 0px;
    color: #fff;
    border-bottom: 1px solid #333;
    background: #666;
}

.ppy .ppy-counter {
    background: #fff;
    color: #000;
    padding: 0 3px;
    font-size: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0.4;
    z-index: 900;
}

.ppy .ppy-counter strong {
    font-weight: normal;
}

.ppy .ppy-loading {
    background: #333 url(/images/popeye/loading3.gif) no-repeat center !important;
}

.ppy .ppy-nav {
    background: #555;
    background: rgba(51, 51, 51, 0.7);
    background: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgba(51, 51, 51, 1)), color-stop(0.4, rgba(51, 51, 51, 0.7)), color-stop(0.6, rgba(51, 51, 51, 0.7)), color-stop(1, rgba(51, 51, 51, 1)));
    background: -moz-linear-gradient( center bottom, rgba(51, 51, 51, 1) 0%, rgba(51, 51, 51, 0.7) 40%, rgba(51, 51, 51, 0.7) 60%, rgba(51, 51, 51, 1) 100%);
    width: 100%;
    height: 100%;
    text-align: center;
}

.ppy .nav-wrap {
    width: 104px;
    height: 32px;
    padding: 30% 0 0 0;
    margin: 0 auto 0 auto;
}

.ppy .ppy-nav a {
    display: block;
    overflow: hidden;
    text-indent: -900em;
    height: 22px;
    float: left;
    padding: 5px;
}

.ppy-prev {
    width: 22px;
    background: url(/images/popeye/prev3.png) no-repeat center;
}

.ppy-next {
    width: 22px;
    background: url(/images/popeye/next3.png) no-repeat center;
}

.ppy-switch-enlarge {
    width: 30px;
    background: url(/images/popeye/enlarge3.png) no-repeat center;
}

.ppy-switch-compact {
    width: 30px;
    background: url(/images/popeye/compact3.png) no-repeat center;
}

.ppy-nav a:hover {
    background-color: #333;
    cursor: pointer;
}

#galerija img {
    border: 0;
    margin: 0;
    padding: 0;
}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/images/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}