/******************************************
CSS-Datei fuer idsymposium.de
copyright HdM 2007

dunkelgrau: #4b4b4d
hellgrau:   #878889

blau:       #008fd7
tuerkis:    #00957e
gruen:      #a5c500
orange:     #f39900
rot:        #c90044

*******************************************/

body {
  background-color:#4b4b4b;
  margin:0;
  padding:0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.7em;
  line-height: 1.4em;
  text-align:center;
}

div#container {
  position:relative;
  width:760px;
  /* margin-left:30px; */
  margin-left:auto;
  margin-right:auto;
  margin-top:15px;
  text-align:left;
}

div#randli {
  width:20px;
  height:500px;
  float:left;
}

div#main {
  position:relative;
  width:760px;
  margin-left:20px;
  background-color:#ffffff;
  background-image:url(schattenr.gif);
  background-repeat:repeat-y;
  background-position: top right;
}
div#spalteli {
  color:#000000;
  width:190px;
  min-height:500px;
  float:left;
}
img#wellen {
  border:0;
}
img#eckero {
  position:absolute;
  top:0;
  right:0;
}

img#logo {
  margin-top:0;
  margin-left:18px;
  margin-bottom:20px;
}
#spalteli p {
  margin-left:18px;
  margin-right:18px;
}

div#trenner {
  float:left;
  width:20px;
  height:500px;
}
div#fussleiste {
  position:relative;
  clear:both;
  width:760px;
  height:32px;
  background-color:#4b4b4b;
  color:#878889;
  background-image:url(schattenu.gif);
  background-repeat:repeat-x;
  background-position: top left;
  padding-top:10px;
}
#fussleiste p {
  margin-top:0;
  padding-left:18px;
}

img#eckeru {
  position:absolute;
  top:0;
  right:0;
}
img#eckelu {
  position:absolute;
  top:0;
  left:0;
}

#inhalt {
  float:left;
  width:510px;
  margin-left:5px;
  margin-top:20px;
}

ul.navi li {
  list-style-type:none;
  list-style-position:inline;
  margin-right:2em;
  margin-bottom:0.5em;
  padding:0.3em;
  border-bottom: 1px dashed #4b4b4d;
}

ul.navi a:link, ul.navi a:visited, ul.navi a:focus {
  text-decoration:none;
  color:#4b4b4d;
}
ul.navi a:hover,ul.navi a:active {
  text-decoration:none;
  color:#00957e;
}

/* Formatierung der Formulardarstellung */
div.csc-mailform-field {
  margin-bottom:0.5em;
  clear:left;
}
div.csc-mailform-field label {
  display:block;
  width:10em;
  float:left;
  clear:left;
}
span.csc-mailform-radio label {
  display:inline;
  width:auto;
  float:none;
}

a {
  text-decoration:none;
  color:#00957e;
  font-weight:bold;
}
/***********************************************
  Tabellenformatierung
***********************************************/

#programtable td {
  color:#4b4b4d;
  font-weight:bold;
  vertical-align:top;
  padding:5px;
  font-size:9pt; 
}
#programtable td span {
  font-weight:normal;
}

table td {
  font-size: 0.7em;
  line-height: 1.4em;
  font-weight:normal;
  vertical-align: top;
  padding: 2px;
}