/* 
************************************************************************
*                                                                      *
* Website Chor und Orchester der Universität Basel                     *
*                                                                      * 
* Code written by J. Peguiron, January 2009.                           *
* See "Impressum" for more information.                                *
*                                                                      * 
* Important comments:                                                  *
* - Internet Explorer does not inherit font size from body tag,        *
*   you have to repeat the specification in the elements.              *
*                                                                      *
************************************************************************
*/

/* Page layout properties */

body { background-color: #631a28; font-family: Helvetica, Verdana, Arial; font-size: 14px; line-height: 20px; margin: 0px; border: 0px; padding: 0px }

td.menu0 { background-color: #631a28 }
td.menu1 { background-color: #ee7900 }
td.menu2 { background-color: #eadfcf }

td.headercell { background-image: url(images/bg1.png); background-repeat: no-repeat; vertical-align: top }
td.leftframecell { background-color: #631a28; vertical-align: top;  text-align: center }
td.leftframecell a img { position: relative; top: 43px } 
td.contentcell { background-image: url(images/bg7.png) ; background-repeat: no-repeat; background-color: #eadfcf;  vertical-align: top }
td.imagecell { vertical-align: top }
td.backgroundcell { background-color: #631a28 }

a img { border: 0px }
img.email { border: 0px; vertical-align: text-bottom }

/* External menu line */

ul.menu0 { list-style-type: none; margin: 0px; border: 0px; padding: 0px }
ul.menu0 li { display: inline }
ul.menu0 li a { font-size: 14px; color: #e86608; margin-right: 0.4em }
ul.menu0 li a.unselected { text-decoration: none }
ul.menu0 li a.selected { text-decoration: underline }
ul.menu0 li a:hover { color: #eadfcf }

/* Upper internal menu line */

table.menu1 { margin-left: 0.5em; height: 20px }
table.menu1 td.unselected { background-color: #ee7900 }
table.menu1 td.selected { background-color: #eadfcf }
table.menu1 td a { font-size: 14px; text-decoration: none; margin-left: 0.5em; margin-right: 0.5em }
table.menu1 td.unselected a { color: #ffffff }
table.menu1 td.selected a { color: #ee7900 }
table.menu1 td a:hover { color: #631a28 }

/* Lower internal menu line */

ul.menu2 { list-style-type: none; margin: 0px; margin-left: 0.5em; border: 0px; padding: 0px }
ul.menu2 li { display: inline }
ul.menu2 li a { font-size: 14px; color: #ee7900; margin-left: 0.5em; margin-right: 0.2em }
ul.menu2 li a.unselected { text-decoration: none }
ul.menu2 li a.selected { text-decoration: underline }
ul.menu2 li a:hover { color: #631a28 }

/* Content layout properties */

div.content { margin-left: 28px; margin-right: 28px; margin-top: 28px; margin-bottom: 28px }
div.content h1 { font-size: 18px; color: #631a28 } /* for page title */
div.content h2 { font-size: 14px; color: #631a28 } /* for paragraph title */
div.content p { font-size: 14px; color: #474747; text-align: justify }
div.content p b { color: #631a28 }
div.content a { font-size: 14px; color: #ee7900; text-decoration: none }
div.content a:hover { color: #631a28 }
div.content span.underline { text-decoration: underline }
div.content p.vorverkauf { padding-top: 0px; padding-bottom: 0px; padding-left: 5.5em; padding-right: 0px; text-indent: -5.5em }
div.content p.brahms { padding-top: 0px; padding-bottom: 0px; padding-left: 8.8em; padding-right: 0px; text-indent: -8.8em }
div.content p.haendel { padding-top: 0px; padding-bottom: 0px; padding-left: 11.3em; padding-right: 0px; text-indent: -11.3em }
div.content p.poulenc { padding-top: 0px; padding-bottom: 0px; padding-left: 7.9em; padding-right: 0px; text-indent: -7.9em }
div.content img.imgtopright { margin-left: 14px; margin-right: 0px; margin-top: 0px; margin-bottom: 14px; float: right; vertical-align: text-top; border: 0px } 

/* Style for Gönner page */

table.goenner { border-color: #631a28; font-size: 14px; color: #474747 }
table.goenner td.center{ text-align: center }
table.goenner b { color: #631a28 }

/* List for sitemap */

ul.sitemap { list-style-type: disc }
ul.sitemap li { color: #474747} 

/* Style for last modification */

p.lastmodified { font-size: 14px; color: #e86608; margin: 0px; padding: 0px}

/* Style for modification list */

table.modifications { border-color: #631a28; font-size: 14px; color: #474747 }
table.modifications td { vertical-align: top }
table.modifications b { color: #631a28 }