body {font-family:Verdana, Arial; font-size:0.8em; line-height:1.4em; background:#fff url('img/bg_main.gif') repeat-x; color:333; }
/*body {font-family:Verdana, Arial; font-size:8pt; background:#fff url('img/bg_main.gif') repeat-x; color:333; }*/
a,img {border:0;}
a, .link {color:#ae3a40; text-decoration:none;}
a:hover, .link:hover {color:#000; cursor:pointer;}
ul {margin:0px;padding-left:0px;}

#overframe {width:1000px; background:#ffffff; margin:0px auto;}
#header {background: url('img/header_bg.jpg') top right no-repeat;}
#header h1 {margin:0px; padding:0px;}
#menu {padding:5px 10px 30px 40px; background:url('img/shadow_big.jpg') left bottom no-repeat; margin:0px 20px;}
#menu ul {list-style-type:none;}
#menu li {display:inline; padding-right:20px;}
#menu a {color:#000; font-size:13pt; font-weight:bold;}
#menu a.selected {color:#ae3a40;}
#menu a.selected:hover {color:#000;}
#menu a:hover {color:#ae3a40;}
#navigation {padding-left:40px; margin:0px 20px;}
#navigation a {color:#000;}
#navigation a:hover, #navigation span.active {color:#ae3a40;}


#mainframe {padding:30px 40px 0px 50px;}
#content {padding-top: 20px; width:666px;}
#content h1 { color:#ae3a40; font-weight:bold; font-size:16pt; padding:0px; margin:0px 10px 0px 0px; display:inline; line-height:1em;}
#content .show_prev {padding:5px 0px; width:628px;}
#content .preview {padding-left:0px; height:37px; position:relative; height:141px; cursor:pointer;}
#content .preview:hover + .description a {color:#000;}
#content .preview-gradient {position:absolute; bottom:0px; width:100%;}
#content .preview h2 {background-image:url('img/bg_headline.png'); /*background:rgba(0,0,0,0.2); text-shadow: 1px 1px #333;*/ color:#fff; letter-spacing:1pt; font-size:18pt; font-weight:normal; padding:1% 1% 1.5% 2%; margin:0px; white-space:nowrap;}
#content .preview h2.lightbg {color:#000;}
#content .show_prev .description a {font-weight:bold; background: url('img/btn_arrow_right_small.jpg') right center no-repeat; padding:0px 20px 0px 15px;}
#content .show_prev .description {font-size:10pt; font-weight:bold;line-height:1.2em;}

#headline {padding:0px 0px 25px 0px; margin:0px 0px 20px 0px; background:url('img/shadow_grey.jpg') left bottom no-repeat;}
#headline h2 {color:#ae3a40; font-weight:bold; font-size:16pt; padding:0px; margin:0px 10px 0px 0px; display:inline;}
#headline a.inactive {color:#ccc; font-weight:bold; font-size:16pt; padding:0px; margin:0px 10px 0px 0px;}
#headline a.inactive:hover {color:#ae3a40;}

#sidebar {width:213px;}
.sidebox {padding-bottom: 9px; background:url('img/shadow_small.jpg') 10px bottom no-repeat; margin-bottom:10px;}
.sidebox input[type=text] {border:1px solid #666; width:160px; height:23px; margin-right:5px;}
.sidebox input:focus {border:1px solid #ae3a40; }
.sidebox h3 {margin:0px 0px 15px 0px; padding:0px 0px 2px 0px; border-bottom:1px solid #fff; font-size: 12pt; color:#777; font-weight:normal;}
.sidebox .inner {background: #e5e5e5; padding:10px 10px 20px 10px;}
.sidebox.linklist ul {list-style-type: none;}
.sidebox.linklist li {background:url('img/btn_arrow_right.jpg') left center no-repeat; font-size:11pt; border-bottom:1px solid #fff; padding:2px 0px 4px 30px; margin:3px 0px; font-weight:bold;}

#footer {padding:20px 20px 60px 50px; background:url('img/footer.jpg') left bottom no-repeat;color: #ccc; text-align: right;}
#footer-menu a {color: #aaa;}
#footer-menu a:hover {color:#ae3a40;}

#calendar {}
#calendar .head {font-size:12pt; text-align: left; padding:5px 0px;}
#calendar table {font-size: 10pt; width:100%; border:1px solid #000;}
#calendar table th {color: #aaa;}
#calendar table td {text-align:center; margin:2px;}
#calendar table td.available {} /*{background:#ccc;}*/

/*.btn-back {background: url('img/btn_arrow_left.jpg') left top no-repeat; padding-left:25px; height:23px; position:relative; bottom:2px;}*/
.btn-back {display:inline; font-size:12pt; background: #ae3a40; width:18px; height:18px; color:#fff; text-align: center; font-weight: bold; line-height:17px; letter-spacing: 0pt; margin-right:5px;}
.btn-forward {display:inline; font-size:12pt; background: #ae3a40; width:18px; height:18px; color:#fff; text-align: center; font-weight: bold; line-height:17px; letter-spacing: 0pt;}
/*.btn-forward {background: url('img/btn_arrow_right.jpg') right top no-repeat; padding-right:25px; height:23px; position:relative; bottom:2px;}*/
.left {float:left;}
.right {float:right;}
.align-right {text-align:right;}
.clear-b{clear:both;}
.clear-l{clear:left;}
.clear-r{clear:right;}
.invisible {display:none;}

.doEllipsisContainer { font-size: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;}

.ajaxloadingFullScreen { position:absolute; top:0px; left:0px; width:100%; height:100%; opacity:0.5; filter:alpha(opacity=50); MozOpacity: 0.5; z-index: 300 !important; background:#FBFBFB url('img/ajax-loader-big.gif') no-repeat center center; }
.ajaxloadingFadingNoImg { position:absolute; z-index: 300 !important; background:#FBFBFB }
.ajaxloadingFading { position:absolute; z-index: 300 !important; background:#FBFBFB url('img/ajax-loader-big.gif') no-repeat center center; }
.ajaxloadingSingleSmall {position:absolute; opacity:0.7; filter:alpha(opacity=70); MozOpacity: 0.7; z-index: 300 !important; background:#FBFBFB url('img/ajax-loader2.gif') no-repeat center center; display:inherit;}
.ajaxloadingSingleBig {position:absolute; opacity:0.5; filter:alpha(opacity=50); MozOpacity: 0.5; z-index: 300 !important; background:#FBFBFB url('img/ajax-loader-big.gif') no-repeat center center; }

.only-for-small-media {display:none;}
.light-link {color:#D2797E; text-decoration:none;}
.light-link:hover {color:#ae3a40; cursor:pointer;}


@media screen and (max-width: 1016px) {
    body {font-size:8pt; line-height:1.3em}
    #overframe { width:100%; min-width:320px;}
    #mainframe {padding: 5% 1% 0 5%;}
    #header img {width:87%;}
    #header {background-size:13%;}
    #content {width:74%;}
    #sidebar {width:25%;}
    .sidebox input[type="text"] {width:80%;}
    /*.sidebox {float:left; margin-right:20px;}*/
    /* #sidebar {float:none !important; width:100%;} */
    #content .preview { background-size:contain !important; height:0px; padding-bottom: 22.452229299363%;}
    #content .preview h2 {font-size:1.8em;}
    #content .show_prev {width:90%;}
    #headline {background-size:contain !important; padding-bottom:3%;}
    
    #navigation {margin-left: 2%; padding-left: 4%;}
    #footer {background-size:contain !important; padding:2% 2% 6% 5%;}
}
@media screen and (max-width: 800px) {
    #menu {background-size:contain !important; padding-bottom:3%; margin-left: 2%; padding-left: 4%;}
    #menu li {padding-right:1%;}
    #header img {width:100%;}
    #header {background:none;}
    #menu a {font-size:100%;}
    #calendar .head {font-size:8pt;}
}

@media screen and (max-width: 700px) {
    #content {float:none !important; width:100%;}
    #content div.left,#content div.right {float:none !important;}
    #sidebar {display:none;}
    .only-for-small-media {display:block;}
    .simple-modal {width:100% !important; left:0px;}
    #content .show_prev {width:100%;}
}