/*
 * html.class or html#id see: http://www.tizag.com/cssT/cssid.php
 */

body {
  font-family: "Liberation Sans", "Bitstream Vera Sans", sans-serif;
/*font-size: 13px;*/
/*  font-size: 0.9em; */
  font-size: 1em;
/*  background: #639829; */
  background: #ffffff;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0; 
}

#page { 
  background: #ffffff;
  color: #000000;
 }

#content {
  margin: 20px;
} 



p.menu {
  padding: 10px;
  background-color: #639829;
  color: white;
  text-align: center;
  margin: 0px;
}

a { 
  text-decoration: none;
}

a.menu:link {
  background-color: #639829;
  color: white;
}

a.menu:visited {
  background-color: #639829;
  color: white;
}

a.menu:hover { 
  color: blue;

 }

p.center {
  text-align: center;
}

p.right {
  text-align: right;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}

img.floatRight { 
    float: right; 
    margin: 4px; 
}

script.floatRight { 
    float: right; 
    margin: 4px; 
}

p.quote {
  padding-left: 35%;
  font-size: 0.9em;
  text-align: right;
}

img {
  border: 0px;
}

h1 {
  border-bottom: solid #639829;
  border-left: solid #639829;
  border-width: thin;
  text-align: left;
/*  font-size: 15px;*/
  font-size: 1.3em;
/*  font-weight: bold;*/
  padding: 4px;
}

h2 {
  border-width: thin;
  text-align: left;
/*  font-size: 14px; */
  font-size: 1.1em;
  font-weight: bold;
  padding: 4px;
}

table.center {
  margin-left: auto;
  margin-right: auto;
  padding: 4px;
}

ul,ol {
  margin-left: 20px;
}


p { 
  margin: 10px;
  padding: 4px;
}

pre {
  background-color: #f8f8f8;
  color: black;
  border: 1px solid #e0e0e0;
  margin: 1em 1em 1em 1em;
  padding: 0.2em;
  white-space: pre;
  overflow: auto;
}

blockquote {
  background: #EEE;
  color: black;
  margin: 1em 1em 1em 3em;
  padding: 10px 10px 10px 10px;
  border-left: 1em solid #ddd;
}

.clear { clear: both; }

/* -------------------------------------------------------------------------
 * Footer
 * ------------------------------------------------------------------------- */

#footer {
    clear: both;
    text-align: center;
    margin: 0px;
    padding-top: 1px;
}


p.footer {
  background-color: #639829;
  color: white; 
  padding: 10px;
  margin: 0px;
  margin-top: 70px;
  text-align: center;
/*  font-size: 12px;*/
  font-size: 0.9em;
}

a.footer:link {
  background-color: #639829;
  color: white;
}

a.footer:visited {
  background-color: #639829;
  color: white;
}

a.footer:hover { 
  color: blue;
 }


p.license {
  text-align: right;
}


/* -------------------------------------------------------------------------
 * post it box for actual announcements
 * ------------------------------------------------------------------------- */

.postit {
  float:		right;
  margin:		1em 1em 1em 1em;
  padding:		0.3em;
  padding-right:	1em;
  border:		1px #000 solid;
  background:		#ffecbf;
  max-width:		40%;
  font-size: 0.9em;
}

.postit ul, .postit ol {
  margin-left: 0px;
}

/* -------------------------------------------------------------------------
 * Sprechblasen
 * ------------------------------------------------------------------------- */

/* Normal Bubble */
div.bubble {
    float: right;
    width: auto;
    max-width:60%;
    font-size: 0.75em;
    margin-bottom: 24px;
}

div.bubble blockquote {
    width: auto;
    margin: 0px;
    padding: 0px;
    border: 1px solid #c9c2c1;
    background-color: #fff;
}

div.bubble blockquote p {
    margin: 10px;
    padding: 0px;
}

div.bubble cite {
    position: relative;
    margin: 0px;
    padding: 7px 0px 0px 15px;
    top: 6px;
    background: transparent url(pics/tip.png) no-repeat 20px 0;
    font-style: normal;
}

/* -------------------------------------------------------------------------
 * Subpages menu (2 Spalten Layout)
 * ------------------------------------------------------------------------- */



ul.columns {
    margin: 1em 0 2em 2em;
    list-style-type: none;
    padding: 0 1em;
}

ul.columns li {
    width: 47%;
    padding-right: 3%;
    float: left;
    margin-bottom: .1em;
}

/* just for transition between column and full-width view */
.n {
  clear: both;
}

/* Eingabe Felder/Button */

input,
textarea,
select {
    padding:4px;background:white;
    border:1px solid #515151;
    font-size:.9em;
    line-height:1em;
}

input,
label {
    height:auto !important;
    height:2em;
    width:auto;
    padding:4px;
}

.fn {
    font-size:.8em;
    vertical-align:top;
    line-height:.9em;
}


.footnotes {
    border-top: 1px solid #CCC; 
    font-size:.8em;
    margin:2em 5em;
}