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:lucida grande,tahoma,verdana,arial,sans-serif;
font-size:12px;
background-image: url(bg-schatten.png);background-repeat: repeat-y;
background-position: center;
background-color:#eceff0;
}

hr {
color: #ebebeb;
background-color: #ebebeb;
border: 1px dotted #000000;
border-style: none none dotted;
width: 85%;
text-align:center;
}

.bildunterschrift {
font-size: 11px;
font-style: italic;
}

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


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:lucida grande,tahoma,verdana,arial,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:lucida grande,tahoma,verdana,arial,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;}


#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;
text-align: left;
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:lucida grande,tahoma,verdana,arial,sans-serif;
font-size:10px;
background-color:#990000;
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:#ebebeb;
vertical-align:top;
padding: 0px;
}

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

#navi {
/*width: 100%;*/
/*height: 35px;*/
font-family:lucida grande,tahoma,verdana,arial,sans-serif;
font-size:12px;
text-align: left;
background-color:#990000;
color: #fff;
border: solid black 0px;
padding-left:10px;
}


#navi2 {
/*width: 100%;*/
/*height: 45px;*/
font-family:lucida grande,tahoma,verdana,arial,sans-serif;
font-size:12px;
text-align: left;
background-color:#ebebeb;
border: solid black 0px;
padding-left:10px;
}

#content {
background-color:#ebebeb;
width:700px;
height: 100%;
padding:15px;
border: solid black 0px;
font-family:lucida grande,tahoma,verdana,arial,sans-serif;
font-size:13px;
}



h1 {
font-weight: bold; font-size: 16px; color: #990000;
text-shadow: white 0px 1px 1px;
color: #990000;
font-size: 18px;
font-style: normal;
font-weight: bold;}

h2 {
font:bold 14px lucida grande,tahoma,verdana,arial,sans-serif;
}


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

#titelbar {
background-color:#990000;
display:block;
padding:0.4em;
width:170px;
color: #fff;
font-weight:bold;
font-size:11px;
text-align: left;
}


#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;
}

/* fuer den schoenen foto-papierrand mit schatten ab css3 */
.foto{ 
padding:8px;
background-color: white;
border:1px solid #DDD; 
-moz-box-shadow: 5px 5px 7px #999; 
box-shadow: 5px 5px 7px #999; 
-webkit-box-shadow: 5px 5px 7px #999;
}

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

#wysiwygdiv {
font-family:verdana,arial,helvetica,sans-serif; 
font-size:12px; 
overflow:auto; 
}

/* --------- Blockdarsstellung Termine ---------- */
#block ul {
list-style-type: none;
width: 100%;
margin: 0px;
padding: 0px;
}
#block li {
border: 1px dotted #999;
border-width: 1px 0;
margin: 5px 0;
}
#block li a {
/* color: #3a599d; */
display: block;
font: bold 120% lucida grande,tahoma,verdana,arial,sans-serif;
padding: 5px;text-decoration: none;
}
* html #block li a {
width: 100%;
}
#block li a:hover {
background: #cbcbcb;
}#block a em {
color: #333; display: block;
font: normal 85% lucida grande,tahoma,verdana,arial,sans-serif;
line-height: 125%;
}
#block a span {
/*color: #125F15;*/
font: normal 70% lucida grande,tahoma,verdana,arial,sans-serif;
line-height: 150%;
}
#block a b {
color: #333;
font: bold lucida grande,tahoma,verdana,arial,sans-serif;
line-height: 150%;
}

.info, .erfolg, .warnung, .fehler, .einstellungen, .stop{
font-family:Arial, Helvetica, sans-serif; 
font-size:13px;
border: 1px solid;
padding:15px 10px 15px 50px;
text-align: left;
}
.info {
color: #00529B;
background:#BDE5F8 url(../a_icons/dialog-info.png) 8px 6px no-repeat;
}
.erfolg {
color: #4F8A10;
background:#DFF2BF url(../a_icons/dialog-erfolg.png) 8px 6px no-repeat;
}
.warnung {
color: #9F6000;
background:#FEEFB3 url(../a_icons/dialog-warnung.png) 8px 6px no-repeat;
}
.fehler {
color: #D8000C;
background:#FFBABA url(../a_icons/dialog-fehler.png) 8px 6px no-repeat;
}
.stop {
color: #D8000C;
background:#FFBABA url(../a_icons/dialog-stop.png) 8px 6px no-repeat;
}
.einstellungen{
background:#EFEFEF url(../a_icons/dialog-einstellungen.png) 8px 6px no-repeat;
color:#666666;
}


/* --------- onmouseover thumbs ---------- */

ul#thumbs,
ul#thumbs li{
margin:0; padding:0; list-style:none;
}
ul#thumbs li{
float:left; margin-right:5px; border:1px solid #999; padding:2px;
}
ul#thumbs a{
display:block; float:left; width:100px; height:100px; line-height:100px;
overflow:hidden; position:relative; z-index:1;
}
ul#thumbs a img{
float:left; position:absolute; top:-20px; left:-50px;
}
ul#thumbs a:hover{
overflow:visible; z-index:1000; border:none;
}
ul#thumbs a:hover img{
border:1px solid #999; background:#fff; padding:
2px;
}
ul#thumbs:after,
li#thumbs:after{
content:"."; display:block; height:0; clear:both; visibility:hidden;
}
ul#thumbs,
li#thumbs{
display:block;
}
ul#thumbs,
li#thumbs{
min-height:1%;
}
* html ul#thumbs,
* html li#thumbs{
height:1%;
}

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

#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: #990000;
  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;
}

small{
font-size:11px;
font-style:italic;
}