/* CSS Document */
HTML {
	height:100%;
}
BODY {
	height:100%;
	margin:0;
	padding:0;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	
}
/* ##### global ##### */
IMG {
	display:block;
	border:0;
	outline:0;
}
* {
	margin:0;
	padding:0;
}
A {
	font-size:0.9em;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	outline:0;
}
A:hover {
	text-decoration:underline;
}
FIELDSET, INPUT, TEXTAREA {
	border:0;
}
FORM {
	margin:0;
	padding:0;
}
/* ##### navigation ##### */
DIV#n {
	position:fixed;
	top:0;
	left:0;
	width:387px;
	bottom:0;
	background-image: url(img/nbg.png);
	background-repeat:repeat-y;
	background-position: 0 0;
	overflow:hidden;
	z-index:10;
}
IMG#logo {
	position:absolute;
	top:0;
	left:0;
}
A#logolink {
	position:absolute;
	display:block;
	width:212px;
	height:60px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:11px;
	letter-spacing: .1em;
}
A#logolink SPAN {
	line-height:58px;
}
IMG#editionlogo {
	position:absolute;
	top:0;
	left:212px;
}
IMG#books {
	position:absolute;
	top:60px;
	left:0;
}
IMG#buegilogo {
	position:absolute;
	bottom:0;
	left:37px;
}
DIV#menu {
	position:absolute;
	top:103px;
	left:37px;
	width:175px;
	color:#fff;
	background:#fff;
}
IMG#pic {
	position:absolute;
	top:60px;
	left:212px;
	width:175px;
}

TABLE {
	font-size:0.95em;
	table-layout:fixed;
}
/* ##### footer ##### */
DIV#fbak {
	position:relative;
	clear:both;
	margin:3em 0 0 0;
	border-top-style: solid;
	border-top-width:1px;
	text-align:right;
	padding: 0px 0 3em 0;
	bottom:0;
}
DIV#f {
	position:absolute;
	left:0;
	bottom:0;
	width:524px;
	margin:3em 0 0 0;
	border-top-style: solid;
	border-top-width:1px;
	text-align:right;
	padding: 0px 0 3em 0;
	
}
DIV#f A {
	font-size:0.8em;
	font-weight:normal;
	margin: 0 0 0 2em;
}

/* ##### content ##### */
DIV#c {
	position:absolute;
	top:0;
	left:433px;
	width:524px;
	min-height:100%;
}
P.spacer {
	height:100px;
}
P.line-1sp {
	position:relative;
	width:1px;
	height:60px;
	margin-bottom:4px;
	padding:0;
	font-size:1px;
}
P.line-2sp {
	position:relative;
	width:1px;
	height:60px;
	margin:0 0 4px 175px;
	padding:0;
	font-size:1px;
}
P.line-2sp-box {
	position:relative;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	line-height:14px;
	text-align:center;
	padding:32px 0 10px 0;
	margin:0 0 13px 175px;
	width:1.6em;
	background:red;
	color:#fff;
}
H1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:1.25em;
	line-height:1.2em;
}
H1.second-col {
	width:345px;
	margin-left:174px;
	padding: 0;
	font-size:1.4em;
}
H1.second-col-subhead {
	font-size:1.1em;
	width:345px;
	padding: 0;
	margin:0.2em 0 0.8em 174px;
}
H1.second-col-abst-unten {
	width:345px;
	margin-left:174px;
	padding: 0;
	margin-bottom:1em;
	font-size:1.4em;
}
H2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	font-size:0.9em;
	line-height:1.3em;
	padding:0.6em 0 1em 0;
}
H2.second-col {
	line-height:1.3em;
	width:345px;
	margin-left:174px;
	padding:0 0 0 0;
}
H2.second-col-abst-unten {
	line-height:1.3em;
	width:345px;
	margin-left:174px;
	padding:0 0 0 0;
	margin-bottom:1em;
}
H3 {
	font-weight:bold;
	font-size:0.85em;
	line-height:1.3em;
	width:156px;
	padding:1.1em 0 0 0;
	margin:0 18px 0 0;
	text-align:right;
	float:left;
}
H3 IMG {
	float:right;
	margin:4px 0 0 0;
}
H4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:normal;
	font-size:0.85em;
	line-height:1.3em;
	padding:4em 0 0.5em 0;
	text-transform:uppercase;
}
H4.second-col {
	width:345px;
	margin-left:174px;
}
H5 {
	font-weight:bold;
	font-size:0.75em;
	line-height:1.5em;
	margin: 1.25em 0 0 0;
	padding: 0 0 0.25em 0;
	text-transform:uppercase;
	border-bottom:1px solid red;
}
H5.second-col {
	margin: 1.25em 0 0 174px;
}
P {
	font-size:0.95em;
	padding:0.9em 0 0 0;
	line-height:1.4em;
}
P.second-col, DIV.second-col {
	line-height:1.4em;
	width:345px;
	margin-left:174px;
}
P.second-col-abst-unten {
	line-height:1.4em;
	width:345px;
	margin-left:174px;
	margin-bottom:1em;
}
P.second-col-liste {
	line-height:1.4em;
	width:345px;
	margin-left:174px;
	border-top:1px solid red;
	padding:0.1em 0 0.1em 0;
	margin:0.1em 0 0.1em 174px;
}
P.with-pic-left {
	margin-left:174px;
}
P.with-pic-left IMG {
	margin:4px 14px 10px -174px;
	float:left;
}
P.zitat {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	padding: 1em 0 1em 0;
	margin:1em 0 0 74px;
	width:425px;
}
P.zitat .zitatautor {
	display:block;
	text-align:right;
}
.bemerkung  {
	font-size:0.8em;
	text-transform:uppercase;
	line-height:1em;
	margin:0 0 0 0.5em;
}
.versalien {
	font-size:0.9em;
	text-transform:uppercase;
	line-height:1em;
}
.bu {
	font-size:0.8em;
	text-transform:uppercase;
	line-height:2em;

}
.clear {
	font-size:1px;
	line-height:1px;
	padding:0;
	margin:0;
	clear:both;
	float:none;
}
/* for ie png fix */
.pngfix { }

DIV.titeldetails {
	display:block;
	margin: 2em 16px 0 0;
	width:158px;
	text-align:right;
	font-size:0.9em;
	float:left;
	clear:left;
}
DIV.titeldetails H1 {
	padding:0 0 0.7em 0;
	line-height:1.2em;
}
DIV.titeldetails H2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-style:italic;
	padding:0 0 0.1em 0;
	line-height:1.2em;
}
DIV.titeldetails P {
	padding:0 0 0.5em 0;
	line-height:1.2em;
}
DIV.titeldetails H4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	padding:0.3em 0 0.35em 0;
	line-height:1em;
	border-bottom-style: solid;
	border-bottom-width:1px;
}

/* ##### editionsplan ##### */
DIV.plan-box {
	position:relative;
	display:block;
	width:524px;
	margin:1em 0 0 0;
	padding:0 0 0.3em 0;
	cursor:pointer;
	background:#fff;
}
DIV.plan-box H2 {
	text-transform:uppercase;
	font-size:0.8em;
	font-style:normal;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.1em;
	padding:0.7em 0 0 0;
}
DIV.plan-box H1 {
	font-size:1.2em;
}
DIV.plan-box A {
	font-style:normal;
	text-transform:none;
	font-weight:normal;
}
DIV.plan-box A:hover {
	text-decoration:none;
}
DIV.plan-box H3 {
	border-right-width:6px;
	border-right-style:solid;
	width:145px;
	font-weight:normal;
	text-transform:uppercase;
	font-size:0.8em;
	line-height:0.8em;
	padding:2.7em 0.6em 0.1em 0;
}
/* mehrzeiler ausnahme */
DIV#b2 H3 {
	padding-top:4.9em;
}
/* ende mehrzeiler ausnahme */
DIV.coverpreview {
	position:absolute;
	bottom:10px;
	left:10px;
	display:none;
}
DIV:hover.plan-box DIV.coverpreview {
	display:block;
}
/* für ie color auslesen */
DIV#bgcolor {
	display:none;
}
/* color auslesen ende */

/* ##### detail titel table ##### */
TABLE.detailbook {
	width:345px;
	margin:2em 0 0 0;
	table-layout:fixed;
}
TABLE.detailbook TH, TABLE.detailbook TD {
	font-size:0.9em;
	padding:5px 8px 4px 8px;
	vertical-align:top;
}
TABLE.detailbook TH.spacer, TABLE.detailbook TD.spacer {
	width:10px;
	padding:0;
}
TABLE.detailbook IMG.cover {
	margin:5px 0 0 0;
}
TABLE.detailbook P {
	margin:0;
	padding:0 0 0 0;
	font-size:1em;
	line-height:1.3em;
}
TABLE.detailbook .versalien {
	font-size:0.9em;
}
TABLE.detailbook TD.no-padding {
	padding:0 0 0 0;
}
TABLE.detailbook H1, TABLE.detailbook H2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:0 0 0.5em 0;
	font-size:1em;
	line-height:1.3em;
}
TABLE.detailbook H2 {
	font-style:normal;
	font-weight:normal;
	text-align:right;
	padding:0.5em 0 0 0;
}
TABLE.detailbook TD.edition-bg-best, TABLE.detailbook TD.edition-eb-best {
	font-size:0.9em;
	padding:0 0.5em 0.5em 0.5em;
	text-align:right;
}
TABLE.detailbook em {
	font-style:normal;
}
TABLE.detailbook .abst-unten {
	padding:0 0 0.5em 0;
}

/* ##### Multimedia - Memory ##### */
IMG.card {
	display:block;
	border:0;
	float:left;
	width:84px;
	height:122px;
	margin:0 2px 2px 0;
}
IMG:hover.card{
	cursor:pointer;
}


/* ##### Multimedia - Ecard ##### */
FIELDSET.ecardmotive {
	float:left;
	border:0;
	margin:0 8px 1em 0;
	width:77px;
}
LABEL.ecardlabel {
	display:block;
	width:77px;
	cursor:pointer;
	text-align:center;
	padding:0px 0 2px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-style:italic;
}
LABEL:hover.ecardlabel {
	color:#fff;
}
LABEL.ecardlabel INPUT {
	margin:2px 2px 0 0;
}
DIV#ecard {
	display:block;
	position:relative;
	background-image:url(img/ecard-bg.gif);
	background-repeat:repeat-y;
	background-position:top left;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:524px;
	height:330px;
	text-align:left;
}
DIV#ecard P {
	margin:0;
	padding:0;
}
DIV#ecard FIELDSET {
	margin:0 0 0 10px;
}
DIV#ecard FIELDSET#ecardtext {
	position:absolute;
	bottom:10px;
}
DIV#ecard FIELDSET#ecardempf {
	position:absolute;
	border-left-width:1px;
	border-left-style:solid;
	display:block;
	top:10px;
	right:10px;
	width:190px;
	height:310px;
	padding:0 0 0 10px;
}
DIV#ecard FIELDSET#ecardempf INPUT {
	width:175px;
}
DIV#ecard FIELDSET#ecardempf P.spacer {
	height:100px;
}
DIV#ecard INPUT, DIV#ecard TEXTAREA {
	width:177px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
	padding:2px 4px;
	margin:0.2em 0 0 0;
}
DIV#ecard TEXTAREA {
	width:285px;
	height:205px;
	overflow:auto;
}
IMG#ecardstamp {
	position:absolute;
	top:11px;
	right:13px;
	width:130px;
	height:64px;
}
IMG.ecardbottom {
	position:absolute;
	bottom:0;
}
.ecardcropfield, .ecardcroptext {
	display:block;
	width:175px;
	overflow:hidden;
	height:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
	clear:both;
	white-space:nowrap;
}
.ecardcroptext {
	width:295px;
	height:210px;
	overflow:auto;
	margin-bottom:10px;
}
A.btnright, A.btnleft, A.btn {
	display:block;
	width:140px;
	text-align:center;
	padding: 0.2em 1em 0.2em 1em;
	margin:0 0 0 0;
	font-size:0.9em;
}
A:hover.btnright, A:hover.btnleft, A:hover.btn {
	text-decoration:none;
	color:#fff;
}
A.btnleft {
	float:left;
}
A.btnright {
	float:right;
}
/* ##### empfangene ecard ##### */
DIV#cwrap {
	position:relative;
	width:100%;
	height:100%;
	overflow:auto;
	text-align:center;
}
DIV#cbody {
	position:relative;
	width:370px;
	height:530px;
	text-align:center;
	padding:0;
	margin:0 auto;
	border:0;
	background:url(img/card-bg.gif) repeat-y 0 0;
}
DIV#cbody IMG#cmotiv{
	position:absolute;
	top:2px;
	left:2px;
}
DIV#cbody IMG#cbottom{
	position:absolute;
	left:0px;
	bottom:0px;
}
DIV#cfoot {
	position:relative;
	margin:0 auto;
	display:block;
	width:364px;
	height:18px;
	text-align:right;
	margin-top:10px;
}
DIV#cfoot A#logolink, DIV#cfoot IMG#logo {
	position:absolute;
	left:0;
	top:0;
	width:157px;
	height:18px;
	margin:0;
	padding:0;
}
DIV#cfoot A {
	font-weight:normal;
	margin:0 7px 0 7px;
}
/* ##### kontaktformular ##### */
FORM.kontakt {
	margin:2em 0 0 0;
}
FORM.kontakt H3 {
	clear:both;
	margin:0;
	padding:0.6em 16px 0 0;
}
FORM.kontakt INPUT, FORM.kontakt TEXTAREA {
	background:#FFFFCC;
	width:336px;
	padding:2px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	overflow: auto;
}
FORM.kontakt P {
	position:relative;
	padding:0.4em 0 0 0;
}
FORM.kontakt .btn {
	cursor:pointer;
}
FORM.kontakt INPUT:hover.btn {
	color:#fff;
}
FORM.kontakt INPUT.optionfield {
	background:none;
	width:auto;
	padding:0;
}
/* ##### leseprobe ##### */
DIV#l {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:auto;
}
DIV#l P.line-2sp-box {
	margin:0 0 13px 0px;
}
DIV#l DIV#wrap {
	margin:0 20px 50px 80px;
}
DIV#l H4 {
	padding:2em 0 0 0;
}
DIV#b {
	position:absolute;
	top:0;
	left:0;
	width:50px;
	height:100%;
	overflow:hidden;
}
/* ##### raetsel - gewinnspiel ##### */
DIV.raetsel {
	position:relative;
	font-family:"Courier New", Courier, mono;
	font-weight:bold;
	letter-spacing:4px;
	width:345px;
	margin:10px 0 0 174px;
}

DIV.raetsel DIV.raetselinput {
	position:relative;
	height:auto;
	width:auto;
	z-index:1;
	background:none;
}

DIV.raetsel INPUT {
	position:relative;
	font-size:13px;
	font-family:"Courier New", Courier, mono;
	font-weight:bold;
	letter-spacing:4px;
	background:none;
	padding:2px 0 0 3px;
	margin:0;
	border-top:1px solid #bebebe;
	border-right:1px solid #bebebe;
	border-left:1px solid #bebebe;
	border-color:#fff;
	height:20px;
	background-position:0 0;
}
DIV.raetsel INPUT:focus {
	color:#000;
}

DIV.raetselset {
	position:absolute;
	top:12px;
	left:5px;
	z-index:0;
	color:#bebebe;
}
DIV.raetselset SPAN {
	color:#000;
}

.textklein {
	font-size:0.8em;
}

/* ##### colorset zum layouten ##### */

IMG#logo, P.line-2sp-box, A:hover.btnright, A:hover.btnleft, A:hover.btn {
	background: #cf0063;
}
DIV#n {
	background-color: #cf0063;
}

DIV#menu A.highlight IMG, DIV#menu A:hover IMG, P.line-1sp, P.line-2sp, LABEL:hover.ecardlabel {
	background: #cf0063;
}
H1, P.zitat, .farbig {
	color:#cf0063;
}

A, BLOCKQUOTE, TABLE.detailbook em {
	color:#cf0063;
}

#ecardempf {
	border-left-color:#f5b793;
}

DIV#f {
	border-top-color: #f5b793;
}
	
DIV.titeldetails H4 {
	border-bottom-color:#f9e0ec;
}

DIV.plan-box H3 {
	color:#f5b793;
}

DIV:hover.plan-box, #bgcolor, LABEL.ecardlabel, A.btnright, A.btnleft, A.btn, DIV#ecard, DIV#cbody, FORM.kontakt INPUT, FORM.kontakt TEXTAREA {
	background-color:#f9e0ec;
}

TH.edition-eb, TH.detailbook-eb {
	border-top:1px solid #f9e0ec;
	border-left:1px solid #f9e0ec;
	border-right:1px solid #f9e0ec;
	background:#f9e0ec;
}
TD.edition-eb, TD.detailbook-eb {
	border-top:1px solid #fff;
	border-left:1px solid #f9e0ec;
	border-right:1px solid #f9e0ec;
	background:#f9e0ec;
}
TD.edition-eb-best, TD.detailbook-eb-best {
	border-top:0px solid #f9e0ec;
	border-left:1px solid #f9e0ec;
	border-right:1px solid #f9e0ec;
	background:#f9e0ec;
}
TD.edition-eb-last, TD.detailbook-eb-last {
	border-top:1px solid #f9e0ec;
	border-left:0px solid #f9e0ec;
	border-right:0px solid #f9e0ec;
}
TH.edition-bg, TH.detailbook-bg {
	border-top:1px solid #e77fb1;
	border-left:1px solid #e77fb1;
	border-right:1px solid #e77fb1;
}
TD.edition-bg, TD.detailbook-bg {
	border-top:1px solid #e77fb1;
	border-left:1px solid #e77fb1;
	border-right:1px solid #e77fb1;
}
TD.edition-bg-best, TD.detailbook-bg-best {
	border-top:0px solid #fff;
	border-left:1px solid #e77fb1;
	border-right:1px solid #e77fb1;
}
TD.edition-bg-last, TD.detailbook-bg-last {
	border-top:1px solid #e77fb1;
	border-left:0px solid #e77fb1;
	border-right:0px solid #e77fb1;
}