/******** ribbon for last log entry ***********/
#log_peek {
    margin: 5px 0 0 0;
    padding: 5px 0;
    background-color: #FA7821;
    border: 1px solid #FA7821;
    color: #FFFFFF;
    width: 998px;
    font-family: "Verdana";
    text-align: center;
    font-size: 100%;
}

#log_peek a {
    font-weight: bold;
    color: #FFFFFF;
    padding: 1px;
}

#log_peek a:hover {
    color: #FA7821;
    background-color: #FFFFFF;
}

/************* contents container *************/
#contents {
    border: 1px solid #FFFFFF;
    width: 753px;
    margin: 5px 0 0 5px;
    padding: 0 10px 5px 10px;
    float: left;
    font-family: Biolinum, Georgia, serif;
    line-height: 1.55em;
}

/* necessary for IE... */
* html #contents {
    width: 711px;
}

/* various styles */
#contents ul {
    margin: .5em 0;
    margin-left: 2em;
    padding: 0;
}

#contents p {
    margin-bottom: .75em;
}

/* link styles */
#contents a {
    padding: 1px;
    color: #FFFFFF;
}

#contents a:hover {
    color: #FA7821;
    background-color: #FFFFFF;

}

/* deactivate hover-effect for image links */
#contents .gallery a:hover {
    background-color: transparent;
}


/************* breadcrumb navigation *************/

#breadcrumbs {
    margin: 0 0 -1em 0;
    padding-top: 1em;
    font-size: 0.95em;
}

/* necessary for IE... */
* html #breadcrumbs {
    margin: 0 0 -1.5em 0;
}

/************* headings *************/

/* heading styles */
h1, h3 {
    font-size: 150%;
    line-height: 150%;
    margin: 1em 0 0 0;
    padding: 0 0 5px 0;
    border-right: 12px solid #FA7821;
    border-bottom: 1px solid #FA7821;
}

/************* text container *************/

/* style for text container */
#contents .text {
    font-size: 120%;
    margin: 0;
    padding: 1em;
    padding-right: 0;
    border-left: 1px solid #FA7821;
    border-bottom: 1px solid #FA7821;
}

/*********** various styles ***********/

/* list styles (courses,...) */
#contents li {
    margin: 0;
    padding: 3px;
}

/* containers for title images and book covers */
#contents .img_container, .books_img {
    border: 1px solid #FFFFFF;
    margin: 15px auto;
    padding: 15px 0;
    text-align: center;
}

/* book covers */
#contents .books_img {
    float: left;
    margin: 0 15px 10px 0;
    width: 30%;
}

/* book information */
#contents .books_container {
    clear: left;
    margin: 15px 0 15px 0;
}

#contents .books_container p {
    margin: 0 0 5px 5px;
}

/* deactivate hover-effect for image links */
#contents .books_img a:hover {
    background-color: transparent;
}

/************* image styles *************/
#contents img.text_left {
    margin: 10px 15px 0 0;
    float: left;
}

#contents img.text_right {
    margin: 10px 0 0 15px;
    float: right;
}

#contents img.skipper {
    margin: 0 10px 0 0;
}

/************* gallery styles ***********/
#contents div.gallery {
    float: left;
    width: 45%;
    text-align: center;
    margin: 16px;
    margin-left: 0;
}

#contents p.caption_landscape, #contents p.caption_portrait {
	font-size: 0.9em;
    margin: 1px;
    width: 90%;
}

/************* table styles *************/

table {
    border: 0;
    margin: 10px auto;
    width: 100%;
}

* html table {
    margin-bottom: 0px;
}

td {
    border: 1px solid #FFFFFF;
    padding: 4px;
}

td.center {
    text-align: center;
}

td.key, td.key_right {
    background-color: #FFFFFF;
    color: #08549B;
}

td.key_right, td.price {
    text-align: right;
}

td.green {
    text-align: center;
    background-color: #00AA00;
}

td.yellow {
    text-align: center;
    background-color: #FFD300;
    color: #000000;
}

td.red {
    text-align: center;
    background-color: #AA0000;
}

/************* bottom styles *************/

/* finishes float elements correctly */
#contents .float_finisher, #photos .float_finisher {
    clear: both;
}

/* styles for bottom of contents */
#bottom {
    font-size: 0.95em;
    margin: 0;
}

#bottom p {
    line-height: 130%;
    text-align: right;
    margin: 0;
    padding: 5px 5px 5px 0;
    border: 0;
    border-right: 12px solid #FA7821;
}

/* font-variant has no effect in font-selection!*/
@font-face {
  font-family:Biolinum;
  src:local('Linux Biolinum O'), local('LinBiolinumO'), url(LinBiolinum_R.woff);
} 

@font-face {
  font-family:Biolinum;
  font-weight:bold;
  src:local('Linux Biolinum O Bold'), local('LinBiolinumOB'), url(LinBiolinum_RB.woff);
}

@font-face {
  font-family:Biolinum;
  font-style:italic;	
  src:local('Linux Biolinum O Italic'), local('LinBiolinumOI'), url(LinBiolinum_RI.woff);
}

@font-face {
  font-family:Biolinum-Caps;
  src:local('Linux Biolinum Capitals O'), local('LinBiolinumCapitalsO'), url(LinBiolinum_aS.woff);
}