html, body
 {
    font: 100.01% Verdana, Arial, sans-serif; color: #808080;
    background: #ffffff;
    margin: 0;
    padding: 0;
}

/* Text-Decoration fuer Links */

    a { text-decoration:none; }
    a:link { color: #7fa3c7 }
    a:visited {  color: #7fa3c7}
    a:active { color: #E8F975}
    a:hover {color: #333333; text-decoration: none; }

    /* image link behaviour */
a img {
border: 1px solid #333333;} 

a:hover img {
border: 1px solid #ffffff;}

p {
    font: 75% Verdana, Arial, sans-serif;
    line-height: 150%;
}
p1 {
    font: 90% Verdana, Arial, sans-serif;
    line-height: 150%;
}

h1 {
    font: 200% Verdana, Arial, sans-serif;
    text-align: right
}
h2 {
    font: 75% Verdana, Arial, sans-serif;
    line-height: 120%;
    font-weight: bold;
    color: #7fa3c7;
}
h3 {
    font: 200% Verdana, Arial, sans-serif;
    text-align: center;
    font-weight: bold;
    line-Height: 300%;
    color: #B2CD00;
}

h4 {
    font: 120% Avenir, Times, normal, serif;
    width: 700px;
    line-height: 100%;
    color: #333333;
    text-align: center;
    margin: auto;
}

* {
  margin:0;
  padding:0;
}
.j {
    text-align: justify;
}
.l {
    text-align: left;
}
.r {
    text-align: right;
}
.c {
    text-align: center;
}

.zeitung {
    font: 80% Times New Roman, Times, normal, serif;
    line-height: 100%;
    text-align: justify;
    color: #333333
}

.zeitungh1 {
    font: 240% Times New Roman, Times, normal, serif;
    line-height: 100%;
    text-align: center;
    color: #333333
}

.zeitungh2 {
    font: 80% Times New Roman, Times, normal, serif;
    line-height: 110%;
    text-align: center;
    color: #333333
}

.fett {
    font-weight: bold;
}

.weiss {
    font-weight: bold;
    color: #F0F0F0;
}

.rot {
    color: #FF0000;
}

.gruen {
    font-weight: bold;
    color: #B2CD00;
}

.capitals {
    text-transform: capitalize;
}

.kursiv {
    font-style: italic;
}

.underline {
    text-decoration: underline;
}

.linksb {
    text-align: left;
}

.hgrot {
    background-color: #800000;
}

.innertube {
    margin: 0 0px 0 0px; /*Margins for inner DIV inside each column (to provide padding)*/
}

.innertube2 {
    margin-top: 20px
}

#seite {
  width: 840px;
  margin: 0 auto;
}

#kopfbereich {
  /* background: no-repeat url(bilder/hintergrundkopf1.jpg); */
  background-color: #ffffff;
  height: 65px 
}

#kopfbereich h1 {
    margin: 0;
    padding-top: 20px;
}


#linkespalte{
    float: left;
    width: 160px;
    margin-left: -840px;
}

/* folgende 5 fuer die seiten: index.htm vita.htm kontakt.htm */
#inhaltwrapper {
    float: left;
    width: 100%;
}

#inhalt {
  margin-right: 283px;
  padding: 10px 0 10px 0;
  background-color: #ffffff;
}

#inhaltfliess {
    margin-right: 283px;
    padding: 10px 110px 10px 0;
    background-color: #ffffff;
  }

#bilderrand {
  float: left;
  width: 283px; 
  margin-left: -283px;
  background: no-repeat url(../bilder/judithkamphues.jpg);
  background-color: #202020;
}

#bilderrand2 {
  float: left;
  width: 283px;
  margin-left: -283px;
  background: no-repeat url(../bilder/singer_judith4.jpg);
  background-color: #202020;
}

#bilderrand3 {
  float: left;
  width: 283px;
  margin-left: -283px;
  background: no-repeat url(../bilder/teacher_judith7.jpg);
  background-color: #202020;
}

#bilderrand4 {
  float: left;
  width: 392px;
  height: 427 px;
  margin-left: -392px;
  background: no-repeat url(../bilder/judithkamphues_2.jpg);
  background-color: #ffffff;
}

/* artikelrand not in use */
#artikelrand1 {
  float: left;
  width: 283px;
  margin-left: -283px;
  background: #E4E4E4;  
}

#fussbereich {
  clear: left;
  width: auto;
  padding-top: 5px;
  background-color: #ffffff;
  text-align: right
}

/* folgende drei fuer die seite presse01.htm */

#artikelboxwrapper {
    float: left;
    width: 100%;
}

#artikelbox {
    margin-right: 546px;
  padding: 10px 0 10px 0;
  background-color: #EAE4AD;
}

#mainboxright {
    float: left;
  width: 546px;
  margin-left: -546px;
  background-color: #2C2C2C;
}

/* ab hier spalten f�r seite repertoire */
#spalte1 {
    
    float: left;
    width: 280px;
    margin-left: -840px;
    background-color: #2B2B2B;
    
}
#spalte2wrapper {
    float: left;
    width: 100%;
}

#spalte2 {
    margin: 0 280px 0 280px;
    background-color: #2E2E2E;
}

#spalte3 {
   
    background-color: #2B2B2B;
    float: left;
    margin-left: -280px;
    width: 280px;
    
}

/* these 2 attributes bring the li flush to the top and left of the box */
ul.pubgallery {
margin: 0px;
padding: 0;} 

.pubgallery li {
display: inline;
list-style: none;
text-indent: 0px;
width: auto;
height: 170px;
float: left;
margin: 0 5px 0px 0;}

.next {
    height: 31px;
    width: 108px;
    border: none;
    float: right;
    cursor: pointer;
    background-color: #B2CD00;
    color: #F0F0F0;
}

.next:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
  }

.prev {
    height: 31px;
    width: 108px;
    border: none;
    float: left;
    cursor: pointer;
    background-color: #B2CD00;
    color: #F0F0F0;
}

.prev:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}