/* braun:#562d2e grün:#c0e0d4 hellgrün:#eff7f4 orange:#f29400 grau:#999999 */ * {margin: 0;padding: 0;} p, li, h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:1em;} /* Scrollbar Opera und Firefox */ html {height:100%; margin-bottom:1px;} /* horizontal zentrieren */ body {font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color:#562d2e; background:#fff url(../img/bg-verlauf.jpg) repeat-x; text-align:center;} /* WrapDiv */ #wrap {width:932px; background:#fff; position:relative; margin:0px auto; text-align:left;} /* .main top an Headerhöhe oder 304 ohne Banner */ #wrap .main {position:absolute;top:394px; background:#fff; z-index:100} #wrap .main-border {width:930px; border-left:1px solid #c0e0d4; border-right:1px solid #c0e0d4; } #wrap .boxBanner {margin-top:5px;height:95px;border-bottom:1px solid #C0E0D4;text-align:center;background:#fff url(/_common/img/bg-verlauf.jpg) repeat-x;} /* ======================== */ /* Generell */ /* ======================== */ #wrap img { border: none; } /* Links */ #wrap a {color:#f29400;text-decoration:none;} #wrap a:hover {text-decoration:underline;} #wrap a.arrow {color:#562d2e;background:url(../img/but-arrow.gif) center left no-repeat;padding-left:15px;text-decoration:underline;} #wrap a.arrow-left {color:#562d2e;background:url(../img/but-arrow-back.gif) center left no-repeat;padding-left:15px;text-decoration:underline;} #wrap a.block-arrow-left {text-decoration:none; display:block; background:url(../img/but-arrow-box.gif) center left no-repeat; padding:0 4px 0 15px; background-color: #f29400; color:#ffffff !important;} #wrap a.block-arrow-left:hover {text-decoration:none} /* diverse */ #wrap .strong { font-weight:bold; } #wrap .left { float:left; } #wrap .right { float:right; } #wrap .button { border: none;margin:0;padding:1px 0; } #wrap .pr10 { padding-right:10px; } #wrap .error {color:#cc0000;} #wrap .noborder {border:none !important; background:transparent;} #wrap .content .stand {padding:7px 10px;} #wrap .contentpage {margin-top:-129px;position:relative;z-index:99;} #wrap .font-1 {font-size:1.1em} #wrap .font-2 {font-size:1.2em} /* visual clear, setzt auch zeilen-/schrifthoehe auf 0 */ #wrap .v-clear { clear:both; font-size:0pt !important; height:0pt !important; line-height:0pt !important; } #wrap .clear { clear:both; } /* ======================== */ /* FormDiv */ /* ======================== */ label, select, input[type=checkbox], input[type=radio],input[type=button], input[type=submit] {cursor: pointer;} /* outline: 1px solid red; */ input[type=text]:focus, input[type=password]:focus, textarea:focus {color: #000000;background: #dedede;} /* kellnerfields */ #wrap input, #wrap select, #wrap textarea, #wrap file {margin:0; padding:2px 0 2px 3px; color: #562d2e; border:1px solid #a5acb2; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em;} /* Opera und Firefox */ html>body #wrap select {padding:1px 0;height:18px;} /* ======================== */ /* Header */ /* ======================== */ #header {width:930px; height:304px; position:relative; border-left:solid 1px #c0e0d4;border-right:solid 1px #c0e0d4; } #header .logo {position:absolute;z-index:9;top:0px;left:20px; } /* Loginform */ #loginform {width:227px;position:absolute;left:690px;top:6px;} #loginform .text {font-size:1.2em;font-weight:bold;} #loginform a {font-size:1.1em;} #loginform input.text-1 {width:91px;float:left;margin-right:5px;} #loginform input.hide {display:none;} #loginform fieldset.fieldset-1 {width:227px;border:none;padding:3px 0 2px 0;} /* oben kleine Topnavi */ #topnavi {position:absolute;left:201px;top:7px;width:480px;font-size:1.1em;} #topnavi ul {display:block;padding:0;margin:0;} #topnavi li {display: inline;list-style: none;text-align:right;} #topnavi li a {color:#562d2e;text-decoration:underline;} /* Mainnavi */ #navi {width:930px;height:65px;position:absolute;left:0px;top:80px;background:#ffffff url(../img/bg-navi.gif) repeat-x;} #navi ul {margin-left:200px;} #navi li {float:left;height:30px;background:url(../img/bg-navibutton.gif) repeat-x;border-right:solid 1px #ffffff;text-align:middle;list-style: none;} #navi li a {font-size:1.2em;display:block;color:#ffffff;padding:7px 10px 0 10px;text-decoration:none;} #navi li a:hover {text-decoration:underline;} #navi li.active {height:35px;background:#c0e0d4;margin-left:-1px;border-left:solid 1px #ffffff;} #navi li a.active {color:#562d2e;} /* Sub-Mainnavi */ #subnavi {width:930px;height:35px;position:absolute;left:0px;top:120px;} #subnavi ul {margin-left:200px;} #subnavi li {float:left;height:20px;background:ffffff;list-style: none;} #subnavi li a {font-size:1.2em;display:block;color:#562d2e;padding:3px 10px 8px 10px;text-decoration:none;} #subnavi li a:hover {text-decoration:underline;} #subnavi li.active {float:left;height:26px;background:#ffffff;color:#000000;border-left:solid 1px #c0e0d4;} #subnavi li a.active {color:#562d2e;} /* Intro */ #intro {width:690px;padding:0 20px;position:absolute;left:201px;top:159px;text-align:center;} #intro img {padding-bottom:5px;} #intro h1 {font-size:1.6em;font-weight:bold;padding-bottom:3px;} #intro p {font-size:1.2em;} /* ======================== */ /* Main left */ /* ======================== */ #wrap .main-left {float:left;width:200px;} /* Teaserbox 1 */ #wrap .box-1 {width:170px;margin:0 0 10px 20px;} #wrap .box-1 ul {width:168px;margin:0;padding:0;border-left:solid 1px #c0e0d4;border-right:solid 1px #c0e0d4;} #wrap .box-1 li {width:148px;margin:0 0 0 10px;padding-top:7px;border-bottom:1px solid #562d2e;border-style:none none dotted none;list-style: none;} #wrap .box-1 ul li.last {border-bottom:none;padding-bottom:10px;} #wrap .box-1 h2 {font-size:1.2em;font-weight:bold;padding:8px 10px;background:#c0e0d4 url(../img/bg-box-1-top.gif) no-repeat; } #wrap .box-1 .colII {font-size:1.2em;width:98px;float:left;padding-bottom:7px;} #wrap .box-1 .nopic {font-size:1.2em;width:148px;margin:0;padding-bottom:7px;} #wrap .box-1 li img {float:left;padding:3px 10px 10px 0;} #wrap .box-1 .footer {font-size:1.2em;display:block;padding:8px 10px;background:#c0e0d4 url(../img/bg-box-1-bottom.gif) no-repeat bottom;} /* ======================== */ /* Main right */ /* ======================== */ #wrap .main-right {float:right;width:730px;} #wrap .main-right .main-right-3 {float:left;width:530px;margin:0 10px 10px 0;} #wrap .main-right .main-right-2 {float:left;width:350px;margin-right:10px;} #wrap .main-right .main-right-1 {float:left;width:170px; } /* Main-right-1 */ #wrap .main-right-1 {width:170px;margin:0 0 10px 0; background-color:#c0e0d4 } #wrap .main-right-1 h2 {font-weight:bold;} #wrap .main-right-1 .border {border-top:1px dotted #562d2e; padding-top:7px; margin-top:9px;} #wrap .main-right-1 .content {font-size:1.2em;padding:0px 10px 0; margin:-9px 0 -3px 0; width:150px;} #wrap .main-right-1 .header {padding:8px 10px;background:#c0e0d4 url(../img/bg-box-1-top.gif) no-repeat; } #wrap .main-right-1 .footer {display:block;padding:8px 10px;background:#c0e0d4 url(../img/bg-box-1-bottom.gif) no-repeat bottom;} #wrap .main-right-1 .link {width:138px; margin-bottom:6px;} #wrap .main-right-1 .link a {color:#562d2e; text-decoration:underline;} #wrap .main-right-1 .link img {padding-top:2px; margin-right:4px; display:block; float:left} /* Main-right-3 */ #wrap .main-right-3 h2 {font-size:1.2em;font-weight:bold;padding:8px 10px;background:#c0e0d4 url(../img/bg-main-right3-top.gif) no-repeat; } #wrap .main-right-3 h2 span {font-weight:normal} #wrap .main-right-3 .footer {font-size:1.2em; display:block;padding:8px 10px;background:#c0e0d4 url(../img/bg-main-right3-bottom.gif) no-repeat bottom;} #wrap .main-right-3 .content {width:528px;margin:0;padding:0;border-left:solid 1px #c0e0d4;border-right:solid 1px #c0e0d4;} #wrap .main-right-3 h5 {margin-bottom: 4px; font-size:1.1em; color:#999999;} #wrap .main-right-3 .line-dotted {width:508px; border-top:1px dotted #562d2e; padding-top:7px; margin-top: 10px;} #wrap .main-right-3 .text {margin-bottom: 15px; font-size: 1.2em;} #wrap .main-right-3 .middle {font-weight:bold; position:absolute; left:237px; display:block} /* Kellnerprofil */ #wrap .main-right-3 .kellnerprofil {width:507px; font-size: 1.2em; margin:2px 10px 0 10px} #wrap .main-right-3 .kellnerprofil td.first {padding:7px 0 7px 0; width:90px; vertical-align:top} #wrap .main-right-3 .kellnerprofil td.second {padding:5px 0 7px 0; width:328px; vertical-align:top;} #wrap .main-right-3 .kellnerprofil td.third {padding:0 0 7px 0; text-align:right; vertical-align:bottom;} #wrap .main-right-3 .kellnerprofil .td-line {border-top:1px dotted #562d2e; font-size:1px;} #wrap .main-right-3 .kellnerprofil .reg-date {font-size:0.9em; color:#999999; margin-bottom: 9px;} #wrap .main-right-3 .kellnerprofil .data-col1 {width:120px; padding-right:10px; font-weight:bold; float:left;} #wrap .main-right-3 .kellnerprofil .data-col2 {width:190px; float:left;} #wrap .main-right-3 .kellnerprofil .space {margin-bottom:8px;} #wrap .main-right-3 .kellnerprofil img {margin-top:1px; padding: 0;} /* Teaserbox 2 */ #wrap .box-2 {font-size:1.2em;width:350px;margin-bottom:10px; } #wrap .box-2 ul {width:348px;margin:0;padding:0;border-left:solid 1px #c0e0d4;border-right:solid 1px #c0e0d4;} #wrap .box-2 li {width:328px;margin:0 0 0 10px;padding-top:7px;border-bottom:1px solid #562d2e;border-style:none none dotted none;list-style: none;} #wrap .box-2 ul li.last {border-bottom:none;padding-bottom:10px;} #wrap .box-2 h2 {font-weight:bold;padding:8px 10px;background:#c0e0d4 url(../img/bg-cont-top.gif) no-repeat; } #wrap .box-2 .colII {width:228px;float:left;padding-bottom:7px;} #wrap .box-2 p.nopic {width:328px;margin:0;padding-bottom:7px;} #wrap .box-2 li img {float:left;padding:3px 10px 10px 0;} #wrap .box-2 .footer {display:block;padding:8px 10px;background:#c0e0d4 url(../img/bg-cont-bottom.gif) no-repeat bottom;} #wrap .box-2 .date {font-size:0.9em;margin-bottom:4px;display:block;color:#999999;} #wrap .box-2 .text {display:block; } #wrap .box-2 .colII a {display:block;margin-top:4px; } /* Teaserbox 2 Job finden */ #wrap .box-2-jobfinden, .box-2-kellnerfinden { width:350px;margin-bottom:10px;background:#c0e0d4; } #wrap .box-2-jobfinden .top, .box-2-kellnerfinden .top {height:7px;font-size:0.1em;background:#c0e0d4 url(../img/bg-cont-top.gif) no-repeat; } #wrap .box-2-jobfinden .bottom, .box-2-kellnerfinden .bottom {height:7px;font-size:0.1em;background:#c0e0d4 url(../img/bg-cont-bottom.gif) no-repeat; } #wrap .box-2-jobfinden p {font-size:1.2em;width:150px;} #wrap .box-2-jobfinden img { float:left;margin:3px 10px; } #wrap .box-2-jobfinden h2 { font-size:1.6em;font-weight:bold;padding-bottom:12px; } #wrap .box-2-jobfinden .colII {float:left;min-height:86px;width:250px;background:#c0e0d4 url(../img/bg-tea-job-finden.gif) no-repeat;} /* IE <=6 */ * html #main .box-2-jobfinden .colII {height:86px;} /* IE 7 */ *+html #main .box-2-jobfinden .colII {height:86px;} /* Teaserbox 2 Kellner finden */ #wrap .box-2-kellnerfinden .content {float:left;height:86px;width:350px;background:#c0e0d4 url(../img/bg-tea-kellner-finden.gif) no-repeat;} #wrap .box-2-kellnerfinden fieldset {border:none;padding:0 0 0 10px;} #wrap .box-2-kellnerfinden h2 {font-size:1.6em;font-weight:bold;padding:0 0 20px 10px;} #wrap .box-2-kellnerfinden input {width:74px;float:left;margin-right:5px;} #wrap .box-2-kellnerfinden input.suche {width:95px;float:left;margin-right:5px;} #wrap .box-2-kellnerfinden select {width:85px;float:left;} #wrap .box-2-kellnerfinden a {font-size:1.2em;} #wrap .box-2-kellnerfinden input.button { float:left;width:18px;height:18px;border: none;margin:0;padding:1px 0; } #wrap .box-2-kellnerfinden div.select { float:left;width:95px;} /* Teaserbox 3 */ #wrap .box-3 {width:530px;margin-bottom:10px;} #wrap .box-3 .content {font-size:1.2em;width:528px;margin:0;padding:0;border-left:solid 1px #c0e0d4;border-right:solid 1px #c0e0d4;} #wrap .box-3 h2 {font-size:1.2em;font-weight:bold;padding:8px 10px;background:#c0e0d4 url(../img/bg-box3-top.gif) no-repeat; } #wrap .box-3 .footer {font-size:1.2em;display:block;padding:8px 10px;background:#c0e0d4 url(../img/bg-box3-bottom.gif) no-repeat bottom;} /* ======================== */ /* Box 4 */ /* ======================== */ #wrap .box-4 {width:710px;margin-bottom:10px;} #wrap .box-4 .content {width:708px;margin:0;padding:0;border-left:solid 1px #c0e0d4;border-right:solid 1px #c0e0d4;} #wrap .box-4 h2 {font-size:1.2em;font-weight:bold;padding:8px 10px;background:#c0e0d4 url(../img/bg-box4-top.gif) no-repeat; } #wrap .box-4 h2 span {font-weight:normal} #wrap .box-4 h3 {font-size:1.6em;font-weight:bold;padding:0 0 23px 0;} #wrap .box-4 h4 {font-size:1.2em;font-weight:bold; padding:0 0 3px 0; color:#562d2e;} #wrap .box-4 p {font-size:1.2em;padding-bottom:17px;} #wrap .box-4 img {float:left; padding:3px 10px 0 0;} #wrap .box-4 .footer {font-size:1.2em;display:block;padding:8px 10px;background:#c0e0d4 url(../img/bg-box4-bottom.gif) no-repeat bottom;} #wrap .box-4 .img-gallery {float:left; width:400px; padding-bottom:24px;} #wrap .box-4 .img-gallery a {font-size:1.2em} #wrap .box-4 .img-gallery .description {font-size:1.1em;padding-bottom:7px;width:400px;} #wrap .box-4 .img-gallery-text {width:278px; float:right} #wrap .box-4 .img-overview {height:184px;} #wrap .box-4 .img-overview img {margin:5px 7px 5px 3px; padding:0;} #wrap .box-4 .img-overview img.highlighted {margin:2px 4px 2px 0; border:3px solid #f29400;} /* Lines */ #wrap .box-4 .line-dotted-w688 {border-top:1px dotted #562d2e; width:688px; padding-top:7px !important; margin-top: 10px;} #wrap .box-4 .line-dotted-w567 {border-top:1px dotted #562d2e; width:567px; padding-top:7px !important;} /* Tool Tip Text */ #wrap .box-4 a.tooltip span {display: none;} #wrap .box-4 a.tooltip:hover {position: relative;} #wrap .box-4 a.tooltip:hover span {display: block; position: absolute; top: 15px; left: 45px; padding: 7px; background: #FFFFF0; border: 1px solid #000; font-size: 12px; text-decoration: none; color: #000; width: 160px;} /* Breite */ #wrap .box-4 .w300 {width:300px;} #wrap .box-4 .w250 {width:250px;} #wrap .box-4 .w290 {width:290px;} #wrap .box-4 .w310 {width:310px;} #wrap .box-4 .w340 {width:340px;} #wrap .box-4 .w500 {width:500px;} #wrap .box-4 .w515 {width:515px;} #wrap .box-4 .w620 {width:620px;} #wrap .box-4 .w690 {width:690px;} #wrap .box-4 .w340 h3 {padding-bottom:6px; font-size: 1.0em;} /* Fotos Übersicht */ #wrap .box-4 .divline {width:688px; margin-top:7px; padding-bottom:7px; border-bottom:1px solid #562d2e; border-style:none none dotted none;} #wrap .box-4 .divline-last {width:688px; margin-top:7px; padding-bottom:0px; border:none} #wrap .box-4 .divline .col, #wrap .box-4 .divline-last .col {width:220px; float:left; padding: 2px 0 13px 0} #wrap .box-4 .divline .col p , #wrap .box-4 .divline-last .col p {padding-bottom:0px;} #wrap .box-4 .divline .col img, #wrap .box-4 .divline-last .col img {float:left;padding-right:7px;} #wrap .box-4 .divline a.high, #wrap .box-4 .divline-last a.high {font-size:1.2em;display: block;font-weight:bold; padding-bottom:1px;} #wrap .box-4 .divline .small, #wrap .box-4 .divline-last .small {font-size:1.1em;color:#999999;margin-bottom:4px;} /* Job-Profil */ #wrap .box-4 .job-profil {width:620px; text-align:center; margin:20px 0 7px 0;} #wrap .box-4 .job-profil th {color:#9ab9ad;} #wrap .box-4 .job-profil td {border-top:1px solid #9ab9ad; vertical-align:top; padding: 3px 0 1px 0;} #wrap .box-4 .job-profil input {height:14px; border: none;} #wrap .box-4 .job-profil .f-c {width:195px; padding-left:1px;} /* First Column */ #wrap .box-4 .job-profil .left {text-align:left; float:none} /* Profil */ #wrap .box-4 .profi1-l {width:450px; font-size:1.2em} #wrap .box-4 .profil-1 .first {width:220px; float:left} #wrap .box-4 .profil-1 .second {width:225px; float:left} #wrap .box-4 .profil-1 .data-col1 {width:64px; float:left; border-bottom:1px solid #c0e0d4; padding:2px 0 1px 0; font-size:1.2em} #wrap .box-4 .profil-1 .data-col2 {width:136px; float:left; border-bottom:1px solid #c0e0d4; padding:2px 0 1px 0; font-size:1.2em} #wrap .box-4 .profil-2 {width:567px;} #wrap .box-4 .profil-2 .data-col1 {width:230px; float:left; border-bottom:1px solid #c0e0d4; padding:2px 0 1px 0; font-size:1.2em} #wrap .box-4 .profil-2 .data-col2 {width:337px; float:left; border-bottom:1px solid #c0e0d4; padding:2px 0 1px 0; font-size:1.2em} /* Summe */ #wrap .box-4 .sum-col-1 {border-top:1px solid #9ab9ad; width:200px; float:left; padding:3px 0 8px 0;} #wrap .box-4 .sum-col-2 {border-top:1px solid #9ab9ad; width:140px; float:left; text-align:right; padding:3px 0 8px 0;} #wrap .box-4 .sum-col-2 .strong {font-weight:bold} #wrap .box-4 .sum-double-line {border-top:2px solid #9ab9ad; width:340px;} /* Box Sonderaktion */ #wrap .box-4 .box340 .ctr, #wrap .box-4 .box340 .ctl, #wrap .box-4 .box340 .cbr, #wrap .box-4 .box340 .cbl {display:block; font-size:0; line-height:0; margin:0; height:6px; position:relative} #wrap .box-4 .box340 .ctr {background:transparent url(../img/ctr.gif) no-repeat top right; left:0px; top:0px;} #wrap .box-4 .box340 .ctl {background:transparent url(../img/ctl.gif) no-repeat top left; left:0px; top:0px;} #wrap .box-4 .box340 .cbr {background:transparent url(../img/cbr.gif) no-repeat bottom right; left:0px; top:0px;} #wrap .box-4 .box340 .cbl {background:transparent url(../img/cbl.gif) no-repeat bottom left; left:0px; top:3px;} #wrap .box-4 .box340 {width:340px; background-color: #eff7f4; margin: 15px 0 25px 0; padding-bottom:3px;} #wrap .box-4 .box340 .space {line-height:22px} #wrap .box-4 .box340 p {font-size:1.0em} #wrap .box-4 .box340 textarea {margin:1px 0 6px 0;} #wrap .box-4 .box340 h3 {padding-bottom:5px; font-size:1.0em} #wrap .box-4 .box340 .box340-content {padding:0px 9px 3px;} #wrap .box-4 .box340 .box340-text {width:180px; float:left;} #wrap .box-4 .box340 .box340-text .big {font-size:16px;} /* ======================== */ /* Footer */ /* ======================== */ #footer {width:932px;margin-bottom:40px;height:65px;background:#ffffff url(../img/bg-navi.gif) repeat-x;}