@charset "UTF-8";

html, body {
    height: 100%;
}

body  {
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    background: #6f6f6f url(../images/bg.gif) repeat-y scroll center;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
}

#container { 
    width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    text-align: left; /* this overrides the text-align: center on the body element. */
    padding-bottom: 10px;
    /* overflow: hidden; */
}

#header {
    height: 210px;
    background: url(../images/header_account.jpg);
    position: relative;
    font-family: "Lucida Console", Monaco, monospace;
}

#sidebarLeft {
    float: left; /* since this element is floated, a width must be given */
    width: 180px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
    /* background: #EBEBEB; */ /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 0 15px 0 15px; /* padding keeps the content of the div away from the edges */
    font-size: 9pt;
    border-right: 2px dotted orange;
    margin-top: 10px;
    /* margin-right: 15px; */
}

#sidebarRight {
    float: right; /* since this element is floated, a width must be given */
    width: 240px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
    /* background: #EBEBEB; */ /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 0 15px 0 15px; /* padding keeps the content of the div away from the edges */
    font-size: 9pt;
    border-left: 2px dotted orange;
    margin-top: 10px;
    margin-left: 15px;
}

#sidebarRight hr, #mainContent hr {
    border: none;
    border-top: 2px dotted orange;
    margin-top: 15px;
    margin-bottom: 15px;
}

#mainContent hr {
    border-color: #005485;
}

#mainContent {
    margin: 0 270px 0 210px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
    padding: 0 15px 0 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    font-size: 10pt;
    /*    border-left: 180px solid lightgrey;
        border-right: 240px solid lightgrey;
    */
}

h1 {
    font-size: 20px;
    font-family: "Lucida Console", Monaco, monospace;
}

h2 {
    font-size: 16px;
    font-family: "Lucida Console", Monaco, monospace;
    padding-top: 10px;
    margin-bottom: 1px;
}

#sidebarRight h2, #sidebarLeft h2 {
    padding-top: 5px;
}

h3 {
    font-size: 14px;
    font-family: "Lucida Console", Monaco, monospace;
}

a {
    text-decoration: none;
}

#sidebarLeft a, #sidebarRight a, #mainContent a {
    color: #005485;
    font-weight: bold;
}

.admin-actions {
    border: 1px solid orange;
    background-color: #ff6913;
    padding: 5px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.headnews {
    color: white;
    font-weight: bold;
    border: 1px solid orange;
    background-color: #ff6913;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

#sidebarLeft .headnews a, #sidebarRight .headnews a, #mainContent .headnews a {
    color: white;
    border-bottom: 1px dotted white;
}

#sidebarLeft .headnews a:hover, #sidebarRight .headnews a:hover, #mainContent .headnews a:hover {
    color: #005485;
    border-bottom: none;
}

#sidebarLeft .admin-actions a, #sidebarRight .admin-actions a, #mainContent .admin-actions a {
    color: white;
    border-bottom: none;
}

.headnews .admin-actions {
    margin-right: 10px;
}

#sidebarLeft .headnews .admin-actions a:hover, #sidebarRight .headnews .admin-actions a:hover, #mainContent .headnews .admin-actions a:hover {
    color: white;
}

a:hover {
    color: orange;
}

#logo {
    position: absolute;
    left: 20px;
    top: 40px;
}

#infobox {
    position: absolute;
    right: 30px;
    top: 30px;
    color: white;
    font-size: 12px;
    text-align: center;
}

/*
 * Forms, Fieldset
*/

fieldset {
    border: none;
}

fieldset div input[type="text"], fieldset div select {
    margin: 2px 0 7px 0;
}

fieldset div input[type="checkbox"] {
    margin: 1px 5px 2px 0;
}

fieldset .formspecial {
    display: none;
}

#cartaddbuyform, #cartaddverleihform {
    padding-top: 8px;
    padding-bottom: 2px;
}

/*
 * Zend_Form_Element decorators
*/

/* http://maxdesign.com.au/presentation/definition/dl-table-display.htm */
fieldset dt {
    width: 140px;
    min-height: 25px;
    float: left;
    margin: 0 0 0 0;
    padding: .2em;
}

/* commented backslash hack for mac-ie5 \*/
fieldset dt { clear: both }
/* end hack */

fieldset dd {
    float: left;
    width: 250px;
    margin: 0 0 0 0;
    padding: .2em;
}

label.required {
    /*
        background-image: url(/_files/images/required-field.png);
        background-position: top right;
        background-repeat: no-repeat;
        padding-right: 10px;
    */
    font-weight: bold;
}

.errors {
    color: darkorange;
}

/* Iconified Lists & Text elements
------------------------------------------------------------- */

#mainContent ul li {
    /*    padding-bottom: 5px; */
}

/* iconlist class is used for all iconified lists
 * errors class is only used for Zend_Form errors
*/
ul.iconlist, ul.errors {
    margin-left: 0px; /* for IE7 compatibility */
    padding-left: 0px;
    list-style: none;
}

ul.iconlist li, ul.errors li {
    padding-left: 25px;
    margin: 10px 0;
    min-height: 16px;
}

.iconlist li.active {
    background-color: orange;
}

.iconify {
    margin-left: 5px;
    padding-left: 20px;
}

ul.ok li, li.ok, .ok.iconify {
    background: transparent url('/images/icons/axialis_16/Ok.png') no-repeat left top;
}

ul.phone li, li.phone, .phone.iconify {
    background: transparent url('/images/icons/axialis_16/Phone.png') no-repeat left top;
}

ul.mail li, li.mail, .mail.iconify {
    background: transparent url('/images/icons/axialis_16/Mail.png') no-repeat left top;
}

ul.globe li, li.globe, .globe.iconify {
    background: transparent url('/images/icons/axialis_16/Globe.png') no-repeat left top;
}

ul.ask li, li.ask, .ask.iconify {
    background: transparent url('/images/icons/axialis_16/Discuss.png') no-repeat left top;
}

ul.download li, li.download, .download.iconify {
    background: transparent url('/images/icons/axialis_16/Download.png') no-repeat left top;
}

ul.question li, li.question, .question.iconify {
    background: transparent url('/images/icons/axialis_16/Question.png') no-repeat left top;
}

ul.warn li, li.warn, .warn.iconify, ul.errors li {
    background: transparent url('/images/icons/axialis_16/Exclamation.png') no-repeat left top;
}

ul.links li, li.links, .links.iconify {
    background: transparent url('/images/icons/axialis_16/Link.png') no-repeat left top;
}

ul.puzzle li, li.puzzle, .puzzle.iconify {
    background: transparent url('/images/icons/axialis_16/Puzzle.png') no-repeat left top;
}

ul.categories li, li.categories, .categories.iconify {
    background: transparent url('/images/icons/axialis_16/Folder2.png') no-repeat left top;
}

ul.clock li, li.clock, .clock.iconify {
    background: transparent url('/images/icons/axialis_16/Clock.png') no-repeat left top;
}

ul.arrow li, li.arrow, .arrow.iconify {
    background: url('/images/icons/axialis_16/Arrow2 Right.png') no-repeat left top;
}

ul.back li, li.back, .back.iconify {
    background: url('/images/icons/axialis_16/Arrow2 Left.png') no-repeat left top;
}

ul.info li, li.info, .info.iconify {
    background: url('/images/icons/axialis_16/Info2.png') no-repeat left top;
}

ul.help li, li.help, .help.iconify {
    background: url('/images/icons/axialis_16/Bubble 1.png') no-repeat left top;
}

ul.home li, li.home, .home.iconify {
    background: url('/images/icons/axialis_16/Home2.png') no-repeat left top;
}

ul.rss li, li.rss, .rss.iconify {
    background: url('/images/icons/axialis_16/Rss 1.png') no-repeat left top;
}

ul.cdrom li, li.cdrom, .cdrom.iconify {
    background: url('/images/icons/axialis_16/Cd.png') no-repeat left top;
}

ul.movie li, li.movie, .movie.iconify {
    background: url('/images/icons/axialis_16/Movie.png') no-repeat left top;
}

ul.music li, li.music, .music.iconify {
    background: url('/images/icons/axialis_16/Music.png') no-repeat left top;
}

ul.tv li, li.tv, .tv.iconify {
    background: url('/images/icons/axialis_16/Tv.png') no-repeat left top;
}

ul.search li, li.search, .search.iconify {
    background: url('/images/icons/axialis_16/Search.png') no-repeat left top;
}

ul.tape li, li.tape, .tape.iconify {
    background: url('/images/icons/axialis_16/Tape.png') no-repeat left top;
}

ul.video li, li.video, .video.iconify {
    background: url('/images/icons/axialis_16/Video.png') no-repeat left top;
}

ul.tipp li, li.tipp, .tipp.iconify {
    background: url('/images/icons/axialis_16/Thumb Up.png') no-repeat left top;
}

ul.pdf li, li.pdf, .pdf.iconify {
    background: url('/images/icons/page_white_acrobat.png') no-repeat left top;
}

ul.man li, li.man, .man.iconify {
    background: transparent url('/images/icons/axialis_16/Man.png') no-repeat left top;
}

ul.user li, li.user, .user.iconify {
    background: transparent url('/images/icons/axialis_16/User.png') no-repeat left top;
}

ul.car li, li.car, .car.iconify {
    background: transparent url('/images/icons/axialis_16/Car.png') no-repeat left top;
}

ul.cancel li, li.cancel, .cancel.iconify {
    background: transparent url('/images/icons/axialis_16/Cancel.png') no-repeat left top;
}

ul.edit li, li.edit, .edit.iconify {
    background: transparent url('/images/icons/axialis_16/Write.png') no-repeat left top;
}

ul.add li, li.add, .add.iconify {
    background: transparent url('/images/icons/axialis_16/Plus.png') no-repeat left top;
}

ul.cart li, li.cart, .cart.iconify {
    background: transparent url('/images/icons/axialis_16/Cart.png') no-repeat left top;
}

ul.calendar li, li.calendar, .calendar.iconify {
    background: transparent url('/images/icons/axialis_16/Calendar.png') no-repeat left top;
}

ul.buy li, li.buy, .buy.iconify {
    background: transparent url('/images/icons/axialis_16/Currency Dollar.png') no-repeat left top;
}

ul.no1 li, li.no1, .no1.iconify {
    background: url('/images/icons/axialis_16/1.png') no-repeat left top;
}

ul.no2 li, li.no2, .no2.iconify {
    background: url('/images/icons/axialis_16/2.png') no-repeat left top;
}

ul.no3 li, li.no3, .no3.iconify {
    background: url('/images/icons/axialis_16/3.png') no-repeat left top;
}

ul.no4 li, li.no4, .no4.iconify {
    background: url('/images/icons/axialis_16/4.png') no-repeat left top;
}

ul.no5 li, li.no5, .no5.iconify {
    background: url('/images/icons/axialis_16/5.png') no-repeat left top;
}

ul.no6 li, li.no6, .no6.iconify {
    background: url('/images/icons/axialis_16/6.png') no-repeat left top;
}

ul.no7 li, li.no7, .no7.iconify {
    background: url('/images/icons/axialis_16/7.png') no-repeat left top;
}

ul.no8 li, li.no8, .no8.iconify {
    background: url('/images/icons/axialis_16/8.png') no-repeat left top;
}

ul.no9 li, li.no9, .no9.iconify {
    background: url('/images/icons/axialis_16/9.png') no-repeat left top;
}

ul.no10 li, li.no10, .no10.iconify {
    background: url('/images/icons/axialis_16/0.png') no-repeat left top;
}

ul.picture li, li.picture, .picture.iconify {
    background: transparent url('/images/icons/axialis_16/Picture.png') no-repeat left top;
}

ul.errors li {
    font-weight: bold;
}

/* Infobox
------------------------------------------------------------- */

.infobox {
    padding: 5px;
    color: white;
    background-color: #ff6a15;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#mainContent .infobox a {
    color: white;
}

/* Zend_Pagination
------------------------------------------------------------- */

.paginationControl {
    margin-top: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-top: 2px dotted orange;
    border-bottom: 2px dotted orange;
}

.paginationControl .previous {
    margin-left: 5px;
    padding-left: 25px;
    background: transparent url('/images/icons/axialis_16/Arrow3 Left.png') no-repeat left top;
}

.paginationControl .next {
    margin-right: 5px;
    padding-right: 25px;
    background: transparent url('/images/icons/axialis_16/Arrow3 Right.png') no-repeat right top;
}

/* JQuery UI overrides
------------------------------------------------------------- */

.ui-autocomplete-results li {
    text-align: left;
}

div.ui-datepicker {
    font-size: 12px;
    width: 180px;
}

div.ui-dialog {
    font-size: 13px;
}

div.ui-dialog-content {
    text-align: left;
}

.ui-dialog .ui-dialog-buttonpane button {
    color: black;
}



.accordion div {
    margin-left: 25px;
    margin-bottom: 30px;
    border-top: 2px dotted orange;
    border-bottom: 2px dotted orange;
}


.smallNote {
    font-size: 8pt;
    color: dimgray;
}

/* Links
------------------------------------------------------------- */

.linkHead {
    margin-bottom: 5px;
}

.linklist h3 {
    margin-top: 38px;
    margin-bottom: -8px;
}

/* Account
------------------------------------------------------------- */

.accountTbl td.mediaTitle {
    padding: 5px;
}

.accountTbl.reservations td.mediaTitle {
    border-bottom: 1px dotted orange;
    background-color: #fff5c8;
}

.accountTbl.bookings td.mediaTitle {
    border-bottom: 1px dotted #005485;
    background-color: #e0f2ff;
}

.accountTbl th {
    padding-bottom: 5px;
    font-weight: normal;
    color: dimgray;
}

.isLate {
    color: white;
    font-weight: bold;
    border: 1px solid orange;
    background-color: #ff6913;
    padding: 3px 5px 3px 5px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.orangeformHead {
    color: white;
    font-weight: bold;
    border: 1px solid orange;
    background-color: #ff6913;
    padding: 3px 8px 3px 8px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
}

.orangeformBody {
    border-bottom: 1px dotted orange;
    background-color: #fff5c8;
    padding-left: 10px;
}

/* Shopping Cart
------------------------------------------------------------- */

table .odd {
    background: #f2f2f2;
}

table .rt {
    text-align: right;
}

table .colRight {
    width: 100px;
}


/* News
------------------------------------------------------------- */

/*
 * Creating Thumbnails using the CSS clip property
 * http://www.seifi.org/css/creating-thumbnails-using-the-css-clip-property.html
 */
.clipout {
    margin-top: 5px;
    border: 1px solid #005485;
    position:relative;
    width: 135px;
    height: 145px;
}

.clipin {
    position: absolute;
    clip: rect(0px, 135px, 145px, 0px);
}




.youtube {
    margin-top: 8px;
    margin-bottom: -5px;
}

img.details {
    border: 1px solid #005485;
}

/* Events
------------------------------------------------------------- */

.veranst {
    margin-bottom: 40px;
    padding-bottom: 10px;
    border-bottom: 2px dotted orange;
}

.veranst .title {
    font-size: 14px;
    margin-bottom: 5px;
}

.veranst .description, .veranst .content {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 2px dotted orange;
}

.veranst h2 {
    color: #005485;	
}

.veranst-tbl td {
    vertical-align: top;
    padding: 8px;
}


/* Calendar
------------------------------------------------------------- */

.ui-state-default, .ui-widget-content .ui-state-default {
    cursor: default;
}

.ui-state-default.avail, .ui-widget-content .ui-state-default.avail {
    background: none;
    background-color: #baff33;
}

.ui-state-default.reserved, .ui-widget-content .ui-state-default.reserved {
    background: none;
    background-color: #f7b850;
}


/* Form input fields
------------------------------------------------------------- */

input[type="text"],
input[type="password"],
textarea {
    border: 1px solid #BFBFBF;
    padding: 5px 0 5px 6px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
    border-color: #77B2EE;
}

/* field width */
#frontnewsform input[type="text"],
#frontnewsform textarea,
#medianewsform input[type="text"],
#medianewsform textarea,
#headnewsform input[type="text"],
#headnewsform textarea,
#fullsearch input[type="text"],
#extendedsearch input[type="text"],
#fulltextform input[type="text"],
#loginform input[type="text"],
#loginform input[type="password"],
#mailinglistform input[type="text"],
#mailinglistform textarea,
#supportform input[type="text"],
#supportform textarea,
#newloginform input[type="text"],
#newloginform textarea,
#veranstform input[type="text"],
#veranstform textarea
{
    width: 270px;
}

#orderform input[type="text"],
#orderform textarea
{
    width: 265px;
}

/* excluded fields, use regular width specified by 'size' */
#orderform input[type="text"].hasDatepicker,
#orderform input[type="text"]#kdnr,
#newloginform input[type="text"]#kdnr
{
    width: auto;
}

/* Flash messages
------------------------------------------------------------- */

#flashmessage {
    position: absolute;
    top: -1px;
    left: 200px;
    right: 200px;
    z-index: 80;
    opacity: 0.80;
}

#flashmessage ul {
    margin: 0px;
    padding: 0 0 0 20px;
}

#flashmessage li {
    list-style-image:url(/images/icons/bullet_orange.png);
}

#flashmessage div {
    width: 400px;
    margin: 0px auto;
    min-height: 24px;
    padding: 8px 10px 8px 46px;
    font-size: 14px;
    text-align: left;
}

#flashmessage div.notice {
    background: url(/images/display/info.png) 6px 3px no-repeat;
    background-color: #F7FDCB;
    border: 1px solid #C2D071;
}

#flashmessage div.error,
#flashmessage div.warning {
    background: url(/images/display/warning.png) 6px 3px no-repeat;
    background-color: orange;
    border: 1px solid red;
}

#flashmessage div.confirmation {
    background: url(/images/display/confirm.png) 6px 3px no-repeat;
    background-color: #A6EF7B;
    border: 1px solid #76C83F;
}

#flashmessage div.loading {
    background: url(/images/display/loading.gif) 6px 3px no-repeat;
    background-color: #EBEBEB;
    border: 1px solid #CCCCCC;
}

#flashmessage a {
    color: black;
    font-weight: bold;
}


/* Modal dialog
------------------------------------------------------------- */

#download-confirm {
    display: none;
}

#modalDialog a {
    font-weight: bold;
    color: #005485;
}

/*
 * Removing The Dotted Outline (Flash movies)
 * http://css-tricks.com/removing-the-dotted-outline/
 */
object, embed {
    outline: 0;
}

.videoplayer {
    margin-top: 10px;
    margin-bottom: 10px;
}