/*
 * CSS for scools of PPG
 *
 * $Id: default.css,v 1.6 2005/12/30 19:31:57 funk Exp $
 * Created: 2005-08-10
 *
 * Copyright 2005-2010 by Valentin Funk <valentin.funk@computerfabrik.de>
 */

/*
 * Colors for schools
 */

/* Links */
#gtrs #content a, #gtrs #information a {
  color: rgb(157,12,21);
}
#hhs #content a, #hhs #information a {
  color: rgb(0,80,118);
}
#jg #content a, #jg #information a {
  color: rgb(0,111,97);
  color: rgb(253,152,0);
}

/* Navigation */
#gtrs td.navigation {
  background-color: rgb(206,131,104);
}
#hhs td.navigation {
  background-color: rgb(103,157,184);
}
#jg td.navigation {
  background-color: rgb(144,175,167);
  background-color: rgb(270,190,70);
}

#gtrs #navigation a:link, #gtrs #navigation a:visited  {
  color: #FFF;
  background-color: rgb(157,12,21);
}
#hhs #navigation a:link, #hhs #navigation a:visited  {
  color: #FFF;
  background-color: rgb(0,80,118);
}
#jg #navigation a:link, #jg #navigation a:visited  {
  color: #FFF;
  background-color: rgb(0,111,97);
  background-color: rgb(243,152,0);
}

#gtrs #navigation a:hover, #gtrs #navigation a:focus, #gtrs #navigation a.active {
  color: rgb(157,12,21);
  background-color: #FFF;
}
#hhs #navigation a:hover, #hhs #navigation a:focus, #hhs #navigation a.active {
  color: rgb(0,80,118);
  background-color: #FFF;
}
#jg #navigation a:hover, #jg #navigation a:focus, #jg #navigation a.active {
  color: rgb(0,111,97);
  color: rgb(244,148,0);
  background-color: #FFF;
}

/* Footer */
#gtrs #footer-container, #gtrs #dpa {
  background-color: rgb(157,12,21);
}
#hhs #footer-container, #hhs #dpa {
  background-color: rgb(0,80,118);
}
#jg #footer-container, #jg #dpa {
  background-color: rgb(0,111,97);
  background-color: rgb(243,152,0);
}


/* 
 * General tags
 */

body {
  margin: 0;
  padding: 0;
  font-family: "Univers 45 Light", "Univers Light", Arial, Helvetica, sans-serif;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  background-color: rgb(250,250,250);
}

/* Images */
img {
  vertical-align: bottom;
  border: 0 none;
}

/* Paragraph and headings */
p {
  margin: 0.6em 0 0.6em 0;
}
h1 {
  font-size: 1.4em;
  font-weight: normal;
}
h2 {
  font-size: 1.3em;
  font-weight: bold;
}
h3 {
  margin: 1em 0 0.6em 0;
  font-size: 1.1em;
  font-weight: 700;
}
.csc-subheader-2 {
  font-style: italic;
}
.csc-linkToTop {
  text-align: right;
}

/* Lists and tables */
#content ul, #information ul {
  padding: 0 0 0 1.2em;
  margin: 0.6em 0 0.6em 0;
  list-style-type: square;
}

#table {
  border-spacing: 0;
}
table.contenttable {
  border-spacing: 0;
  empty-cells: show;
}
table.contenttable td {
  padding: 0 0.4em 0 0.2em;
}
table.contenttable td p, table.contenttable th p {
  margin: 0;
  padding: 0;
}

#content tr.tr-even {
  background-color: silver;
}
#content th {
  font-weight: 700;
}
#content td, #content th {
  font-size: 10pt;
  padding: 0.2em;
}

#content table.timetable td {
  width: 6.8em;
  text-align: center;
}

/* Links */
#content a:link, #content a:visited, #information a:link, #information a:visited {
  text-decoration: underline;
  font-weight: normal;
}
#content a:hover, #content a:focus, #information a:hover, #information a:focus {
  text-decoration: none;
  font-weight: normal;
}

/* Forms */
form {
  padding: 0:
  margin: 0;
  display: inline;
}
form input {
  font-size: 1em;
}
form textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}


#mailform div textarea {
  width: 13.4em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
.mailform-error {
  color: red;
}

/* Mailform right */

form.mailform-right p {
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
form.mailform-right input.string {
  width: 13.5em;
}
form.mailform-right textarea {
  width: 13.5em;
  height: 6em;
}
form.mailform-right input.button {
  width: 6.75em;
  font-size: 1em;
}


/* Alumni form */

form.alumni input.text-form {
  width: 16em;
}
form.alumni input.street-form {
  width: 20em;
}
form.alumni input.zip-form {
  width: 3.5em;
}
form.alumni input.email-form {
  width: 20em;
}
form.alumni input.phone-form {
  width: 8em;
}
form.alumni input.year-form {
  width: 4em;
}
form.alumni input.checkbox {
  width: 1em;
  text-align: left;
}
form.alumni input.button {
  width: 8em;
}
form.alumni textarea {
  width: 20em;
  height: 8em;
}



/* 
 * Dimensions of forms and boxes
 */

/* To get a maximal width we have a div in body around all
 * other. Works not in IE! */
#mainframe {
  max-width: 66em;
}


/* This is the block right top with links to contact/impress, the
 * scools and PPG. Floats right over the header (school name) */
#header-navigation {
  float: right;
  margin-top: 1em;
  text-align: right;
}
#header-navigation div {
 padding: .2em;
}
#header-navigation a {
 color: silver;
 text-decoration: none;
}
#header-navigation a:hover, #header-navigation a:focus {
 color: silver;
 text-decoration: underline;
}
#header-navigation div.impress {
  padding-top: .4em;
  font-size: 0.9em;
  color: silver;
}
#ppg-logo {
  height: 1.275em;
  width: 19.7625em;
}
#header-navigation #schools a:link span, #header-navigation #schools a:visited span {
  display: none;
}
#header-navigation #schools a:hover span, #header-navigation #schools a:focus span {
  display: block;
  position: absolute;
  width: 20em;
  height: 1.5em;
  top: 5.5em;
  left: 46em;
  vertical-align: bottom;
  background-color: #FFF;
  color: #000;
}

/* This ist the big header logo of the school. */
#logo {
  background-color: #fff;
  padding-left: .8em;
}
#logo img {
  height: 7.5em;
}

/* The search form right of the heading. It floats in the heading .*/
#search-container {
  float: right;
  width: 8.9em;
  height: 2.4em;
  background-color: silver;
}
#search {
  padding: .3em .2em .3em .2em;
  margin-right: .2em;
}
#search-input {
  width: 6em;
}
#search-button {
  height: 1.5em;
  width: 1.5em;
}
#search img {
  height: 1.5em;
  width: 1.5em;
}

/* Search output */
.tx-indexedsearch-rules p {
  font-size: 0.8em;
}


/* This is the heading line with the name of the page. */
#heading {
  height: 2.4em;
  padding-left: 9.2em;
  vertical-align: bottom;
  background-color: rgb(253,198,122);
  background-color: #e3e3e3;
}
#heading h1 {
  margin: 0;
  padding: .15em .2em 0 .2em;
  font-size: 1.7em;
  font-weight: normal;
}

/* The darker line below the heading. */
#color {
  width: 100%;
  border-top: #FFF solid .08em;
  background-color: silver;
  font-size: 6pt;


}

/* The table for navigation, content and information */
table.zwang {
  width: 100%;
}
td.navigation, td.content, td.information {
  padding: 0;
  margin: 0;
  vertical-align: top;
  background-color: #eae;
  font-size: 10pt;
}

/* The navigation box */
td.navigation {
  width: 8.5em;
}
#navigation-container {
}
#navigation {
}

/* The menu */
#navigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#navigation li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#navigation ul li{
  border-top: white 0.08em solid;
}
#navigation ul li ul li{
  border: 0 none;
}
#navigation a {
  display: block;
  width: 100%;
  text-decoration: none;
}
#navigation ul li a div {
  padding: .3em .2em .3em .2em;
}
#navigation ul li ul li a div {
  padding: .1em .2em .1em 1em;
}

/* The third menue */
ul.navigationL3 {
  padding: 0;
  margin: 0;
  list-style-position: inside;
  list-style-type: square;
}
ul.navigationL3 li {
  margin: 0.2em 0 0.2em 0;;
  padding: 0;
  list-style-position: inside;
}


/* The content box */
td.content {
  margin-top: .08em;
  background-color: #FFF;
}
#content {
  /* margin: O R U L;*/
  padding: .3em .6em .3em 1em;
}

/* The information box */
td.information {
  width: 15em;
  margin-top: .08em;
  background-color: #e3e3e3;
}
#information-container {
  height: 35em;
}
#information {
  /* margin: O R U L;*/
  padding: .3em .6em .3em .6em;
}

/* The footer. The slogan and the space on the right are floating */
#footer-container {
  clear: both;
  height: 6.3em;
}
#footer-container div.footer {
  padding-top: .3em;
  border-bottom: .07em #FFF solid;
  font-size: 1.3em;
}
#footer-right {
  float: right;
  width: 3em;
}
#dpa {
  float: right;
  margin-top: .8em;
  padding: 0 .2em 0 .2em;
  padding-right: 0.2em;
  color: #FFF;
  font-size: 1.3em;
  font-weight: lighter;
}

/*
 * News containers
 */
div.news-latest {
  width: 100%;
}
div.news-latest div.item {
  margin-bottom: 1.2em;
}
div.news-latest div.item div.date {
  font-weight: 700;
}
div.news-latest div.item div.title {
  font-weight: 700;
  margin-bottom: 0.3em;
}
div.news-latest div.item div.title a {
  font-weight: 700;
}

div.news-list {
  width: 100%;
}
div.news-list div.item {
  margin-bottom: 1.2em;
}
div.news-list div.item .date {
  font-weight: 700;
}
div.news-list div.item h4 {
  margin: 0.3em 0 0.3em 0;
  padding: 0;
  font-weight: 700;
  font-size: 12pt;
}
div.news-list div.item h4 a {
  font-weight: 700;
}

div.news-item h1 {
  margin-bottom: 1em;
}
div.news-item h3 {
  margin: 0.3em 0 0.3em 0;
  padding: 0;
}
div.news-item div.backlink {
  margin: 2em 0 0.3em 0;
  padding: 0;
}


/*
 * Special content elements
 */
div.teacher {
  width: 100%;
}
div.teacher div.image {
 float: right;
}
div.teacher div.description {
  padding-top: 1em;
}
div.teacher h4 {
  font-size: 1em;
  margin-bottom: 0;
  padding-bottom: 0;
  background-color: yellow;
}
div.teacher p {
  background-color: green;
  xmargin: 0;
  padding: 0;
}

/*
 * Special style for stgs homepage
 */

#stgs #logo-gtrs {
  width: 100%;
  margin: 6em 0 6em 0;
  background-color: rgb(157,12,21);
}
#stgs #logo-hhs {
  width: 100%;
  margin: 6em 0 6em 0;
  text-align: right;
  background-color: rgb(0,80,118);
}
#stgs #logo-ppg {
  width: 100%;
  text-align: right;
  margin: 6em 0 1.5em 0;
}
#logo-gtrs img, #logo-hhs img {
  height: 7.5em;
}
#logo-ppg img {
  height: 2.925em;
}

#stgs #baustelle {
  width: 100%;
  margin-bottom: -3em;
  text-align: center;
}
#stgs #baustelle div {
  height: 3em;
  margin: 0 10em 0 10em;
  background-color: silver;
  color: white;
  font-weight: 700;
}
#stgs #baustelle img{
  width: 3em;
  vertical-align: middle;
}
#stgs #logo-ph {
  width: 100%;
  margin: 1.5em 0 0 0;
  text-align: center;
  color: silver;
}
#stgs #logo-ph a {
  color: silver;
}