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

/*
   Farben:

   goldgelb:   F4C228
   mittelgelb: F4DC93;
   hellgelb:   F4E2AC

   dunkelblau: 0F2870
   hellblau:   D6E1FF
   
 */

@media print {
/* 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 {
  display: none;
}

#content {
  float: left;
  display: table;
}

#blocks {
  display: none;
}

#header {
  width: 100%;
}

#subheader {
  display: none;
}

#footer {
  clear: both;
}

/* Formatierung des Headers */

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

#header #logo img {
  width           : 10cm;
}

#header #image img {
  visibility      : hidden;
  display         : none;
}

#header .bluebar {
  display         : none;
}

#header .whitebar {
  display         : none;
}

#header .logo {
  float           : right;
  vertical-align  : top;
  margin-top      : .5ex;
}

/* Formatierung des Subheaders */

#navbar {
  display         : none;
}

/* 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         : 0;
  padding-left    : 1em;
  margin          : 0;
  text-align      : center;
}

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

#footer .menubar a {
  color           : white;
}

#footer .yellowbar {
  display         : none;
}

#footer .whitebar {
  display         : none;
}

#footer a {
  display         : none;
}

/* Formatierung des Contents */

.paramenu {
  display: none;
}

.paramenu img {
  display: none;
}

.paramenu .icon {
  display: none;
}

#content {
  padding         : 1em;
}

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

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

#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   : .75em;
}

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

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

#main_content a {
  color           : #0F2870;
}

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

#main_content p.infobox {
  padding-left     : 10px;
  border-left      : 5px solid black;
}

#main_content p.adressbox {
  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%;
  list-style-type  : disc;
}

#main_content li li {
  font-size        : 95%;
  list-style-type  : disc;
}

#main_content li li {
  font-size        : 95%;
  list-style-type  : disc;
}

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

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

}

@media screen {
/* 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;
}

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

#header {
  width: 100%;
}

#subheader {
  clear: both;
}

#footer {
  clear: both;
}

/* Formatierung der Blöcke */

div #blocks {
  padding-top     : 1em;
  padding-right   : 0em;
  padding-left    : 1em;
}

div.block {
  background-color: white;
  border          : 1px solid #0F2870;
  margin-bottom   : 1em;
}

.block h1 {
  padding         : 0;
  margin          : 0;
  padding-top     : .1em;
  padding-bottom  : .2em;
  padding-left    : .5em;
  font-size       : 75%;
  color           : #F4C228;
  background-color: #0F2870;
}

.block p {
  font-size       : 70%;
  margin          : .5em;
  font-size       : 1.3ex;
}

.block ol {
  padding-top     : 0;
  margin-top      : 0.5ex;
  margin-bottom   : 0.5ex;
}

.block ol li {
  font-size       : 65%;
}

.block li a {
  color           : #0F2870;
}

#menu {
  margin-top      : -1px;
  margin-bottom   : 10px;
  padding-top     : 2px;
  padding-left    : 2px;
  padding-right   : 2px;
  padding-bottom  : 0.25em;
  background-color: #F4C228;
  border-width    : 0 1 1 1;
  border-style    : solid;
  border-color    : #0F2870;
}

#menu ul {
  margin          : 0;
  padding         : 0;
  padding-bottom  : 1.5ex;
  list-style      : none;
}

#menu p {
  font-size       : 70%;
  font-weight     : bold;
  margin          : .25ex 0 .25ex 0;
}

#menu li {
  font-size       : 70%;
  display         : block;
  background-color: #F4DC93;
  padding-left    : 0.25em;
  padding-bottom  : 0.25em;
  margin-bottom   : 2px;
}

#menu ul ul {
  padding-bottom  : 0;
  margin-bottom   : 0;
}

#menu div.language {
  background-color: #F4DC93;
  margin          : 0;
  margin-top      : 0.25em;
  margin-bottom   : 1.5ex;
  padding-top     : 0.25em;
  padding-left    : 0.25em;
  padding-bottom  : 0.25em;
  font-size       : 70%;
}

#menu .active {
  font-weight     : bold;
}

#menu li li {
  font-size       : 90%;
  padding         : 0;
  padding-left    : 0.75em;
  margin          : 0;
}

/* Formatierung des Headers */

#header #logo {
  float           : left;
  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 {
  float           : right;
  clear           : right;
  width           : 15.5em;
  vertical-align  : top;
  margin-top      : .5ex;
}

#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 Subheaders */

#subheader {
  margin          : 0;
  padding         : 0;
  padding         : 1;
  margin-right    : 12em;
  padding-left    : 10em;
  background-color: #F4C228;
  border-bottom   : 1px solid #0F2870;
  border-top      : 1px solid #F4C228;
  border-right    : 1px solid #0F2870;
  white-space     : nowrap;
}

#subheader a {
  color           : black;
  text-decoration : none;
}

#subheader p {
  margin          : 0;
  font-size       : 70%;
}

#subheader a:hover {
  color           : black;
  text-decoration : underline;
}

#navbar {
  margin          : 0;
  padding         : 0;
  height          : 1em;
  background-color: #0F2870;
  padding         : 1px;
  color           : white;
  padding-left    : 1em;
  clear           : both;
}

#navbarleft {
  background-color: #0F2870;
  float: left;
}

#navbarright {
  font-size: 75%;
  background-color: #0F2870;
  float: right;
  padding-right: 0.15em;
}

#navbarright img {
  border: 1px solid white;
}

#navbar a {
  color: white;
  text-decoration: none;
}

#navbar a:hover {
  color: white;
  text-decoration: underline;
}


/* 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         : 0;
  padding-left    : 1em;
  margin          : 0;
}

#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;
  padding         : 0;
  margin          : 0;
}

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

#menu form {
  background-color: #F4DC93;
  margin          : 0;
  padding         : 0;
  padding-left    : .25em;
  padding-bottom  : .25em;
  padding-top     : .25em;
}

.searchbox {
  font-size       : 60%;
  width           : 10em;
  margin-right    : .25em;
}

.searchbutton {
  font-size       : 60%;
}

#blocks form {
  margin          : 0;
  padding         : 0;
  padding-left    : .25em;
  padding-bottom  : .25em;
  padding-top     : .25em;
}

#blocks td {
  font-size       : 60%;
  padding         : 0;
  padding-right   : .5em;
}

.pwbox, .userbox {
  width           : 10em;
  font-size       : 90%;
}

.loginbutton {
  font-size       : 90%;
}

#menu a, #footer a {
  text-decoration : none;
  color           : black;
}

#menu a:hover, #footer a:hover {
  text-decoration : underline;
}

/* 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.75ex;
}

#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   : .75em;
}

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

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

#main_content a {
  color           : #0F2870;
}

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

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

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

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

#main_content p.adressbox_ar {
  padding-right     : 20px;
  font-style       : italics;
  color            : #0F2870;
  text-align:right;
}
#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%;
  list-style-type  : disc;
}

#main_content li li {
  font-size        : 95%;
  list-style-type  : disc;
}

#main_content li li {
  font-size        : 95%;
  list-style-type  : disc;
}

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

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

}