/* 

 * @author: joachim.kliemann, phillipp.roell, simon.beckmann, benjamin.hemken
 */ 

* {
	margin: 0;
	padding: 0;
}
a {
	color: #000;
}

a:hover {
	color: #FFDE00;
}




a:focus {
	outline: none
}

a img {
	border: none;
}

/* GWR fuer Select/Option zuruecksetzen (Moz) */
select>option {
	padding: 0 5px 0 3px;
}

html,body {
	background-color: #fff;
}

body {
	font-size: 11px;
	font-family: verdana, sans-serif;
	color: #000;
	min-width: 820px;
	font-weight: normal;
	/* overflow-x: hidden; */
}

.fixedWidthWrap {
	width: 1000px;
}

h1 {
	margin: 0 0 .5em;
	font-size: 24px;
	color: #666;
	font-weight: normal;
}

h2 {
	margin: 0 0 .25em;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

h3 {
	color: #9A0000;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0pt 0pt 1em;
}

h4 {
	color: #666;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

p {
	line-height: 16px;
	color: #666;
}

.detailWrap h1,.detailFontsWrap h1 {
	font-size: 17px;
	font-weight: bold;
}


/* Hover-Effekt via Opacity-Filter
------------------------------------*/
.hoverbutton {
	opacity: 0.87;
	_\filter: Alpha(opacity =     87);
	margin: 0 0 0 10px;
	top: 7px;
}

.hoverbutton:hover {
	opacity: 1;
	_\filter: Alpha(opacity =     100);
}

.fontviewbutton {
	margin: 0 0 0 10px;
	opacity: 0.87;
	_\filter: Alpha(opacity =     87);
}

.fontviewbutton:hover {
	opacity: 1;
	_\filter: Alpha(opacity =     100);
}

/* ---------------------------------------------- */
/* -----------------  Seitenkopf  --------------- */
	/* ---------------------------------------------- */
#td-linkeSpalte {
	width: 0%;
}

#topWrap {
	color: #575757;
	overflow: hidden;
	height: 98px;
}

.slOffen #topWrap {
	width: 980px;
	/* width: 1160px; */
	position: relative;
	z-index: 1166;
}

.slGeschlossen #topWrap {
	width: 980px;
}

.startseiteBilder #topWrap {
	width: auto;
}

#metanavigation,
#mainnavigation,
#subnavigation{
	width:760px;
	font-size: 11px;
	line-height: 12px;
	height: 14px;
	text-align: center;
	color: #000;
}

#subnavigation,
#metanavigation {
	margin: 5px 0 10px 170px;
	width:730px;
}

#metanavigation a,
#subnavigation a { text-decoration: none;}
#metanavigation a:hover,
#subnavigation a:hover { color: #000; text-decoration: underline;}

#mainnavigation  {
	margin: 10px 0 10px 190px;
	height: 35px;
	list-style: none;
}

#mainnavigation li {
	float: left;
}

#mainnavigation li a {
	display: block;
	height: 35px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#mainnavigation li a i {
	display: block;
	text-indent: -3000px;
}

#mainnavigation li strong a,
#mainnavigation li a:hover,
#mainnavigation li a:active	{
	/* background-position: 0 -35px; */
}

/* #mainnavigation li a.btn1 {
	background-position: -122px 0;
    width: 88px;
	background-image: url(../img/btn/nav/btn_zoombilder.png);
}

#mainnavigation li a.btn2 {
	background-position: -210px 0;
    width: 160px;
	background-image: url(../img/btn/nav/btn_schriften.png);
}

#mainnavigation li a.btn3 {
	width: 76px;
	background-image: url(../img/btn/nav/btn_buecher.png);
}

#mainnavigation li a.btn4 {
	width: 108px;
	background-image: url(../img/btn/nav/btn_studio.png);
}

#mainnavigation li a.btn5 {
	width: 137px;
	background-image: url(../img/btn/nav/btn_corporatefont.png);
}

#mainnavigation li a.btn6 {
	width: 71px;
	background-image: url(../img/btn/nav/btn_typo.png);
} */


#mainnavigation li a.btn1 {
	background-position: -122px 0;
    width: 88px;
	background-image: url(../img/btn/nav/btn_all.png);
}

#mainnavigation li strong a.btn1,
#mainnavigation li a:hover.btn1,
#mainnavigation li a:active.btn1 {
	background-position: -122px -35px;
}

#mainnavigation li a.btn2 {
	background-position: -210px 0;
    width: 160px;
	background-image: url(../img/btn/nav/btn_all.png);
}

#mainnavigation li strong a.btn2,
#mainnavigation li a:hover.btn2,
#mainnavigation li a:active.btn2 {
	background-position: -210px -35px;
}

#mainnavigation li a.btn3 {
	background-position: -370px 0;
    width: 64px;
	background-image: url(../img/btn/nav/btn_all.png);
}

#mainnavigation li strong a.btn3,
#mainnavigation li a:hover.btn3,
#mainnavigation li a:active.btn3 {
	background-position: -370px -35px;
}

#mainnavigation li a.btn4 {
	background-position: -434px 0;
    width: 74px;
	background-image: url(../img/btn/nav/btn_all.png);
}

#mainnavigation li strong a.btn4,
#mainnavigation li a:hover.btn4,
#mainnavigation li a:active.btn4 {
	background-position: -434px -35px;
}

#mainnavigation li a.btn5 {
	background-position: -508px 0;
    width: 108px;
	background-image: url(../img/btn/nav/btn_all.png);
}

#mainnavigation li strong a.btn5,
#mainnavigation li a:hover.btn5,
#mainnavigation li a:active.btn5 {
	background-position: -508px -35px;
}

#mainnavigation li a.btn6 {
	background-position: -616px 0;
    width: 137px;
	background-image: url(../img/btn/nav/btn_all.png);
}

#mainnavigation li strong a.btn6,
#mainnavigation li a:hover.btn6,
#mainnavigation li a:active.btn6 {
	background-position: -616px -35px;
}

#mainnavigation li a.btn7 {
    background-position: -753px 0;
    width: 70px;
	background-image: url(../img/btn/nav/btn_all.png);
}

#mainnavigation li strong a.btn7,
#mainnavigation li a:hover.btn7,
#mainnavigation li a:active.btn7 {
    background-position: -753px -35px;

}

#topLogoWrap {
	height: 98px;
	float: left;
	width: 188px;
	background-color:white;
}

#topLogo {
	position: absolute;
	float: left;
	margin: 0px 20px;
}
#topLogo.topLogoSchriften { 
	margin: 0px 20px 0px 30px;
}

.bestellprozess #topLogoWrap,
.start #topLogoWrap {
	background-color: #fff;
	height: auto;
}

.slOffen #topLogo,
.slOffen #topLogoWrap {
	position: fixed;
}

.slGeschlossen #topLogo,
.slGeschlossen #topLogoWrap {
	position: absolute;
}

#teaserRechtsWrap {
	padding: 0 0 0 14px;
}

.teaserBox {
	background: #d5dad9;
	padding: 6px 0 6px 13px;
	margin: 0 0 13px 0;
	width: 170px;
}

.teaserBild div {
	float: left;
}

.teaserText {
	padding: 0 0 0 5px;
	margin: 0 0 0 80px;
}
#bestellprozessInhalt .teaserText {
	padding: 0px;
	margin: 0px;
}
.bgWeiterNav {
	margin: 0;
	padding: 0;
}

/* letztes Listenelement ohne border-right ()trifft f?r alle UL in #topNav zu): */
#topWrap li:last-child {
	border: none;
}




/* ---------------------------------------------- */
	/* ---------------  Seitenlayouts  -------------- */
	/* ---------------------------------------------- */
.hiddenClear {
	height: 1px;
	margin-top: -1px;
	border: none;
	visibility: hidden;
	clear: both;
}

.hiddenSpacer {
	height: 1px;
	margin: 0 !important;
	border: none;
	visibility: hidden;
	clear: both;
}

#mainColFonts,
#mainColStart,
#mainColNoTeaser,
#mainColDetail,
#mainColOther,
#mainColCarousel	{
	min-width: 790px;
	width: 960px;
	margin-left: 28px;
}

#mainColOther.mainColSpecialFonts #innerColOther {
	width:770px;
}

#mainColOther.mainColSpecialFonts #innerColOther #others {
	margin:0px;
}


#mainColShoppingCart {
	width: 840px;
}

.cartDeliveryCostHeader {
	color: #666;
	text-align: right;
	vertical-align: bottom;
	line-height: 18px;
	font-weight: normal;
	width: 92px;
}

.cartDeliverycostCell {
	color: #000;
	text-align: right;
	vertical-align: bottom;
	line-height: 18px;
	font-weight: bold;
	width: 68px;
}

#mainColOrder {
	width: 660px;
	margin-left: 198px;
}

.slGeschlossen #mainCol {
	margin-left: 28px;
	margin-right: 10px;
	min-width: 971px;
}

.slGeschlossen #mainCol.contentWide,
.slGeschlossen #mainColFonts,
.slGeschlossen #mainColFonts.contentWide,
.slGeschlossen #mainColStart,
.slGeschlossen #mainColNoTeaser,
.slGeschlossen #mainColDetail,
.slGeschlossen #mainColCarousel,
.slGeschlossen #mainColShoppingCart,
.slGeschlossen #mainColOther	{
	margin-left: 28px;
}

.slGeschlossen #mainColFonts {
		width: 960px;
}

.slOffen #mainCol {
	min-width: 971px;
	margin-right: 10px;
}
.slOffen #mainCol,
.slOffen #mainColFonts,
.slOffen #mainColStart,
.slOffen #mainColNoTeaser,
.slOffen #mainColDetail,
.slOffen #mainColCarousel,
.slOffen #mainColShoppingCart,
.slOffen #mainColOther,
.slOffen #mainColOrder	{
	margin-left: 198px;
}

.teaserFloat {
	float: right;
	margin-top: 10px;
	width: 170px;
}

#mainColShoppingCart .teaserFloat {
	float: right;
	margin-top: 0px;
}

.teaserFloatOther {
	float: right;
}

.teaserFloat.top {
	margin-top: 0px;
}

#mainCol .teaserFloat {
	margin-left: 10px;
}

.fontTeaserBox {
	margin-top: 10px;
}

#innerCol {
	margin-right: 10px;
	float: left;
	position: relative;
	min-width: 770px;
	width: auto;
}

#innerCol.celebrityFontbag {
	width: 780px;
}

#innerColCarousel {
	margin-right: 180px
}
#mainCol #innerColCarousel #suche {
	margin-right: 0px
}

#innerColCarousel .cdBeschreibung {
	width:170px;
	padding:0px;
}

.slGeschlossen #mainCol.contentWide,
.slGeschlossen #mainColFonts.contentWide,
.slOffen #mainCol.contentWide,
.slOffen #mainColFonts.contentWide{
	margin-right: 10px;
}

#innerColImages,
#innerColDetail,
#innerColOther {
	float: left;
	width: 770px;
	text-align: left;
	overflow: hidden;
}

.otherStartpage #innerColOther {
	width: 980px;
}

.myPreferencesNewsletter {
	margin-right: -14px;
	margin-top: 10px;
}
.myPreferencesNewsletteText{
	margin-left:80px;
	
}
/* ---------------------------------------------- */
	/* ------------------ BESTELLWEG ---------------- */
	/* ---------------------------------------------- */ /* Grundlayout */
#bestellprozessInhalt {
	width: 660px;
	margin-bottom: 20px;
}

/* Bestellweg Leiste */
.bestellprozess {
	height: 40px;
	margin: 0 0 30px 0;
}

#bestellprozess-success {
	padding-left: 5px;
	width: 660px;
}

#bestellprozess-success td {
	padding: 3px;
}

#bestellprozess-success td p {
	color: black;
}

/*
.bestellprozess.bp01c { background: #fff url(../img/btbg/bestellprozess_leiste_01c.png) 10px -10px no-repeat;}
.bestellprozess.bp01d { background: #fff url(../img/btbg/bestellprozess_leiste_01d.png) 10px -10px no-repeat;}
.bestellprozess.bp01e { background: #fff url(../img/btbg/bestellprozess_leiste_01e.png) 10px -10px no-repeat;}
.bestellprozess.bp01f { background: #fff url(../img/btbg/bestellprozess_leiste_01f.png) 10px -10px no-repeat;}
.bestellprozess.bp01g { background: #fff url(../img/btbg/bestellprozess_leiste_01g.png) 10px -10px no-repeat;}
.bestellprozess.bp01h { background: #fff url(../img/btbg/bestellprozess_leiste_01h.png) 10px -10px no-repeat;}
.bestellprozess.bp01i { background: #fff url(../img/btbg/bestellprozess_leiste_01i.png) 10px -10px no-repeat;}
*/
#prozessBar {
	margin: 0 auto;
	width: 540px;
}

#prozessBar li {
	float: left;
	list-style: none;
}

#prozessBar li input{
	border: none;
	outline: 0;
}

/* Typo */
#bestellprozessInhalt h2 {
	background: #fff url(../img/bg/bg_bestellprozess_box.png) top left repeat-x;
	padding: 5px 25px 5px;
	font-size: 12px;
	text-align: left;
	margin: 0;
	position: relative;
}

#bestellprozessInhalt h2.paymentHeadline {
	margin: 0 0 6px 0;
}

#bestellprozessInhalt h2 span {
	background: transparent url(../img/wk_pfeil_zu.gif) -18px 0 no-repeat;
	padding-left: 22px;
}

#bestellprozessInhalt h2 a.wkMin {
	position: absolute;
	right: 10px;
}

#bestellprozessInhalt h2.grauerHintergrund {
	background: #fff url(../img/btbg/bg_bestellprozess_box_grau.png) top left repeat-x;
}

#bestellprozessInhalt h3 {
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	padding: 10px 0 0px 25px;
	color: #000;
}

#bestellprozessInhalt h3 span {
	font-size: 11px;
	vertical-align: 2px;
	padding-left: 20px;
}

#bestellprozessInhalt h3.sub {
	padding: 10px 0 10px 25px;
}

#bestellprozessInhalt h3.sub2 {
	padding: 10px 0 10px 25px;
}

#bestellprozessInhalt p.h3Wrap {
	padding: 10px 0 0 25px;
	position: relative;
}

#bestellprozessInhalt .h3Zusatz {
	font-size: 11px;
	padding: 0 0 0 10px;
}

input.passwort {
	color:gray;
}

#registerform p.fehler,#bestellprozessInhalt input.daten,#registerform input
	{
	margin: 0 0 0 10px;
	padding: 3px;
	/*height: 16px;*/
	width: 220px;
	color: #999;
	font-family: verdana;
	font-size: 11px;
}

#bestellprozessInhalt input.splitted {
	margin: 0;
	padding: 3px;
	font-family: verdana;
	font-size: 11px;
}

#bestellprozessInhalt p.fehler {
	color: #CC0000;
	height: auto;
	padding: 0 0 0 9px;
}

#registerform p.fehler {
	height: auto;
	padding: 0;
}

#registerform .confirm p.fehler {
	height: auto;
	margin: 0;
	padding: 0;
}

#registerform dl.accordion-menu {
	margin-bottom: 0px;
}

#bestellprozessInhalt form,
.merkzettel form {
	font-size: 11px;
}

#bestellprozessInhalt form.paymentBox {
	/* border-bottom: 1px solid #ccc; */
	padding-bottom: 20px;
}

#bestellprozessInhalt label {
	font-size: 11px;
	/* font-weight: bold; */
	color: #606060;
}

#bestellprozessInhalt p.agb label {
	font-size: 11px;
	font-weight: normal;
	color: #606060;
}

#bestellprozessInhalt input,
#bestellprozessInhalt img {
	vertical-align: middle;
	color: #000;
	font-family: verdana;
}

#bestellprozessInhalt .agb input {
	vertical-align: -2px;
}

#bestellprozessInhalt div.validationError {
	color: red;
	font-size: 11px;
	font-weight: normal;
	display: none;
}

#bestellprozessInhalt .validationFailed div.validationError {
	display: block;
}

.data input.uncool,
#addressLayer input.uncool,
#addressContainer input.uncool,
#bestellprozessInhalt input.uncool {
	background-color: #FFCCCC;
	border: 1px solid #AAAAAA;
}

/* buttons */
img.weiter,
input.weiter,
input.anmelden,
input.abbrechen,
input.zurueck,
input.speichern,
.zurkasse,
input.abschicken,
input.abschicken,
input.drucken,
input.download {
	width: auto !important;
	height: auto !important;
	border: none !important;
	cursor: pointer;
	outline: 0;
}
.ccweiter{
	background-image:url(../img/btbg/bt_bestellprozess_abschicken.png);
	border:0;
	cursor:pointer;
	width:195px;
	height:21px;
	text-indent:-9999px;
	display:block;
	}
img.abbrechen, img.ok {
	cursor: pointer;
}

.zurkasseInaktiv, .zurkasseInaktivNoLayer {
	width: auto !important;
	height: auto !important;
	border: none !important;
	cursor: default;
}

#bestellprozessInhalt #creditcardForm input.speichern,
#bestellprozessInhalt #bankForm input.speichern {
	float: right;
	margin-top: 10px;
	outline: 0;
}

/* --------- Hidden Address Layer ---------- */
#adressbuchlayer {
	border: 1px solid #ccc;
	z-index: 100;
	margin-left:-100px;
}

#adressbuchlayerPoint {
	position: relative;
	visibility: hidden;
}

/* --------- Hidden brochure layer --------- */

#orderProductsLayer .bd .orderProductsBody {
	height:450px;
}

#orderProductsLayer .orderProductsBody table td {
	padding:3px;
}

#orderProductsLayer .ft {
	text-align:left;
	padding:0 0 0 10px;
}

#orderProductsLayer .bd td.email-input input {
	width:303px;
}

/* ------------------ Login ---------------- */
#bestellprozessInhalt p.teasertext {
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	padding: 10px 0;
}

#bestellprozessInhalt div.loginbox {
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	height: 95px;
}

#bestellprozessInhalt form.loginbox input#password,#bestellprozessInhalt form.loginbox  input#email
	{
	margin: 0 10px;
	padding: 3px;
	width: 140px;
}

#bestellprozessInhalt form.loginbox p {
	width: 250px;
	text-align: left;
	float: left;
	margin: 20px 0;
}

#bestellprozessInhalt form.loginbox .loginsubmit {
	width: 160px;
	text-align: right;
	float: right
}

#bestellprozessInhalt form.loginbox p.logintext {
	width: 475px;
	padding: 0 0 25px 25px;
}

#bestellprozessInhalt a.forgotpassword {
	margin-left: 66px;
	color: #999;
}

.loginbox .right span.forgotpassword {
	cursor:pointer;
	text-decoration:underline;
}

#bestellprozessInhalt div.loginbox p {
	width: 250px;
	text-align: left;
	float: left;
	margin: 20px 0;
}

#bestellprozessInhalt div.loginbox .loginsubmit {
	width: 160px;
	text-align: right;
	float: right
}

#bestellprozessInhalt div.loginbox p.logintext {
	width: 475px;
	padding: 0 0 25px 25px;
}

/* ------------------ Registrierung ---------------- */
#registerform table {
	margin: 0px 0px 20px;
}

#registerform table.leftAddress {
	float: left;
	margin-bottom: 20px;
	margin-right:8px;
	width:320px;
}
#registerform table.leftAddress {
}

#registerform table.leftAddress th {
	width:100px !important;
}

#registerform label {
	float: none;
	display: inline;
	white-space: nowrap;
	line-height: 16px;
}

#registerform th {
	width: 86px;
	vertical-align: baseline;
	padding-top: 2px;
}

#registerform .extratable th {
	width:auto;
}

#registerform .extratable th.newsletterHeadline {
	color: #606060;
	padding: 15px 0 8px 0;
	text-align: left;
}

#registerform .extratable th.newsletterHeadline span {
	font-size: 10px;
}

#registerform th.titel {
	width: 38px;
}

#registerform td {
	padding-bottom: 5px;
}

#registerform td.newsletter {
	width: 115px;
	padding: 0 0 0 35px;
	text-align: left;
}

#bestellprozessInhalt #registerform select {
	height: 21px;
	margin: 0 0 0 10px;
	padding: 1px;
	width: 222px;
}
#bestellprozessInhalt #creditcardVisaForm select,
#bestellprozessInhalt #creditcardAmexForm select,
#bestellprozessInhalt #creditcardMasterForm select,
#bestellprozessInhalt #creditcardDinersForm select,
#bestellprozessInhalt #creditcardForm select {
	height: 21px;
	margin: 0 0 0 10px;
	padding: 1px;
	width: 207px;
}

#bestellprozessInhalt #creditcardVisaForm select.gueltigkeit,
#bestellprozessInhalt #creditcardAmexForm select.gueltigkeit,
#bestellprozessInhalt #creditcardMasterForm select.gueltigkeit,
#bestellprozessInhalt #creditcardDinersForm select.gueltigkeit,
#bestellprozessInhalt #creditcardForm select.gueltigkeit {
	height: 21x;
	margin: 0 0 0 10px;
	padding: 1px;
	width: 60px;
}

#registerform label.anrede {

}

#registerform label.firma {

}

#registerform label.abteilung {

}

#registerform label.anrede {

}

#registerform label.titel {
	width: 30px;
}

#registerform label.vorname {

}

#registerform label.nachname {

}

#registerform label.strasse {

}

#registerform label.nr {
	width: 20px;
	margin-left: 10px;
}

#registerform label.adresszusatz {
	width: 87px;
}

#registerform label.plz {

}

#registerform label.ort {
	margin-left: 8px
}

#registerform label.land {
	/*width: 212px;*/
}

#registerform label.internenr {
	width: 200px;
}

#registerform input {
	width: 212px;
}

#bestellprozessInhalt input.fehler,#registerform input.fehler {
	background: #FFDDDD none repeat scroll 0% 50%;
	border: 1px solid #CC0000;
	color: #CC0000;
}

#registerform input.anrede {
	width: 130px;
}

#registerform input.anrede {
	width: 130px;
}

#registerform input.firma {

}

#registerform input.abteilung {

}

#registerform input.anrede {
	width: 78px;
}

#registerform input.titel {
	width: 78px;
}

#registerform input.vorname {

}

#registerform input.nachname {

}

#registerform input.strasse {

}

#registerform input.nr {
	width: 22px;
}

#registerform input.adresszusatz {

}

#registerform input.plz {
	width: 50px;
}

#registerform input.ort {
	width: 98px;
}

#registerform input.deliveryAddress {
	width: 13px;
}

#registerform input.internenr {
	width: 149px;
}

#registerform input.kundennr {
	width: 149px;
}

#registerform input.newsletter {
	width: 14px;
}
#registerform .newsletterLabel {
	
}

#registerform input.confirm {
	width: 20px;
	vertical-align: super;
}

#registerform table.confirm th {
	vertical-align: top;
	padding-right: 5px;
}

#bestellprozessInhalt dt.a-m-t {
	border-width: 1px 0px 0px 0px;
	background: transparent url(../img/bg/bg_arrow_toggle.gif) no-repeat;
	background-position: 0px -3px;
}

#bestellprozessInhalt dt.noArrow {
	background: none !important;
}

#bestellprozessInhalt dt.lieferArt {
	border-width: 1px 0px 0px 0px;
	background: none;
}

#bestellprozessInhalt #my-dt-4 {
	background: none;
}

#bestellprozessInhalt #my-dt-1.a-m-t.a-m-t-expand,
#bestellprozessInhalt #my-dt-2.a-m-t.a-m-t-expand {
	background-position: 0px -42px;
}

#bestellprozessInhalt dd.a-m-d {
	background: none;
	border: none;
	border-top: 1px solid #ccc;
}

#bestellprozessInhalt #registerform dd.a-m-d {
	background: none;
	border: none;
}

#registerform dt.a-m-t {
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	padding: 5px 0 0 25px;
	color: #000;
	margin-bottom: 20px;
	width: 570px;
	cursor: default;
}

#registerform dt.a-m-t em {
	font-size: 11px;
	font-style: normal;
	padding: 0 0 0 10px;
}

#bestellprozessInhalt th.zweizeilig,
#bestellprozessInhalt td.zweizeilig {
	padding: 3px 0 0 0;
	vertical-align: top;
}

#bestellprozessInhalt label.kartenbesitzer,
#bestellprozessInhalt label.login {
	padding: 0px;
}

#bestellprozessInhalt input.daten {
	margin: 0 0 0 10px;
	padding: 3px 0 0 3px;
	height: 16px;
	width: 200px;
	color: #000;
	font-family: verdana;
	font-size: 11px;
}

#bestellprozessInhalt input.leer {
	color: #606060;
}

#bestellprozessInhalt input.gutscheincode {
	margin: 0;
	padding: 3px 0 0 3px;
	height: 18px;
	width: 150px;
	color: #333;
	font-family: verdana;
	font-size: 11px;
}

#bestellprozessInhalt input.daten-plz {
	margin: 0 0 0 10px;
	padding: 3px 0 0 3px;
	height: 18px;
	width: 57px;
	color: #333;
	font-family: verdana;
	font-size: 11px;
}

#bestellprozessInhalt input.daten-ort {
	margin: 0 0 0 0;
	padding: 3px 0 0 3px;
	height: 18px;
	width: 92px;
	color: #333;
	font-family: verdana;
	font-size: 11px;
}

#bestellprozessInhalt input.nummern {
	margin: 0 0 0 10px;
	padding: 3px 0 0 3px;
	height: 18px;
	width: 100px;
	color: #333;
	font-family: verdana;
	font-size: 11px;
}

#bestellprozessInhalt input.kartennummer {
	margin: 0 0 0 10px;
	height: 16px;
	width: 200px;
	font-family: verdana;
	font-size: 11px;
	margin: 0 4px 0 0;
	padding: 3px 0 0 3px;
	color: #333;
	font-family: verdana;
}

#bestellprozessInhalt td.kartennummer {
	padding: 0 0 0 10px;
	width: 220px;
}

#bestellprozessInhalt select.gueltigkeit {
	width: 90px;
}

#bestellprozessInhalt .bestellbox {
	width: 475px;
	text-align: left;
	padding: 0 0 0 25px;
}

.bestellbox-Daten {
	width: 300px;
	text-align: left;
	float: left;
	margin: 0 0 6px 0;
}

.bestellbox-DatenRechts {
	width: 320px;
	text-align: left;
	float: right;
	margin: 0 0 6px 0;
}

#bestellprozessInhalt hr {
	margin: 20px 0 0 0;
	clear: both;
}

#bestellprozessInhalt hr.subline {
	border: none 0;
	border-top: 1px solid #ccc; /*the border*/
	width: 100%;
	height: 1px;
	clear: left;
	text-align: left;
	margin: 10px 0 10px 0;
}

#bestellprozessInhalt hr.invisible {
	border: none 0;
	border-top: 0px solid #fff; /*the border*/
	width: 100%;
	height: 0px;
	clear: left;
	text-align: left;
	margin: 20px 0 20px 0;
}

#bestellprozessInhalt #registerform hr.subline {
	margin: 0px 0 0px 0;
}

#bestellprozessInhalt td.paginationleft {
	text-align: left;
	width: 150px;
}

#bestellprozessInhalt td.paginationmiddle {
	text-align: center;
	width: 500px;
	padding-left:20px;
}

#bestellprozessInhalt td.paginationright {
	text-align: right;
	width: 230px;
}

#bestellprozessInhalt td.paginationright.text {
	text-align: left;
	width: 260px;
	color: #666666;
}

table.pagination {
	clear: both;
}


/* Submit, cancel and back buttons ordered with floats */
div.pagination {
	padding: 15px 3px 15px 0;
}
div.pagination div {
	float:left;
}
.pagination div.paginationleft {
	padding-right: 140px;
}
.pagination div.paginationmiddle {
}
.pagination div.paginationright {
	float:right;
}



.ausadressbuch {
	text-align: left;
	padding: 0 0 0 10px;
	color: #999;
}

.ausadressbuch a {
	color: #999;
}

#bestellprozessInhalt select {
	height: 19px;
	margin: 0 0 0 0px;
	width: 180px;
	color: #333;
	font-family: verdana;
	font-size: 11px;	
}

#registerform .lieferadresseCheckbox {
	float: left;
	width: 34px;
	margin: 5px 0pt 0pt 25px;
}

#registerform select {
	color: #000;
}

#bestellprozessInhalt p.hinweis,#bestellprozessInhalt p.datenBoxKlein,#bestellprozessInhalt div.datenBoxKlein {
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #ccc;
	color: #000;
	margin: 20px 0 30px 0;
	padding: 5px;
}

#bestellprozessInhalt p.datenBoxKlein, #bestellprozessInhalt div.datenBoxKlein {
	clear: left;
	overflow: hidden;
	padding: 20px 25px 20px 4px;
}

#bestellprozessInhalt p.datenBoxKleinTop, #bestellprozessInhalt div.datenBoxKleinTop {
	border-bottom: solid 1px #ccc;
	color: #000;
	clear: both;
}

#bestellprozessInhalt div.datenBoxKleinLeft,
#bestellprozessInhalt p.datenBoxKleinLeft {
	padding: 0px 0px 0px 6px !important;
}

#bestellprozessInhalt p.datenBoxKleinLeft table.datenBoxTeil {
	margin-bottom: 7px !important;
}

#bestellprozessInhalt p.datenBoxKleinOverview,
#bestellprozessInhalt div.datenBoxKleinOverview {
	clear: left;
	overflow: hidden;
	padding: 0px;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	color: #000;
	float:left;
	width:100%;
}
 
#bestellprozessInhalt dt input {
	float: left;
	margin: 4px 10px 0 5px;
}

#bestellprozessInhalt dt label {
	font-size: 14px;
	line-height: 20px;
	color: #000;
}

#bestellprozessInhalt span.delivery {
	font-size: 11px;
}

#bestellprozessInhalt .merkzettelContent input,
#bestellprozessInhalt .merkzettelTitel input{
	border: none;
}

#bestellprozessInhalt .inneruebersichtBoxContentSuccess td.artikelbild img{
	margin-top: 10px;
	cursor: pointer;
}

#bestellprozessInhalt .bestelluebersicht,
#bestellprozessInhalt .uebersichtBoxGrau,
#bestellprozessInhalt .warenkorb,
#bestellprozessInhalt .merkzettel{
	padding: 7px 0 0 0;
	background: #fff url(../img/ordering_process/uebersichtBoxTop.gif) top left no-repeat;
	border-bottom: solid 3px #F9CE06;
	margin-bottom: 20px;
}

#bestellprozessInhalt #maxWarenkorb {
	margin:0px;
}

#bestellprozessInhalt .shoppingcartbox {
	margin-bottom:40px;
}

#bestellprozessInhalt .warenkorb {
	background: #fff url(../img/ordering_process/uebersichtBoxTopGelb.gif) top left no-repeat;
}

#bestellprozessInhalt .uebersichtBox {
	background: #fff url(../img/ordering_process/uebersichtBoxTopWeiss.png) top left no-repeat;
}

#bestellprozessInhalt .inneruebersichtBoxContent {
	padding: 25px;
	background: #fff url(../img/ordering_process/uebersichtBoxBodyWeiss.png) top left repeat-y;
}

#bestellprozessInhalt .warenkorbFooter {
	height: 15px;
	background: #fff url(../img/ordering_process/uebersichtBoxFooterWeiss.png) top left repeat-y;
}

#bestellprozessInhalt .warenkorbFooter span {
	margin-left: 50px;
}

#bestellprozessInhalt #lizenzlayer_c {
	left: auto !important;
	margin-left: 85px;
	top: 100px;
}

#bestellprozessInhalt .merkzettel {
	background: #fff url(../img/ordering_process/bg_ml_top.gif) top left no-repeat;
	border-bottom: solid 3px #000;
}

#bestellprozessInhalt .uebersichtBox {
	padding-top: 5px;
}

#bestellprozessInhalt .uebersichtBoxGrau {
	background: #fff url(../img/ordering_process/uebersichtBoxTopGrau.gif) top left no-repeat;
	border-bottom: solid 3px #D9D9D9;
}

#bestellprozessInhalt .inneruebersichtBoxContentWarenkorb,
#bestellprozessInhalt .inneruebersichtBoxContentGrau,
#bestellprozessInhalt .inneruebersichtBoxContentSmaller,
#bestellprozessInhalt .inneruebersichtBoxContentSmallerWarenkorb{
	padding: 10px 25px;
	overflow: hidden;
	background: #fff url(../img/ordering_process/uebersichtBoxBodyGelb.gif) top left repeat-y;
}

#bestellprozessInhalt .inneruebersichtBoxContentSuccess {
	padding: 10px 25px;
	overflow: hidden;
	background: #fff url(../img/ordering_process/uebersichtBoxBody.png) top left repeat-y;
}

#bestellprozessInhalt .inneruebersichtBoxContentSuccess .artikelname {
	width: 150px;
	margin-right: 20px;
}

#bestellprozessInhalt .merkzettelContent {
	background: #fff url(../img/ordering_process/bg_ml_middle.gif) top left repeat-y;
	overflow: hidden;
	padding: 1px 10px 10px 10px;
	zoom: 1;
}

#bestellprozessInhalt .inneruebersichtBoxContentWarenkorb {
	background: #fff url(../img/ordering_process/uebersichtBoxBodyGelb.gif) top left repeat-y;
}

#bestellprozessInhalt .inneruebersichtBoxContentGrau {
	background: #fff url(../img/ordering_process/uebersichtBoxBodyGrau.gif) top left repeat-y;
}

#bestellprozessInhalt .inneruebersichtBoxContent h4 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 5px;
}

#bestellprozessInhalt .inneruebersichtBoxContent table,
#bestellprozessInhalt .inneruebersichtBoxContentSuccess table,
#bestellprozessInhalt .inneruebersichtBoxContentGrau table{
	margin-top: 5px;
	width: 742px;
	font-size: 11px;
}

#bestellprozessInhalt .inneruebersichtBoxContentSuccess table {
	margin-top: 5px;
	width: 615px;
	font-size: 11px;
}

#bestellprozessInhalt .warenkorbFooter {
	height: 15px;
	background: #fff url(../img/ordering_process/uebersichtBoxFooterGelb.gif) top left repeat-y;
}

#bestellprozessInhalt .uebersichtBox .warenkorbFooter {
	height: 15px;
	background: #fff url(../img/ordering_process/uebersichtBoxFooterWeiss.png) top left repeat-y;
}

#bestellprozessInhalt .warenkorbFooterSuccess {
	height: 15px;
	background: #fff url(../img/ordering_process/uebersichtBoxFooter.gif) top left repeat-y;
}

#bestellprozessInhalt p sub {
	clear: both;
	display: block;
}

#bestellprozessInhalt .merkzettelFooter {
	overflow: hidden;
	background: #fff url(../img/ordering_process/bg_ml_bottom.gif) bottom left repeat-y;
}

#bestellprozessInhalt td.artikeltext {
	vertical-align: top;
	width: 245px;
}

#maxWarenkorb p.warenkorbhinweis,
#maxWarenkorb td.warenkorbhinweis {
	text-align: left;
	width: 332px;
	margin: 25px 0px;
	color: #000;
}

#maxWarenkorb p.warenkorbhinweis h5,
#maxWarenkorb td.warenkorbhinweis h5 {
	background: transparent url(../img/ordering_process/bg_yellowbox_top.png) no-repeat top left;
	font-size: 11px;
	padding: 4px 5px;
	text-align: left;
	width: 332px
}

#maxWarenkorb p.warenkorbhinweis p,
#maxWarenkorb td.warenkorbhinweis p {
	background: transparent url(../img/ordering_process/bg_yellowbox_bottom.png) no-repeat bottom left;
	font-size: 11px;
	margin-bottom: 15px;
	padding: 0 5px 4px;
	text-align: left;
	width: 332px
}


#bestellprozessInhalt .uebersichtBox .gutschein,
#bestellprozessInhalt .uebersichtBox .anmerkungen{
	clear: left;
	float: left;
	width: 330px;
	margin-bottom: 10px;
}

#bestellprozessInhalt .uebersichtBox .anmerkungen textarea{
	font: 12px verdana,sans-serif;
	padding: 3px;
}

#bestellprozessInhalt .uebersichtBox .gutschein a.couponCodeLink {
 color: #666;
}

#maxWarenkorb p.agb {
	float: left;
	width: 388px;
	padding-right: 20px;
}

#maxWarenkorb p.agb #agb-error {
	color:#FF0000;
}

.errorShoppingCart {
	color: #FF0000;
	clear: left;
}

#maxWarenkorb .errorImage {
	margin: 0 0 1px 0;
}

#maxWarenkorb table.direktbestellung {
	background: transparent url(../img/bg/bg_orderprocess_vertical.png) top right no-repeat;
	float: left;
	width: 403px;
	margin-bottom: 15px;
}
#maxWarenkorb table .dright {
	width:50px;
}

#maxWarenkorb table.gesamtpreis {
	margin-top: 10px;
	float:right;
}
#maxWarenkorb table.gesamtpreis td {
	white-space:no-wrap;
}

#maxWarenkorb table.gesamtpreis th {
	padding-right: 10px;
}

#bestellprozessInhalt .uebersichtBox  table.gesamtpreis {
	margin: 0px;
	width: 278px;
}

#bestellprozessInhalt .uebersichtBox  table.gesamtpreis th,
#maxWarenkorb table.gesamtpreis th {
	color: #666;
	text-align: right;
	vertical-align: bottom;
	line-height: 18px;
	font-weight: normal;
	width: 92px;
}

#bestellprozessInhalt .uebersichtBox  table.gesamtpreis td,
#maxWarenkorb table.gesamtpreis td {
	width: 80px;
	text-align: right;
	vertical-align: bottom;
	line-height: 18px;
	font-weight: bold;
	white-space: nowrap;
}

#bestellprozessInhalt .inneruebersichtBoxContentGrau h4,
#bestellprozessInhalt .inneruebersichtBoxContentSmaller h4 {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 15px 0;
}

#bestellprozessInhalt table.payment {
	width: 660px;
	margin: 10px 0 10px 0;
}

#bestellprozessInhalt table.payment th,
#bestellprozessInhalt table.payment td {
	vertical-align: top;
}

#bestellprozessInhalt table.payment th {
	vertical-align: top;
	padding: 4px 10px 0 0;
}

#bestellprozessInhalt #bankForm table.payment th {
	padding: 5px 10px 0 0;
}

#bestellprozessInhalt #bankData table.payment th,
#bestellprozessInhalt #bankData table.payment td {
	vertical-align: top;
	padding: 5px 10px 0 0;
	width: 120px;
}

#bestellprozessInhalt #bankData table.payment th {
	width: 90px;
	padding: 5px 0 0 7px;
}

#bestellprozessInhalt #creditcardForm table.payment th,
#bestellprozessInhalt #creditcardForm table.payment td {
	vertical-align: top;
}

#bestellprozessInhalt #creditcardForm table.payment th {
	padding: 4px 10px 0 0;
}

#bestellprozessInhalt #creditcardVisaData table.payment th,
#bestellprozessInhalt #creditcardVisaData table.payment td,
#bestellprozessInhalt #creditcardAmexData table.payment th,
#bestellprozessInhalt #creditcardAmexData table.payment td,
#bestellprozessInhalt #creditcardDinersData table.payment th,
#bestellprozessInhalt #creditcardDinersData table.payment td,
#bestellprozessInhalt #creditcardMasterData table.payment th,
#bestellprozessInhalt #creditcardMasterData table.payment td, 
#bestellprozessInhalt #creditcardData table.payment th,
#bestellprozessInhalt #creditcardData table.payment td {
	padding: 6px 10px 0 0;
}

#bestellprozessInhalt #creditcardData table.payment td#ccardOwnerVisible,
#bestellprozessInhalt #creditcardVisaData table.payment td#ccardOwnerVisible,
#bestellprozessInhalt #creditcardAmexData table.payment td#ccardOwnerVisible,
#bestellprozessInhalt #creditcardDinersData table.payment td#ccardOwnerVisible,
#bestellprozessInhalt #creditcardMasterData table.payment td#ccardOwnerVisible {
	padding-top: 6px;
	vertical-align: top;
}



#bestellprozessInhalt th {
	text-align: right;
}

#bestellprozessInhalt td.artikelbild {
	vertical-align: top;
	width: 62px;
	padding: 3px 10px 0 0;
}

#bestellprozessInhalt td.artikelbild img {
	max-width: 60px;
}

#bestellprozessInhalt td.artikelbild img.thumb,
#bestellprozessInhalt td.artikelbild img.infoLink{
	cursor: pointer;
}

#bestellprozessInhalt .icon {
	float: right;
	margin-left: 10px;
}

/* erweiterte Merliste - extended Notepad - Rahmen
------------------------------------------*/
#mainColShoppingCart.extendedNotepadWrapper #footer {
	width: 660px;	
}
#bestellprozessInhalt .merkzettelTitel label {
	color: #ccc;
}

#bestellprozessInhalt .merkzettelTitel form.currentNotepad {
	margin: 5px 0;
}

#bestellprozessInhalt .merkzettelTitel {
	background: #000 url(../img/ordering_process/bg_ml_header.gif) top left repeat-x;
	color: #ccc;
	font-size: 14px;
	height: 46px;
	margin: 1px 0 0 0;
	padding: 7px 5px 0 10px;
	position: relative;
	text-align: left;
}

#bestellprozessInhalt .merkzettelTitel .editable {
	background: transparent url(../img/ordering_process/icon_ml_merkliste.gif) no-repeat scroll 0%;
	color: #ccc;
	padding: 0px 0px 0px 20px;
}

#bestellprozessInhalt .merkzettelTitel strong,
#bestellprozessInhalt .merkzettelTitel span {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

#bestellprozessInhalt .merkzettelTitel select,
#bestellprozessInhalt .merkzettelContent select {
	color: #000;
	font-family: verdana;
	font-size: 11px;
	height: 19px;
	margin: 0;
	padding: 0;
	width: 140px;	
}

#bestellprozessInhalt .merkzettelTitel .sendNotepad {
	color: #fff;
	font-size: 11px;
	position: absolute;
	right: 7px;
	text-decoration: none;
	top: 32px;
}


#bestellprozessInhalt .merkzettelContent .allEntries label {
	margin: 0 11px 0 0;
}

#bestellprozessInhalt .merkzettelContent hr.subline {
	margin: 5px 0;
}
#bestellprozessInhalt .merkzettelContent .sammelfunktion select,
#bestellprozessInhalt .merkzettelTitel .sammelfunktion select {
	width: 200px;
}

#bestellprozessInhalt .merkzettelContent .sorting select {
	width: 120px;
}

#bestellprozessInhalt .merkzettelContent .sammelfunktion input, 
#bestellprozessInhalt .merkzettelContent .sammelfunktion img,
#bestellprozessInhalt .merkzettelTitel .sammelfunktion input, 
#bestellprozessInhalt .merkzettelTitel .sammelfunktion img {
	color:#000000;
	font-family:verdana;
	vertical-align:bottom;
}

#bestellprozessInhalt .merkzettelContent p.ansicht {
	color: #606060;
	margin: 1px 13px 0 0;
}

/* erweiterte Merliste - extended Notepad - Rahmen
------------------------------------------*/

.bestelluebersicht td.artikelbild,.bestelluebersicht td.artikelname {
	width: 400px;
	padding: 0 40px 0 0;
}

/* Bestellprozess - Zahlungsart
----------------------------------------*/
#creditcardForm {
	display: none;
}

#bankForm {
	display: none;
}

#bestellprozessInhalt p.fehler { 
	clear: left;
}

#bestellprozessInhalt p.error {
	padding: 20px;
	text-align: center;
	white-space: nowrap;
	clear: left;
}

#bestellprozessInhalt p.fehlerExpand {
	display: block;
}
/* Hack for Safari*/
input.zahlungsart {	
 	position:relative;	
	_position:static;
}



/* grosser Warenkorb
----------------------------------------*/
#maxWarenkorb,#maxWarenkorb table {
	font-size: 11px;
}

#maxWarenkorb td.artikelbild {
	text-align: center;
	width: 90px;
	padding: 0px 10px 0 0;
	cursor: pointer;
}

#maxWarenkorb td.artikelname {
	width: 300px;
	vertical-align: top;
}

#maxWarenkorb input.agb {
	float: left;
	margin: 3px 10px 10px 0px;
	border: none;
}

#maxWarenkorb td.trash {
	width: 11px;
	padding: 2px 0px 0px 8px;
	vertical-align: top;
}

#maxWarenkorb td.artikelname a,
#uebersichtBoxId td.artikelname a  {
	text-decoration: none;
}

#maxWarenkorb td.artikelname a:hover,
#uebersichtBoxId td.artikelname a:hover  {
	color: #000;
	text-decoration: none;
}

#maxWarenkorb td.artikelname a strong,
#uebersichtBoxId td.artikelname a strong,
#uebersichtBoxId td.artikelname strong  {
	font-size: 14px;
	color: #cc0000;
}

#maxWarenkorb td.einzelpreis {
	width: 100px;
	vertical-align: top;
	color: #666;
	line-height: 18px;
	text-align: right;
	white-space:nowrap;
}

#maxWarenkorb td.gesamtpreis {
	font-weight: bold;
	width: 90px;
	vertical-align: top;
	text-align: right;
	line-height: 18px;
}

#maxWarenkorb hr.subline {
	border-color: #999;
}

#maxWarenkorb select.aufloesung {
	width: 180px;
	margin: 5px 0px;
	padding: 1px;
	height:auto;
}

#maxWarenkorb input.anzahl {
	padding: 2px 0px 5px 3px;
	width: 25px;
	text-align: center;
	verical-align: top;
}

#maxWarenkorb .selectError {
	vertical-align: middle;
}
#maxWarenkorb .forSel {
	margin-top:-4px;
}

.linkWrapper {
	position: relative;
}

#bestellprozessInhalt .inneruebersichtBoxContent table.articleOverview,
#bestellprozessInhalt .inneruebersichtBoxContent table.articleOverviewEdit {
	border-collapse: collapse;
	margin-top: 0;
}

.articleOverview {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	margin: 11px 0 12px -10px;
	width: 632px !important;
}

.articleOverviewEdit {
	background-color: #f0f0f0;
	border-top: 10px solid #f0f0f0;
	border-bottom: 10px solid #f0f0f0;
	border-left: 10px solid #f0f0f0;
	margin: 11px 0 3px -10px;
	/*width: 752px !important;*/
	width: 632px !important;
}

.articleOverviewEdit .artikeltext {
	border-bottom: 2px solid #f0f0f0;
}

.produktAendern {
	position: absolute;
	width: 30px;
	left: 655px;
	top: 14px;
}

.produktAendernWide {
	position: absolute;
	width: 100px;
	left: 655px;
	top: 14px;
}

.produktAendernWide .produktAendernButton {
	border-right: 1px solid gray;
	margin-right: 5px;
	padding-right: 5px;
	color:#666666;
}

.produktAendernButtonAbbrechen {
	color: #666;
}

#bestellprozessInhalt table.datenBoxTeil {
	width: 330px;
	float: left;
	margin-bottom: 20px;
	white-space: nowrap;
	line-height: 18px;
	font-size: 11px;
	position: relative;
}

#bestellprozessInhalt table.datenBoxTeil label {
	color: #999;
	font-weight: normal;
}

#suchlayer {
	background: #FFF url(../img/ordering_process/lizenzlayer_bg.gif) repeat-x scroll top;
	border: 1px solid #ccc;
	z-index: 100;
	position: absolute;
	padding: 10px 0px;
	margin-bottom: 10px;
	left: 80px;
	top: 3px;
	height:100px;
}
/*
#lizenzlayer .bd,  xxxxx:-moz-any-link {
	position:absolute;
	height:400px;
}
set in js code for FF2 only
*/

#lizenzlayer {
	background: #FFF url(../img/ordering_process/lizenzlayer_bg.gif) repeat-x scroll top;
	border: 1px solid #ccc;
	display:none;
}

#lizenzlayer .logo {
	float: left;
	margin-left: 10px;
	margin-right: 5px;
}

#lizenzlayer h1.brand {
	margin: 0px;
	font-size: 18px;
}

#lizenzlayer h3.lizenz {
	margin-bottom: 1em;
}

#suchlayer p {
	padding: 0 0 0 10px;
}

#suchlayer h3 {
	color: #999999;
	font-size: 14px;
	padding: 0 0 0 10px;
	margin: 0px;
}

#suchlayer .ft {
	padding:10px 10px 0px;
	text-align:left;
}

#suchlayer img{
	cursor: pointer;
}

#lizenzlayer h3 {
	color: #999999;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}

#suchlayer h1,
#lizenzlayer h1,
#lizenzlayer h3 {
	margin-left: 10px;
	font-weight: normal;
}

#lizenzlayer .yellowbox {
	background-color: #fdcc05;
	margin: 1em 0em;
	overflow: hidden;
}

#lizenzlayer p.lizenztext {
	color: #000;
	margin-left: 10px;
}

#lizenzlayer .scrollable {
	padding: 10px;
	overflow: scroll !important;
	height: 230px;
}

#lizenzlayer .yellowbox p {
	color: #000;
	margin: 1em;
}

#lizenzlayer .hd {
	padding: 10px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}

#lizenzlayer .ft {
	padding: 10px;
	overflow: hidden;
	border-top: 1px solid #ccc;
}

#lizenzlayer .ft p {
	line-height: 0.5em;
}

#lizenzlayer p.print {
	padding: 5px 10px 5px 20px;
	border-top: 1px solid #ccc;
	font-size: 10px;
	color: #999999;
}

#lizenzlayer p.print input {
	border:0px;
	background-color:white;
	font-size:11px;
	color: #999999;
	cursor: pointer;
}

#lizenzlayer p.print a {
	color: #999999;
}

#lizenzlayer #lizenznein,#lizenzlayer #abbrechen {
	float: left;
	cursor: pointer;
}

#lizenzlayer #lizenzja,#lizenzlayer #weiter {
	float: right;
	cursor: pointer;
}

#uebersichtBoxId td.gesamtpreis {
	font-weight: bold;
	width: 80px;
	vertical-align: top;
	text-align: right;
	line-height: 20px;
	padding-right: 15px;
	/*border-right: 20px solid transparent;*/
}

#uebersichtBoxId td.einzelpreis {
	font-weight: bold;
	width: 140px;
	vertical-align: top;
	text-align: right;
	line-height: 20px;
	color: #666;
	/* white-space:nowrap; */
}

#bestellprozessInhalt .datenBox {
	overflow: hidden;
}

#bestellprozessInhalt .datenBoxAddress {
	float:left;	
	clear: both;
	width:100%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}
#bestellprozessInhalt .datenBoxAddress table {
	float:left;
	width:45%;
}
#bestellprozessInhalt .datenBoxAddress table label {
	color: #999;
	font-weight: normal;
}

#bestellprozessInhalt .datenBoxAddressLast {
	margin-bottom: 7px !important;
}

#bestellprozessInhalt #eipLizenzAnschrift.datenBoxAddress,
#bestellprozessInhalt #eipRechnung.datenBoxAddress {
	border: none;
}


#bestellprozessInhalt #eipAbwLieferanschrift.datenBoxAddress {
	border: none;
	float: right;
	width: 60%;
}


td.firstAddressColumn {
	width:68px !important;
}


#bestellprozessInhalt #address6Select {
	display: none
}

#bestellprozessInhalt #countrySelect {
	color: #333333;
	font-family: verdana;
	font-size: 11px;
	height: 18px;
	margin: 2px 0 0 0;
	width: 210px;
}

#adressbuchlayer h3, #orderProductsLayer h3 {
	color: black;
	margin: 4px 0px 7px 7px;
}

#orderProductsLayer td h3 {
	margin:0px;
}

#orderProductsLayer select#brochure-select {
	width:307px;
	height:100px;
}

#adressbuchlayer .close, #orderProductsLayer .close {
	background: transparent url(../img/ordering_process/adressbuch_close_bt.gif) repeat-x scroll center top;
	float: right;
	height: 32px;
	width: 38px;
	cursor: pointer;
}

#adressbuchlayer .adressbuchHeader, 
#orderProductsLayer .orderProductsHeader {
	background: #E7E9E8 url(../img/ordering_process/adressbuch_header_bg.gif) repeat-x scroll top;
	overflow: hidden;
	_border:1px solid #EEE;
}

#adressbuchlayer .adressbuchBody, 
#orderProductsLayer .orderProductsBody {
	background: #FFF url(../img/ordering_process/adressbuch_body_bg.gif) repeat-x scroll top;
	padding: 0 10px 24px 5px;
	height: 260px;
}
#adressbuchlayer .adressbuchBody {
	height:275px;
}
, 
#adressbuchlayer #addAddressHidden {
	min-height: 292px;
}


#adressbuchlayer .adressbuchBody table {
	/*border-bottom: 1px solid #aaa;*/
	margin: 0 0 0 6px;
	vertical-align: middle;
	width: 336px;
}

#adressbuchlayer .adressbuchBody table tr td{
	/*padding: 0px 8px 1px 1px;*/
	vertical-align: middle;
	width: 83px;
	/*line-height: 22px;*/
}

#adressbuchlayer .adressbuchBody table tr td.editable{
	/*padding: 0px 8px 1px 1px;*/
	font-weight: bold;
	vertical-align: middle;
	width: 180px;
}

#adressbuchlayer .adressbuchBody table .addressLayerErrorTableClass dl{
	width: 250px;
	vertical-align: middle;
}



#adressbuchlayer .adressbuchBody table .addressLayerErrorTableClass dd.error{
	margin: 0;
}

#adressbuchlayer .layerLabel {
	padding-left: 2px;
	vertical-align: text-bottom;
}
.addressStar {
	font-size: 10px;
	width:100%;
	margin-top: -2px;
	margin-bottom: -5px;
	font-weight:normal;
	padding:0px;
	line-height:1.1em;
}

#myErrorTableAddressLayer tr td{
	width: 150px;
	vertical-align: middle;
}

#adressbuchlayer .adressbuchBody table .addressLayerErrorTableClass {
	width: 250px;
	height: 22px;
	margin-left: 0px;
}
#adressbuchlayer .adressbuchBody input.lieferadresse {
	margin-right: 15px;
	vertical-align: text-bottom;
}

#adressbuchlayer .adressbuchBody select {
	font-size: 11px;
	padding: 2px;
	width: 100px
}

#adressbuchlayer .ft {
	border-top: 1px solid #ccc;
	padding: 0px;
	text-align: left;
}

#adressbuchlayer .ft h3 {
		background: #FFF url(../img/bg/bg_arrow_toggle.gif) no-repeat scroll;
		background-position: 0px -9px;
		padding: 2px 0 0 27px;
		cursor: pointer;
		width:200px;
}

#adressbuchlayer #abbrechen, 
#adressbuchlayer #commit {
		cursor: pointer;
}

#adressbuchlayer .ft h3.activ {
		background-position: 0px -47px;
}

#adressbuchlayer .adressbuchFooter {
	background: #FFFFFF none repeat scroll 0%;
	border-top: 1px solid #ccc;
	margin: 0;
	overflow: hidden;
	padding: 16px 11px 0px 50px;
}

#addAddressHidden {
	padding-bottom: 10px;
}


#addAddressHidden .dbAnschrift {
	line-height: 22px;
	padding: 0 10px 0 0;
	text-align: right;
	width: 90px;
}

#addAddressHidden input {
	font: 11px verdana;
	padding: 2px;
	width: 180px;
}

#addAddressHidden select {
	font-size: 11px;
	padding: 2px;
	width: 100px;
}

#addAddressHidden input.zip {
	font: 11px verdana;
	padding: 2px;
	width: 40px;
}


#addAddressHidden #ok{
	width: 97px;
}


#addAddressHidden .tdAendern {
	padding: 0 10px 0 0;
	text-align: left;
	width: 90px;
}

#adressbuchlayer .ok {
	margin-right: 20px;
	outline: 0;
}

#adressbuchlayer .abbrechen {
	margin-right: 100px;
	outline: 0;
}

tr.buttonRow td,
tr.buttonRow td.editable {
	height:40px;
	vertical-align:bottom;
}


#adressbuchlayer .showScrollers {
 	overflow-y: scroll !important;
}

.datenBox a,.datenBoxKlein a {
	/*color: #999; only used on overview - must be 666 for links there*/
	text-decoration: underline;
	font-weight: normal;
}

.datenBoxTeil {
	width: 320px;
}

.datenBoxKlein span {
	padding: 0 5px 0 22px;
}

#bestellprozessInhalt .datenBoxKlein span {
	padding: 0 5px 0 5px;
}

#bestellprozessInhalt .datenBoxKlein span.dbDatenAendern {
	padding: 0 5px 0 20px;
}

#bestellprozessInhalt .datenBoxKlein label.grau {
	color: #999;
	font-weight: normal;
}

#bestellprozessInhalt .datenBoxKlein label b {
	color: #000;
	font-weight: normal;
}


TD.dbUeberschrift {
	vertical-align: bottom;
	padding: 0 0 10px 0;
	width: 320px;
	height: 67px;
	min-height: 67px;
}
div.dbUeberschrift {
	font-size: 18px;
}

.dbUeberschrift span {
	font-size: 12px;
	font-weight: bold;
}

.dbAnschrift {
	padding: 0 10px 0 0;
	width: 90px;
	text-align: right;
	vertical-align: top;
	color: #999;
	height: 18px;
}

#adressbuchlayer .adressbuchBody table tr td.dbAnschrift{
	padding: 0 10px 0 0;
	text-align: right;
	color: #666;
	line-height: 21px;
}

#showJustOneAddrMessage {
	color: #cc0000;
}

.goMyFontShop {
	margin-top: 20px;
	text-align: left;
}

.insertGross {
	color: #999;
	line-height: 20px;
}

.tdAendern {
	vertical-align: bottom;
	padding-top: 10px;
}

.adressbuchBody .tdAendern {
	padding-top: 5px;
}


.tdAendern a {
	color: #666;
}

.download {
	padding: 0 3px 0 0;
}
.downloadpopup {
	height: 20px;
	
}

.aendernOk {
	font-weight: bold !important;
}
.rightMarge {
	padding-right:5px;
	border-right:1px solid gray;
	margin-right:5px;
}

.produktAendern a {
	color: #666;
}

.rabatt {
	color: #cc0000;
	font-weight: bold;
}

.gesamtpreis .rabatt {
	color: #cc0000;
	display: block;
	font-weight: bold;
}

.einzelpreis .rabatt {
	/*line-height: 14px;*/
	display: block;
}

.rollbalkenschoner .rabatt {
	font-size: 10px;
}


.cpu {
	width: 25px;
	padding: 1px 0;
	text-align: center;
	margin-right: 3px;
	font-size: 11px;
}

.bestellnummerWK {
	padding: 2px 2px 2px 15px;
	margin: 0 10px;
	width: 140px;
}

.blindsearch {
	display: none;
}

/* Warenkorb Teaser Right */
#fontshopVorteileBox {
margin: -10px 0px 0px 10px;
}

#fontshopVorteileBox h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0 3px 0;
}

#fontshopVorteileBox h2 {
	font-size: 14px;
	font-weight: normal;
	margin-top: 1em;
}

#fontshopVorteileBox p {
	color: #666666;
	font-size: 11px;
	line-height: 14px
}

#fontshopVorteileBox ul {
	font-size: 10px;
	margin: 1em 12px;
	list-style-position: inside;
	list-style: url(../img/ordering_process/li.gif);
	line-height: 14px;
}

#fontshopVorteileBox div.shoppingCartTeaserBox {
	font-size: 10px;
	margin: 2em 0;
	width: 110px;
	height: 185px;
	background: url(../img/ordering_process/teaser_productbox_bg.gif)
		no-repeat;
	padding: 5px 10px;
}

#fontshopVorteileBox p.price {
	margin: 0.5em 0;
	text-align: right;
	color: #000;
}

#fontshopVorteileBox p.price strong {
	font-size: 11px;
}

#fontshopVorteileBox p .ml_teaser {
	float: left;
	margin-right: 6px;
}

#fontshopVorteileBox p a {
	display: block;
	margin: 10px 0 40px 0;
}

/* ---------------------------------------------- */
/* -------------------- Suche ------------------- */
/* ---------------------------------------------- */
/* #suche { overflow: hidden;} */
#suche ul {
	list-style: none;
}

#suche ul.reiter {
	padding: 0;
	margin: 0;
	height: 21px;
	overflow-y: hidden;
}

#suche ul.reiter li {
	padding: 0;
	margin: 0 2px 0 0;
}

#suche ul.reiter li a,#suche ul.reiter li strong,#suche ul.reiter li span {
	display: block;
	line-height: 24px;
	font-size: 11px;
	padding: 0;
	margin: 0;
}

#suche ul.reiter li span {
	padding: 0px 10px 0 10px;
}

#suche ul.reiter li strong {
	background-image: url(../img/bg/suche_reiter_li.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#suche ul.reiter li a {
	background-image: url(../img/bg/suche_reiter_li.gif);
	background-repeat: no-repeat;
	background-position: 0 -1px;
}

#suche ul.reiter li a span {
	background-image: url(../img/bg/suche_reiter_re.gif);
	background-position: 100% -1px;
	background-repeat: no-repeat;
	}

#suche ul.reiter li strong span {
	background-image: url(../img/bg/suche_reiter_re.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

#suche ul.reiter li.kind1 strong span {
	background-image: none;
}

#suche ul.reiter li strong {
	background-position: 0 -128px;
}

#suche ul.reiter li strong span {
	background-position: 100% -128px;
}

#suche ul.reiter li.kind1 {
	margin: 0;
}

#suche ul.reiter li.kind1 a span {
	background-image: none;
}

#suche ul.reiter li.kind2 {
	margin: 0;
}

#suche ul.reiter li.kind2 a span {
	background-image: none;
}

#suche ul.reiter li.kind2 a {
	background-position: -5px -1px;
}

#suche ul.reiter li.kind2 {
	border-left: 1px solid #999;
}


#suche ul.reiter li.kind2 strong {
	background-position: -5px -128px;
}

#suche ul.reiter li.lastKind {
	border-left: 1px solid #999;
}

#suche ul.reiter li.lastKind a {
	background-position: -5px -1px;
}

#suche ul.reiter li.lastKind strong {
	background-position: -5px -128px;
}

#suche ul.reiter li a:link,
#suche ul.reiter li a:visited,
#suche ul.reiter li strong{
	color: #000;
}

#suche ul.reiter a:hover,
#suche ul.reiter a:active,
#suche ul.reiter a:focus{
	text-decoration: underline;
}

#innerColOther #suche ul.reiter a:active,
#innerColOther #suche ul.reiter a:focus {
	text-decoration:none!important;
}

#suche input.leer {
	color: #606060;
}


#suche #kompaktsuche table {
	margin: 9px 5px;
	height: 37px;
}

#suche #kompaktsuche table td {
	vertical-align: top;
	margin: 0;
	padding: 0 6px 0 0;
}

#suche #kompaktsuche table td.modform div {
	/*position: relative;*/
	margin-bottom:2px; /* Safari needs this */
}

#suche #kompaktsuche table td.modform img.suchkriteriumDazu {
	left: 25px;
}

#suche #kompaktsuche div.suchstartknopf,
#kombisuche div.suchstartknopf {
	position: absolute;
	/* left: 500px; /*  alter Abstand des Suche-Buttons */
	left: 650px;
	/* bottom: 19px; /* Abstand wenn es Zusatzinformationen gibt */
	/* bottom: 34px; */
	top: 9px;
	/* top: 0px; /* Topwert gesetzt in Kombination mit min-height fuer die #kompaktsuche */
}

#suche #kompaktsuche div.suchstartknopf p,
#kombisuche div.suchstartknopf div,
#kombisuche .animButton {
	background-image: url(../img/btn_suchen_working.gif);
	float: none;
	height: 21px;
	width: 130px;
}

#suche #kompaktsuche div.infoHead div {
	background-image: url(../img/btn_suchen_working.gif);
	float: none;
	height: 21px;
	width: 130px;
}


#innerColOther #suche #kompaktsuche div.suchstartknopf {
	position: absolute;
	left: 630px;
	/* bottom: 3px; */
}

#suche div.suchstartknopf ul {
	width: 140px;
	float: left;
}

#suche div.suchstartknopf ul li {
	margin:2px 0 2px 0;
}

#suche .fuss div.suchstartknopf ul {
	width: 140px;
	float: left;
	margin-bottom: 10px;
}

#suche .fuss .toggleForm {
	margin: 0 auto;
	position: relative;
	top: 6px;
	width: 200px;
}

#erweitertesuche .fuss .toggleForm a {
	background-image: url(../img/bg/extended_toggle_button.png);
	background-repeat: no-repeat;
	background-position: 50% -42px;
	color: #666;
	display: block;
	height: 21px;
	text-decoration: none;
	text-indent: -5000px;
}

#erweitertesuche .hiddenSearch .toggleForm a {
	background-image: url(../img/bg/extended_toggle_button.png);
	background-repeat: no-repeat;
	background-position: 50% 0px;
	color: #666;
	display: block;
	height: 21px;
	text-decoration: none;
	text-indent: -5000px;
}

#suche div.suchstartknopf p {
	width: 140px;
	float: right;
}

#suche #kompaktsuche p.additional-infos {
	padding: 0 0 0 5px;
	color: #006FB9;
	font-weight: bold;
}

#suche #kompaktsuche p.additional-infos a {
	margin: 0;
	font-weight: normal;
}

#suche #kompaktsuche div.bottom {
	bottom: -2px;
}

#mainCol #suche{ margin-right: 180px;}

#suche td.bezeichner select {
	width: 130px;
	font-weight: bold;
}

#suche td.eingabeelm {
	width: 264px;
	padding: 0;
}

#suche td.eingabeelm input[type=text],
#suche td.eingabeelm input.text {
	width: 244px;
	padding: 1px 0 1px 3px;
	vertical-align: top;
}

#suche td.eingabeelm select {
	width: 251px;
}

#suche td.eingabeelm fieldset {
	width: 241px;
	border: 1px solid #D6AC0A;
	padding: 2px 0 0 5px;
	height: 18px;
}

#kombisuche, #kompaktsuche, #sortiment {
	background: #FFE774 url(../img/bg_suche.png) left top repeat-x;
	margin: 0;
	/* min-height: 70px; */
	min-width: 760px;
	overflow: hidden;
	position: relative;
}

#innerColOther #suche .bewegt {
	overflow: hidden;
}

#innerColOther #kombisuche,
#innerColOther #kompaktsuche,
#innerColOther #sortiment {
	margin: 0 210px 0 0;
	position: relative;
	background: #FFE774 url(../img/bg_suche.png) left top repeat-x;
	width: 770px;
}

/* Einkommentieren fuer Autosuggest im Fontbereich */
/*
#surrDiv4FontShuffleSwitch .kompaktsuchefonts {
	overflow: visible;
}
*/

form#kompaktsuche table tr,
form#sortiment table tr { height: 25px;}

form#kompaktsuche table *,form#sortiment table * {
	vertical-align: middle;
}

* html body form#kompaktsuche,* html body form#sortiment {
	padding: 2px 4px 4px 4px;
	background: #FFDF62 url(../img/bg_suche.png) left top repeat-x;
	white-space: nowrap;
}

* html body #innerColOther form#kompaktsuche {
	padding: 2px 4px 4px 4px;
	background: #FFDF62 url(../img/bg_suche.png) left top repeat-x;
	white-space: nowrap;
}

#kompaktsuche label,#sortiment label {
	font-size: 11px;
	color: #000;
	vertical-align: 3px;
}

#kompaktsuche table,#sortiment table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

#kompaktsuche p,#sortiment p {
	margin: 0 0 4px;
}

#kompaktsuche .suchorte {
	display: block;
	line-height: 14px;
}

#suchlayerButtons {
	white-space: nowrap;
	width: 250px;
}

#suchlayerButtons img#zurueck {
	margin-left: 30px;
}
/*
#kosSuchkriterien .optfontshopchoice {
	height: 20px;
}
*/
#kosSuchkriterien .optfontshopchoice td {
	line-height: 16px;
}
/* Safari Hack */
body:first-of-type #kosSuchkriterien .optfontshopchoice td {
        /*line-height: 26px;*/
}


#kosSuchkriterien .optfontshopchoice img {
	height: 13px;
	vertical-align: -2px;
	width: 9px;
}

/* ----------------------------------------------  Ergebnisseite Kombisuche */
#kombisuche p {
	margin: 9px 5px;
}

#kombisuche input#suchennach {
	margin-top: 1px;
	width: 450px;
}

#kombisuche .animButton {
  height: 21px;
  left: 415px;
  position: absolute;
  overflow: hidden
  top: 0;
  width: 130px
}

#kombisuche input#kosSucheStarten {
	display: block;
	vertical-align: top;
}

#kombisuche a {
	font-weight: bold;
}

#suchergebnis p.sucheTeaser {
	float: right;
	margin-left: 36px;
}

#suchergebnis dl input.all.images {
	height: 16px;
	vertical-align: top;
}

#suchergebnis dl.accordion-menu dt {
	height: 14px;
	padding: 4px 0px 6px 20px;
}

#suchergebnis dl.accordion-menu dd.images {
	overflow: hidden;
	margin: 10px 0px;
}

#suchergebnis dl.accordion-menu hr {
	border-color: #CCCCCC -moz-use-text-color -moz-use-text-color;
	border-style: solid none none;
	border-width: 1px 0pt 0pt;
	clear: both;
	height: 1px;
	text-align: left;
	width: 100%;
}

#suchergebnis dl.accordion-menu dd.a-m-d.images ol#liste li {
	margin:2px 0 0 0;
	width: 60px;
	padding: 5px;
}

#suchergebnis .fontSearchResultBox {
	padding: 0pt 0px 5px 5px;
}

#suchergebnis .softwareList {
	float: none;
}

#suchergebnis .a-m-t td.title {
	height: 14px;
	vertical-align: top;
	width: 100px;
}

#suchergebnis .a-m-t td.hits {
	height: 14px;
	vertical-align: top;
	width: 170px;
	font-weight: normal;
	color: #006FB9;
	white-space: nowrap;
}

#suchergebnis .a-m-t td.button {
	height: 14px;
	vertical-align: top;
	width: 100px;
}

#suchergebnis .a-m-d.others {
	padding: 10px;
}

#suchergebnis #liste.s table.img th {
	height: 68px;
}

/* -------------------------------------------------------- #erweitertesuche */
#erweitertesuche {
	overflow: hidden;
	color: #000;
	background-color: #FFDE00;
	margin:0px;
	/*border-top:1px solid #FFDE00;*/
}

#erweitertesuche h3 {
	cursor: pointer;
	padding: 4px 0 5px 25px;
	color: #990000;
	background-color: #F5F5F5;
	font-size: 15px;
	background-image: url(../img/bg/esu_h3_pfeil_auf_zu.gif);
	background-repeat: no-repeat;
	background-position: 6px 10px;
	margin: 0px;
	line-height: 1.2em;
	white-space: nowrap;
	width: 150px;
}

#erweitertesuche .searchHeaderWrap {
	background: #F5F5F5;
	display: block;
}

form.searchresults td.articlesPerPage {
	white-space:nowrap;
}

#erweitertesuche h3.geschlossen {
	background-position: 6px -44px;
}

#erweitertesuche fieldset {
	border: 0 none;
	color: #000;
	background-color: #EAEDEC;
	padding: 5px 0;	
}

#erweitertesuche fieldset.geschlossen,#erweitertesuche legend {
	display: none;
}

#erweitertesuche fieldset div.spalte {
	padding: 0 5px;
	margin-left: 20px;
	float: left;
}

#erweitertesuche input.text {
	padding: 1px 0 1px 3px;
}

#esuFieldset1 {
	margin-top: 4px;
}

#esuFieldset1 div.spalte {
	width: 28%;
}

#esuFieldset1 select {
	margin-top: 8px;
}

#esuFieldset2 div.spalte {
	width: 21%;
}

#esuFieldset3 div.spalte {
	width: 21%;
}

#erweitertesuche h4,#erweitertesuche label {
	line-height: 16px;
	font-size: 11px;
	color: #000;
	vertical-align: middle;
}

#erweitertesuche fieldset ul li {
	padding: 3px 0;
}

#erweitertesuche fieldset ul li label {
	padding: 0 5px;
}

#erweitertesuche fieldset p {
	margin: .75em 0 .75em 0;
}

#erweitertesuche fieldset p.hinweis {
	color: #6A6A6A;
}

#erweitertesuche fieldset p.ohneTitel {
	margin-top: 2em;
}

#erweitertesuche fieldset p.shortLabel img {
	vertical-align: -2px;
}


#erweitertesuche fieldset p.shortLabel strong {
	text-indent: 14px;
	display: block;
	margin: -16px 0 0 17px;
	width: 160px;
}

#erweitertesuche .fuss {
	height: 30px;
	padding: 4px 15px 12px 15px;
	background: #FFDF62 url(../img/bg_extended_search.png) left bottom repeat-x;
	position: relative;
	text-align: center;
}

#erweitertesuche .hiddenSearch {
	margin-top: 8px;
}

#erweitertesuche .fuss.noToggle .suchstartknopf {
	position: relative;
	top: 5px;
}


#erweitertesuche .fuss .suchstartknopf {
	position: relative;
	top: -14px;
}
#erweitertesuche input[type=radio] {
	vertical-align: bottom;
}

#erweitertesuche input[type=checkbox] {
	vertical-align: middle;
}

#esuText1,#esuText2,#esuText3 {
	width: 200px;
	margin-top: 3px;
}

#esuSelect1 {
	margin-top: 10px;
	width: 220px;
}

#esuRadio1Wrapper {
	margin-top: -3px;
	padding-bottom: 4px;
}

#esuCheckbox1,#esuCheckbox2 {
	margin: 0 10px 0 0;
}

#esuSelect2,#esuSelect3 {
	width: 204px;
}

/* --------------------------------------------------------- #sortimentsuche */
#sortiment table {
	margin: 10px 0 5px 0;
}

.kriterium {
	width: 180px;
}

#suchfelderWrap p {
	width: 430px;
	margin-left: 10px;
}

* html #suchfelderWrap p {
	width: 410px;
}

#suchfelderWrapStart p {
	width: 330px;
	margin-left: 10px;
}

* html #suchfelderWrapStart p {
	width: 300px;
}

#suche .sortimentsuche {
	padding-left: 10px;
	width:760px;
}

#suchfelderWrap .replaceWrap { 
	top: -1px;
}

/*</group>*/ /* Erweiterte Suche: Animierter Container (Slide)
------------------------------------------------*/
/*<group=Erweitere Suche>*/
#erweitertesuche2 {
	float: left;
	margin: 0;
	position: relative;
	overflow: hidden;
	_height: 1%;
	bottom: 0;
}

#erweitertesucheContainer {
	margin: 0;
	padding: 0;
}

#firstRow .textfelder {
	margin: 3px 0 6px;
	width: 210px;
	height: 16px;
	font-size: 11px;
	color: #000;
}

#firstRow .radiobuttons {
	margin: 0 10px 0 0;
}

.tabholderLeft {
	float: left;
}

.tabholderRight {
	width: auto;
}

#mainCol .tabholderRight {
	margin: 0;
	overflow: hidden;
}

#mainColDetail .tabholderRight { 
	overflow: visible;
	margin: 0;
	visibility: visible; /* do NOT use "display" */
}
#tabholderRight {
	visibility:hidden;
}

.reiter {
	height: 28px;
	line-height: 20px;
	font-family: verdana;
	font-size: 12px;
}

.reiter li {
	float: left;
	display: inline;
	margin: -2px 1px 0 0;
	padding-left: 3px;
	background-color: transparent;
	background-image: url(../img/bg_reiter_li_black.png);
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
}


.seitennav .tabholderLeft,
.seitennav .tabholderAgency,
#fontlisting .tabholderLeft, 
#detailFontsWrap .tabholderLeft {
	margin-left:8px;
}
.seitennav .reiter li span {
	margin:0 !important;
	padding:0 !important;
}
.seitennav .reiter li a,
.seitennav .reiter li strong {
	width: 40px;
	overflow: hidden;
	float:left;
}

#fontlisting .reiter li.imagetab a,
#fontlisting .reiter li.imagetab strong,
#detailFontsWrap .reiter li.imagetab a,
#detailFontsWrap .reiter li.imagetab strong {
	width:90px;	
	float:left;
}

#detailFontsWrap .reiter li.imagetab.aktiv,
#detailFontsWrap .reiter li.imagetab.aktiv strong,
#detailFontsWrap .reiter li.imagetab.aktiv a {
	width:auto !important;
}


.seitennav .reiter li,
#fontlisting .reiter li.inaktiv,
#detailFontsWrap .reiter li.inaktiv
{
	margin-top:-2px;
}


.reiter li a, .reiter li strong {
	display: block;
	padding: 6px 7px 0px 1px;
	color: #FFFFFF;
	text-decoration: none;
	height: 22px;
	background-image:  url(../img/bg_reiter_re_black.png);
	background-position: right top;
	background-repeat:  no-repeat;
}

.reiter li.aktiv a {
	padding-top:0px;
}

.reiter li.imagetab img {
	vertical-align: top;
	position: absolute;
	z-index:99;
	margin-left:-19px;
	margin-top:6px;
}

.reiter li.imagetab a img {
	vertical-align: bottom;
	position: relative;
	margin:0px;
}

.reiter li.aktiv img {
	vertical-align: top;
	position: relative;
	margin:0px;
}
.reiter li.aktiv strong a img {
	vertical-align: middle;
	position: relative;
	margin: 0;
	margin-top: 3px;
}
/*
.reiter a:hover,.reiter li.imagetab a:hover {
	color: #C00;
}
*/
.reiter li.aktiv strong a:hover {
	color: #666;
}
.reiter li.aktiv {
	color:#000;
	position: relative;
	margin-top: -10px;
	background-image: url(../img/bg_reiter_aktiv_li.png) !important;
	background-position: left top !important;
	background-repeat:no-repeat;	
	z-index: 99;
	white-space: nowrap;
	padding-left:8px;
	height: 40px;
}

.reiter li.aktiv strong {
	color:#000;	
	background-image: url(../img/bg_reiter_aktiv_re.png);
	height:36px;
	padding-top: 9px;
	width: auto;
}

.reiter li.aktiv strong a {
	background-image: none;
	float: left;
	color: #666666;
	display: block;
	text-decoration: none;
	width: auto;
}


.reiter li.hiddenTab {
	display: none !important;
}
/* MyFontShop hat weiterhin graue Reiter */

.myfontshop .reiter li {
	float: left;
	display: inline;
	margin: 0 1px 0 0;
	padding-left: 4px;
	background-color: transparent;
	background-image: url(../img/bg_reiter_li_mfs.png);
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer;
}

.myfontshop .reiter li a, .myfontshop .reiter li strong {
	display: block;
	height: 24px;
    padding: 4px 10px 0 4px;
	color: #666666;
	text-decoration: none;
	background-image:  url(../img/bg_reiter_re_mfs.png);
	background-position: right top;
	background-repeat:  no-repeat;
}

.myfontshop .reiter li.aktiv {
	color: #000;
	position: relative;
	margin-top: 1px;
	background-image: url(../img/bg_reiter_aktiv_li_mfs.png) !important;
	background-position: left top !important;
	background-repeat: no-repeat;	
	z-index: 1000;
	white-space: nowrap;
	padding-left: 5px;
	height: 28px;
}

.myfontshop .reiter li.aktiv strong {
	color:#000;	
	background-image: url(../img/bg_reiter_aktiv_re_mfs.png);
	height:36px;
	padding-top: 9px;
	width: auto;
}


#detailFontsWrap li.imagetab a,#fontlisting li.imagetab a {
	/*width:auto !important;*/
}

#breadcrumb {
	margin: 5px 0;
}

#breadcrumb .hier {
	font-weight: bold;
	color: #575757;
}

/* Brotkruemelnavigation  Ende
------------------------------------------------------------------*/
	/* Suchtabs oberhalb des Suchfelds, eine Variante von .reiter
------------------------------------------------------------------*/
#suchtabs {
	border-bottom: none;
	height: 2em;
	line-height: 1px; *
	html height: 1%;
}

#suchtabs li {
	margin-right: 4px;
}

#suchtabs li a {
	padding: 6px 12px;
	line-height: 1px;
}

#suchtabs li.aktiv {
	background-image: url(../img/bg_suchreiter_aktiv_li.png);
	margin-right: 4px;
}

#suchtabs li.aktiv a {
	background-image: url(../img/bg_suchreiter_aktiv_re.png);
	font-weight: bold;
	color: #000;
}

/* Suchtabs Erweitert und Startseite oberhalb des Suchfelds, eine Variante von .reiter
------------------------------------------------------------------*/
#suchtabsErweitert {
	border-bottom: none;
	height: 2em;
	line-height: 1px; *
	html height: 1%;
}

#suchtabsErweitert li {
	margin-right: 4px;
}

#suchtabsErweitert li a {
	padding: 6px 12px;
	line-height: 1px;
}

#suchtabsErweitert li.aktiv {
	background-image: url(../img/bg_suchreiter_aktiv_li.png);
	margin-right: 4px;
}

#suchtabsErweitert li.aktiv a {
	background-image: url(../img/bg_suchreiter_aktiv_re.png);
	font-weight: bold;
	color: #000;
}


.seitennav,#fontlisting, #detailFontsWrap {
	background-image: url(../img/bg_reiterleiste.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	overflow: hidden;
}

.seitennavNoHits {
	background-image: none;
	overflow: hidden;
	padding-top: 20px;
}

.seitennav, #fontlisting, #detailFontsWrap {
	margin: 0 0 0 0;
	padding: 0;
	padding-top:8px;
}

#seitenNavCarouselBilderId {
	border-bottom: 1px solid #B7BDBF;
}

.seitennavCD {
	position: relative;
	margin: 0 1em 2em 0;
	padding: 0 0 15px 0;
	clear: both;
}

.seitennavCD table {
	border-collapse: collapse;
}

.seitennavCD h1 {
	font-size: 17px;
	font-weight: bold;
	color: #9a0000;
	margin-top: 5px;
}

.seitennavCD td {
	vertical-align: top;
}

.seitennavCD td.similarCdCol {
	padding-left: 30px;
	width: 140px;
}

.seitennavCD td.similarCdCol h4 {
	margin: 10px 0 3px 0;
}

.seitennavCD td.similarCdCol {
	display: block;
}

.seitennavCD td p {
	padding: 0 0 5px 0;
}

.seitennavCD td.imageCDCol img.thumb {
	display: block;
	margin: 10px 30px 5px 0;
}

.seitennavCD td.imageCDCol img.downloadCD {
	padding: 0 0 0 2px;
}

.seitennavCD td.imageCDCol img.buyCD {
	padding: 0 0 0 1px;
}

.seitennavCD td.linie {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	vertical-align: middle;
	text-align: right;
}

.seitennavCD td.linie.firstCol {
	text-align: left;
}

.seitennavCD td.linie img {
	margin: 0 0 -2px 2px;
}

.seitennavFonts,
.seitennavFontsDetail,
.seitennavFontsUnten,
.seitennavBilder,
.seitennavBilderUnten,
.seitennavBilderDisc,
.seitennavBilderDiscUnten,
.seitennavBilderCarousel,
.seitennavBilderCarouselUnten,
.seitennavSoftware,
.seitennavSoftwareUnten
{
	min-width: 610px;
	margin: 0 0 1.5em 0;
	padding: 0;
	/*border-top: 1px solid #5f5f5f;  */
	border-bottom: 1px solid #b7bdbf;
	overflow: hidden;
}

.seitennavSoftware {
	border-top: 1px solid #5f5f5f;
}

.cdDetail .seitennavBilderDisc {
	border-top: 1px solid #b7bdbf;
}

.seitennavBilderUnten,.seitennavBilderDiscUnten,.seitennavBilderCarouselUnten
	{
	border-top: 1px solid #b7bdbf;
	border-bottom: 1px solid #5f5f5f;
	clear:both;
}

.schriftbereich .seitennavBilder,.schriftbereich .seitennavBilder.unten
	{
	margin-top: 1em;
}

.seitennavFontsDetail {
	border-bottom: 1px solid #5f5f5f;
}

.seitennavFontsUnten {
	border-top: 1px solid #b7bdbf;
	border-bottom: 1px solid #5f5f5f;
}

.seitennavSoftwareUnten {
	margin: -1px 0 1.5em 0;
	border-top: 1px solid #B7BDBF;
	border-bottom: 1px solid #5f5f5f;
}

.seitennavInc {
	position: relative;
	top: 0;
	/* relative Positionierung anstatt margin wg. vorausgehender floats */
	width: 100%;
	min-width: 610px;
	margin: 0 1em 0 0;
	clear: both;
	padding: 0;
}

.seitennav.unten {
	border-top: 1px solid #B7BDBF;
	border-bottom: 1px solid #5F5F5F;
	margin-bottom: 1em;
}

p.ansicht {
	color: #333;
	margin: 4px 13px 0 0;
	float: right;
	display: inline;
}

p.ansicht * {
	vertical-align: top;
}

h2.listenansichtFonts {
	font-size: 18px;
	padding: 10px;
}

.listenansichtTeaser {
	min-height: 100px;
	padding: 0 20px 20px 0;
	border-bottom: 1px solid #000; 
}

.fontSearchResultListen {
	padding: 0px 0 15px 0;
}

.fontSearchResultListen a.fontName {
	padding: 0 0 0 10px;
	text-decoration: none;
	float: left;
	width: 350px;
}

.fontSearchResultListen a:hover .fontName {
	text-decoration: underline;
}

.fontNameTreffer {
	display: block;
	float: left;
	color: #666;
	width: 120px;
}
.fontNameAnbieter {
	display: block;
	float: left;
	color: #666;
	width: 290px;
}

.fontNameAnbieter a {
	margin-left: 10px;
}

.schriftendetailText a {
	text-decoration: none;
}

.schriftendetailText a:hover {
	color: #000;
	text-decoration: underline;
}

.schriftendetailText a:hover h3 {
	text-decoration: underline;
}

h1.thumb {
	color: #9a0000;
	cursor: pointer;
}

h1.thumb:hover {
	background-color: #E7E6E9;
}

#ygddfdiv {
	z-index: 10049;
}
/*</group>*/ /*<group=Accordion>*/
	/* Accordion: Outlook-Bar-?hnliche Seitenleiste mit Warenkorb und Merklisten
--------------------------------------------*/
div.slFixierungWrapper{
	position: fixed;
}

div#slFixierung {
	position: absolute;
	/*top: 98px;*/
	top: 0px;
	left: 0;
	width: 188px;
	background: #EBEDEC url(../img/bg_accordionwrap.gif ) right center repeat-y;
	z-index: 199;
}

div#slFixierung table{
	border-collapse:collapse;
}
div#slFixierung TD{
	padding-bottom:1px;
}

.slGeschlossen div#slFixierung {
	left: -170px;
}

.slOffen div#slFixierung {
	left: 0;
}

.slGeschlossen #acdnzumachen {
	display: none;
}

#acdnzumachen,.slOffen #acdnzumachen {
	display: block;
}

.slBewegt #acdnzumachen {
	display: none;
}

.slGeschlossen #acdnaufmachen {
	display: block;
}

#acdnaufmachen,.slOffen #acdnaufmachen {
	display: none;
}

.slBewegt #acdnaufmachen {
	display: none;
}

div#slFixierung .schubladengriff {
	text-decoration: none;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	height: 14px; /* IE <= 6.0 */
	cursor: pointer;
}

@media screen {
	div#slFixierung {
		position: absolute;
	}
	* html {
		overflow-y: hidden;
	}
	* html body {
		overflow-y: auto;
		height: 100%;
		/*padding: 0 1em 0 14em;*/
		/*font-size: 100%; Schriftgroesse fuer den IE in px */
		font-size: 11px;
	}
	* html div#slFixierung {
		position: absolute;
	}
}

dl#accordion {
	list-style: none;
	width: 170px;
	position: relative;
}

/* FF2 Mac hack for invisible scrollbars 
dl#accordion, x:-moz-any-link {
	position:fixed;
}
dl#accordion, x:-moz-any-link, x:default {
	position:relative !important;
	border:3px solid green;
}
*/

#accordion dt {
	display: block;
	clear: both;
	padding: 4px 0 7px 0;
	color: #fff;
	/* schwarzer Hintergrund ist Default f?r Accordion-Heads*/
	background: #000 url(../img/acdn_head_schwarz.gif) repeat-x left center;
	border-top: 1px solid #EBEDEC;
	_\height: 1%; /* hasLayout f?r IE */
	font-size: 12px;
	position: relative;
	cursor: pointer;
	_cursor: hand;
}

#accordion dt.notepad img,
#accordion dt.notepad span,
#accordion dt.notepad a {
	display: block;
	float: left;
}

#accordion dt span {
	margin-left: 2px;
	padding: 0 0 0 38px;
	vertical-align: top;
}


#accordion dt.notepad span.nptag
{
	background: transparent url(../img/ml_notepad.gif) no-repeat !important;
	padding: 1px 0 0 20px;	
}

#accordion form.eipform input {
	width:105px;
	padding:0px !important;
	padding-bottom:1px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#accordion dt.notepad span.nptag
	{
		line-height: 17px;
		padding: 0 0 0 20px;	
	}
}

#accordion dt.notepad {
	overflow-x: hidden;
}

#accordion dt.warenkorb {
	background: #000 url(../img/acdn_head_gelb.gif) repeat-x left center;
	color: #000;
}

#accordion dt.warenkorb span {
	background: transparent url(../img/wk_pfeil_zu.gif) no-repeat;
}

#accordion dt.warenkorb.active span {
	background: transparent url(../img/wk_pfeil_offen.gif) no-repeat;
}

/* in case there are more than a hundred products in the cart */
#accordion dt.warenkorb.active span.small {
	background: transparent url(../img/wk_pfeil_offen.gif) no-repeat;
	display: block;
	font-size: 10px;
	padding-top: 2px;
	vertical-align: middle;
}

#accordion dt .editable {
	font-weight: bold;
}

#accordion form.eipform,#accordion form.eipform div {
	display: inline;
}

#accordion table.fontNameTable td.firstCol {
	width:124px;
}

#accordion .sizeContainer {
	display:block;
	width:150px;
	clear:both;
	padding-top:1px
}
.sidebarMax {
	position: absolute;
	right: 4px;
	top: 5px;
}

#accordion dd {
	background: #EBEDEC url(../img/acdn_bg_kachel.gif) repeat-y;
	padding: 0px 0px;
	position: relative;
	display: none;
}

#accordion dd.open {
	display: block;
}

#accordion dt.invisible,#accordion dd.invisible {
	display: none;
}

#accordion dd.inBewegung ul {
	overflow: hidden;
	padding-right: 17px;
}

#accordion dd.inBewegung {
	display: block;
	overflow: hidden;
}

#accordion dd#slot-0.inBewegung .rollbar {
	overflow: hidden;
	padding-right: 17px;
}

#accordion dd#slot-0.inBewegung .rollbar {
	overflow: auto;
}

#accordion dd .rollbalkenschoner {
	overflow: hidden;
}

#accordion dd .ddBogenOben {
	background: url(../img/acdn_rundung_oben.gif) no-repeat left top;
	height: 100%;
}

#accordion dd .ddBogenUnten {
	background: url(../img/acdn_rundung_unten.gif) no-repeat left bottom;
	height: 100%;
}

#accordion .acdn-untenBogen {
	width: 153px;
	position: absolute;
	bottom: 0;
	left: -2px;
	padding: 4px 4px 8px 10px;
	margin: 0 2px;
}

#accordion dd.warenkorb {
	background: #EBEDEC url(../img/acdn_bg_kachel-wk.gif) repeat-y;
	overflow: hidden;
}

#accordion dd.warenkorb .rollbar {
	overflow-y: auto;
	overflow-x: hidden;
	/* border-top: 1px solid #FECB01; */
	border-bottom: 1px solid #FECB01;
	width: 168px;
}

#accordion dd.warenkorb .ddBogenOben {
	background: url(../img/acdn_rundung_oben-wk.gif) no-repeat left top;
}

#accordion dd.warenkorb .ddBogenUnten {
	background: url(../img/acdn_rundung_unten-wk.gif) no-repeat left bottom;
}
/* msg "loading cart..." */
#accordion div.waitmsg {
	padding:10px;
}

dd.warenkorb p {
	/* border-bottom: 1px solid #FECB01; */
	padding: 6px 20px 4px 12px;
	position: relative;
}

dd.warenkorb p.byNumber {
	padding: 2px 20px 4px 12px;
}

dd.warenkorb p.errorShoppingCart {
	border-bottom: 1px solid #FECB01;
	padding: 2px 20px 4px 12px;
}

#form-miniwako p.errorBottom,#form-miniwako p.errorTop {
	border: none;
	padding: 4px 10px 0px 25px;
	color: #c00;
	background: url(../img/icon_error.gif) no-repeat 10px 1em;
}

dd.warenkorb p.productBlock {
	border-bottom: 1px solid #FECB01;
}

#form-miniwako .errorShoppingCart {
	color: #FF0000;
}

#form-miniwako p.submitBlock {
	border-bottom: 0px !important;
	height:21px;
}

dd.warenkorb p.trustedShop {
	border: none;
	bottom: 0;
	padding: 0px 10px;
	position: relative;
	min-height:56px;
	/* font-weight: bold; */
}

dd.warenkorb p.trustedShop img {
	width:40px;
}

dd.warenkorb p.trustedShop a {
	font-size:10px;
}

#form-miniwako p.submitBlock {
	text-align: center;
	/* border-top: 1px solid #FECB01; */
	padding-left: 19px;
	position: relative;
}

#form-miniwako .thumb {
	float: left;
	margin: 0 4px 5px 0;
}
/* Link um das Bild im thumb */
#form-miniwako A.thumbLink {
	float:left;
	width:29px;
	height:25px;
}
/* Hellgrauer Rand um das thumb im Wako*/
#form-miniwako A.thumbLink img {
	border:1px solid #E0E0E0;
}

#form-miniwako .papierkorb {
	position: absolute;
	right: 0px;
	top: 4px;
	cursor: pointer;
}

#form-miniwako select {
	margin-top: 4px;
	width: 126px;
}

#form-miniwako .productShortText,#form-miniwako .productShortNumber {
	display: block;
	/* position: relative; */
	width: 138px;
	line-height: 12px;
	height: 100%;
	min-height: 28px;
}

#form-miniwako .productShortTextFonts {
	display: block;
	/* position: relative; */
	width: 125px;
	line-height: 12px;
	height: 100%;
	min-height: 16px;
}


#form-miniwako .productShortNumber {
	margin-bottom: 3px;
}

#form-miniwako .productShortText a {
	color: #000;
	display: block;
	text-decoration: none;
}

#form-miniwako .productShortText a.productShortName {
	float: left;
	width: 110px;
}

#form-miniwako .productShortText strong.productShortNameWoffTT {
	clear: left;
	display: block;
	font-size: 10px;
	height: 12px;
	padding-top: 3px;
}

#form-miniwako .productShortTextWrapper {
	display: block;
	padding: 0 0 0 22px;
}

#form-miniwako .productShortNumber a {
	color: #000;
	text-decoration: underline;
	text-transform: uppercase;
}

#form-miniwako .productAnz {
	float: left;
	width: 15px;
	margin: 0 3px 20px 0;
	text-align: center;
}

#sum-miniwako {
	font-weight: normal;
	width: 100%;
}

#sum-miniwako tr {
	font-weight: normal;
}

#sum-miniwako th,#sum-miniwako td {
	font-weight: normal;
	padding: 1px 3px 1px 0;
	text-align: right;
	white-space: nowrap;
	font-size: 11px;
	width: 100px;
}

/* total prices > 10000 */
#sum-miniwako.small th,#sum-miniwako.small td {
	font-size: 10px !important;
}


#sum-miniwako th {
	padding: 1px 0px 1px 5px;
	width: 75px;
}

/* EIP Formularelemente in der Seitenleiste
----------------------------------------*/
#accordion input,#accordion select {
	font-size: 10px;
	outline: 0;
}

#accordion dt form {
	display: inline;
}

#accordion dt input {
	width: 105px;
	background: #666;
	color: #fff;
	border: 1px solid #F0F0F0;
	float: none;
	font-weight: bold;
	outline: 0;
}

/*  Attributselektor f?r IE

* html #accordion dt input {
  width: expression( this.type=="text" ? "105px" : null);
	background: #666;
	color: #fff;
	border: 1px solid #F0F0F0;
	float: none;
}
*/ /*  Merkliste Items
-----------------------*/
#accordion ul {
	margin: 0 4px;
	list-style: none;
}

#accordion .sammelfunktionen {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #989D9D;
	padding: 4px 4px 4px 4px;
	margin: 0 2px;
}

#accordion .sammelfunktionen.unten {
	border-width: 1px 0 0 0;
	padding: 2px 0 10px 4px;
}

#accordion .sammelfunktionen label {
	display: block;
	padding: 0 0 2px 4px;
}

#accordion .sammelfunktionen select {
	font-size: 11px;
	border-width: 1px;
	width: 128px;
	height: 18px;
	margin: 0 5px 0 0;
	vertical-align: top;
}

#accordion .actions-clipboard {
	border-top: 1px solid #989D9D;
}

form.slDropList {
	position: relative;
}

#waitWheel {
	display: none;
}
#waitWheel.waitWheelShow {
	background-color: #f0f0f0;
	display: block;
	height: 84%;
	left: 4px;
	position: absolute;
	top: 46px;
	width: 164px;
	filter:alpha(opacity=70); /* Internet Explorer */
	-moz-opacity: 0.70; /* Mozilla Browser */
	opacity: 0.70; /* Opera */
}

#slot-0 #waitWheel.waitWheelShow {
	background-color: #FFF4C9;
}

#waitWheel.waitWheelShow img{
	height:32px;
	left:50%;
	margin-left:-16px;
	margin-top:-16px;
	overflow:auto;
	position:absolute;
	text-align:left;
	top:50%;
	width:32px;
}

.dropList {
	display: block;
	overflow: auto;
	height: 380px;
	background-color: #F0F0F0;
}

.dropList.empty {
	background: transparent url(../img/bg_merken_ziehen.png) no-repeat 50% 50%;
}

.background-image-wk {
	background: transparent url(../img/bg_kaufen_ziehen.png) no-repeat 50% 50%;
}

.drophover {
	background-color: #f8f7e0;
}

.dropList li {
	float: left;
	width: 65px;
	height: 90px;
	position: relative;
	margin-left: 5px;
}

.dropList a.pHelp {
	bottom: 22px;
	display: block;
	position: absolute;
}

.dropList .thumb {
	/*position: absolute;*/
	bottom: 22px;
	text-decoration: none;
	max-width: 60px;
	max-height: 60px;
}

.dropList .big {
	max-width: 180px !important;
	max-height: 180px !important;
}

.dropList a:hover img {
	border-color: red;
}

.dropList li p {
	margin: 0;
	position: absolute;
	bottom: 0;
	height: 17px;
}

.dropList li p a {
	text-decoration: none;
	position: static;
}

.dropList li img {
	display: block;
}

.dropList li img.imageNote {
	cursor: pointer;
	display: block;
	position: absolute;
	right: 2px;
	top: 2px;
}

.dropList li img.imageNoteFont {
	cursor: pointer;
	display: block;
	position: absolute;
	right: 9px;
	top: 12px;
}

.dropList li p img {
	border: none;
	position: static;
	display: inline;
}

.dropList li input {
	vertical-align: top;
	margin: 2px 2px 0 0;
}

/*-------------------------------------*/
#slNeueMerkliste, #neueMerkliste {
	height: 27px;
	background: url(../img/acdn_abschluss_unten.gif) no-repeat right bottom;
}

#slNeueMerkliste a, #neueMerkliste a {
	display: block;
	width: 100px;
	margin-left: 22px;
	padding: 5px 0 5px 19px;
	background-image: url(../img/icon_ml_neu.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	white-space: nowrap;
}

.transferer {
	border: 2px solid yellow;
	background: #fece10;
	opacity: 0.5;
}

#liste {
	list-style: none;
	/*	min-width: 960px; */
}

#liste ol {
	display: none;
	position: absolute;
	top: 0;
}

/* erweiterte Merliste - extended Notepad
------------------------------------------*/

#liste.extendednotepad {
	float: left; 
	/*height: 1px;*/ 
}
#liste.extendednotepad li {
	width:140px;
}

#liste.extendednotepad li .infoLink {
	max-width:180px;
}

#liste.extendednotepad li .otherProduct-s img {
	max-width:60px;
}

#liste.extendednotepad li .otherProduct-m img {
	max-width:140px;
}

#liste.extendednotepad li .otherProduct-l img {
	max-width:180px;
}

#liste.extendednotepad li .checkbox {
	vertical-align:top;
	margin-top:3px;
}

#liste.extendednotepad li.sortBox {
	border: 1px solid #f0f0f0;
}

#liste.extendednotepad li.sortBox.dropable {
	border-right: 2px solid #333;
}

#liste.extendednotepad li.sortBox.size-s {
	width: 9px;
}

#liste.extendednotepad li.sortBox.size-m {
	width: 6px;
}

#liste.extendednotepad li.sortBox.size-l {
	width: 15px;
}

#liste.extendednotepad li table.img p{
	position:relative;
	text-align:left;
	white-space:nowrap;
}

#liste.extendednotepad li table.img p.pCont{
	display: inline-block;
	position:relative;
	text-align:left;
	white-space:nowrap;
}

#liste.extendednotepad li p .imageNote{
	cursor: pointer;
	position: absolute;
	right: 5px;
	top: 5px;
}

#liste.extendednotepad li p.isPackageDropBGExtended .imageNote,
#liste.extendednotepad li p.isFontDropBGExtended .imageNote{
	right: 12px;
	top: 10px;
}

#postitLayer {
 	background: url(../img/extendedNotepad/bg_postitLayer.png) no-repeat top left;
 	border: 1px solid #ccc;
 	height: 230px;
 	position: absolute;
 	right: 0;
 	top: 0;
 	visibility: hidden;
 	width: 230px;
}

#postitLayer .hd {
	position: relative;
	height: 30px;
}

#postitLayer .hd img {
	float: left;
}

#postitLayer .hd span {
	float: left;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	line-height: 25px;
	vertical-align: super;
}

#postitLayer .hd img.cancelPostitButton,
#postitLayer .hd img.addPostitButton {
	cursor: pointer;
	float: right;
	margin: 4px;
}

#postitLayer .bd {
	padding: 5px;
	position: relative;
}

#postitLayer .bd textarea {
	border: none;
	font-family: Verdana;
	font-size: 11px;
	height: 186px;
	outline: none;
	overflow-y: auto;
	padding: 2px;
	width: 216px;
}

#miniImage{
	height: 18px;
	margin: 3px 3px 0 3px;
	width: 20px;
}

/* erweiterte Merliste - extended Notepad
------------------------------------------*/

/* Default-Gr??e -> Liste M */
#liste li {
	position: relative;
	width: 143px;
	height: 172px;
	overflow: hidden !important;
	margin: 10px 0 0 0;
	padding: 10px 4px 0 4px;
	float: left;
	list-style: none;
	/* damits auch so im IE funktioniert*/
	border: 1px solid transparent;
	text-align: center;
}

#liste li.bilderstapel {
	display: inline;
}

#liste li.additional {
	width: 0;
	display: none;
	opacity: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #eee;
}

#liste li.stackopen {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #eee;
}

#liste.detail li {
	width: 130px;
	height: 130px;
	display: inline;
}

#liste.s li { 
	/* moeglicher groesserer Abstand:
	height: 88px;
	/* moeglicher kleinerer Abstand: */
	height: 68px;
	margin: 0;
	width: 68px;
}

#liste.s li.sortBox {
	height: 90px;
}

#liste.m li {
  margin: 0 0 0 0;
  padding: 10px 4px 0 4px;

}

#liste.l li {
	height: 260px;
	margin: 0 -3px 1px -1px;
	padding: 0 4px 0 4px;
	width: 186px;

}

#liste.c li {
	width: 145px;
	height: 185px;
	margin: 0 4px 0 4px;
}

/* zentrierte Ausrichtung  Bildliste
------------------------------------------*/
.centerWrap {
	bottom: 22px;
	position: absolute;
	text-align: center;
	margin: 0 auto;
}

.centerWrap2 {
	position: relative;
	bottom: 0;
	text-align: center;
}

.actionWrap {
	white-space: nowrap;
	padding-left: 0px !important;
	height: 20px;
}

/* Aktions-Icons */
.actionWrap a {
	padding: 5px 2px 0 2px;
	background-color: white;
}

.actionWrap a:hover {
	background-color: #E7E6E9;
}

.stackopen .actionWrap a,
.additional .actionWrap a {
	background-color: #eee;
}

.stackopen .actionWrap a:hover,
.additional .actionWrap a:hover {
	background: #ddd;
}

#liste a {
	text-decoration: none;
}

.themenbildStartseite#liste img.thumb {
	border:0px;
}

#liste img.thumb {
	border: 1px solid #B6B9BA;
}

#liste img.removeBorder {
	border: 1px solid transparent;
}

.overlay-set {
	position: absolute;
	left: 3px;
	top: 3px;
	width: 30px;
	height: 25px;
	background-repeat: no-repeat;
	padding: 0px 7px;
	font-size: 10px;
	text-decoration: none !important;
	cursor: pointer;
	text-align: left;
	line-height: 14px;
}

#liste.s .overlay-set {
	background-repeat: no-repeat;
	cursor: pointer;
	font-size: 8px;
	height: 25px;
	left: -8px;
	line-height: 11px;
	padding: 0px 4px;
	position: absolute;
	text-align: left;
	text-decoration: none !important;
	top: 2px;
	width: 30px;
}
/* Tabelle ohne cellspacing */
table.collapsed {
	border-collapse: collapse;
}
/* Tabelle mit v-align top*/
table.topped TD,table.topped TH {
	vertical-align:top;
}


/* zentrierte Ausrichtung  Bildliste a l'Andre'*/
table.img {
	border-collapse: collapse;
	float: left;
	width: 100%;
}

table.img a:link,table.img a:visited,table.img a:hover,table.img a:active
	{
	text-decoration: none;
}

table.img th {
	text-align: center;
}

table.img td {
	text-align: left;
}

table.img th {
	height: 80px;
	/* width: 40px; */
	width: 33%; /* und so nur bei querfomart*/
	vertical-align: bottom;
}

table.img p,.eselsohrWrapper div.eselsohrThumb {
	position: relative;
}

.eselsohrWrapper div.eselsohrThumb {
	width: 120px;
	text-align: right;
}

div.eselsohrThumb img.thumb {
	cursor: pointer;
	max-width: 80px;
	max-height: 81px;
}

table.img td p.imageCD span {
	color: #666;
}

table.img p.icons {
	z-index: 1;
}

/* z-index auf 1 gesetzt damit der Kaufenlayer ?ber den Icons liegt */
#liste.m table.img th {
	height: 146px;
}

#liste.c table.img th {
	height: 160px;
}

#liste.l table.img th {
	height: 188px;
}

#liste.s table.img th {
	height: 64px;
	text-align: left;
}

table.img .stapel,table.img .eselohr {
	display: block;
	position: absolute;
}

table.img .stapel {
	left: 3px;
	top: 3px;
}

table.img .eselohr {
	right: 0;
	top: 0;
}
/* DD 2008-10-13 */
.eselohr {
	position: absolute;
	display: block;
	right: 0px;
}

table.img th a {
	z-index: -1;
}

table.img th span.bilderimstapel {
	position: relative;
	top: -7px;
	left: -20px;
	font-size: 9px;
}

#liste.l table.img th.imageWrapper {
	text-align: left;
}

.startDrag {	border: 1px solid #ff8c00 !important;}
.endDrag {		border: 1px solid blue !important;}
.onDrag {		border: 1px solid #ff8c00 !important;}
.onDragOver { 	border: 1px solid green !important;}
.onDragEnter {	border: 1px solid green;}
.onDragOut {	border: 1px solid blue;}

.startDrag img,.onDragOver img,.onDragEnter img,.onDragOut img,.onDrag img,.endDrag img{
	max-width: 200px;
}

#validDrag {position:absolute; top: -9px; left: -9px; z-index:999;}
/*</group>*/ /* suchergebnis Bilder-Bundle (Stapel)
----------------------------------------*/
.closed {
	background-color: #fff;
}

/* Throbber: Overlay bei AJAX-Aktion*/
#leftThrobber {
	position: absolute;
	background: #ccc url(../img/indicator_big.gif) no-repeat center center;
	opacity: 0.5;
	top: 0;
	left: 0;
	display: none;
	width: 180px;
	height: 95%;
}

/*</group>*/ /*Detailseite Schriften Anfang*/
.detailWrap {
	margin: 9px 0 0 0;
	font-size: 11px;
	text-align: left;
}

.detailFontsWrap {
	width: 770px;
	margin: 0;
	font-size: 11px;
	text-align: left;
	padding: 0px !important;
}

#detailFontsWrap {
	padding-top:8px !important; /* DD */
}

.detailFontsWrap hr {
	border: none 0;
	border-top: 1px solid #ccc; /*the border*/
	width: 98%;
	height: 1px;
	/*whatever the total width of the border-top and border-bottom equal*/
	clear: both;
	text-align: left;
	margin: 2px 0 -3px 12px;
}

.detailFontHr {
	border: none 0;
	border-top: 1px solid #ccc; /*the border*/
	width: 426px !important;
	height: 1px;
	/*whatever the total width of the border-top and border-bottom equal*/
	clear: both;
	text-align: left;
	margin: 2px 0 -3px 12px;
}

.detailFontHrRight {
	border: none 0;
	border-top: 1px solid #ccc; /*the border*/
	width: 300px !important;
	height: 1px;
	/*whatever the total width of the border-top and border-bottom equal*/
	text-align: left;
	margin: 10px;
}

.detailFont {
	margin: 0 0 0 10px;
}
/* Schnittelayer */
.cutsDiv {
	position: absolute;
	margin-top:-120px;/*not necessary*/
	margin-left:60px;
	width: 620px;
	padding-left:5px;
	padding-right: 5px;
	background-color: #fdfdfd;
	border: 1px solid black;
	overflow: hidden;
}
.fontCutsImage {
	margin-top: -10px;
	margin-bottom: -18px;
}
.fontCutsList {
	height:20em;
	overflow-y:scroll;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
}
.fontCutsList DIV {
	padding:3px;
}

.fontKurzinfo {
	width: 484px;
	padding: 10px 0 30px 0;
}

.linieVert {
	background: #fff url(../img/bg_linie_fonts_detail_horiz_small.gif) left top no-repeat;
}

.detailFontBox {
	margin: 0;
	padding: 0;
	border: 1px solid #b7bdbf;
	background: #fff;
	width: 768px;
	float: left;
}

.detailFontBoxContentLeft h1 {
	font-size: 12px;
	font-weight: bold;
}

.detailFontBoxContentLeft {
	background: #fff url(../img/bg_detail_box_fonts_l.jpg) repeat-x left top;
	padding: 12px 30px 0 20px;
	width: 454px;
	float: left;
}

.trennerFonts {
	width: 1px;
	float: left;
}

.detailFontBoxContentRight {
	background: #fff url(../img/bg_detail_box_fonts_r.jpg) repeat-x left top;
	padding: 12px 15px 0 15px;
	width: 232px;
	margin: 0;
	float: left;
	height: 100%;
}

.detailFontBoxContentBox {
	border: 1px solid #b7bdbf;
	background: #fff;
	padding: 10px 0 10px 0;
	margin: 10px 0 10px 0;
}

.detailFontBoxContentBoxRight {
	border: none;
	border-top: 1px solid #b7bdbf;;
	background: none;
	margin: 3px 0 0 0;
	padding: 3px 0 0 0;
}

.detailFontBoxContentBoxRight input {
	margin: 0 5px 0 5px;
	width: 25px; 
}

.detailFontBoxContentBoxRight input.cpuCountFonts {
	width: 25px;
	text-align: center;
}

.detailFontBoxContentBoxRight td {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.detailFontBoxContentBoxRight td div {
	font-weight: bold;
	height: 29px;
	margin: 0;
	padding: 5px 0 0 0;
	text-align: center;
	width: 38px
}

.detailFontBoxContentBox label {
	font-weight: bold;
	padding: 0 0 0 10px;
	vertical-align: top;
}

.detailFontBoxContentBox span {
	padding: 0 0 0 5px;
	vertical-align: top;
}

.detailFontBoxContentBox .price {
	font-weight: bold;
	padding: 0 17px 0 0;
	width: 82px;
}

.detailFontBoxContentBox .beispieltext {
	margin: 1px 10px 0 0;
	padding: 1px 5px 0 5px;
	width: 260px;
	vertical-align: top;
}

.partFormat input {
	margin: 0 7px 0 7px;
}

.partFormat img {
	margin: 0 0 0 1px;
}

.fontChoose {
	margin: 5px 14px 0 12px;
	padding: 7px 0 5px 7px;
	/* border: 1px solid #bec3c5; HD Nr. 670 */
}

.fontChoose div {
	border: 2px solid #fff;
}

.fontChooseAktiv {
	margin: 5px 14px 0 12px;
	padding: 6px 0 4px 6px;
	/* border: 2px solid #016FBC;  HD Nr. 670 */
}

.fontChoose label,.fontChooseAktiv label {
	display: block;
	/* position: relative;*/
	margin: -15px 0 0 20px;
	padding: 0px;
	width: 500px;
}

.bildLauf {
	background: #f0f0f0;
	height: 95px;
	padding: 1px 0 0 6px;
	overflow-x: scroll;
	overflow-y: hidden;
}

.filmstreifen td {
	/* width: 75px !important; */
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

.bildLauf ol {
	list-style: none;
	display: block;
}

.bildLauf li,.bildLauf img {
	float: left;
}

table.filmstreifen {
	border-collapse: collapse;
	height: 76px;
}

.bgfilmstreifen {
	background-color: #fff;
	border:2px solid #006FB9!important;
}

.bgfilmstreifen img {

}

.detailContent {
	margin: 9px 0 11px 0;
	font-size: 11px;
}

.detailContent #keywordLayer {
	width: 464px;
	position: absolute;
	top: 550px;
	left: 200px;
	z-index: 98;
	visibility: hidden;
	background-color: #e6e8e7;
}

.detailContent #keywordLayer #closeKeywordLayer {
	cursor: pointer;
	height: 12px;
	width: 12px;
	z-index: 99;
	margin: -15px 10px 0 0;
	float: right;
}

.detailContent #keywordLayer #closeKeywordLayerDiv {
	margin: 0;
	background: #E6E8E7 url(../img/bg_kaufenlayer_fonts.gif) no-repeat;
	color: #9A0000;
	font-size: 12px;
	font-weight: bold;
	height: 35px;
	font-size: 16px;
	padding: 10px 0pt 0pt 10px;
}

.detailContent #keywordLayer ul {
	list-style: none;
	padding: 0 0 0 10px;
	clear: both;
}

.detailContent #keywordLayer ul li {
	float: left;
	padding: 0pt 0pt 5px;
	width: 130px;
}

.detailCD {
	overflow: hidden;
	width: 120px;
}
.eselsohrWrapper .detailCD div.eselsohrThumb {
	text-align: right;
	height:120px;
	overflow:hidden;
	text-align:right;
}

.detailContent .eselsohrThumb {
	position: relative;
}

.detailContent .eselsohrThumb .downloadCD {
	left: 8px;
	position: absolute;
	top: 78px;
}

.detailContent .eselsohrThumb .buyCD {
	left: 50px;
	position: absolute;
	top: 78px;
}

.detailBild {
	width: 350px;
	padding: 0 10px 0 0;
	vertical-align: top;
}

.detailBeschreibung {
	vertical-align: top;
	width: 50%;
	/* width: 300px */
}

.detailBeschreibung #cdTitleNoMargin {
	margin: 0px;
}

.detailBeschreibung h3 {
	font-size: 18px;
}

.detailLogo {
	margin: 0 0 9px 0;
}

.detailBildLogo {
	text-align: left;
	float: right;
	padding: 12px 0 0 0;
}

.detail {
	overflow: hidden;
}

.detail h2 {
	color: #9A0000;
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0pt;
}

.detail .text {
	margin-bottom: 20px;
}

.detail .text p {
	color: #666;
}

.addToClipboard {
	float: none;
	display: inline;
	cursor: pointer;
	max-width: 280px;
}

.libraryButtons .addToClipboard img {
	margin-right: -2px !important; 
	
}
.otherDetail {
	margin: 20px 0;
	padding: 0px !important;
}

.otherDetail td {
	border: 0 !important;
}

.detail .detailTabelle {
	width: 380px;
	float: right;
	font-size: 11px;
	text-align:right;
}

.detail .detailTabelle td.icon {
	padding: 0px;
	text-align: right;
}

.detailTabellenListe {
	margin: 0 0 0 15px;
	list-style-image: url(../img/square.png) !important;
}

.detailTabellenListe li {
	margin: 0 0 0 2px;
	padding: 5px 0 3px 0;
}

.detailTabelle {
	border-collapse: collapse;
	font-size: 11px;
	margin-bottom: 15px;
	padding: 10px 0 0 0;
	width: 100%;
}

.detailTabelle th {
	font-size: 14px;
}


.plusCd {
	padding: 20px 0 0 0;
}

.detailTabelle td.name {
	width:100%;
}

.detailTabelle tr {
	height: 24px;
}

.detailTabelle tr.erste td {
	height: 25px;
	border-top: 1px solid #ccc;
}

.detailTabelle td {
	border-bottom: 1px solid #ccc;
	vertical-align: middle;
}

.detailTabelle td.price {
	padding: 0 9px 0 0;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}

.detailTabelle td.iconb {
	text-align: right;
}

.detailTabelle td.icon,.detailTabelle td.icons {
	/* text-align: right; */
	white-space: nowrap;
	line-height: 0px;
	padding: 0px;
	vertical-align: bottom;
}

.detailTabelle td.icon {
	width: 30px;
}

.detailTabelle td.icons {
	width: 75px;
}

.detailTabelle td.icon img,.detailTabelle td.icons img {
	padding: 2px 0px 0px 2px;
}

.detailTabelle td.aufloesung {
	width: 150px;
	font-weight: bold;
	white-space: nowrap;
}

.detailTabelle td.cdImageTd .cdImage {
	max-height:81px;
	max-width:80px;
}

.detailTabelle td.cdImageTitleTd {
	padding-left:10px;
}

.detailTabelle a {
	font-weight: bold;
}

.aufloesungInfo {
	display: none;
	margin: 0 0 15 15px;
	font-size: 11px;
	line-height: 2.2em;
}

.aufloesungInfo .firstRow{
	color: #666;
	width: 100%;
	line-height: 12px;
	padding: 5px 0 5px 0;
}

td.aufloesungInfo th {
	font-weight: bold;
	text-align: left;
	padding: 10px 0 10px 0;
	background-color: #eee;
}

.aufloesungInfo th {
	background-color: #fdfdfd;
	padding-left: 2px;
}

.aufloesungInfo td.firstZebraColor {
	background-color: #E6F4FF;
	padding-left: 2px;
}

.aufloesungInfo p span {
	line-height: 28px;
}

.aufloesungInfo td.secondZebraColor {
	background-color: #fafafa;
	padding-left: 2px;
}

.smallToggle td.secondZebraColor {
	width: 66px;
}

.smallToggle td.forthCol {
	width: 126px;
}


.infoClose {
	background: url(../img/icon_pfeil_grau_r.gif) no-repeat 0 2px;
	padding: 0 0 15px 15px;
	
}

.infoOpen {
	background: url(../img/icon_pfeil_grau_u.gif) no-repeat 0 2px;
	padding: 0 0 0 15px;
}

.lizenzBedingungen,.detailIcons {
	float: left;
	font-size: 11px;
}

.detailIcons a {
	margin: 0 7px 0 0;
}

.detailIcons .grey {
	padding:10px 0 0 0;
}

#detailContentWrap .detailBildnummer {
	overflow: hidden;
}

#detailContentWrap .detailBildnummer p {
	margin: 10px 10px 0px 0px;
	float: left;
}

#detailContentWrap .infoLink {
	position: relative;
	display: block
}

#detailContentWrap .infoLink img{
	cursor: pointer;
}

#detailContentWrap .infoClose,#detailContentWrap .infoOpen {
	display: block;
}

.cdZumLeuchttisch {
	padding: 0 0 7px 15px;
}

.zusatzText {
	color: #ccc;
	margin: 5px 0 0 0;
}

.stichworte {
	color: #838c8f;
	margin: 0 10px 0 0;
	padding: 0 0 0 5px;
	width: 100%;
	float: left;
}

.stichworte ul {
	list-style: none;
	margin-top: 12px;
}

.stichworte ul li {
	width: 115px;
	float: left;
	padding: 0 0 5px 0;
	margin: 0px;
	font-size: 11px;
}

.stichworte ul li span {
	padding: 0 0 0 12px;
}

#stichworteAdd {
	display: none;
}

.stichworteLinks {
	padding: 0;
}

.stichworteLinks #lessKeywords {
	display:none;
}

#aufloesungInfoShow {
	margin: 0 0 0 15px;
	display: none;
}

.schriftmerkmale {
	padding: 5px 0 0 0;
	vertical-align: top;
}

.schriftmerkmale img {
	float: left;
}

.schriftenInfoGroup {
	float: right;
	padding-left: 3px;
}

.schriftenBeispielGroup {
	margin: 10px 0;
	padding: 0 0 0 12px;
	width: 430px;
}

.schriftenZusammenstellung {
	border: solid 2px #fff;
	width: 176px;
	padding: 10px 10px;
	margin: 0 12px;
}

#flashContainer {
	background: #000;
	margin: 35px 0 0 0;
	text-align: center;
	padding: 2px 0 2px 0;
}

#agenturFloat {
	margin: 0;
	padding: 26px 0;
	text-align: center;
}

.agenturContent {
	text-align: center;
	width: 100%;
}

.agenturLogo {
	width: 190px;
}

.agenturText {
	width: 420px;
	text-align: left;
}

.agenturText h2 {
	font-size: 16px;
	font-weight: bold;
}

.agenturText .neu {
	float: left;
	height: 100px;
	color: #ff0000;
	padding: 0 25px 0 0;
	text-align: left;
}

.agenturText .cdLinks {
	line-height: 18px;
}

#agenturFloat .searchForm {
	width: 170px;
}

#agenturFloat .btnSuchen {
	margin-top: 25px;
	text-align: left;
}

.alignLeft {
	text-align: left; /*ben?tigt der IE hier !*/
}

/*Agenturseite Ende
----------------------------------------------*/
	/*CD suchergebnis Anfang
----------------------------------------------*/
#cdDetailOptions {
	text-align: left;
	float: left;
	position: relative; 
	z-index: 100;
}

#cdDetailOptions img {
	padding: 3px;
}

#cdDetailOptionsImgDet {
	text-align: right;
}

#cdDetailOptionsImgDet img {
	padding: 3px 0px 3px 3px;
}

.cdBeschreibung p.neuImSortiment {
	color: #999;
}

.cdErgebnisZeile {
	padding: 11px 0 14px 0;
	clear: left;
}

.cdThumb {
	background: url(../img/bg/bg_download_versand_marker.png) no-repeat;
	background-position: top right;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 19px 0 0;
	width: 130px;
}

.cdThumbNoShip {
	background: url(../img/bg/bg_download_versand_marker.png) no-repeat;
	background-position: center right;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 19px 0 0;
	width: 130px;
}

.cdThumbNoDownload {
	background: url(../img/bg/bg_download_versand_marker.png) no-repeat;
	background-position: bottom right;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 19px 0 0;
	width: 130px;
}


.cdBeschreibung {
	float: left;
	padding: 0 20px 0 0;
	width: 220px;
}

.cdBeschreibung b {
	color: #9A0000;
}

.cdBeschreibung p {
	color: black;
}

/*CD Agenturseite Ende
----------------------------------------------*/
	/*Agentur suchergebnis Anfang
----------------------------------------------*/
.agenturErgebnisTop {
	margin: 0 0 0 -5px;
	padding: 0 0 10px 0;
}

.agenturErgebnisTop a {
	margin: 0 5px;
}

.agenturErgebnisZeile {
	margin: 20px 0 90px 0;
	width: 760px;
}

.agenturErgebnisZeile ul {
	list-style: none;
}

.agenturErgebnisZeile li {
	position: relative;
	width: 130px;
	height: 130px;
	margin: 10px 0 10px 0;
	float: left;
}

.agenturErgebnisZeile a {
	text-decoration: none;
}

.agenturErgebnisZeile img.thumb {
	border: 1px solid #B6B9BA;
	display: block;
	margin-bottom: 2px;
}

/*Agentur suchergebnis Ende
----------------------------------------------*/
	/*Fonts suchergebnis Anfang
----------------------------------------------*/
#suche.kompaktsuchefonts {
	clear: both;
}

.fontSearchResult {
	width: 770px;
	padding: 0;
	margin: 0;
}

.exampleTextForm {
	padding: 0 0 0 .4em;
	margin: 0;
}

.exampleTextForm input {
	position: relative;
	width: 64%;
	margin: 0 .5em;
	padding: .1em;
	font-family: verdana;
}

* html .exampleTextForm input {
	top: 2px;
}

.exampleTextForm img {
	position: relative;
	top: 5px;
}

.alphabetResult {
	margin: 20px 0 15px 0;
	padding: .4em .4em .4em .2em;
	height: 30px;
	background: url(../img/bg_abc_nav2.png) repeat-x;
	border-top: 1px solid #B7BDBF;
	color: #5f5f5f;
}

.fontSearchResult ul {
	list-style: none;
}

.fontSearchResult li {
	float: left;
	padding: 4px;
	color: #ccc;
}

.fontSearchResult li span {
	color: #5f5f5f;
}

.alphabetResult a {
	margin: 0 -4px 0 -4px;
	padding: 6px;
}

.alphabetResult a:hover,.alphabetResult a.current {
	color: #FFF;
	background: transparent url(../img/marker_small.png) 50% 60% no-repeat;
	text-decoration: none;
}

.alphabetResult a.between {
	color: #000;
	background: transparent url(../img/marker_small_rand.png) 50% 60%
		no-repeat;
	text-decoration: none;
	font-weight: bold;
}

.fontSearchResultBox {
	margin: 5px 0 0 0;
	padding: 0 5px;
	/* color: #5f5f5f; */
	line-height: 20px;
	/* min-width: 610px; */
}

.fontSearchResultBox .schriftendetailButtons .addToWako{
	padding: 0 0 1px;
}

.fontSearchResultBox:hover {
	background: url(../img/bg_fontbox.gif) repeat-x;
	background-color: #F1F3F2;
}

.fontSearchResult strong {
	color: #000;
}

.fontName, .startDrag, .endDrag, .onDrag, .onDragOver, .onDragEnter, .onDragOut {
	color: #9a0000;
	font-size: 13px;
	font-weight: bold;
}

a:hover.fontName, a:hover.startDrag, a:hover.endDrag, a:hover.onDrag, a:hover.onDragOver, a:hover.onDragEnter, a:hover.onDragOut {
	color: #9a0000;
	font-size: 13px;
	font-weight: bold;
}

fontNameBlack {
	color: #000000 !important;
}

.warenkorbSchriften {
	margin: 0 0 0 50px;
}

td.schriftenlogo {
	width: 50px;
	padding: 0 10px;
}

td.schriftenlogoempty {
	padding: 0 0 0 70px;
}

td.schriftendetailText {
	width: 600px;
	vertical-align:top;
}

td.schriftendetailIcons {
	width: 246px;
	white-space: nowrap;
	float: left;
}

td.schriftendetailIcons p {
	padding: 0 0 0 0px;
}

td.schriftendetailIcons img {
	float: left;
}

td.schriftendetailIcons div.webfonts_text_icon {
	float: left;
	font-weight: bold;
	height: 20px;
	margin: 2px 0 0 7px;
	width: 32px;
}

.detailFont td.schriftendetailIcons div.webfonts_text_icon {
	float: left;
	font-weight: bold;
	height: 20px;
	margin: 5px 0 0 7px;
	width: 32px;
}

td.schriftendetailIcons span.schnitte {
	cursor: pointer;
	text-decoration: none;
	border-bottom: dashed 1px #5f5f5f;
	color: #5f5f5f;
}

td.schriftendetailButtons {
	height: 35px;
    vertical-align:top;
}
.schriftenButtonsDiv {
	width: 28px;
	line-height: 12px;
	margin: 0px 0px 0px 6px;
}

img.schriftenDownload {
	padding: 0 3px 0 0px;
}

img.schriftenVorrat {
	padding: 0 3px;
}

img.schriftenVerfuegbarkeit {
	padding: 0 20px 0 3px;
}

img.schriftenMuster {
	margin: 5px 0 -5px 0;
}

#dlg_kaufen {
	background: #fff url(../img/bg_detail_box_fonts_l.jpg) top left repeat-x
		;
}

#dlg_kaufen .hd {
	margin: 0;
	background: #E6E8E7 url(../img/bg_kaufenlayer_fonts.gif) top left
		no-repeat;
	color: #9A0000;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0pt 0pt 8px;
}

tr.layerRahmen {
	width: 150px;
	padding: 5px;
	margin: 10px 0;
	border: solid 1px #666;
	text-align: left;
}

#dlg_schnitte {
	background-color: #F1F2F2;
	padding: 10px;
	border: 1px solid #A8ACAC;
}

#dlg_schnitte select {
	width: 100%;
	font-size: 10px;
	background-color: #fafafa;
	border: none;
}

#dlg_schnitte option {
	background-color: #fafafa;
	outline: none;
}

#dlg_schnitte .hd {
	padding: 0 0 10px 10px;
	padding: 0 0 10px 0;
	color: #9A0000;
	font-size: 18px;
}

#dlg_schnitte .ft {
	text-align: left;
	padding: 5px 0 0 0;
}

/* BG close button*/
div#overlayFontsClose {
	background-color: transparent;
}

#innerdlg_adressbuch {
	height: 340px;
	overflow: auto;
}

.editable_input {
	font-size: 11px;
	font-family: verdana;
	min-height: 14px;
}

.editable_short {
	width:1%;
	white-space:no-wrap;
}

/*Fonts suchergebnis Ende
----------------------------------------------*/ /*Tooltip Anfang
----------------------------------------------*/
#myTooltip div {
	padding: 0 0 0 5px;
}

#myTooltip div span {
	display: block;
	line-height: 18px;
}

#myTooltip div span.cd {
	clear: both;
	overflow: hidden;
	padding: 7px 0 1px 0;
}

#myTooltip div span.cd em {
	color: #666;
	font-style: normal;
}

#myTooltip div span.cd strong {
	white-space: normal;
}

#myTooltip img {
	display: block;
}


.ttImageCopyright {
	position: absolute;
	overflow: hidden;
	right: 10px;
	width: 150px;
	height: 23px;
	text-align: right;
}

.ttImageCopyrightSmall {
	overflow: hidden;
	width: 150px;
	height: 22px;
	text-align: right;
}

.image-header td.ttOnCd {
	padding: 2px 0;
	display: block;
	clear: both;
}

.ttOnCd em {
	color: #666;
	font-style: normal;
}

.ttOnCd strong {
	white-space: normal;
}



/* ----------------------------------------------*/ /*Startseite  Anfang
/* ----------------------------------------------*/
.themenbildStartseite {
	color: white;
	width: 863px;
	position: relative;
}

.slideshowStartseite {
	background: transparent url(../img/bg/bg_startseite_slideBg.png) no-repeat;
	left: 15px;
	position: absolute;
	top: 340px;
	width: 833px;
}

.slideshowStartseite .ausgeblendet {
	display: none;
}

#slideshowElements {
	position: relative;
	top: -21px;
	left: 100px;
	float: left;
	width: 600px;
}

.outer {
	display: table;
	height: 80px;
	he\ight: 80px;
	margin-right: 20px;
	float: left;
	width: 60px;
}
.middle {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#slideshowControls {
	position: absolute;
	right: 10px;
	top: 8px;
	width: 164px;
}

#slideshowControls span {
	vertical-align: 5px;
}

#slideshowControls input.submit {
	border: none;
	background-color: transparent;
	color: #fff;
	cursor: pointer;
	float: left;
	font-weight: bold;
	margin-right: 5px;
	outline: 0;
	text-align: center;
	text-decoration: underline;
	width: 140px;
}

#slideshowControls img {
	cursor: pointer;
	margin-top: 3px;
}

.sucheStartseite {
	background: transparent url(../img/btbg/bg_suchleiste_startseite.jpg) no-repeat;
	height: 37px;
	margin: 7px 0px;
	padding: 0;
	text-align: center;
	width: 863px;
}

#sucheStartseiteForm {
	padding: 8px 0 0 200px;
}

#sucheStartseiteForm p{
  background-image: url("../img/btn_suchen_working.gif");
  float: left;
  height: 21px;
  margin: 0 0 0 12px;
  width: 130px;
}

#sucheStartseiteFormInput {
	float: left;
	margin-top: 1px;
	width: 400px;
}

#kombisuche #sucheStartseiteFormInput {
  float: none;
}

input#sucheStartseiteFormInput.leer {
	color: #606060;
}

#sucheStartseiteStarten {
	vertical-align: top;
}

.teaserStartseite {
	margin: 15px 0 30px 0;
	width: 863px;
}

.teaserStartseite .teaser1,.teaserStartseite .teaser2,.teaserStartseite .teaser3,.teaserStartseite .teaser4 {
	float: left;
	margin: 0;
	padding: 0;
	width: 206px;
	margin-bottom: 10px;
}

.teaserStartseite .teaser1,.teaserStartseite .teaser2, .teaserStartseite .teaser3 {
	margin-right: 13px;
}

.teaserStartseite img {
	/* float: left; */
	margin: 0;
}

.teaserStartseite .text {
	color: #000;
	padding: 0;
}

.teaserStartseite .text a {
	color: #000;
	padding: 0;
	text-decoration: underline;
}

.teaserStartseite .text a:hover {
	color: #FFDE00;
	padding: 0;
	text-decoration: underline;
}

.teaserStartseite .text strong,
.teaserStartseite .text b {
	color: #9a0000;
}

.teaserStartseite .text a strong,
.teaserStartseite .text a b {
	color: #9a0000;
	text-decoration: none;
}

/*Weitere Seitenbereich Anfang
----------------------------------------------*/
.infoHead {
	background: transparent url(../img/bg_suche.png) repeat-x;
	padding: 10px;
}

.infohead label {
	margin-left: 5px;
	vertical-align: middle !important;
}

.infoHead input.search {
	width: 200px;
	margin: -1px 0 0 0;
	padding: 0 0 1px 3px;
}


.infoHead input.empty {
	color: #606060;
	padding: 0 0 1px 3px;
}

.detailFontBoxContentBoxRight input.empty {
	color: #606060;
}

p.infoBreadcrumb {
	margin: 5px 0 8px 0;
}

.teaser {
	margin: 15px 0;
	color: #666;
}

.infoDownload {
	margin: 20px 0;
	padding: 0 0 0 15px;
}

.infoDownload img {
	vertical-align: top;
	float: left;
}

.infoDownload p {
	padding: 5px 0 5px 47px;
}

/*Startseite Bilder Anfang
----------------------------------------------*/
.themenbildBs {
	margin: 20px 0;
	color: white !important;
	width: 964px;
	overflow: hidden;
}
.themenbildBs span, 
.themenbildBs P{
	color: white !important;
	line-height: 14px;
}

.themenbildBs b,  
.themenbildBs strong {
	color: #ffA500;
}

.themenbildBs a {
	color: #ffA500;
	text-decoration: none;
}

.themenbildBs .thema {
	width: 602px;
	float: left;
}

.themenbildBs .bgo {
	width: 180px;
	float: left;
	background: #fff url(../img/bg/startteaser_dunkel_o.gif) no-repeat;
	margin-top: 1px;
}

.themenbildBs .bgu {
	height: 311px;
}

.themenbildBs .bgu li {
	list-style: none;
	margin-top: 15px;
	width: 160px;
	margin-left: 1em;
	height: 130px;
	overflow: hidden;
}

.themenbildBs .bgu li img {
	display: block;
	margin: 0;
}

.themenbildBs .bgu li.bildlinks img {
	display: inline;
	float: left;
	margin: 0 5px 0 0;
}

.themenbildBs .bgu li span {
	display: block;
	width: 150px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.themenbildBs .bgu li.bildlinks span {
	display: inline;
	width: 80px;
	margin: 0;
}

.themenbildBs .bgu {
	width: 177px;
	background: transparent url(../img/bg/startteaser_dunkel_u.gif)	no-repeat 0 100%;
}

/*Slideshow weitere Seitenbereiche
----------------------------------------------*/

#noslideshowModule, 
#slideshowModuleContainer {
	background: #fff url(../img/bg/bg_slideshow.gif) top left no-repeat;
	clear: both;
	height: 300px;
	width: 770px;
}

#noslideshowModule[id],
#slideshowModuleContainer[id] {
	display: table; 
	position: static;
	text-align: center;
}


#noslideshowModuleInner[id],
#slideshowModule[id] {
	display: table-cell; 
	vertical-align: middle; 
	position: static;
}

#slideshowFrameContainer {
	/* border: 1px solid red; */
	float: left;
	height: 280px;
	position: relative;
	width: 700px;
	margin: 10px 0 0 10px;
}

.slideshowFrameContainerForImg {
	position: absolute;
	height: 280px;
	width: 700px;
	text-align: center;
}

#slideshowNavigation {
	float: right;
	width: 30px;
	z-index: 2;
}

#slideshowNavigation li {
	float: left;
	margin: 0 8px 8px 0;
	list-style: none;
	width: 22px;
	height: 22px;
}

#slideshowNavigation li a {
	text-decoration: none;
	display: block;
	height: 22px;
	width: 22px;
	outline: none;
}

#slideshowNavigation li.frame {
	background: url(../img/btn/slideshow/slideshow_default.gif) top left no-repeat;
	display: block;
	text-decoration: none;
}

#slideshowNavigation li.frame.isActive {
	background: transparent url(../img/btn/slideshow/slideshow_working.gif) top left no-repeat;
	font-weight: bold;
}

#slideshowFrameContainer img.slide1 {

}

#slideshowFrameContainer img.slide2 {
	opacity: 0;
	filter: alpha(opacity =     0);
}


/*mein Fontshop Start
----------------------------------------------*/
.myfontshopstart {
	background: transparent url(../img/bg/myfontshopstart.jpg) no-repeat right top;
	overflow: hidden;
	padding: 10px 0;
}

.myfontshopWelcome {
	background: transparent url(../img/bg/myfontshop.jpg) no-repeat right top;
	padding: 10px 0 20px 0;
}

.myfontshopWelcome,.myfontshopstart h1,.myfontshopstart h2,.myfontshopstart p {
	margin: 0px 0 15px 0;
	color: #666666;
	font-weight: normal;
}

/* My Fontshop Welcometext */
.myfontshopWelcome p,.myfontshopstart p {
	margin-right: 20px;
	color: #666;
	clear: both;
	line-height: 16px;
	text-align: left;
	padding-left: 20px;
	width: 440px;
}

.myfontshopWelcome h1,.myfontshopstart h1 {
	background: transparent url(../img/myfontshop/icon_schloss.gif) no-repeat 18px 7px;
	color: #666666;
	font-size: 24px;
	padding-left: 20px;
	font-weight: normal;
	width: 440px;
}

.myfontshopstart h1 {
	padding-left: 42px;
}

#innerColOther p#myFontShopWelcomeUserName {
	line-height: 30px;
	padding-left: 20px;
}
.myFontShopWelcomeUserName p{
 width: 10px;
}
.myfontshopstart h2 {
	font-size: 16px;
	margin: 10px 0px 0px 20px;
	line-height: 24px;
}

.myfontshopstart form {
	margin: 10px 0pt 15px 20px;
	width: 260px;
	text-align: right;
	overflow: hidden;
}

.myfontshopstart label {
	display: block;
	float: left;
	width: 65px;
	text-align: right;
	color: #666;
	font-weight: bold;
	clear: left;
	line-height: 28px;
}

.myfontshopstart .right {
	margin: 5px 6px 5px 0;
	clear: both;
}

.myfontshopstart input {
	vertical-align: top;
	font-family: verdana;
	font-size: 11px;
	margin: 3px 0;
	padding: 3px;
}

.myfontshopstart input.userdata {
	width: 170px;
}

.myfontshopstart input.register,.myfontshopstart input.login {
	margin: 10px 5px 0px 0px;
	border: none;
}



/* Mein Fontshop Orders */
.myfontshop form.ordersoptions {
	background: #FFE774 url(../img/bg_topnav2.png) left bottom repeat-x;
	border-bottom: none;
	padding: 0px 20px 10px;
	height: 18px;
}

form.ordersoptions label {
	font-weight: bold;
	margin-right: 50px;
}

form.ordersoptions select {
	border-width: 0px;
	font-size: 110%;
	height: 17px;
	margin: 0pt 5px 0pt 5px;
	vertical-align: top;
	width: 128px;
}

form.ordersoptions ul {
	list-style-type: none;
	height: 14px;
}

form.ordersoptions li {
	float: left;
	padding: 2px 10px 4px 2px;
}

form.ordersoptions li.monat {
	color: #ccc;
	padding: 2px 5px 4px 5px;
}

form.ordersoptions li.monat:hover {
	color: #FFF;
	background: url(../img/marker_small.png) center center no-repeat;
}

form.ordersoptions li.monat:hover a {
	color: #FFF;
}

form.ordersoptions ul li.right {
	float: right;
	padding: 2px 0px 4px 10px;
}

.myfontshop dl.accordion-menu {
	margin-top: 0px;
}

.myfontshop dt.note {
	border-top: 1px solid #B7BDBF;
	color: #666;
	font-weight: bold;
	padding: 8px;
	text-align: center;
}

.myfontshop dt.note span {
	color: #006FB9;
}

.myfontshop .orders {
	border: none;
	padding: 10px 0 0 22px;
}

.myfontshop .orders h4 {
	float: left;
	font-size: 11px;
	color: #666;
	padding: 5px 0 0 0;
}

.myfontshop .orders ul {
	list-style-type: none;
	width: 550px;
	margin: 0 0 0 110px;
	padding: 5px 0;
}

.myfontshop .orders ul li {
	padding-bottom: 20px;
}

.myfontshop .orders ul li td.orderImgPreview {
	width: 80px;
}

.myfontshop .orders .thumb {
	float: left;
	margin: 0px 5px 0px 5px;
}

.myfontshop .orders .thumb.cd {
	width: 50px;
}
/*
.myfontshop .orders img.download {
	margin: -2px 5px 0 5px;
}

.myfontshop .orders .download {
	float: right;
	margin: 0px 5px 0px 5px;
	height: 20px
}
*/
#innerColOther .myfontshop .orders hr {
	border: none 0;
	background: url(../img/myfontshop/trenner.gif) center no-repeat;
	width: auto;
	height: 1px;
	/*whatever the total width of the border-top and border-bottom equal*/
	margin: 10px 0px 10px 0px;
	text-align: left;
	clear: both;
}

/* My Fontshop DATA */
.myfontshop .data {
	width: 650px;
}

.myfontshop .data label {
	font-weight: normal;
	color: #666;
}

.myfontshop .data dl {
	width: 700px;
	margin-bottom: 20px;
	overflow: hidden;
	line-height: 18px;
}

.myfontshop .data dt {
	width: 140px;
	float: left;
	margin: 0px 10px 0 10px;
	text-align: right;
}

.myfontshop .data dd {
	width: 450px;
	float: left;
	margin: 0px 10px 0 10px;
	font-weight: bold;
	height: 35px;
}

.myfontshop .data dl#address dd span.editable {
	height:18px;
}

.myfontshop .data dd span.spanAendern {
	float: right;
	position: relative;
}

.myfontshop .data .editable_input {
	font-size: 11px;
	font-family: verdana;
	height: 14px;
	width: 180px;
}
.myfontshop .data dl#login .editablelogin input,
.myfontshop .data dl#password .editablepassword input,
.myfontshop .data dl#address .editableaddress input,
.myfontshop .data dl#bank .editablebank input,
.myfontshop .data dl#credit .editablecredit input {
	font-size: 11px;
	font-family: verdana;
	padding: 3px;
	width: 180px;
	font-weight: normal;
	margin-top: -1px;	
}

#adressbuchlayer .editable_input {
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	padding: 2px 2px 1px 2px;
	width: 180px;
}

#adressbuchlayer .zip {
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	padding: 2px 2px 1px 2px;
	width: 40px;
}

.myfontshop .data dl#credit .kartennummer input {
	font-size: 11px;
	font-family: verdana;
	padding: 3px;
	width: 34px;
	font-weight: normal;
	margin-top: -1px;	
}

dl#credit #creditCardInputFieldsHidden input {
	font-size: 11px;
	font-family: verdana;
	padding: 3px;
	width: 34px;
	font-weight: normal;
	margin-top: -1px;	
}

.myfontshop .data dl#address .editableaddress select,
.myfontshop .data dl#credit .editablecredit select {
	font-size: 11px;
	font-family: verdana;
	padding: 1px 1px 1px 0;
	font-weight: normal;
	margin-top: 0px;
	height: 21px;
}

#address input#zipcode {
	width: 40px;
}

.myfontshop .data dd a.dbDatenAendern { /* float: right; */
	font-weight: normal;
	color: #666;
	text-decoration: underline;
}

.myfontshop .data dd a.aendernSingle {
	font-weight: normal;
	color: #666;
	text-decoration: underline;
	/*padding-right: 30px;*/
}

.myfontshop .data .error, 
.myfontshop .data .error label, 
.fehlerlogin {
	color:#FF0000 !important;
	font-weight:bold;
}

.myfontshop .data .error span {
	white-space: nowrap;
}

.myfontshop .data .error {
	display:none;
	height: 17px;
}

#myErrorTableAddressLayer dd.error {
	height: 40px;
	margin-left: 40px;
}

#myErrorTableAddressLayer dd.error span {
	white-space: normal;
}

#errorAddressContainer {
	overflow: visible;
}

#errorAddressContainer dd.error {
	height: 40px;
}

#errorAddressContainer dd.error span {
	white-space: normal;
}

/* My Fontshop PREFERENCES */
.myfontshop .preferences {
	width: 600px;
	margin-top: 10px;
	margin-bottom:36px;
}

.myfontshop .preferences form.newsletter input {
	margin: 0px 10px 0px 10px;
}

.myfontshop .orderoptions .monat {
	cursor: pointer;
}

.myfontshop .preferences form.newsletter label {
	font-weight: bold;
}

.myfontshop .preferences form.newsletter a {
	color: #006FB9;
	text-decoration: none;
}

.myfontshop .preferences form.newsletter span {
	color: #006FB9;
	text-decoration: none;
}

.myfontshop .preferences form.newsletter dl {
	margin-left: 70px;
}
.myfontshop .preferences form.newsletter dt {
	width: 240px;
	float: left;
	margin-bottom: 10px;
}

.myfontshop .preferences form.newsletter dd {
	width: 100px;
	float: left;
	margin-bottom: 1.5em;
}

.myfontshop .preferences table {
	width: 600px;
	margin-left: 55px;
	vertical-align: top;	
}

.myfontshop .preferences .bilderProSeite{
	width:170px;
	margin-left: 0px;
	vertical-align: top;
	
}
.myfontshop .preferences .bilderAnzeigeGroesse{
	margin-left: 45px;
	width: 500px;
	vertical-align: top;
}
.myfontshop .preferences .schriften{
	margin-left: 0px;
	width: 600px;
	vertical-align: top;
}
.myfontshop .preferences .schriftenProSeite{
	width: 160px;
	margin-left: 55px;
	vertical-align: top;

}
.myfontshop .preferences .schriftenMusterText{
	margin-left: 15px;
	vertical-align: top;
	width: 170px;
}

.schriftenMusterText input#personalText {
	padding: 1px 0 1px 3px;
}	

.myfontshop .preferences #personalText {
	width:100%;
}

.myfontshop .preferences .schriftenAnzeigeGroesse {
	margin-left: 55px;
	vertical-align: middle;
	width: 241px;
}

.myfontshop .preferences table th,.myfontshop .preferences table td {
	padding: 5px 10px 5px;
	text-align: left;
	vertical-align: top;
	margin-right: 10px;
}

.myfontshop .preferences table.schriftenAnzeigeGroesse td,
.myfontshop .preferences table.schriftenProSeite td
 {
	vertical-align:middle;
	text-align:center;
	padding:3px;
}
.myfontshop .preferences table.schriftenAnzeigeGroesse th,
.myfontshop .preferences table.schriftenProSeite th
 {
	vertical-align:middle;
	text-align:left;
	padding:3px;
}

.myfontshop .preferences table th.left,.myfontshop .preferences table td.left
{
	text-align: left;
}
.myfontshop .preferences table th.right,.myfontshop .preferences table td.right
	{
	text-align: right;
}

.myfontshop .preferences h4 {
	color: #666;
	margin: 0px;
}

/* My Fontshop Commons */
.myfontshop hr {
	border-top: 1px solid #ccc; /*the border*/
	border: none 0;
	width: 100%;
	height: 1px;
	/*whatever the total width of the border-top and border-bottom equal*/
	margin: 10px 0px 10px 0px;
	text-align: left;
	clear: both;
	background: url(../img/myfontshop/trenner.gif);
}

.myfontshop ul.reiter {
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}

.myfontshop ul.reiter li.aktiv a {
	background-image: url(../img/bg_reiter_aktiv_re_mfs.png);
	font-weight: bold;
}

.myfontshop ul.reiter li.blank a {
	font-size: 11px;
	background: none;
	text-decoration: underline;
}

.myfontshop ul.reiter li.blank {
	background: none;
	float: right;
}

/* ---------------------------------------------- */
	/* -------- Bereichsstartseiten Commons --------- */
	/* ---------------------------------------------- */
#innerColOther p {
	color: #666;
	line-height: 16px;
	/*text-align:right; */ /* margin: 0 0 1em; */
}

#innerColOther p.fehler {
	color: #900;
	margin: 0;
}

/* Fehlermeldung Login MyFontshop durch diese Klasse einzeilig */
#innerColOther .loginbox p.fehler {
	color: #900;
	margin: 0;
	position: absolute;
	margin-left: 250px;
	margin-top: -20px;
}

div.fehlerCCard {
	width:600px;
	padding-bottom:3px;
}
dd.errorcredit {	
	height:auto !important;
	overflow:visible !important;
	min-height:35px;
}

#innerColOther .rightBox,
#innerColOther start.right,
#innerColOther .start
	{
	overflow: hidden;
	margin-top: 10px;
	width: 580px;
}

#innerColOther .bottomteaser {
	width: 550px;
	overflow: hidden;
	padding: 10px 15px;
	color: #666;
}

#innerColOther .bottomteaser img {
	float: left;
	margin: 0 13px 0 0;
}

#innerColOther .bottomteaser p {
	margin: 0 0 0 70px;
}

#innerColOther.corporateFont .start{
	margin-top: 0px;
}

#innerColOther .start.left {
	float: left;
}

#innerColOther .rightBox,.corporatefontDetail {
	float: right;
}

#innerColOther .rightBox {
	width: 180px;
}

#innerColOther .rightBox ul {
	list-style: none;
	margin: 12px 0 0 12px;
	padding: 0 0 12px 0;
	width: 150px;
	line-height: 16px;
}

#innerColOther .rightBox ul li {
	margin: 0 0 12px 0;
}

#innerColOther .rightBox h4 {
	background: url(../img/sonstige/sonstige_subhead_bg.gif) repeat-x;
	height: 25px;
	padding: 7px 0pt 2px 10px;
}

#innerColOther #fontBag .rightBox h4 {
	background-image: none;
	background-color: #f4f4f4;
	height: auto;
	padding: 7px 0 7px 10px;
}

#innerColOther .rightBox hr {
	border: none 0;
	border-top: 1px solid #ccc; /*the border*/
	height: 1px;
	/*whatever the total width of the border-top and border-bottom equal*/
	text-align: left;
	margin: 2px 0 -3px 12px;
}

#innerColOther .start .teaser {
	overflow: hidden;
}

#innerColOther .start .teaser .teaserSpalte {
	float: left;
	margin: 0;
	padding: 15px;
	width: 162px;
}

#innerColOther img.product {
	float: left;
	padding-right: 5px;
}

#innerColOther .teaserSpalte ul {
	list-style: none;
}

#innerColOther .start .teaser .teaserSpalte.middle {
	border-left: 1px solid #bdcad1;
	border-right: 1px solid #bdcad1;
	margin-top: 0px;
}

#innerColOther hr {
	border-top: 1px solid #ccc; /*the border*/
	border: none 0;
	height: 1px;
	/*whatever the total width of the border-top and border-bottom equal*/
	margin: 10px 0px 10px 0px;
	text-align: left;
	width: 780px;
	margin-bottom: 10Px;
	background: url(../img/myfontshop/trenner.gif);
}

/*
#innerColOtherWrapper {
	 width: 770px;
	 float: left
}
*/
.corporateFont #innerColOtherWrapper {
	 width: 0px;
	 float: left
}

/* ---------------------------------------------- */
	/* ------------- Static Pages Commons ----------- */
	/* ---------------------------------------------- */
#infoContent,#fontbagContent {
	overflow: hidden;
	margin-bottom: 30px;
	width: 580px; 
}
.fontbagContent {
	width: 590px !important;
}

.fontbagContentTeaser
{
	background-color: #FFDE00;
	width: 770px;
}

#infoContentSchaufenster {
	color: #666;
	overflow: hidden;
	margin-bottom: 30px;
	width: 580px;
}

#infoContentSchaufenster ul li {
	margin: 0 0 6px 0;
	
}

#fontbagContent img.theme,#infoContent img.theme {
	width: inherit;
}

#fontbagContent a,
#infoContent a {
	color: #000;
	text-decoration: underline;
}

#fontbagContent a:hover,
#infoContent a:hover {
	color: #FFDE00;
	text-decoration: underline;
}

/* ---------------------------------------------- */
	/* ------------------- Fontbag ------------------ */
	/* ---------------------------------------------- */
#fontbagContent .theme {
	margin-top: 12px;
	position: relative;
	height: 235px;
	overflow: hidden;
}

#fontbagContent .theme img {
	position: absolute;
	top: 0;
}

#fontbagContent .theme h1 {
	position: absolute;
	top: 20px;
	right: 15px;
	z-index: 100;
	color: white;
	width: 330px;
}

#fontbagContent .theme p {
	position: absolute;
	top: 100px;
	right: 15px;
	z-index: 100;
	color: white;
	width: 330px;
}

#fontbagContent .theme em {
	color: yellow;
	font-style: normal;
}

#fontbagContent .copy {
	font-family: georgia;
	font-style: italic;
	font-size: 16px;
	color: #666;
	line-height: 24px;
	margin: 10px 0px;
}

#fontbagContent .font {
	color: #999;
	margin: 10px 0;
	border-top: 1px solid #999;
	padding-top: 10px;
	font-size: 11px;
}

#fontbagContent h2 {
	color: #9A0000;
	font-size: 14px;
}

#fontbagContent .font img {
	margin: 10px 0;
}

#fontbagContent .font img.icon {
	margin: 0px;
}

#fontbagSidebar {
	float: right;
	/*background: url(../img/btbg/bg_fontBag_seitenleiste.jpg) top left
		no-repeat;
		*/
	padding: 10px 8px 10px;
	width: 164px;
	overflow: hidden;
}

#fontbagSidebar p {
	margin-bottom: 15px;
}

#fontbagSidebar dl {
	line-height: 16px;
}

#fontbagSidebar dd.light {
	color: #999;
}

#fontbagSidebar dt {
	font-weight: bold;
	color: #9a0000;
	margin-top: 5px;
}

/* ---------------------------------------------- */
	/* ------------ Statische Meta-Seiten ----------- */
	/* ---------------------------------------------- */
#infoContent h2 {
	width: 600px;
	margin: 15px 0;
	padding: 7px 0 9px 10px;
	background: url(../img/bg/bg_info01.jpg) repeat-x;
	font-weight: bold;
}

#infoContent h3 {
	margin: 0 0 1em;
	font-size: 16px;
	color: #9A0000;
	font-weight: bold;
	line-height: 1em;
}

#infoContent h3 {
	margin: 0 0 1em;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	line-height: 1.5em;
}

#infoContent h4 {
	margin: 0 0 1em;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	line-height: 1.5em;
}

#infoContent .wrapper {
	background: url(../img/bg/bg_info01.jpg) repeat-x;
	padding: 20px 10px;
	overflow: hidden;
}

#infoContent .wrapper h4 {
	margin: 10px 0 2px 0;
}

#infoContent .wrapper form {
	margin: 10px 0;
}


#infoContent .wrapper label {
	display: block;
	float: left;
	line-height: 16px;
	width: 90px;
}

#infoContent .wrapper hr {
	border: none 0;
	border-top: 1px solid #ccc; /*the border*/
	width: 100%;
	height: 1px;
	/*whatever the total width of the border-top and border-bottom equal*/
	clear: both;
	text-align: left;
	margin: 10px 0 10px 0;
}

#infoContent .wrapper input {
	vertical-align: 8px;
}

#infoContent .wrapper input.small {
	margin-right: 7px;
	width: 40px;
}

#infoContent .contactwrap fieldset {
	border: none;
}

#infoContent .contactwrap fieldset span{
	margin-right: 10px;
	vertical-align: 9px;
}

#infoContent .contactwrap label {
	width: 150px;
}

#infoContent .contactwrap label.timeline {
	float: left;
}

#infoContent #contactCheckbox input {
	float: left;
}

#infoContent #contactCheckbox {
	margin-top: 10px;
	padding-top: 10px;
}

#infoContent #contactCheckbox br {
	clear: left;
}

#infoContent #contactCheckbox label {
	line-height: 12px;
	margin-left: 10px;
}

#infoContent #contactCheckbox label.lastLabel {
	line-height: 19px;
	margin-left: 10px;
}

#infoContent #contactCheckbox input {
 	margin-bottom: 10px;
}

#infoContent dl.accordion-menu {
	margin: 0;
}

#infoContent .addressbox {
	background: url(../img/bg/bg_addressbox01.jpg) top left repeat-x;
	height: 50px;
	overflow: hidden;
}

#infoContent .addressbox p,#infoContent .addressbox span.adress {
	float: left;
	margin: 3px 10px;
	line-height: 14px;
}

#infoContent .addressbox h1,#infoContent .addressbox span.title {
	float: left;
	width: 254px;
	font-size: 20px;
	padding: 0 0 0 25px;
	background: transparent url(../img/btbg/bg_arrow_toggle_info.gif)
	no-repeat;
	background-position: -1px -5px;
	cursor: pointer;
}

#infoContent .addressbox.a-m-t-expand span.title {
	background-position: -1px -41px;
	cursor: pointer;
}

#infoContent .geschlossen {
	display: none;
}

#infoContent .infoBox {
	background: url(../img/bg/bg_info01.jpg) top left repeat-x;
	padding: 28px 10px 10px 10px;
}

#infoContent p {
	color: #666666;
	padding: 10px 0;
}

#infoContent .addressbox p {
	color: #666666;
	padding: 3px 0;
}

#infoContent p strong {
	color: #000;
}

#infoContent hr {
	border: none 0;
	width: 100%;
	height: 1px;
	/*whatever the total width of the border-top and border-bottom equal*/
	clear: both;
	text-align: left;
}

#infoContent ul {
	color: #666666;
	margin: 12px 0 10px 0;
}
#infoContent ol {
	color: #666666;
	margin: 12px 0 10px 0;
}

#infoContent td {
	color: #666666;
}

#infoContent ul li {
	margin: 0 0 6px 0;
	
}

#infoContent .icons {
	float: right;
	width: 150px;
	text-align: right;
}

#infoContent .right {
	float: right;
	width: 48%;
}

#infoContent .left {
	float: left;
	width: 48%;
}

#infoContent dl.teamMember {
	float: left;
	width: 270px;
	margin: 10px 10px 0 0;
}

#infoLeftNavi {
	float: left;
	padding-top: 19px;
	margin-right: 10px;
	width: 180px;
	background: url(../img/bg_lin_top.gif) no-repeat;
	overflow: hidden;
	height: 500px;
}

#infoLeftNavi h4 {
	color: #6A6A6A;
	font-size: 11px;
	line-height: 25px;
	margin: -22px 0pt -2pt 30px;
}


#infoLeftNavi.corporatefont {
	margin-top: 10px;
	background: url(../img/bg_lin2_top.gif) no-repeat;
}

#infoLeftNavi ul {
	padding-bottom: 12px;
	list-style: none;
	background: url(../img/bg_lin_bottom.gif) bottom left no-repeat;
}

#infoLeftNavi ul li {
	background-color: #F1F2F2;
	border-bottom: 1px solid #DBDFDE;
}

#infoLeftNavi ul li a {
	display: block;
	text-decoration: none;
	padding: 2px 0 2px 20px;
	color: #6A6A6A;
}

#infoLeftNavi ul li a:hover,
#infoLeftNavi ul li a.active {
	background-color: #DBDFDE;
	color: #000;
	font-weight: bold;
}

#infoLeftNavi ul li a.sublink {
	font-weight: bold;
}

#infoLeftNavi ul.sub {
	padding-bottom: 0;
	list-style: none;
	background: none;
	margin-bottom: -1px;
}

#infoLeftNavi ul.sub li {
	background-color: #E9EBEB;
	/* border-top: 1px solid #DBDFDE; */
	/* border-bottom: 1px solid #E9EBEB; */ 
}

#infoLeftNavi ul.sub li a {
	display: block;
	text-decoration: none;
	padding: 2px 0 2px 20px;
	color: #000;
}

#infoLeftNavi ul.sub li a.subA {
	display: block;
	text-decoration: none;
	padding: 2px 0 2px 30px;
	color: #000;
}


#infoLeftNavi ul.sub li a:hover,#infoLeftNavi ul.sub li a.active {
	background-color: #DBDFDE;
	color: #000;
	font-weight: bold;
}

dl.teamMember dt.photo {
	float: left;
}

dl.teamMember dd.name strong{
	color: #9A0000;
}

dl.teamMember dd {
	margin: 0 0 10px 75px;
	color: #666;
}

dl.agenturInfo,dl.fontCompanyInfo {
	float: right;
	display: inline; /* fixes IE/Win double margin bug */
	border-top: 1px solid #999;
	padding: 10px 20px 10px 0;
	width: 560px;
}

dl.agenturLicense {
	display: inline; /* fixes IE/Win double margin bug */
	border-top: 1px solid #999;
	padding: 10px 20px 10px 0;
	float: right;
}

dl.agenturInfo dt,dl.agenturLicense dt,dl.fontCompanyInfo dt {
	float: right;
	width: 420px;
	margin: 0 0 1em 0;
	padding: 2px 0 0 0;
	color: #000;
	line-height: 1.5em;
}

dl.agenturInfo a,dl.agenturLicense a,dl.fontCompanyInfo a {
	color: #000000;
	text-decoration: underline;
}

dl.agenturInfo a:hover,dl.agenturLicense a:hover,dl.fontCompanyInfo a:hover {
	color: #FFDE00;
	text-decoration: underline;
}

dl.agenturInfo dt strong,dl.agenturLicense dt strong,dl.fontCompanyInfo dt strong
	{
	font-size: 11px;
	font-weight: bold;
	margin: 0pt 0pt 1em;
}

dl.agenturInfo dd,dl.agenturLicense dd,dl.fontCompanyInfo dd {
	margin: 0 0 1em 140px;
	padding: 34px 0 0 0;
	line-height: 1.5em;
}

.agenturBox dl.agenturInfo dd {
	margin:0 0 1em 180px;
}

dl.agenturInfo dd.image,dl.agenturLicense dd.image,dl.fontCompanyInfo dd.image {
	margin: 0;
	padding: 0;
}

.fontAgencies dl.agenturInfo dd.image {
	float: left;
	margin: 45px 0 0 0;
}

dl.agenturInfo dd.image img,dl.agenturLicense dd.image img,dl.fontCompanyInfo dd.image img {
	float: left;
}

dl.agenturInfo dt strong {
	float: left;
}

dl.agenturInfo dt .floatRight {
	padding-top: 0;
}

/* ---------------------------------------------- */
	/* ----------- Andere Seitenbereiche ------------ */
	/* ---------------------------------------------- */
#others {
	margin: 10px 0 13px 0;
}

#others .list {
	width: 100%;
}

#others .list td,.flohshopList td {
	border-bottom: 1px solid #ccc;
	line-height: 16px;
	vertical-align: top;
	padding: 5px;
}

#others .list td.icons {
	white-space: nowrap;
	vertical-align: top;
	width: 60px;
	padding: 10px 0 0 0;
}

#others .detailTabelle .preis {
	width: 60px;
}

#suchergebnis #others .list td,.flohshopList td {
	border-bottom: none;
}

/* ---------------------------------------------- */
	/* ------------------- FLOHSHOP ----------------- */
	/* ---------------------------------------------- */
.flohshopHead {
	height: 28px;
	background: transparent url(../img/bg_suche.png) repeat-x;
	padding: 10px 0 0 10px;
	margin: 0 1em 0em 0;
}

.seitennavFlohshop {
	position: relative;
	clear: both;
	border-bottom: 1px solid #000;
}

.flohshopList td img,#others .list td img {
	margin: 1px !important;
	vertical-align: middle;
}

.flohshopList th {
	background: #FFF url(../img/bg_abc_nav2.png) repeat-x top left;
	padding: 25px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.flohshopList td.producttext {
	width: 500px;
}

.flohshopList td.icons {
	white-space: nowrap;
	vertical-align: middle;
}

.flohshopList td.price {
	text-align: right;
	width: auto;
	vertical-align: middle;
}

.streichpreis {
	text-decoration: line-through;
}

.flohshopList td.price img {
	margin: 10px 0px 1px 5px;
	vertical-align: bottom;
}

.flohshopList td.price img.label {
	float: left;
	margin: 0px 10px 0px 10px;
}

.flohshopList h1 {
	text-align: left; /* IE6 */
	color: #666666;
	font-size: 24px;
	font-weight: normal;
}

.flohshopList h5.rabat,.flohshopList h5.title,.flohshopList h5.title a {
	color: #cc0000;
	font-size: 11px;
	text-decoration: none;
	white-space: nowrap;
}

.flohshopList h5.rabat {
	float: right;
}

.flohshopList td.price p {
	clear: both;
}

.flohshopList tr:hover {
	background: url(../img/bg_fontbox.gif) repeat-x top left;
}

#others .list td.bild a {
	display: block;
	position: relative;
}

#others .list td.bild {
	width: auto;
	padding: 10px 0;
	text-align: center;
}

.flohshopList .titelContent,#others .list .titelContent {
	width: 480px;
	padding: 10px 0;
}

#others .list .info {
	width: 110px;
	padding: 10px 0;
	font-weight: bold;
}

#others .list .info img {
	padding: 0 0 15px 0;
	clear: both;
}

#others .list .preis {
	width: 70px;
	text-align: right;
	font-weight: bold;
	vertical-align: top;
	padding: 10px 15px 0 0 !important;
}

.softwareDetail .right p {
	margin: 0 0 20px 0;
}

.softwareDetail .right #right-detail2-text {
	margin-top: 20px;
	width: 600px;
	padding-left: 175px;
}

.softwareDetail .right p.zwischenHl {
	margin: 7px 0 0 0 !important;
	font-weight: bold;
}

.softwareDetail .right p.bottom {
	margin: 0 !important;
	padding: 0 0 0 175px;
	width: 635px;
}

.softwareDetail .right h5 {
	color: #990000;
	display: inline;
	float: left;
	font-size: 17px;
	font-weight: bold;
	margin: 4px 0 18px 0;
}

/* ---------------------------------------------- */
	/* ------------- Startseite B?cher ------------- */
	/* ---------------------------------------------- */
.buecherListe {
	width: 697px;
	float: left;
}

ul.imgList {
	list-style: none;
	margin: 20px 0;
	overflow: hidden;
}

ul.imgList li {
	float: left;
	margin: 4px;
}

.titelContent h5,.titelContent h5 a {
	color: #990000;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	text-decoration: none;
}

/* ---------------------------------------------- */
	/* -------------- Startseite FONTS -------------- */
	/* ---------------------------------------------- */
.fontsStart .right dl {
	width: 161px;
	padding: 0 8px 20px 10px
}

.fontsStart .right dt {
	margin: 6px 0 0 0;
}

.fontsStart .right dd {
	line-height: 16px;
	color: #999;
}

.fontsStart .right p {
	width: 161px;
	padding: 20px 8px 20px 10px;
	line-height: 16px;
	color: #999;
}

.fontsStart .right p a {
	color: #999;
}

.fontsStart .right img.product {
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 20px;
	float: left;
}

.fontsStart .right p.producttext {
	margin-top: 20px;
}

/* ---------------------------------------------- */
	/* --------------- Corporate Fonts -------------- */
	/* ---------------------------------------------- */

.corporatefontDetail {
	/* overflow: hidden; */
	margin: 0px 0px 30px;
	float: right;
	width: 580px;
}

.corporatefontStart ul {
	list-style: none;
	color: #666;
	margin: 12px 0 0 0;
}

.corporatefontStart ul li {
	margin: 0 0 11px 0;
}

.corporatefontDetail .icons {
	float: right;
	width: 150px;
	text-align: right;
}

.corporatefontDetail h3 {
	margin: 0 0 1em;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	line-height: 1.5em;
}

.corporatefontDetail h4 {
	margin: 0 0 1em;
	font-size: 11px;
	color: #666;
	font-weight: bold;
	line-height: 1.5em;
}

.corporatefontDetail h2 {
	margin: 0 0 1em;
	font-size: 16px;
	color: #9A0000;
	font-weight: bold;
	line-height: 1em;
}

.corporatefontDetail .right {
	float: right;
	width: 420px;
}

.corporatefontDetail .left {
	float: left;
	width: 140px;
}

/* ---------------------------------------------- */
	/* ------------------- FOOTER ------------------- */
	/* ---------------------------------------------- */
#footer,#footer2 {
	clear: both;
	text-align: center;
	font-size: 11px;
	color: #575757;
	padding-bottom: 10px;
}

#footer2 {
	margin-right: 1em;
	border-top: 1px solid #5f5f5f;
	padding: 5px 0 0 0;
	width: 760px;
}

#footer.fix {
	width: 770px;
}

.mainColSpecialFonts #footer.fix {
	width:770px;
}

#footer.startpage {
	width: 863px;
}

#footer.corporatefont {
	/*
	margin-left: 175px;
	width: 597px;
	*/
	width: 770px;
}

#footer p {
	/* border-bottom: 1px solid #B7BDBF; */
	border-top: 1px solid #B7BDBF;
	padding: 0.6em;
}

#footer p.firstFooterCol {
	border-top: none;
	padding: 0.6em;
}

#footer a {
	color: #575757;
	text-decoration:none; 
}

#footer a:hover {
	text-decoration : underline;
}

#footer strong {
	color: #575757;
	font-weight: bold;
}

#footer img {
	vertical-align: middle;
	margin: 0 10px 0 0;
}

#mainColOther hr,#mainCol hr,#mainColFonts hr {
	border: none 0;
	border-top: 1px solid #ccc; /*the border*/
	height: 1px;
	/*whatever the total width of the border-top and border-bottom equal*/
	text-align: left;
	clear: left;
}

#teaserFonts {
	float: right;
	width: 200px;
	overflow: hidden;
	margin: 0 -200px 0 0;
	padding: 0;
}

#teaserFontsSmall {
	margin: 0 -180px 0 0;
	overflow: hidden;
	padding: 20px 0 0 0;
	width: 180px;
}

.teaserUmbruch {
	margin: 10px 0 0 0 !important;
	overflow: hidden !important;
	width: 790px !important;
	clear: left;
}

.teaserUmbruch {
	padding: 10px;
	float: left;
	margin-bottom: 0;
}

.teaserGrey img {
	padding: 10px 0 0 10px;
}

.imageHover {
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 2px 3px;
	color: #999;
}

select.multiselect {
	width: 180px;
	border: 1px solid #999;
}

select#subcategory {
	width: 282px !important;
}


select.multiselect2 {
	width: 282px !important;
		border: 1px solid #999;
}

textarea.textarea { 
	width: 343px;
	height: 95px;
	color: #666;
	font-size: 12px;
	font-family: verdana, sans-serif;
}

img.iconAcrobat {
	padding: 0 10px 0 0;
	vertical-align: middle;
}

.pdfLink {
	margin: 11px;
}

p.buecherDeschr {
	border-bottom: 1px solid #ccc !important;
	margin: 0 0 0 170px !important;
	padding: 0 0 0 0 !important;
}

/* ---------------------------------------------- */
	/* -------------------- POP UP  ----------------- */
	/* ---------------------------------------------- */
#popupBody {
	margin: 10px 10px 10px 10px;
	padding: 10px;
}

#popupBody h2 {
	font-size: 16px;
}

#popupBody .left {
	width: 402px;
	margin: 0 10px 0 0;
	float: left;
}

#popupBody .right {
	float: left;
}

#popupBody .zoomContent {
	border: 1px solid #c7c7c7;
	width: 390px;
	height: 320px;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 90px 0 0 0;
}

#popupBody .right ul {
	list-style: none;
	margin: 15px 0;
}

#popupBody .right ul li {
	padding: 0 0 15px 0;
}

/* ---------------------------------------------- */
	/* ---------------- Bl?ttern Navi  -------------- */
	/* ---------------------------------------------- */
.blaetterleiste {
	background-image: url(../img/bg_topnav2.png);
	padding-right: 15px;
}

.blaetterleiste .unten {
	background-image: url(../img/bg_topnav2.png);
	_border-bottom: 1px solid #ffcc00;
}

.blaetterleiste2 {
	background-image: url(../img/bg_topnav2.png);
	border-bottom: 1px solid #000;
	/* margin: 10px 0 0 0; */
}

* html .blaetterleiste label {
	vertical-align: super;
	font-size: 11px;
}

.blaetterleiste label {
	font-size: 11px;
	line-height: 17px;
	vertical-align: text-top;
}

.blaettern {
	font-size: 13px;
	padding: .3em 0 .3em 0;
	text-align: right;
}

.blaettern p {
	display: block;
	color: #5f5f5f;
}

.blaettern a,.blaettern strong {
	padding: 0;
	color: #5f5f5f;
	text-decoration: underline;
	font-size: 11px;
	line-height: 14px;
	vertical-align: text-top;
}

* html .blaettern a,.blaettern strong {
	vertical-align: super;
	font-size: 11px;
}

.blaettern a:hover,.blaettern strong {
	text-decoration: underline;
}

.blaettern a.prev {
	margin: 0;
	padding-right: .8em;
	padding-left: 1.8em;
	background: url(../img/icon_pfeil_grau_l.gif) 0px 50% no-repeat;
}

.blaettern a.next {
	margin: 0;
	padding-left: .8em;
	padding-right: 1.8em;
	background: url(../img/icon_pfeil_grau_r.gif) 100% 50% no-repeat;
}

.blaettern a.prevnext:hover {
	color: #A00;
	text-decoration: underline;
	background: none;
}

.sortierung {
	position: relative;
	float: left;
	padding: 4px 0pt 0pt 5px;
	margin: 0;
	font-size: 13px;
	width: 400px;
}

#seitenNavCarouselBilderId .sortierung {
	position: absolute;
}


.sortierung p {
	display: inline;
	word-spacing: 0;
	text-align: left;
	color: #666;
}

.sortierung p select {
	margin: 0 0 0 0.4em;
	font-family: verdana;
}

.sortierung label {
	font-size: 11px;
	line-height: 14px;
	padding-left: 5px;
}

.blaettern input {
	width: 40px;
	margin: 0 .5em;
	font-family: verdana;
}

.nav_blaettern,.nav_blaettern_typ1 {
	margin: 0;
	/*border-top: 1px solid #000;*/
	border-bottom: 1px solid #B7BDBF;
	height: 20px;
	background-image: url(../img/bg_topnav2.png);
	padding: 7px 15px 0px;
}

.nav_blaettern.unten,.nav_blaettern_typ1.unten {
	margin-top: 1em;
	border-top: 1px solid #B7BDBF;
	border-bottom: 1px solid #000;
	margin: 0 0 1.5em;
}

.nav_blaettern a,.nav_blaettern_typ1 a {
	padding-left: 18px;
	display: block;
	width: 11em;
	color: #5F5F5F;
	background-image: url(../img/icon_pfeil_grau_l.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.nav_blaettern a.rechts,.nav_blaettern_typ1  a.rechts {
	background-image: url(../img/icon_pfeil_grau_r.gif);
	background-position: top right;
	text-align: right;
	padding-right: 15px;
}

.nav_blaettern a:hover,.nav_blaettern a:active,.nav_blaettern a:focus,.nav_blaettern_typ1 a:hover,.nav_blaettern_typ1 a:active,.nav_blaettern_typ1 a:focus
	{
	text-decoration: underline;
}

/* ---------------------------------------------- */
	/* ---------------- FONT_SHUFFLE  --------------- */
	/* ---------------------------------------------- */

#resetFontShuffleSearch {
	background-color: #ffde00;
}


#fontShuffle {
	background-color: #FFDE00;
	color: #000;
	/*overflow: hidden;*/
	position: relative;
	width: 770px;
}

#fontShuffle .white {
	border-top: 8px solid #FFDE00;
	color: #000;
	background: #fff url(../img/bg_extended_fontshuffle.png) left bottom repeat-x;
}

#fontShuffleBreadCrumb {
	border-bottom: 40px solid #FFDE00;
	height: 28px;
	text-align: center;
}

#fontShuffle p.shuffleNew{
	position: absolute;
	margin-top: 339px;
	margin-bottom:0px;
	margin-left:192px;
	margin-right:0px;
}

#fontShuffle p.shuffleNew span{
	margin: -10px 0 0 0;
}

#shuffleBox {
	clear: both;
	height: 330px;
	margin: 0 auto;
	/* text-align: center;  => HD 880*/ 
	width: 660px;
}
#shuffleBox.eingeblendet{
	display: block;
}
#shuffleBox.ausgeblendet{
	display: none;
	height: 0px;
	
}
#linkDiv{
	float:right; 
	margin-top:-26px;
	margin-right: 10px;
}

#shuffleBox h4 {
	font-size: 11px;
	font-weight: normal;
	padding: 12px 0 0 0;
	text-align: center;
}

#bigShuffleMask {
	/* border: 2px solid orange;*/
	height: 398px;
	position: absolute;
	top: 8px;
	width: 766px;
}

#bigShuffle {
	width: 294px;
	height: 70px;
	position: absolute;
}
#bigShuffle p{	
text-align: center;

}

.shuffleContainer {
	width:265px;
	overflow:hidden;
	padding: 0px 10px;
}

.shuffleNoTextDeco {
	text-decoration: none;
}
.shuffleNew {
	padding-left: 100px;
}

#bigShuffle img {
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.shuffleHolder {
	float: left;
	background: url(../img/btbg/bg_fontShuffle_grau.png) top left
	no-repeat;
	width: 294px;
	height: 70px;
	margin: 15px;
	cursor: pointer; 
}

.shuffleHolderYellow {
	float: left;
	background: url(../img/btbg/bg_fontShuffle_gelb.png) top left
	no-repeat;
	width: 294px;
	height: 70px;
	margin: 15px;
	cursor:pointer;
}

.shuffleHolder a {
	width: 160px;
	display: block;
	margin: 50px auto 0 auto;
	text-decoration: none;
	color: gray;
}
.shuffleHolder i {
	color: gray;
}
.shuffleHolder p, .shuffleHolderYellow p {
	/* text-align: center;  => HD 880*/ 
}

.shuffleHolder img, .shuffleHolderYellow img {
	color: gray;
	margin-top: 0px;
}

.shuffleHolder .searchKeyword , .shuffleHolderYellow .searchKeyword {
	color: #666;
	text-align: center;
	margin-top: -13px;
}

.shuffleHolderYellow a {
	width: 160px;
	display: block;
	margin: 50px auto 0 auto;
}

.shuffle01 {
	background: url(../img/btbg/bg_shuffle01.png) top left no-repeat;
	color: #555;
}

.shuffle02 {
	background: url(../img/btbg/bg_shuffle02.png) top left no-repeat;
}

.shuffle03 {
	background: url(../img/btbg/bg_shuffle03.png) top left no-repeat;
}

.shuffle04 {
	background: url(../img/btbg/bg_shuffle04.png) top left no-repeat;
}

.shuffle05 {
	background: url(../img/btbg/bg_shuffle05.png) top left no-repeat;
}

.shuffle06 {
	background: url(../img/btbg/bg_shuffle06.png) top left no-repeat;
}

.shuffle01:hover,.shuffle02:hover,.shuffle03:hover,.shuffle04:hover,.shuffle05:hover,.shuffle06:hover
	{
	background-position: 0 -70px;
}

#carousel-head .show-images-link p {
	text-align: center;
}

#carousel-head .show-images-link a {
	text-decoration: underline;
}

#carousel-head .show-images-link strong {
	text-decoration: underline;
}

#carousel-head .show-images-link {
	width: 80%;
}

#carousel-head .logo {
	float: left;
	text-align: left;
}

#font-extended-margin-left {
	margin-left: -10px;
}

#font-extended-margin-left td {
	white-space: nowrap;
}

.left-button-image {
	margin: 0px;
	padding: 0px;
}

.hidden-keyword-field {
	visibility: hidden;
	display: none;
}

.clusterlogo {
	position:relative;
	z-index: 1;
}

.agencylogo {
	position:relative;
	z-index: 1;
	margin-top: -10px;
}

.cd-result-topic {
	color: #9A0000;
	text-decoration: none;
}

.errorpage {
	margin-top: 50px;
}

.cdErgebnisZeile .btnDownload,.cdBeschreibung .btnDownload {
	margin: 0 1px 0 0;
}

.removeAdditional {
	opacity: 0 !important;
}

.ergebnisSearch {
	min-width: 628px;
}

* html .ergebnisSearch {
	width: 80%;
	min-width: 400px;
	float: left;
}

.ergebnisSearch2 {
	min-width: 807px;
	float: left;
}

.ergebnisSearch3 {
	min-width: 617px;
	float: left;
}

.seitennavFloat {
	padding: 0 186px 0 0;
	width: 80%;
	float: left;
}

.others-list-item {
	max-width: 100px;
	max-height: 100px;
	overflow: hidden;
}

.unselectable {
	-moz-user-select: none;
	-khtml-user-select: none;
}

.fix-teaser {
	margin-right: 180px;
}

.fix-teaser-detail {
	margin-right: 190px;
}

.logo-size {
	width: 120px;
	float: left;
}

.suggestion_list {
	background: #fff;
	border: 1px solid;
	padding: 4px;
}

.suggestion_list ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.suggestion_list a {
	text-decoration: none;
	color: #000;
}

.suggestion_list .selected {
	background: #fafafa;
	color: #000;
	border: 1px solid #000;
}

.suggestion_list .selected a {
	color: #000;
}

#autosuggest {
	display: none;
	border: 1px solid #000;
	z-index: 1;
}

#autosuggest {
	display: none;
	border: 1px solid #000;
	z-index: 1;
}
/* custom styles for scrolling container */
#suggestfontsautocomplete {
	width: 245px; /* set width of widget here*/
	height: 15px; /* define height for container to appear inline */
	z-index: 1;
}

#suggestfontscontainer .yui-ac-content {
	max-height: 11em;
	overflow: auto;
	width: 247px;
	margin-top: 8px;
	overflow-x: hidden; /* scrolling */
	_height: 11em; /* ie6 */
	z-index: 15;
}

#suggestfontscontainer1 .yui-ac-content,
#suggestfontscontainer2 .yui-ac-content,
#suggestfontscontainer3 .yui-ac-content,
#suggestfontscontainer4 .yui-ac-content {
	z-index: 10048;
}

#suggestcompanysautocomplete {
	width: 245px;
	height: 15px;
	z-index: 1;
}

#suggestcompanycontainer .yui-ac-content {
	max-height: 11em;
	width: 247px;
	margin-top: 8px;
	overflow: auto;
	overflow-x: hidden; /* scrolling */
	_height: 11em; /* ie6 */
	z-index: 15;
}

#suggestdesignerautocomplete {
	width: 245px; /* set width of widget here*/
	height: 15px; /* define height for container to appear inline */
	z-index: 1;
}

#suggestdesignercontainer .yui-ac-content {
	max-height: 11em;
	width: 247px;
	margin-top: 8px;
	overflow: auto;
	overflow-x: hidden; /* scrolling */
	_height: 11em; /* ie6 */
	z-index: 15;
}


.img .cdtitle-padding p {
	padding-left: 2px;
}

.img .cdtitle-padding p.cdtitle-nowrap{
	white-space: nowrap;
}

.img .cdtitle-padding p strong{
	width: 186px;
}

.yui-skin-sam .yui-ac {
	position: static !important;
}

#suggestfontsautocomplete {
	position: absolute;
}

#suggestfontscontainer {
	position: relative;
	z-index: 999;
}

.yui-ac-content {
	position: relative;
	z-index: 999;
}

#mainColFonts .sortierung label {
	padding-left: 0px;
}

#searchResultAccordion {
	width:770px;
}

.mainColSpecialFonts dl#searchResultAccordion dt.a-m-t {
	position:relative;
}

#mainColOther #searchResultAccordion #others {
	margin: 0px;
}

.image-header td {
	padding:3px;
}

/* missing password Layer */
#missingPassword h3, #missingPassword h1 {
    padding:0 0 0 20px;
    background:none;
    color:#9A0000;
}

#missingPassword label {
	text-align:left;
	padding:0 0 0 20px!important;
}

#missingPassword input#email {
	width:190px!important;
	margin:0px!important;
	padding:2px!important;
}

#missingPassword .hd {
	text-align:right;
	padding:0 10px 0 0;
}

#missingPassword p.error {
	display:none;
	color:#FF0000;
	font-weight:bold;
}

#missingPassword .hd .closeButton {
	cursor:pointer;
}

#missingPassword .ft .submitbutton {
	margin:3px;
	cursor: pointer;
}

#missingPassword p.success {
	display:none;
	color:green;
	font-weight:bold;
}

#bestellprozessForm div#hidden-div {
        visibility:hidden;
}
.fontKurzinfo .promotionText {
	color: #000;
	font-weight:bold;
	margin-bottom: 5px;
}

.fontKurzinfo p a {
	font-weight: bold;
}

.fontKurzinfo p a img {
	margin: -5px -5px -5px 5px;
}

.libraryHeaderDiv {
	width: 75%;
	float: left;
	color:#9A0000;
}
.libraryDetailsDiv {
	width: 100%;
	float: left;
	color:#9A0000;
}

.schriftenInfoGroupLibrary {
	width: 150px;
	float: right;
	white-space: nowrap;
}
.libraryPrice {
	float:left;
	vertical-align:bottom;
	margin-left:20px;
	margin-top:9px;
}
.libraryButtons {
	float:right;
}
#slideshowModuleFontLibrary {
	background: #fff url(../img/bg/bg_slideshow.gif) top left no-repeat;
	clear: both;
	height: 280px;
	padding: 20px 0 0 20px;
	width: 752px;
	position: relative;
	margin-top: 65px;
}
.slideShowContentFontLibrary {
	width: 708px;
	height: 238px;
	padding: 10px;
	vertical-align: middle;
}

.libraryResultBtns {
	float:right;
	vertical-align: top;
	margin-right: 0px;
	width: 30px;
	height: 60px;
}
.libraryResultFeatures {
	float:right;
	vertical-align: top;
}
.schriftendetailTextLibrary {
	width: 770px;
}

span.fehler {
	color:#ff0000;
}

/* ------ CMS content paragraphs ------- */
.cmsContent #infoRightContent {
	float: left;
	width: 580px;
}

.durchstrichen {
	text-decoration: line-through;
}

.gesamtpreis .durchstrichen {
	text-decoration: line-through;
	display: block;
}


.slim {
	font-weight: normal;
}

.grey {
	color: #666 !important;
}

.lightgrey {
	color: #ccc !important;
}

.grau {
	color: #999 !important;
}

.gruen {
	color: #399c39 !important;
}

.rot {
	color: #ff0000 ;
}


.blau {
	color: #006FB9 ;
}

.bold {
	font-weight: bold;
}

.rechts {
	float: right;
}

.noneDisplay,.ausgeblendet,
.bewegt select.multiple {
	display: none;
}

.unsichtbar {
	visibility: hidden;
}

.pL21 {
	padding: 0 0 0 21px;
	display: block;
	width: 330px;
}

.trenner {
	vertical-align: top;
}

.fsBlue {
	color: #016FBC;
}

.fsBlueBorder {
	border: solid 2px #016FBC;
}

.fsBlueBig {
	color: #016FBC;
	font-family: verdana;
	font-size: 22px;
	font-weight: bold;
}

.fsBlueBigEuro {
	width: 25px;
	height: 16px;
	display: block;
	float: left;
	color: #016FBC;
	font-family: verdana;
	font-size: 22px;
	font-weight: bold;
}


.floatRight {
	float: right;
	padding: 10px 0 0 0;
}
.floatLeft {
	float: left;
}
.nowrap {
	white-space :no-wrap;
}
.lineHeight12 {
	line-height: 12px !important;
}

.lineHeight16 {
	line-height: 16px;
}

.fontsResizeAktiv {
	border: 1px solid #9ca1a1;
}	

.fontsResizeInactive {
	border: 1px solid #fff;
}
/* Image-Thumb Zellen links und rechts*/
.sideCell {
	width:50px !important;
}
.thumbrelative {
	position:relative;
	float:left;
}

.carouselmiddle {
	width: 100%;
	text-align: left;
}
.carouselmiddle a {
	text-decoration: none; 
}

.deepRed {
	color: #990000;
}

.priceFont {
	margin-left: 20px;
}

.detailFontBoxContentBox span.priceFont span {
	padding: 0 0 0 3px;
}


.isFontDropBGExtended {
	height: 55px;
	overflow: hidden;
	padding: 10px 0 0 8px;
	width: 60px;
}

.isPackageDropBG {
	background-image: url(../img/icons/Fonts_Icons/icon_fontpaket.png);
	background-position: 0px 8px;
	background-repeat: no-repeat;
	overflow: hidden;
}

.isPackageDropBGExtended {
	background-image: url(../img/icons/Fonts_Icons/icon_fontpaket.png);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	height: 55px;
	overflow: hidden;
	padding: 10px 0 0 8px;
	width: 60px;
}

.isPackageDropBGExtended-s {
	background-image: url(../img/icons/Fonts_Icons/icon_fontpaket.png);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	height: 55px;
	overflow: hidden;
	padding: 10px 0 0 8px;
	width: 60px;
}
.isPackageDropBGExtended-m {
	background-image: url(../img/icons/Fonts_Icons/icon_fontpaket_m.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
.isPackageDropBGExtended-l {
	background-image: url(../img/icons/Fonts_Icons/icon_fontpaket_l.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.isPackageDropImg  {
	margin: 0 0 -8px 10px;
	/* margin: -20px 0 0 3px; */
}

.font-m {
	height: 140px;
	overflow: hidden;
	padding: 0;
	width: 140px;
}

.font-l {
	height: 183px;
	overflow: hidden;
	padding: 0;
	width: 183px;
}

.clusterFormatIcons {
	margin-left: -10px;
}

.bgyellow {
	background-color: #ffed55;
}

.sfcfNarrow {
	padding-left: 5px;
	line-height: 10px;
}

.deepRedBold {
	color: #9A0000;
	font-weight: bold;
	text-decoration: none;
}

	
div.fillAttributeDialogChip						{ padding-bottom:5px; }
div.fillAttributeDialogChip	.attributeselector 	{ padding:10px 0 5px 0; }
div.fillAttributeDialogChip	.valueeditor 		{ padding-top:5px; }	
	
.contentCorporateSchaufenster ul
{ 
	list-style-type:square;
	padding-left:15px;
}

.contentCorporateSchaufenster p
{
	color:black !important;
}

a.downloadBill{
  display: block;
  width: 120px;
	/*top:-18px;*/
	position:relative;
	/*margin-left:60px;*/
}
/* IE dummy Button for forms */
.invisiblebutton {
	display:none;
}