/* === START Basiseinstellungen === */

body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.newstrennlinie
{
font-family: Arial, Helvetica, sans-serif;
}

body, #navigation, #thema, #navigation .titel, #navigation .hauptmenue_kapitel_1, #navigation .hauptmenue_kapitel, #navigation .hauptmenue_info, #navigation .untermenue_charaktere, #navigation .untermenue, #navigation .hauptmenue_linktipps, #navigation .hauptmenue, #navigation .bild, #navigation .basismenue_start, #navigation .basismenue, #navigation ul, #navigation li, .thema_text, .textblock, .textbereich, .bildbereich, .startnews, .newsdatum, .clear, .newstrennlinie, 
.weblog_text,
.linktipps_text,
.charaktere_text,
.weblog_einfuehrung,
.linktipps_einfuehrung,
.charaktere_einfuehrung,
.textinfo_inhalt,
.kapitel_text,
.weblog_navigation,
.weblog_trennlinie,
.weblog_storyname,
.weblog_storyextras,
.weblog_text .clear,
.linktipps_text .clear,
.charaktere_text .clear,
.weblog_nach_oben_link,
.linktipps_nach_oben_link,
.charaktere_nach_oben_link,
.charaktere_nach_oben_zwischenlink,
.linktipps_nach_oben_zwischenlink,
#weblog_navi_menue .keine_linkkenzzeichnung a:link, 
#weblog_navi_menue .keine_linkkenzzeichnung a:visited,
#weblog_navi_menue .keine_linkkenzzeichnung a:active,
#weblog_navi_menue .keine_linkkenzzeichnung a:hover,
#weblog_navi_menue .keine_linkkenzzeichnung a:focus,
.weblog_navigation_mouseover .menue_titel,
.inhalt #weblog #weblog_navi_menue,
.inhalt #weblog #weblog_navi_menue .mouseover_abschluss,
.weblog_nach_oben_link .seitenanfang,
.linktipps_nach_oben_link .seitenanfang,
.charaktere_nach_oben_link .seitenanfang,
.charaktere_nach_oben_zwischenlink .seitenanfang,
.linktipps_nach_oben_zwischenlink .seitenanfang,
.linktipps_zwischenlinie,
.charaktere_zwischenlinie,
.linktipp_thema ul,
.linktipp_thema a:link,
.linktipp_thema a:visited,
.linktipp_thema a:active,
.linktipp_thema a:hover,
.linktipp_thema a:focus,
#linktipps .linktipp_thema p,
.linktipp_thema li,
.charaktere_thema ul,
.charaktere_thema a:link,
.charaktere_thema a:visited,
.charaktere_thema a:active,
.charaktere_thema a:hover,
.charaktere_thema a:focus,
#charaktere .charaktere_thema p,
.charaktere_thema li,
form,
.kontakt legend,
.absenden legend,
.kontakt,
.absenden,
.kapitel_text .p_textunsichtbar_effekt,
.zwischenanker,
#tooltip p
{
margin: 0; 
}

body, #navigation, #thema, #navigation .titel, #navigation .hauptmenue_kapitel_1, #navigation .hauptmenue_kapitel, #navigation .hauptmenue_info, #navigation .untermenue_charaktere, #navigation .untermenue, #navigation .hauptmenue_linktipps, #navigation .hauptmenue, #navigation .bild, #navigation .basismenue_start, #navigation .basismenue, #navigation ul, #navigation li, .thema_flash, .thema_text, .textblock, .bildbereich, .textbereich, .textbereich p, .startnews, .newsdatum, .clear, .newstrennlinie, .weblog_einfuehrung p,
.linktipps_einfuehrung p,
.charaktere_einfuehrung p,
.textinfo_inhalt p,
.kapitel_text p,
.weblog_text,
.linktipps_text,
.charaktere_text,
.weblog_rubrikname,
.textinfo_rubrikname,
.linktipps_rubrikname,
.charaktere_rubrikname,
.kapitel_rubrikname,
.start_rubrikname,
.start_abstand,
.weblog_einfuehrung,
.linktipps_einfuehrung,
.charaktere_einfuehrung,
.textinfo_inhalt,
.kapitel_text,
.weblog_navigation,
.weblog_trennlinie,
.weblog_storyname,
.weblog_storyextras,
.weblog_text .clear,
.linktipps_text .clear,
.charaktere_text .clear,
.weblog_nach_oben_link,
.linktipps_nach_oben_link,
.charaktere_nach_oben_link,
.charaktere_nach_oben_zwischenlink,
.linktipps_nach_oben_zwischenlink,
#weblog_navi_menue .keine_linkkenzzeichnung a:link, 
#weblog_navi_menue .keine_linkkenzzeichnung a:visited,
#weblog_navi_menue .keine_linkkenzzeichnung a:active,
#weblog_navi_menue .keine_linkkenzzeichnung a:hover,
#weblog_navi_menue .keine_linkkenzzeichnung a:focus,
.inhalt #weblog #weblog_navi_menue .keine_linkkenzzeichnung,
.weblog_zwischenlinie,
.linktipps_zwischenlinie,
.charaktere_zwischenlinie,
.kapitel_zwischenlinie,
.inhalt #weblog #weblog_navi_menue,
.inhalt #weblog #weblog_navi_menue .mouseover_menue,
.inhalt #weblog #weblog_navi_menue .p-abstand,
.inhalt #weblog #weblog_navi_menue .mouseover_abschluss,
.linktipp_thema ul,
.linktipp_thema a:link,
.linktipp_thema a:visited,
.linktipp_thema a:active,
.linktipp_thema a:hover,
.linktipp_thema a:focus,
.charaktere_thema ul,
.charaktere_thema a:link,
.charaktere_thema a:visited,
.charaktere_thema a:active,
.charaktere_thema a:hover,
.charaktere_thema a:focus,
.linktipps_text h2,
.charaktere_text h2,
form,
.kontakt legend,
.absenden legend,
.kontakt,
.absenden,
.newskurztext,
.zwischenanker,
#tooltip p
{
padding: 0; 
}

.inhalt, 
#navigation,
#thema,
#weblog,
#linktipps,
#charaktere,
#textinfo,
#kapitel,
#sprachauswahl .deutsch_aktiv,
#sprachauswahl .english_aktiv,
#navigation .hauptmenue_kapitel_1_aktiv, 
#navigation .hauptmenue_kapitel_aktiv, 
#navigation .hauptmenue_info_aktiv, 
#navigation .untermenue_charaktere_aktiv,
#navigation .untermenue_aktiv, 
#navigation .hauptmenue_linktipps_aktiv,
#navigation .hauptmenue_aktiv,
#navigation .bild_aktiv,
#navigation .basismenue_start_aktiv,
#navigation .basismenue_aktiv,
#navigation .kapitel_1,
#navigation .kapitel_2,
#navigation .kapitel_3,
#navigation .info,
#navigation .charaktere,
#navigation .kontakt,
#navigation .linktipps,
#navigation .geschichten,
#navigation .start,
#navigation .copyright,
#navigation .impressum,
#navigation .haftung,
.weblog_rubrikname,
.textinfo_rubrikname,
.linktipps_rubrikname,
.charaktere_rubrikname,
.kapitel_rubrikname,
.start_rubrikname,
.weblog_zwischenlinie,
.linktipps_zwischenlinie,
.charaktere_zwischenlinie,
.weblog_navigation_mouseover .menue_titel,
.inhalt #weblog #weblog_navi_menue .mouseover_abschluss,
.weblog_nach_oben_link .seitenanfang,
.linktipps_nach_oben_link .seitenanfang,
.charaktere_nach_oben_link .seitenanfang,
.linktipps_nach_oben_zwischenlink .seitenanfang,
.charaktere_nach_oben_zwischenlink .seitenanfang,
.weblog_nach_oben_link,
.linktipps_nach_oben_link,
.charaktere_nach_oben_link,
.linktipps_nach_oben_zwischenlink,
.charaktere_nach_oben_zwischenlink,
.kapitel_text,
#thema .textbereich,
.textinfo_inhalt,
.linktipp_thema li,
.charaktere_thema li,
#linktipps .textbereich,
.absenden .button_absenden,
.weblog_zwischenlinie,
.linktipps_zwischenlinie,
.charaktere_zwischenlinie,
.kapitel_zwischenlinie,
.twitter_box
{
background-repeat: no-repeat;
}

.more,
.unsichtbar,
.print_titel
{
display: none;
}

.oben
{
position: absolute;
top: 0;
}

/* === END Basiseinstellungen === */




/* === START Schrift === */

.weblog_text .textbereich p,
#tooltip
{
font-size: 0.80em;
letter-spacing: 0.1em;
} 

.textbereich p, 
.thema_flash p,
.weblog_einfuehrung p,
.weblog_einfuehrung .more p,
.linktipps_einfuehrung p,
.charaktere_einfuehrung p,
.linktipps_text .textbereich p,
.charaktere_text .textbereich p,
.textinfo_inhalt p,
.kapitel_text p,
.weblog_storyname p,
.weblog_navigation_mouseover .menue_titel,
.inhalt #weblog #weblog_navi_menue .mouseover_menue,
.inhalt #weblog #weblog_navi_menue .p-abstand,
.weblog_nach_oben_link .seitenanfang,
.linktipps_nach_oben_link .seitenanfang,
.charaktere_nach_oben_link .seitenanfang,
.linktipps_nach_oben_zwischenlink .seitenanfang,
.charaktere_nach_oben_zwischenlink .seitenanfang,
.weblog_text .textbereich .datum_geschichte,
.weblog_text .textbereich .hinweis_leselupe,
h2 span
{
font-size: 0.70em;
letter-spacing: 0.1em;
}

.textbereich p,
.thema_flash p,
.weblog_einfuehrung p,
.weblog_einfuehrung .more p,
.linktipps_einfuehrung p,
.charaktere_einfuehrung p,
.textinfo_inhalt p,
.kapitel_text p,
.weblog_storyname p,
.weblog_navigation_mouseover .menue_titel,
.inhalt #weblog #weblog_navi_menue .mouseover_menue,
.inhalt #weblog #weblog_navi_menue .p-abstand,
.weblog_nach_oben_link .seitenanfang,
.linktipps_nach_oben_link .seitenanfang,
.charaktere_nach_oben_link .seitenanfang,
.linktipps_nach_oben_zwischenlink .seitenanfang,
.charaktere_nach_oben_zwischenlink .seitenanfang,
.weblog_text .textbereich .datum_geschichte,
.weblog_text .textbereich .hinweis_leselupe,
.weblog_text .textbereich b,
.weblog_text .textbereich p,
.linktipps_text .textbereich b,
.charaktere_text .textbereich b,
.linktipps_text .textbereich p,
.charaktere_text .textbereich p,
.weblog_storyname h2,
.linktipps_text h2,
.charaktere_text h2,
.more h2
{
line-height: 1.4em;
}

.weblog_storyname b
{
line-height: 1.7em;
}

.textbereich p, 
.thema_flash p,
.weblog_einfuehrung p,
.linktipps_einfuehrung p,
.charaktere_einfuehrung p,
.textinfo_inhalt p,
.kapitel_text p,
.weblog_storyname p,
h2 span,
{
font-weight: normal;
}

#weblog_navi_menue a:link,
#weblog_navi_menue a:active,
#weblog_navi_menue a:visited,
#weblog_navi_menue a:hover,
#weblog_navi_menue a:focus,
.weblog_navigation_mouseover .menue_titel,
.weblog_nach_oben_link .seitenanfang,
.linktipps_nach_oben_link .seitenanfang,
.charaktere_nach_oben_link .seitenanfang,
.linktipps_nach_oben_zwischenlink .seitenanfang,
.charaktere_nach_oben_zwischenlink .seitenanfang,
.kapitel_text a:link,
.kapitel_text a:visited,
.kapitel_text a:active,
.kapitel_text a:hover,
.kapitel_text a:focus,
.textinfo_inhalt a:link, 
.textinfo_inhalt a:visited,
.textinfo_inhalt a:active,
.textinfo_inhalt a:hover, 
.textinfo_inhalt a:focus,
.linktipps_einfuehrung a:link, 
.linktipps_einfuehrung a:visited,
.linktipps_einfuehrung a:active,
.linktipps_einfuehrung a:hover, 
.linktipps_einfuehrung a:focus,
.charaktere_einfuehrung a:link, 
.charaktere_einfuehrung a:visited,
.charaktere_einfuehrung a:active,
.charaktere_einfuehrung a:hover, 
.charaktere_einfuehrung a:focus,
.weblog_storyname h2,
.linktipps_text h2,
.charaktere_text h2,
.more h2,
.linktipps_aktiv,
.absenden .button_absenden,
.weblog_einfuehrung a.showLink,
.weblog_einfuehrung a:link.showLink,
.weblog_einfuehrung a:visited.showLink,
.weblog_einfuehrung a:active.showLink,
.weblog_einfuehrung a:hover.showLink,
.weblog_einfuehrung a:focus.showLink,
.weblog_einfuehrung .more a.hideLink,
.weblog_einfuehrung .more a:link.hideLink,
.weblog_einfuehrung .more a:visited.hideLink,
.weblog_einfuehrung .more a:active.hideLink,
.weblog_einfuehrung .more a:hover.hideLink,
.weblog_einfuehrung .more a:focus.hideLink,
.formular_fehler
{
font-weight: bold;
}

.textbereich b,
.thema_flash b,
.weblog_einfuehrung b,
.linktipps_einfuehrung b,
.charaktere_einfuehrung b,
.textinfo_inhalt b,
.weblog_storyname b,
.more b,
.linktipps_text .textbereich b,
.charaktere_text .textbereich b,
.absenden .button_absenden
{
font-size: 1.3em;
}

.weblog_navigation_mouseover .menue_titel,
.weblog_text .textbereich b,
.weblog_storyname h2,
.linktipps_text h2,
.charaktere_text h2,
.more h2
{
font-size: 1em;
letter-spacing: 0.1em;
} 

#navigation,
.textbereich .clear,
.weblog_text .clear,
.linktipps_text .clear,
.charaktere_text .clear,
.oben,
.zwischenanker,
.linkliste_sprung
{
font-size: 1px;
line-height: 1px;
}

#sprachauswahl
{
font-size: 13px;
line-height: 13px;
}

.bildbereich,
.zentrieren,
.absenden
{
text-align: center;
}

.textbereich .datum_geschichte
{
text-align: right;
}

div#qtip
{
text-align: left;
}

.figur_name,
#weblog .weblog_text span
{
text-transform: uppercase;
}

/* === END Schrift === */





/* === START Farben === */

body
{
background-color: #f6efb8; 
}

#thema a:link, 
#thema a:visited, 
#thema a:active,
#thema a:hover, 
#thema a:focus,
.textbereich a:link, 
.textbereich a:visited, 
.textbereich a:active,
.textbereich a:hover, 
.textbereich a:focus,
.weblog_navigation_mouseover .menue_titel a,
.weblog_nach_oben_link .seitenanfang a,
.linktipps_nach_oben_link .seitenanfang a,
.charaktere_nach_oben_link .seitenanfang a,
.linktipps_nach_oben_zwischenlink .seitenanfang a,
.charaktere_nach_oben_zwischenlink .seitenanfang a,
.kapitel_text a,
.textinfo_inhalt a:link, 
.textinfo_inhalt a:visited,
.textinfo_inhalt a:active,
.textinfo_inhalt a:hover, 
.textinfo_inhalt a:focus,
.linktipps_einfuehrung a:link, 
.linktipps_einfuehrung a:visited,
.linktipps_einfuehrung a:active,
.linktipps_einfuehrung a:hover, 
.linktipps_einfuehrung a:focus,
.charaktere_einfuehrung a:link, 
.charaktere_einfuehrung a:visited,
.charaktere_einfuehrung a:active,
.charaktere_einfuehrung a:hover, 
.charaktere_einfuehrung a:focus,
.weblog_einfuehrung a.showLink,
.weblog_einfuehrung a:link.showLink,
.weblog_einfuehrung a:visited.showLink,
.weblog_einfuehrung a:active.showLink,
.weblog_einfuehrung a:hover.showLink,
.weblog_einfuehrung a:focus.showLink,
.weblog_einfuehrung .more a.hideLink,
.weblog_einfuehrung .more a:link.hideLink,
.weblog_einfuehrung .more a:visited.hideLink,
.weblog_einfuehrung .more a:active.hideLink,
.weblog_einfuehrung .more a:hover.hideLink,
.weblog_einfuehrung .more a:focus.hideLink,
#tooltip
{
background-color: #f9fea4;
}

.weblog_rubrikname,
.textinfo_rubrikname,
.linktipps_rubrikname,
.charaktere_rubrikname,
.weblog_einfuehrung,
.linktipps_einfuehrung,
.charaktere_einfuehrung,
.textinfo_inhalt,
.weblog_navigation,
.weblog_trennlinie,
.weblog_storyname,
.weblog_storyextras,
.weblog_text .clear,
.linktipps_text .clear,
.charaktere_text .clear,
.weblog_nach_oben_link,
.linktipps_nach_oben_link,
.charaktere_nach_oben_link,
.linktipps_nach_oben_zwischenlink,
.charaktere_nach_oben_zwischenlink,
.weblog_text .textbereich,
.linktipps_text .textbereich,
.charaktere_text .textbereich,
.kapitel_text,
#kapitel a.bildergalerie_1,
#kapitel a:link.bildergalerie_1, 
#kapitel a:visited.bildergalerie_1, 
#kapitel a:active.bildergalerie_1,
#kapitel a:hover.bildergalerie_1,
#kapitel a:focus.bildergalerie_1,
#kapitel a.bildergalerie_2,
#kapitel a:link.bildergalerie_2, 
#kapitel a:visited.bildergalerie_2, 
#kapitel a:active.bildergalerie_2,
#kapitel a:hover.bildergalerie_2,
#kapitel a:focus.bildergalerie_2,
#kapitel a.bildergalerie_3,
#kapitel a:link.bildergalerie_3, 
#kapitel a:visited.bildergalerie_3, 
#kapitel a:active.bildergalerie_3,
#kapitel a:hover.bildergalerie_3,
#kapitel a:focus.bildergalerie_3,
#weblog .weblog_hintergrunddecker,
#linktipps .linktipps_hintergrunddecker,
#charaktere .charaktere_hintergrunddecker,
.absenden .button_absenden,
#flash_alt,
.thema_flash
{
background-color: #fbf8df;
}

#weblog_navi_menue a:hover,
#weblog_navi_menue a:focus
{
background-color: #dd0112;
}

#weblog_navi_menue .keine_linkkenzzeichnung a:link, 
#weblog_navi_menue .keine_linkkenzzeichnung a:visited,
#weblog_navi_menue .keine_linkkenzzeichnung a:active,
#weblog_navi_menue .keine_linkkenzzeichnung a:hover,
#weblog_navi_menue .keine_linkkenzzeichnung a:focus,
.inhalt #weblog #weblog_navi_menue
{
background-color: #fff;
}

#flash_alt p,
.textbereich p,
.weblog_einfuehrung p,
.weblog_einfuehrung .more p,
.linktipps_einfuehrung p,
.charaktere_einfuehrung p,
.textinfo_inhalt p,
.kapitel_text p,
.weblog_storyname p,
.weblog_storyname h2,
.linktipps_text h2,
.charaktere_text h2,
.more h2
{
color: #877109;
}

.textbereich b,
.textbereich .newsdatum,
.weblog_einfuehrung b,
.linktipps_einfuehrung b,
.charaktere_einfuehrung b,
.textinfo_inhalt b,
.weblog_storyname b,
.weblog_navigation_mouseover .menue_titel,
.weblog_text .textbereich .datum_geschichte,
.weblog_text .textbereich .hinweis_leselupe,
.more b,
#weblog_navi_menue a:visited 
{
color: #baad64;
}

#thema a:link, 
#thema a:visited, 
#thema a:active,
.textbereich a:link, 
.textbereich a:visited, 
.textbereich a:active,
.weblog_navigation_mouseover .menue_titel a,
.inhalt #weblog #weblog_navi_menue .mouseover_menue,
.inhalt #weblog #weblog_navi_menue .p-abstand,
.weblog_nach_oben_link .seitenanfang a,
.linktipps_nach_oben_link .seitenanfang a,
.charaktere_nach_oben_link .seitenanfang a,
.linktipps_nach_oben_zwischenlink .seitenanfang a,
.charaktere_nach_oben_zwischenlink .seitenanfang a,
.kapitel_text a:link,
.kapitel_text a:visited,
.kapitel_text a:active,
.textinfo_inhalt a:link, 
.textinfo_inhalt a:visited,
.textinfo_inhalt a:active,
.linktipps_einfuehrung a:link, 
.linktipps_einfuehrung a:visited,
.linktipps_einfuehrung a:active,
.absenden .button_absenden,
.linktipps_aktiv,
.charaktere_einfuehrung a:link, 
.charaktere_einfuehrung a:visited,
.charaktere_einfuehrung a:active,
.weblog_einfuehrung a.showLink,
.weblog_einfuehrung a:link.showLink,
.weblog_einfuehrung a:visited.showLink,
.weblog_einfuehrung a:active.showLink,
.weblog_einfuehrung .more a.hideLink,
.weblog_einfuehrung .more a:link.hideLink,
.weblog_einfuehrung .more a:visited.hideLink,
.weblog_einfuehrung .more a:active.hideLink
{
color: #c1ad2a;
}

#flash_alt a:link,
#flash_alt a:visited,
#flash_alt a:active,
#flash_alt a:hover, 
#flash_alt a:focus, 
#thema a:hover, 
#thema a:focus,
.textbereich a:hover, 
.textbereich a:focus,
#weblog_navi_menue a:link,
#weblog_navi_menue a:active,
.weblog_navigation_mouseover .menue_titel a:hover,
.weblog_navigation_mouseover .menue_titel a:focus,
.weblog_nach_oben_link .seitenanfang a:hover,
.weblog_nach_oben_link .seitenanfang a:focus,
.linktipps_nach_oben_link .seitenanfang a:hover,
.linktipps_nach_oben_link .seitenanfang a:focus, 
.charaktere_nach_oben_link .seitenanfang a:hover,
.charaktere_nach_oben_link .seitenanfang a:focus,
.linktipps_nach_oben_zwischenlink .seitenanfang a:hover,
.linktipps_nach_oben_zwischenlink .seitenanfang a:focus, 
.charaktere_nach_oben_zwischenlink .seitenanfang a:hover,
.charaktere_nach_oben_zwischenlink .seitenanfang a:focus,
.kapitel_text a:hover,
.kapitel_text a:focus,
.textinfo_inhalt a:hover, 
.textinfo_inhalt a:focus,
.linktipps_einfuehrung a:hover, 
.linktipps_einfuehrung a:focus,
.charaktere_einfuehrung a:hover, 
.charaktere_einfuehrung a:focus,
.weblog_einfuehrung a:hover.showLink,
.weblog_einfuehrung a:focus.showLink,
.weblog_einfuehrung .more a:hover.hideLink,
.weblog_einfuehrung .more a:focus.hideLink,
.formular_fehler
{
color: #dd0112;
}

#weblog_navi_menue a:hover,
#weblog_navi_menue a:focus
{
color: #fff;
}

.newstrennlinie,
.infoklammer
{
color: #d9cb7b;
}

.oben
{
color: #f4ea93; 
}

#tooltip p
{
color: #000; 
}

.kontakt legend,
.absenden legend,
.zwischenanker
{
color: #fbf8df;
}

/* === END Farben === */





/* === START Seitenaufbau === */

body 
{
text-align: center; 
background-image: url(css_img/hintergrund_seite.jpg);
background-repeat: repeat-x;
}

.inhalt
{
margin-left: auto; 
margin-right: auto;
width: 914px;
text-align: left; 
clear: both;
}

.inhalt
{
height: 590px;
background-image: url(css_img/hintergrund_inhalt.jpg);
background-position: 248px 28px;
}

.spezialfunktionen
{
padding: 7px 0 0 0;
margin: 0;
width: 914px;
height: 21px;
text-align: right;
}

.spezialfunktionen img
{
padding-left: 8px;
}

#navigation
{
width: 248px;
background-image: url(css_img/hintergrund_navigation.jpg);
}

#thema, 
#weblog,
#linktipps,
#charaktere,
#kapitel,
#textinfo
{
width: 640px;
}

#thema
{
background-image: url(css_img/hintergrund_thema.jpg);
}

#kapitel,
#weblog,
#linktipps,
#charaktere,
#textinfo
{
padding-bottom: 2em;
}

#weblog,
#linktipps,
#charaktere
{
background-image: url(css_img/hintergrund_weblog.jpg);
}

#textinfo,
#kapitel
{
background-image: url(css_img/hintergrund_texte.jpg);
}

#navigation,
.thema_text, 
.bildbereich,
.textbereich .startnews,
.textbereich .newsdatum,
.multimedia_infos,
.linktipp_thema li
{
float: left;
}

#thema, 
#weblog,
#linktipps,
#charaktere,
#textinfo,
#kapitel,
.thema_flash,
.weblog_rubrikname,
.textinfo_rubrikname,
.linktipps_rubrikname,
.charaktere_rubrikname,
.kapitel_rubrikname,
.start_rubrikname,
.start_abstand,
.weblog_einfuehrung,
.linktipps_einfuehrung,
.charaktere_einfuehrung,
.textinfo_inhalt,
.kapitel_text,
.weblog_navigation,
.weblog_zwischenlinie,
.linktipps_zwischenlinie,
.charaktere_zwischenlinie,
.kapitel_zwischenlinie,
.weblog_storyname,
.weblog_storyextras,
.weblog_text .clear,
.linktipps_text .clear,
.charaktere_text .clear,
.weblog_nach_oben_link,
.linktipps_nach_oben_link,
.charaktere_nach_oben_link,
.linktipps_nach_oben_zwischenlink,
.charaktere_nach_oben_zwischenlink,
.textbereich,
.inhalt #weblog #weblog_navi_menue .keine_linkkenzzeichnung,
.weblog_introfilm,
.weblog_nach_oben_link .seitenanfang,
.linktipps_nach_oben_link .seitenanfang,
.charaktere_nach_oben_link .seitenanfang,
.linktipps_nach_oben_zwischenlink .seitenanfang,
.charaktere_nach_oben_zwischenlink .seitenanfang,
.bild_rechts,
#weblog .weblog_hintergrunddecker,
#linktipps .linktipps_hintergrunddecker,
#charaktere .charaktere_hintergrunddecker,
.bild_rechts_bilder_inhalt,
.twitter_box,
.twitter_inhalt
{
float: right;
}

.textblock, 
.clear,
#weblog .weblog_hintergrunddecker,
#linktipps .linktipps_hintergrunddecker,
#charaktere .charaktere_hintergrunddecker
{
clear: both;
}

/* === END Seitenaufbau === */





/* === START Navigation === */

#navigation ul 
{  
list-style: none;
}

#navigation .titel
{
margin-top: 41px;
width: 247px;
height: 74px;
border: 0;
}

#navigation .hauptmenue_kapitel_1, 
#navigation .hauptmenue_kapitel, 
#navigation .hauptmenue_info, 
#navigation .untermenue_charaktere,
#navigation .untermenue, 
#navigation .hauptmenue_linktipps,
#navigation .hauptmenue,
#navigation .bild,
#navigation .basismenue_start,
#navigation .basismenue
{
margin-left: 87px;
width: 150px;
border: 0;
}

#navigation .hauptmenue_kapitel_1_aktiv, 
#navigation .hauptmenue_kapitel_aktiv, 
#navigation .hauptmenue_info_aktiv, 
#navigation .untermenue_charaktere_aktiv,
#navigation .untermenue_aktiv, 
#navigation .hauptmenue_linktipps_aktiv, 
#navigation .hauptmenue_aktiv, 
#navigation .basismenue_start_aktiv,
#navigation .basismenue_aktiv
{
margin-left: 72px;
padding-left: 15px;
width: 150px;
border: 0;
background-image: url(css_img/menue_aktiv_haken.gif);
}

#navigation .hauptmenue_kapitel_1_aktiv, 
#navigation .hauptmenue_kapitel_aktiv, 
#navigation .hauptmenue_info_aktiv, 
#navigation .hauptmenue_linktipps_aktiv, 
#navigation .hauptmenue_aktiv
{
background-position: 0px 3px;
}

#navigation .untermenue_charaktere,
#navigation .untermenue,
#navigation .basismenue_start,
#navigation .basismenue,
#navigation .untermenue_charaktere_aktiv,
#navigation .untermenue_aktiv,
#navigation .basismenue_start_aktiv,
#navigation .basismenue_aktiv
{
height: 14px;
}

#navigation .hauptmenue_kapitel_1,
#navigation .hauptmenue_kapitel,
#navigation .hauptmenue_linktipps,
#navigation .hauptmenue,
#navigation .hauptmenue_kapitel_1_aktiv, 
#navigation .hauptmenue_kapitel_aktiv, 
#navigation .hauptmenue_linktipps_aktiv,
#navigation .hauptmenue_aktiv
{
height: 23px;
}

#navigation .bild
{
height: 51px;
margin-bottom: 9px;
}

#navigation .hauptmenue_info,
#navigation .hauptmenue_info_aktiv
{
height: 58px;
}

#navigation .untermenue_charaktere,
#navigation .untermenue_charaktere_aktiv
{
margin-top: -33px;
}

#navigation .untermenue,
#navigation .untermenue_aktiv,
#navigation .basismenue,
#navigation .basismenue_aktiv
{
margin-top: 5px;
}

#navigation .hauptmenue_kapitel,
#navigation .hauptmenue_kapitel_aktiv 
{
margin-top: 7px;
}

#navigation .basismenue_start,
#navigation .basismenue_start_aktiv
{
margin-top: 9px;
}

#navigation .hauptmenue,
#navigation .hauptmenue_aktiv,
#navigation .hauptmenue_info,
#navigation .hauptmenue_info_aktiv
{
margin-top: 22px;
}

#navigation .hauptmenue_linktipps,
#navigation .hauptmenue_linktipps_aktiv
{
margin-top: 25px;
}

#navigation .hauptmenue_kapitel_1,
#navigation .hauptmenue_kapitel_1_aktiv
{
margin-top: 28px;
}

#navigation .bild
{
margin-top: 32px;
}
 
/* === END Navigation === */





/* === START Thema, Weblog, Kapitel, Linkliste, Charaktere === */

.textblock, 
.thema_text,
.weblog_text,
.linktipps_text,
.charaktere_text
{
width: 640px;
}

.newskurztext
{
display: block; 
margin: -1.5em 0 0 8.35em;
}

.thema_flash, 
.textbereich,
.textabschluss,
.textbereich .clear,
.weblog_rubrikname,
.textinfo_rubrikname,
.linktipps_rubrikname,
.charaktere_rubrikname,
.kapitel_rubrikname,
.start_rubrikname,
.start_abstand,
.weblog_einfuehrung,
.linktipps_einfuehrung,
.charaktere_einfuehrung,
.textinfo_inhalt,
.kapitel_text,
.weblog_navigation,
.kapitel_zwischenlinie,
.weblog_zwischenlinie,
.linktipps_zwischenlinie,
.charaktere_zwischenlinie,
.weblog_storyname,
.weblog_storyextras,
.weblog_text .clear,
.linktipps_text .clear,
.charaktere_text .clear,
.weblog_nach_oben_link,
.linktipps_nach_oben_link,
.charaktere_nach_oben_link,
.linktipps_nach_oben_zwischenlink,
.charaktere_nach_oben_zwischenlink,
#weblog .weblog_hintergrunddecker,
#linktipps .linktipps_hintergrunddecker,
#charaktere .charaktere_hintergrunddecker,
.twitter_box
{
width: 483px;
}

.weblog_storyname p
{
width: 440px;
margin-top: 2em;
}

.weblog_rubrikname,
.textinfo_rubrikname,
.linktipps_rubrikname,
.charaktere_rubrikname,
.kapitel_rubrikname,
.start_rubrikname
{
margin: 105px 0 0 0;
}

.start_abstand,
.thema_flash
{
margin: 5px 0 0 0;
}

#kapitel .thema_flash
{
margin: -20px 0 0 0;
}

.thema_text, 
.bildbereich
{
margin-bottom: 30px;
}

.bildbereich
{
width: 150px;
}

.bildbereich, 
.textbereich
{
padding-top: 20px;
}

.weblog_text .textbereich
{
padding-top: 0;
}
 
.charaktere_text .textbereich
{
padding-top: 0;
}

.weblog_storyname p,
.weblog_storyname h2
{
padding-left: 39px;
}

.weblog_rubrikname,
.kapitel_rubrikname,
.start_abstand,
.textinfo_rubrikname,
.linktipps_rubrikname,
.charaktere_rubrikname,
.start_rubrikname
{
margin-bottom: 16px;
height: 45px;
background-position: bottom;
}

.weblog_rubrikname,
.textinfo_rubrikname,
.linktipps_rubrikname,
.charaktere_rubrikname,
.kapitel_rubrikname
{
background-image: url(css_img/weblog_trennlinie.jpg);
}

.start_rubrikname
{
background-image: url(css_img/start_trennlinie.jpg);
}

.weblog_zwischenlinie,
.linktipps_zwischenlinie,
.charaktere_zwischenlinie,
.kapitel_zwischenlinie
{
background-image: url(css_img/weblog_zwischenlinie.jpg);
}

.weblog_zwischenlinie,
.kapitel_zwischenlinie,
.linktipps_zwischenlinie,
.charaktere_zwischenlinie
{
height: 8px;
}

.weblog_zwischenlinie
{
margin: 3em 0 10px 0;
}

.kapitel_zwischenlinie
{
margin: -6px 0 17px 0;
}

.weblog_navigation_mouseover
{
width: 483px; 
}

.-weblog_einfuehrung .more
{
margin-top: -22px;
}

.weblog_navigation_mouseover .menue_titel
{
padding: 7px 0 14px 39px; 
position: absolute; 
width: 444px;
background-image: url(css_img/icon_linktipps.gif);
z-index: 1; 
}

.inhalt #weblog #weblog_navi_menue
{
width: 483px; 
padding-top: 0.3em;
border: none; 
background-image: url(css_img/weblog_navi_hinten_oben.gif);
background-repeat: repeat-x; 
}

.inhalt #weblog #weblog_navi_menue .mouseover_menue,
.inhalt #weblog #weblog_navi_menue .p-abstand
{ 
width: 410px;
}

.inhalt #weblog #weblog_navi_menue .mouseover_menue
{
margin: 3em 0 0 38px; 
}

.inhalt #weblog #weblog_navi_menue .p-abstand
{
margin: 15px 0 0 38px;  
}

.inhalt #weblog #weblog_navi_menue .mouseover_abschluss
{
background-image: url(css_img/weblog_navi_hinten_unten.gif); 
background-position: bottom; 
height: 20px;

}

.inhalt #weblog #weblog_navi_menue .keine_linkkenzzeichnung
{
width: 20px; 
height: 24px; 
margin: 0.2em 7px 0 0; 
}

.weblog_introfilm
{
padding-right: 38px;
}

.weblog_text .textbereich p,
.linktipps_text .textbereich p,
.charaktere_text .textbereich p
{
padding: 0 38px 0 38px; 
}

.linktipps_text .textbereich h2,
.charaktere_text .textbereich h2
{
padding-left: 38px;
padding-right: 38px;
}

.weblog_nach_oben_link .seitenanfang,
.linktipps_nach_oben_link .seitenanfang,
.charaktere_nach_oben_link .seitenanfang,
.charaktere_text .charaktere_nach_oben_zwischenlink .seitenanfang,
.linktipps_nach_oben_zwischenlink .seitenanfang
{
background-image: url(css_img/icon_seitenanfang.gif);
background-position: right;
}

.weblog_nach_oben_link .seitenanfang,
.linktipps_nach_oben_link .seitenanfang,
.charaktere_nach_oben_link .seitenanfang,
.charaktere_text .charaktere_nach_oben_zwischenlink .seitenanfang,
.linktipps_nach_oben_zwischenlink .seitenanfang
{
padding: 2em 38px 2em 0;
background-image: url(css_img/icon_seitenanfang.gif);
background-position: right;
}

.charaktere_text .charaktere_nach_oben_zwischenlink
{
padding-bottom: 10px;
}

#thema .textbereich,
.kapitel_text,
.weblog_nach_oben_link,
.linktipps_nach_oben_link,
.charaktere_nach_oben_link,
.textinfo_inhalt,
#linktipps .textbereich,
.twitter_box
{
background-image: url(css_img/text_abschluss.gif);
background-position: bottom;
}

.linktipps_nach_oben_link
{
margin-top: -1px;
}

.weblog_nach_oben_link,
.linktipps_nach_oben_link,
.charaktere_nach_oben_link,
.linktipps_nach_oben_zwischenlink,
.charaktere_nach_oben_zwischenlink 
{
background-position: bottom;
}

.weblog_nach_oben_link,
.linktipps_nach_oben_link,
.charaktere_nach_oben_link
{
height: 4em;
}

.linktipps_nach_oben_zwischenlink,
.charaktere_nach_oben_zwischenlink
{
height: 3em;
}

.weblog_text .weblog_zwischenlinie
{
margin-top: 10px;
margin-bottom: 0;
}

.textbereich p,
.thema_flash p,
.weblog_einfuehrung p,
.linktipps_einfuehrung p,
.charaktere_einfuehrung p,
.textinfo_inhalt p
{
margin: 0 0 2em 0;
}

.linktipps_text h2,
.more h2,
.charaktere_text h2,
.weblog_storyname h2
{
margin: 0 0 1.2em 0;
}

.charaktere_text h2
{
padding-top: 1.6em;
}

.textbereich .p_top_null
{
padding-top: 0;
}

.kapitel_text p
{
margin: 0 0 2em 0;
}

#weblog_navi_menue a:link,
#weblog_navi_menue a:visited,
#weblog_navi_menue a:active,
#weblog_navi_menue a:hover,
#weblog_navi_menue a:focus
{
padding: 0 4px 0 4px;
}

.charaktere_text .textbereich .zwischenanker
{
margin: 0;
padding: 0;
line-height: 0;
font-size: 0;
height: 0;
}

.figur_name,
#weblog .weblog_text span
{
padding: 0 0 0 1.2em; 
}

.kapitel_text .p_textunsichtbar_effekt
{
padding-bottom: 20px;
}

#kapitel a.bildergalerie_1,
#kapitel a:link.bildergalerie_1, 
#kapitel a:visited.bildergalerie_1, 
#kapitel a:active.bildergalerie_1,
#kapitel a:hover.bildergalerie_1,
#kapitel a:focus.bildergalerie_1,
#kapitel a.bildergalerie_2,
#kapitel a:link.bildergalerie_2, 
#kapitel a:visited.bildergalerie_2, 
#kapitel a:active.bildergalerie_2,
#kapitel a:hover.bildergalerie_2,
#kapitel a:focus.bildergalerie_2,
#kapitel a.bildergalerie_3,
#kapitel a:link.bildergalerie_3, 
#kapitel a:visited.bildergalerie_3, 
#kapitel a:active.bildergalerie_3,
#kapitel a:hover.bildergalerie_3,
#kapitel a:focus.bildergalerie_3
{
padding: 10px 0 15px 0;
}

.linktipps_einfuehrung,
.charaktere_einfuehrung
{
padding-bottom: 0.8em;
}

.linktipp_thema p,
.charaktere_thema p
{
padding: 0 0 0.8em 0;
}

.linktipp_thema ul,
.charaktere_thema ul
{
list-style: none;
}

.linktipp_thema li,
.charaktere_thema li,
.linktipp_thema .linktipps_aktiv,
.charaktere_thema .charaktere_aktiv
{
padding: 9px 0 15px 39px; 
}

.linktipp_thema li,
.linktipp_thema .linktipps_aktiv
{
width: 7.5em;
}

.linktipp_thema li,
.charaktere_thema li
{
background-image: url(css_img/icon_linktipps.gif);
}

.linktipp_thema .linktipps_aktiv,
.charaktere_thema .charaktere_aktiv
{
background-image: url(css_img/icon_linktipps_aktiv.gif);
}

.textbereich .charaktere_oben
{
padding-top: 0;
}

.bild_rechts_bilder_inhalt
{
padding-top: 1.6em;
}

#textinfo
{
height: 30em;
}

#scrolldiv 
{                             
height: 70px;
overflow: auto;    
margin-right: 10px;  
margin-left: 2px;  
margin-top: 0.5em;                    
}

#weblog #weblog_navi_menue #scrolldiv .p-abstand
{                             
width: 380px;               
}

.twitter_box 
{
margin-top: 2px;
padding-bottom: 1em;
}

.twitter_inhalt 
{
margin-top: -1em;
}

/* === END Thema, Weblog, Kapitel, Linkliste, Charaktere === */





/* === START Formular === */

.kontakt legend,
.absenden legend
{
font-size: 0px;
line-height: 0px;
}

.kontakt,
.absenden,
.absenden .button_absenden
{
border: none;
}

.kontakt p,
.absenden p
{
padding: 0 38px 0 38px; 
}

.kontakt input,
.kontakt textarea
{
border: solid 1px #333;
width: 405px;
}

.absenden .button_absenden
{
padding: 9px 15px 15px 30px;
background-image: url(css_img/icon_linktipps_aktiv.gif);
width: 10em;
}

/* === END Formular === */




/* === START Links === */

a:link, 
a:visited, 
a:active
{
text-decoration: underline;
}

a:hover, 
a:focus,
#kapitel a.bildergalerie_1,
#kapitel a:link.bildergalerie_1, 
#kapitel a:visited.bildergalerie_1, 
#kapitel a:active.bildergalerie_1,
#kapitel a:hover.bildergalerie_1,
#kapitel a:focus.bildergalerie_1,
#kapitel a.bildergalerie_2,
#kapitel a:link.bildergalerie_2, 
#kapitel a:visited.bildergalerie_2, 
#kapitel a:active.bildergalerie_2,
#kapitel a:hover.bildergalerie_2,
#kapitel a:focus.bildergalerie_2,
#kapitel a.bildergalerie_3,
#kapitel a:link.bildergalerie_3, 
#kapitel a:visited.bildergalerie_3, 
#kapitel a:active.bildergalerie_3,
#kapitel a:hover.bildergalerie_3,
#kapitel a:focus.bildergalerie_3,
#weblog a.weblog_linkbild,
#weblog a:link.weblog_linkbild, 
#weblog a:visited.weblog_linkbild, 
#weblog a:active.weblog_linkbild,
#weblog a:hover.weblog_linkbild,
#weblog a:focus.weblog_linkbild,
.textinfo_inhalt a:hover, 
.textinfo_inhalt a:focus,
#weblog_navi_menue a:visited 
{
text-decoration: none;
}

#sprachauswahl a:link.deutsch, 
#sprachauswahl a:visited.deutsch, 
#sprachauswahl a:active.deutsch 
{
display: block;
width: 71px;
height: 15px;
background-image: url(css_img/sprache_deutsch_inaktiv.jpg);
}
#sprachauswahl a:hover.deutsch, 
#sprachauswahl a:focus.deutsch 
{
background-image: url(css_img/sprache_deutsch_over.jpg);
}

#sprachauswahl a:link.english, 
#sprachauswahl a:visited.english, 
#sprachauswahl a:active.english 
{
display: block;
width: 67px;
height: 15px;
background-image: url(css_img/sprache_english_inaktiv.jpg);
}
#sprachauswahl a:hover.english, 
#sprachauswahl a:focus.english 
{
background-image: url(css_img/sprache_english_over.jpg);
}

#navigation a:link.logo, 
#navigation a:visited.logo, 
#navigation a:active.logo 
{
display: block;
width: 247px;
height: 74px;
background-image: url(css_img/leer.gif);
}
#navigation a:hover.logo, 
#navigation a:focus.logo 
{
background-image: url(css_img/menue_logo_webschnecke_over.jpg);
}

#navigation a:link.kapitel_1, 
#navigation a:visited.kapitel_1, 
#navigation a:active.kapitel_1,
#navigation .kapitel_1  
{
display: block;
width: 77px;
height: 23px;
background-image: url(css_img/leer.gif);
}
#navigation a:hover.kapitel_1, 
#navigation a:focus.kapitel_1 
{
background-image: url(css_img/menue_kapitel_1_over.jpg);
}

#navigation a:link.kapitel_2, 
#navigation a:visited.kapitel_2, 
#navigation a:active.kapitel_2,
#navigation .kapitel_2
{
display: block;
width: 82px;
height: 23px;
background-image: url(css_img/leer.gif);
}
#navigation a:hover.kapitel_2, 
#navigation a:focus.kapitel_2 
{
background-image: url(css_img/menue_kapitel_2_over.jpg);
}

#navigation a:link.kapitel_3, 
#navigation a:visited.kapitel_3, 
#navigation a:active.kapitel_3,
#navigation .kapitel_3 
{
display: block;
width: 81px;
height: 23px;
background-image: url(css_img/leer.gif);
}
#navigation a:hover.kapitel_3, 
#navigation a:focus.kapitel_3 
{
background-image: url(css_img/menue_kapitel_3_over.jpg);
}

#navigation a:link.info, 
#navigation a:visited.info, 
#navigation a:active.info,
#navigation .info 
{
display: block;
width: 45px;
height: 23px;
background-image: url(css_img/leer.gif);
}
#navigation a:hover.info, 
#navigation a:focus.info 
{
background-image: url(css_img/menue_info_over.jpg);
}

#navigation a:link.charaktere, 
#navigation a:visited.charaktere, 
#navigation a:active.charaktere,
#navigation .charaktere  
{
display: block;
width: 70px;
height: 14px;
background-image: url(css_img/leer.gif);
}
#navigation a:hover.charaktere, 
#navigation a:focus.charaktere 
{
background-image: url(css_img/menue_charaktere_over.jpg);
}

#navigation a:link.kontakt, 
#navigation a:visited.kontakt, 
#navigation a:active.kontakt,
#navigation .kontakt 
{
display: block;
width: 52px;
height: 14px;
background-image: url(css_img/leer.gif);
}
#navigation a:hover.kontakt, 
#navigation a:focus.kontakt 
{
background-image: url(css_img/menue_kontakt_over.jpg);
}

#navigation a:link.linktipps, 
#navigation a:visited.linktipps, 
#navigation a:active.linktipps,
#navigation .linktipps 
{
display: block;
width: 73px;
height: 23px;
background-image: url(css_img/leer.gif);
}
#navigation a:hover.linktipps, 
#navigation a:focus.linktipps 
{
background-image: url(css_img/menue_linktipps_over.jpg);
}

#navigation a:link.geschichten, 
#navigation a:visited.geschichten, 
#navigation a:active.geschichten,
#navigation .geschichten 
{
display: block;
width: 104px;
height: 23px;
background-image: url(css_img/leer.gif);
}
#navigation a:hover.geschichten, 
#navigation a:focus.geschichten 
{
background-image: url(css_img/menue_geschichten_over.jpg);
}

#navigation a:link.start, 
#navigation a:visited.start, 
#navigation a:active.start,
#navigation .start
{
display: block;
width: 63px;
height: 14px;
background-image: url(css_img/leer.gif);
}
#navigation a:hover.start, 
#navigation a:focus.start
{
background-image: url(css_img/menue_startseite_over.jpg);
}

#navigation a:link.copyright, 
#navigation a:visited.copyright, 
#navigation a:active.copyright,
#navigation .copyright 
{
display: block;
width: 65px;
height: 14px;
background-image: url(css_img/leer.gif);
}
#navigation a:hover.copyright, 
#navigation a:focus.copyright 
{
background-image: url(css_img/menue_copyright_over.jpg);
}

#navigation a:link.impressum, 
#navigation a:visited.impressum, 
#navigation a:active.impressum,
#navigation .impressum 
{
display: block;
width: 71px;
height: 14px;
background-image: url(css_img/leer.gif);
}
#navigation a:hover.impressum, 
#navigation a:focus.impressum 
{
background-image: url(css_img/menue_impressum_over.jpg);
}

#navigation a:link.haftung, 
#navigation a:visited.haftung, 
#navigation a:active.haftung,
#navigation .haftung 
{
display: block;
width: 113px;
height: 14px;
background-image: url(css_img/leer.gif);
}
#navigation a:hover.haftung, 
#navigation a:focus.haftung 
{
background-image: url(css_img/menue_haftung_over.jpg);
}

/* === END Links === */




/* === START Tooltip === */

#tooltip 
{
border: solid 1px #baad64;
width: 200px;
padding: 10px;
text-align: left;
}

#tooltip p
{
padding: 0;
margin: 0;
}

/* === END Tooltip === */