/* Allgemeine Elementformatierungen und Klassen */
/* * * * * * * * * * * * * * * * * * * * * * * * * */

body {
  background: #FFF;
  color: #000;
  font-size: 100.01%;
  text-align: center;
  padding: 0 0 20px 10px;
  margin: 0;
}

body, td, h4 {
  font-family: Verdana, Arial, "Luxi Sans", sans-serif;
}

 a:link, a:visited { color: #961734; }

a:focus, a:hover, a:active { background-color: #F7F0F1; background: white;}

a img { border: 0; }

strong { color: #961734; }

abbr { text-decoration: none; border: 0; }

hr { display: none; }

input, textarea, select { font-size: 100%;}

form, fieldset {
  padding: 0;
  border: 0;
  border-style: solid;
  margin: 0;
}

table { border: 0; }

th, td {
  font-size: .7em;
  line-height: 1.4em;
  padding: 2px 10px 2px 0;
  border: 0;
  margin: 0;
  vertical-align: top;
}

.stopFloat {
  display: block;
  clear: both;
  float: none;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
  overflow: hidden;
}

.unsichtbar {
  position: absolute !important;
  top: -6000px !important;
  left: -6000px !important;
  height: 1px !important;
  width: 1px !important;
}


/* Logo */
/* * * * * * * * * * * * * * * * * * * * * * * * * */

p#logo {
  width: 16cm !important;
  position: relative;
  margin: 0;
  padding: 8px 0 8px 0;
  text-align: left;
}

p#logo a { background: none !important; }


/* Ausblenden */
/* * * * * * * * * * * * * * * * * * * * * * * * * */

#kopf,
#aufklappen,
.blaettern,
.markierte,
p.nachoben,
#footer,
.funktionen {
  display: none;
}


/* Inhalt */
/* * * * * * * * * * * * * * * * * * * * * * * * * */

#inhalt {
  width: 16cm !important;
  margin-top: 36px;
  text-align: left;
}

#inhalt .innen { padding-right: 6px; }

#inhalt h1 {
  color: #961734;
  font-size: 1.2em;
  line-height: 1.5em;
  margin: 0 0 5px 0;
}


/* Startseite */
/* * * * * * * * * * * * * * * * * * * * * * * * * */

.startseite #hauptsuchfeld .spalte2 { width: 280px; }

.startseite #hauptsuchfeld .spalte3 { width: 8em; }

.startseite #hauptsuchfeld .spalte4 {
  float: left;
  margin: .1em 0 0 0;
}

.startseite #neues {
  position: relative;
  width: 100%;
  min-height: 220px;
  padding-bottom: 20px;
  border-top: 1px solid #D9D9D9;
  margin-top: 30px;
}

* html .startseite #neues { height: 220px; }

.startseite #neues h2 {
  color: #5A5A5A;
  font-size: .8em;
  line-height: 1.5em;
  padding: .4em 0;
  margin: 0;
}

.startseite #neues ul {
  list-style:none;
  padding: 0 210px 0 0;
  margin: 0;
}

.startseite #neues li {
  float: left;
  width: 100%;
  font-size: .7em;
  line-height: 1.5em;
  padding: .3em 0 .2em 0;
  border-top: 1px solid #E8E8E8;
}

.startseite #neues strong.spalte1 {
  float: left;
  width: 20% !important;
  max-width: 8em;
  color: #000;
  font-weight: normal;
}

.startseite #neues span.spalte2 {
  float: left;
  width: 56.4%;
  padding-right: 1%;
}

.startseite #neues span.spalte3 {
  float: left;
  width: 22.5%;
}

.startseite #neues span.spalte3 img {
  position: relative;
  top: .2em;
}

.startseite #neues p.bild {
  position: absolute;
  top: -1px;
  right: 0;
  margin: 0;
}

.startseite #meistgesehen {
  float: left;
  width: 49%;
  padding-top: 25px;
}

.startseite #bestbewertet {
  float: right;
  width: 49%;
  padding-top: 25px;
}

#meistgesehen h2,
#bestbewertet h2 {
  font-size: .8em;
  line-height: 1.5em;
  margin: 0;
}

.startseite .teaser {
  font-size: .7em;
}

.startseite #hauptsuchfeld {
  display: none;
}

/* Erweiterte Suche */
/* * * * * * * * * * * * * * * * * * * * * * * * * */

#erweiterteSuche p {
  font-size: .7em;
  line-height: 1.5em;
  margin: 0 6px 0 0;
}

#erweiterteSuche label,
#erweiterteSuche input {
  vertical-align: middle;
}

#erweiterteSuche br { display: none; }

/* Hauptsuchfeld */

#hauptsuchfeld {
  background: #F2F2F2;
  padding: 16px 15px 8px 15px;
  border-top: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
}

#hauptsuchfeld h2.spalte1 {
  float: left;
  width: 4.2em;
  font-size: .7em;
  font-weight: normal;
  line-height: 1.5em;
  margin: 0;
  padding: 0;
}

#hauptsuchfeld .spalte2 {
  float: left;
  width: 310px;
  margin-right: 10px;
}

#hauptsuchfeld #suchfeld {
  width: 280px;
  border: 1px solid #999796;
}

#hauptsuchfeld p {
  margin: 0 0 0.3em 0;
}

#hauptsuchfeld .spalte2 label {
  margin-right: 8px;
}

#hauptsuchfeld .spalte3 {
  float: left;
  width: 250px;
}

#hauptsuchfeld #ohne {
  width: 200px;
  border: 1px solid #999796;
}

/* Medientyp und Rechte */

#medientyp-rechte {
  padding: 15px 0;
}

* html #medientyp-rechte { /* sonst zu hoch im IE */
  height: 1em;
}

#medientyp,
#rechte {
  float: left;
  width: 49.5%;
}

#medientyp { border-right: 1px solid #E2E2E2; }

#medientyp input,
#rechte input {
  margin-left: 15px;
}

/* nur bestimmte Themen, suchen in, Erscheinungsjahr */

#themen-nurSuchenIn-erscheinungsjahr {
  padding: 15px 0;
  border-top: 1px solid #E2E2E2;
}

* html #themen-nurSuchenIn-erscheinungsjahr { /* sonst zu hoch im IE */
  height: 1em;
}

#themen-nurSuchenIn-erscheinungsjahr h2 {
  color: #5A5A5A;
  font-size: .7em;
  padding: 0 0 0.4em 15px;
  margin: 0;
}

#themen-nurSuchenIn-erscheinungsjahr p {
  margin: 0.2em 0;
}

#themen-nurSuchenIn-erscheinungsjahr label,
#themen-nurSuchenIn-erscheinungsjahr input {
  vertical-align: middle;
}

#themen {
  float: left;
  width: 49.5%;
  min-height: 6.7em;
}

#themen .spalte1,
#themen .spalte2 {
  float: left;
  width: 49.5%;
}

#themen { border-right: 1px solid #E2E2E2; }

#themen input,
#nurSuchenIn input {
  margin-left: 15px;
}

#nurSuchenIn,
#erscheinungsjahr {
  float: left;
  width: 24.75%;
  min-height: 6.7em;
}

* html #nurSuchenIn,
* html #erscheinungsjahr {
  height: 6.7em;
}

#nurSuchenIn { border-right: 1px solid #E2E2E2; }

#erscheinungsjahr input {
  width: 2em;
  border: 1px solid #999796;
}
#erscheinungsjahr #vonJahr,
#erscheinungsjahr #bisJahr {
  width: 3.5em;
}

#erscheinungsjahr label {
  display: inline; /* IE double margin bug */
  float: left;
  width: 2.6em;
  margin-left: 15px;
}

/* Submit-Button */

#submit {
  background: #F8F8F8;
  padding: 8px 0;
  border-top: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
  text-align: right;
  width: 100%;
}

.suchensubmit {
  color: #FFF;
  background: url(../images/hintergrund/suchen.gif) center left no-repeat #961734;
  font-weight: bold;
  padding: 0 4px 2px 9px;
  border: 0;
  margin: 0 60px 0 0;
}

* html .suchensubmit { padding: 2px 0 1px 4px;}


/* Suchergebnisse und Merkzettel */
/* * * * * * * * * * * * * * * * * * * * * * * * * */

.suchergebnisse h1 {
  float: left;
  width: 69.9%;
}

.suchergebnisse.merkzettel h1 {
  float: none;
  width: auto;
}

p#treffer {
  float: right;
  width: 30%;
  color: #961734;
  font-size: .8em;
  line-height: 1.5em;
  text-align: right;
  margin: 0.7em 0 0 0;
}

/* Ergebnisliste */

.suchergebnisse .eintrag,
.merkzettel .eintrag {
  border-top: 1px solid #E4E4E4;
  padding: 1.4em 0;
}

* html .suchergebnisse .eintrag,
* html .suchergebnisse .eintrag .innen {
  height: 1em;
}

.suchergebnisse .streifen { background-color: #FAFAFA; }

/* Spalten Ergebnisliste */

.suchergebnisse .eintrag .innen {
  position: relative;
  background: url(../images/sonstiges/linie_senkrecht.gif) 66% 0 no-repeat;
}

.suchergebnisse .erster { border-top: 0 !important; }

.suchergebnisse .eintrag .spalte1 {
  float: left;
  width: 68%;
}
.suchergebnisse .eintrag .spalte2 {
  float: left;
  width: 31%;
}

/* Spalten Merkzettel */

.suchergebnisse.merkzettel .eintrag .innen {
  background-position: 57% 0;
}

.suchergebnisse.merkzettel .eintrag .aussen {
  background: url(../images/sonstiges/linie_senkrecht_merkzettel.gif) top right no-repeat;
}

.suchergebnisse.merkzettel .eintrag .spalte1 { width: 59%; }

.suchergebnisse.merkzettel .eintrag .spalte2 { width: 31%; }

.suchergebnisse.merkzettel .eintrag .spalte3 {
  float: right;
  position: relative;
  width: 6%;
  margin: 0;
}

.suchergebnisse.merkzettel .spalte3 input.checkboxLoeschen {
  position: absolute;
  top: .3em;
  right: 0;
}

.suchergebnisse.merkzettel .spalte3 img.iconLoeschen {
  position: absolute;
  top: .2em;
  right: 30px;
}

.suchergebnisse .spalte2 ul img.brennen {
  top: auto;
  left: auto;
  margin-left: 1px;
}

html>body .suchergebnisse .spalte2 ul img.brennen {
  bottom: 0;
  margin-left: 3px;
}

/* Inhalte */

.suchergebnisse .eintrag .text img {
  position: absolute;
  top: .3em;
  left: 10px;
}
.suchergebnisse .eintrag .text {
  padding-right: 15px;
  margin: 0 0 0 110px;
}

.suchergebnisse .eintrag h2 {
  color: #961734;
  font-size: .9em;
  line-height: 1.4em;
  margin: 0 15px 0 0 !important;
}

.suchergebnisse .eintrag h3 {
  color: #5A5A5A;
  font-size: .8em;
  line-height: 1.5em;
  margin: .4em 15px .4em 0 !important;
}

.suchergebnisse .eintrag .spalte2 h4 {
  color: #5A5A5A;
  font-size: .8em;
  line-height: 1.5em;
  margin: 0 15px .4em 0 !important;
}

.suchergebnisse .eintrag p {
  font-size: .7em;
  line-height: 1.5em;
  margin: .4em 15px .4em 0 !important;
}

.suchergebnisse p.erschienen {
  color: #5A5A5A;
  font-size: .7em !important;
  margin: 1em 10px 1em 0 !important;
}

.suchergebnisse .text ul,
.suchergebnisse .spalte2 ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.suchergebnisse .text li {
  font-size: .8em;
  padding-right: 18px;
  display: inline;
}

.suchergebnisse .spalte2 li {
  position: relative;
  font-size: .7em;
  line-height: 1.4em;
  padding: 0;
  margin: 0 0 0.8em 25px;
}

.suchergebnisse .spalte2 ul img {
  position: absolute;
  top: .1em;
  left: -24px;
}

* html .suchergebnisse .spalte2 ul img { top: 0; }


/* Details */
/* * * * * * * * * * * * * * * * * * * * * * * * * */

.details .spalte1 {
}

.details p {
  font-size: .7em;
  line-height: 1.5em;
}

/* Hauptblock */

.details #hauptblock {
  position: relative;
  background: #F6F6F6;
  border-top: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
  padding: 15px 20px 10px 10px;
}

.details #hauptblock.alle-kommentare,
.details.topten #hauptblock {
  padding-left: 0;
  padding-bottom: 25px;
  border-bottom: 0;
}

.details #hauptblock p.signatur {
  color: #5A5A5A;
  font-size: .7em;
  line-height: 1.3em;
  margin: 0 !important;
}

.details #hauptblock h2 {
  color: #961734;
  font-size: 1em;
  line-height: 1.5em;
  margin: 0;
}

.details #hauptblock h3 {
  color: #5A5A5A;
  font-size: .8em;
  line-height: 1.5em;
  margin: .4em 0 !important;
}

.details #hauptblock img {
  position: absolute;
  top: 20px;
  left: 15px;
}

* html .details #hauptblock img { left: -100px; }

.details #hauptblock p.quelle { color:#5D5C5A; }

.details #hauptblock p { margin: .5em 0; }

.details #hauptblock p.merkzettel { font-size: .8em; }

.details .medien { margin-top: 20px; }

.details .medium {
  position: relative;
  background: #FFF;
  padding: 5px 8px 7px 8px;
  margin: 5px 0;
}

* html .details .medium { height: 1%; }

.details .medium h5 {
  position: relative;
  font-size: .7em;
  line-height: 1.4em;
  padding: 0 0 .4em 24px;
  margin: 0;
}

.details #hauptblock .medium p { margin: 0; }

.details #hauptblock .medium img {
  position: absolute;
  top: .2em;
  left: 0;
}

* html .details #hauptblock .medium img { top: 0; left: -24px; }

/* Spalte 2 */

.details .spalte2 {
  float: right;
  width: 29.9%;
}

.details .spalte2 .innen {
  margin-left: 15px;
}

.details .beziehung,
.details .gueltigkeit {
  padding-bottom: 20px;
}

.details .spalte2 h4 {
  border-top: 1px solid #E1E1E0;
  border-bottom: 1px solid #E1E1E0;
  color: #5A5A5A;
  width: 100%;
  font-size: .7em;
  padding: 4px 0 4px 0;
  margin: 0 !important;
}

#inhalt .spalte2 .beziehung p,
#inhalt .spalte2 .gueltigkeit p,
#inhalt .spalte2 .datum p {
  margin: .8em 0 .1em 0 !important;
}

#inhalt .spalte2 .beziehung ul {
  list-style: none;
  padding: 0;
  margin: .1em 0 .4em 0 !important;
}

#inhalt .spalte2 .beziehung li {
  background: url(../images/sonstiges/pfeilchen.gif) 0 .45em no-repeat;
  font-size: .7em;
  line-height: 1.4em;
  padding-left: 10px;
}

/* Abstract */

.details .abstract {
  padding: 10px 0 0 0;
}

/* Weiteres */

.details .weiteres h4 {
  width: 100%;
  color: #5D5C5A;
  font-size: .7em;
  line-height: 1.5em;
  padding-bottom: 3px;
  border-bottom: 1px solid #E1E1E0;
  margin: 20px 0 0 0;
}

.details .weiteres p {
  padding: 4px 0 5px 0;
  border-bottom: 1px solid white;
  margin: 0;
}

/* Kommentare */

.details .kommentar {
  border: 1px solid #E1E1E0;
  padding: 2px 10px;
  margin: 0 0 8px 0;
}

.details .kommentare h4 {
  border-bottom: 0;
}

.details .kommentar h5 {
  font-size: .7em;
  line-height: 1.5em;
  padding: 0 !important;
  margin: .6em 0 !important;
}

.details .kommentare p {
  padding: 0 !important;
  border: 0;
  margin: .6em 0 !important;
}

/* Playliste */

table.playlist {
  width: 448px;
  border: 0;
  margin-bottom: 16px;
}

table.playlist th,
table.playlist td {
  font-size: .7em;
  background: #FFF;
  padding: 5px 10px 4px 6px;
  border: 0;
  border-top: #F6F6F6 3px solid ;
  vertical-align: top;
}

table.playlist th {
  padding-left: 10px;
}

table.playlist td {
  font-size: .65em;
  text-align: right;
}

table.playlist .on th,
table.playlist .on td {
  background: #F3DDE2 url(../images/hintergrund/playlist_oben_mitte.gif) repeat-x;
  border-bottom: 1px solid white;
}

table.playlist .on th {
  background: #F3DDE2 url(../images/hintergrund/playlist_oben_links.gif) no-repeat;
}

table.playlist .on td.download {
  background: #F3DDE2 url(../images/hintergrund/playlist_oben_rechts.gif) top right no-repeat;
}



table.playlist img {
  position: static !important;
  margin: 0 5px -2px 0;
}

table.playlist th .angaben {
  font-size: .9em;
  font-weight: normal;
}

table.playlist a {
  background-repeat: no-repeat;
  background-position: 2px 100%;
  padding: 2px 2px 2px 20px;
}

table.playlist .play a { padding-left: 19px; }

table.playlist .play a { background-image: url(../images/sonstiges/icon_play_off.gif); }
table.playlist .download a { background-image: url(../images/sonstiges/icon_download_off.gif); }

table.playlist .on .play a { background-image: url(../images/sonstiges/icon_play_on.gif); }
table.playlist .on .download a { background-image: url(../images/sonstiges/icon_download_on.gif); }

.details form { display: none; }

/* Themenverzeichnis */
/* * * * * * * * * * * * * * * * * * * * * * * * * */

#inhalt.themen h1 {
  float: left;
  width: 15.8em;
}

#verzeichnisbaum {
  border-top: 1px solid #D7D7D7;
  border-bottom: 1px solid #D7D7D7;
}

#verzeichnisbaum ul {
  background: #F6F6F6 url(../images/hintergrund/themen.gif) repeat-y;
  padding: 0;
  margin: 0;
  list-style: none;
}

#verzeichnisbaum ul ul { background: none; }

#verzeichnisbaum li {
  font-size: .7em;
  border-top: 1px solid #E7E7E6;
}

#verzeichnisbaum li.erster { border-top: 0; }

html>body #verzeichnisbaum li { /* nicht fuer IE 6 - nur fuer Firefox */
  line-height: 2.1em;
}

#verzeichnisbaum li li { font-size: 1em; }

#verzeichnisbaum li a { text-decoration: none; }

#verzeichnisbaum li a:focus,
#verzeichnisbaum li a:hover,
#verzeichnisbaum li a:active {
  background: none !important;
}

#verzeichnisbaum li a:focus span,
#verzeichnisbaum li a:hover span,
#verzeichnisbaum li a:active span {
  text-decoration: underline;
}

#verzeichnisbaum li a.icon { margin-left: 30px; }
#verzeichnisbaum li li a.icon { margin-left: 90px; }
#verzeichnisbaum li li li a.icon { margin-left: 150px; }
#verzeichnisbaum li li li li a.icon { margin-left: 210px; }
#verzeichnisbaum li li li li li a.icon { margin-left: 270px; }
#verzeichnisbaum li li li li li li a.icon { margin-left: 330px; }

html>body #verzeichnisbaum a img { /* fuer Firefox */
  position: relative;
  top: -.1em;
  left: -3px;
  vertical-align: middle;
}

* html #verzeichnisbaum a img { /* fuer IE 6 */
  vertical-align: middle;
  padding: .1em 0 .3em 0;
}



/* Allgemein (Kontakt und Impressum) */
/* * * * * * * * * * * * * * * * * * * * * * * * * */

.flaeche {
  min-height: 220px;
  position: relative;
  background: #FAFAFA;
  padding: 0 0 15px 15px;
  border-top: 1px solid #D7D7D7;
}

* html .flaeche { height: 220px; }

.allgemein .spalte1,
.allgemein .spalte2 {
  float: left;
  width: 49.5%;
}

.allgemein h2, .hilfe h2, .merkzettel .merkzettelLeer h2, .suchergebnisse .nichtsGefunden h2 {
  color: #5A5A5A;
  font-size: .8em;
  line-height: 1.5em;
  margin: 20px 30px .5em 0;
}

.allgemein h3, .hilfe h3 {
  color: #5A5A5A;
  font-size: .7em;
  line-height: 1.5em;
  margin: 1em 30px 0 0;
}

.allgemein p, .hilfe p, .merkzettel .merkzettelLeer p, .suchergebnisse .nichtsGefunden p {
  font-size: .7em;
  line-height: 1.5em;
  margin: 0 30px 1em 0;
}

.hilfe li, .hilfe tt {
  font-size: .7em;
  line-height: 1.5em;
}

tt.block {
	margin-left: 30px;
}

/* Besonderheiten fuer Impressum */

.flaeche.impressum { padding-right: 420px; }

.flaeche.impressum img {
  position: absolute;
  top: -1px;
  right: 0;
}


.spalte2 {
  display: none;
}



/* roco */
/* a {visibility:hidden;} */
.download :link,
.download :visited,
.download :hover,
.play :link,
.play :visited,
.play :hover { visibility: hidden; }
 
h4 {
    font-size: 12px;  
}

/*
img.thumb { visibility: hidden; }
p.medien,
div.bild {visibility: hidden; }
*/

.startseite #neues .teaser {
    border-bottom: 1px solid #faf4f6;
}

.startseite #neues .text {
	float: right;
	width: 74%;
	padding-top: 10px;
	padding-right: 0pt;
	padding-bottom: 10px;
	padding-left: 0pt;
	
}

.startseite #neues .bild {
	float: left;
	width: 25.9%;
	padding-top: 14px;
	padding-right: 0pt;
	padding-bottom: 10px;
	padding-left: 0pt;

}

a img {
	border-top-width: 0pt;
	border-right-width: 0pt;
	border-bottom-width: 0pt;
	border-left-width: 0pt;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: -moz-use-text-color;
	border-right-color: -moz-use-text-color;
	border-bottom-color: -moz-use-text-color;
	border-left-color: -moz-use-text-color;
	vertical-align: bottom;
}

.startseite #neues .bild img.thumb {
	background-color: #ffffff;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-x-position: 0%;
	background-y-position: 0%;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e7c5ca;
	border-right-color: #e7c5ca;
	border-bottom-color: #e7c5ca;
	border-left-color: #e7c5ca;
}