@charset "utf-8";
/* CSS Document */

* {
	padding: 0px;
	margin: 0px;
}
html {
	
}
body {
	background: #EFEFEF url(../img/bg-verlauf.png) repeat-x top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
table {
	font-size: 12px;
}
a {
	text-decoration: none;
}
div.cleardiv {
	clear: both;
	line-height: 0px;
	height: 0px;
	font-size: 0px;
}

div.seitenleiste {
	width: 280px;
	height: 500px;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0px 0px 0px 20px;
}
div.xwrap {
	/* background: url(../img/navigation/subnavi-mitte.png) repeat-y top left; */
}
div.extra {
	background: url(../img/navigation/subnavi-oben.png) no-repeat top left;
}
div.logo {
	height: 146px;
}
div.logo img {
	margin: 50px 0px 0px 8px;
	border: none;
}

div.suche {
	height: 52px;
}
div.suche div.tx-indexedsearch-searchbox {
	padding: 20px 0px 0px 20px;
}
div.suche div.tx-indexedsearch-searchbox form {
	padding: 0px;
	margin: 0px;
}
div.suche input.tx-indexedsearch-searchbox-sword {
	border-top: 1px solid #7C7C7C;
	border-right: 1px solid #C3C3C3;
	border-left: 1px solid #C3C3C3;
	border-bottom: 1px solid #DEDEDE;
	color: #464648;
	font-size: 11px;
	padding: 3px;
	width: 190px;
	margin: 0px;
}
* html div.suche input.tx-indexedsearch-searchbox-sword {
	padding: 0px 3px;
}
div.suche input.tx-indexedsearch-searchbox-button {
	padding: 0px 0px 0px 8px;
	margin: 0px 0px -2px 0px;
}
div.leistungen {
	/* height: 401px; */
}
div.leistungen ul {
	padding: 0px 0px 0px 9px;
}
div.leistungen li {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	background: url(../img/navigation/subnavi-hg.png) repeat-y top left;
	line-height: 30px;
}
div.leistungen li.spacer {
	line-height: 41px;
	padding: 0px 0px 0px 38px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	color: #464648;
	background: url(../img/pixel.gif) no-repeat top left;
}
/* div.leistungen li.spacer span {
	line-height: 41px;
	background: transparent none;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	color: #464648;
	z-index: 103;
} */
div.leistungen li a {
	padding: 0px 0px 0px 38px;
	line-height: 30px;
	color: #464648;
	display: block;
	width: 210px;
	text-transform: uppercase;
	font-size: 11px;
}
div.leistungen li a.sub, div.leistungen li a.subaktiv {
	padding: 0px 0px 0px 50px;
	text-transform: none;
}
* html div.leistungen li a {
	width: 248px;
}
div.leistungen li.dgd a {
	background: url(../img/icon/digitaldruck.png) no-repeat 10px 10px;
}
div.leistungen li.dgd a:hover, div.leistungen li.dgd a.aktivifsub, div.leistungen li.dgd a.aktiv {
	background: url(../img/navigation/subnavi-digitaldruck.png) no-repeat top left;
}
div.leistungen li.dod a {
	background: url(../img/icon/digitaloffset.png) no-repeat 10px 10px;
}
div.leistungen li.dod a:hover, div.leistungen li.dod a.aktivifsub, div.leistungen li.dod a.aktiv {
	background: url(../img/navigation/subnavi-digitaloffset.png) no-repeat top left;
}
div.leistungen li.dvs a {
	background: url(../img/icon/druckvorstufe.png) no-repeat 10px 7px;
}
div.leistungen li.dvs a:hover, div.leistungen li.dvs a.aktivifsub, div.leistungen li.dvs a.aktiv {
	background: url(../img/navigation/subnavi-druckvorstufe.png) no-repeat top left;
}
div.leistungen li.mpr a {
	background: url(../img/icon/mailing.png) no-repeat 10px 7px;
}
div.leistungen li.mpr a:hover, div.leistungen li.mpr a.aktivifsub, div.leistungen li.mpr a.aktiv {
	background: url(../img/navigation/subnavi-mailing.png) no-repeat top left;
}
div.leistungen li.bps a {
	background: url(../img/icon/bildperso.png) no-repeat 10px 10px;
}
div.leistungen li.bps a:hover, div.leistungen li.bps a.aktivifsub, div.leistungen li.bps a.aktiv {
	background: url(../img/navigation/subnavi-bildperso.png) no-repeat top left;
}
div.leistungen li.crmed a {
	background: url(../img/icon/GW_Icon_Crossmedia.png) no-repeat 10px 6px;
}
div.leistungen li.crmed a:hover, div.leistungen li.crmed a.aktivifsub, div.leistungen li.crmed a.aktiv {
	background: url(../img/navigation/subnavi-crossmedia.png) no-repeat top left;
}
div.leistungen li.wtp a {
	background: url(../img/icon/web-to-print.png) no-repeat 10px 7px;
}
div.leistungen li.wtp a:hover, div.leistungen li.wtp a.aktivifsub, div.leistungen li.wtp a.aktiv {
	background: url(../img/navigation/subnavi-web-to-print.png) no-repeat top left;
}
div.leistungen li.gfd a {
	background: url(../img/icon/grossformat.png) no-repeat 10px 7px;
}
div.leistungen li.gfd a:hover, div.leistungen li.gfd a.aktivifsub, div.leistungen li.gfd a.aktiv {
	background: url(../img/navigation/subnavi-grossformat.png) no-repeat top left;
}
div.leistungen li.ssb a {
	background: url(../img/icon/scan.png) no-repeat 10px 7px;
}
div.leistungen li.ssb a:hover, div.leistungen li.ssb a.aktivifsub, div.leistungen li.ssb a.aktiv {
	background: url(../img/navigation/subnavi-scan.png) no-repeat top left;
}
div.leistungen li.dfo a {
	background: url(../img/icon/foto.png) no-repeat 10px 10px;
}
div.leistungen li.dfo a:hover, div.leistungen li.dfo a.aktivifsub, div.leistungen li.dfo a.aktiv {
	background: url(../img/navigation/subnavi-fotografie.png) no-repeat top left;
}
div.leistungen li.gls a {
	background: url(../img/icon/grafik.png) no-repeat 10px 7px;
}
div.leistungen li.gls a:hover, div.leistungen li.gls a.aktivifsub, div.leistungen li.gls a.aktiv {
	background: url(../img/navigation/subnavi-grafik.png) no-repeat top left;
}
div.leistungen li.cdp a {
	background: url(../img/icon/cd.png) no-repeat 10px 10px;
}
div.leistungen li.cdp a:hover, div.leistungen li.cdp a.aktivifsub, div.leistungen li.cdp a.aktiv {
	background: url(../img/navigation/subnavi-cd.png) no-repeat top left;
}
div.leistungen li.lts a {
	background: url(../img/icon/letter.png) no-repeat 10px 7px;
}
div.leistungen li.lts a:hover, div.leistungen li.lts a.aktivifsub, div.leistungen li.lts a.aktiv {
	background: url(../img/navigation/subnavi-lettershop.png) no-repeat top left;
}
div.leistungen li a:hover, div.leistungen li a.aktiv, div.leistungen li a.aktivifsub {
	color: #FFF;
	background: url(../img/navigation/subnavi-aktiv.png) no-repeat bottom left;
}
div.leistungen li a.sub {
	background: url(../img/navigation/subnavi-hg-0.png) no-repeat top left;
}
div.leistungen li.dgd a.sub:hover,
div.leistungen li.dod a.sub:hover,
div.leistungen li.dvs a.sub:hover,
div.leistungen li.mpr a.sub:hover,
div.leistungen li.bps a.sub:hover,
div.leistungen li.wtp a.sub:hover,
div.leistungen li.gfd a.sub:hover,
div.leistungen li.ssb a.sub:hover,
div.leistungen li.dfo a.sub:hover,
div.leistungen li.gls a.sub:hover,
div.leistungen li.cdp a.sub:hover,
div.leistungen li.lts a.sub:hover {
	color: #464648;
	background: url(../img/navigation/subnavi-hg-1.png) no-repeat top left;
}
div.leistungen li.dgd a.subaktiv, div.leistungen li.dgd a.subaktiv:hover,
div.leistungen li.dod a.subaktiv, div.leistungen li.dod a.subaktiv:hover,
div.leistungen li.dvs a.subaktiv, div.leistungen li.dvs a.subaktiv:hover,
div.leistungen li.mpr a.subaktiv, div.leistungen li.mpr a.subaktiv:hover,
div.leistungen li.bps a.subaktiv, div.leistungen li.bps a.subaktiv:hover,
div.leistungen li.wtp a.subaktiv, div.leistungen li.wtp a.subaktiv:hover,
div.leistungen li.gfd a.subaktiv, div.leistungen li.gfd a.subaktiv:hover,
div.leistungen li.ssb a.subaktiv, div.leistungen li.ssb a.subaktiv:hover,
div.leistungen li.dfo a.subaktiv, div.leistungen li.dfo a.subaktiv:hover,
div.leistungen li.gls a.subaktiv, div.leistungen li.gls a.subaktiv:hover,
div.leistungen li.cdp a.subaktiv, div.leistungen li.cdp a.subaktiv:hover,
div.leistungen li.lts a.subaktiv, div.leistungen li.lts a.subaktiv:hover {
	color: #C20028;
	background: url(../img/navigation/subnavi-hg-2.png) no-repeat top left;
}

div.abschluss {
	/* background: url(../img/navigation/subnavi-unten.png) no-repeat bottom left; */
	height: 81px;
	color: #FFF;
	font-size: 11px;
	margin: 0px 0px 0px -6px;
}
* html div.abschluss {
}
div.abschluss a img {
	border: none;
}
div.kontakt {
	margin: 0px 23px 0px 9px;
	padding: 4px 0px 10px 38px;
	background-color: #FFF;
	color: #464648;
}
* html div.kontakt {
	margin: 0px 3px 0px 9px;
}
div.kontakt a {
	color: #464648;
}
div.kontakt a:hover {
	color: #C20028;
}
div.call-back {
	margin: 0px 0px 0px 9px;
}
div.call-back a img {
	border: none;
}

div.inhalte {
	background: url(../img/bg-mitte.png) repeat-y 0px 79px;
	width: 720px;
	height: auto;
	margin: 79px 0px 0px 310px;
}
div.iwrap {
	width: 720px;
	background: url(../img/bg-oben.png) no-repeat 0px 20px;
	margin: -20px 0px 0px 0px;
}

div.navigation {
	height: 32px;
	z-index: 2;
	position: relative;
}
div.navigation ul {
	background: url(../img/bg-navi-schatten.png) no-repeat top left;
	height: 32px;
	padding: 0px 0px 0px 12px;
}
div.navigation ul li {
	list-style-type: none;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 3px;
}
div.navigation ul li a {
	display: block;
	width: 95px;
	line-height: 32px;
	background: url(../img/navigation/haupnavi.png) no-repeat top left;
	text-transform: uppercase;
	font-size: 11px;
	text-align: center;
	color: #464648;
}
div.navigation ul li a:hover {
	background: url(../img/navigation/haupnavi-hover.png) no-repeat top right;
	color: #FFF;
}
div.navigation ul li.aktiv a, div.navigation ul li.aktiv a.active {
	background: url(../img/navigation/haupnavi-aktiv.png) no-repeat top right;
	color: #FFF;
	padding: 0px 0px 0px 3px;
}
div.navigation ul li a.active {
	background: url(../img/navigation/haupnavi-hover.png) no-repeat top right;
	color: #FFF;
}

div.kopfbild {
	margin: 20px 32px 1px 32px;
}

div.extra-navi {
	background-color: #C20028;
	margin: 0px 32px;
}

div.extra-navi a {
	color: #FFF;
	font-size: 10px;
}
div.extra-navi a:hover {
	text-decoration: none;
}
div.rootline {
	float: left;
	width: 458px;
	width: 605px;
	padding: 0px;
}
div.rootline ul {
	padding: 0px 0px 0px 8px;
}
div.rootline ul li {
	list-style-type: none;
	float: left;
}
div.rootline .root-home a {
	background: url(../img/icon/root-home.png) no-repeat center left;
	padding: 0px 12px 0px 0px;
	line-height: 20px;
	text-decoration: none;
}
div.rootline a:hover {
	text-decoration: underline;
}
div.rootline .root-home a:hover {
	text-decoration: none;
}
div.rootline ul li span {
	padding: 0px 8px;
	font-size: 14px;
	color: #FFF;
}
div.drucken {
	float: left;
	width: 99px;
	width: 25px;
	height: 20px;
	text-align: right;
}
div.drucken ul li {
	list-style-type: none;
}
div.drucken a {
	background: url(../img/icon/druck-icon.png) no-repeat center left;
	background: url(../img/icon/root-druck.png) no-repeat center left;
	text-decoration: none;
	padding: 0px 0px 0px 20px;
	line-height: 18px;
}
div.pdf {
	float: left;
	width: 98px;
	width: 25px;
	height: 20px;
	text-align: right;
}
div.pdf a {
	background: url(../img/icon/pdf-icon.png) no-repeat center left;
	background: url(../img/icon/root-pdf.png) no-repeat center left;
	text-decoration: none;
	padding: 1px 0px 0px 20px;
	line-height: 18px;
}

div.textbild {
	width: 656px;
	width: 641px;
	/* border-top: 3px solid #C20028; */
	margin: 0px 32px;
	padding: 16px 0px 16px 15px;
	min-height: 500px;
	line-height: 18px;
	color: #464648;
}
div.textbild h1 {
	padding: 0px 0px 8px 0px;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
}
div.textbild h2 {
	padding: 0px 0px 6px 0px;
	font-size: 12px;
	line-height: 18px;
}
div.textbild h3 {
	margin: 0px 0px 6px 0px;
	padding: 3px 15px;
	font-size: 12px;
	line-height: 18px;
	background-color: #C20028;
	color: #FFF;
	text-transform: uppercase;
}
div.textbild ul, ol {
	padding: 8px 0px;
}
div.textbild ul li {
	background: url(../img/navigation/box-hover.png) no-repeat 0px 7px;
	list-style-type: none;
	padding: 0px 0px 0px 15px;
}
div.textbild ol li {
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 0px 18px;
}

div.textbild .rot {
	color: #C20028;
}
div.textbild a {
	color: #C20028;
}
div.textbild a:hover {
	background-color: #C20028;
	color: #FFF;
}
div.textbild div.csc-textpic-imagewrap a:hover {
	background-color: transparent;
}
div.textbild hr {
	background-color: #C20028;
	border: none;
	height: 2px;
	margin: 10px 0px 15px 0px;
}
div.textbild dd.csc-textpic-caption {
	font-size: 10px;
}
div.textbild p.align-right {
	text-align: right;
}

div.unten {
	background: url(../img/bg-unten.png) no-repeat top left;
	height: 19px;
}

div.fusszeile {
	background-color: #424242;
	background-color: #727879;
	margin: 5px 0px 0px 322px;
	width: 696px;
	height: 20px;
	color: #FFF;
}

div.fussnavi {
	float: left;
	line-height: 20px;
	width: 390px;
}
div.fussnavi ul {
	float: right;
}
div.fussnavi ul li {
	float: left;
	list-style-type: none;
	background: url(../img/navigation/strich-fusszeile.png) no-repeat top right;
}
div.fussnavi ul li a {
	display: block;
	color: #FFF;
	padding: 0px 10px;
}
div.fussnavi ul li a:hover, div.fussnavi ul li a.aktiv {
	text-decoration: underline;
}

div.copyright {
	float: right;
	line-height: 20px;
	padding: 0px 20px 0px 0px;
}

/*****  TABELLEN  *****/

table.sizes {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px 0px 8px 0px;
}
table.sizes tr th {
	background-color: #C20028;
	color: #FFF;
	vertical-align: top;
	text-align: left;
}
table.sizes tr td {
	vertical-align: top;
	text-align: left;
}
table.sizes tr td.td-0 {
	background: url(../img/navigation/box-hover.png) no-repeat 0px 8px;
	padding: 1px 8px 1px 0px;
}
table.sizes tr .td-1 {
	width: 70%;
	padding: 1px 0px;
}
table.sizes tr .td-2 {
	padding: 1px 0px 1px 5px;
}

table.firmengeschichte {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px 0px 8px 0px;
}
table.firmengeschichte tr th {
	color: #C20028;
	vertical-align: top;
	text-align: left;
	padding: 1px 10px 8px 0px;
}
table.firmengeschichte tr td {
	vertical-align: top;
	text-align: left;
	padding: 1px 0px 8px 0px;
}

table.selfmailer {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}
table.selfmailer tr th {
	background-color: #C20028;
	color: #FFF;
	vertical-align: top;
	text-align: left;
}
table.selfmailer tr td {
	vertical-align: top;
	text-align: left;
}
table.selfmailer tr td.td-0 {
	background: url(../img/navigation/box-hover.png) no-repeat 0px 8px;
	padding: 1px 8px 1px 0px;
}
table.selfmailer tr .td-1 {
	width: 26%;
	padding: 1px 0px;
}
table.selfmailer tr .td-2 {
	padding: 1px 0px 1px 5px;
}


.selfmailer-box {
	padding: 25px 0px 0px 230px;
	background: url(../bilder/mailing/selfmailer/Kasten_Selfmailer.png) no-repeat top left;
	height: 70px;
}


/*****  FCE  *****/

div.wrapper {

}
div.wrapper div.col-1 {
	float: left;
	width: 60%;
}
div.wrapper div.col-2 {
	float: right;
	width: 35%;
}

div.wrapper-2 {

}
div.wrapper-2 div.col-1 {
	float: left;
	width: 35%;
}
div.wrapper-2 div.col-2 {
	float: right;
	width: 60%;
}

div.wrapper-3 {

}
div.wrapper-3 div.col-1 {
	float: left;
	width: 60%;
}
div.wrapper-3 div.col-2 {
	float: right;
	width: 32%;
	background-color: #F1F2F1;
	padding: 15px 10px;
}

div.wrapper-50-50 {
	padding: 0px 0px 10px 0px;
}
div.wrapper-50-50 div.col-1 {
	float: left;
	width: 48%;
}
div.wrapper-50-50 div.col-2 {
	float: right;
	width: 49%;
}


div.wrapper-33-33-33 {
	padding: 0px 0px 10px 0px;
}
div.wrapper-33-33-33 div.col-1 {
	float: left;
	width: 33%;
}
div.wrapper-33-33-33 div.col-2 {
	float: left;
	width: 33%;
}
div.wrapper-33-33-33 div.col-3 {
	float: right;
	width: 33%;
}


div.wrapper-4 {

}
div.wrapper-4 div.col-1 {
	float: left;
	width: 32%;
	background-color: #F1F2F1;
	padding: 15px 10px;
}
div.wrapper-4 div.col-2 {
	float: right;
	width: 60%;
}

div.button-bar {
	width: 100%;
}
div.button-bar .button-links {
	float: left;
	width: 49%;
}
div.button-bar .button-rechts {
	float: right;
	width: 50%;
}
div.button-bar a:hover {
	background-color: transparent;
}

div.container-1 {
	width: 100%;
}
div.container-1 .col-links {
	float: left;
	width: 60%;
}
div.container-1 .col-rechts {
	float: right;
	width: 32%;
}
div.container-1 a:hover {
	background-color: transparent;
}

/*  Grauer Wrapper  */

div.wrapper-grau {
	background-color: #F1F2F1;
}


/*  fce-moodalbox  */

div.textbild a.noho {
	background-color: transparent;
	text-decoration: none;
}

/*  Tagcloud  */

div.textbild div.tagcloud {
	/* background: url(../img/tagcloud/hg.png) no-repeat top left; */
	width: 640px;
	height: 400px;
}

/*  fce-Rahmen-Box  */

div.rahmen-box {
	margin: 15px 0px 0px -15px;
}
div.rahmen-box .box-oben {
	background: url(../img/fce/rahmen-oben.png) no-repeat top left;
	width: 661px;
	height: 31px;
}
div.rahmen-box .box-mitte {
	background: url(../img/fce/rahmen-mitte.png) repeat-y top left;
	width: 631px;
	padding: 0px 0px 0px 30px;
	min-height: 250px;
}
* html div.rahmen-box .box-mitte {
	width: 661px;
}
div.rahmen-box .box-unten {
	background: url(../img/fce/rahmen-unten.png) no-repeat top left;
	width: 661px;
	height: 53px;
}