/*#############################################################
Name: Coffee N Cream
Date: 2006-08-24
Description: A smooth coffee style template.
Author: Viktor Persson
URL: http://templates.arcsin.se

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* {
  margin: 0;
  padding: 0;
  font-size: 100%;
}
a {
  color: #111;
}
a:hover {
  color: #417;
}
body {
  background: #000000 url(../img/nj.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #111;
  font: normal 90% "Lucida Sans Unicode",sans-serif;
}
input {
  font-size: 1em;
  color: #555;
}
p,cite,code,ul {
    padding-bottom: 0.4em;
    /*padding-top: 0.4em;*/
}
li {
    padding-bottom: 0.1em;
    padding-top: 0.1em;
}
.wider li {
  padding-bottom: 0.1em;
}
h1 {
  font-size: 1.4em;
  margin-bottom: 4px;
}
code {
  background: #FFE;
  border: 1px solid #DDF;
  border-left: 6px solid #938262;
  color: #554;
  display: block;
  margin-bottom: 12px;
  padding: 8px 10px;
  white-space: pre;
}
blockquote {
/*   background: url(../img/quote.gif) no-repeat; */
  color: #666;
  display: block;
  font: normal 1.3em "Lucida Sans Unicode",serif;
  padding-left: 28px;
}
h1,h2,h3 {
  color: #417;
  padding-top: 6px;
}

.hcolor {
  color: #700;
  font: bold 1em  "Lucida Sans Unicode","Trebuchet MS",sans-serif;
}
/* misc */
.clearer {
  clear: both;
}

/* structure */
.container {
  background: url(../img/bgcontainer.png) repeat-y;
  margin: 0 auto;
  width: 890px;
}

.springerLogo {
  margin-top: 30px;
  /*margin-left: -32px;*/
  /*position:absolute;*/
    /*margin: 0px;*/
  text-align: center;
  /*width: 217px;*/
}

/* header */
.header {
  background: #680086; /**/
  background-image:url(../img/bgheader.png), url(../img/bgheaderFoot.png);
  background-position: left top, left bottom ;
  background-repeat: repeat-x,repeat-x;
  height: auto;
  margin: 0 auto;
  width: 872px;
}

/* title */
.title {
  padding: 32px;
  padding-bottom: 0px;
/*   background: #040205 url(../img/g.jpg) top right no-repeat; */
  text-shadow: 2px 2px 4px #000000;
  text-align: center;
}
.title a:hover {
    color:#411070;
}
.title a {
    color:#40046b;
}

.title h1 {
  color: #F4EBDF;
  font: normal 2.4em "Lucida Sans Unicode","Trebuchet MS",sans-serif;
}

.title h2 {
  color: #F4EBDF;
  font: normal 1.9em "Lucida Sans Unicode","Trebuchet MS",sans-serif;
}
.title h2 a{
  color: #F4EBDF;
}

.title h3 {
  color: #F4EBDF;
  font: normal 1.5em "Lucida Sans Unicode","Trebuchet MS",sans-serif;
}
.title h3 a{
  color: #F4EBDF;
}

.title p {
  padding-top: 3px;
  color: #441F6b;
  font: bold 1.2em  "Lucida Sans Unicode","Trebuchet MS",sans-serif;
;
}

.dark{
  color: #31085D;
  /*font-weight: bold;*/
}
a:hover.dark{
  color:#20085D;
  /*font-weight: bold;*/
}
/* navigation */
.navigation {
  background: #FFF;
  font: bold 1.2em Verdana,sans-serif;
  height: 44px;
  margin: 0 auto;
  padding: 0 18px;
  width: 786px;
  line-height: 33px;
}
.navigation a {
  color: #543;
  text-decoration: none;
  padding: 3px 4px;
  margin-right: 12px;
}
.navigation a:hover {
  background: #CEBDA1;
  color: #420;
}

/* main */
.main {
  clear: both;
  padding: 0 29px 28px 11px;
}

/* sub navigation */
.sidenav {
  float: left;
  width: 265px;
  margin-top: 4px;
  margin-left: 4px;
}
.sidenav h1 {
  background: #000000;
  color: #401F70;
  font-size: 1.2em;
  height: 22px;
  margin: 0;
  padding-left: 12px;
}
.sidenav ul {
  margin: 0;
  padding: 0;
}
.sidenav li {
  list-style: none;
}
.sidenav li.item a {
  background:#FCFAEA;
  color: #111;
  display: block;
  padding: 8px 4px 8px 12px;
  text-decoration: none;
}
.sidenav li a:hover {
  background: #C4C4C4;
  color: #000;
}

.sidenav li.itemSelected {
  background: #000000;
  color: #FFF;
  display: block;
  padding: 8px 4px 8px 12px;
  text-decoration: none;
}
.centering{
  text-align: center;
}

/* content */
.content {
  padding-top: 12px;
  float: right;
  width: 66.6%;
  text-align: justify;
}
.content h1 {
  font-size: 1.35em;
  text-align: center;
    padding-top: 0.8em;
    padding-bottom: 0.3em;
}
.content h2 {
  font-size: 1.15em;
    padding-top: 0.8em;
    padding-bottom: 0.2em;
}
.content h3 {
  font-size: 1.1em;
    padding-top: 0.5em;
    padding-bottom: 0.1em;
}
.content .descr {
  color: #987E57;
  font-size: 1.1em;
  margin-bottom: 6px;
}
.content li {
  margin-left: 18px;
}

/* footer */
.footer {
  background: #000000;
  color: #FED;
  font-size: 0.8em;
  line-height: 40px;
  margin: 0 auto;
  text-align: center;
  width: 872px;
}
.footer a {
  color: #517;
  text-decoration: none;
}
.footer a:hover {
  color: #FFF;
  text-decoration: underline;
}
.logos{
  color: #FED;
  margin: 0 auto;
  height: 120px;
  width: 872px;
  background:#958463  url(../img/bglogos.png) repeat-x;
}

.logos table{
  width: 100%; 
  margin: 0px auto;
  padding: 10px 1px 1px 1px;
}

.logos  td {
  text-align: center;
  vertical-align: middle;
}

.tex sub, .latex sub, .latex sup {
  text-transform: uppercase;
}

.tex sub, .latex sub {
  vertical-align: -0.5ex;
  margin-left: -0.1455em;
  margin-right: -0.114em;
}

.tex, .latex, .tex sub, .latex sub {
  font-size: 1em;
}

.latex sup {
  font-size: 0.85em;
  vertical-align: 0.15em;
  margin-left: -0.18em;
  margin-right: -0.12em;
}

a.button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;

  text-decoration: none;
  color: initial;
}