@charset "utf-8";

/**
 * @system   TYPOlight 2.7.6
 * @version  1.07
 * @date     2011-06-28, 2011-06-21
 * @since    2009-09-08 (?)
 * @author   Alldesign, www.alldesign.de
 *
 * DESCRIPTION
 * - Main layout, logo.
 */

@import  url("spenden.css");
@import  url("kundenkarte.css");

/**
 * Interactive elements
 * with different display states.
 */
.sprite {
  color:rgba(0, 0, 0, 0);
  background:transparent none 0 0 no-repeat;
  font-size:0;
  line-height:-4000px;
  text-indent:-4000px;
  letter-spacing:-4000px;
  overflow:hidden;
  display:block;
  width:100%;
  height:100%;
}

/* globals */

a {
    cursor:pointer;
}

:focus {
  outline:none;
}

/* Seiteninhalte */
.contents {
    color: #666;
    font-size: 13px;
    line-height: 17px;
}

.contents select {
    border: 1px solid #888;
    color: #777;
    font-size: 11px;
}

.contents p {
    margin: 0px 0px 8px 0px;
}

.ce_text {
    color: #656565 !important;
}

.contents h1, .contents  h2, .contents h3 {
    color: #ae29b8;
    background: none;
}

div#TeaserImage h1, .contents h1 {
    margin: 0px 0px 16px 0px;
}

.contents h2 {
    margin: 16px 0px 0px 0px;
    font-size: 13px;
    font-weight: normal;
}

.contents .sortimenttext h2 {
    text-transform:uppercase;
}

.contents h3,
.contents h4 {
  color: #666;
  font-size: 13px;
  line-height: 17px;
  font-weight: bold;
  margin-bottom: 0.3em;
}

.contents a {
    color: #ae29b8;
    text-decoration: none;
    outline: none;
    cursor:pointer;
}
.contents a:hover   { color: #700c77; }
.contents a:active  { color: #ae29b8; }

.contents a.download { color: #ae29b8; }
.contents a.download img.icon { vertical-align:middle; padding:0 0 3px 0; }

.contents div#tabelle_organisation {
  overflow:hidden;
  width:400px;
  height:auto;
  margin-top: 10px;
}

.contents div#tabelle_organisation div.horizontal{
  background:#c9ced1;
  text-align:center;
  width:400px;
  height:50px;
  margin:0 0 5px 0;
}
.contents div#tabelle_organisation div.horizontal h3{
  padding: 5px 0 0 0;
}

.contents div#tabelle_organisation div.vertikal{
  background:#c9ced1;
  text-align:center;
  width:76px;
  height:95px;
  margin:0 4px 0 0;
  float:left;
}

.contents div#tabelle_organisation div.vertikal_last{
  background:#c9ced1;
  text-align:center;
  width:80px;
  height:95px;
  float:left;
}

.contents div#tabelle_organisation div.vertikal p,
.contents div#tabelle_organisation div.vertikal_last p{
  font-size: 11px;
  line-height: 15px;
  padding:5px 0 0 0;
}

.contents input {
    border: #c9ced1 solid 1px;
    background: #fff;
    font-size: 11px;
    vertical-align: middle;
    margin: 2px 0px 2px 0px;
    height: 16px;
}

.contents input.btn_kundenkarte{
    letter-spacing:-9999px; font-size: 0px;
    background: url(../img/gs-btn_beantragen.gif);
    color: #00a000;
    width: 113px;
    height: 14px;
    padding: 0 0 2px 0;
    border:none;
}

div#formularportal a img {
   vertical-align:middle;
}

/* Werkstätten Kundenupload */

div#uploadbereich input#ctrl_38 {
   background:#fff;
   height:20px;
}
div#uploadbereich tr.row_1, div#uploadbereich tr.row_3 {
   height:45px;
}

div#uploadbereich select#ctrl_37 {
   width:150px;
}

div#uploadbereich .submit_container input#ctrl_39{
   position:absolute;
   right:25px;
   top:185px;
   width:65px;
   height:20px;
}

div#kundenbereich-passwort-vergessen td { padding:0 0 3px 0; }
div#kundenbereich-passwort-vergessen input { margin:0 0 0 15px; }
div#kundenbereich-passwort-vergessen span.captcha_text { margin:10px 0 0 0; }
div#kundenbereich-passwort-vergessen .mod_lostPassword { margin:0 0 25px 0; }
div#kundenbereich-passwort-vergessen .submit_container { margin:10px 0 0 0; }

div#kundenbereich-passwort-vergessen input.submit {
   width:175px;
   height:18px;
   padding:0 0 2px 0;
}

/* special contents */

div#neuigkeiten .ce_text h3{ margin:8px 0 0 0; }
div#neuigkeiten .ce_text h3 a{ font-weight:normal; }
div#neuigkeiten .ce_text span.magenta{ color: #ae29b8; display:block; }

body.neuigkeiten_lesen div#middle {
   position:absolute;
   left:280px;
   top:150px;
}

body.partner div#middle { top:110px; }
body.partner div#middle,
body.partner div#contentScroller { height:475px; }
body.partner div#partner { width:410px; }
div#partner p{ margin:0; line-height:0; }
div#partner img {
  margin:2px;
  padding:0;
}

div#kontakt .ce_text p{ margin:0; /*color:#ae29b8;???*/ }
.ce_text ul{ margin:0 0 15px 0; }


div#menschen-bei-hephata h3 span { font-weight:normal; }
div#menschen-bei-hephata p.topimg{ margin:35px 0 0 0; }
div#menschen-bei-hephata img { margin:0 10px 0 0; }

div#stellenanzeigen-liste div.clearall { margin:0 0 10px 0; }
div#stellenanzeigen-liste div.item { margin:0 0 10px 0; }

select#ctrl_filter_field_bereich,
select#ctrl_filter_field_ort,
select#ctrl_filter_field_berufsbezeichnung { width: 270px; }

/* News */
div#einleitung h3, div#neuigkeiten h3 {
   margin:0 5px 0 0;
}
div#einleitung h3 a, div#neuigkeiten h3 a { margin:0; color:#ae29b8; }
div#einleitung h3 a:hover, div#neuigkeiten h3 a:hover { color:#000; }

div#einleitung .enclosure p,
div#neuigkeiten .enclosure p { margin:0; }

div#einleitung h4, div#neuigkeiten h4 {
   color:#000;
   font-weight:normal;
   margin:0;
}

div#einleitung span.archive, div#neuigkeiten span.archive {
   color:#000;
   font-size:9px;
   font-weight:normal;
}

div#neuigkeiten-lesen h2 {
   color:#666;
}

div#neuigkeiten .formbody input#opt_20_1,
div#newsletter .formbody input#opt_40_1 { border:0; }
div#neuigkeiten .formbody div.checkbox_container { margin:0 0 15px 0; }

div#neuigkeiten .formbody input.text { height:14px; }
div#neuigkeiten .formbody input.submit,
div#newsletter input.submit {
   font-size:0; text-indent:-9999px; letter-spacing:-9999px;
   background:url('../img/submit_arrow.gif') no-repeat;
   width:14px;
   height:14px;
   border:0;
}

/* Forum */
body.gaestebuch div#contentScroller {
   height:460px;
}

div#forum label {
   width:200px;
}

/* Newsboard */
.mod_newslist {
    margin-bottom: 2em;
}

.mod_newslist img.mime_icon {
    margin-bottom: -2px;
}

/* Spezielle Contents */
.sortimentgalerie {
    width: 200px;
    float: left;
}

.sortimentgalerie img {
    border: 1px solid #c0b;
}

.sortimenttext {
    width: 480px;
    float: right;
}

/* Liste in den Produktionsbereichen */
.produktionsbereiche_liste {}

.produktionsbereiche_liste ul {
    background: url(../img/produktionsbereiche-liste-bg.gif) no-repeat;
}

.produktionsbereiche_liste li {
    padding: 3px 0 1px 4px;
    margin: 0 0 9px 0;
    line-height: 17px;
}

.produktionsbereiche_liste li a {
    color: #666;
    padding-right: 25px;
    background: url(../img/link-pfeil.gif) right center no-repeat;
}

/* Stellenanzeige-Listenansicht */
#stellenanzeigen-liste {}

#stellenanzeigen-liste ul {
    list-style: none;
}

#stellenanzeigen-liste li {
    margin-bottom: 16px;
}

#stellenanzeigen-liste select {
    position: absolute;
    margin-top: -1px;
    left: 130px;
    border: 1px solid #888;
}

#stellenanzeigen-liste .widget {
    position: relative;
    margin-bottom: 1em;
}

#stellenanzeigen-liste h3 {
    display: inline;
}

#stellenanzeigen-liste a {
    color: #777;
}

/* Mitgliederbereich Werkstätten */
div#formlogon input {
   margin:2px 0 2px 15px;
}
div#formlogon input.submit { margin:0; }

div#kundenbereich .aPasswort a {
   color:#666;
}
div#kundenbereich .aPasswort a:hover { color:#000; }

div#login_text { margin:0; }

div#kundenbereich label{
   color:#ae29b8;
   font-weight:bold;
   text-transform:uppercase;
}

div#kundenbereich input#username { float:left; }
/** html div#kundenbereich input#username { width:116px; }
*+ html div#kundenbereich input#username { width:116px; }*/
div#kundenbereich input.text { width:116px; }

div#kundenbereich td{
   text-align:right;
}

div#kundenbereich .maus_kundenbereich
{
  position:relative;
  top:-30px;
  left:170px;
}

div#kundenbereich .aPasswort { margin:0; }

#kundenbereich label {width:100px;}
#kundenbereich .submit {
  background: url(../img/submit_arrow.gif) right center no-repeat;
  width:14px;
  height:14px;
  border:none;
  font-size:0px;
  position:relative;
  left:5px;
  cursor:pointer;
}

body.bildung_login div#middle {
   position:absolute;
   left:280px;
   top:125px;
   width:775px;
   height:500px;
}

body.bildung_login #contentScroller {
   height:500px;
}

body.bildung_login div#schuelerinfo-titel-bilder {
   width:350px;
   height:250px;
}

/* formular */

body.bildung_login div#schueler-info h1 {
   position:absolute;
   left:215px;
   top:-210px;
}

body.bildung_login div#schueler-info form {
   position:absolute;
   left:148px;
   top:-165px;
   width:300px;
   height:200px;
}

body.bildung_login div#schueler-info a.form_pw_vergessen {
   color:#fff;
   display:block;
   width:200px;
   position:absolute;
   left:154px;
   top:-120px;
}


body.bildung_login div#schueler-info form .formbody label {
   display:block;
   float:left;
   text-align:right;
   width:75px;
   margin:3px 5px 0 0;
}

body.bildung_login div#schueler-info form .formbody {
   color:#ae29b8;
   font-size:12px;
   text-transform:uppercase;
   font-weight:bold;
}

body.bildung_login div#schueler-info form .formbody .error {
   color:#000;
   font-weight:normal;
   display:block;
   width:225px;
   height:150px;
   position:absolute;
   left:300px;
   top:2px;
}

body.bildung_login div#schueler-info input.submit {
   text-indent:-9999em; font-size:0;
   background: url(../img/bildung/login_pfeil_weiss.gif) center center no-repeat;
   width:16px;
   height:16px;
  cursor:pointer;
}

/* text und bilder */
body.bildung_login div#schueler-info h1 span {
   visibility:hidden;
}

body.bildung_login div#schueler-info {
   position:absolute;
   left:0;
   width:250px;
   top:325px;
   overflow:visible;
}

body.bildung_login div#login_hintergrund {
   background: url(../img/bildung/login_hintergrund_mit_text.png) no-repeat;
   position:absolute;
   left:125px;
   top:60px;
   width:312px;
   height:222px;
}

body.bildung_login div#login_flasche {
   background: url(../img/bildung/login_flasche.png) no-repeat;
   position:absolute;
   right:150px;
   top:250px;
   width:202px;
   height:158px;
}

/* Ambulante Unterstützungsdienst UD */
div#ambulanter-unterstuetzungsdienst ul li,
div#kokobe ul li {
   list-style:outside square;
   margin:0 0 5px 15px;
}

div#wohnraumsuche .image_container img {
   position:absolute;
   right:10px;
   top:50px;
}

div#wohnraumsuche td {
   padding:0 0 2px 0;
}

div#wohnraumsuche input {
   width:125px;
   margin:0 0 0 5px;
}

div#wohnraumsuche input.submit {
   font-size:0; letter-spacing:-999px;
   background:url('../img/btn_kommentar_absenden.gif');
   width:93px;
   height:9px;
   border:0;
}

div#wohnraumsuche select {
   width:127px;
   margin:0 0 0 5px;
}

/* Werkstaetten-Qualitaet */
div#tuev_zertifikat {
    position: absolute;
    top: 80px;
    left: 0;
}

h1#qualitaetsmanagement_title {
    position: absolute;
    top: 0;
    left: 0;
}

div#qualitaetsmanagement div.ce_download {
   position:relative;
   margin:5px 0 0 375px;
}

div#qualitaetsmanagement_downloads {
    position: absolute;
    left: 420px;
    top: 8px;
}

div#qualitaetssicherung_downloads a { color: #777; }
div#qualitaetssicherung_downloads a:hover { color: #ae29b8; }

/* Gartenshop */
div#text-galerie .ce_text p {
   margin:0 0 30px 0;
}

#angebot-der-woche
{
  margin-bottom:12px;
}

#angebot-der-woche p
{
  font-weight:bold;
}

#angebot-der-woche strong
{
  color:#ae29b8;
}

#angebot-der-woche a
{
  color:#b3b7ba;
  font-weight:normal;
}

/* Guestbook */

div#forum p.gbook_title {
   background:#b3b7ba;
   color:#ae29b8;
   font-weight:bold;
   padding:5px 0 5px 30px;
   margin:0;
}

div#forum p.gbook_subtitle {
   background:#fff;
   color:#ae29b8;
   padding:10px 0 5px 30px;
   margin:0;
   border-left:#b3b7ba 1px solid;
   border-right:#b3b7ba 1px solid;
}

div#forum .form {
   padding:5px 0 0 0;
   border-top:#b3b7ba 1px solid;
}

/* button */
div#forum .submit_container input {
   font-size:0; letter-spacing:-999px;
   background:url('../img/btn_kommentar_absenden.gif');
   width:93px;
   height:9px;
   border:0;
   outline:none;
   margin:5px 0 10px 0;
   cursor:pointer;
}

div#forum .ce_comments {
   margin:0 0 10px 0;
}

div#forum .comment, div#forum .info {
   background:#fff;
   padding:0 30px 0 30px;
   border-left:#b3b7ba 1px solid;
   border-right:#b3b7ba 1px solid;
}
div#forum .comment { padding-bottom:4px; }
div#forum .info { padding-top:6px; }

div#forum .info span.date{ font-weight:bold; }

div#forum .formbody textarea {
   border:#c9ced1 1px solid;
   margin:2px 0 0 0;
}

/* hephata wohnen */

body.neuigkeiten_lesen div#middle,
body.wohnen-in-betreuungseinrichtung div#middle {
   position:absolute;
   left:280px;
   top:150px;
}

body.neuigkeiten_lesen div#TeaserImage,
body.wohnen-in-betreuungseinrichtung div#TeaserImage {
   position:absolute;
   left:735px;
   top:150px;
   width:260px;
   height:425px;
}


#sitemap h2
{
  margin:12px 0 2px 1px;
  color:#666666;
  font-weight:bold;
}

#sitemap ul.level_1 li
{
  margin-bottom:0;
}

#sitemap ul.level_2 li
{
  margin-bottom:0;
}

#sitemap ul.level_1 li a,
#sitemap ul.level_1 li a:visited
{
  margin-left:22px;
  font-weight:bold;
}

#sitemap ul.level_2 li a,
#sitemap ul.level_2 li a:visited
{
  list-style:none;
  font-weight:normal;
  margin-left:42px;
}

/* Speisekarte */

div#speisekarte li { list-style:none outside; }

body.speisekarte div#contentScroller { height:480px; } /* kein Scroller hier! */
body.speisekarte div#contentScroller_scrollwrapper { display:none; }

body.speisekarte div#middle {
   width:450px;
   position:absolute;
   left:525px;
   top:140px;
}

div#speisekarte div#speisekarte_hintergrund {
   background:url('../img/bqg/speisekarte_hintergrund.png') no-repeat;
   position:relative;
   width:440px;
   height:300px;
}

div#speisekarte div#slideWrapper {
   position:absolute;
   overflow:hidden;
   top:43px; /*27px 39px*/
   left:0;
   width:440px;
   height:291px; /*295px */
   margin:15px 0 15px 0;
}

div#speisekarte .image_container {
   position:relative;
   overflow:hidden;
   margin:0 10px 0 0;
}

div#speisekarte .speisekarte_text {
   position:relative;
   overflow:hidden;
   /*margin:30px 0 0 235px;*/
   margin:10px 0 0 0;
   width:180px;
   height:245px;
   font-size:11px;
   line-height:16px;
}

div#speisekarte h1 { margin:0 0 25px 5px; }

div#speisekarte .speisekarte_text h2 {
   font-size:11px;
   line-height:16px;
}

div#speisekarte .speisekarte_text h3 {
   font-size:12px;
   line-height:16px;
   margin:0 0 10px 0;
}

div#speisekarte .speisekarte_text li span {
   color:#aaa;
   display:block;
   width:100%;
}
div#speisekarte .speisekarte_footer {
   margin:15px 0 0 5px;
}

/* Speisekarte buttons */

div#speisekarte a.karte_btn {
   font-size:0; text-indent:-9999px; letter-spacing:-9999px;
   overflow:hidden;
   position:absolute;
   right:25px;
   width:8px;
   height:17px;
}

div#speisekarte a.speisekarte_prev {
   background:url('../img/scrollbar/scrollbar_arrow_up.gif') 0 -1px no-repeat;
   top:70px;
}

div#speisekarte a.speisekarte_next {
   background:url('../img/scrollbar/scrollbar_arrow_dn.gif') 0 0 no-repeat;
   top:320px;
}

/* Speisekarte - Klassen eigenes Template (für JS Slimbox) */

div#speisekarte .hidden { display:none; visibility:hidden; }

div#speisekarte .speisekarte_thumbs {
   width:60px;
   height:60px;
   overflow:hidden;
   margin:0 2px 0 2px;
}

/* Wohnen - Beispielhaeuser */
div#beispielhaeuser {}

div#beispielhaeuser td {
    text-align: top;
    width: 100px;
    padding-right: 15px;
    padding-bottom: 15px;
}

div#beispielhaeuser td a {
    color: #555;
    text-decoration: none;
    font-weight: bold;
}

div.layout_full{
 margin-bottom: 10px;
}

/* BILDERGALERIE */


.galerie .pagination
{
  text-align:right;
  margin-top:10px;
}

.galerie .pagination p
{
  float:left;
  margin-right:24px;
}

.galerie .pagination li
{
  float:left;
  margin-right:10px;
  list-style:none;
  font-weight:bold;
}

.galerie .image_container
{
  margin: 0px 12px 12px 0px;
}

/* KALENDER */

body.termine div#middlebig
{
   top:75px;
}

body.termine h1
{
   line-height:120%;
}

table.calendar
{
  border-spacing:5px;
}

.mod_calendar.flexcroll
{
   height:465px;
}

table.calendar th
{
  width:100px;
  height:20px;
  padding:2px;
  text-align:center;
  vertical-align:top;
}

table.calendar th.label
{
  font-weight:normal;
  height:30px;
}

table.calendar thead th.head
{
   padding:0 0 15px;
}

table.calendar th.head.current
{
   font-size:16px;
   font-weight:bold;
}

table.calendar td
{
  font-size:9px;
  line-height:12px;
  width:14.3%;
  height:55px;
  border:1px solid silver;
  padding:2px;
  vertical-align:top;
}

table.calendar td.days
{
  background-color:#f1f1f1;
  background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e6e7), to(#f9f9f9));
  background-image:-moz-linear-gradient(0% 100% 90deg, #e5e6e7, #f9f9f9);
}

table.calendar td.weekend
{
  background-color:#e8e8e8;
  background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c9cacb), to(#dbdadb));
  background-image:-moz-linear-gradient(0% 100% 90deg, #c9cacb, #dbdadb);
}

table.calendar td.empty
{
  background:none;
}

table.calendar td.days div.header
{
   text-align:right;
}

/* Berufskolleg */
div#berufskolleg-lehrerbereich div#liste-links {
    position: absolute;
    left: 0px;
    top: 110px;
    width: 300px;
    height: 300px;
}

div#berufskolleg-lehrerbereich div#liste-rechts {
    position: absolute;
    left: 350px;
    top: 110px;
    width: 300px;
    height: 300px;
}

div#berufskolleg-lehrerbereich h1#liste-ueberschrift {
    position: absolute;
    left: 0px;
    top: 0px;
}

div#berufskolleg-lehrerbereich h2 {
    color: #888;
    margin-bottom: 1em;
    font-weight: bold;
}

div#berufskolleg-lehrerbereich span.archive,
div#berufskolleg-studierendenbereich span.archive {
    display: none;
}

div#berufskolleg-lehrerbereich div#formlogon h1,
div#berufskolleg-studierendenbereich div#formlogon h1 {
   display: none;
}

div#berufskolleg-lehrerbereich div.formbody {
   margin:45px 0 0;
}

div#berufskolleg-studierendenbereich div.formbody {
   margin:0 0 15px;
}

div#berufskolleg-lehrerbereich div.formbody input.submit,
div#berufskolleg-studierendenbereich div.formbody input.submit {
   color:#ae29b8;
   border:none;
   font-size:13px;
   cursor:pointer;
}

div#berufskolleg-studierendenbereich .mod_newslist h4 {
   display:none;
}

div#berufskolleg-lehrerbereich .mod_newslist .layout_full h4,
div#berufskolleg-studierendenbereich .mod_newslist .layout_full h4 {
   display:block;
}

div#middle input.text:hover,
div#middle input.text:focus
{
   background:#fbfbfb;
   border-color:#b4b9bc;
}

div.search input#keywords:hover,
div.search input#keywords:focus
{
   background:#feeef8;
}

/**
 * Home / Facebook like
 */

.socialmedia-home {
  min-height:80px;
  height:80px;
}

.socialmedia-home #fbLikeIframe {
  display:none;
  border:none;
}

.socialmedia-home .facebook-like {
  float:left;
  width:280px; /* max 295 */
}

.socialmedia-home .sprite {
  float:right;
  margin:2px 0 0 2px;
}

.socialmedia-home .facebook {
  background:url('/files/img/socialmedia/facebook-32.png') 50% 50% no-repeat;
  width:32px;
  height:32px;
}

.socialmedia-home .youtube {
  background:url('/files/img/socialmedia/youtube-32.png') 50% 50% no-repeat;
  width:32px;
  height:32px;
}

/**
 * AddThis / Social Media
 */

/* Bottom left horizontal */

#socialmedia {
  position:absolute;
  left:-17px;
  bottom:-50px;
  overflow:hidden;
}

#socialmedia a {
  color:rgba(0, 0, 0, 0);
  background:transparent none 0 0 no-repeat;
  font-size:0;
  line-height:-4000px;
  text-indent:-4000px;
  letter-spacing:-4000px;
  display:block;
  overflow:hidden;
  width:16px;
  height:33px;
  margin:0 10px 0 0;
  float:left;
}

/* Bottom right vertical */

#socialmedia {
  left:1013px;
  top:440px;
}

#socialmedia .inner {
  background:url('/files/img/socialmedia/sidebar_vertical_center.png') 0 0 repeat-y;
  overflow:hidden;
  height:107px;
  width:35px;
}

#socialmedia .inner.no-rss {
  height:86px;
}

#socialmedia a {
  float:none;
  height:16px;
  margin:0 0 5px 7px;
}

.social-bg-head {
  background:url('/files/img/socialmedia/sidebar_vertical_top.png') 0 0 no-repeat;
  width:35px;
  height:4px;
  margin:0 0 9px;
}

.social-bg-foot {
  background:url('/files/img/socialmedia/sidebar_vertical_bottom.png') 0 0 no-repeat;
  width:35px;
  height:5px;
  margin:10px 0 0;
}

#socialmedia a.rss {
  background:url('/files/img/socialmedia/rss.png') 0 0 no-repeat;
}

#socialmedia .no-rss a.rss {
  display:none;
}

#socialmedia a.facebook {
  background:url('/files/img/socialmedia/facebook.png') 0 0 no-repeat;
}

#socialmedia a.twitter {
  background:url('/files/img/socialmedia/twitter.png') 0 0 no-repeat;
}

#socialmedia a.youtube {
  background:url('/files/img/socialmedia/youtube.png') 0 0 no-repeat;
}

#socialmedia a:hover {
  background-position:0 -16px;
}