/**
* @author  Joachim  Eberhardt
* @copyright Copyright 2004, 2005, 2006, 2007  Agentur Lernsite - Joachim  Eberhardt
* @version 1.3 19.03.07
* @package bookshop
*
* @desc CSS-Datei 
*       <p>allgmeines Layout fuer online shop www.buchhandlung-curriculum.de </p>
*
*/

body {
 font-family: 'Times New Roman',Times,serif;
 font-size: 	93%;
 color:     #000000;
 background-color: #ffffff;
}

/* allgem. gueltige Klassen zur Formatierung*/
.center {
 text-align: center;
}
.detailbutton {
 visibility:hidden;
 display:none;
}
.gruen {
  color: #00bb00; 
 }
.hervorhebung {
 font-weight:bold;
 font-style:italic;
} 
.hidden  {
 visibility:hidden;
 display:none;
}

.orange {
 color:#ffcc00;
}
.rot {
  color: #ff0000; 
 }
.schwarz {
 color: #000000;
}
.textButton {
 margin: 0.5em;
 background:#ffffff;
}

.versteckt {
 visibility:hidden;
 display:none;
}
.warnhinweis {
 font-size: 1em;
 font-weight: bold;

}
 
/* Struktur des Contentaufbaus / Template-Varianten */
#container0 {
position: relative;
 margin: auto auto; 
 
 /*width: 55em; */
 width:100.1%; 
 height: 100.1%;
 background: #ffffff;
 z-index:     10;
 }
#content {
 position:absolute;
 top:  170px;
 left:  0px;
 width: 95%;
}

#content a {
 color:#000000;
 text-decoration: none;
}

#content h1 {
 margin-top:     0px;
 font-size:   1.35em;
 font-weight: normal;
 white-space: nowrap;
 z-index:         20;
}
#content h2 {
 margin-top:   0px;
 font-size:  1.1em;
 font-weight: bold;
 z-index:        20;
}
#content h3 {
 margin-top:    0px;
 margin-bottom: 0px;
 font-size:     1.1em;
 font-weight:  bold;
 z-index:        20;
}
#content p {
 margin-top:  0px;
 font-size:   1.0em;
 font-weight: normal;
 text-align: justify;
}
#content li {
 font-size:   0.9em;
 font-weight: normal;
}
#headline {
 position:absolute;
 top:  1.0em;
 left: 0px;
 z-index: 10;
}

#liste hr {
 margin-left: 0em;
 width:       44em;
}
#buttonAuswahlliste {
 visibility:hidden;
 display:none;
}
#linkeSpalte {
 position:absolute;
 top: 		5.0em;
 /*top:       30px; */
 left:        0px;
 /*width:       45%;*/
 width:		 25.5em; 
 margin-right: 1em;
 font-size:   0.9em;
} 
#monoSpalte {
 position:absolute;
 top:       5.0em;
 left:        0px;
 width:       46em;
 font-size:   0.9em;
} 
#rechteSpalte {
 position:absolute;
 /*top:        30px; */
 top: 		5.0em;
 left:       22.5em;
width:		 21.5em; 
 margin-left: 1em;
 font-size:   0.9em;
 z-index:20;
}
#suchmaske  {
 position:absolute;
 /*top:       30px; */
 top: 		5.5em;
 left:        0px;
 width:       85%;
 font-size:   1em;
} 
#pagelimits{
 position:absolute;
 top: 197px;
 left: 425px;
 color: #202020;
 font-size: 18pt;
 z-index: 20;
}
#pagenavigation{
 position:relative;
 top: 0px;
 left: 0px;
 width: 810px;
 text-align: center;
 z-index: 20;
}

/* Navigation */
/* Navigation  links*/
#navigationLinks  {
 visibility:hidden;
 display:none;
}

/* Navigation  oben*/ 
#navigationOben {
 visibility:hidden;
 display:none;
}
 #naviUnten {
 visibility:hidden;
 display:none;
}
/* Layout Elemente */
 
#layoutElemente {
 position:absolute;
 top:    0px;
 left:   0px;
 height:100.1%;
 width: 100.1%;
 z-index:  2;
 } 
#titel {
 position:absolute;
 top:      25px;
 /*top:     47px; */
 left:   145px;
 width:  462px;
 height: 106px;
 visibility:visible;
 z-index: 10;
 } 
#titelbild {
 position:absolute;
 left:     0px;
 top:      0px;
 width:   134px;
 height:  134px;
 z-index:    10;
}
#linieMitte {
 position:absolute;
 top:  130px;
 left: 150px;
 right: 15px;
 width: 42em; 
 margin:  0px;
 padding:  0px;
 z-index: 10;
 }
 
#linieMitte hr{
 line-height: 1px;
 font-size: 1px;
 color: #990000;
 background-color: #990000;
 }
 
 
 /* Startseite */
 
 
 #actual{
 position:  absolute;
 top:        5.0em;
 left:        30em;
 width:       auto;
 font-size:  0.9em;
 z-index: 10;
}
#actual h2 {
 margin-top: 0px;
 font-family: Verdana,Helvetica,Arial,sans-serif;
 color: #000000;
 font-size: 1.2em;
 white-space:nowrap;
}
#actual img {
 float:           left;
 margin-top:      0px;
 margin-left:     0px;
 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;
 }

#actual .clear {
 clear: left;
}

#actual fieldset {
 margin-top:      0px;
  padding-top:      0px;
 font-size: 0.9em;
 border: none;
}



/* login */
#contentlogin {
 position:absolute;
 top: 240px;
 left: 12px;
 font-size: 10pt;
 width: 455px;
 z-index: 20;
}

form br {
	clear: both;
}

#loginmessage {
 position:absolute;
 top:        500px;
 left:        12px;
  font-size:   10pt;
 width:      455px;
 z-index:       20;
}

#loginFormular {
 position:absolute;
 top: 		 4.5em;
 left:       22.5em;
 width:		 20.0em;
 margin: 6px 0px 0px; 
 font-size:   0.9em;
 background-color: #ffffe5;
 z-index:20;
}
#loginFormular  fieldset {
 padding:  	    0.5em;
 border-left: 1px solid #ddd; 
 border-top: 1px solid #ddd;
 border-right:1px solid #777;
 border-bottom:1px solid #777;
 background: #ffffff;
 }
 
#loginFormular legend {
 font-weight:   bold;
}

#loginFormular h3 {
 margin-left: 1.5em;
 padding:0;
 }

#loginFormular ul {
 margin-left: 1.5em;
 padding:0;
 }

#loginFormular ul li {
 padding-bottom: 0.3em;
 font-size:   1.0em;
 line-height: 1.5em;
 list-style-type: none;
 text-align: left;
 white-space:nowrap;
}


#linkRegister {
 position:  absolute;
 top:          250px;
 left:         0px;
 
}
#linkRegister  fieldset {
 padding:  	    10px;
 border-left: 1px solid #fff; 
 border-top: 1px solid #fff;
 border-right:1px solid #777;
 border-bottom:1px solid #777;
 background:#fff1a5;
 }
 
#linkRegister legend {
 font-weight:   bold;
}
#linkRegister p {
 margin-top:         6px;
 margin-bottom:      6px;
}



/* Impressum */
#impressumText {
 position:absolute;
 top:       5.0em;
 left:        0px;
 width:       40em;
 margin-bottom: 2em;
 font-size:   0.9em;
} 
#impressumText h3 {
 margin-bottom: 0.3em;
}
#impressumText p {
 width:       42em;
} 
#impressumText a {
 color:#000000;
 text-decoration: none;
} 


 
 /* Fehlermeldungen und Debugging */
 
 
#debugging {
 position:  absolute;
 top:       30px;
 left:      1060px;
 width:     220px;
}  
#errormessage {
 position:  absolute;
 top:       290px;
 left:      50px;
 width:     560px;
 font-size: 11pt;
}