/* screenwork css framework (Wed, 09 Dec 2009 16:32:31 +0100) */




div#cms div,
div#cms span,
div#cms applet,
div#cms object,
div#cms iframe,
div#cms h1,
div#cms h2,
div#cms h3,
div#cms h4,
div#cms h5,
div#cms h6,
div#cms p,
div#cms blockquote,
div#cms pre,
div#cms a,
div#cms abbr,
div#cms acronym,
div#cms address,
div#cms big,
div#cms cite,
div#cms code,
div#cms del,
div#cms dfn,
div#cms em,
div#cms font,
div#cms ins,
div#cms kbd,
div#cms q,
div#cms s,
div#cms samp,
div#cms small,
div#cms strike,
div#cms strong,
div#cms sub,
div#cms sup,
div#cms tt,
div#cms var,
div#cms dl,
div#cms dt,
div#cms dd,
div#cms ol,
div#cms ul,
div#cms li,
div#cms fieldset,
div#cms form,
div#cms label,
div#cms legend,
div#cms table,
div#cms caption,
div#cms tbody,
div#cms tfoot,
div#cms thead,
div#cms tr,
div#cms th,
div#cms td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}


div#cms table {
    border-collapse: separate;
    border-spacing: 0;
}


div#cms caption,
div#cms th,
div#cms td {
    text-align: left;
    font-weight: normal;
}


div#cms blockquote:before,
div#cms blockquote:after,
div#cms q:before,
div#cms q:after {
    content: "";
}


div#cms blockquote,
div#cms q {
    quotes: "" "";
}


div#cms strong {
    font-weight: bold;
}
.unsichtbar {
  position:absolute;
  top:-2000px;
  left:-2000px;
}


body {
    position: relative;
    padding: 0em;
    margin: 0em;
    text-align: center;
    font-size: 100.1%;
    background-color: #FFFFFF;
    background: url("/media/images/layout/bg-body.gif");
    background-repeat: repeat;
    color: #000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}


div#cms {
    font-size: 62.5%;
    padding: 0em;
    margin: 0em;
}

div#cms div.center {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 95.6em;
    background-color: #fff;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
}


div#cms div#rahmen {
    margin: 5px 38px 0px 40px;
}

div#cms .unsichtbar {
    position: absolute;
    left: -2000px;
    top: -2000px;
}

div#cms .clear {
    clear: both;
}

div#cms div#mitte {
    clear: both;
}

div#cms div#links {
    float: left;
    width: 65.5em;
    height: 65.5em;
    background: url("/media/images/layout/bg-box.gif");
    background-repeat: repeat-x;
}

div#cms div#linksservicenavi {
    float: left;
    width: 65.5em;
    margin-right: 1.2em;
    background: url("/media/images/layout/bg-box.gif");
    background-repeat: repeat-x;
}

div#cms div#rechts {
    width: 21.1em;
    float: right;
    margin: 0em;
    padding: 0em;
}


div#cms div.boxstartseiteunten {
    margin-right: 1.2em;
    float: left;
    width: 21em;
}

div#cms div.inhaltbox1 {
    width: 19em;
    float: left;
    height: 32em;
}

div#cms div#box1 {
    width: 19em;
    padding: 0em;
}

div#cms div#hauptinhaltsbereich-startseite {
    width: 42em;
    margin-left: 20em;
    height: 32em;
}

div#cms div#hauptinhaltsbereich {
    width: 45.6em;
    margin-left: 16.6em;
    height: 59.9em;
}


div#cms div.boxenstartseite {
    height: 32em;
    width: 20.6em;
    padding-left: 1px;
}

div#cms div.rechteboxstandardseite {
    height: 64.4em;
    width: 20.6em;
    padding-left: 1px;
}


div#cms div#rechts div.boxenstartseite {
    width: 20.7em;
}


div#cms div.verlauf {
    background: url("/media/images/layout/bg-box-mit-headline.gif");
    background-repeat: repeat-x;
}


div#cms div#navilinks {
    clear: both;
    float: left;
    width: 10em;
    margin-left: 1em;
}

div#cms div#fusszeile {
    clear: both;
    margin-top: -1em;
    padding: 0;
    border: #f00;
}
div#tagcloud {
   margin-bottom:0.5em;
}


div#cms div#schattenoben {
    background-image: url(../images/layout/bg-oben.gif);
    background-repeat: repeat-x;
    background-position: top;
}

div#cms div#schattenlinksoben {
    background-image: url(../images/layout/bg-oben-links.gif);
    background-repeat: no-repeat;
    background-position: top left;
    margin: 0em;
    height: 35px;
}

div#cms div#schattenrechtsoben {
    background-image: url(../images/layout/bg-oben-rechts.gif);
    background-repeat: no-repeat;
    background-position: top right;
    margin: 0em;
    padding: 0em;
    height: 35px;
}

div#cms div#schattenlinks {
    background-image: url(../images/layout/bg-links.gif);
    background-repeat: repeat-y;
    background-position: top left;
}

div#cms div#schattenrechts {
    background-image: url(../images/layout/bg-rechts.gif);
    background-repeat: repeat-y;
    background-position: right;
    margin: 0em;
    padding-right: 0em;
}

div#cms div#schattenunten {
    background-image: url(../images/layout/bg-unten.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    margin: 0em;
    padding: 0em;
}

div#cms div#schattenlinksunten {
    background-image: url(../images/layout/bg-unten-links.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding: 0em;
    margin: 0em;
    height: 35px;
}

div#cms div#schattenrechtsunten {
    background-image: url(../images/layout/bg-unten-rechts.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
    margin: 0em;
    padding: 0em;
    height: 35px;
}

div#cms 
div.boxlinks {
    background-image: url(../images/layout/bg-box-links.gif);
    background-repeat: repeat-y;
    background-position: left;
    margin-bottom: 1.2em;
}

div#cms div.boxrechts {
    background-image: url(../images/layout/bg-box-rechts.gif);
    background-repeat: repeat-y;
    background-position: top right;
    margin: 0em;
    padding-right: 0em;
}

div#cms div.boxoben {
    background-image: url(../images/layout/bg-box-oben.gif);
    background-repeat: repeat-x;
    background-position: top;
    height: 1px;
}

div#cms div.boxrechtsoben {
    background-image: url(../images/layout/bg-box-oben-rechts.gif);
    background-repeat: no-repeat;
    background-position: top right;
    margin: 0em;
    padding: 0em;
    height: 1px;
    font-size: 0px;
}

div#cms div.boxunten {
    background-image: url(../images/layout/bg-box-unten.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    margin: 0em;
    padding: 0em;
    height: 4px;
    font-size: 0px;
}

div#cms div.boxlinksunten {
    background-image: url(../images/layout/bg-box-unten-links.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    padding: 0em;
    margin: 0em;
    height: 4px;
    font-size: 0px;
}

div#cms div.boxrechtsunten {
    background-image: url(../images/layout/bg-box-unten-rechts.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
    margin: 0em;
    padding: 0em;
    height: 4px;
    font-size: 0px;
}


div#cms .kopf {
    margin: 0.3em 0em 0.3em 0em;
}

div#cms div#logo {
    float: left;
    width: 38em;
    padding: 0.8em 0em 2em 0em;
}


div#cms div#servicenavi-ansicht {
    font-size: 1.1em;
    width: 45.1em;
    text-align: right;
    padding-top: 1.5em;
    float: left;
}


div#cmsAnsicht {
    width: 10.2em;
    float: right;
}

div#cms div#cmsAnsicht p {
    margin: 0em;
    float: left;
    margin-right: 0.5em;
    color: #000;
}

div#cms div#cmsAnsicht a,
div#cms div#cmsAnsicht a:visited {
    border: 1px solid #004433;
    color: #000;
    display: block;
    height: 1.2em;
    width: 1.2em;
    font-size: 1em;
    line-height: 1em;
    margin-top: 0em;
    margin-left: 0.3em;
    padding: 0em;
    text-decoration: none;
    float: left;
    text-align: center;
}

div#cms div#cmsAnsicht a:hover,
div#cms div#cmsAnsicht a:focus {
    border: 1px solid #004433;
    color: #fff;
    background-color: #C40000;
}

div#servicenavi-ansicht ul {
    list-style: none;
    float:left;
    }

div#cms div#servicenavi-ansicht ul li {
    float: left;
    border-right: 1px solid #919B9C;
}
div#servicenavi-ansicht ul a, div#servicenavi-ansicht ul strong {
    display:          block;
    color:            #000;
    text-align:       center;
    text-decoration:  none;
    width:8em;
}
div#servicenavi-ansicht ul a:focus, div#servicenavi-ansicht ul a:hover, div#servicenavi-ansicht ul a:active, div#servicenavi-ansicht ul a:visited {
    color:            #000;
    text-decoration:  none;
}
div#servicenavi-ansicht ul a:hover {
    text-decoration: underline;
    color:#C40000;
}
div#servicenavi-ansicht ul strong {
	       font-weight:bold;
	       color:#505050;
}




div#cms .inhalt h1 {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.2em 0em 0.2em 0em;
    margin-bottom: 1em;
    border-bottom: 1px solid #A4A4A4;
    color: #000;
}

div#cms .inhalt h2 {
    background-image: url(../images/layout/bg-headline-box.gif);
    background-repeat: repeat-x;
    background-position: center;
    padding: 0.3em 1.5em 0.4em 1.5em;
    color: #fff;
    font-size: 1.1em;
    font-weight: normal;
}

div#cms #schnellkontakt h2 {
    background-image: url(../images/layout/bg-headline-box.gif);
    background-repeat: repeat-x;
    background-position: center;
    padding: 0.3em 1.5em 0.4em 1.5em;
    color: #fff;
    font-size: 1.1em;
    font-weight: normal;
}

div#cms h3.underline {
    background-image: url(../images/layout/bg-headline-box.gif);
    background-repeat: repeat-x;
    background-position: center;
    padding: 0.3em 1.5em 0.4em 1.5em;
    font-size: 1.1em;
    font-weight: normal;
}

div#cms h3.underline a {
    color: #fff;
    text-decoration: none;
}

div#cms .inhalt p {
    font-size: 1.1em;
    margin-bottom: 0.7em;
    line-height: 1.49em;
    padding-bottom: 0.5em;
    text-align: justify;
}

div#cms .inhalt p.ohneAbstand {
    font-size: 1.1em;
    line-height: 1.49em;
    text-align: justify;
    margin-bottom: 0em;
    padding-bottom: 0.5em;
}

div#cms .inhalt p.pbox {
    font-size: 1.1em;
    margin-bottom: 0.5em;
    line-height: 1.49em;
    padding-bottom: 0.5em;
    padding-left: 1.5em;
    padding-right: 1.4em;
    text-align: justify;
}

div#cms div.rechteboxstandardseite p.pbox {
    padding-right: 0.5em;
}

div#cms .inhalt div.referenzen p.pbox {
    padding-right: 0.5em;
    text-align: left;
    color: #f00;
}

div#cms div#schnellkontakt p {
    padding: 0em;
    margin-top: 0em;
    line-height: 1em;
    margin-bottom: 0.5em;
}

div#cms img#fotostartseite {
    float: left;
    width: 17em;
    height: 32em;
    margin-left: 1px;
    margin-right: 3.5em;
}

div#cms img.sternrechts {
    float: right;
    margin-right: 0em;
    margin-left: 1em;
}

div#cms img.links {
    float: left;
    margin-right: 1.5em;
    margin-left: 0em;
    margin-top: 0em;
}

div#cms img.links-und-rahmen {
    float: left;
    margin-right: 1.5em;
    margin-left: 0em;
    margin-top: 0em;
    padding: 3px;
    border: 1px solid #919B9C;
}

div#cms img.rechts {
    float: right;
    margin-right: 0em;
    margin-left: 1em;
    margin-bottom: 0.5em;
}

div#cms div.referenzen img {
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

div#cms img {
    border: none;
}

div#cms img.produktfotostartseite {
    margin-top: 0.7em;
    border: none;
}

div#cms .inhalt a {
    color: #000;
    text-decoration: underline;
}

div#cms .inhalt h2 a,
div#cms .inhalt a.ohne-unterstrich {
    color: #fff;
    text-decoration: none;
}

div#cms .inhalt a.ohne-unterstrich,
div#cms .inhalt a.ohne-unterstrich:visited,
div#cms .inhalt a.ohne-unterstrich:hover,
div#cms .inhalt a.ohne-unterstrich:focus {
    color: #000;
    text-decoration: none;
}

div#cms div.referenzen a,
div#cms a.pfeil {
    background-image: url(/media/images/layout/bg-subnavi.gif);
    background-repeat: no-repeat;
    padding-left: 1.5em;
    padding-bottom: 0.5em;
    color: #000;
    text-decoration: none;
}

div#cms .inhalt div#google-maps a {
    background-image: none;
    padding-left: 0em;
    padding-bottom: 0.5em;
    color: #000;
    text-decoration: none;
}

div#cms .inhalt a:active {
    color: #E26800;
    text-decoration: none;
}


div#cms .inhalt a:visited {
    color: #000;
    text-decoration: underline;
}


div#cms div.referenzen a:visited,
div#cms a.pfeil:visited {
    text-decoration: none;
}

div#cms div.referenzen a:hover,
div#cms a.pfeil:hover {
    text-decoration: underline;
}

div#cms .inhalt h2 a:visited {
    color: #fff;
    text-decoration: none;
}
 
div#cms .inhalt a:hover {
    text-decoration: underline;
}

div#cms a#seitedrucken {
    background-image: url(/media/images/layout/bg-seitedrucken.gif);
    background-repeat: no-repeat;
    padding-left: 2em;
    padding-top: 0.2em;
    font-size: 1.1em;
    padding-bottom: 0.5em;
    color: #000;
    text-decoration: none;
    line-height: 1.5em;
}

div#cms a#seitedrucken:hover {
    text-decoration: underline;
}

div#cms div#box6 ul {
}


div#cms div#box6 li {
}

div#cms div#druckensendafriend {
    float: left;
}

div#cms div#printadresse {
    display: none;
}

div#cms p.error {
    color: #C40000;
}

div#cms div#tagcloud a {
    color: #505050;
}

div#cms div#tagcloud strong {
    font-weight: normal;
}

div#cms .inhalt ul {
    list-style: square;
    padding-left: 0.8em;
    margin-bottom: 0.6em;
    margin-left: 2.3em;
    line-height: 1.5em;
    padding-bottom: 0.3em;
    font-size: 1.1em;
}

div#cms .inhalt ul.haken {
    margin-left: 0em;
    list-style-position: inside;
    list-style: none;
    line-height: 1.5em;
    font-size: 1.1em;
}

div#cms .inhalt ul.haken li {
    background: url('/media/images/layout/haken.gif') top left no-repeat;
    padding: 0.2em 0em 0em 2.8em;
    min-height: 2.4em;
}

div#cms .inhalt ul.icons li.icon {
    list-style: none;
}



div#cms div#naviebene1 {
    background-image: url(../images/layout/bg-navi.gif);
    background-repeat: repeat-x;
    background-position: center;
    margin: 3px 4px 0px 1px;
    height: 1.7em;
}

div#cms div#naviebene1 ul {
    list-style: none;
    font-size: 1.1em;
    float: left;
}

div#cms div#naviebene1 ul li {
    float: left;
    border-right: 1px solid #919B9C;
}

div#cms div#naviebene1 ul a,
div#cms div#naviebene1 ul strong {
    display: block;
    color: #000;
    text-align: center;
    text-decoration: none;
    width: 11.22em;
}

div#cms div#naviebene1 ul a:focus,
div#cms div#naviebene1 ul a:hover,
div#cms div#naviebene1 ul a:active,
div#cms div#naviebene1 ul a:visited {
    color: #000;
    text-decoration: none;
}

div#cms div#naviebene1 ul a:hover,
div#cms div#naviebene1 ul a:active {
    text-decoration: underline;
    color: #C40000;
}

div#cms div#naviebene1 ul strong,
div#cms div#naviebene1 li.active a {
    font-weight: bold;
    color: #505050;
}

div#cms ul.navebene2,
div#cms ul.navebene3 {
    list-style: none;
    border-top: 1px dotted #ccc;
    width: 12.4em;
}

div#cms ul.navebene2 {
    margin-top: 0em;
    font-size: 1.1em;
}

div#cms ul.navebene2 li,
div#cms ul.navebene3 li {
    padding-left: 0em;
    padding-bottom: 0em;
    text-align: left;
    width: 12em;
}

div#cms ul.navebene2 a,
div#cms ul.navebene2 a:visited,
div#cms ul.navebene2 strong {
    text-decoration: none;
    color: #000;
    padding-left: 2em;
    width: 10.4em;
    padding-top: 0.2em;
    margin-left: 0em;
    margin-bottom: 0.3em;
    height: 1.5em;
    display: block;
    background-image: url(../images/layout/roterpunkt.gif);
    background-repeat: no-repeat;
    background-position: left;
    border-bottom: 1px dotted #ccc;
}

div#cms ul.navebene2 a:hover {
    text-decoration: underline;
    color: #C40000;
}

div#cms ul.navebene2 strong {
    font-weight: bold;
    color: #606060;
}

div#cms ul.navebene3 a,
div#cms ul.navebene3 a:visited {
    padding-left: 2em;
    color: #494949;
    font-weight: normal;
}

div#cms ul.navebene3 a:hover {
    color: #E59C52;
    text-decoration: underline;
    background-color: #F8F2E9;
}

div#cms ul.navebene3 strong {
    padding-left: 1.5em;
}


div#cms div#brotkruemmel {
    margin: 1em;
    margin-top: 1.5em;
}

div#cms div#brotkruemmel p {
    font-size: 1.1em;
    float: left;
    padding-right: 0.5em;
    color: #000;
}

div#cms div#brotkruemmel a {
    color: #000;
}

div#cms div#brotkruemmel a:hover,
div#cms div#brotkruemmel a:active {
    text-decoration: underline;
    color: #C40000;
}

div#cms div#brotkruemmel ul {
    list-style: none;
    font-size: 1.1em;
    margin-bottom: 1.5em;
    line-height: 1.1em;
    float: left;
}

div#cms div#brotkruemmel ul li {
    float: left;
    padding-right: 0.5em;
    color: #000;
}


div#cms div#schnellkontakt input {
    width: 8.7em;
    font-size: 1.1em;
    padding: 0em;
    margin-top: 0em;
}

div#cms div#schnellkontakt a {
    color: #000;
    font-size: 1.1em;
}

div#cms div#schnellkontakt label {
    width: 6.8em;
    margin-left: 1.3em;
    float: left;
    font-size: 1.1em;
    padding-top: 0.3em;
}

div#cms textarea {
    width: 20.5em;
    height: 9em;
    font-size: 1.1em;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

div#cms div#schnellkontakt textarea {
    width: 15.5em;
    height: 5.5em;
    margin-top: 0.5em;
    margin-left: 1.3em;
    margin-bottom: 0.5em;
}


div#cms input.button,
div#cms div#schnellkontakt input.button {
    background-image: url(/media/images/layout/bg-subnavi.gif);
    background-repeat: no-repeat;
    padding-left: 2em;
    padding-bottom: 0.0em;
    color: #000;
    background-color: #FFFFFF;
    border: none;
    width: 5.5em;
}

div#cms div#schnellkontakt input.button {
    margin-left: 1.4em;
}

div#cms .button:hover {
    text-decoration: underline;
}

div#cms label {
    width: 8.1em;
    float: left;
}

div#cms input {
    margin-bottom: 0em;
    width: 20em;
    font-size: 1.1em;
}

div#cms select {
    margin-bottom: 0.2em;
}

