/*-------------------------------------------------------------------
---------------------------------------------------------------------
  CSS for project http://www.berndle.de
---------------------------------------------------------------------
---------------------------------------------------------------------
---------------------------------------------------------------------
  Cahnges:
---------------------------------------------------------------------
	20050227
		- .frame: no margin-bottom, height

---------------------------------------------------------------------
---------------------------------------------------------------------
    Begin "general": general tags
---------------------------------------------------------------------
---------------------------------------------------------------------
      Begin body - tag
        - background orange
        - font-color red
-------------------------------------------------------------------*/
body, div {

  background-color:#FF9F00; /*#99E0FF*/
  color:#BF0000;/* #1A00AA*/
  scrollbar-base-color:#FF9F00;
  scrollbar-3dlight-color:#FF9F00;
  scrollbar-arrow-color:#FFFF00;
  scrollbar-darkshadow-color:#000000;
  scrollbar-face-color:#FF9F00;
  scrollbar-highlight-color:#FFFF00;
  scrollbar-shadow-color:#BF0000;
  scrollbar-track-color:#FF6F00;
}
/*-------------------------------------------------------------------
      End body
---------------------------------------------------------------------
---------------------------------------------------------------------
      Begin p - tag
-------------------------------------------------------------------*/
p {
  font-size:14px;
  margin-left:5px;
  margin-right:5px;
  padding-left:25px;
}
/*-------------------------------------------------------------------
      End p
---------------------------------------------------------------------
---------------------------------------------------------------------
      Begin h1 - tag
        - font-color  red
-------------------------------------------------------------------*/
h1 {
  color:#FF0000; /*#0050A0;*/
  font-style:italic;
  font-size:20px;
  margin-top:3%;
  margin-bottom:3%;
  margin-left:2%;
  margin-right:2%;
}
/*-------------------------------------------------------------------
      End h1
---------------------------------------------------------------------
---------------------------------------------------------------------
      Begin h2 - tag
		- font-color  red
-------------------------------------------------------------------*/
h2 {
  color:#FF0000;
  font-style:italic;
  font-size:18px;
  margin-top:3%;
  margin-bottom:3%;
  margin-left:2%;
  margin-right:2%;
}
/*-------------------------------------------------------------------
      End h2
---------------------------------------------------------------------
---------------------------------------------------------------------
      Begin h3 - tag
        - font-color  red
-------------------------------------------------------------------*/
h3 {
  color:#FF0000;
  font-size:16px;
  margin-top:2%;
  margin-bottom:2%;
  margin-left:2%;
  margin-right:2%;
  font-weight:normal;
}
/*-------------------------------------------------------------------
      End h3
---------------------------------------------------------------------
---------------------------------------------------------------------
      Begin ul - tag
-------------------------------------------------------------------*/
ul {
  margin-left:7%;
}
/*-------------------------------------------------------------------
      End ul
---------------------------------------------------------------------
---------------------------------------------------------------------
      Begin pre - tag
-------------------------------------------------------------------*/
pre {
  margin-left:4%;
}
/*-------------------------------------------------------------------
      End pre
---------------------------------------------------------------------
---------------------------------------------------------------------
      Begin a - tag
        - font-color:
            - link gray
            - active dark gray
            - visited light gray
        - Schriftformatierung:
            - active fett
-------------------------------------------------------------------*/
a:link{
  color:#FF0000;
  font-weight:normal;
  font-size:14px;
}
a:active{
  color:#BB0000;
  font-weight:normal;
  font-size:14px;
}
a:visited{
  color:#990000;
  font-weight:normal;
  font-size:14px;
}
/*-------------------------------------------------------------------
      End  a - tag
---------------------------------------------------------------------
---------------------------------------------------------------------
      Begin .topinfo - tag
        - tags which should placed on top of the page
-------------------------------------------------------------------*/
.topinfo {

    /*position:fixed; top:30px; *//* for Firefox and Opera */
    position:absolute;
    top:15px; /* for IE */
    left:225px;
    padding-right:15px;
    padding-top:5px;
    padding-bottom:5px;
}

/*-------------------------------------------------------------------
      End  .topinfo - tag
---------------------------------------------------------------------
---------------------------------------------------------------------
      Begin .toplink - tag
        - tags which should placed on left of the page
-------------------------------------------------------------------*/
.toplink {

    position:absolute;
    top:125px;
    left:10px;
    min-width:125px;
    width:175px;
    text-align:left;
    margin-right:0%;
  	margin-bottom:0%;
    background-color:#E0E0E0;/*#FFAA00;*/
    padding-right:5px;
    padding-top:20px;
    padding-bottom:20px;
    border:10px ridge #BF0000;
    line-height:200%;
    -moz-border-radius:30px;
}

/*-------------------------------------------------------------------
      End  .toplink - tag
---------------------------------------------------------------------
---------------------------------------------------------------------
      Begin .frame - tag
        - tags with frame
-------------------------------------------------------------------*/
.frame {
  /*border-top:1px solid #0070C0;
  border-left:1px solid #0070C0;*/
  margin-top:75px;
  margin-left:225px;
  margin-right:5%;
  margin-bottom:1%;
  padding-top:2%;
  padding-left:1%;
  padding-right:1%;
  padding-bottom:1%;
  /*border-bottom:10px ridge #000000;*/
  border:10px ridge #BF0000;
  /*height:240px;*/
  overflow:visible;
  background-color:#E0E0E0;/*#FFAA00;*/
  -moz-border-radius:30px;

}
/*-------------------------------------------------------------------
      End .frame
---------------------------------------------------------------------
---------------------------------------------------------------------
      Begin .link - tag
-------------------------------------------------------------------*/
.link {
  /*border-top:1px solid #0070C0;
  border-left:1px solid #0070C0;*/
  margin-top:1%;
  margin-left:20%;
  margin-right:20%;
  margin-bottom:5%;
  padding-top:1%;
  padding-left:1%;
  padding-right:1%;
  padding-bottom:1%;
  /*border-right:5px solid #0070C0;
  border-bottom:5px solid #0070C0;*/
}
/*-------------------------------------------------------------------
      End .link
---------------------------------------------------------------------
---------------------------------------------------------------------
      Begin .link_top - tag
-------------------------------------------------------------------*/
.link_top {
  border-left:solid 1px #BF0000;
  padding-left:5px;
}
/*-------------------------------------------------------------------
      End .link
---------------------------------------------------------------------
---------------------------------------------------------------------
      Begin a - tag in div.link - tag
-------------------------------------------------------------------*/
div.link a {

  white-space:nowrap;
}
/*-------------------------------------------------------------------
      End a - tag in div.link - tag
---------------------------------------------------------------------
---------------------------------------------------------------------
      Begin .question - tag
-------------------------------------------------------------------*/
.question {

  color:#000000;
}
/*-------------------------------------------------------------------
      End .question
---------------------------------------------------------------------
---------------------------------------------------------------------
      Begin .answer - tag
-------------------------------------------------------------------*/
.answer {

  font-style:italic;
}
/*-------------------------------------------------------------------
      End .answer
---------------------------------------------------------------------
---------------------------------------------------------------------
      Begin .float_left - tag: no line break
-------------------------------------------------------------------*/
.float_left {

  float:left;
  background-color:#E0E0E0;/*#FFAA00;*/
  margin-right:25px;
  vertical-align:top;
}
/*-------------------------------------------------------------------
      End .answer
---------------------------------------------------------------------
---------------------------------------------------------------------
      Begin .poem - tag: font  foor poems
-------------------------------------------------------------------*/
.poem {

  font-family:'Monotype Corsiva';
}
/*-------------------------------------------------------------------
      End .poem
---------------------------------------------------------------------
---------------------------------------------------------------------
      Begin p.poem - tag: font and size foor poems in p-tags
-------------------------------------------------------------------*/
p.poem {

  font-size:18px;
  margin-left:150px;
  margin-bottom:25px;
}
/*-------------------------------------------------------------------
      End p.poem
---------------------------------------------------------------------
---------------------------------------------------------------------
      Begin h1.poem - tag: font and size foor poems in h1-tags
-------------------------------------------------------------------*/
h1.poem {

  font-size:30px;
  margin-left:50px;
  margin-bottom:50px;
}
/*-------------------------------------------------------------------
      End 1.poem
---------------------------------------------------------------------
---------------------------------------------------------------------
      Begin h3.poem - tag: font and size foor poems in h1-tags
-------------------------------------------------------------------*/
h3.poem {

  font-size:20px;
  margin-left:100px;
  margin-top: -25px;
  margin-bottom:25px;
}
/*-------------------------------------------------------------------
      End 3.poem
---------------------------------------------------------------------
---------------------------------------------------------------------
      Begin #foot - tag: size for foot of poems
-------------------------------------------------------------------*/
#foot {

  font-family:'Monotype Corsiva';
  font-size:12px;
  margin-left:350px;
  margin-bottom:50px;
}
/*-------------------------------------------------------------------
      End #foot
---------------------------------------------------------------------
---------------------------------------------------------------------
      Begin #letter - tag: formating single letter
-------------------------------------------------------------------*/
#letter {

  /*font-size:12px;*/
  margin-left:5px;
  margin-right:5px;
  color:black;
}
/*-------------------------------------------------------------------
      End #letter
---------------------------------------------------------------------
---------------------------------------------------------------------
    Ende "Generell"
---------------------------------------------------------------------
---------------------------------------------------------------------
-------------------------------------------------------------------*/