/**********************************************************/
/*                                                        */
/*       CSS für Gerda's (Nicoline) blog                  */
/*                                                        */
/**********************************************************/

body {
  background-color : #ffffd0;
  font-family : "Comic Sans MS", "Times New Roman","Bookman Old Style", "Book Antiqua",  serif;
  font-size:16px;
  color : #800040; 
  margin-left:5%;
  text-align:justify;
}
body#txt p{
  text-align:left;
  text-indent:2.0em;
  }
div#blok {
   witdth:100%;
   display:block;
   }

/***** Tekstformattierung *****/

/***** Abschnitt mit indent *****/
p {
   margin:0.3em 0 0 0;
   /*text-indent:2.0em;*/
   text-align:center;
   }
p#border {
        border:thin solid #800040;
        margin:0 10% 0 10%;
        text-align:center;
    }    
/***** Abschnitt ohne indent *****/
p.fi {
   text-indent:0;
   }
/***** verdeling in kolommen *****/
.col {
   -moz-column-count:2; /* Firefox */
   -moz-column-gap:20px; /* Firefox */
   -webkit-column-count:2; /* Safari and Chrome */
   -webkit-column-gap:20px; /* Safari and Chrome */
   column-count:2;
   column-gap:20px;
   }
#col {
   -moz-column-count:2; /* Firefox */
   -moz-column-gap:20px; /* Firefox */
   -webkit-column-count:2; /* Safari and Chrome */
   -webkit-column-gap:20px; /* Safari and Chrome */
   column-count:2;
   column-gap:20px;
   }
u#non {
   font-family:"Futura Bk Bt";
   font decoration:none;
   }
#non {
   font-family:"Futura Bk Bt";
   }
/***** Kapitel & Abschnitte *****/
h1 {
   text-align:left;
   font-size:130%;
   font-style:bold;
   }
h5 {
   text-align:center;
   font-size:1.0em;
   }
h6 {
   text-align:center;
   font-size:1.0em;
   }
h3{
   display:block;
   font-size:110%;
   font-weight:bold;
   text-align:center;
   }
h2{
   font-size:100%;
   display:inline;
   font-style:bold;
   padding-right:0.5em;
   }

/***** weit schrift mit indent*****/
b {
  font-weight:normal;
  letter-spacing:3px;
  }
u {
  font-weight:normal;
  letter-spacing:3px;
  text-decoration:none;
  }
/***** kein indent *****/
b#no {
  font-weight:normal;
  letter-spacing:3px;
  padding-left:0.0em;
  }
/***** seitenmarkerung *****/
s {
   color:magenta;
   text-decoration:none;
   font-style:italic;
   }
/***** exponentiel schrift, italic *****/
sup {
   font-size:0.8em;
   font-style:italic;
   }
/***** klein schrift *****/
#kl{
   font-size:16px;
   } 
/***** linkmarkierung *****/
a {
   color:blue;
   text-decoration:none;
   }
a:hover {
   color:red;
   }
a img {
   border:none;
   width:16px;
   }
/***** billeder *****/
img{
   display:block;
   border:none;
   text-align:center;
   margin: 0.5em 0.5em 0.5em 0.5em;
   margin-bottom:0.5em;
   }
img#li{
   display:block;
   border:none;
   float:left;
   text-align:center;
   }
img#re{
   display:block;
   border:none;
   float:right;
   text-align:center;
   }

/***** Popup pictures *****/
u#pi {
   position: relative;
   letter-spacing:normal;
   z-index: 0;
   text-decoration:none;
   color:green;
   }

u#pi:hover{
background-color: transparent;
z-index: 50;
}

u#pi img{ 
   position: absolute;
   background-color: lightyellow;
   padding: 5px 5px 5px 5px;
   left: -1000px;
   width:300px;
   border: none;
   visibility: hidden;
   text-decoration: none;
   }

u#pi:hover img{ 
   visibility: visible;
   top: 0;
   left:6px; 
   }

/***** Popup noten *****/
u#wr {
   position: relative;
   z-index: 0;
   text-decoration:none;
   text-indent:0;
   letter-spacing:normal;
   color:green;
   }

u#wr:hover{
background-color: transparent;
z-index: 50;
}

u#wr span{ 
   position: absolute;
   font-size:75%;
   font-family : Arial,"Lucida Sans Unicode", non-serif;
   font-style:italic;
   font-decoration:none;
   width:300px;
   background-color: lightyellow;
   padding: 5px 5px 5px 5px;
   left: -1000px;
   text-align:left;
   color:brown;
   border: none;
   visibility: hidden;
   text-decoration: none;
   }
u#wr span#nli {
   left:-350px;
   text-align:left;
   }
u#wr span#bre {
   width:600px;
   left:-40px;
   }
u#wr:hover span{ 
   visibility: visible;
   top: 0;
   left:15px; 
   }
/***** Noten, anders *****/
u#wr {
   position: relative;
   z-index: 0;
   text-decoration:none;
   text-indent:0;
   letter-spacing:normal;
   color:green;
   }

u#wr:hover{
background-color: transparent;
z-index: 50;
}

u#wr u{ 
   position: absolute;
   font-size:75%;
   font-family : Arial,"Lucida Sans Unicode", non-serif;
   font-style:italic;
   font-decoration:none;
   width:300px;
   background-color: lightyellow;
   padding: 5px 5px 5px 5px;
   left: -1000px;
   text-align:left;
   color:brown;
   border: none;
   visibility: hidden;
   text-decoration: none;
   }
u#wr u#nli {
   left:-350px;
   text-align:left;
   }
u#wr u#bre {
   width:600px;
   left:-40px;
   }
u#wr:hover u{ 
   visibility: visible;
   top: 0;
   left:15px; 
   }

/**** Tabellen *****/
table tr td #e {
  width:5%;
  }
table tr td #t {
  width:95%;
  text-align:center;
  }

/***** Formulmarkierung, volle Regel *****/
dl {
  margin:0.4em 0 0.4em 0;
  padding:0;
  }
dl dt {
  float:left;
  width:15%;
  margin:0;
  padding:0;
  }
dl dt dd {
  margin:0;
  padding:0;
  }
dl dt dd#border {
  margin:0;
  padding:0;
  display:block;
  border:thin solid #800040;
  }

/***** opdatering *****/
#opd {
  padding-top:6.0em;
  text-align:right;
  font-size:10px;
  }