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

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;
  font-weight:bold;
}
ul.navi a:hover,ul.navi a:active {
  text-decoration:none;
  color:#008fd7;
  font-weight:bold;
}

/***********************************************
/* 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:#008fd7;
  font-weight:normal;
}


/***********************************************
  Schriftformatierung
***********************************************/

.blau { color: #008fd7; }

h1 { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.8em;
    line-height: 1.2em;
    }
    
h2 { 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.5em;
    line-height: 1.2em;
    }
    
.top { color:#878889;}    

.programtop {
	text-align:right;
	padding-right:10px;}  

/***********************************************
  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;
}


#programtable tr td a, #programtable tr td a:active {
  color:#4b4b4d;
  font-weight:bold;
  vertical-align:top;
  font-size:9pt; 
}

#programtable tr td a:hover {
  color:#008fd7;

}

.sna{
  font-size: 11px;
  line-height: 13px;
  color:#4b4b4d;

}