/**
* @author  Joachim  Eberhardt
* @copyright Copyright 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011  Agentur Lernsite - Joachim  Eberhardt
* @version 1.7 12.04.11
* @package bookshop curriculum online relaunch
*
* @desc CSS-Datei 
*       <p>Layout fuer online shop www.buchhandlung-curriculum.de - Dateien mit Index-Funktion</p>
*
*/


/* ************************************************************************************ */
/* STRUCTURE CONTENT LISTE
/* ************************************************************************************ */

div#container div#content div#indexSpalte {
 position:       relative;
 float:              left;
 width:              53.0em;
 margin-top:          -1.2em;
 margin-right:   1.0em;
 padding-left:      1.8em;
 padding-bottom: 0.5em;
 min-height:       63.0em; 
 font-size:      0.8em;
 line-height:    1.3em;
 z-index:        25;
 border-left:  2px solid #9b0001;
} 

/* ************************************************************************************ */
/* STRUCTURE CONTENT LISTE TREFFERANZEIGE                                               */
/* ************************************************************************************ */

div#container div#content div#indexSpalte div#trefferAngabe {
 margin-top:  0.5em;
 margin-left: 38em;
 width: 20em;
 font-size: 0.9em;
 z-index: 10;
}

/* ************************************************************************************ */
/* STRUCTURE CONTENT LISTE ABC-NAVIGATION                                              */
/* ************************************************************************************ */

div#container div#content div#indexSpalte div.ABCZeile {
 position: relative;
 margin-top: 2.0em;
 margin-bottom: 2.0em;
 letter-spacing: -0.1em;
}

div#container div#content div#indexSpalte div.ABCZeile a.ABCBuchstabe {
 color:                 #711913;
 background-color: transparent;
 text-decoration:         none;
}

div#container div#content div#indexSpalte div#naviUnten {
 padding-top: 2.0em;
 clear: both;
 }

 div#container div#content div#indexSpalte div#naviUnten a {
 color:                 #711913;
 background-color: transparent;
 text-decoration:         none;
}
 

/* ************************************************************************************ */
/* STRUCTURE CONTENT LISTE PAGENAVIGATION                                               */
/* ************************************************************************************ */

div#container div#content div#indexSpalte div.pagenavigation {
 position:      relative;
 margin-top:       0.5em;
 margin-bottom:    0.5em;
  text-align:     center;
 z-index:             20;
}
div#container div#content div#indexSpalte div.pagenavigation  a {
 color:               #711913;
 background-color: transparent;
 text-decoration:     none;
}

/* ************************************************************************************ */
/* STRUCTURE CONTENT LISTE PAGENAVIGATION                                               */
/* ************************************************************************************ */

div#container div#content div#indexSpalte div.alternativeKeywords {
 position:      relative;
 margin-top:       0.5em;
 margin-bottom:    0.5em;
 z-index:             20;
}
div#container div#content div#indexSpalte div.alternativeKeywords   a {
 color:               #711913;
 background-color: transparent;
 text-decoration:     none;
}


/* ************************************************************************************ */
/* STRUCTURE CONTENT LISTE BUTTON AUSWAHLLISTE                                          */
/* ************************************************************************************ */


div#container div#content div#indexSpalte div#buttonAuswahlliste {
 margin-left:         36.0em;
 margin-bottom:        0.5em;
 
}
div#container div#content div#indexSpalte div#buttonAuswahlliste form fieldset {
 margin:      0;
 padding:     0;
 border:   none;
 }
 
div#container div#content div#indexSpalte div#buttonAuswahlliste  form  fieldset input.textButton {
 width:               12.0em;
 padding-left:        0.3em;
 text-align:            left;
 color:              #ffffe5;
 background-color:   #711913;
}


div#container div#content div#indexSpalte form  fieldset input.textButton {
 margin-top: 2.5em; 
 width:               12.0em;
 padding-left:        0.3em;
 text-align:            left;
 color:              #ffffe5;
 background-color:   #711913;
}


div#container div#content div#indexSpalte form input#id_titel {
margin-top: 0.5em;
margin-bottom: 0.5em;
}

/* ************************************************************************************ */
/* STRUCTURE CONTENT LISTE BUTTON AUSWAHLLISTE                                          */
/* ************************************************************************************ */


div#container div#content div#indexSpalte div#buttonDeleteAllList {
 margin-left:         36.0em;
 margin-bottom:        0.5em;
 
}
div#container div#content div#indexSpalte div#buttonDeleteAllList form fieldset {
 margin:      0;
 padding:     0;
 border:   none;
 }
 
div#container div#content div#indexSpalte div#buttonDeleteAllList  form  fieldset input.textButton {
 width:               12.0em;
 padding-left:        0.3em;
 text-align:            left;
 color:              #ffffe5;
 background-color:   #711913;
}

/* ************************************************************************************ */
/* STRUCTURE CONTENT LISTE ARBEITSBLAETTER
/* ************************************************************************************ */


div#container div#content div#indexSpalte ul#arbeitsblaetter {
font-size:   1.0em;
color:#222;
background-color: transparent;
}

div#container div#content div#indexSpalte ul#arbeitsblaetter li {
list-style-type: none;
}

div#container div#content div#indexSpalte ul#arbeitsblaetter li a {
 color:#222;
 text-decoration: none;
 white-space:nowrap;
 border: 1px solid #ffffe5;
 }
div#container div#content div#indexSpalte ul#arbeitsblaetter li a:hover {
 color:#990000;
 text-decoration: none;
 white-space:nowrap;
 border-left: 1px solid #ddd;
 border-top: 1px solid #ddd;
 border-right:1px solid #777;
 border-bottom:1px solid #777;
}
 
div#container div#content div#indexSpalte ul#arbeitsblaetter li a:active {
 color:#990000;
 text-decoration: none;
 border-left: 1px solid #777;
 border-top: 1px solid #777;
 border-right:1px solid #ddd;
 border-bottom:1px solid #ddd;
}

div#container div#content div#indexSpalte ul#arbeitsblaetter li ul li {
margin-left: 5.5em;
list-style-type: none;
}

/* ************************************************************************************ */
/* STRUCTURE CONTENT LISTE ACTUAL
/* ************************************************************************************ */
/*
div#container div#content div#indexSpalte div#actual {
 position:  absolute;
 top:        5.0em;
 left:        30em;
 width:       19.7em;
 font-size:  0.9em;
 z-index: 10;
}

div#container div#content div#indexSpalte div#actual h2 {
 margin-top:       0;
 font-family: Verdana,Helvetica,Arial,sans-serif;
 color:      #000000;
 background-color: transparent;
 font-size:    1.0em;
 white-space: nowrap;
}


div#container div#content div#indexSpalte div#actual img {
 float:           left;
 margin-top:      0;
 margin-left:     0;
 margin-right:   0.5em;
 margin-bottom:  1.3em;
 border-left:   1px solid #fff; 
 border-top:    1px solid #fff;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;
 }

div#container div#content div#indexSpalte div#actual .clear {
 clear: left;
}

div#container div#content div#indexSpalte div#actual form {
 margin-top:      0;
 padding-top:     0;
}

div#container div#content div#indexSpalte div#actual form fieldset {
 margin-top:               0;
 padding-top:              0;
 font-size:            0.9em;
 border:                none;
 background-color:   #ffffe5;
}

div#container div#content div#indexSpalte div#actual form fieldset h3 {
 margin-top:         0;
 margin-bottom:      0;
 font-size:      1.0em;
}
div#container div#content div#indexSpalte div#actual form fieldset h3.titel {
 line-height:   1.0em;
 }
 
div#container div#content div#indexSpalte div#actual form fieldset input {
 right:  0;
 margin-right:  0;
 }

div#container div#content div#indexSpalte div#actual form fieldset input.textButton {
 margin-top:          0.5em;
 margin-left:         8.0em;
 color:             #ffffe5;
 background-color:  #711913;
}
/*
div#container div#content div#indexSpalte div#actual img {
 float:           left;
 margin-top:      0;
 margin-left:     0;
 margin-right:   0.5em;
 margin-bottom:  1.3em;
 border-left:   1px solid #fff; 
 border-top:    1px solid #fff;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;
 }

div#container div#content div#indexSpalte div#actual .clear {
 clear: left;
}

div#container div#content div#indexSpalte div#actual fieldset {
 margin-top:      0;
 padding-top:     0;
 font-size: 0.9em;
 border: none;
 background-color: #ffffe5;
}
*/



/* ************************************************************************************ */
/* STRUCTURE CONTENT ACTUAL ARBEITSBLAETTER                                             */
/* ************************************************************************************ */


div#container div#content div#indexSpalte div#actual {
 position:       relative;
 margin-top:        2.0em;
 font-size:         0.9em;
 z-index:              10;
}

div#container div#content div#indexSpalte div#actual h2 {
 margin-top:       0;
 font-family: Verdana,Helvetica,Arial,sans-serif;
 color:      #000000;
 background-color: transparent;
 font-size:    1.0em;
 white-space: nowrap;
}

div#container div#content div#indexSpalte div#actual div.description {
float:           left;
width:           24.5em;
}


div#container div#content div#indexSpalte div#actual div.description div.thumbnail_portrait {
 float:           left;
 margin-top:      0;
 margin-left:     0;
 margin-right:   0.5em;
 margin-bottom:  1.3em;
 }

div#container div#content div#indexSpalte div#actual div.description div.thumbnail_portrait img {
 border-left:   1px solid #fff; 
 border-top:    1px solid #fff;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;
 }

div#container div#content div#indexSpalte div#actual div.description div.thumbnail_landscape{
 float:           left;
 margin-top:      0;
 margin-left:     0;
 margin-right:   0.5em;
 margin-bottom:  1.3em;
 }

div#container div#content div#indexSpalte div#actual div.description div.thumbnail_landscape img {
 border-left:   1px solid #fff; 
 border-top:    1px solid #fff;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;
 }
 
div#container div#content div#indexSpalte div#actual div.description div.text {
padding-left: 0.5em;
font-size:    1.0em;
}
div#container div#content div#indexSpalte div#actual div.description div.text p {
line-height:   1.0em;
}


div#container div#content div#indexSpalte div#actual div.description div.text p.soldout {
 color:  #990000;
}

div#container div#content div#indexSpalte div#actual div.description div.text p.author {
 margin-top:               0;
 margin-bottom:      0;
 padding-top:              0;
}

div#container div#content div#indexSpalte div#actual div.description div.text  h3 {
 margin-top:         0;
 margin-bottom:      0;
 padding-top:      0;
 font-size:      1.0em;
}
div#container div#content div#indexSpalte div#actual  div.description div.text h3.titel {
 padding-top:      0.1em;
 line-height:      1.2em;
 }
 
 
div#container div#content div#indexSpalte div#actual br.clear {
 
 
}

div#container div#content div#indexSpalte div#actual div.button form {
 margin-top:      0;
 padding-top:     0;
}

div#container div#content div#indexSpalte div#actual div.button form fieldset {
 margin-top:               0;
 padding-top:              0;
 font-size:            0.9em;
 border:                none;
 background-color:   #ffffe5;
}

 
div#container div#content div#indexSpalte div#actual  div.button form fieldset input {
 right:  0;
 margin-right:  0;
 }

div#container div#content div#indexSpalte div#actual div.button form fieldset input.textButton {
 margin-top:          7.5em;
 width:               6.0em; 
 text-align:           left;
 color:             #ffffe5;
 background-color:  #711913;
}



/* ************************************************************************************ */
/* STRUCTURE CONTENT LISTE                                                              */
/* ************************************************************************************ */
/*
div#container div#content div#indexSpalte form fieldset {
 margin-top:       0.5em;
 padding:  	    0.5em;
 border: 0;
 border-left: 1px solid #ddd; 
 border-top: 1px solid #ddd;
 border-right:1px solid #777;
 border-bottom:1px solid #777;
 }
*/

div#container div#content div#indexSpalte ul {
margin: 0;
/*width:       49em;*/

}

div#container div#content div#indexSpalte ul li {


}

div#container div#content div#indexSpalte ul li.ohne {
list-style-type: none;

}


div#container div#content div#indexSpalte ul li a {
 color:                 #711913;
 background-color: transparent;
 text-decoration:         none;
}
div#container div#content div#indexSpalte ul li.navigationsbuchstabe {
 list-style-type: none;
 margin-top: 1em;
}

div#container div#content div#indexSpalte .indexSpalte10 {
position: absolute;
 margin-top:       4.0em;
 left:        0em;
 width:       18em;
 } 
div#container div#content div#indexSpalte .indexSpalte20 {
position: absolute;
 margin-top:       4.0em;
 left:        0em;
 width:       11em;
 } 
div#container div#content div#indexSpalte .indexSpalte21 {
 position: absolute;
 margin-top:       4.0em;
 left:        15em;
 width:       11em;
 } 
div#container div#content div#indexSpalte ul.indexSpalte30 {
 position:      relative;
 margin-top:       1.0em;
 padding-left:     1.5em;
 float:             left;
 width:             15em;
 z-index:             27;
 } 

div#container div#content div#indexSpalte ul.indexSpalte31 {
 position:      relative;
 margin-top:       1.0em;
 padding-left:     1.5em;
 float:             left;
 width:             15em;
 z-index:        26;
 } 
div#container div#content div#indexSpalte ul.indexSpalte32 {
 position: relative;
 margin-top:       1.0em;
 padding-left:     34.0em;
 z-index:        25;
 } 
 
 div#container div#content div#indexSpalte .indexSpalte40 {
 position:absolute;
margin-top:       4.0em;
 left:        0em;
 width:      10em;
 } 
div#container div#content div#indexSpalte .indexSpalte41 {
 position:absolute;
margin-top:       4.0em;
 left:        11em;
 width:      10em;
 } 
div#container div#content div#indexSpalte .indexSpalte42 {
 position:absolute;
margin-top:       4.0em;
 left:        22em;
width:      10em;
 } 
div#container div#content div#indexSpalte .indexSpalte43 {
 position:absolute;
margin-top:       4.0em;
 left:        33em;
 width:      10em;
 } 
 
/* ************************************************************************************ */
/* STRUCTURE CONTENT LISTE PREFACE                                                      */   
/* ************************************************************************************ */
 
div#container div#content div#indexSpalte .preface  {
 position: relative;
 margin-top:    0.5em;
 width:        45em;
 font-size:   0.9em;
 z-index: 15;
}

div#container div#content div#indexSpalte .preface p  a {
color:                 #711913;
 background-color: transparent;
 text-decoration:         none;
}

div#container div#content div#indexSpalte .preface ul {
 margin-left:       0.7em;
 padding-left:      1.7em;
 padding-bottom:    0.5em;
}

div#container div#content div#indexSpalte .preface ul li {
 padding-top:       0.5em;
 list-style-type: decimal; 
 font-size:         1.0em;
 font-weight:        bold;
}

/* ************************************************************************************ */
/* STRUCTURE CONTENT LISTE JAHRGANGSAUSWAHL                                             */
/* ************************************************************************************ */

div#container div#content div#indexSpalte div.jahrgang  {
 position:         relative;
 margin-top:          1em;
 margin-left:          0;
 width:           53.0em;
 font-size:        0.9em;
 z-index:             15;
} 

div#container div#content div#indexSpalte div.jahrgang form fieldset {
 margin-top:       0.5em;
 padding:        	    0.5em;
 border-left: 1px solid #ddd; 
 border-top: 1px solid #ddd;
 border-right:1px solid #777;
 border-bottom:1px solid #777;
}

div#container div#content div#indexSpalte div.jahrgang form fieldset div.checkBoxSpalte1 {
 padding-top:        0.3em;
 margin-left:        0.5em;
 float:               left;
 width:               12em;
 }
div#container div#content div#indexSpalte div.jahrgang form fieldset div.checkBoxSpalte2 {
 padding-top:         0.3em;
 float:               left;
 width:               12em;
 }
div#container div#content div#indexSpalte div.jahrgang form fieldset div.checkBoxSpalte3 {
 padding-top:        0.3em;
 }
 
div#container div#content div#indexSpalte div.jahrgang form fieldset input.textButton {
 margin-top:           0.5em;
 margin-left:         32.5em;
 width:               12.0em;
 text-align:            left;
 color:              #ffffe5;
 background-color:   #711913;
}

 
/* ************************************************************************************ */
/* STRUCTURE CONTENT LISTE UEBERSICHT   + TEASER                                                */
/* ************************************************************************************ */

 


div#container div#content div#indexSpalte ul#liste  {
 position:       relative;
 margin-left:           0;
 margin-right:      1.0em;
 padding-left:          0;
 list-style-type:    none;
 z-index:              25;
 
} 

div#container div#content div#indexSpalte ul#liste li {
 /*padding-top:                1.0em;*/
 margin-bottom:              0.5em;
 padding-bottom:             0.5em;
 border-bottom: 1px dotted #707070;
}


div#container div#content div#indexSpalte ul#liste li div.description {
padding-top:                1.0em;
float:           left;
width:           32.0em;
}

div#container div#content div#indexSpalte ul#liste div.description div.text p.soldout {
 color:              #990000;
}

div#container div#content div#indexSpalte ul#liste div.description div.text p.author {
 margin-top:         0;
 margin-bottom:      0;
 padding-top:        0;
}

div#container div#content div#indexSpalte ul#liste li div.description div.thumbnail_portrait {
 float:           left;
 margin-top:      0;
 margin-left:     0;
 margin-right:   1.2em;
}

div#container div#content div#indexSpalte ul#liste li div.description div.thumbnail_portrait img {
 border-left:   1px solid #fff; 
 border-top:    1px solid #fff;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;
 }

div#container div#content div#indexSpalte ul#liste li div.description div.thumbnail_landscape{
 float:           left;
 margin-top:      0;
 margin-left:     0;
 margin-right:   1.2em;
 margin-bottom:  3.3em;
 }

div#container div#content div#indexSpalte ul#liste li div.description div.thumbnail_landscape img {
 border-left:   1px solid #fff; 
 border-top:    1px solid #fff;
 border-right:  1px solid #777;
 border-bottom: 1px solid #777;
 }
 
div#container div#content div#indexSpalte ul#liste li div.description div.text {
 margin-top:         0;
 margin-left:        8.0em;
 padding-top:        0;
 font-size:    1.0em;
}
div#container div#content div#indexSpalte ul#liste li div.description div.text p {
 line-height:   1.0em;
}

div#container div#content div#indexSpalte ul#liste li div.description div.text p.author {
 margin-top:         0;
 margin-bottom:      0;
 padding-top:        0;
}

div#container div#content div#indexSpalte ul#liste li div.description div.text  h3 {
 margin-top:         0;
 margin-bottom:      0;
 padding-top:      0;
 font-size:      1.0em;
}
div#container div#content div#indexSpalte ul#liste li  div.description div.text h3.titel {
 line-height:   1.0em;
 }
 
div#container div#content div#indexSpalte ul#liste li div.button  {
clear: left;
}


div#container div#content div#indexSpalte ul#liste li div.button form {
 margin-top:               0;
 padding-top:              0;
 font-size:            0.9em;
 padding-left:         40.0em;
 border:                none;
 background-color:   #ffffe5;
}

 
div#container div#content div#indexSpalte ul#liste li div.button form input.textButton {
 padding-left:        0.3em;
 width:               12.0em;
 text-align:            left;
 color:              #ffffe5;
 background-color:   #711913;
}

/* ************************************************************************************ */
/* STRUCTURE CONTENT LISTE SITEMAP
/* ************************************************************************************ */


div#container div#content div#indexSpalte dl {
font-size:   1.0em;
color:#222;
background-color: transparent;
}

div#container div#content div#indexSpalte dl dt {
list-style-type: none;
}

div#container div#content div#indexSpalte dl dt a {
 color:#222;
 text-decoration: none;
 white-space:nowrap;
 border: 1px solid #ffffe5;
 }
div#container div#content div#indexSpalte dl dt a:hover {
 color:#990000;
 text-decoration: none;
 white-space:nowrap;
 border-left: 1px solid #ddd;
 border-top: 1px solid #ddd;
 border-right:1px solid #777;
 border-bottom:1px solid #777;
}
 
div#container div#content div#indexSpalte dl dt a:active {
 color:#990000;
 text-decoration: none;
 border-left: 1px solid #777;
 border-top: 1px solid #777;
 border-right:1px solid #ddd;
 border-bottom:1px solid #ddd;
}
div#container div#content div#indexSpalte dl d {
list-style-type: none;
}

div#container div#content div#indexSpalte dl dd a {
 color:#222;
 text-decoration: none;
 white-space:nowrap;
 border: 1px solid #ffffe5;
 }
div#container div#content div#indexSpalte dl dd a:hover {
 color:#990000;
 text-decoration: none;
 white-space:nowrap;
 border-left: 1px solid #ddd;
 border-top: 1px solid #ddd;
 border-right:1px solid #777;
 border-bottom:1px solid #777;
}
 
div#container div#content div#indexSpalte dl dd a:active {
 color:#990000;
 text-decoration: none;
 border-left: 1px solid #777;
 border-top: 1px solid #777;
 border-right:1px solid #ddd;
 border-bottom:1px solid #ddd;
}