* {
margin:0px;
padding:0px;
}
body {
	min-width:980px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
#wrapper {
width:980px;
margin: 0 auto;
position: relative;
text-align: left;
/*  umschließt gesamten Inhalt */
}
#container {
	position: absolute;
	top: 123px;
	left: 0px;
	width: 960px;
	background-color:#b4b4b4;
	background-image: url(../bilder/hinten.gif);
	background-repeat: repeat-y;
	background-position: left top;
	border-left: 6px solid #f4f4f4;
	border-right: 6px solid #f4f4f4;
/*  umschließt alles außer Kopf1 und Kopf2 */
}
#klammer {
	width: 960px;
	float: left;
/*  umschliesst Navi und Inhalt */
}
a:link {
color:#E02323;
}
a:visited {
color:#333333;
}
#kopf1 {
	position: absolute;
	width: 956px;
	height: 100px;
	z-index: 1;
	left: 0px;
	top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #757575;
	background-color: #ffffff;
	text-align: left;
	padding:0px;
	border-left: 6px solid #f4f4f4;
	border-right: 6px solid #f4f4f4;
	padding-left:2px;
	padding-right:2px;
}
#kopf1 h2 {
font-weight:normal;
font-size:10px;
margin-top:3px;
}
div#kopfnavi {
position:absolute;
top:0px;
left:565px;
width:395px;
height:100px;
}
div#kopfnavi img {
border:0px;
border-left: 0px solid #f4f4f4;
border-right: 1px solid #f4f4f4;
margin-right: 6px;
}
div#shopnavi {
position:absolute;
bottom:8px;
left:258px;
}
div#shopnavi img {
margin-right:10px;
}
div#kontaktnavi {
position:absolute;
top:8px;
left:3px;
color:#E02323;
}
div#kontaktnavi a:link, div#kontaktnavi a:active, div#kontaktnavi a:visited, div#kontaktnavi a:hover {
color:#E02323;
text-decoration:underline;
}
div#logo  {
position:absolute;
bottom:5px;
left:2px;
width:180px;
height:55px;
}
#kopf2 {
	position: absolute;
	width: 956px;
	height: 20px;
	z-index: 1;
	left: 0px;
	top: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	background-color: #f4f4f4;
	text-align: left;
	border-left: 6px solid #f4f4f4;
	border-right: 6px solid #f4f4f4;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
	border-bottom: 1px solid #DADADA;
}
div#kopfnavi2 {
position:absolute;
top:0px;
left:565px;
width:395px;
height:20px;
}
div#kopfnavi2 img {
border:0px;
border-left: 0px solid #f4f4f4;
border-right: 1px solid #f4f4f4;
margin-right: 6px;
}

#kopf2 h2 {
font-weight:bold;
font-size:15px;
display:inline;
}
#navi {
	width: 120px;
	z-index: 1;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #ffffff;
	border-bottom-color: #000000;
	border-left-color: #000000;
	text-align: left;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color:#b4b4b4;
}
#inhalt {
	width: 840px;
	z-index: 1;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #ffffff;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color:#ffffff;
	text-align: left;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
/* Höhe und HG-Bild für jede body-ID separat zu definieren: */
/* zunächst: Standardwert: */
div#screen {
width:840px;
height:205px;
background-image:url(../bilder/buerobedarf_screen.jpg);
background-position: 300px 0px;
background-repeat:no-repeat;
}
body#home div#screen {
width:840px;
height:200px;
background-image:url(../bilder/startseite_screen.jpg);
background-position: 480px 0px;
background-repeat:no-repeat;
}
body#buerobedarf div#screen {
width:840px;
height:200px;
background-image:url(../bilder/buerobedarf_screen.jpg);
background-position: 480px 0px;
background-repeat:no-repeat;
}
body#buerobedarf2 div#screen {
width:840px;
height:200px;
background-image:url(../bilder/buerobedarf_screen.jpg);
background-position: 480px 0px;
background-repeat:no-repeat;
}
body#buerobedarf3 div#screen {
width:840px;
height:204px;
background-image:url(../bilder/bindesystem_screen.jpg);
background-position: 600px 0px;
background-repeat:no-repeat;
}
body#bueromoebel div#screen {
width:840px;
height:205px;
background-image:url(../bilder/bueromoebel_screen.jpg);
background-position: 446px 0px;
background-repeat:no-repeat;
}
body#drucksachen div#screen, body#drucksachen2 div#screen {
width:840px;
height:200px;
background-image:url(../bilder/drucksachen_screen.jpg);
background-position: 620px 0px;
background-repeat:no-repeat;
}
body#werbemittel div#screen, body#werbemittel2 div#screen {
width:840px;
height:205px;
background-image:url(../bilder/werbemittel_screen.jpg);
background-position: 498px 0px;
background-repeat:no-repeat;
}
body#praemien div#screen {
width:840px;
height:200px;
background-image:url(../bilder/praemien_screen.jpg);
background-position: 550px 0px;
background-repeat:no-repeat;
}
body#team div#screen {
width:840px;
height:205px;
background-image:url(../bilder/team_screen.jpg);
background-position: 549px 0px;
background-repeat:no-repeat;
}
body#franchise div#screen {
width:840px;
height:205px;
background-image:url(../bilder/team_screen.jpg);
background-position: 549px 0px;
background-repeat:no-repeat;
}
body#impressum div#screen {
width:840px;
height:205px;
background-image:url(../bilder/impressum_screen.jpg);
background-position: 549px 0px;
background-repeat:no-repeat;
}
body#kontakt div#screen {
width:840px;
height:205px;
background-image:url(../bilder/kontakt1_screen.jpg);
background-position: 525px 0px;
background-repeat:no-repeat;
}
body#agb div#screen {
width:840px;
height:205px;
background-image:url(../bilder/agbs_screen.jpg);
background-position: 499px 0px;
background-repeat:no-repeat;
}
body#aktuell div#screen, body#aktuell2 div#screen, body#newsorder div#screen {
width:840px;
height:205px;
background-image:url(../bilder/aktuelles_screen.jpg);
background-position: 520px 0px;
background-repeat:no-repeat;
}
body#geschirr div#screen {
width:840px;
height:205px;
background-image:url(../bilder/geschirr_screen.jpg);
background-position: 520px 0px;
background-repeat:no-repeat;
}
/* Ende Definition Screenbereiche */
/* farbige Überschriftsleiste Screen  */
#screen h1 {
background-color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color:#ffffff;
width:303px;
padding:2px;
padding-left:140px;
/*  gesamtsumme 445! */
}
#screen h1#buerobedarfleiste {
background-color:#E02323;
}
#screen h1#bueromoebelleiste {
background-color:#0971B3;
}
#screen h1#drucksachenleiste {
background-color:#009328;
}
#screen h1#werbemittelleiste {
background-color:#FF8E28;
}
#screen h1#geschirrleiste {
background-color:#E02323;
padding-left:10px;
width:403px;
}
/* Ende Überschriftsleiste Screen  */
/* Bildersetzung Screentext  -- ACHTUNG: Bildgröße identisch halten!!! -- */
/* 1. Default-Werte */
h2#screenheader {
width: 400px;
height: 120px;
position: relative;
top:30px;
left: 10px;
}
h2#screenheader span {
position:absolute;
width: 100%;
height: 100%;
background: url(../bilder/buerobedarf_screentext.gif) no-repeat;
}
/* 2. Buerobedarf  */
body#buerobedarf h2#screenheader {
width: 400px;
height: 120px;
position: relative;
top:30px;
left: 10px;
}
body#buerobedarf h2#screenheader span {
position:absolute;
width: 100%;
height: 100%;
background: url(../bilder/buerobedarf_screentext.gif) no-repeat;
}
body#buerobedarf3 h2#screenheader span {
position:absolute;
width: 100%;
height: 100%;
background: url(../bilder/bindesystem_screentext.gif) no-repeat;
}
/* 3. Bueromoebel  */
body#bueromoebel h2#screenheader span {
position:absolute;
width: 100%;
height: 100%;
background: url(../bilder/bueromoebel_screentext.gif) no-repeat;
}
/* 4. Drucksachen  */
body#drucksachen h2#screenheader, body#drucksachen2 h2#screenheader {
width: 500px;
height: 120px;
position: relative;
top:30px;
left: 10px;
}
body#drucksachen h2#screenheader span, body#drucksachen2 h2#screenheader span {
position:absolute;
width: 100%;
height: 100%;
background: url(../bilder/drucksachen_screentext.gif) no-repeat;
}
/* 5. Werbemittel  */
body#werbemittel h2#screenheader span, body#werbemittel2 h2#screenheader span {
position:absolute;
width: 100%;
height: 100%;
background: url(../bilder/werbemittel_screentext.gif) no-repeat;
}
/* 6. Impressum  */
body#impressum h2#screenheader span {
position:absolute;
width: 100%;
height: 100%;
background: url(../bilder/impressum_screentext.gif) no-repeat;
}
/* 7. Kontakt  */
body#kontakt h2#screenheader span {
position:absolute;
width: 100%;
height: 100%;
background: url(../bilder/kontakt_screentext.gif) no-repeat;
}
/* 8. Praemien  */
body#praemien h2#screenheader span {
position:absolute;
width: 100%;
height: 100%;
background: url(../bilder/praemien_screentext2.gif) no-repeat;
}
/* 9. AGB  */
body#agb h2#screenheader span {
position:absolute;
width: 100%;
height: 100%;
background: url(../bilder/agb_screentext.gif) no-repeat;
}
/* 10. Home  */
body#home h2#screenheader span {
position:absolute;
width: 100%;
height: 100%;
background: url(../bilder/home_screentext.gif) no-repeat;
}
/* 11. Aktuell  */
body#aktuell h2#screenheader span, body#aktuell2 h2#screenheader span, body#newsorder h2#screenheader span {
position:absolute;
width: 100%;
height: 100%;
background: url(../bilder/aktuell_screentext.gif) no-repeat;
}
/* 12. Team  */
body#team h2#screenheader span {
position:absolute;
width: 100%;
height: 100%;
background: url(../bilder/team_screentext.gif) no-repeat;
}
/* 13. Geschirr */
body#geschirr h2#screenheader span {
position:absolute;
width: 100%;
height: 100%;
background: url(../bilder/geschirr_screentext.gif) no-repeat;
}
/* 14. Franchise  */
body#franchise h2#screenheader span {
position:absolute;
width: 100%;
height: 100%;
background: url(../bilder/franchise_screentext.gif) no-repeat;
}
/* Ende Bildersetzung Screentext */
#fuss {
	width: 960px;
	height: 15px;
	clear: both;
	z-index: 1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	background-color: #f4f4f4;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	text-align: left;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
}
ul#hauptnavi {
margin:0px;
margin-top:20px;
padding:0px;
list-style-type:none;
}
ul#hauptnavi li {
margin-bottom:1px;
/* display:inline;  entfernt ggf. Lücken im IE Win */
}
ul#hauptnavi a {
font-size:10px;
color:#ffffff;
text-decoration:none;
display:block;
/* width:120px; */
height:14px;
line-height:14px;
text-indent:12px;
}
ul#hauptnavi a:hover {
background: #757575 url(../bilder/navihg.gif) no-repeat left center;
}
body#home ul#hauptnavi a.home {
background: #757575 url(../bilder/navihg.gif) no-repeat left center;
}
/* ACHTUNG: falls Markierung der übergeordneten Navi als aktiv gewünscht, muss dieser Eintrag auf alle body-IDs der Navi-Kat erweitert werden!  */
body#buerobedarf ul#hauptnavi a.buerobedarf, body#buerobedarf2 ul#hauptnavi a.buerobedarf, body#buerobedarf3 ul#hauptnavi a.buerobedarf {
background: #757575 url(../bilder/navihg.gif) no-repeat left center;
}
body#bueromoebel ul#hauptnavi a.bueromoebel {
background: #757575 url(../bilder/navihg.gif) no-repeat left center;
}
body#werbemittel ul#hauptnavi a.werbemittel, body#werbemittel2 ul#hauptnavi a.werbemittel {
background: #757575 url(../bilder/navihg.gif) no-repeat left center;
}
body#drucksachen ul#hauptnavi a.drucksachen, body#drucksachen2 ul#hauptnavi a.drucksachen {
background: #757575 url(../bilder/navihg.gif) no-repeat left center;
}
body#praemien ul#hauptnavi a.praemien {
background: #757575 url(../bilder/navihg.gif) no-repeat left center;
}
body#aktuell ul#hauptnavi a.aktuell, body#aktuell2 ul#hauptnavi a.aktuell {
background: #757575 url(../bilder/navihg.gif) no-repeat left center;
}
body#team ul#hauptnavi a.team {
background: #757575 url(../bilder/navihg.gif) no-repeat left center;
}
body#franchise ul#hauptnavi a.franchise {
background: #757575 url(../bilder/navihg.gif) no-repeat left center;
}
body#geschirr ul#hauptnavi a.geschirr {
background: #757575 url(../bilder/navihg.gif) no-repeat left center;
}
/* Unternavigation */
ul#hauptnavi ul {
margin:0px;
padding:0px;
}
/* Folgendes: Unterlisten default ausgeblendet  */
ul#hauptnavi ul li {
display:none;
}
ul#hauptnavi ul a {
font-size:10px;
color:#ffffff;
text-decoration:none;
display:block;
/* width:120px; */
height:14px;
line-height:14px;
text-indent:22px;
}
ul#hauptnavi ul a:hover {
background: #757575 url(../bilder/navihg2.gif) no-repeat left center;
}
/* folgendes für jede Seite mit Unternavi erforderlich,
erstes blendet li-Element der Unterseiten auf Haupt- und Unterseiten ein,
zweites kennzeichnet Hyperlink der aktiven Seite wie gewünscht 
  */
body#buerobedarf ul ul li.buerobedarf, body#buerobedarf2 ul ul li.buerobedarf,  body#buerobedarf3 ul ul li.buerobedarf {
display:block;
}
body#buerobedarf2 ul ul a#buerobedarfu2 {
background: #757575 url(../bilder/navihg2.gif) no-repeat left center;
}
body#buerobedarf3 ul ul a#buerobedarfu3 {
background: #757575 url(../bilder/navihg2.gif) no-repeat left center;
}
body#bueromoebel ul ul li.bueromoebel {
display:block;
}
body#drucksachen ul ul li.drucksachen, body#drucksachen2 ul ul li.drucksachen {
display:block;
}
body#drucksachen2 ul ul a#drucksachenu2 {
background: #757575 url(../bilder/navihg2.gif) no-repeat left center;
}
body#werbemittel ul ul li.werbemittel, body#werbemittel2 ul ul li.werbemittel {
display:block;
}
body#werbemittel2 ul ul a#werbemittelu2 {
background: #757575 url(../bilder/navihg2.gif) no-repeat left center;
}
body#aktuell ul ul li.aktuell, body#aktuell2 ul ul li.aktuell {
display:block;
}
body#aktuell2 ul ul a#aktuellu2 {
background: #757575 url(../bilder/navihg2.gif) no-repeat left center;
}
/* Ende Unternavigation  */
/*  Inhaltsbereich     */
div#texte {
padding-left:18px;
padding-right:18px;
position:relative;
}
div#infoanforderung {
position:absolute;
left: 360px;
top:145px;
width:350px;
height:20px;
}
div#texte div#infoanforderung a {
font-size:11px;
padding:2px;
border:1px solid #E02323;
text-decoration:none;
}
div#texte img {
padding:3px;
margin-top:5px;
margin-bottom:5px;
}
div#texte h1 {
margin-top:18px;
margin-bottom:18px;
font-size:16px;
font-weight:bold;
padding-left:3px;
}
div#texte p {
padding:3px;
width:600px;
line-height:12px;
}
div#texte h3 {
margin-top:14px;
margin-bottom:6px;
font-size:11px;
font-weight:bold;
padding-left:3px;
}
div#texte h4 {
margin-top:20px;
margin-bottom:12px;
font-size:12px;
font-weight:bold;
padding-left:3px;
}
div#texte h5 {
margin-top:14px;
margin-bottom:6px;
font-size:11px;
font-weight:bold;
padding-left:3px;
}
div#texte h6 {
margin-top:10px;
margin-bottom:6px;
font-size:10px;
font-weight:bold;
padding-left:3px;
}
div#texte ul {
margin-bottom:10px;
margin-left:20px;
line-height:12px;
padding:0px;
list-style-type:circle;
}
div#texte ul li {
margin-bottom:8px;
margin-left:20px;
}
div#texte ul ul {
margin-top:6px;
margin-left:14px;
line-height:10px;
padding:0px;
list-style-type:circle;
}
div#texte ul ul li {
margin-bottom:4px;
margin-left:20px;
}
div#texte div#topthema {
position:relative;
margin-top:20px;
margin-bottom:20px;

}
div#texte div#topthema h3 {
font-size:12px;
font-weight:bold;
padding:5px;
width:80%;
background-color:#ffffff;
color:#E02323;
border:2px solid #E02323;
}
ul.leistungen {
margin-bottom:10px;
margin-left:20px;
line-height:12px;
width:600px;
padding:0px;
list-style-type:circle;
}
ul.leistungen li {
margin-bottom:8px;
margin-left:20px;
}
ul.leistungen ul {
margin-top:6px;
margin-left:14px;
line-height:10px;
width:600px;
padding:0px;
list-style-type:circle;
}
ul.leistungen ul li {
margin-bottom:4px;
margin-left:20px;
}
/* Bereich für Angebote   */
div.bildangebot {
float:left;
margin-right:30px;
margin-bottom:40px;
margin-top:20px;
}
div#texte div.bildangebot h6 {
font-weight:normal;
}
/* dieses h3 als Trenner für einzelne Aktuell-Bereiche, zugleich Clear!!  */
div#texte h2.trenner {
clear:both;
width:99%;
background-color:#F4F4F4;
padding:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#757575;
}
/*  Ende Bereich Angebote    */
/* Bereich TEAM  */
div.mitarbeiter {
position:relative;
width:450px;
height:220px;
left:4px;
border-bottom:1px dotted #999999;
}
div.teambild {
position:absolute;
bottom: 10px;
left:0px;
}
div.teamtext {
position:absolute;
bottom:14px;
left:170px;
border-left: 1px solid #999999;
}
div.teamtext p {
line-height:18px;
}
.name {
font-size:12px;
}
.info {
font-style:italic;
}
.fett {
font-weight:bold;
}
div#angebote {
padding-left:18px;
padding-right:18px;
}
div#angebote h2 {
width:99%;
background-color:#F4F4F4;
padding:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#757575;
}
div#angebote p {
padding:3px;
line-height:12px;
}
div#angebote p.breit {
width:600px;
}
div#angebote h3 {
margin-top:14px;
margin-bottom:6px;
font-size:11px;
font-weight:bold;
padding-left:3px;
}
div#angebote h4 {
margin-top:20px;
margin-bottom:12px;
font-size:12px;
font-weight:bold;
padding-left:3px;
}
div#angebote h5 {
margin-top:14px;
margin-bottom:6px;
font-size:11px;
font-weight:bold;
padding-left:3px;
}
div#angebote h6 {
margin-top:10px;
margin-bottom:6px;
font-size:10px;
font-weight:bold;
padding-left:3px;
}
div#angebote h2.trenner {
clear:both;
width:99%;
background-color:#F4F4F4;
padding:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#757575;
}
div#angebote a.wichtig {
font-size:14px;
}
div#bindegeraet {
position:absolute;
top:290px;
right:110px;
width:250px;
height:250px;
text-align:center;
}
div#rosenthal {
position:absolute;
top:260px;
right:21px;
width:298px;
height:386px;
text-align:center;
}
/* Spaltensatz links, Textbereich: in Breite beschränkte Listen , z.B: für Bilder rechts   */
div#texte ul.links {
margin-bottom:10px;
margin-left:20px;
line-height:12px;
width:400px;
padding:0px;
list-style-type:circle;
}
div#texte ul.links ul {
margin-top:6px;
margin-left:14px;
line-height:10px;
padding:0px;
width:300px;
list-style-type:circle;
}
div#texte p.links {
width:400px;
padding:0px;
margin-left:4px;
}
/*  Ende  Spaltensatz */
/* HIGHLIGHTS  */
div#navi h3 {
margin:0px;
margin-top:14px;
font-size:10px;
font-weight:bold;
color:#ffffff;
background-color:#E02323;
text-indent:12px;
padding-top:2px;
padding-bottom:2px;
}
ul#highlights {
margin:0px;
margin-top:3px;
padding:0px;
list-style-type:none;
}
ul#highlights li {
margin-bottom:1px;
/* display:inline;  entfernt ggf. Lücken im IE Win */
}
ul#highlights a {
font-size:10px;
color:#ffffff;
text-decoration:none;
display:block;
/* width:120px; */
height:14px;
line-height:14px;
text-indent:12px;
}
ul#highlights a:hover{
background: #757575 url(../bilder/navihg.gif) no-repeat left center;
}
/* ENDE HIGHLIGHTS  */
/*Anpassungen Newsteaser */
body#home div#texte {
float:left;
width:550px;
padding-left:10px;
padding-right:10px;
}
body#home div#newstab {
float:right;
width:250px;
padding-left:2px;
}
div#texte h2, div#newstab h2 {
width:99%;
background-color:#F4F4F4;
padding:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#757575;
}
div#newstab h2 {
width:246px;
}
body#home div#texte h2 {
width: 546px;
}
body#home ul.leistungen {
margin-bottom:12px;
margin-left:115px;
line-height:10px;
width:400px;
padding:0px;
list-style-type:circle;
}
body#home ul.leistungen ul {
width:400px;
}
body#home div#texte p {
padding:3px;
width:530px;
line-height:12px;
}