@charset "UTF-8";
/************************************************
    CSS StyleSheet
    plural.de

    Media: Screen
    Part:  Main

    last change: MT 2006-12-13

************************************************/


* {
    margin: 0;
    padding: 0;
    border: 0;
}

html {
    background: #fff url("/pics/body/htmlbg.gif") repeat-y 0 0;
    color: #000;
}

body {
    margin: 0;
    background: transparent url("/pics/body/bodybg.gif") repeat-x 0 0;
    font: small/150% "Lucida Grande", verdana, helvetica, Arial, sans-serif;
    color: #333;
    padding: 0 0 3em 0;
}

#head {
    height: 156px;
    width: 1009px;
}

#wrapper {
    width: 1009px;
}


#navi {
    float: left;
    width: 200px;
}

#content {
    float: left;
    width: 560px;
    padding-right: 20px;
    padding-left:  20px;
}

#sidebar {
    float: right;
    width: 200px;
    line-height: 120%;
}

div#logo {

    float:right;
}



#head div#topic {
    position: absolute;
    top: 105px;
    left: 0px;
    z-index: 5;
    width: 200px;
    height: 25px;
    overflow: hidden;
    background-color: transparent;
    color: #fff;
    padding: 2px 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#marquee {
    background-color: #f2f8fd;
    margin-bottom: 1em;
}
#anleser{
margin-top: 25px;
font-size: 92%;background:#fff;
}
#anleser .visuell{overflow:hidden;width: 200px;}
#anleser h3{background: #87C0E5; margin:0;padding: 3px 10px 3px 10px; }
#anleser div.bg{background:#BDDEF3;padding: 3px 10px 3px 10px; font-size: 92%;}
/*********************************
    NAVIGATION
*********************************/
#headnav{
    position:relative;

}
#headnav ul{
     background:#BEDEF3 none repeat scroll 0%;
     float:left;
     height:23px;
     margin-top:105px;
     padding:2px 0 0 10px;
     font-size:82%;
     list-style:none;

}
#headnav ul li{
     display:inline;
     list-style:none;

     padding-right: 3px;
}
#headnav ul li a{text-decoration:underline; font-weight:normal;}


#headnav ul li a.Servicepool{color:#002377}
#headnav ul li a.Catering{color:#994657}
#headnav ul li a.Cleaning{color:#077abc}
#headnav ul li a.Gebaeudemangement{color:#00AA23}
#headnav ul li a.Health{color:#148172}
#headnav ul li a.Industry{color:#5b5b5b}
#headnav ul li a.Personalservice{color:#ff7031}
#headnav ul li a.Security{color:#ee3344}
#headnav ul li a.Sterilgutversorgung{color:#1e3883}
#headnav ul li a.Weiterbildung{color:#053779}

#headnav ul li a:hover{color:#023779; text-decoration:underline;}

#navi li.title{
    background:#002377 none repeat scroll 0%;
    color:#FFFFFF;
    letter-spacing:1px;
    padding:3px 0pt 3px 15px;
    text-transform:uppercase;
    width:185px;
}
#navi .Servicepool{background:#002377 !important;}
#navi .Catering{background:#994657 !important;}
#navi .Cleaning{background:#077abc !important;}
#navi .Gebaeudemangement{background:#00AA22 !important;}
#navi .Health{background:#148172 !important;}
#navi .Industry{background:#5b5b5b !important;}
#navi .Personalservice{background:#ff7031 !important;}
#navi .Security{background:#ee3344 !important;}
#navi .Sterilgutversorgung{background:#003064 !important;}
#navi .Weiterbildung{background:#002377 !important;}


#navi ul {
    border-top: 1px solid #bddef3;
    width: 200px;
}

#navi ul li {
    width: 200px;
}

#navi ul a {
    display: block;
    padding: 2px 15px;
    border-bottom: 1px solid #bddef3;
    color: #037;
    text-decoration: none;
}

#navi ul a:hover {
    background-color: #fff;
}

#navi ul ul {
    border: 0;
}

#navi ul ul a {
    padding-left: 25px;
    background-color: #fff;
    border-bottom: 1px solid #deeef9;
}

#navi ul ul ul a {
    padding-left: 40px;
    background-color: #fff;
    border-bottom: 1px solid #deeef9;
}

#navi ul ul a:hover {
    background-color: #f2f8fd;
}

#navi ul li.active a { font-weight: bold; }
#navi ul li.active ul li a { font-weight: normal; }
#navi ul li.active ul li.active a { font-weight: bold; }
#navi ul li.active ul li.active ul li a { font-weight: normal; }
#navi ul li.active ul li.active ul li.active a { font-weight: bold; }

#navi ul a.margin {
    border-top: 1px solid #bddef3;
    margin-top: 1.5em;
}

/*********************************
    TYPO
*********************************/

p {
    margin-bottom: 1em;
}

h1 {
    font-weight: normal;
    font-size: 150%;
    line-height: 120%;
    margin-bottom: 0.5em;
    color: #037;
}

h1 span {
    display: block;
    font-size: 80%;
}

h2 {
    font-weight: normal;
    font-size: 130%;
    line-height: 120%;
    margin: 1.5em 0 0.5em 0;
    color: #037;
}

h3 {
    margin: 1.2em 0 0.5em 0;
    color: #037;
    font-size: 110%;
    font-weight: normal;
}

h3.line {
    border-top: 1px solid #87c0e5;
    padding-top: 0.5em;
}

h3 span {
    display: block;
    font-size: 80%;
    color: #333;
}

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

#content a:visited, #sidebar a:visited {
    color: #037;
    /*padding-right: 15px;
    background: url("/pics/content/pfeil.gif") no-repeat 100% 50%;*/
}

#content a:hover, #sidebar a:hover { color: #000; }

#sidebar h3 {
    background-color: #87c0e5;
    font-size: 110%;
    font-weight: normal;
    padding: 4px 10px;
    margin: 0;
    color: #037;
}

#sidebar div.box {
    background-color: #bddef3;
    margin-bottom: 1em;
}

#sidebar div.box div.text {
    font-size: 90%;
    padding: 15px 10px 15px 10px;
}

blockquote.spezial {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 1.5em;
}

blockquote.spezial img {
    float: left;
    margin-right: 1.5em;
}

blockquote.spezial cite {
    display: block;
    white-space: nowrap;
}

/*********************************
    LISTS
*********************************/

#content ul, #content ol {
    margin-left: 2em;
}

#content ul li, #content ol li {
    margin-bottom: 0.8em;
}

#sidebar div.box ul {
    list-style: none;
    margin: 0px 0;
    padding: 0;
}

#sidebar div.box ul li {
    padding: 5px 15px;
    border-bottom: 1px solid #87c0e5;
}

#sidebar div.box ul li:hover {
    background-color: #f2f8fd;
}

#content ul.subnav {
    float: left;
    width: 100%;
    list-style: none;
    margin: 1em 0 0 0;
    font-size: 90%;
    line-height: 120%;
    border-top: 1px solid #87c0e5;
    background-color: #f2f8fd;
}

#content ul.subnav li {
    padding: 5px 0.5em;
}

#content ul.subnav li.L {
    float: left;
    margin: 0 !important;
}

ul.subnav li.R {
    float: right;
    margin: 0;
}

#content div.seminare ul {
    margin-left: 1.5em;
}

#content div.seminare ul ul li {
    margin-left: 1em;
    font-weight: normal;
    color: #333;
}

div.text ul {
    list-style-type: disc;
}

div.text ul li {
    margin-left: 15px;
    padding-left: 0px !important;
    list-style-type: disc;
    border: 0 !important;
}

div.text ul li:hover {
    background: none !important;
}

h2.jobs {
    padding: 5px 5px 5px 5px;
    border-bottom: 1px solid #87c0e5;
    background: #F2F8FD;
    margin: 0 !important;
    margin-bottom: 10px !important;
}

h3.jobs {
    margin: 0 !important;
    padding: 15px 0px 0px 0px;
}

a.jobs {
    margin-bottom: 20px !important;
}
/*********************************
    TABELLEN
*********************************/

table {
    border-collapse: collapse;
}

th {
    font-weight: normal;
    font-size: 90%;
    text-align: left;
    color: #fff;
    background-color: #037;
    padding: 0.3em 0.5em;
    border: 1px solid #7fa2c4;
    line-height: 120%;
}

table td {
    border: 1px solid #7fa2c4;
    padding: 0.5em;
    vertical-align: top;
}

/*********************************
    TOPICS
*********************************/

#servicepool div#head        { background: url("/pics/body/topics/head/servicepool.jpg") no-repeat 0 0; }
#s13 div#head, #s31 div#head { background: url("/pics/body/topics/head/catering.jpg") no-repeat 0 0; }
#s14 div#head, #s32 div#head { background: url("/pics/body/topics/head/cleaning.jpg") no-repeat 0 0; }
#s15 div#head                { background: url("/pics/body/topics/head/gebaeude.jpg") no-repeat 0 0; }
#s16 div#head                { background: url("/pics/body/topics/head/healthcare.jpg") no-repeat 0 0; }
#s17 div#head                { background: url("/pics/body/topics/head/industry.jpg") no-repeat 0 0; }

#s18 div#head, #s33 div#head, #s41 div#head { background: url("/pics/body/topics/head/personal.jpg") no-repeat 0 0; }

#s19 div#head, #s34 div#head { background: url("/pics/body/topics/head/security.jpg") no-repeat 0 0; }
#s20 div#head, #s36 div#head { background: url("/pics/body/topics/head/orgamed.jpg") no-repeat 0 0; }
#s21 div#head, #s37 div#head { background: url("/pics/body/topics/head/weiterbildung.jpg") no-repeat 0 0; }



#s13 h1, #s31 h1 { color: #945; }
#s14 h1, #s32 h1 { color: #07b; }
#s15 h1          { color: #00aa22; }
#s16 h1          { color: #148172; }
#s17 h1          { color: #555; }
#s18 h1, #s33 h1 #s41 h1{ color: #f62; }
#s19 h1, #s34 h1 { color: #e34; }
/*#s20 h1          { color: #076; }*/
#s21 h1          { color: #037; }

#servicepool.presse div#head        { background: url("/pics/body/topics/head/presse.jpg") no-repeat 0 0; }
#servicepool.kontakt div#head       { background: url("/pics/body/topics/head/kontakt.jpg") no-repeat 0 0; }
#servicepool.jobs-karriere div#head { background: url("/pics/body/topics/head/karriere.jpg") no-repeat 0 0; }
#servicepool.news div#head          { background: url("/pics/body/topics/head/news.jpg") no-repeat 0 0; }
#servicepool.presseservice div#head { background: url("/pics/body/topics/head/presse.jpg") no-repeat 0 0; }
#servicepool.unternehmen div#head   { background: url("/pics/body/topics/head/servicepool.jpg") no-repeat 0 0; }

ul.services a { background: url("/pics/body/topics/navicolors.gif") no-repeat 0 0; }
/*Catering*/
ul.services a.s13      { background-position: -20px   0px; }
#s13 ul.services a.s13 { background-position: 190px   0px; }

/*Cleaning*/
ul.services a.s14      { background-position: -20px -60px; }
#s14 ul.services a.s14 { background-position: 190px -60px; }

/*Gebäudemanagement*/
ul.services a.s15      { background-position: -20px -120px; }
#s15 ul.services a.s15 { background-position: 190px -120px; }

/*Health Care*/
ul.services a.s16      { background-position: -20px -180px; }
#s16 ul.services a.s16 { background-position: 190px -180px; }

/*Industry Services*/
ul.services a.s17      { background-position: -20px -240px; }
#s17 ul.services a.s17 { background-position: 190px -240px; }

/*Personalservice*/
ul.services a.s18      { background-position: -20px -300px; }
#s18 ul.services a.s18 { background-position: 190px -300px; }

/*Security*/
ul.services a.s19      { background-position: -20px -360px; }
#s19 ul.services a.s19 { background-position: 190px -360px; }

/*Sterilgut*/
ul.services a.s20      { background-position: -20px -420px; }
#s20 ul.services a.s20 { background-position: 190px -420px; }

/*Weiterbildung*/
ul.services a.s21      { background-position: -20px -480px; }
#s21 ul.services a.s21 { background-position: 190px -480px; }

/*
ul.services a.s22  { background-position: -20px -480px; }
#s22 ul.services a.s22 { background-position: 190px -480px; }
ul.services a.s19b { background-position: -20px -330px; }
ul.services a.s19c { background-position: -20px -330px; }
#s19 ul.services a.s19b { background-position: 190px -300px; }
#s19 ul.services a.s19c { background-position: 190px -300px; }
*/

#s20 #head div#topic {
    letter-spacing: 0.05em;
}

#content ul.servicestart {
    list-style: none;
    margin: 0 auto;
    width: 460px;
}

#content ul.servicestart li {
    width: 210px;
    height: 110px;
    float: left;
    padding-right: 15px;
    margin: 0;
}

#content ul.servicestart li a {
    width: 210px;
    display: block;
    padding: 65px 0 0 0;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-decoration: none;
}

#content ul.servicestart li.s13 a { color: #945; background: url("/pics/content/services/catering.jpg") no-repeat 0 0; }
#content ul.servicestart li.s14 a { color: #07b; background: url("/pics/content/services/cleaning.jpg") no-repeat 0 0; }
#content ul.servicestart li.s15 a { color: #2a4; background: url("/pics/content/services/gebaeude.jpg") no-repeat 0 0; }
#content ul.servicestart li.s16 a { color: #076; background: url("/pics/content/services/healthcare.jpg") no-repeat 0 0; }
#content ul.servicestart li.s17 a { color: #555; background: url("/pics/content/services/industry.jpg") no-repeat 0 0; }
#content ul.servicestart li.s18 a { color: #f62; background: url("/pics/content/services/personal.jpg") no-repeat 0 0; }
#content ul.servicestart li.s19 a { color: #e34; background: url("/pics/content/services/security.jpg") no-repeat 0 0; }
#content ul.servicestart li.s20 a { color: #01377D; background: url("/pics/content/services/medizin.jpg") no-repeat 0 0; line-height: 110%; }
#content ul.servicestart li.s21 a { color: #037; background: url("/pics/content/services/weiterbildung.jpg") no-repeat 0 0; }



/*********************************
    HISTORIE
*********************************/

dl.zeitstrahl {
    background: url("/pics/content/zeitstrahl.gif") repeat-y 0 0;
    padding: 1em 0;
    float: left;
    width: 100%;
    margin-bottom: 1.5em;
}

dl.zeitstrahl dt {
    clear: both;
    float: left;
    width: 60px;
    background-color: #fff;
    color: #037;
    font-weight: bold;
    font-style: italic;
    /*font-family: "Georgia", Times, "Times New Roman", serif;*/
    font-size: 120%;
    padding: 0 0 5px 0;
    margin-left: 1px;
}

dl.zeitstrahl dd {
    float: left;
    width: 390px;
    margin-bottom: 1.5em;
}

dt {
    border-top: 1px solid #87c0e5;
    font-weight: bold;
}

dl {
    margin-bottom: 10px;
}

dd {
    margin-bottom: 10px;
}

/*********************************
    FORMULARE
*********************************/

input, select, textarea {
    font-weight: normal;
}

label {
    display: block;
    color: #444;
    font-size: 90%;
}

label.inline {
    display: inline;
    color: #444;
    font-size: 100%;
}

p.noblock label {
    display: inline;
}

input.form, textarea.form {
    padding: 2px 5px;
}

input.form, textarea.form, select.form {
    background-color: #f2f8fd;
    border: 1px solid #85bce0;
    width: 450px;
    color: #037;
}

input.form:hover, textarea.form:hover, select.form:hover {
    background-color: #fff;
}

input.form:focus, textarea.form:focus, select.form:focus {
    border: 1px solid #037 !important;
}

select.form {
    width: 460px;
}

select.form option {
    padding: 2px 5px;
}

input.button {
    background-color: #f2f8fd;
    border: 1px solid #85bce0;
    border-right: 1px solid #037;
    border-bottom: 1px solid #037;
    color: #037;
    margin-top: 1em;
    font-size: 90%;
    padding: 3px 1em;
}

input.button:hover {
    background-color: #bddef3;
}

p.formtabelle label {
    display: block;
    float: left;
    width: 200px;
    font-size: 100% !important;
}

p.formtabelle input, p.formtabelle span.bewerbung{
    display: block;
    float: left;
    width: 250px;
}

p.formtabelle span.bewerbung input {
    margin: 0 5px 0 5px ;
    display: inline;
    float: none;
    width: auto;
}

p.formtabelle2 input.smalltext {
    width: 50px;
    margin: 0 0.5em;
}

span.form-date {
    font-size: 90%;
    font-style: italic;
}

/*********************************
    MISC
*********************************/

.clear {
    clear: both;
}

.float-left {
    float: left;
    margin-right: 1em;
}

.float-right {
    float: right;
    margin-left: 1em;
}

div.floatBox {
    float: left;
    width: 30%;
    margin-right: 2%;
}

.small {
    color: #666;
    font-size: 90%;
    line-height: 110%;
}

div.imghover {
    position: absolute;
    top: 40px;
    left: 220px;
    z-index: 5;
    display: none;
    border: 1px solid #037;
    border-right: 2px solid #037;
}

div.imghover p {
    background-color: #037;
    margin: 0;
    padding: 5px 1em;
    text-align: center;
}

div.imghover p a, div.imghover p a:link { color: #fff !important; white-space: nowrap; }
div.imghover p a:hover { color: #bddef3 !important; }

span.required {
    color: #a00;
    font-weight: bold;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*********************************
    SERVICENETZ
*********************************/

ul#servicenetz {
    width: 470px;
    height: 602px;
    position: relative;
    z-index: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    background: url("/pics/content/servicenetz/landkarte.gif") no-repeat 0 0;
}

ul#servicenetz li a.sn1  { top:  50px; left: 175px; width: 45px;  display:none;}
ul#servicenetz li a.sn2  { top:  87px; left: 180px; width: 70px; }
ul#servicenetz li a.sn3  { top:  75px; left: 270px; width: 60px; height: 20px; }
ul#servicenetz li a.sn4  { top: 161px; left: 255px; width: 50px; }
ul#servicenetz li a.sn5  { top: 141px; left:  95px; width: 65px; }
ul#servicenetz li a.sn6  { top: 186px; left: 116px; width: 70px; }
ul#servicenetz li a.sn7  { top: 200px; left: 105px; width: 60px; }
ul#servicenetz li a.sn8  { top: 193px; left: 200px; width: 85px; }
ul#servicenetz li a.sn9  { top: 203px; left: 182px; width: 70px; }
ul#servicenetz li a.sn10 { top: 220px; left: 165px; width: 70px; }
ul#servicenetz li a.sn11 { top: 235px; left: 245px; width: 90px; }
ul#servicenetz li a.sn13 { top: 267px; left: 230px; width: 65px; }
ul#servicenetz li a.sn14 { top: 281px; left: 190px; width: 50px; }
ul#servicenetz li a.sn15 { top: 345px; left:  70px; width: 60px; }
ul#servicenetz li a.sn16 { top: 428px; left:  60px; width: 70px; }
ul#servicenetz li a.sn17 { top: 485px; left:  99px; width: 45px; height: 20px; }
ul#servicenetz li a.sn18 { top: 235px; left:  35px; width: 55px; }
ul#servicenetz li a.sn19 { top: 257px; left: 123px; width: 70px; }
ul#servicenetz li a.sn20 { top: 243px; left: 123px; width: 70px; }
ul#servicenetz li a.sn21 { top: 214px; left:  70px; width: 70px; }
ul#servicenetz li a.sn22 { top: 102px; left: 140px; width: 60px; height: 20px; }
ul#servicenetz li a.sn23 { top: 219px; left: 240px; width: 60px; }
ul#servicenetz li a.sn24 { top: 478px; left: 420px; width: 30px; height: 20px; }
ul#servicenetz li a.sn25 { top: 388px; left: 190px; width: 70px; display:none;}

ul#servicenetz li a {
    position: absolute;
    display: block;
    height: 12px;
    z-index: 3;
    text-decoration: none;
    padding-right: 0 !important;
    overflow: hidden;
}

ul#servicenetz li a span {
    display: block;
    margin-left: -40px;
    letter-spacing: 600px;
}