body {
margin: 0px;
padding: 0px;
background-image:url(tatze2.html); border:0px;
font-family: Verdana, Helvetica, Arial, sans-serif; 
font-size: 100%;
}

/* ----------container zentriert das layout-------------- */
#container {
width: 90%;
background-color: #ffffff;
padding:0px;
margin: 20px;
margin-left: auto;
margin-right: auto;
font-size: 100%;
} 

div#header {
clear: both;
background-color: #DDDDDD;
padding: 1px;
}
div#left {
float: left;
width: 190px;
background-color: #FFFFFF;
padding-top:1em;
}
div#right {
font-size:90%;
float: right;
width: 200px;
background-color: #eee;
border: 1px dotted silver;
padding:5px;
font-size: 85%;
}
div#right hr
{
    width:90%;
}
div#middle {
padding:0px;
margin: 0px;
background-color: #FFFFFF;
font-size: 85%;
}
div#footer {
clear: both;
background-color: #FFFFFF;
text-align: center;
}

/* -----------------Text--------------------- */
p{
text-align:justify; 
padding: 10px;
margin: 10px; }

P.Zitat{
font-size: 90%;
text-align:left; 
padding: 5px 10px;
margin: 10px;}

div#right p{
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.sectionname {
font-size: 90%;
font-family: Times new roman, serif;
color:#ffffff;
text-transform:uppercase;
background-color: #444444;
border:1px solid #000000;
padding:5px 15px;
margin:0px }


h2 {
font-size:120%;
font-weight: bold;
margin:0px;
padding: 3px;
width:100%;
background-color:#eeeeee;
border-bottom: 1px solid black;
}
.contentheading {
    display:none;
}

h4 {
font-size:13px;
color:#000000;
border:1px solid #777777;
font-weight: bold;
background-color: #ddd;
padding: 5px 10px;
margin: 10px;
}
h3 {
font-size: 10px;
text-transform:uppercase;
background-color: #4169e1;
border-top:1px solid #564b47;
border-bottom:1px solid #6495ed;
border-left:1px solid #6495ed;
padding:5px 15px;
margin:0px }

.small, .createdate
{
    font-size:80%;
    color:#555555;
}

A  
{ 
text-decoration: none;
font-size: 12px;
color: #191970;
font-weight: bold;
}
A.menue 
{ 
text-decoration: none; 
font-family: Verdana, Helvetica, Arial, sans-serif; 
color: #360000;
font-weight: 900;
}
A.Projekt{
font-size: 90%;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
font-weight: bold;
}

/*  ----------Bild ausrichten--------------- */ 
p.bild { 
text-align:center; }


Table{

text-align:justify; 
padding: 5px 10px;
margin: 10px; }

td{
vertical-align:top; 
 }
/* -----------------Text--------------------- */

/*Menu */

 /*
ul.menu{
font-size: 0.83em;
float: left; width: 15em;
margin: 0; padding: 0;
margin-top:1em;

}
ul.menu li {
list-style: none;
margin: 0; padding: 0.5em;
}
ul.menu li a {
display: block;
padding: 0.2em;
font-weight: bold;
}

ul.menu li.active a
{
    color:black;
}
ul.menu a:link {
color: black; background-color: #ffffff;
}
ul.menu a:visited {
color: #666666; background-color: #eeeeee;
}
ul.menu a:hover {
color: black; background-color: #eeeeee;
}
ul.menu a:active {
color: #ffffff; background-color: #aaaaaa;
}
*/

.componentheading{
    display:none;
}
/* superfish menu*/
.sf-menu ul { 
}
.sf-menu li {
    border: 0px;
    margin:0px;
    padding: 0px;
    background:#EEEEEE;
    margin-bottom:1em;
}

.sf-menu li li {
    background:#EEEEEE;
    margin-bottom:0px;
}

.sf-menu a {
    padding: 3px;
    margin: 0px;
    border-top:0px;
    color: black;
}
.sf-menu a:visited {
    color: black;
}
.sf-menu li .separator {
    padding:0px;
    border-top:0px;
}

.sf-shadow ul {
    padding: 0px;
}
.sf-menu span { 
    border: 0px;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
        background:#999999;
            outline:0;
        }
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    top:.35em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* calendar */
.mod_events_monthyear{
    background-image:none;
    border:0px;
}
.cal_td_daysnames{
    background-image:none;
    background-color:#AAAAAA;
}