/* Allgemein */
body { margin: 0px; background-color: #eeeeee }
a { color: #396909 }

/* Header */
@media screen and (min-width: 1024px ) {
	#header { width: 1024px; height: 130px; background-image: url("../images/Buecherregal-1024x130px.jpg"); background-position: bottom; background-repeat: no-repeat; background-color: #ebf7df; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border-bottom: solid 1px #6ba235 }
}

@media screen and (max-width: 1023px ) {
		#header { width: 100%; height: 130px; background-image: url("../images/Buecherregal-1024x130px.jpg"); background-position: bottom; background-repeat: no-repeat; background-color: #ebf7df; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border-bottom: solid 1px #6ba235 }
}

#pixel { float: left; border-style: none }

@media screen and (min-width: 1024px ) {
	#navbox { width: 1024px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border-style: none; padding: 4px 0px 6px 0px; text-align: center; border-bottom: solid 1px #6ba235 }
}

@media screen and (max-width: 1023px ) {
		#navbox { width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border-style: none; padding: 4px 0px 6px 0px; text-align: center; border-bottom: solid 1px #6ba235 }
}

#nav { display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 0px 0px 0px 0px }
li.navigation_akt { display: inline; padding: 0px 10px 0px 8px; list-style-type: none }
li.navigation { display: inline; padding: 0px 10px 0px 8px; list-style-type: none }
img.bullets_navigation { margin-right: 4px }

span.unsichtbar { color: #b2b2b2 }
.header_navigation_aktiv { text-decoration: underline; color: #6ba235 }
a.header_navigation { text-decoration: none; color: #6ba235 }
span.header_navigation { color: #6ba235 }

/* Inhalt */

@media screen and (min-width: 1024px ) { 
	#content { width: 1024px; margin-left: auto; margin-right: auto; background-color: #ffffff; border-right: none; border-left: none; border-bottom: none } 
}
@media screen and (max-width: 1023px ) {
	#content { width: 100%; margin-left: auto; margin-right: auto; background-color: #ffffff; border-right: none; border-left: none; border-bottom: none }
}

@media screen and (min-width: 1024px ) {
	#linke_spalte { float: left; width: 760px; padding-right: 56px; margin-bottom: 1px; padding-left: 4px; padding-top: 16px; padding-bottom: 50px; background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em }
}

@media screen and (max-width: 1023px ) {
	#linke_spalte { width: 100%; padding-right: 56px; margin-bottom: 1px; padding-left: 4px; padding-top: 16px; padding-bottom: 50px; background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em }
}

@media screen and (min-width: 1024px ) {
	#rechte_spalte { float: right; padding-top: 20px; width: 200px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em }
}

@media screen and (max-width: 1023px ) {
		#rechte_spalte { padding-top: 20px; width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em }
}

#anfang { clear: both }
#ende { clear: both }
p.absatz_mit_bild { vertical-align: top; border-style: none; border-width: 1px; font-weight: bold; color: #555 }
div.infobox { border-style: solid; border-width: 1px 1px 1px 1px }
p.abs_rechts { margin: 0px; padding: 0px; text-align: center; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size: 1.5em; color: #6ba235 }
h2 { font-family: Arial, Helvetica, sans-serif; padding-top: 22px; font-size: 1.3em; color: #6ba235; clear: both }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em }
h3.abs_rechts_head { font-family: serif; font-weight: normal; font-size: 1em; text-align: center; background-color: whitesmoke; color: black; border-style: solid; border-width: 0px 0px 1px 0px; border-color: #000000; margin: 0px 0px 0px 0px; padding: 3px }
h4 { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em }
h4.rechts { font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding-left: 3px }
em { font-weight: bold; font-style: normal }
dl { display: block; padding: 0px 3px 0px 3px }
dt { float: left }
ul.liste > li { list-style-position: inside }


img { border: none }
img.cover { float: left; margin-right: 10px; border: none }
.autor { font-weight: bold; color: #282828 }

/* Footer */
@media screen and (min-width: 1024px ) {
	#footer { width: 760px; float: left; margin-top: 1px; text-align: right; text-decoration: none; color: #666666; border-top-style: solid; border-top-width: 1px; border-color: #b2b2b2 }
}

@media screen and (max-width: 1023px ) {
	#footer { width: 100%; margin-top: 1px; text-align: right; text-decoration: none; color: #666666; border-top-style: solid; border-top-width: 1px; border-color: #b2b2b2 }
}

@media screen and (min-width: 1024px ) {
	#gruen { width: 760px; float: left; height: 1px; border: 0px; color: #aedf81; background-color: #aedf81; margin-bottom: 0px; margin-top: 1px }
}

@media screen and (max-width: 1023px ) {
		#gruen { width: 100px; height: 1px; border: 0px; color: #aedf81; background-color: #aedf81; margin-bottom: 0px; margin-top: 1px }
}

#seitenanfang { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #666666 }