body {
 margin: 0px;
 font: 0.7em/1.2em Arial, Verdana, Geneva, Helvetica, sans-serif;
 color: white;
}

#mainContainer {
 position: absolute;
 bottom: 0px;
 width: 100%;
 height: 100%;
 min-height: 550px;
 margin: 0px;
 padding: 0px;
}

.mcHome     { background: url(../images/bg/home.jpg) no-repeat black bottom left; }
.mcServices { background: url(../images/bg/services.jpg) repeat-x black bottom left; }
.mcJobs     { background: url(../images/bg/jobs.jpg) repeat-x black bottom left; }
.mcPartners { background: url(../images/bg/partners.jpg) repeat-x black bottom left; }
.mcContact  { background: url(../images/bg/contact.jpg) repeat-x black bottom left; }
.mcImprint  { background: url(../images/bg/imprint.jpg) repeat-x black bottom left; }

#menuContainer {
 position: absolute;
 top: 85%;
 width: 420px;
 height: 52px;
 background: url(../images/menu/1.png) no-repeat top left;
 z-index:1000;
 padding-left:57px;
 padding-top: 2px;
}

.menuImg, .activeMenuImg{
 border: none;
}

#logo {
 position: absolute;
 top:10px;
 left:90%;
 width: 59px;
 height: 100px;
 /* nicht als bg wg. IE6.... */
/* background: url(../images/logo100.png) no-repeat top left;*/
 cursor: pointer;
}


#content {
 position: absolute;
 color: #80d7f4;
 font-weight: bold;
 font-size: 1.0em;
 line-height: 1.4em;
}

#content a { 
  color: white; 
  text-decoration: none;
}

#content a:hover {
  color: #00afe9;
}
/*
#content a:visited { 
 color: #999999; 
}
*/

#content .link { 
 color: white 
}

#content ul li {
 list-style-type: none;
 margin-left:-20px;
}

.mcHome #content{
 top: 300px;
 left: 500px;
 width: 400px;
}

.mcServices #content{
 top: 250px;
 left: 100px;
 width: 450px;
}

.mcJobs #content{
 top: 150px;
 left: 150px;
 width: 450px;
}

.mcPartners #content{
 top: 300px;
 left: 60px;
 width: 500px;
}

.mcContact #content{
 top: 100px;
 left: 60px;
 width: 500px;
}

.mcImprint #content{
 top: 200px;
 left: 60px;
 width: 500px;
}