@charset "utf-8";
/**
* Abi 88 Gymnasium Nieder-Olm
*
* @nanok.de
* @version 2.0
*/

/**
* Globale Einstellungen und Bugfixes
*
* @section Browser-Reset
*/
 
/* Zurücksetzen der Innen- und Außenabstände */
* {
  margin: 0;
  padding: 0;
}

/**
* Schriftgröße kontrollieren
*/
body, td, th { font: normal 75%/167% Georgia, Palatino, "Times New Roman", serif; }
 
td, th { f\ont-size: 100%; }

/* Farben und Hintergründe setzen */
html, body {
  color: #3b2b20; /*Farbe der Schrift*/
  background-color: black; /* #a3d747; */ /* helles grün */ /*#e4d868;  /* gelb mit einem Stich grün */  
  background-image: url(images/Mauerwerk02.gif);
  height: 100% ;
}

/**
* Regeln für allgemeine Elemente
*
* @section Überschriften
*/
h1 {
  color: black;
/*  background-color: #f2d00f; /* gelbrot */ 
  font-size: 4.5em;
  line-height: 1.1;
  margin: .8em 0;  
  text-align: center;
}
h2 {
  color: black; /* gelb */
  font-size: 1.5em;
  line-height: 1.1;
  margin: 0; 
  text-transform: uppercase;
  padding: 6px;
}
h3 {
  color: black;
  background-color: #f2d00f; /* gelbrot */
  font-size: 1.5em;
  line-height: 1.5;  
  padding: 6px;
} 
h4 {
  color: black;
  font-size: 1.5em;
  line-height: 1.5;
  padding: 6px 6px 0px 6px;
} 
/**
* @section Absätze
*/
p { 
  font-size: 1.3em;
  margin: .8em 0; 
  padding: 10px 20px 0 10px;
}

/**
* @section Links und Anker
*/
a:link {
  color: #980c02;
  background-color:transparent;
}
a:visited {
  color: #FF7700; /*#f2d00f; /* gelbrot */ 
  background-color: transparent;
}
a:hover, a:focus {
  color: red;
  background-color: transparent;
}
a:active {
  color: white;
  background-color: #980c02;
}
/**
* Regeln für besondere Bereiche
*
** @alles
*/
div#all {
  width: 1276px;
  margin: auto;
}
/*
** @section Logo
*/
div#left {
  width: 376px;
  float:left;
}
/*
** @section Logo
*/
div#logo {
  color: inherit;
  width: 376px;
  height: 353px;
  margin: 0; /* auto gibt zentrierte Box  */
  padding: 0; 
}
/**
* @section Sidebar
*/
div#sidebar {
  color: inherit;
  width: 354px;
  height: 600px;
  margin: 16px 0;
  padding: 0; 
}
/**
* @section Hauptmenü im Sidebar
*/
#sidebar ul {
}
#sidebar ul li {
/*  float: left; */
  list-style: none;
  margin: 8px 0 0 0;
}

#sidebar ul a,
#sidebar ul strong {
  color: #352545;
  background:#FBFBFB url(images/nav_ge.gif) bottom left repeat-x;
  display: block;
  padding: .8em;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
}
#sidebar ul a:hover,
#sidebar ul a:focus,
#sidebar ul a:active,
#sidebar ul strong {
  color: white;
  background: #638F56 url(images/nav_ro.gif) bottom left repeat-x;
}

/**
* @section right
*/
div#right {
  width: 800px;
  float:left;
}
/**
* @section Kopfbereich
*/
div#head {
  width: 760px;
}
#head h1 {
  margin: 20px auto;
  padding: 20px 20px 0px 0px;
}
 

/**
* @section Hauptbereich
*/
div#main {
  color: inherit;
  width: 700px;
  height: 600px;  
  padding: 15px; 
  margin: 15px;
  background-color: #ffcd00;
  border: 10px solid #c7111c;
}



/**
* @section Content
*/
div#content {
  height: 600px;  
  margin: 0;
  padding: 0 ;
  /*  float: left;
*/
}

#content h1 { margin-top: 0; }
  
 /* Box mit Scrollleiste*/
  div#scroll-it {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 600px;  
  margin: auto ;
  }
  
  div#register-short-stories {
  }
  #register-short-stories ul {
  position: absolute;
  top: 180px;
}
#register-short-stories ul li {
  float: left;
  list-style: none;
  margin: 0 8px 0 0;
}

#register-short-stories ul a,
#register-short-stories ul strong {
  color: #352545;
  background:#FBFBFB url(images/nav_bg_gg.gif) bottom left repeat-x;
  display: block;
  padding: .8em;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
}
#register-short-stories ul a:hover,
#register-short-stories ul a:focus,
#register-short-stories ul a:active,
#register-short-stories ul strong {
  color: white;
  background: #638F56 url(images/nav_bg_hover_gh.gif) bottom left repeat-x;
}
 /* Box mit Scrollleiste für die Buchbeschreibung wird z.Zt. nicht verwendet*/
  div#scroll-book{
  width:640px;
  height:600px;
  overflow-x: hidden;
  overflow-y: scroll;
  margin: 10px 0 0 0 ;
  padding: 0;
  }
  
  /*Links sollen zentriert sein*/
  div#links{
  text-align: center;
  background-image: url(images/originalOliveGR100.gif);
  height: 600px;
  }
  
/**
* @section Footer
*/
div#footer {
  color: #7F6063;
  background-color: #F3F2FA;
  padding: 10px 0;
  font-family: Tahoma, Arial, sans-serif;
  font-size: .9em;
  clear: both;
  margin: 10px 0 0 0;
}
#footer p {
  width: 843px;
  margin: 0 auto;
}