html {overflow-y:scroll;}                        /* erzwingt Scrollbalken rechts auch bei kurzen Seiten , ist aber css 3, nicht css 2.1 */
body{
font-family:Verdana, Helvetica, sans-serif;
font-size:13px;
background:#027500 url(images/verlauf_background.jpg) 0 0 repeat-x;
/*background-color:#088a08;   #0B610B = sehr dunkles footer grün                      #088a08 dunkel grün */
/* color="#027500" hab ich mit photoshop elements Pipette aus verlauf_background unten geholt*/
text-align:center;
margin:0px;
}

h1 {
font-size:24px;
font-weight:normal;          /* normal muss angegeben werden, Standard für h ist bold */
color:#726B54;               /* war #A39B83 schwach grau-braun , jetzt dunkler*/
margin-top:0px;
margin-bottom:0px;
/*background:yellow;*/
}
h2 {
font-size:16px;
font-weight:normal;          /* normal muss angegeben werden, Standard für h ist bold */
color:#000000;
/*background:orange;*/
}
h3 {
font-size:14px;
font-weight:normal;          /* normal muss angegeben werden, Standard für h ist bold */
color:#000000;
}
h4 {
font-size:14px;
font-weight:bold;
color:#000000;
margin-bottom:0px;
}
p {                           /*Absatzformat war bisher nicht festgelegt*/
padding:1px;
border:1px solid #f1f1e2;
/*margin-top:15px;*/
margin-right:0px;
margin-bottom:0px;
/*background:yellow;*/
}
table{
margin-top:15px;
}
pre {
font-family:monospace;
font-size:13px;
color:#0000ff;                /* #0000ff blau */
margin-top:0px;
}
code {
font-family:monospace;       /* wird bei mir bisher nicht genutzt */
font-size:13px;
color:#0000ff;               /* #0000ff blau */
}
ul {
list-style-type: none;
}
a:link, a:visited {            /* das sind die Anker in der content Spalte */
text-decoration:none;
font-weight:normal;
color:#088a08;               /* #0b610b grün wie im menu */     
/* font-size:12px; */
}
a:active, a:hover {           /* oder für aktive oder schwebende */
color:#3adf00;               /* #3adf00 helleres grün */
}
a.menu {                      /* das sind die Anker der linken Spalte */
display:block; 
padding:3px;
border-top:1px solid #ffffff;/* Rand oben #ffffff weiss */
color:#eeeeee;               /* Schrift #eeeeee fast weiss */
background-color:#088a08;    /* Hintergrund #088a08 dunkel grün */ 
text-align:left;
text-decoration:none;
}
a.menu:link, a.menu:visited{
color:#eeeeee;               /* Schrift  #eeeeee fast weiss */
background-color:#088a08;    /* Hintergrund #088a08 dunkel grün */ 
text-decoration:none; 
font-weight:bold;
}
a.menu:active, a.menu:hover {
color:#088a08;               /* Schrift #088a08 dunkel grün */
background-color:#eeeeee;    /* Hintergrind #eeeeee fast weiss */ 
font-weight:bold; 
}
a.menul2 {
display:block; 
padding:3px;
border-top:1px solid #ffffff;/* Rand #ffffff weiss */
color:#eeeeee;               /* Schrift #eeeeee fast weiss */
background:#c4d284 url(images/navl3.gif) left bottom repeat-x;/* Hintergrund #eeeeee fast weiss */ 
text-align:left;
text-decoration:none;
}
a.menul2:link, a.menul2:visited{
color:#777777;               /* Schrift #000000 schwarz */
background-color:#eeeeee;    /* Hintergrund #eeeeee fast weiss */ 
text-decoration:none; 
font-weight:normal;
}
a.menul2:active, a.menul2:hover {
color:#000000;               /* Schrift #000000 schwarz */
background-color:#eeeeee;    /* Hintergrund #eeeeee fast weiss */ 
font-weight:normal;          /* war bold */
}
.menutitle{
padding:3px;
font-weight:bold;
color:#000000;
background:#eeeeee url(images/navl1-active.gif) left bottom repeat-x;
text-align:left;
}
.menutitlel2{
padding:3px;
border-top:1px solid #ffffff;/* Rand #ffffff weiss */
font-weight:normal;
color:black;
background:#eeeeee url(images/navl2.gif) left bottom repeat-x; /* Schrift #000000 schwarz */
text-align:left;
}
.menucontainer {
/* border:1px solid #ffffff;  angemeckert von css validator */                       /* war #000 schwarz*/
background-color:#ffffff;    /* war #7b7d8e dunkel blaugrau */
width:200px;
margin:10px;
}
.menucontainerl2 {
/* border:0px solid #ffffff;  angemeckert von css validator */                       /* war #000 schwarz*/
background-color:#ffffff;
width:200px;
margin:0px;
}
/*.thumb { wofür hab ich das nur gebraucht 2016-01-04?
  max-width: 1920px;
  max-height: 100%;
  width: expression(this.width > 100 ? "100px" : true);
  height: expression(this.height > 100 ? "100px" : true);
}*/
.search {
display:block;
/*border:1px solid #000000;*/
background-color:#ccd684;
width:186px;
/*height:30px;*/
margin:10px;
padding:7px;
border-bottom:1px solid #088a08;
}
#wrap {
width: 1200px; /* bis 2022-02-08 960 px */
margin: 0px auto; 
text-align: left;            /* text-align: left; gilt für ganzen content */
background:#ffffff; 
border: 1px solid #000000;
}
#logobar {
width:1200px; /* bis 2022-02-08 960 px */
height:100px;
/* border:0px solid #088a08; angemeckert von css validator */
background:#088a08 url(ccbg.jpg);
background-position:left;
}
#sidebar {
background-color:#f1f1e2;    /* #f1f1e2 schwach gelblich */
width:230px;
float:left;
}
#content {
/* border:1px solid #f1f1e2; angemeckert von css validator */                        /* #f1f1e2 schwach gelblich, border muss angegeben werden wegen einiger Browser */
background-color:#f1f1e2;    /* #f1f1e2 schwach gelblich */
width:910px; /* bis 2022-02-08 670 px */
float:right;
/* padding:20px 20px 30px 30px;*/
padding:20px 20px 30px 30px;
}
#content .sidepicture {
float: right;
padding: 0px 0px 0px 0px;
margin: 20px -10px 10px 10px;
width: 480px;
}

#content .clearer {
clear: both;
}
#more {                       /*Absatzformat war bisher nicht festgelegt*/
margin-top:15px;
margin-bottom:0px;
}
#footer {
width:100%;
padding:20px 0px 20px 0px;
text-align:center;
background:#0B610B;           /* #0B610B sehr dunkles grün */  
}
#footer a {
color:#eeeeee;                /* #eeeeee fast weiss */
background-color:#0B610B;     /* #0B610B sehr dunkles grün */ 
text-decoration:none;
padding:2px 10px 2px 10px;
}
#footer a:hover {
color:#0B610B;                /* #0B610B sehr dunkles grün */ 
background-color:#eeeeee;     /* #eeeeee fast weiss */
}
.clearer {
clear:both;
}



/* -- Examples -- */
/* line 177, ../sass/screen.sass */
.section {
  text-align: left;
}

/* line 180, ../sass/screen.sass */
.image-row {
  margin-top: 15px;
  margin-bottom: 15px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.3-p392/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.image-row:after {
  content: "";
  display: table;
  clear: both;
}

/* line 184, ../sass/screen.sass */
.image-link {
  display: inline-block;
  margin: 0 6px 15px 6px;
  line-height: 0;
  border: 0px solid #0b610b;                   /*war 4px*/
}
/* line 191, ../sass/screen.sass */
.image-link:hover {
  border: 0px solid #3adf00;                  /*war 4px*/
}

/* line 194, ../sass/screen.sass */
.image {
  border-radius: 2px;
}