/* CSS fuer Website des CVJM Holzgerlingen */

/* **** Verwendete Farben ****                                                           */
/* Name                 RGB-Hex RGB-Dez     Anwendung                                    */
/* Weiss                #FFFFFF 255,255,255 Hintergrund                                  */
/* Hellgrau             #EEEEEE 238,238,238 Gesamthintergrund                            */
/* Hellrot              #D9B9B9 217,185,185                                              */
/* Mittelrot (CVJM-Rot) #BE0000 200,000,000 Links, Ueberschriften                        */
/* Schwarz              #000000 000,000,000 Text                                         */
/* Zwischenfarbtoene z.B. mit http://websitetips.com/colortools/colorblender/ berechnen. */



/* **** Allgemeine Elemente **** */

body {
 margin:0px;
 padding-top:10px;
 padding-bottom:20px;
 padding-left:20px;
 padding-right:20px;
 color:#000000;
 background-color:#EEEEEE;
 background-image:url(page_background.png);
 font-family:Verdana, Tahoma, sans-serif;
 font-size:12px;
}

div, td, pre, form {
 margin:0px;
 padding:0px;
 font-size:12px;
}

p {
 margin:0px; /* Kein Abstand, da Redakteure lieber Leerzeilen verwenden. */
 padding:0px;
 font-size:12px;
}

ul, ol {
 margin-top:0px; /* Nur Angabe fuer top - nicht fuer left und right. */
 font-size:12px;
}

pre {
 font-family:monospace;
}

td {
 vertical-align:top;
}

a {
 color:#BE0000;
 text-decoration:none;
}

a:hover {
 text-decoration:underline;
}

img {
 border-width:0px;
 border-style:solid;
 border-color:#BE0000;
}

img.bordered {
 border-width:1px;
}

ul {
 list-style-image:url(dot.gif);
}

li {
 padding-top:3px;
}



/* **** Layout **** */

table.layoutMain {
 margin-top:0px;
 margin-bottom:0px;
 margin-left:auto;
 margin-right:auto;
 padding:0px;
 text-align:left;
 background-color:#EEEEEE;
}

td.layoutMainMenu {
 height:125px;
 margin:0px;
 padding:0px;
 background-image:url(banner.png);
 background-repeat:no-repeat;
 font-size:12px;
 font-weight:bold;
 vertical-align:bottom;
 border-top-style:solid;
 border-top-width:2px;
 border-top-color:#BE0000;
 border-left-style:solid;
 border-left-width:2px;
 border-left-color:#BE0000;
 border-right-style:solid;
 border-right-width:2px;
 border-right-color:#BE0000;
}

div.layoutMainMenuEntryNO, div.layoutMainMenuEntryACT {
 float:left;
 margin-top:0px;
 margin-bottom:0px;
 margin-left:4px;
 margin-right:0px;
 padding-top:2px;
 padding-bottom:2px;
 padding-left:2px;
 padding-right:2px;
 background-color:#D9B9B9;
 text-align:left;
 font-weight:bold;
}

div.layoutMainMenuEntryNO {
 background-color:#D9B9B9;
}

div.layoutMainMenuEntryACT {
 background-color:#BE0000;
}

a.layoutMainMenuEntryNO {
  color:#000000;
  background-color:#D9B9B9;
  text-decoration:none;
}

a.layoutMainMenuEntryNO:hover {
  color:#FFFFFF;
  background-color:#BE0000;
  text-decoration:none;
}

a.layoutMainMenuEntryACT {
  color:#FFFFFF;
  text-decoration:none;
}

a.layoutMainMenuEntryACT:hover {
  text-decoration:none;
}

td.layoutSeparatorBar {
 margin:0px;
 padding:0px;
 background-color:#BE0000;
 vertical-align:top;
 border-left-style:solid;
 border-left-width:2px;
 border-left-color:#BE0000;
 border-right-style:solid;
 border-right-width:2px;
 border-right-color:#BE0000;
}

div.layoutSeparatorBar {
 background-color:#BE0000;
 color:#FFFFFF;
 margin:0px;
 padding-top:2px;
 padding-bottom:2px;
 padding-left:0px;
 padding-right:0px;
 text-align:right;
 font-size:10px;
}

a.layoutSeparatorBar {
  color:#FFFFFF;
  text-decoration:none;
}

a.layoutSeparatorBar:hover {
  text-decoration:underline;
}

td.layoutSubMenu {
 margin:0px;
 padding:0px;
 vertical-align:top;
 font-size:11px;
 background-color:#BE0000;
 border-bottom-style:solid;
 border-bottom-width:2px;
 border-bottom-color:#BE0000;
 border-left-style:solid;
 border-left-width:2px;
 border-left-color:#BE0000;
}

div.layoutSubMenuEntryNOLevel1, div.layoutSubMenuEntryNOLevel2, div.layoutSubMenuEntryNOLevel3, div.layoutSubMenuEntryNOLevel4, div.layoutSubMenuEntryNOLevel5, div.layoutSubMenuEntryNOLevel6 {
 margin-top:4px;
 margin-bottom:0px;
 margin-right:0px;
 padding-top:0px;
 padding-bottom:1px;
 padding-left:3px;
 padding-right:0px;
 background-color:#BE0000;
 overflow:hidden;
 white-space:nowrap;
 border-bottom-style:solid;
 border-bottom-width:1px;
 border-bottom-color:#FFFFFF;
 border-left-style:solid;
 border-left-width:1px;
 border-left-color:#FFFFFF;
}

div.layoutSubMenuEntryACTLevel1, div.layoutSubMenuEntryACTLevel2, div.layoutSubMenuEntryACTLevel3, div.layoutSubMenuEntryACTLevel4, div.layoutSubMenuEntryACTLevel5, div.layoutSubMenuEntryACTLevel6 {
 margin-top:4px;
 margin-bottom:0px;
 margin-right:0px;
 padding-top:0px;
 padding-bottom:1px;
 padding-left:3px;
 padding-right:0px;
 background-color:#BE0000;
 overflow:hidden;
 font-weight:bold;
 white-space:nowrap;
 border-bottom-style:solid;
 border-bottom-width:1px;
 border-bottom-color:#FFFFFF;
 border-left-style:solid;
 border-left-width:3px;
 border-left-color:#FFFFFF;
}

div.layoutSubMenuEntrySPCLevel1, div.layoutSubMenuEntrySPCLevel2, div.layoutSubMenuEntrySPCLevel3, div.layoutSubMenuEntrySPCLevel4, div.layoutSubMenuEntrySPCLevel5, div.layoutSubMenuEntrySPCLevel6 {
 margin-top:4px;
 margin-bottom:0px;
 margin-right:0px;
 padding-top:0px;
 padding-bottom:1px;
 padding-left:3px;
 padding-right:0px;
 background-color:#BE0000;
 overflow:hidden;
 color:#FFFFFF;
 text-align:center;
 white-space:nowrap;
 border-bottom-style:solid;
 border-bottom-width:1px;
 border-bottom-color:#FFFFFF;
 border-left-width:0px;
}

div.layoutSubMenuEntryNOLevel1, div.layoutSubMenuEntryACTLevel1, div.layoutSubMenuEntrySPCLevel1 {
 width:185px;
 margin-left:4px;
}

div.layoutSubMenuEntryNOLevel2, div.layoutSubMenuEntryACTLevel2, div.layoutSubMenuEntrySPCLevel2 {
 width:177px;
 margin-left:12px;
}

div.layoutSubMenuEntryNOLevel3, div.layoutSubMenuEntryACTLevel3, div.layoutSubMenuEntrySPCLevel3 {
 width:169px;
 margin-left:20px;
}

div.layoutSubMenuEntryNOLevel4, div.layoutSubMenuEntryACTLevel4, div.layoutSubMenuEntrySPCLevel4 {
 width:161px;
 margin-left:28px;
}

div.layoutSubMenuEntryNOLevel5, div.layoutSubMenuEntryACTLevel5, div.layoutSubMenuEntrySPCLevel5 {
 width:153px;
 margin-left:36px;
}

div.layoutSubMenuEntryNOLevel6, div.layoutSubMenuEntryACTLevel6, div.layoutSubMenuEntrySPCLevel6 {
 width:145px;
 margin-left:44px;
}

a.layoutSubMenuEntryNO {
  color:#FFFFFF; 
  text-decoration:none;
}

a.layoutSubMenuEntryNO:hover {
  text-decoration:none;
  font-weight:bold;
}

a.layoutSubMenuEntryACT {
  color:#FFFFFF; 
  text-decoration:none;
}

a.layoutSubMenuEntryACT:hover {
  text-decoration:none;
}

td.layoutContent {
 vertical-align:top;
 min-height:500px;
 margin:0px;
 padding:2px;
 background-color:#FFFFFF;
 border-bottom-style:solid;
 border-bottom-width:2px;
 border-bottom-color:#BE0000;
 border-right-style:solid;
 border-right-width:2px;
 border-right-color:#BE0000;
}

td.layoutShadowSideRight {
 background-image:url(page_side_r.png);
 background-repeat:repeat-y;
}

td.layoutShadowSideBottom {
 background-image:url(page_side_b.png);
 background-repeat:repeat-x;
}

td.layoutShadowCornerBottomRight {
}