/*Standard CSS*/
html, body, div, p, ul, span, a, li, h1, h2, h3, h4, dt {
  margin: 0;
  padding: 0;
  font-family: Georgia, serif;
  color: #333;}

body {
  line-height: 1.4em;
  background: #fefefe;
  font-size: 100%;
}

/*Layoutstruktur*/
#wrap {
  margin: 0 auto;  /*zentriert die Inhaltsspalte*/
  width: 640px;
  background: #fefefe;
  padding: 10px;
}


#footer {
  /*margin: 0 auto;
  width: 640px;*/
  background: #ababab;
  padding: 10px;
}

/*Header*/
#header {
  padding: 10px 0 0 0;
}

#header h1 a:link, #header h1 a:visited {
  padding: 10px 0 5px 0;
  color: #c71585;
  float: left;
  font-size: 120%;
  text-decoration: none;
}

#header h1 a:focus, #header h1 a:hover, #header h1 a:active {
  color: #434343;
}

#header div.r {
  text-align: right;
  padding-right: 10px;

}
#header a:link, #header a:visited {
  font-weight: bold;
  color: #434343;
  text-decoration: none;
}

#header a:focus, #header a:hover, #header a:active {
  color: #777777;
  text-decoration: underline;
}
/*Inhalt*/
h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: #595959;
  margin: 0;
  letter-spacing: 1px;
}

h2, h3 {
  margin: 0;
  padding: 1em 0 0 0;
  margin-bottom: 15px;
}

h4 {
  margin-bottom: 0;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 20px 0 0 0;
}

img {
  border:0;
}

p, dt, dd, address {
  margin:0;
  padding: 0 10px 20px 0;
  text-align: justify;
}

body#lyrik p  {
  padding: 0 10px 30px 0;
}

h1:after {
       content: "\2756";
       color: #c71585;
       font-size: 150%;
       float: left;
       position: relative;
       top: 20px;
       right: -5px;
}

h4:before {
       content: "\2756";
       color: #ababab;
       font-size: 150%;
       float: left;
       position: relative;
       left: -1px;
}

p.last:after {
       content: "\2756";
       font-size: 150%;
       color: #ababab;
       float: right;
       position: relative;
}

.bold {font-weight: bold;
       font-style: normal;}

dfn, acronym, abbr {
  color: #333;
  background: transparent;
  font-style:normal;
  border-bottom: 1px dashed #333;
  cursor:help;
}

dfn:hover, acronym:hover, abbr:hover {
  color: #333;
  background: #fff;
}

/*Textausrichtungen*/
p.center {
  padding-left: 50px;
}

p.mitte {
  text-align: center;
}

.rechts {
  text-align: right;
}

.dotted {
  border-bottom: 1px dotted #c71585;
}

.klein {
  font-size: 80%;
  line-height:1.2em;
}

.kursif {
  font-style: italic;
}

.datum, span.datum {
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
  color: #c71585;
  margin-bottom: 0;
}

a:link.more {
  color: #c71585;
  text-decoration: none;
}

/*Floats im Inhalt*/
.l {
  float: left;
  width: 300px;
}

.r {
  float: right;
  width: 300px;
  text-align: left;
}

.c  {
  clear: both;
}
/*Zitate*/
blockquote {
  font-style: italic;
  padding: 10px 0 0 40px;
  margin-left: 0;
  border-left: 10px solid #d3d3d3/*336699dbdbfc; */
}

/*UL und DL-Listen*/
dt {
  margin: 5px 0 0 0;
  text-transform:uppercase;
  letter-spacing: 1px;
  font-size: 100%;
  font-weight: bold;
}
dl.glossar dt {
  text-transform: none;
  padding: 0;
  margin: 20px 0 0 0;
}
dl.glossar dd {
  padding: 0;
  margin: 0;
}

dt em {
  font-style: italic;
  font-weight: normal;
  text-transform: none;
}

#content ul, #content ul ul {
  list-style: none;
}

#content li, #content li li {
  font-size: 100%;
  line-height:1.5em;
  padding: 5px 0;
}



#footer p {
  color: #fff;
  text-align: center;
}

#footer a:link {
  color: #fff;
  text-decoration: underline;
}

#footer a:hover {
  color: #fff;
  text-decoration: underline;
}

/*Links*/
a:link {
  color: #333;
  background: transparent;
  text-decoration: underline;
}

a:visited, a:focus, a:hover {
  color: #ababab;
  background: transparent;
  text-decoration: underline;
}

a:focus, a:hover {
  color: #ababab;
  background: transparent;
  text-decoration: underline;
}

/*Inhaltsangabe Startseite*/

ul {
    padding-bottom: 10px;
}
ul.horizontal li{
    list-style: none;
    display: inline;
}

/*Navigation*/
#menu {
  margin:0 auto;
  clear: both;
  float: right;
  width: 100%;
  background:#fefefe;
  padding: 20px 10px 20px 0;
}

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

#menu a:link, #menu a:visited {
  float: left;
  display: block;
  margin: 0;
  padding: 4px 8px;
  color: #c71585;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  }

#menu a:focus, #menu a:hover, #menu a:active {
  color: #777777;
  text-decoration: underline;
}



body#lyrik #t-lyrik,
body#tp #t-tp,
body#kritik #t-kritik,
body#essay #t-essay,
body#tutorial #t-tutorial,
body#talk #t-talk,
body#klassiker #t-klassiker,
body#glossar #t-glossar,
body#links #t-links {
  font-weight: bold;
  color: #ababab;
}