/* ############################################################ */
/*                                                              */
/*           Style-Sheet für www.Carl-Heidtmann.de              */
/*       erstellt von Jochen Müller, Müller WebSolution         */
/*                          01.2006                             */
/*                                                              */
/* ############################################################ */

body {
   font-size: 13px;
   font-family: Tahoma, Verdana, Arial, sans-serif;
/* ---( das text-align ist wichtig für den M$IE, ansonsten zentriert er nicht!!! )--- */
   text-align: center;
   background-image: url(/backgnd.jpg);
   background-repeat: repeat-x;
   background-color: #D4FFD2;
   margin: 0;
   padding: 0;   
}

#wrap {
  width: 780px;
  margin: 20px auto;
  text-align: left;
}

.fett, b, strong {
   font-weight: bold;
   color: #0D660D;
}

table {
   font-size: 13px;
   font-family: Tahoma, Verdana, Arial, sans-serif;
}


/* Tabelle für Veranstaltungskalender */
table.rahmen {
   border-width: 0px;
   background-color: #0D660D;
   font-size: 11px;
}
td.gruen { background-color: #90D791; }
td.weiss { background-color: #FFF; }
/* Tabelle für Veranstaltungskalender */


table.outborder {
   border: 1px solid #000;
   background-color: #FFF;
}

td.frame_top {
   background-image: url(/backgnd_top.jpg);
   height: 200px;
}

td.frame_top2 {
   border-top: 1px solid #000;
   border-bottom: 1px solid #000;
   background-image: url(/backgnd_top2.jpg);
   height: 70px;
}

td.frame_left {
   padding: 20px 0px 5px;
   font-weight: bold;
   font-size: 13px;
   width: 175px;
   height: 350px;
   border-right: 1px solid #000;
   background-color: #DBC2B5;
   background-image: url(/backgnd_left.jpg);
   background-repeat: no-repeat;
}

td.frame_right {
   padding: 20px 20px 30px;
   color: #000;
   font-size: 13px;
}

td.frame_bottom {
   padding: 5px;
   border-top: 1px solid #000;
   background-color: #90D791;
   background-image: url(/backgnd_bottom.jpg);
}

h1 {
   color: #000;
   font-size: 15px;
   font-weight: bold;
   padding: 1px 0 0 3px;
   border-bottom: 1px #000 dotted;
   background-image: url(/backgnd_h2.jpg);
}

h2 {
   color: #000;
   font-size: 14px;
   font-weight: bold;
   padding: 1px 0 0 3px;
   border-bottom: 1px #000 dotted;
   background-image: url(/backgnd_h2.jpg);
}

h3 {
   color: #093309;
   font-size: 13px;
   font-weight: bold;
   padding: 1px 0 0 3px;
   background-image: url(/backgnd_h3.jpg);
}

.white {
   font-size: 12px;
   padding: 5px;
   color: #FFF;
}

.whitesmall {
   font-size: 9px;
   color: #FFF;
   padding: 0 5px;
}

.small {
   font-size: 10px;
   color: #808080;
}

a:link    { border-bottom: 1px #093309 dashed; text-decoration: none; color: #093309; }
a:visited { border-bottom: 1px #093309 dashed; text-decoration: none; color: #093309; }
a:hover   { border-bottom: 1px #093309 solid; text-decoration: none; color: #093309; background-color: #C1FFC1; }

a.bilder:visited, a.bilder:link {
   background-color: #FFF;
   text-decoration: none;
   border: 0px solid #000;
}

a.bottom:link, a.bottom:visited, a.bottom:hover {
   border: 0px;
   color: #093309;
   font-size: 10px;
   text-decoration: none;
   background-color: transparent;
}

li.space { margin-bottom: 20px; }


/************
Das Menü
************/
#menu {
   float:left;
}

#menu ul {
   padding: 0;
   margin: 0 0 20px 0;
   list-style: none;
   text-align: left;
}

#menu li {
   width: 175px;
   list-style: none;
}

#menu li:hover {                /* leider funzt das nicht im M$IE */
   background-color: #C1FFC1;
}

#menu a {
   color: #093309;
   font-size: 12px;
   padding: 2px 15px 2px;
   text-decoration: none;
   text-align: left;
   display: block;
   border-top: 1px #DBC2B5 solid;
   border-bottom: 1px #DBC2B5 solid;
   background-color: #E8DBD3;
   -moz-opacity: 0.8;  /* Angabe für MSIE in iefixes2.css */
   height: 1em; /* diese Angabe ist nur für den IE, damit die ganze Linkfläche klickbar ist */
}

#menu a:hover {
   border-top: 1px #411505 solid;
   border-bottom: 1px #411505 solid;
   background-color: #C1FFC1;
}

html>body #menu a  {
   height: auto; /* hebt für nicht-IE Browser die Höhenangabe 1em wieder auf */ 
}


/************
Für das Sub-Menü
************/

#menu span {
   width: 175px;
   background-color: #90D791;
}

.submenu {
margin-bottom: 0.5em;
}


/************
Eigenwerbung
************/
#builder {
   margin-top: 50px;
}

#builder .zwoelf {
   font-size: 12px;
   font-weight: bold;
   color: #118811;
}

#builder .elf {
   font-size: 11px;
   color: #808080;
}
