/* @group Layout */

* {
	font-family: Georgia, "Times New Roman", Times, serif;
}

body {
	margin: 0;
	padding: 0 0 30px 0;
	text-align: center;
	background-color: #f2f2f2;
}

iframe
{
	margin: 10px 0 20px 20px;
	padding: 0; 
}

#main {
	width: 920px;
	margin: 0 auto;
	padding: 0;
	overflow: auto;
	background: url(../img/bg.main.gif) repeat-y;
}

#header {
	width: 850px;
	height: 75px;
	margin: 10px auto 0 auto;
	background-repeat: no-repeat;
}

.header_bg_normal {
	background-image: url(../img/bg.header.normal.png);
}

.header_bg_exklusiv {
	background-image: url(../img/bg.header.exklusiv.png);
}

#menu {
	width: 840px;
	height: 24px;
	padding: 0 30px;
	margin: 10px auto 0 auto;
	background: url(../img/bg.menu.gif) repeat-y;
}

#menu_items {
	padding: 0;
	margin: 0;
}

#menu_items li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

#menu_items li a {
	width: 140px;
	height: 24px;
	padding: 0;
	margin: 0;
	display: block;
	border: none;
	background-repeat: no-repeat;
}

#menu_items li a.inaktiv {
	background-position: 0 0;
}

#menu_items li a.inaktiv:hover {
	background-position: 0 -24px;
}

#menu_items li a.aktiv {
	background-position: 0 -48px;
}

#menu_items li a span {
	display: none;
}

#content {
	width: 840px;
	padding: 0;
	margin: 15px auto 0 auto;
	background: url(../img/bg.content.gif) repeat-y;
	overflow: auto;
	text-align: left;
}

#content_top {
	width: 840px;
	height: 10px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: url(../img/bg.content.top.gif) no-repeat;
}

#output {
	width: 560px;
	margin: 0 0 20px 0;
	padding: 0;
	xbackground-color: #ff9900;
	float: left;
}

#sidebar {
	width: 280px;
	margin: 0 0 20px 0;
	padding: 0;
	xbackground-color: #ff0000;
	float: right;
	text-align: center;
}

#footer {
	width: 920px;
	height: 20px;
	padding: 40px 0 0 0;
	overflow: hidden;
	background: #f2f2f2 url(../img/bg.footer.gif) no-repeat;
	
	font-size: 11px;
	color: #666;
}

/*

 @end */

/* @group Sidebar */

.sidebar_box {
	width: 260px;
	margin: 0 auto 10px auto;
	padding: 10px 0 0 0;
	background: url(../img/bg.sidebar_box.top.gif) no-repeat #eee;
	text-align: left;
}

.sidebar_bg_bottom {
	width: 260px;
	height: 10px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: url(../img/bg.sidebar_box.bottom.gif) no-repeat;
}

.sidebar_title {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #8f0000;
	text-decoration: none;
	margin: 0 10px 10px 10px;
	padding: 0;
}

.sidebar_title a {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #8f0000;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

.sidebar_box ul,
ul.dateiliste
{
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	margin: 0 10px;
	padding: 0;
	
	list-style-type: none;
}

.sidebar_box ul li,
ul.dateiliste li
{
	margin: 0 0 7px 0;
	
	background-repeat: no-repeat;
}

.sidebar_box ul li a,
ul.dateiliste li a
{
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	line-height: 16px;
}

.sidebar_box ul li a:hover,
ul.dateiliste li a:hover
{
	text-decoration: underline;
}

.sidebar_box ul li a.aktiv {
	font-weight: bold;
}

.sidebar_box img {
	margin: 0 10px 5px 10px;
	padding: 0;
	border: none;
}

.sidebar_input {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	margin: 0 10px;
	padding: 0;
}

.sidebar_input input.text, .sidebar_input textarea, .sidebar_input select {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	margin: 0 0 10px 0;
	padding: 2px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.sidebar_input input.text, .sidebar_input textarea.textarea, .sidebar_input select.select {
	width: 200px;
}

.sidebar_input textarea {
	line-height: 19px;
}

.sidebar_input input.checkbox {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	line-height: 19px;
	margin: 0 0 10px 0;
	padding: 2px;
}

.sidebar_input input.button {
	margin: 0 0 5px 0;
}

.sidebar_textblock {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	margin: 0 10px 10px 10px;
	padding: 0;
	line-height: 19px;
}

li.rss {
	background-image: url(../img/sidebar.icon.rss.gif);
}

li.hp {
	background-image: url(../img/sidebar.icon.hp.gif);
}

li.pdf {
	background-image: url(../img/sidebar.icon.pdf.gif);
}

li.kontakt {
	background-image: url(../img/sidebar.icon.kontakt.gif);
}

li.rss, li.hp, li.pdf, li.kontakt, #kategorien li {
	padding: 0 0 3px 22px;
}

#kategorien
{
	margin: 0;
	padding: 0;
}

#kategorien li a.aktiv
{
	font-weight: normal;
}

#kategorien li a.aktiv span
{
	font-weight: bold;
}

/* @end */

/* @group Headers */

h1 {
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	color: #8f0000;
	text-decoration: none;
	margin: 10px 20px 10px 20px;
	padding: 0;
}

h2 {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #8f0000;
	text-decoration: none;
	margin: 0 20px 10px 20px;
	padding: 0;
	line-height: 19px;
}

h2 a
{
	color: #8f0000;
}

ul li h2 {
	margin: 0 20px 10px 0px;
}

h3 {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #8f0000;
	text-decoration: none;
	margin: 0 20px 10px 20px;
	padding: 0;
}

h4 {
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	margin: 0 20px 20px 20px;
	padding: 0;
}

/* @end */

/* @group Formulare */

input.max,
input.klein,
textarea.max {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	margin: 0;
	padding: 2px;
	border: 1px solid #ccc;
	background-color: #fff;
}

input.max,
textarea.max {
	width: 390px;
}

textarea.max {
	line-height: 19px;
}

form {
	margin: 0;
	padding: 0;
}

input.button {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding: 1px;
	border: 1px solid #ccc;
	background-color: #8f0000;
	cursor: pointer;
}

/* @end */

/* @group Suchmaske */

.suchmaske tr td.bestand_input {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	padding: 5px 0;
	margin: 0;
}

.suchmaske tr td.bestand_exklusiv {
	height: 30px;
	background: url(../img/sidebar.exklusiv.png) left 3px no-repeat;
	padding: 0;
	margin: 0;
}

.suchmaske tr td.bestand_exklusiv span {
	margin: 0 0 0 30px;
}

.suchmaske tr td.bestand_input input.text {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	width: 200px;
	margin: 0;
	padding: 2px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.suchmaske tr td.bestand_input input.text_aus {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	width: 200px;
	margin: 0;
	padding: 2px;
	border: 1px solid #ccc;
	background-color: #eeeeee;
}

.suchmaske tr td.bestand_input input.littletext {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	width: 55px;
	margin: 0;
	padding: 2px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.suchmaske tr td.bestand_input input.littletext_aus {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	width: 55px;
	margin: 0;
	padding: 2px;
	border: 1px solid #ccc;
	background-color: #eeeeee;
}

.suchmaske tr td.bestand_input select.select {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	width: 200px;
	margin: 0;
	padding: 2px;
	border: 1px solid #ccc;
	background-color: #fff;
}

.suchmaske tr td input.checkbox {
	margin: 0 15px 0 10px;
	padding: 0;
}

.suchmaske tr td input.button {
	margin: 10px 10px 5px 10px;
}

.suchmaske {
	border: none;
	margin: 0;
	padding: 0;
}

.suchmaske tr {
	padding: 0;
	margin: 0;
}

.suchmaske tr td {
	padding: 0;
	margin: 0;
}

/* @end */

/* @group Datentabelle */

.datentabelle {
	xwidth: 520px;
	margin: 0 20px 10px 20px;
	padding: 0;
	border: none;
}

.datentabelle tr td,
.datentabelle tr th {
	vertical-align: top;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	margin: 0;
	padding: 0 10px 10px 0;
	line-height: 19px;
}

.datentabelle tr td {
	xwidth: 100%;
}

.datentabelle tr th.links {
	text-align: left;
}

.datentabelle tr th {
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}

/* @end */

/* @group Ergebnisse */

#bestand_ergebnisse {
	width: 100%;
}

#ergebnisse_table {
	width: 100%;
	border: none;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

#ergebnisse_table tr {
	margin: 0;
	padding: 0;
	border: none;
}

#ergebnisse_table tr td
{
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	padding: 3px;
	margin: 0;
	vertical-align: top;
	white-space: nowrap;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ccc;
}

#ergebnisse_table tr td a
{
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#ergebnisse_table tr td a:hover
{
	text-decoration: underline;
}

#ergebnisse_table tr.hover td a
{
	color: #fff;
}


#ergebnisse_table tr td a.open {
	background-image: url(../img/bestand.icon.png);
	background-repeat: no-repeat;
}

#ergebnisse_table tr.normal td a.open {
	background-position: 0 0;
}

#ergebnisse_table tr.hover td a.open {
	background-position: 0 -13px;
}

#ergebnisse_table tr.exklusiv td a.open {
	background-position: 0 -26px;
}

#ergebnisse_table tr.exklusiv td {
	background-color: #F2C0BA;
}

#ergebnisse_table tr.hover td {
	background-color: #8f0000;
	color: #fff;
}

.toggle {
	width: 13px;
	height: 13px;
	display: block;
	float: right;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.col_titel {
	width: 280px;
}

.col_autor {
	width: 165px;
}

.col_jahr {
	width: 35px;
}

.col_preis {
	width: 45px;
}

.col_details {
	width: 18px;
}

/* @end */

/* @group Output */

#output p {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	margin: 0 20px 20px 20px;
	padding: 0;
	line-height: 19px;
}

#output ul {
	list-style-position: outside;
	margin: 0 20px 20px 20px;
	padding: 0;
}

#output ul li {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	margin: 0 0 10px 0;
	
	line-height: 19px;
}

#output ul li ul {
	list-style-position: outside;
	list-style: square;
	margin: 10px 0 0 10px;
	padding: 0;
}

#output ul li ul li {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	margin: 0 0 10px 10px;
	padding: 0;
	line-height: 19px;
}

#output p a,
.sidebar_textblock a,
.datentabelle a,
#sprache a,
#footer a {
	color: #8f0000;
	text-decoration: none;
}

#output p a:hover,
.sidebar_textblock a:hover,
.datentabelle a:hover,
#sprache a:hover,
#footer a:hover {
	text-decoration: underline;
}

#output hr {
	height: 1px;
	margin: 0 10px 20px 10px;
	padding: 0;
	border: none;
	background-color: #ccc;
	color: #ccc;
}

#output #bestand_ergebnisse .buch
{
}

#output #bestand_ergebnisse .buch p a
{
	color: #666;
}

/* @end */

/* @group Bestand */

.liniert tr td {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e6e6e6;
}

.buecher_leiste {
	width: 540px;
	height: 80px;
	margin: 0 auto 20px auto;
}

/* @end */

#aktuell_buecher {
	background-image: url(../img/aktuell.buecher.png);
}

#exklusiv_buecher {
	background-image: url(../img/exklusiv.buecher.jpg);
}

.bestand_navigation {
	margin: 20px auto;
	padding: 0;
	width: 540px;
	overflow: auto;
}

.bestand_navigation div a {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #8f0000;
	text-decoration: none;
}

.bestand_navigation div a:hover {
	text-decoration: underline;
}

.float_links {
	float: left;
}

.float_rechts {
	float: right;
}

.rechts {
	text-align: right;
}

#sprache {
	width: 260px;
	margin: 0 10px 10px 570px;
	padding: 6px 0 0 0;
	background: url(../img/bg.sprache.top.png) no-repeat;
	clear: both;
	text-align: center;
	background-color: #fff;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-decoration: none;
}

#sprache_bottom {
	width: 260px;
	height: 6px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: url(../img/bg.sprache.bottom.png) no-repeat;
}

img.aktuell_foto,
img.bestand_foto {
	display: block;
	margin: 0 auto 10px auto;
}

#output img#lade {
	display: block;
	width: 32px;
	height: 32px;
	margin: 50px auto;
}



div#output ul.dateiliste li.pdf
{
	margin: 0 20px 20px 20px;
}
