/*******************************************************************************/
/* Basis Style definitionen */
a {
    color               : #DB0A23;
    text-decoration     : underline;
}
a:hover {
    color               : #193083;
}
a.arrow {
    background          : url(/images/default/layout/arrow.gif) no-repeat 0px center;
    display             : block;
    margin              : 0 0 2px 0;
    padding             : 0 0 0 18px;
}
a.arrow:hover {
    background          : url(/images/default/layout/arrow_hover.gif) no-repeat 0px center;
}

input.arrow {
    border              : 0;
    color               : #DB0A23;
    text-align          : left;
    padding             : 0 0 0 15x;
    background          : url(/images/default/layout/arrow.gif) no-repeat 0px center;
    text-decoration     : underline;
}

input.text,
textarea,
select {
    border-color        : #666;
}

/*******************************************************************************/
/* Basis Layout */
body {
    background          : #F3F4F9 url(/images/default/layout/bg_3.png) repeat-x;
    font-family         : Arial, Verdana, sans-serif;
    font-size           : 13px;
}
body.frontend {
    background          : #F3F4F9 url(/images/default/layout/bg_3.png) repeat-x;
    font-family         : Arial, Verdana, sans-serif;
    font-size           : 13px;
}


#frame {
    width               : 980px;
    margin              : 0 auto;
    background          : #FFF;
}


/**********/
/* Header */
#header {
    background          : #D5DCE1 url(/images/default/layout/bg.png) no-repeat;
    height              : 210px;
    position            : relative;
}

#header #logo {
    position            : absolute;
    top                 : 60px;
    left                : 22px;
}

#header #busse {
    background          : url(/images/default/layout/busse.png) no-repeat;
    width               : 668px;
    height              : 197px;
    position            : absolute;
    right               : 0;
    top                 : 17px;
    z-index             : 2;
}

#header #breadcrumb {
    background          : #E8EBF3;
    list-style-type     : none;
    position            : absolute;
    bottom              : -11px;
    width               : 958px;
    height              : 14px;
    padding             : 8px 0 8px 21px;
    z-index             : 1;
}

#header #breadcrumb li {
    float               : left;
    color               : #193083;
    font-size           : 11px;
    padding             : 0 2px 0 1px;
}

#header #breadcrumb li.nth-0 {
    font-weight         : bold;
}

#header #breadcrumb li a {
    color               : #193083;
    text-decoration     : none;
}

#header #breadcrumb li a:hover {
    text-decoration     : underline;
}


/************/
/* Main Menu*/
#content ul.menu-main {
    width               : 220px;
    float               : left;
    padding             : 0;
    list-style-type     : none;
    margin              : 53px 0 0 -20px;
}

#content ul.menu-main li.level-1 {
    margin-top          : -30px;
}

#content ul.menu-main li.level-1 {
    background          : url(/images/default/layout/main-menu-inactive.png) no-repeat;
    padding             : 20px 0;
}

#content ul.menu-main li.active {
    background          : url(/images/default/layout/main-menu-active.png) no-repeat;
}

#content ul.menu-main a {
    color               : #193083;
    text-decoration     : none;
    font-size           : 11px;
    display             : block;
}

#content ul.menu-main a.level-1 {
    font-weight         : bold;
    margin-left         : 20px;
    padding             : 8px 22px;
}

#content ul.menu-main a:hover {
    text-decoration     : underline;
}

#content ul.menu-main ul.level-2 {
    list-style-type     : none;
    padding             : 0;
    margin              : 10px 0 0 42px;
}

#content ul.menu-main ul.level-2 li.active,
#content ul.menu-main ul.level-3 li.active {
    background          : none;
}

#content ul.menu-main ul.level-3 {
    list-style-type     : none;
    padding             : 0;
    margin              : 2px 0 0 15px;
}


/***********/
/* content */
#content {
    float               : left;
    width               : 785px;
    margin-bottom       : 47px;
}

#content #page {
    padding             : 0;
    float               : right;
    width               : 560px;
    margin-top          : 20px;
    color               : #545342;
}

h1 {
    color               : #193083;
    font-weight         : bold;
    border-bottom       : 1px solid #193083;
    background          : none;
    padding             : 0 0 1px;
    margin-bottom       : 13px;
    font-size           : 13px;
}

h2 {
    color               : #545342;
    font-size           : 16px;
    font-weight         : bold;
    padding-bottom      : 6px;
}
h3 {
    font-size           : 15px;
}
h4 {
    font-size           : 14px;
}

#content #page a {
    color               : #DB0A23;
}

#content #page a:hover {
    color               : #193083;
}


/*****************/
/* right sidebar */
#right {
    width               : 150px;
    padding             : 0 20px 0 25px;
    float               : right;
    margin-bottom       : 47px;
}

#right div.box {
    margin-top          : 20px;

}

#right div.box div.h2 {
    color               : #193083;
    font-weight         : bold;
    border-bottom       : 1px solid #193083;
    background          : none;
    padding             : 0 0 1px;
    margin-bottom       : 13px;
}

#right div.box div.content {
    padding             : 0;
}

#right div.box-search label {
    display             : none;
}

#right div.box-search input.text {
    border-color        : #999;
    border-style        : solid;
    border-width        : 1px 0 1px 1px;
    width               : 109px;
    padding             : 5px 5px 6px;
    float               : left;
}

#right div.box-search button {
    border              : 0;
    background          : #193083 url(/images/default/layout/arrow.gif) no-repeat 13px 10px;
    text-indent         : -1000px;
    margin-left         : -3px;
    height              : 27px;
    width               : 30px;
    cursor              : pointer;
    float               : left;
}
/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
   #right div.box-search button {
    height              : 28px;
    top                 : 1px;
   }
}
#right div.box-quicklinks ul {
    list-style-type     : none;
    padding             : 0;
}

#right div.box-quicklinks ul a {
    display             : block;
    background          : #193083;
    color               : #FFF;
    text-decoration     : none;
    border-bottom       : 1px solid #FFF;
    padding             : 3px 0 3px 10px;
}

#right div.box-quicklinks ul a:hover {
    text-decoration     : underline;
}


/**********/
/* footer */
#footer {
    background          : #193083;
    color               : #FFF;
    font-size           : 11px;
    height              : 28px;
    text-align          : center;
    clear               : both;
    padding             : 6px 0;
}

#footer p {
    margin              : 0;
}

#footer a {
    text-decoration     : none;
    color               : #FFF;
}

#footer a:hover {
    text-decoration     : underline;
}

#footer ul {
    list-style-type     : none;
    padding             : 0;
}

#footer ul li {
    display             : inline;
    border-right        : 1px solid #FFF;
}

#footer ul li.last {
    border-right        : 0;
}

#footer ul li a {
    padding             : 0 6px;
}


.imos-copyright {
    width               : 980px;
    margin              : 0 auto;
    text-align          : center;
    padding             : 15px 0;
}



div.contact-form {
    background          : none;
    border              : none;
}
div.contact-form h2 {
    display             : none;
}
div.contact-form div.content-box-padding {
    padding             : 0;
}
div.contact-form table tr td span {
    float               : left;
}
div.module-contact ul.options input.submit {
    background          : none;
    border              : none;
}


div.module-search ul.options input.submit {
    background          : none;
    border              : none;
}
div.module-search h3 {
    font-size           : 14px;
    margin-bottom       : 10px;
}
div.module-search div.search-result h3 {
    font-size           : 12px;
    margin-bottom       : 0;
}
div.module-search div.search-result p.descr a.url {
    color               : green !important;
    font-size           : 11px;
}

/******************************************************************************/
/* Mietomnibus-Formular                                                       */
/******************************************************************************/
div.custom-bus-rent td.last .validerror {
    border              : 1px solid #666666;
}

div.custom-bus-rent-form {
    background          : none;
    border              : none;
}
div.custom-bus-rent h2 {
    background          : none;
    border              : none;
    margin-top          : 20px;
    padding             : 0;
}
div.custom-bus-rent-form div.content-box-padding {
    padding             : 0;
}
div.custom-bus-rent-form table tr td.first {
    vertical-align      : top;
}
div.custom-bus-rent-form table tr td.first span {
    float               : left;
}
div.custom-bus-rent ul.options input.submit {
    background          : none;
    border              : none;
}
div.custom-bus-rent-form table td.last input.checkbox {
    width               : 20px;
}
div.custom-bus-rent-form table td.last label {
    width               : auto;
    display             : inline;
}

div.custom-bus-rent-form select.custom-date-day {
    width               : 60px;
}
div.custom-bus-rent-form select.custom-date-month {
    width               : 110px;
}
div.custom-bus-rent-form select.custom-date-year {
    width               : 70px;
}
