/* Stylesheet für AKAFÖ Study in Bochum */

/*
   Farben:

   goldgelb:   F4C228
   mittelgelb: F4DC93;
   hellgelb:   F4E2AC

   dunkelblau: 0F2870
   hellblau:   D6E1FF
   
 */


/* Zeichensätze und Größe */

body {
  font-family: Verdana, Sans-Serif;
  padding: 0;
  margin: 0;
}

/* Positionen und Größen der DIV-Elemente */

#wrap {
  width: 100%;
}

#menu {
  width: 9em;                /* left column width */
  float: left;
  margin-left: .5em;
}

#content {
  float: left;
  display: table;
  width: 20cm;
}

#blocks {
  width: 10em;               /* right column width */
  float: right;
  margin-right: .5em;
}

#header {
  width: 20cm;
}

#footer {
  width: 20cm;
  clear: both;
}

/* Formatierung des Headers */

#header #logo {
  float           : left;
  overflow        : hidden;
  margin-top      : .75ex;
  padding-top     : 1.5ex;
  padding-left    : 1em;
}

#header #image {
  float           : left;
  margin-top      : .75ex;
  margin-left     : .5em;
  border-width    : 1 1 0 1;
  border-style    : solid;
  border-color    : #0F2870;
  background-color: #0F2870;
  width           : 9em;
  text-align      : center;
  display         : table;
}

#header .bluebar {
  float           : right;
  background-color: #F4C228;
  width           : 11em;
  height          : 1.5ex;
  overflow        : hidden;
  border-left     : 1px solid #0F2870;
}

#header .whitebar {
  float           : right;
  width           : 11em;
  height          : 1.5ex;
  overflow        : hidden;
  border-left     : 1px solid #0F2870;
  clear           : right;
}

#header .logo_2 {
  float           : right;
  width           : 11em;
  clear           : right;
  vertical-align  : bottom;
  margin-top      : .5ex;
}

#header .logo_1 {
  float           : right;
  text-align      : center;
  vertical-align  : bottom;
  padding-top     : 3ex;
  margin-top      : .5ex;
}

/* Formatierung des Footers */

#footer {
  vertical-align  : bottom;
}

#footer .copyright {
  float           : left;
}

#footer .bottom {
  clear           : both;
  width           : 100%;
  color           : white;
  display         : table;
  background-color: #0F2870;
}

#footer p {
  font-size       : 70%;
  padding-left    : 1em;
}

#footer .menubar {
  float           : right;
  padding-right   : 1em;
}

#footer .menubar a {
  color           : white;
}

#footer .yellowbar {
  float           : right;
  width           : 11em;
  color           : black;
  background-color: #F4C228;
  border-left     : 1px solid #0F2870;
}

#footer .whitebar {
  float           : right;
  width           : 11em;
  height          : 1.5ex;
  padding         : 0;
  margin          : 0;
  border-left     : 1px solid #0F2870;
  overflow        : hidden;
}

/* Formatierung des Contents */

.paramenu {
  float           : right;
  font-size       : 10px;
  border          : 1px solid #0F2870;
  margin-left     : 1.5em;
  padding         : .25em .25em .1em .25em;
  background-color: #F4C228;
}

.paramenu img {
  padding: 0;
  margin : 0;
}

.paramenu .icon {
  border          : 1px solid #F4E2AC;
  margin          : 0;
  padding-top      : 2px;
  margin-left     : 1px;
  padding-right   : 1px;
  white-space     : nowrap;
  clear           : both;
}

#content {
  padding         : 1em;
}

#main_content p {
  margin          : 1px;
  text-align      : justify;
}

#main_content p {
  padding-bottom  : 0.5ex;
}

#main_content h1 {
  font-size       : 100%;
  font-weight     : bold;
  font-style      : italic;
  color           : #0F2870;
  margin          : 1;
  margin-bottom   : .75em;
}

#main_content h2 {
  font-size       : 90%;
  font-weight     : bold;
  font-style      : italic;
  color           : #0F2870;
  margin          : 1;
  margin-bottom   : .75em;
}

#main_content h3 {
  font-size       : 95%;
  font-style      : italic;
  color           : #0F2870;
  margin          : 1;
  margin-bottom   : .5em;
}

#main_content .choice {
  clear           : both;
  padding-top     : 4px;
  margin-bottom   : 8px;
  border-top      : 1px solid #0F2870;
}

#main_content p {
  font-size       : 75%;
  margin-top      : 5px;
  margin-bottom   : 5px;
 }

#main_content a {
  color           : #0F2870;
}

#main_content ul {
  margin-top      : .5em;
  margin-bottom   : .5em;
}

#main_content p.infobox {
  padding-left     : 40px;
  background-image : url(../images/icon_info.gif);
  background-repeat: no-repeat;
  height           : 32px;
}

#main_content p.addressbox {
  padding-left     : 20px;
  font-style       : italics;
  color            : #0F2870;
}

#main_content p.erfahrungsbericht {
  margin-top      : 10px;
  margin-bottom   : 10px;
  clear           : both;
}

#main_content p.erfahrungsbericht_eingerueckt {
  margin-left     : 180px;
  margin-top      : 10px;
  margin-bottom   : 10px;
  clear           : both;
}

#main_content li {
  font-size        : 75%;
}

#main_content a.external {
  color            : #880000;
}

#main_content .external_link {
  margin-left     : .25em;
}