body {
        margin : 0px;
        padding : 0px;
        font-family : Arial, Helvetica, sans-serif;
        background-image: url(bilder/bg_blau.gif);
        background-repeat: no-repeat;
}

#top {
        height:20px;
        text-align : right;
        visibility: hidden;
}

#header {
        margin: 0px 32px 0px 200px;
        font-size: 0.7em;
        font-weight: bold;
                font-family: Verdana, sans serif;
        color: #FFF;
}
#art, #art div {
        height:64px;
        background-color : #394798;
}
#werkzeuge {
        height:30px;
        background-color : #394798;
}
#art div {
        width:765px;
}
#werkzeuge div {
        /*  Beachte: width + margin-left + width (von #suchen) = 765px */
        height:23px;
        padding-top: 7px;
        width:615px;
        margin-left: 6px;
        background-color : #394798;
        /*        background-color : #E6E6FA;*/
}
* html #werkzeuge div {
        /* ---IE-fix ---*/
        height:30px;
}
#werkzeuge a {
        color: #FFF;
        text-decoration: none;
}

#werkzeuge a:hover, span{
        color: #F7ED7A;
        text-decoration: none;
}


#werkzeuge #suchen {
        position:absolute;
        left:815px;
        top:84px;
        width:144px;
                color: #394798;
}
#werkzeuge #suchen input {
        display:none;
}
a {
        color: #394798;
        text-decoration: none;
}

a:hover {
        color: #FF0000;
        text-decoration: none;
}

h1{
   font-size: 1.1em;
   font-weight: bold;
   color: #394798;
}

h2{
   font-size: 1.0em;
   font-weight: bold;
}

h3{
   font-size: 0.9em;
   font-weight: bold;
}

#inhalt {
    margin: 5px 32px 10px 200px;
}

#buch {
     position:absolute;
     left: 200px;
     top: 119px;
     width: 260px;
     background-color : #EEEDEB;
     border: 1px solid #333333;
}
#buch div#cover {
     background-color : #E2E2E2;
     height: 228px;
     text-align : center;
}
#buch div#cover img {
      border: 1px solid #333;
      margin-top: 10px;
}
#buch div#daten {
      background-color : #BBBBBB;
      height: 205px;
      padding: 8px 8px 8px 12px;
      border-top: 1px solid #333;
}

* html #buch div#daten {
      height: 222px;
}

#buch div#daten h1,  #buch div#daten h2, #buch div#daten p {
      margin: 0px;
      padding-top: 1px;
      padding-bottom: 2px;
      color: #000;
      font-size: 0.7em;
}

hr {
   border: 1px solid #A5A3A3;
}

#buch div#daten form {
    margin: 0px;
    padding-top: 2px;
}

#buch div#daten input  {
        font-size: 0.8em;
}
input.mengen  {
		position: relative;
		top: -1px;
        text-align: right;
        padding-right: 2px;
        color:#9F0000;
        font-size : 0.9em;
        font-weight: bold;
        border: #9F0000 solid 1px;
        height:18px;
        width: 32px;
}
* html input.mengen {
	top: 0px;
}

input.knopf{
        color: #FFFFFF;		
        background-color : #9F0000;
        border: 1px solid #000000;
        height:18px;
        width: 60px;
        font-weight : bold;
        font-size : 0.9em;
}

.isbn  {
        color : #000;
}

.preis  {
        color : #000;
}

/*---- liste----------------------------------------------------- */

#liste, #info  {
        padding: 5px 10px 5px 10px;
        border: 1px solid #333333;
        background-color : #FFF;
}

@media screen {
	#liste, #info  {	
		height: 440px;
		overflow : auto;
	}
}

#rubrik_h1 {
        background-image: url(bilder/rubrik_h1.gif);
}

#gesamt_h1 {
        background-image: url(bilder/gesamt_h1.gif);
}

#warenkorb_h1 {
        background-image: url(bilder/warenkob_h1.gif);
}

#impr_h1 {
        background-image: url(bilder/impr_h1.gif);
}

#autoren_h1 {
        background-image: url(bilder/buch_h1.gif);
}

#geschenk_h1 {
        background-image: url(bilder/geschenk_h1.gif);
}

#services_h1 {
        background-image: url(bilder/service_h1.gif);
}

#kontakt_h1 {
        background-image: url(bilder/kontakt_h1.gif);
}

#partner_h1 {
        background-image: url(bilder/partner_h1.gif);
}

#neu_h1 {
        background-image: url(bilder/neu_h1.gif);
}

.autorinnen {
        background-image: url(bilder/buch_h1.gif);
}

#liste h1 {
        font-size: 1.1em;
        font-weight: normal;
        color: #970000;
        padding: 4px 0px 4px 32px;
        background-repeat: no-repeat;
}

#liste h2 {
         font-size: 1em;
}

#liste h3, #liste th {
         font-size: 0.9em;
}

#liste h4  {
         font-size: 0.9em;
		 text-align : center;
}

#liste p{
        margin-top: 1px;
        margin-bottom: 1px;
}

#liste p strong{
       font-size: 0.8em;
}

#liste p strong a {
        color: #394798;
        text-decoration: none;
}
#liste p strong a:hover {
        color: #FF0000;
        text-decoration: none;
}

#liste p.autoren{
        font-size: 0.9em;
        font-weight: bold;
        color: #000;
        padding: 12px 0px 6px 0px;

}

#liste p, #liste td {
         font-size: 0.8em;
}

#liste td {
        font-weight : bold;
        border-bottom: 1px solid #333;
        padding:4px;
        vertical-align : top;
}

#liste td.start {
        font-weight : bold;
        border: 0px;
        padding:4px;
        vertical-align : top;
		background-color : #EEEDEB;
}

#liste td.start1 {
        font-weight : bold;
        border: 0px;
        padding:4px;
        vertical-align : bottom;
		background-color : #d2d2d2;
}

#liste td.news {
        padding:10px;
		margin: 12px;
        vertical-align : top;
		background-color : #e0ddd6;
		font-size: 0.9em;
		font-weight : normal;
		width: 33%;
		border: 1px solid #ccc;
}

#liste td.news h1 {
		/*font-weight : bold;*/
		font-size: 0.9em;
		color: #970000;
}

#liste h2 {
         font-size: 0.8em;
		 font-weight : bold;
}

#liste h3 {
         font-size: 0.7em;
		 font-weight : bold;
}
#liste td.news2 {
        border: 0px;
}




#liste td em{
       font-size: 0.8em;
       font-weight: normal;
}

#liste td.rubrik  {
        background-color : #EEEDEB;
		vertical-align : top;
}
#liste td.rubrik img {
      border: 1px solid #333;
}

#liste td.rubrik a img {
      border: none;
}

#liste th {
      background-color : #AAAAAA;
 		font-size: 0.8em;
		padding:4px;
}

#liste ul, li {
		padding:2 4 2 14px;
		font-size: 0.9em;
}

/*#liste td img{
        border: 1px solid #000;
}*/


* html #liste, * html #info {
        height: 452px;
        /*width: 496px;*/
}
* html #liste p{
        margin-top: 1px;
        margin-bottom: 1px;
}


/*---- info----------------------------------------------------- */


#info {
        margin-left: 268px;
}

#info h1 {
        font-size: 0.9em;
        font-weight: bold;
        color: #000;
        padding: 4px 0px 4px 32px;
        background-repeat: no-repeat;
}

#info a{
        color: #9F0000;
        font-size: 0.9em;
        text-decoration: none;
}

#info a:hover{
        text-decoration: underline;
}

#info p{
        font-size: 0.9em;
}

#info td p.bildtext{
        font-size: 0.8em;
		color: #565656;
}

#info p strong{
      color: #565656;
}


.bild {
        border: 1px solid #333;
        margin-right: 20px;
}

.navigation {
        text-align: right;
        margin-right: 20px;
        border-bottom: 1px solid #666;
        font-size: 0.8em;
        clear: left;
}
.navigation span {
        color: #666;
}
.navigation a {
        color: #9F0000;
         text-decoration: none;
}
.navigation a:hover {
        color: #FFF;
        background-color: #9F0000;
}

.buch a {
        color: #9F0000;
        text-decoration: none;
		 
}
.buch a:hover {
        color: #FFF;
         background-color: #9F0000;
}

/* ---- absolute ------------------------ */

#logo {
        position:absolute;
        top: 30px;
        left:29px;
        width:139px;
        height:94px;
}
#menue {
        position:absolute;
        left:0px;
        top:137px;
        width:170px;
        font-size: 0.8em;
        font-weight: bold;
        background-color : #FFFFFF;

}
#menue a, #menue span {
        display: block;
        padding-left: 28px;
        color: #000000;
        text-decoration: none;
}

#menue a:hover{
        color: #FF0000;
        text-decoration: none;
}

#menue span {
        color: #394798;
        background-image: url(bilder/menuemarker.gif);
        background-repeat: no-repeat;
        background-position: left;
}

#menue div#rubriken a {
        background-repeat: no-repeat;
        background-position: left;
}

#menue div#rubriken a:hover {
       color: #FF0000;
}
#menue div#rubriken a.sub {
       background-image: url(bilder/rubrikmarker.gif);
}

#menue div {
        margin: 0.9em;
}
#shortcuts {
        /*display: none;
        */
        font-size: 0.7em;
        color: #000;
        position:absolute;
        left:26px;
        bottom:30px;
        width:150px;
        background-color : #FFF;
        padding-bottom: 2px;
        padding-left: 3px;
        white-space : nowrap;
}

/* ---- */

a.navigieren {
/*	color: #000; */
	font-weight: 600;
}
a.navigieren:hover {
	color: #FF0000;
}
p.dynamisch {
	padding-top: 2px;
}
a.rollover {
     display: block;
     padding: 2px;
     background-color : #E3DAD3;;
}
a.rollover:hover {
	background-color: #CC6600;
}


/*************** Maari **********************/

#liste td.tableRandlos {
	border:none;
}

#liste td.partnerlinks {
	border:none;
	vertical-align:bottom;
	padding-bottom: 20px;
}

.gross10 {
	font-size: 10pt;
}

.rot {
	color:#F00;
}

.dunkelrot {
     color: #9F0000;
}

.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}