/*
 * $Id: default.css,v 1.5 2007/01/24 23:32:06 adepretis Exp $
 */
body {
    margin                  : 0px;
    padding                 : 0px;
}

body, td {
    font-size               : 11px;
    /*font-family             : Verdana, Helvetica, sans-serif;*/
    font-family             : Verdana, Arial, SunSans-Regular, Sans-Serif;
    color                   : #000000;
}

#portal-container {
    width                   : 850px;
    overflow                : hidden;
    padding                 : 0px 0px 15px 0px;
}

#portal-header {
    position                : relative;
    background              : url(/static/images/portal/hoteljob/header_2.jpg) left top no-repeat #FFF;
    height                  : 175px;
    border                  : 0px solid;
}

#portal-header #logo {
    position                : absolute;
    top                     : 40px;
    left                    : 10px;
    background-color        : transparent;
}

#portal-header #logo img {
    width                   : 255px;
    height                  : 50px;
    border                  : none;
}

#portal-header #gastrojobs {
    position                : absolute;
    top                     : 110px;
    left                    : 95px;
}

#portal-header #gastrojobs img {
    width                   : 170px;
    height                  : 18px;
    border                  : none; 
}

#dhtmltooltip {
    position                : absolute;
    width                   : 180px;
    border                  : 1px solid #006600;
    padding                 : 2px;
    color                   : #000000;
    background-color        : white;
    visibility              : hidden;
    z-index                 : 100;
}


/* ********************************************************
 *
 * Main Selector (Navigation)
 *
 * Brief purpose: tabs containing the main menu
 *
 * DOM:
 *   portal-header
 *     main-selector    (i)
 *
 * ********************************************************/
#portal-header #main-selector {
    position                : absolute;
    top                     : 146px;
    left                    : 10px;
    font-size               : 12px;
    font-weight             : bold;
    z-index                 : 2;
}

#portal-header #main-selector a {
    color                   : #660000;
}

#portal-header #main-selector ul {
    list-style              : none;
    padding                 : 0px;
    margin                  : 0px;
}

#portal-header #main-selector ul li {
    display                 : inline;
    float                   : left;
    background              : #EEEEEE;
    padding                 : 3px 10px 4px 10px;
    font-weight             : bold;
    font-size               : 12px;
    border                  : 0px;
    border-left             : 1px #CCCCCC solid;
    border-right            : 1px #CCCCCC solid;
}

#portal-header #main-selector ul li a {
    display                 : block;
    color                   : #000000;
    text-decoration         : none;
}

#portal-header #main-selector ul li:hover,
#portal-header #main-selector ul li a:hover {
    background              : #CCCCCC;
}


/* ********************************************************
 *
 * Categories
 *
 * Brief purpose: pre-categorizing (state, business, ...)
 *
 * DOM:
 *   portal-header
 *     main-categories-wrapper  (i)
 *     main-categories          (i)
 *
 * ********************************************************/
#portal-header #main-categories-wrapper {
    position                : absolute;
    top                     : 145px;
    width                   : 100%;
}

#portal-header #main-categories {
    float                   : right;
    width                   : auto;
    padding                 : 2px 0px 4px 0px;
}

#portal-header #main-categories a:hover,
#portal-header #main-categories a.highlighted {
    color                   : #000000;
    background-color        : #FF9900;
    padding                 : 0px 0px 1px 0px;
}

#portal-header #main-categories a img {
    width                   : 22px;
    height                  : 20px;
    margin                  : 5px 6px 0px 5px;
}

#portal-header #main-categories a:hover img,
#portal-header #main-categories a.highlighted img {
    width                   : 33px;
    height                  : 30px;
    margin-left             : 0px;
    margin-right            : 0px;
    margin-top              : -15px;
    padding-bottom          : 0px;
}

#portal-header #infobox {
    position                : absolute;
    top                     : 10px;
    left                    : 660px;
    width                   : 160px;
    height                  : 105px;
    border                  : 1px #666666 solid;
    border-left             : none;
    border-bottom           : none;
    background              : #d9e6ff;
    padding                 : 5px;
}

#portal-header #infobox .headline {
    background-color        : transparent;
    background-image        : url('/static/images/icons/notice_small.gif');
    background-repeat       : no-repeat;
    background-position     : left center;
    margin-top              : 0px;
    padding-left            : 15px;
    font-weight             : bold;
}


/* ********************************************************
 *
 * Content
 *
 * Brief purpose: site content
 *
 * DOM:
 *   portal-content             (i)
 *     portal-column-c          (c)
 *     portal-column-lc         (i)
 *     portal-column-mc         (i)
 *     portal-column-rc         (i)
 *
 * ********************************************************/
#portal-content {
    margin                  : 0px 0px 0px 0px;
    overflow                : auto;
    padding                 : 0px 0px 0px 10px;
}

#portal-content .portal-content-c {
    padding                 : 0px;
    float                   : left;
}

#portal-content .portal-content-c h2 {
    display                 : block;
    width                   : auto;
    color                   : #660000;
    background              : #EEEEEE;
    font-weight             : normal;
    font-size               : 12px;
    margin                  : 0px 0px 5px 0px;
    padding                 : 2px 5px 2px 5px;
    border-bottom           : 1px #FF9900 solid;
    text-align              : center;
}

#portal-content .portal-content-c h2.weak {
    color                   : #000000;
}

#portal-content #portal-content-left {
    width                   : 325px;
    margin                  : 0px 15px 0px 0px;
}

#portal-content #portal-content-center {
    width                   : 325px;
    margin                  : 0px 15px 0px 0px;
}

#portal-content #portal-content-right {
    width                   : 160px;
    margin                  : 0px;
}

#portal-content #portal-content-twocol {
    width                   : 665px;
    margin                  : 0px 15px 0px 0px;
}


/* ********************************************************
 *
 * Search result(s)
 *
 * Brief purpose: style the search result page(s)
 *
 * DOM:
 *   portal-content-search-result (i)
 *     pageskip-top               (i)
 *     pageskip-bottom            (i)
 *     pageskip                   (c)
 *
 * ********************************************************/
#portal-content-search-result {
}

#portal-content-search-result #pageskip-top {
    margin                  : 0px 0px 20px 0px;
}

#portal-content-search-result #pageskip-bottom {
    margin                  : 10px 0px 0px 0px;
}

#portal-content-search-result .pageskip {
    overflow                : hidden;
}


/* ********************************************************
 *
 * Job view
 *
 * Brief purpose: definitions for a job view
 *
 * DOM:
 *   portal-jobview          (i)
 *     jobview-pictures      (i)
 *
 * ********************************************************/
#portal-jobview .jobview-pictures {
    padding-right           : 15px;
    width                   : 150px;
}

#portal-jobview #jobview-microlist {
    margin-top              : 20px;
}

#portal-jobview #jobview-microlist th {
    font-size               : 10px;
}

#portal-jobview #jobview-microlist ul {
    list-style-image        : url(/static/images/next_arr.gif);
    margin                  : 3px 0px 0px 20px;
    padding                 : 0px;
}

#portal-jobview #jobview-microlist li {
    padding                 : 0px 0px 2px 0px;
}

#portal-jobview #jobview-microlist li.selected {
    background              : #FF9900;
    color                   : #000000;
    padding                 : 0px 0px 0px 2px;
}

#portal-jobview p {
    text-align              : justify !important;
    text-align              : left;
}



/* ********************************************************
 *
 * Features
 *
 * Brief purpose: special "features"
 *
 * DOM:
 *   portal-content-searchform    (i)
 *     searchform-s_auto_complete (i)
 *   searchform-s_auto_complete   (i)
 *
 * ********************************************************/
#portal-content-searchform {
    font-size               : 11px;
    text-align              : right;
    padding-top             : 1px;
}

#portal-content-searchform input[type=text] {
    border                  : 1px #666666 solid;
    padding-left            : 5px;
}

#portal-content-searchform button {
    border                  : 1px #666666 solid;
    color                   : #FF0000;
    border-top              : none;
    padding                 : 1px 0px 0px 1px;
    font-size               : 10px;
    font-weight             : bold;
}

#portal-content-searchform button:hover {
    background              : #FF9900;
    color                   : #000000;
}

#portal-content-searchform #searchform-s_auto_complete {
    background              : #EEEEEE;
    text-align              : left;
    padding                 : 0px;
    margin                  : 0px;
}

#searchform-s_auto_complete ul {
    list-style-type         : none;
    margin                  : 0px;
    padding                 : 0px;
}

#searchform-s_auto_complete li {
    list-style-type         : none;
    display                 : block;
    cursor                  : pointer;
    padding                 : 2px 5px 2px 5px;
}

#searchform-s_auto_complete li.selected {
    background-color        : #CCCCCC;
    color                   : #008000;
}


/* ********************************************************
 *
 * Errors
 *
 * Brief purpose: styles for errors
 *
 * DOM:
 *   portal-error                 (i)
 *   general-error                (c)
*
 * ********************************************************/
#portal-error {
    border                  : 1px #990000 solid;
    background              : #FFEEEE;
    padding                 : 10px;
}

#portal-error h1 {
    font-size               : 13px;
    color                   : #660000;
    text-align              : center;
}

#portal-error p {
    text-align              : justify;
}

.general-error {
    background-color        : transparent;
    background-image        : url('/static/images/icons/warning_small.gif');
    background-repeat       : no-repeat;
    background-position     : left center;
    padding-left            : 20px;
    font-weight             : bold;
}

#portal-onlinehelp {
    /*background-color        : #f0f5ff;*/
    background-color        : #FFFFE1;
    border                  : 1px #CCCCCC solid;
    border-bottom           : 1px #EEEEEE solid;
    border-right            : 1px #EEEEEE solid;
    margin                  : 0px 0px 10px 0px;
    padding                 : 5px 5px 1px 5px;
    font-size               : 9px;
}

#portal-onlinehelp p {
    text-align              : justify;
    margin                  : 5px 0px 5px 0px;
}

#portal-onlinehelp p.help-header {
    background-color        : transparent;
    background-image        : url('/static/images/icons/help_small.gif');
    background-repeat       : no-repeat;
    background-position     : left top;
    padding                 : 0px 0px 6px 25px;
    text-align              : left;
    margin                  : 0px 0px 0px 0px;
    font-weight             : bold;
    color                   : #666666;
    border-bottom           : 1px #CCCCCC solid;
    display                 : block;
}


/* ********************************************************
 *
 * Styles
 *
 * Brief purpose: misc styles
 *
 * DOM:
 *
 * ********************************************************/
.small {
    font-size               : 9px;
}

.attribute-icon {
    margin-right            : 8px;
}

.betrieb-photo {
    width                   : 150px;
}

.betrieb-thumbnail {
    width                   : 100px;
    padding-top             : 3px;
}

h3 {
    font-size               : 13px;
}

h4 {
    border-bottom           : 1px solid;
    font-size               : 11px;
}

h4.job {
    color                   : #008000;
    border-bottom           : 1px solid;
}


/* ********************************************************
 *
 * a Styles
 *
 * Brief purpose: styles for links
 *
 * DOM:
 *
 * ********************************************************/
.jobs a {
    color                   : #666666;
    text-decoration         : underline;
    font-weight             : bold;
}

.pageskip a {
    color                   : #666666;
    text-decoration         : none;
}

.pageskip a:hover {
    text-decoration         : underline;
}

.pageskip a.highlighted {
    color                   : #FF0000;
}

.portal-content-c a {
}

a:link, a:active {
    color                   : #030;
    text-decoration         : underline;
}

a:visited, a:hover{
    color                   : #666666;
    text-decoration         : underline;
}

#portal-footer {
    text-align              : center;
    clear                   : both;
    border-top              : 1px #CCCCCC solid;
    margin                  : 15px 0px 0px 0px;
    padding                 : 0px 0px 0px 10px;
    width                   : 840px;
    font-size               : 9px;
}

#portal-footer a {
    color                   : #666666;
    text-decoration         : underline;
}

#portal-footer a:hover {
    color                   : #000000;
    text-decoration         : none;
}

#portal-footer #legal {
    margin                  : 0px 0px 0px 0px;
}


/* ********************************************************
 *
 * table Styles
 *
 * Brief purpose: styles for tables/th/tr/td
 *
 * DOM:
 *
 * ********************************************************/
table.jobs {
    width                   : 100%;
}

table.jobs td {
    padding                 : 3px 10px 6px 0px;
    border-bottom           : 1px #CCCCCC solid;
}

table.jobs tr:hover {
    background              : #F7F7F7;
}

table.job-attributes {
    float                   : right;
    background              : #F7F7F7;
    padding                 : 5px;
    width                   : 100%;
}

table.job-attributes td {
    padding                 : 0px;
    border                  : 0px;
    white-space             : nowrap;
}

table.noborder td {
    background              : #FF0000;
}


/* ********************************************************
 *
 * Google
 *
 * Brief purpose: AdWors, Firefox
 *
 * DOM:
 *
 * ********************************************************/
#GoogleAdWords {
    margin-top              : 10px;
    text-align              : center;
}

#GoogleFirefox {
    margin-top              : 10px;
    text-align              : center;
}

#agb {
    font-size               : 10px;
}

.hit {
    background-image        : url(/static/images/portal/hoteljob/hit_bg.gif);
    background-position     : left;
    border                  : 1px solid #333;
    border-width            : 1px 0px 1px 1px;
    margin                  : 0px;
    padding                 : 0px;
    display                 : inline;
    height                  : 8px;
    font-size               : 2px;
}

.nohit {
    background-image        : url(/static/images/portal/hoteljob/nohit_bg.gif);
    background-position     : right;
    border                  : 1px solid #333;
    border-width            : 1px 1px 1px 0px;
    margin                  : 0px;
    padding                 : 0px;
    display                 : inline;
    height                  : 8px;
    font-size               : 2px;
}

#submenu {
 width:100%;
 border:1px solid #A08060;
 /*border-color-bottom:#A07030;*/
 border-width: 2px 0px 2px 0px;
 background-color:#A08060;
 height:30px;
 margin: 0px;
}



div.hotel {
 clear:left;
 vertical-align:top;
 margin:5px;
}
div.hotel img {
 width:60px;
 float:left;
 margin:2px;
}
div.hotel a {
 font-size:18px;
 color:black;
 line-height:30px;
 text-decoration:none;
}


/* ********************************************************
 *
 * Job application form (AJAX)
 *
 * Brief purpose: styles for AJAX called applicant form
 *
 * DOM:
 *   ajax-application           (i)
 *
 * ********************************************************/

#ajax-application {
    text-align              : center;
    border                  : 0px;
    width                   : 100% !important;
    width                   : 97%;
}

#ajax-application h2 {
    text-align              : center;
    background-color        : transparent;
}

#ajax-application form {
    margin                  : 0px;
    margin-top              : 5px;

    /* New style from div.formular */
    border                  : 1px solid #0B0;
    border-top-color        : #060;
    background-color        : #EEE;
    padding                 : 5px;
}

#ajax-application table tr td b,
#ajax-application table tr td h3 {
    font-size               : 11px;
    color                   : #060;
    margin                  : 0px;
    padding                 : 0px;
}

#ajax-application table tr td input {
    width                   : 100%;
    border                  : 1px solid black;
    margin                  : 0px 0px 5px 0px;
}

#ajax-application table tr td select {
    width                   : 80px;
    margin-right            : 2px;
}

#ajax-application table tr td input.prefix {
    width                   : 80px;
    margin-right            : 2px;
}

#ajax-application table tr td input.telephone {
    width                   : 100% !important;
    width                   : 130px;
}

#ajax-application table tr td textarea {
    width                   : 100%;
    border                  : 1px solid black;
}

#ajax-application table tr td.rightBorder {
    padding-right           : 2px;
    border-right            : 1px solid #000;
}

#ajax-application table tr td.rightBorder input {
    width                   : 99%;
}

#ajax-application table tr td input.gray,
#ajax-application table tr td select.gray {
    background-color        : #EEE;
    border-color            : #999;
    color                   : #999;
}

#ajax-application table tr.bottomBorder {
    border-top              : 1px solid #000;
}

#ajax-application div a.bewerbenSubmit {
    font-weight             : bold;
    background-color        : #FFF;
    border                  : 1px solid #060;
    padding                 : 3px 10px 3px 10px;
    display                 : block;
    width                   : 200px;
    margin-bottom           : 10px;
    margin-left             : auto;
    margin-right            : auto;
    text-decoration         : none;
}

#ajax-application div a.bewerbenSubmit:hover {
    color                   : #060;
    border-color            : #060 #9C9 #060 #9C9;
    color                   : white;
    background-color        : #666;
}


#ajax-application pre.BewerberMessage {
    border                  : dotted 1px #666;
    background-color        : #EEE;
    margin-top              : 0px;
    width                   : 460px;
    white-space             : normal;
}

#ajax-application h4.BewerberMessage {
    padding                 : 0px;
    margin                  : 0px;
    color                   : #060;
}

#ajax-application div.BewerberMessage,
#ajax-application div.BewerberMessageHidden,
#ajax-application div.BewerberMessage {
    padding                 : 1px 1px 7px 4px;
    border                  : dotted 1px #666;
    background-color        : #EEE;
    margin-top              : 0px;
    margin-bottom           : 5px;
    font-family             : Courier, Verdana;
    text-align              : left;
}

#ajax-application div.BewerberMessage hr {
    height                  : 1px;
    border                  : dotted 1px;
    border-width            : 1px 0px 0px 0px;
}

#ajax-application div.BewerberMessage a,
#ajax-application div.BewerberMessageHidden a {
    margin                  : 0px;
    padding                 : 0px;
    float                   : right;
    border                  : solid 1px gray;
    margin                  : 1px;
    padding                 : 0px 3px 0px 3px;
}

#ajax-application div.BewerberMessage a:hover,
#ajax-application div.BewerberMessageHidden a:hover {
    background-color        : #000;
    color                   : #EEE;
    text-decoration         : none;
}

#ajax-application div.BewerberMessage a.showLink,
#ajax-application div.BewerberMessageHidden a.hideLink,
#ajax-application div.BewerberMessageHidden hr,
#ajax-application div.BewerberMessageHidden span {
    display                 : none;
}

#ajax-application h2.bewerbenHint {
    color                   : red;
}

#ajax-application h2.bewerbenHint small {
    color                   : #933;
}

#ajax-application h2.bewerbenHint small pre {
    margin                  : 0px;
    padding                 : 0px;
    display                 : inline;
    color                   : #000;
}

#ajax-application.loading form h2{ 
    color                   : #999;
}

#ajax-application.loading form {
    border                  : 1px solid #666;
}

#ajax-application.loading table tr td {
    color                   : #666;
}

#ajax-application.loading table tr td b,
#ajax-application.loading table tr td h3 {
    color                   : #999;
}

#ajax-application.loading table tr td input,
#ajax-application.loading table tr td select {
    border-color            : #666;
    color                   : #666;
    background-color        : #EEE;
}

#ajax-application.loading table tr td textarea {
    border-color            : #666;
    color                   : #666;
    background-color        : #EEE;
}

#ajax-application.loading table tr td.rightBorder {
    border-right            : 1px solid #666;
}

#ajax-application.loading h2.bewerbenHint {
    color                   : red;
}

#ajax-application.loading div a.bewerbenSubmit:hover,
#ajax-application.loading div a.bewerbenSubmit {
    color                   : #000;
    border-color            : #999;
}

#ajax-application.loading h2.bewerbenHint,
#ajax-application.loading h2.bewerbenHint small,
#ajax-application.loading h2.bewerbenHint small pre {
    color                   : white;
}