/* ----------------------------------- */
/* ---------->>> PRODUCTION NOTES <<<----------- */
/* ----------------------------------- */
/*
positioning of speech bubbles refer to line 
237
259
303


/* ----------------------------------- */
/* ---------->>> CSS-HACKS <<<----------- */
/* ----------------------------------- */
/*

* html for IE6
*:first-child+html for IE7

*/
/* -----------------------------------*/

/* ----------------------------------- */
/* ---------->>> COLOR REFERENCE <<<----------- */
/* ----------------------------------- */
/*
/* -----------------------------------*/

/* ----------------------------------- */
/* ---------->>> RESET <<<----------- */
/* ----------------------------------- */
/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
/* http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0;}
/* own additions */
img {border:0;}
input {font-size:12px;}

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

body {font-size:70.00%;font-family:arial, sans-serif;margin:0;padding:0;}

h1, h2, h3, h4, h5, h6 {}
a {text-decoration:none;}
a:link {}
a:visited {}
a:active {}
a:hover {}

ul, ol, dl {line-height:1.5em;margin:0 0 1em 0em;}
li {margin-left:0em;line-height:1.5em;list-style-type:none;}
dt {font-weight:bold;}
dd {margin:0 0 1em 2em;}
cite, blockquote {font-style:italic;}
blockquote {margin:0 0 1em 1.5em;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}
pre, code {font-family:monospace;font-size:1.1em;}
acronym, abbr {letter-spacing:.07em;border-bottom:.1em dashed #ffcd00;cursor:help;}

/* ----------------------------------- */
/* ---------->>> HELPER <<<----------- */
/* ----------------------------------- */

/* http://code.google.com/p/blueprintcss/ */
/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
.clear {clear:both;}

/* http://sonspring.com/journal/clearing-floats */
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0;}

/* IE (PC) only :hover behaviour helper */
/* @see http://www.xs4all.nl/~peterned/ */
/** html body { behavior:url("htc/csshover2.htc");}*/

/* TwinHelix png-fix */
/* http://www.twinhelix.com/css/iepngfix/ */
* html .png {behavior:url("htc/iepngfix.htc");}

div.spacer {font-size:0.08em;background:transparent;clear:both;width: 0;height: 0;}
.invisible {position:absolute;left:-5000px;}


/* -----------------------------------*/
/* ---------->>> LAYOUT <<<-----------*/
/* -----------------------------------*/

div#body {
	width:  900px;
}
h1 {
	margin:  35px 0 5px 100px;
}
h1 a {
	display:  block;
	width: 282px;
	height: 35px;
}

/* ---------->>> LAYOUT / PRIMENAV <<<-----------*/
ul#pnav {
	position:  absolute;
	top:  0;
	left:  564px;
}
ul#pnav li {
	float: left;
	margin:  0 5px 0 0;
}
ul#pnav li a {
	display:  block;
	height: 19px;
	cursor: pointer;
}
ul#pnav li a#pnav-datenbanken {
	width: 91px;
}
ul#pnav li a#pnav-text-lektorat {
	width: 100px;
}
ul#pnav li a#pnav-comic {
	width: 141px;
}


/* -----------------------------------*/
/* ---------->>> COMICUEBERSETZUNGEN <<<-----------*/
/* -----------------------------------*/
body#comic {
	background:  #fdff51 url(../images/comic/body-bg.jpg) no-repeat 0 0;
}

/* ---------->>> COMICUEBERSETZUNGEN / PRIMENAV <<<-----------*/
body#comic ul#pnav li a#pnav-datenbanken {
	background: url(../images/comic/primenav/datenbanken-base.png) no-repeat 0 0;
}
* html body#comic ul#pnav li a#pnav-datenbanken {
	background: url(../images/comic/primenav/datenbanken-base.gif) no-repeat 0 0;
}
body#comic ul#pnav li a#pnav-datenbanken:hover,
body#comic ul#pnav li a#pnav-datenbanken.active {
	background: url(../images/comic/primenav/datenbanken-on.png) no-repeat 0 0;
}
* html body#comic ul#pnav li a#pnav-datenbanken:hover,
* html body#comic ul#pnav li a#pnav-datenbanken.active {
	background: url(../images/comic/primenav/datenbanken-on.gif) no-repeat 0 0;
}
body#comic ul#pnav li a#pnav-text-lektorat {
	background: url(../images/comic/primenav/text-lektorat-base.png) no-repeat 0 0;
}
body#comic ul#pnav li a#pnav-text-lektorat:hover,
body#comic ul#pnav li a#pnav-text-lektorat.active {
	background: url(../images/comic/primenav/text-lektorat-on.png) no-repeat 0 0;
}
* html body#comic ul#pnav li a#pnav-text-lektorat {
	background: url(../images/comic/primenav/text-lektorat-base.gif) no-repeat 0 0;
}
* html body#comic ul#pnav li a#pnav-text-lektorat:hover,
* html body#comic ul#pnav li a#pnav-text-lektorat.active {
	background: url(../images/comic/primenav/text-lektorat-on.gif) no-repeat 0 0;
}
body#comic ul#pnav li a#pnav-comic {
	background: url(../images/comic/primenav/comic-base.png) no-repeat 0 0;
}
body#comic ul#pnav li a#pnav-comic:hover,
body#comic ul#pnav li a#pnav-comic.active {
	background: url(../images/comic/primenav/comic-on.png) no-repeat 0 0;
}
* html body#comic ul#pnav li a#pnav-comic {
	background: url(../images/comic/primenav/comic-base.gif) no-repeat 0 0;
}
* html body#comic ul#pnav li a#pnav-comic:hover,
* html body#comic ul#pnav li a#pnav-comic.active {
	background: url(../images/comic/primenav/comic-on.gif) no-repeat 0 0;
}

/* ---------->>> COMICUEBERSETZUNGEN / LOGO <<<-----------*/
body#comic h1 a {
	background: url(../images/comic/logo.png) no-repeat 0 0;
}

/* ---------->>> BUBBLES <<<-----------*/

/* ---------->>> BUBBLES / HEADLINE <<<-----------*/
body#comic div.bubble01 {
	width:  700px;
	margin:  0 auto;
	padding: 0 0 17px 0;
	background:   url(../images/comic/bubble01.png) no-repeat 0 bottom;
}
* html body#comic div.bubble01 {
	background:   url(../images/comic/bubble01.gif) no-repeat 0 bottom;
}
body#comic div.bg {
	margin: 0;
	padding:  0;
	background: #fff;
}
body#comic div.bg h2 {
	font: bold 28px "Trebuchet MS", sans-serif;
	padding:  5px 0 8px 5px;
}
body#comic div.bg ul {
	margin:  0;
	padding:  0 0 3px 483px;
}
body#comic div.bg ul li {
	float:  left;
	margin:  0 10px 0 0;
}
body#comic div.bg ul li a {
	font: bold 12px "Trebuchet MS", sans-serif;
	color:  #989898;
}
body#comic div.bg ul li a:hover,
body#comic div.bg ul li a.active {
	color:  #ff8214;
}

/* ---------->>> BUBBLES / RIGHT-BLACK <<<-----------*/
body#comic div.bubble-rb {
	margin:  0 0 0 20px; /* adjusts position of bubble */
	width:  600px;
	padding: 0 0 52px 0;
	background:   url(../images/comic/bubble-rb.png) no-repeat 450px bottom;
}
* html body#comic div.bubble-rb {
	background:   url(../images/comic/bubble-rb.gif) no-repeat 450px bottom;
}

body#comic div.bubble-rb div.bg {
	background:  #000;
	font:  normal 12px/16px "Trebuchet MS", sans-serif; /* was bold */
	color:  #fff;
	padding:  5px 5px 15px 5px;
}

body#comic div.bubble-rb div.bg a {
	color:  #ff8214;
}

body#comic div.bubble-rb div.bg ul {
	margin:  0;
	padding:  0;
}



/* ---------->>> BUBBLES / TAGS <<<-----------*/
body#comic div.bubble-tags {
  margin:  0 0 5px 20px; /* adjusts position of bubble */
  width:  380px;
  padding: 0 0 13px 0;
  background:   url(../images/comic/bubble-tags.png) no-repeat 0 bottom;
}
* html body#comic div.bubble-tags {
	background:   url(../images/comic/bubble-tags.gif) no-repeat 0 bottom;
}

body#comic div.bubble-tags div.bg {
	background:  #000;
	font:  bold 12px/16px "Trebuchet MS", sans-serif;
	color:  #fff;
	padding:  5px 5px 5px 5px;
}

body#comic div.bubble-tags div.bg a {
	color:  #ff8214;
}

body#comic div.bubble-tags div.bg ul {
	margin:  0;
	padding:  0;
}
body#comic div.bubble-tags div.bg ul li {
	float:  left;
}
body#comic div.bubble-tags div.bg ul li a {
	padding:  1px 5px;
	font:  bold 12px/16px "Trebuchet MS", sans-serif;
	color:  #fff;
}
body#comic div.bubble-tags div.bg ul li a:hover,
body#comic div.bubble-tags div.bg ul li a.active {
	color:  #ff8214;
}



/* ---------->>> BUBBLES / LEFT-WHITE <<<-----------*/
body#comic div.bg div.text {
	float:  left;
	width: 480px;
  margin: 2px 0 0 0;
}
body#comic div.bg div.wide { width: 580px; }
body#comic div.bg div.images {
	margin:  0 10px 0 0;
	float:  left;
  margin: 2px 10px 0 0;
  width: 100px;
}

body#comic div.bubble-lw {
	margin:  0 0 0 160px; /* adjusts position of bubble */
	width:  700px;
	padding: 0 0 52px 0;
	background:   url(../images/comic/bubble-lw.png) no-repeat 0 bottom;
}
* html body#comic div.bubble-lw {
	background:   url(../images/comic/bubble-lw.gif) no-repeat 0 bottom;
}
body#comic div.bubble-lw div.bg {
	background:  #fff;
	padding:  5px 5px 15px 5px;
}
body#comic div.bubble-lw div.bg ul.tags {
	margin:  0;
	padding:  0;
	position: relative;
	top:  -31px;
	left:  -5px;
	width:  700px;
}
* html body#comic div.bubble-lw div.bg ul.tags {
	left:  5px;
}
body#comic div.bubble-lw div.bg ul.tags li {
	padding:  5px;
	margin:  0;
	background:  #000;
	float: right;
}
body#comic div.bubble-lw div.bg ul.tags li a {
	padding:  1px 5px 1px 5px;
	font:  bold 12px/16px "Trebuchet MS", sans-serif;
	color:  #fff;
}
body#comic div.bubble-lw div.bg ul.tags li a:hover,
body#comic div.bubble-lw div.bg ul.tags li a.active {
	color:  #ff8214;
}
body#comic div.bubble-lw div.bg div.images {
	margin:  0 10px 0 0;
	float:  left;
  margin: -26px 10px 0 0;
  width: 100px;
}
body#comic div.bg div.images img,
body#comic div.bubble-lw div.bg div.images img {
	margin:  0 0 10px 0;
	display:  block;
}
body#comic div.bubble-lw div.bg div.text {
	float:  left;
	width: 580px;
  margin: -26px 0 0 0;
}
body#comic div.bubble-lw div.bg div.wide { width: 680px; }
body#comic div.bubble-lw div.bg div.text h3 {
	font:  bold 18px/16px "Trebuchet MS", sans-serif;
	margin:  0 0 5px 0;
}
body#comic div.bubble-lw div.bg div.text p.subhead {
	margin:  0 0 20px 0;
}
body#comic div.bubble-lw div.bg div.text p {
	font:  normal 12px/16px "Trebuchet MS", sans-serif; /* was bold */
	color:  #000;
}
body#comic div.bubble-lw div.bg div.text p em {
	font:  italic 12px/16px "Trebuchet MS", sans-serif;
	color:  #000;
}
body#comic div.bubble-lw div.bg div.text a {
	color:  #ff8214;
}

/* ---------->>> BUBBLES / RIGHT-WHITE <<<-----------*/
body#comic div.bubble-rw {
	margin:  0 0 0 80px; /* adjusts position of bubble */
	width:  700px;
	padding: 0 0 52px 0;
	background:   url(../images/comic/bubble-rw.png) no-repeat 550px bottom;
}
* html body#comic div.bubble-rw {
	background:   url(../images/comic/bubble-rw.gif) no-repeat 550px bottom;
}
body#comic div.bubble-rw div.bg {
	background:  #fff;
	padding:  5px 5px 15px 5px;
}

body#comic div.bubble-rw div.bg ul.tags {
	margin:  0;
	padding:  0;
	position: relative;
	top:  -31px;
	left:  -5px;
	width:  700px;
}
* html body#comic div.bubble-rw div.bg ul.tags {
	left:  5px;
}
body#comic div.bubble-rw div.bg ul.tags li {
	padding:  5px;
	margin:  0;
	background:  #000;
	float: right;
}
body#comic div.bubble-rw div.bg ul.tags li a {
	padding:  1px 5px 1px 5px;
	font:  bold 12px/16px "Trebuchet MS", sans-serif;
	color:  #fff;
}
body#comic div.bubble-rw div.bg ul.tags li a:hover,
body#comic div.bubble-rw div.bg ul.tags li a.active {
	color:  #ff8214;
}

body#comic div.bubble-rw div.bg div.images {
	margin:  0 10px 0 0;
	float:  left;
  margin: -26px 10px 0 0;
  width: 100px;
}
body#comic div.bubble-rw div.bg div.images img {
	margin:  0 0 10px 0;
	display:  block;
}
body#comic div.bubble-rw div.bg div.text {
	float:  left;
	width: 580px;
  margin: -26px 0 0 0;
}
body#comic div.bubble-rw div.bg div.wide { width: 680px; }
body#comic div.bubble-rw div.bg div.text h3 {
	font:  bold 18px/16px "Trebuchet MS", sans-serif;
	margin:  0 0 5px 0;
}
body#comic div.bubble-rw div.bg div.text p.subhead {
	margin:  0 0 20px 0;
}
body#comic div.bubble-rw div.bg div.text p {
	font:  normal 12px/16px "Trebuchet MS", sans-serif; /* was bold */
	color:  #000;
}
body#comic div.bubble-rw div.bg div.text p em {
	font:  italic 12px/16px "Trebuchet MS", sans-serif;
	color:  #000;
}
body#comic div.bubble-rw div.bg div.text a {
	color:  #ff8214;
}

/* ---------->>> FOOTER / PAGINATION <<<-----------*/
body#comic div#footer {
	margin:  30px 0 10px 0;
}
body#comic div#footer div.pagination {
	display:  inline;
	margin:  36px 0 0 50px;
	padding:  6px 10px;
	background:  #fff;
	font:  bold 12px "Trebuchet MS", sans-serif;
	color:  #989898;
}
body#comic div#footer div.pagination a {
	margin:  0;
	padding:  0;
	background:  #fff;
	color:  #989898;
}
body#comic div#footer div.pagination a:hover {
	color:  #ff8214;
}
body#comic div#footer div.pagination span.current {
	color:  #000;
}
body#comic div#footer div.pagination span.back,
body#comic div#footer div.pagination a.back,
body#comic div#footer div.pagination span.forward,
body#comic div#footer div.pagination a.forward {
	font:  bold 18px/125% "Trebuchet MS", sans-serif;
}


/* -----------------------------------*/
/* ---------->>> DATENBANKEN <<<-----------*/
/* -----------------------------------*/

body#datenbanken {
	background:  url(../images/datenbanken/body-bg.gif) 0 0;
}

/* ---------->>> DATENBANKEN / PRIMENAV <<<-----------*/
body#datenbanken ul#pnav li a#pnav-datenbanken {
	width: 91px;
	background: url(../images/datenbanken/primenav/datenbanken-base.png) no-repeat 0 0;
}
body#datenbanken ul#pnav li a#pnav-datenbanken:hover,
body#datenbanken ul#pnav li a#pnav-datenbanken.active {
	width: 91px;
	background: url(../images/datenbanken/primenav/datenbanken-on.png) no-repeat 0 0;
}
* html body#datenbanken ul#pnav li a#pnav-datenbanken {
	background: url(../images/datenbanken/primenav/datenbanken-base.gif) no-repeat 0 0;
}
* html body#datenbanken ul#pnav li a#pnav-datenbanken:hover,
* html body#datenbanken ul#pnav li a#pnav-datenbanken.active {
	background: url(../images/datenbanken/primenav/datenbanken-on.gif) no-repeat 0 0;
}
body#datenbanken ul#pnav li a#pnav-text-lektorat {
	width: 100px;
	background: url(../images/datenbanken/primenav/text-lektorat-base.png) no-repeat 0 0;
}
body#datenbanken ul#pnav li a#pnav-text-lektorat:hover,
body#datenbanken ul#pnav li a#pnav-text-lektorat.active {
	width: 100px;
	background: url(../images/datenbanken/primenav/text-lektorat-on.png) no-repeat 0 0;
}
* html body#datenbanken ul#pnav li a#pnav-text-lektorat {
	background: url(../images/datenbanken/primenav/text-lektorat-base.gif) no-repeat 0 0;
}
* html body#datenbanken ul#pnav li a#pnav-text-lektorat:hover,
* html body#datenbanken ul#pnav li a#pnav-text-lektorat.active {
	background: url(../images/datenbanken/primenav/text-lektorat-on.gif) no-repeat 0 0;
}
body#datenbanken ul#pnav li a#pnav-comic {
	width: 141px;
	background: url(../images/datenbanken/primenav/comic-base.png) no-repeat 0 0;
}
body#datenbanken ul#pnav li a#pnav-comic:hover,
body#datenbanken ul#pnav li a#pnav-comic.active {
	width: 141px;
	background: url(../images/datenbanken/primenav/comic-on.png) no-repeat 0 0;
}
* html body#datenbanken ul#pnav li a#pnav-comic {
	background: url(../images/datenbanken/primenav/comic-base.gif) no-repeat 0 0;
}
* html body#datenbanken ul#pnav li a#pnav-comic:hover,
* html body#datenbanken ul#pnav li a#pnav-comic.active {
	background: url(../images/datenbanken/primenav/comic-on.gif) no-repeat 0 0;
}

/* ---------->>> DATENBANKEN / LOGO <<<-----------*/
body#datenbanken h1 a {
	background: url(../images/datenbanken/logo.png) no-repeat 0 0;
	cursor: pointer;
}

/* ---------->>> DATENBANKEN / FRAME <<<-----------*/
body#datenbanken div.frame {
	background: #1a2128;
	width:  700px;
	margin:  0 auto;
}
* html body#datenbanken div.frame {
	background: #1a2128;
	width:  700px;
	margin:  0 auto;
}
body#datenbanken div.frame h2 {
	height:  21px;
	font: bold 18px verdana, sans-serif;
	color:  #fff;
	text-transform:  uppercase;
	padding:  40px 10px 5px 15px;
	border-bottom: #494949 1px solid;
	margin: 0;
}

/* ---------->>> DATENBANKEN / TAGS <<<-----------*/
body#datenbanken div.frame div.notags {
	width:  10px;
	height:  16px;
	padding:  0 10px 3px 10px;
	margin:  7px 0 5px 0;
}
* html body#datenbanken div.frame div.notags {
	width:  660px;
	height:  16px;
	padding:  0 10px 3px 10px;
	margin:  7px 0 5px 0;
}
body#datenbanken div.frame ul.tags {
	padding:  0 10px 3px 10px;
	margin:  7px 0 0 0;
}
* html body#datenbanken div.frame ul.tags {
	padding:  0 10px 5px 10px;
}
*:first-child+html body#datenbanken div.frame ul.tags {
	padding:  0 10px 5px 10px;
}
body#datenbanken div.frame table tr td {
	width: 400px;
	height:  66px;
	padding: 0 250px 0 0;
	vertical-align: bottom;
	border-bottom: #494949 1px solid;
}
body#datenbanken div.frame table tr td ul.tags li {
	float:  left;
	margin:  1px 0 0 0;
}
body#datenbanken div.frame ul.tags li {
	float:  left;
	margin:  0 0 5px 0;
}
body#datenbanken div.frame ul.tags li a {
	padding:  1px 5px;
	font:  12px verdana, sans-serif;
	color:  #fff;
	border:  transparent 1px solid;
}
* html body#datenbanken div.frame ul.tags li a {
	padding: 0 7px;
	border:  0;
}
*:first-child+html body#datenbanken div.frame ul.tags li a {
	padding: 0 7px;
	border:  0;
}
body#datenbanken div.frame ul.tags li a:hover,
body#datenbanken div.frame ul.tags li a.active {
	color:  #b9ff12;
	border:  #b9ff12 1px solid;
}
* html body#datenbanken div.frame ul.tags li a:hover,
* html body#datenbanken div.frame ul.tags li a.active {
	color:  #b9ff12;
	border:  #b9ff12 1px solid;
	padding: 0 6px;
}
*:first-child+html body#datenbanken div.frame ul.tags li a:hover,
*:first-child+html body#datenbanken div.frame ul.tags li a.active {
	color:  #b9ff12;
	border:  #b9ff12 1px solid;
	padding: 0 6px;
}

/* ---------->>> DATENBANKEN / SECNAV <<<-----------*/
body#datenbanken div.frame div#snav {
	width:  700px;
	height:  66px;
	margin:  0;
}
body#datenbanken div.frame div#snav ul {
	padding:  6px 10px 3px 15px;
	margin:  0;
}
body#datenbanken div.frame div#snav ul li {
	float:  left;
	margin:  0 15px 0 0;
}
body#datenbanken div.frame div#snav ul li a {
	font:  bold 11px verdana, sans-serif;
	color:  #fff;
	text-transform:  uppercase;
}
body#datenbanken div.frame div#snav ul li a:hover,
body#datenbanken div.frame div#snav ul li a.active {
	color:  #b9ff12;
}
body#datenbanken div.frame div#snav a.back {
	font:  italic 11px verdana, sans-serif;
	color:  #b9ff12;
	position:  relative;
	top:  25px;
	left:  15px;
}
body#datenbanken div.frame div#snav div.pagination {
	position:  relative;
	top: 25px;
	left:  15px;
	font:  italic 11px verdana, sans-serif;
	color:  #b9ff12;
}
body#datenbanken div.frame div#snav div.pagination a {
	color:  #b9ff12;
}

/* ---------->>> DATENBANKEN / ARTICLE <<<-----------*/
body#datenbanken div.frame div.article {
	width: 700px;
	font: 11px/17px verdana, sans-serif;
	color: #fff;
	border-top: #494949 1px solid;
	border-bottom: #494949 1px solid;
	margin:  0 0 40px 0;
	padding:  0;
	min-height: 170px;
}
* html body#datenbanken div.frame div.article {
	padding:  0 0 -5px 0;
}
body#datenbanken div.frame div.article div.cl {
	float:  left;
	width:  425px;
	margin: 0 25px 0 0;
}
* html body#datenbanken div.frame div.article div.cl {
	width:  425px;
	margin: 0 20px 0 0;
}
body#datenbanken div.frame div.article div.cl h3 {
	display:  inline;
	font:  bold 14px verdana, sans-serif;
	color:  #b9ff12;
	text-transform:  uppercase;
	padding: 0 5px 37px 5px;
	margin: 0 0 0 10px;
	border:  #b9ff12 1px solid;
}
body#datenbanken div.frame div.article div.cl div.txt {
	margin:  20px 0 0 15px;
	float:  left;
}
* html body#datenbanken div.frame div.article div.cl div.txt {
	margin:  20px 15px 0 8px;
}
body#datenbanken div.frame div.article div.cl div.txt p {
	margin:  0 0 20px 0;
}
body#datenbanken div.frame div.article div.cl div.txt p a {
	color:  #b9ff12;
}
body#datenbanken div.frame div.article div.cr {
	float:  left;
	width:  250px;
	margin:  0 0 -5px 0;
}
* html body#datenbanken div.frame div.article div.cr {
	margin:  0 0 -5px 5px;
	width:  250px;
}
body#datenbanken div.frame div.article div.cr p {
	font:  11px verdana, sans-serif;
	color:  #b9ff12;
	margin:  0 0 25px 0;
}
body#datenbanken div.frame div.article div.cr p a {
	font:  bold 11px verdana, sans-serif;
	color:  #b9ff12;
	text-decoration: underline;
}


/* ---------->>> DATENBANKEN / FOOTER <<<-----------*/
body#datenbanken div#footer {
	position: relative;
	top:  -40px;
	width:  700px;
	height:  66px;
	margin:  0 auto 20px auto;
	color:  #b9ff12;
	background: #1a2128;
}
body#datenbanken div#footer p {
	position:  relative;
	top: 35px;
	left:  15px;
}

body#datenbanken div#footer a.back {
	position:  relative;
	top: 5px;
	left:  15px;
	font:  italic 11px verdana, sans-serif;
	color:  #b9ff12;
}
body#datenbanken div#footer div.pagination {
	position:  relative;
	top: 5px;
	left:  15px;
	font:  italic 11px verdana, sans-serif;
	color:  #b9ff12;
}
body#datenbanken div#footer div.pagination a {
	color:  #b9ff12;
}
body#datenbanken div#footer div.pagination span.current {
	color:  #fff;
}


/* -----------------------------------*/
/* ---------->>> TEXT + LEKTORAT <<<-----------*/
/* -----------------------------------*/
body#text-lektorat {
	background:  url(../images/text-lektorat/body-bg.gif) 0 0;
}

body#text-lektorat ul#pnav li a#pnav-datenbanken {
	background: url(../images/text-lektorat/primenav/datenbanken-base.png) no-repeat 0 0;
}
body#text-lektorat ul#pnav li a#pnav-datenbanken:hover,
body#text-lektorat ul#pnav li a#pnav-datenbanken.active {
	background: url(../images/text-lektorat/primenav/datenbanken-on.png) no-repeat 0 0;
}
* html body#text-lektorat ul#pnav li a#pnav-datenbanken {
	background: url(../images/text-lektorat/primenav/datenbanken-base.gif) no-repeat 0 0;
}
* html body#text-lektorat ul#pnav li a#pnav-datenbanken:hover,
* html body#text-lektorat ul#pnav li a#pnav-datenbanken.active {
	background: url(../images/text-lektorat/primenav/datenbanken-on.gif) no-repeat 0 0;
}
body#text-lektorat ul#pnav li a#pnav-text-lektorat {
	background: url(../images/text-lektorat/primenav/text-lektorat-base.png) no-repeat 0 0;
}
body#text-lektorat ul#pnav li a#pnav-text-lektorat:hover,
body#text-lektorat ul#pnav li a#pnav-text-lektorat.active {
	background: url(../images/text-lektorat/primenav/text-lektorat-on.png) no-repeat 0 0;
}
* html body#text-lektorat ul#pnav li a#pnav-text-lektorat {
	background: url(../images/text-lektorat/primenav/text-lektorat-base.gif) no-repeat 0 0;
}
* html body#text-lektorat ul#pnav li a#pnav-text-lektorat:hover,
* html body#text-lektorat ul#pnav li a#pnav-text-lektorat.active {
	background: url(../images/text-lektorat/primenav/text-lektorat-on.gif) no-repeat 0 0;
}
body#text-lektorat ul#pnav li a#pnav-comic {
	background: url(../images/text-lektorat/primenav/comic-base.png) no-repeat 0 0;
}
body#text-lektorat ul#pnav li a#pnav-comic:hover,
body#text-lektorat ul#pnav li a#pnav-comic.active {
	background: url(../images/text-lektorat/primenav/comic-on.png) no-repeat 0 0;
}
* html body#text-lektorat ul#pnav li a#pnav-comic {
	background: url(../images/text-lektorat/primenav/comic-base.gif) no-repeat 0 0;
}
* html body#text-lektorat ul#pnav li a#pnav-comic:hover,
* html body#text-lektorat ul#pnav li a#pnav-comic.active {
	background: url(../images/text-lektorat/primenav/comic-on.gif) no-repeat 0 0;
}

body#text-lektorat h1 a {
	background: url(../images/text-lektorat/logo.png) no-repeat 0 0;
}

body#text-lektorat div.frame {
	background: #f5f6e5;
	width:  700px;
	margin:  0 auto;
	padding:  0 0 41px 0;
}
* html body#text-lektorat div.frame {
	width:  725px;
}
body#text-lektorat h2 {
	height:  44px;
	font: bold 30px georgia, sans-serif;
	color:  #000;
	padding:  19px 10px 5px 15px;
	margin: 0;
}


body#text-lektorat ul#snav {
	width:  675px;
	margin:  0 0 14px 0;
	padding:  6px 10px 3px 10px;
}

body#text-lektorat ul#snav li {
	float:  left;
	margin:  0 ;
}
body#text-lektorat ul#snav li a {
	font:  bold italic 12px georgia, sans-serif;
	color:  #000;
	padding:  3px 5px;
}
body#text-lektorat ul#snav li a:hover,
body#text-lektorat ul#snav li a.active {
	background:  #b5ff03;
}
body#text-lektorat div.frame a.back {
	font:  italic 11px verdana, sans-serif;
	color:  #669900;
	margin:  0 0 0 15px;
}

body#text-lektorat ul.tags {
	padding:  0 10px 0 10px;
	margin:  7px 0 0 0;
}
body#text-lektorat ul.tags.top {
	width:  680px;
	padding:  0 10px 3px 10px;
	margin:  0 0 25px 0;
}
* html body#text-lektorat ul.tags.top {
	width:  705px;
}
body#text-lektorat ul.tags li {
	float:  left;
}
body#text-lektorat ul.tags li a {
	padding:  3px 5px 3px 5px;
	font:  bold italic 12px georgia, sans-serif;
	color:  #5f5f5f;
}
body#text-lektorat ul.tags li a:hover,
body#text-lektorat ul.tags li a.active {
	background:  #b5ff03;
}

body#text-lektorat div.article {
	width: 700px;
	font: 13px/16px georgia, sans-serif;
	color: #141614;
	margin:  0 0 10px 0;
	padding:  0;
}

body#text-lektorat div.article div.cl {
	float:  left;
	width:  180px;
	margin:  60px 0 -5px 15px;
}
body#text-lektorat div.article div.cl div.images {
	margin-top:  -53px;
}
body#text-lektorat div.article div.cl p {
	font:  italic 13px/18px georgia, sans-serif;
	color:  #5f5f5f;
	margin:  0;
}
body#text-lektorat div.article div.cl a {
	color:  #ff0000;
}

body#text-lektorat div.article div.cr {
	float:  left;
	width:  460px;
	margin: 0;
	font:  13px/19px georgia, sans-serif;
}
* html body#text-lektorat div.article div.cr {
	width:  420px;
}

body#text-lektorat div.article div.cr h3 {
	display:  inline;
	font:  28px georgia, sans-serif;
	color:  #141614;
	padding: 0 5px 18px 5px;
	margin: 0 0 0 10px;
	background: #b5ff03;
}
body#text-lektorat div.article div.cr div.txt {
	position:  relative;
	margin:  0 0 0 15px;
	float:  left;
}
* html body#text-lektorat div.article div.cr div.txt {
	position:  relative;
	margin:  0 0 0 8px;
	float:  left;
}
body#text-lektorat div.article div.cr div.txt p {
	margin:  0 0 15px 0;
}
body#text-lektorat div.article div.cr div.txt p a {
  color: #669900;
}

body#text-lektorat div#footer {
	width:  700px;
	margin:  5px auto 66px auto;
	font:  13px georgia, sans-serif;
	color:  #000;
}
* html body#text-lektorat div#footer {
	width:  725px;
}

body#text-lektorat div#footer a.back {
	position:  relative;
	/*top: 5px;*/
	left:  15px;
	font:  italic 11px verdana, sans-serif;
	color:  #b9ff12;
}
body#text-lektorat div#footer div.pagination {
	width: 150px;
	text-align:  right;
	position:  relative;
	top: 14px;
	left:  500px;
	font:  italic 11px verdana, sans-serif;
	color:  #000;
}
body#text-lektorat div#footer div.pagination a {
	color:  #669900;
}
body#text-lektorat div#footer div.pagination span.current {
	color:  #000;
}



body.mceContentBody p { 
  margin-bottom: 10px;
}
