body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #385F7E;
	background-color: #FCF9F3;
  margin: 0px;
  padding: 0px;
  background-image: url(http://pgfakt.de/shop/insel.jpg);
  background-image: url(http://pgfakt.de/demo.gif);
	background-repeat: repeat-x;
}
/*-------- NAVILEISTE ------- */
#navi {
  margin-top: 80px;
  width: auto;
  height: 18px;
  background-color: #59a5bb;
  color: #ffffff;
  padding: 4 20 4 20;
  font-size: 90%;
  font-weight: bold;
}
#navi a:link, #navi a:visited{
  background-color: transparent;
  color: #ffffff;
  text-decoration: none;
}
#navi a:hover {
  background-color: #D9EBF0;
  color: #000000;
}
#red a:hover {
      background-color: #FF0000;
        color: #000000;
    }
    
/*-----------------------------------*/
#content {
  border-left: 30px solid #FCF9F3;
  border-right: 20px solid #FCF9F3;
}
#rightbar {
  border-right: 10px solid #FCF9F3; 
}
#leftbar {
  background-color: #418BA0;
  color: #ffffff;
  padding-left: 20px;
  font-weight: bold;
}
.leftitem {
  border-bottom: 1px solid #ffffff;
  display: block;
  margin-top: 7px;
}
.leftitem a:link, .leftitem a:visited {
  background-color: transparent;
  color: #ffffff;
  text-decoration: none;
}
.leftitem a:hover {
  background-color: #D9EBF0;
  color: #000000;
  display: block;
  text-decoration: none;
}

/*--------- CONTANT ---------- */
h1 {  
  font-size: 160%;  
}
h2 {
	font-size: 140%;
}
h3 {
  font-size: 120%;
}
h4 {
	font-size : 110%;
}
h5 {
	font-size : 100%;
}
h6 {
	font-size : 90%;
}
.text, p {
  font-size: 80%;
}
.small {
  font-size: 70%;
}
th {
  background-color: #59a5bb;
  color: #ffffff;
  font-size: 80%;
  font-weight: bold;
  vertical-align: middle;
}

td {
	background-color: transparent;
  color: #385F7E;
  font-size: 80%;
  vertical-align: top; 
}
.art {
  border: 1px;
  border-color: #385F7E;
  border-style: solid; 
  font-size: 80%; 
  background-color:  #F8F0E0; 
}
.boxrechts {
  color: #385F7E;
  background-color: transparent;
  border: 1px;
  border-color: #385F7E;
  border-style: solid;
  width: 180px;
  padding: 8px; 
  text-align: left; 
  font-size: 100%;
}
.boxtitel{
  background-color: transparent;
  color: #F97C00;
  font-weight: bold;
  font-size: 120%;
  margin-top: -5px;
}
.nomaltext {
  background-color: transparent;
  color: #385F7E;
}
.rot {
  background-color: transparent;
  color: #F97C00;    
}
.rot100{
  font-size: 100%;
  background-color: transparent;
  color: #F97C00; 
  font-weight: bold;  
}
.weiss {
  background-color: transparent;
  color: #ffffff;
}
.inline {
  display: inline;
}
.btt {
  font: 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #eeeeee;
	border: 1px solid #77942A;
  font-size: 12px;
}