/*
 * Autor Sascha McSporran, smcsporr@math.uni-bielefeld.de
 * Version 0.1, 02-12-2008
 *
 * Deutsch-Gold:#ffcc00
 * Deutsch-Rot: #ff0000
 * Italienisch-Gruen: #009246
 * Italienisch-Rot: #ce2b37
 */

* {
  margin:0; /* Innen- und Aussenabstaende fuer alle Browser auf 0 setzen */
  padding:0;
}

html {
  font-family:sans-serif;
  height:100%;  /* Viewport auf max. Groesse setzen */
  margin-bottom:1px;  /* Scollbalken immer setzen */
}

body {
  background: #009246 url(img/green_back.png) scroll repeat;  /* Hintergrund in Italienisch-Gruen*/
  color:#000;  /* Standardfarbe Schwarz*/
  font-size:100.01%; /* Rundungsfehler bei aelteren Opera-Versionen korrigieren */
  padding:10px 0; /* Abstand zur Oberkante, um den Hintergrund sichtbar zu machen */
  position:relative;
  text-align:left;
}

#page {
  background: #fff url(img/marble2.png) scroll repeat;
  position:relative;
  left:1%; top:1%; width:98%; height:98%;
  min-height:600px; /* grosse Hoehenspruenge bei der Anzeige vermeiden */
}

img {
  background-color:transparent;
  border-width:0; /* Bilder immer ohne Rahmen anzeigen */
}

ul, ol, dl {
  margin:0 1em;
}

ol li {  /* Geordnete Listen mit Dezimalzahlen sortieren */
  line-height:1.5em;
  margin-left:1em;
}

ul li {  /* Kreis als Item-Symbol bei ungeordneten Listen */
  line-height:1.5em;
  margin-left:1em;
}

p {
  margin:1em 0;
}

/* Titeldefinitionen */

#title {  /* Titel mit unterem Rand */
  border-bottom:1px solid #000;
  margin-bottom:1em;
  min-height:2.3em;
  padding:0.5em 0;
  text-align:center;
}

#title h1 {
  font:italic 700 2em serif;
}

/* Menuedefinitionen */

#menu {  /* Menue linksseitig mit rechtem Rand */
  border-right:1px solid #000;
  float:left;
  line-height:2em;
  margin-bottom:2%;
  margin-left:2%;
  max-width:10em;
  width:18%;
}

#menu a:link,a:visited {
  color:#000;
  font-weight:700;
  text-decoration:none;
}

#buttons,#buttons ul li a:visited,#buttons ul li a:link { /* Navigationsleiste mit Hintergrundbild */
  color:#000;
}

#buttons ul {
  margin:0;
}

#buttons ul li {
  font-size:1.0em;
  list-style-type:none;
  line-height:1.5em;
  margin-left:0;
  padding:0.5em 0;
}

#buttons ul li a {
  text-decoration:none;
}

#buttons ul li a:hover,a:active,a:focus {
  background:#ce2b37 url(img/red_menu.png) scroll repeat-x center center;
  text-decoration:none;
}

.menuitem, .currentmenuitem {
  border-bottom:1px solid #000;
  border-left:4px solid #000;
  border-top:1px solid #000;
  display:block;
  padding-left:0.5em;
}

a.menuitem {  /* Menuepunkte sind in Deutsch-Gold */
  background:#fc0 url(img/gold_menu.png) scroll repeat-x center center;
}

a.currentmenuitem {  /* Der aktuelle Menuepunkt ist in Italienisch-Gruen */
  background:#009246 url(img/green_menu.png) scroll repeat-x center center;
}

/* Definitionen fuer den inhaltlichen Teil */

#content {  /* Rechtsseitiger Inhaltsbereich */
  float:right;
  margin-bottom:2%;
  margin-right:2%;
  width:77%;
}

#content h2,table th {
  text-align:center;
}

#welcome1 {
  color:#009246;
  margin-top:-5px;
  font:italic normal 700 2em serif;
}

#welcome2 {
  color:#ce2b37;
  margin-top:-5px;
  font:italic normal 700 2em serif;
}

#content h4 {
  margin:1em 0.5em 0 0;
}

#content #satzung h4 {
  margin:1em 0.5em 1em 0;
}

#content #satzung ol {
  font-weight:700;
  list-style-type:upper-roman;
  margin:0.5em 0 0.5em 2em;
}

#content #satzung ol li ol {
  font-weight:normal;
  list-style-type:decimal;
  margin:0;
}

#content p#diglogo {
  padding-bottom:1em;
  padding-top:1em;
  text-align:center;
}

#content a:link {
  color:blue;
}

#content a:visited {
  color:purple;
}

#content a:hover {
  color:red;
}

#content a,#content a:hover, #content a:active, #content a:focus {
  text-decoration:underline;
}

#content ul #newsletter {

}

.emph {
  font-style:italic;
}

/* Beginn der Tabellendefinitionen fuer die Programmuebersicht */
#program th, #program caption {
  background-color:silver;
  font-size:x-large;
  font-weight:700;
  -moz-border-radius:30px;
  -khtml-border-radius:30px;
  -webkit-border-radius:30px;
}

#program td {
  padding-left:0.5em;
  padding-right:0.5em;
}

#program td.title, #program td span.date, #program td span.time, #program td.title {
  font-weight:bold;
}

#content hr, #program td hr, #links hr {
  margin:0.5em 0;
  width:90%;
}

#program td.emph {
  background-color:silver;
  -moz-border-radius:10px;
  -khtml-border-radius:10px;
  -webkit-border-radius:10px;
}
/* Ende der Tabellendefinitionen fuer die Programmuebersicht */

#links h4 {
  margin:1em;
}

#links ul li {
  padding:0.25em 0;
}

.address {
  display:block;
  padding-left:5em;
}

/* Fusszeile fuer weitere Informationen */
#footer {
  clear:both;
  width:100%;
}

#date {
  float:left;
  font-size:x-small;
  margin-left:3%;
}

#w3clogos {
  float:right
}

#w3clogos a:hover, #w3clogos a:active {
  background-color:#fff;
  text-decoration:none;
}