/*
 * Style sheets for the website for the 
 * Gene Golub  SIAM Summer School 2012
 *      http://www.mac.tum.de/g2s3/
 */

/*
 * Read CSS-Info for Screen-Layout
 * (only read by CSS2.0-compatible browsers)
 */
@import url(ggsss2.css);

/*
 * general layout of body element:
 * - background color and/or image
 * - fonts and font colors:
 */
body {
   background-color:#ffffff;
   font-family:Helvetica,sans-serif;
   color:#000000;
   font-size:100%;
}

/* font colors for blue, red, gray text */

.tumblau {color:#0077bb;}
.geneblau {color:#7755aa;}
.rot {color:#cc3300;}
.grau {color:#888888;}
.gelb {color:#eeaa44;}
.lila {color:#883388;}
.orange {color:#d6772e;}

/* format of headings */

h1,h2
{color:#7755aa;}

h3,h4,h5
{color:#d6772e;}

h1,h2
{font-weight:bold;text-align:center;}

h3,h4,h5,h6
{font-weight:bold;text-align:left;}

/* font size for headings: */

h1 {font-size:240%;margin-top:0.5em;}
h2 {font-size:160%;margin-top:0.5em;}
h3 {font-size:140%;line-height:130%;margin-top:0.4em;margin-bottom:0.4em;}
h4 {font-size:115%;margin-top:0.4em;margin-bottom:0.3em;}
h5 {font-size:105%; margin-bottom:0pt;}
h6 {font-size:100%;}

/*
 *  Formats of basic tags:
 */

p {text-align:left;line-height:122%;margin-top:0.2em;margin-bottom:1.0em;}

li {text-align:left;line-height:122%;}

strong {font-weight:bold;color:#7755aa;}

li,dt {
   margin-bottom:0.5em;
}

dd {
   margin-bottom:1em;
}

li ul,ol,dl {
   margin-top:0.5em;
}

dd ul,ol,dl {
   margin-top:0.5em;
}

/* table colors (for old browsers): */
th {color:#0077bb;font-size:100%}
td {color:#000000;font-size:100%}

a:link {color:#7755aa;text-decoration:underline;}
a:visited {color:#7755aa;text-decoration:underline;}
a:hover {color:#7755aa;text-decoration:underline;}
a:active {color:#7755aa;text-decoration:underline;}


quote {
   font-style:italic;
}

blockquote {
   font-style:italic;
}

address {
   font-size:80%;
   font-style:italic;
   text-align:right;
   margin-right:10px;
   margin-left:5px;
}

#footer address {
   margin-right:1em;
}

#footer div {
   margin-left:0.5em;
   font-size:80%;
   float:left;
}

img {
   border:none;
}

/*
 *  Style-Sheets for tables
 */

caption {font-size:80%;color:#0077bb;}

/* tables for normal info: */

table.ce {
   border-style:solid;
   border-width:2px;
   border-color:#7755aa;
}

table.ce th {
   font-size:105%;
   font-weight:bold;
   color:#883388;
   background-color:#ffffff;
   border-color:#7755aa;
   text-align:left;
   border-style:solid;
   border-width:1px;
   padding:5px;
}

table.ce td {
   font-size:100%;
   background-color:#ffffff;
   border-color:#7755aa;
   text-align:left;
   border-style:solid;
   border-width:thin;
   padding:3px;
}

table.ce td.pics {
   font-size:100%;
   background-color:#ffffff;
   text-align:center;
   border-style:none;
   padding:3px;
}


/* tables only for layout purposes */

table.layout {border-style:none;}

table.layout td {
   border-style:none;
   padding:10px;
   text-align:center;
   vertical-align:center;
}

table.thumbnails {border-style:none;}

table.thumnails td {
   border-style:none;
   padding:3px;
   text-align:center;
   vertical-align:top;
}


/* table for addresses */

table.address {
   border-style:none;
}

table.address td {
   border-style:none;
   color:#7755aa;
   font-size:105%;
   line-height:110%;
   text-align:left;
   padding-right:1em;
   vertical-align:top;
}


/*
 * (floating) images with captions
 */

/* image with caption */

div.capImage {
   text-align:center;
   font-size:80%;
   color:#7755aa;
   padding-bottom:1.5em;
}

div.capImage img {
   display:block;
   margin-left:auto;
   margin-right:auto;
   margin-top:5px;
   margin-bottom:5px;
}

div.capImage table {
   margin-left:auto;
   margin-right:auto;
   margin-top:5px;
   margin-bottom:5px;
}

/* left-aligned image with caption
   (surrounded by text) */

div.leftCapImage {
   float:left;
   text-align:center;
   font-size:80%;
   color:#7755aa;
}

div.leftCapImage img {
   display:block;
   margin-left:0px;
   margin-top:0px;
   margin-right:10px;
   margin-bottom:5px;
}

/* right-aligned image with caption
   (surrounded by text) */

div.rightCapImage {
   float:right;
   text-align:center;
   font-size:80%;
   color:#7755aa;
}

div.rightCapImage img {
   display:block;
   margin-left:10px;
   margin-top:0px;
   margin-right:0px;
   margin-bottom:5px;
}

/*
 * link lists (sub-pages)
 */

ul.links {
   color:#888888;
   margin-top:2em;
   margin-left:4em;
   list-style-image:url(http://www.bgce.de/pics/pointer_grey.gif);
   font-weight:bold;
   font-size:22px;
   line-height:33px;
}

ul.courses {
   margin-top:1em;
   margin-left:25px;
   list-style-image:url(http://www.bgce.de/pics/4dots.gif);
}

ul.courses li {
   margin-top:1em;
}

ul.courses ul {
   margin:0em;
   padding-left:1em;
   list-style:none;
}

p.courses {
   margin:0.5em;
   padding-left:1em;
}

/* formatting */

.inline {display:inline;}

.center {text-align:center;}

.nextpage {text-align:right;font-size:22px;}


/*
 *  special formatting for page layout (old browsers)
 */

/* header elements: */

#header h1 {
   font-family:Helvetica,sans-serif;
   color:#0077bb;
   font-size:30px;
   margin:5px;
   padding:0px;
}

#header h2 {
   font-family:Helvetica,sans-serif;
   color:#000000;
   font-size:24px;
   margin-top:0px;
}

h1.hide {
   font-size:240%;
   text-align:left;
   color:#888888;
}

#header img.left {
   float:left;
}
#header img.right {
   float:right;
}

/*
 * style for printing:
 * navigation menues are removed, font size and printable region is set 
 * to different values.
 */
@media print {

   #header {
      margin-bottom:2em;
   }

   #header h1 {
      font-size: 12pt;
   }
   #header h2 {
      font-size: 12pt;
   }

   div.topmenue {
      display:none;
   }

   #footer{
      display:none;
      width:100%;
   }

   #content {
      position:relative;
   }

   #content > br {
      display:none;
   }

   #navigate {
      display:none;
   }

   #textarea {
      margin:0pt;
      max-width:80em;
      font-size:11pt;
   }

   #textarea p {
      line-height:120%;
   }

}