body,
html {
margin-top:0;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
/*fuck ie bugs - so center also text for margin*/
text-align: center;
padding:0;
height:100%;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
/* hintergrund seitenschatten */
background-image: url(bg-schatten.png);
background-repeat: repeat-y;
background-position: center;
background-color:#ECEFF0;
}

/* charts anlegen */
table.liste{
border: solid black 1px;
border-collapse:collapse;
margin-left: auto;
margin-right: auto;
}
table.liste tr.listentitel {
/* statt cbcbcb wie graue navi */
background-color:#ccccff;
}
table.liste tr.listenmarkierung {
color:#999999;
}
table.liste td {
padding: 3px;
border:solid 1px #000;
}


a:link { text-decoration: none; color:#666666;}
a:visited { text-decoration: none; color:#666666;}
a:hover { text-decoration: none; color:#666666;}
a:active { text-decoration: underline; color:#666666;}

a.navi:link { text-decoration: none; color:#ffffff;font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;}
a.navi:visited { text-decoration: none; color:#ffffff;}
a.navi:hover { text-decoration: none; color:#ffffff;}
a.navi:active { text-decoration: none; color:#333333;}

a.navi2:link { text-decoration: none; color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;}
a.navi2:visited { text-decoration: none; color:#000000;}
a.navi2:hover { text-decoration: none; color:#333333;}
a.navi2:active { text-decoration: none; color:#333333;}

a.content:link { text-decoration: none; color:#666666;}
a.content:visited { text-decoration: none; color:#666666;}
a.content:hover { text-decoration: underline; color:#999999;}
a.content:active { text-decoration: none; color:#999999;}

#externelinks
{
list-style-type:none;
margin-left:0;
padding-left:0;
}

#externelinks li
{
margin-bottom:0.2em;
}

#externelinks a
{
color:#000;
font-size:10px;
background-color:#cbcbcb;
text-decoration:none;
display:block;
padding:0.4em;
width:170px;
}

#externelinks a:link, #externelinks a:visited {
color:#000;
font-size:10px;
background-color:#cbcbcb;
text-decoration:none;
display:block;
padding:0.4em;
width:170px;
}

#externelinks a:hover
{
color:#fff;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
background-color:#FF0000;
text-decoration:none;
display:block;
padding:0.4em;
width:170px;
}

#main {
margin-left: auto;
margin-right: auto;
margin-top: 0px;
width: 900px;
border: solid black 0px;
background-color:#ffffff;
vertical-align:top;
padding: 0px;
}

#header {
background-color:#ffffff;
text-align: right;
padding: 0px;
border: solid black 0px;
}

#navi {
/*width: 100%;*/
/*height: 35px;*/
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
background-color:#FF0000;
color: #fff;
border: solid black 0px;
padding-left:10px;
}


#navi2 {
/*width: 100%;*/
/*height: 45px;*/
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
background-color:#ffffff;
color: #000;
border: solid black 0px;
padding-left:10px;
}

#content {
background-color:#ffffff;
width:700px;
height: 100%;
padding:15px;
border: solid black 0px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
}



h1 {
font:bold 16px Verdana,Arial,Helvetica,sans-serif;
}

h2 {
font:bold 14px Verdana,Arial,Helvetica,sans-serif;
}


#sidebar {
background-color:#ffffff;
width:200px;
height: 100%;
padding:0px;
border: solid black 0px;
}

#titelbar {
background-color:#FF0000;
display:block;
padding:0.4em;
width:170px;
color: #fff;
font-weight:bold;
font-size:10px;
}


#footer {
width: 100%;
height: 45px;
background-color:#fff;
color: #000;
border: solid black 0px;
padding-left:10px;
}

#bild {
padding-left:0px;
padding-top:0px;
padding-right:10px;
padding-bottom:5px;
border: solid black 0px;
text-align:center;
font-size:x-small;
font-style:italic;
}

a.copy:link, a.copy:visited, a.copy:active, a.copy:hover {
color:#333;
text-decoration:none;
}

.dialog {
background-color:#ffffff;
border: solid black 1px;
font-size:14px;
text-align:center;
}

/* --------- Kalenderformular ---------- */
#CalendarControlIFrame {
  display: none;
  left: 0px;
  position: absolute;
  top: 0px;
  height: 250px;
  width: 250px;
  z-index: 99;
}

#CalendarControl {
  position:absolute;
  background-color:#FFF;
  margin:0;
  padding:0;
  display:none;
  z-index: 100;
}

#CalendarControl table {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 8pt;
  border-left: 1px solid #336;
  border-right: 1px solid #336;
}

#CalendarControl th {
  font-weight: normal;
}

#CalendarControl th a {
  font-weight: normal;
  text-decoration: none;
  color: #FFF;
  padding: 1px;
}

#CalendarControl td {
  text-align: center;
}

#CalendarControl .header {
  background-color: #FF0000;
}

#CalendarControl .weekday {
  background-color: #DDD;
  color: #000;
}

#CalendarControl .weekend {
  background-color: #FFC;
  color: #000;
}

#CalendarControl .current {
  border: 1px solid #000000;
  background-color: #666666;
  color: #FFF;
}

#CalendarControl .weekday,
#CalendarControl .weekend,
#CalendarControl .current {
  display: block;
  text-decoration: none;
  border: 1px solid #FFF;
  width: 2em;
}

#CalendarControl .weekday:hover,
#CalendarControl .weekend:hover,
#CalendarControl .current:hover {
  color: #FFF;
  background-color: #FF0000;
  border: 1px solid #999;
}

#CalendarControl .previous {
  text-align: left;
}

#CalendarControl .next {
  text-align: right;
}

#CalendarControl .previous,
#CalendarControl .next {
  padding: 1px 3px 1px 3px;
  font-size: 1.4em;
}

#CalendarControl .previous a,
#CalendarControl .next a {
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
}

#CalendarControl .title {
  text-align: center;
  font-weight: bold;
  color: #FFF;
}

#CalendarControl .empty {
  background-color: #CCC;
  border: 1px solid #FFF;
}