html, body {
height:100%;
}
html {
margin: 0px;
padding: 0px;
font-size: 101%;
}
body {
background: #000 url(../images/background.jpg) center no-repeat;
margin: 0px;
padding: 0px;
font-family: Arial, Verdana, sans-serif;
font-size: 0.75em;
}
.clear { clear: both; }
ul, li, form {
margin: 0px;
padding: 0px;
}
/* STYLES */
h1 {
font-weight: normal;
color: #81090a;
margin: 44px 0 10px 0;
}
h2 {}
h3 {}
p {
/*color: #685b3c;*/
color: #7E7E7E;
}
p strong {
color: #000;
}
a img { border: 0px; }
/* LAYOUT */
#distance {
width:1px;
height:50%;
margin-bottom:-251px; /* half of page's height */
float:left;
}
#wrapper{
text-align:left;
clear:left;
position:relative; /* puts container in front of distance */
height: 505px;
}
#page {
width: 820px;
margin: 0 auto 0 auto;
padding: 0px;
background: #FFF url(../images/page-bg.gif) top left repeat-y;
min-height: 450px;
height:auto !important; /* für moderne Browser */
height: 450px; /*für den IE */
}
/* LEFT */
#leftCol {
width: 160px;
float: left;
padding: 0 0px 0 20px;
color: #FFF;
}
#leftCol a {
color: #FFF;
text-decoration: none;
font-weight: bold;
}
#leftCol a.dep1, #leftCol a.dep2, #leftCol a.dep3, #leftCol a.dep4, #leftCol a.dep5 {
margin: 0 0 0 5px;
}
#leftCol a.dep8, #leftCol a.dep9, #leftCol a.dep10 {
margin: 0 0 0 5px;
}
#logo {
border: 0px;
margin: 40px 0 20px 0px;
}
/* MAIN */
#mainCol {
float: right;
width: 620px;
//min-height: 450px;
//height:auto !important; /* für moderne Browser */
height: 450px; /*für den IE */
color: #000;
margin: 0 0 0 20px;
padding: 0px;
}
#mainCol a {
color: #81090a;
}
#mainCol a:hover {
color: #000;
}
#innerContent {
float: left;
width: 275px;
}
/* FOOTER */
#footer {
width: 820px;
clear: both;
margin: 0 auto;
padding: 15px 0 0 0;
font-weight: bold;
color: #FFF;
text-align: center;
}
#footer a:link, #footer a:visited {
color: #FFF;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
/* HOME */
.index #mainCol {
background: url(../images/bg-home.jpg) top right no-repeat;
}
/* CAREERES @ The Greenhouse */
.jobs #page.The-Greenhouse #mainCol {
background: url(../images/bg-careers-greenhouse.jpg) top right no-repeat;
}
/* CAREERES @ UMU */
.jobs #page.Umu #mainCol {
background: url(../images/bg-careers-umu.jpg) top right no-repeat;
}
/* CAREERES @ Mortons */
.jobs #page.Morton^s-Club #mainCol {
background: url(../images/bg-mortons-bar.jpg) top right no-repeat;
}
/* CAREERES @ MARC Finewines */
.jobs #page.MARC-Fine-Wines #mainCol {
background: url(../images/bg-finewine.jpg) top right no-repeat;
}
/* CAREERES @ MARC headoffice */
.jobs #page.Head-Office #mainCol {
background: url(../images/bg-marc.jpg) top right no-repeat;
}
/* CAREERS JOB OVERVIEW */
.jobs #page.jobOverview #mainCol {
background: none;
}
/* PORTFOLIO */
.portfolio #mainCol {
background: url(../images/bg-portfolio.jpg) top right no-repeat;
}
/* RESTAURANTS */
.restaurants #mainCol {
background: url(../images/bg-restaurants.jpg) top right no-repeat;
}
/* GREENHOUSE */
.the-greenhouse #mainCol {
background: url(../images/bg-greenhouse.jpg) top right no-repeat;
}
/* UMU */
.umu #mainCol {
background: url(../images/bg-umu.jpg) top right no-repeat;
}
/* A VOCE */
.a-voce #mainCol {
background: url(../images/) top right no-repeat;
}
/* MORTONS */
.mortons #mainCol {
background: url(../images/bg-mortons.jpg) top right no-repeat;
}
/* FINE WINES */
.marc-fine-wines #mainCol {
background: url(../images/bg-finewine.jpg) top right no-repeat;
}
/* ABOUT */
.about-marc #mainCol {
background: url(../images/bg-about.jpg) top right no-repeat;
}
/* VISION*/
.vision #mainCol {
background: url(../images/bg-vision.jpg) top right no-repeat;
}
/* EXPERTISE */
.expertise #mainCol {
background: url(../images/bg-expertise.jpg) top right no-repeat;
}
/* TEAM */
.team #mainCol {
background: url(../images/bg-team.jpg) top right no-repeat;
}
/* CONTACT */
.contact #mainCol {
background: url(../images/bg-contact.jpg) top right no-repeat;
}
/* EQUAL OPPORTUNITIES */
.equal-opportunities #mainCol {
background: url(../images/bg-opportunities.jpg) top right no-repeat;
}
/* JOBS */
.jobs #mainCol {
height: 450px;
overflow: auto;
margin: 0px;
background: url(../images/bg-careers.jpg) top right no-repeat;
}
.jobs #mainCol #logos {
width: 310px;
float: left;
text-align: center;
margin: 60px 0 0 0;
font-size: 0.75em;
}
.jobs #logos .departmentLogo {
margin: 0 0 12px 0;
}
.jobs .departmentLogo {
margin: 0;
}
.jobs #depLogoDiv {
margin: 43px 0 12px 0;
height: 80px;
width: 275px;
text-align: center;
}
.jobs #depDescr {
width: 280px;
}
.jobs h2.jobTitle {
color: #81090A;
font-size: 1.0em;
margin: 10px 0 0 0;
padding: 0px;
}
.jobs h2.jobDescription {
color: #81090A;
font-size: 1.0em;
margin: 10px 0 0 0;
padding: 0px;
}
.jobs .btnApply {
margin: 10px 0 0 150px;
padding: 2px 0;
width: 110px;
text-align: center;
background: #81090A;
border: #81090A;
color: #FFF;
font-weight: bold;
}
.jobs ul.ulJobTypes {
list-style-type: none;
margin: 25px 0 0 10px;
}
.jobs ul.ulJobTypes a {
font-weight: bold;
}
/* Everything on Overview */
.jobs .jobOverview #mainCol {
overflow: auto;
}
.jobs .jobOverview #mainCol h1 {
font-size: 1.6em;
}
.jobs h2.jobTitleOO {
font-size: 1.0em;
font-weight: bold;
width: 280px;
float: left;
margin: 0px;
padding: 4px 0 2px 5px;
color: #81090A;
}
.jobs .jobsRow1 {
border: 1px solid #AAA;
width: 580px;
margin: 0 0 10px 0;
padding: 0px;
background: #CCC url(../images/jobheader1.jpg) top left no-repeat;
}
.jobs #mainCol .jobsRow1 a {
/*color: #FFF; */
}
.jobs #mainCol .jobsRow1 h2.jobTitleOO, .jobs .jobsRow1 .salary {
/* color: #FFF;*/
}
.jobs .jobsRow1 .details a {
color: #000 !important;
}
.jobs .jobsRow2 {
border: 1px solid #AAA;
width: 580px;
margin: 0 0 10px 0;
padding: 0px;
background: #FFF;
}
.jobs .salary {
width: 200px;
float: left;
padding: 4px 0 0 0px;
}
.jobs .details {
font-size: 0.8em;
padding: 4px 0 0 0px;
}
.jobs .jobDetailsRow1 {
clear: both;
background: #FFF;
padding: 5px;
font-size: 0.85em;
display: none;
}
.jobs .jobDetailsRow2 {
clear: both;
background: #FFF;
padding: 4px;
font-size: 0.85em;
display: none;
border-top: 1px solid #AAA;
}
.jobs .jobDetails {
float: left;
width: 200px;
}
.jobs .jobDescription {
float: left;
width: 330px;
}
.jobs .jobDescription h2 {
color: #81090A;
font-size: 1.0em;
margin: 0px 0 0 0;
padding: 0px;
}
.jobs .btnApplyOO {
margin: 20px 0 0 10px;
padding: 2px 0;
width: 110px;
text-align: center;
background: #81090A;
border: #81090A;
color: #FFF;
font-weight: bold;
cursor: pointer;
}
.jobs .details a {
cursor: pointer;
}
/* APPLY 4 JOBS */
.apply4job #mainCol {
height: 440px;
min-height: 440px;
max-height: 440px;
overflow: auto;
margin: 5px 0;
}
.apply4job label {
width: 200px;
display: block;
clear: left;
float: left;
padding: 6px 0 0 0;
}
.apply4job input, .apply4job textarea {
margin: 0 0 3px 0;
}
.apply4job .submitBtn {
margin: 10px 0 0 0px;
padding: 2px 0;
width: 110px;
text-align: center;
background: #81090A;
border: #81090A;
color: #FFF;
font-weight: bold;
cursor: pointer;
}
.apply4job .clearBtn {
margin: 10px 0 0 10px;
padding: 2px 0;
width: 110px;
text-align: center;
background: #81090A;
border: #81090A;
color: #FFF;
font-weight: bold;
cursor: pointer;
}