/*
 * GLOBAL
 */

body {
  background-color: #70A070;
  font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding: 0px;
  margin:0px;
}

a {
  color: #000000;
}

em {
  font-weight: bold;
}

.cont1 {
position: relative;
  background-color: #EEFFBB;
  width: 800px;
  min-height: 650px; 
  text-align: center;
  border:1px solid #508050;
  margin-top: 5px;
  margin-left:auto;
  margin-right:auto;
}

.cont2 {
  position: relative;
  background-color: #F0FFD0;
  width: 798;
  min-height: 646px; 
  text-align: center;
  border: 2px solid #70A070;
  padding-bottom: 75px;
}

/*
 * NAVI
 */

.preloader {
  height: 0px;
  width: 0px;
  background: url(img/f_02.jpg);
}

.preloadersw {
  height: 0px;
  width: 0px;
  background: url(img/gf_02.jpg);
}
.navi {
  position: relative;
  width: 700px;
  height: 200px;
  background-color: #FFFFFF;
  background: url(img/f_01.jpg);
  margin-left:auto;
  margin-right:auto;
  margin-top: 15px;
  border: 1px #508050 solid;
}

.navi:hover {
  background: url(img/gf_01.jpg);
}

.menubox {
  position: absolute;
  bottom: 0px;
}

#spruch {
  font-size: 10px;
}

#head {
  position: absolute;
  top: 35px;
  width:698px;
  padding: 8px 0px;
  font-size: 30px;
  border-width: 1px;
  border-style: solid;
}

.hov0 {
  background-color: #FFFFFF;
  opacity: 0.6;
  border-color: transparent;
}

.hov1 {
  background-color: #D9FFB1;
  border-color: #33D82E;
  opacity: 0.5;
}

.hov2 {
  background-color: #EDA5A5;
  opacity: 0.5;
  border-color: #FF0000;
}

.hov3 {
  background-color: #86CDFF;
  border-color: #3399FF;
  opacity: 0.5;
}

.hov4 {
  background-color: #F3C473;
  border-color: #FF741E;
  opacity: 0.5;
}

ul#menu {
  vertical-align: bottom;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:0;

}

ul#menu li{
  list-style-type:none;
  margin:0;
  padding:0;
  float: left;
  width: 150px;
  margin-right:5px;
  text-align: center;
  border: 1px black solid;
  border-bottom: 0px;
}

ul#menu a{
  display:block;
  text-decoration:none;
  padding:2px;
  font-size: 18px;
}

/*
 * MAIN
 */

.main {
  position: relative;
  top: 35px;
  left: 20px;
  width: 525px;
}

.content {
  position: relative;
  visibility: visible;
}

.content_h{
  visibility: hidden;
  display:none
}

.topline {
  position: absolute;
  width: 200px;
  border-style: solid;
  border-width: 0 20px 20px 0;
}


div#c1 .topline {
  border-color: transparent transparent #C9FFA1 transparent;
}

div#c2 .topline {
  border-color: transparent transparent #EDA5A5 transparent;
}

div#c3 .topline {
  border-color: transparent transparent #86CDFF transparent;
}

div#c4 .topline {
  border-color: transparent transparent #F3C473 transparent;
}

.toplinetext {
  position: absolute;
  font-size: 16px;
  left: 10px;
  color: black;
}

.text {
  position: relative;
  top: 20px;
  width: 525px;
  padding: 7px;
  text-align: justify;
}

div#c1 .text {
  border: 1px #C9FFA1 solid;
}

div#c2 .text {
  border: 1px #EDA5A5 solid;
}

div#c3 .text {
  border: 1px #86CDFF solid;
}

div#c4 .text {
  border: 1px #F3C473 solid;
}

/*
 * SIDEBAR
 */

.sidebar {
  position: absolute;
  top: 260px;
  right: 20px;
  width: 200px;
}

div#sidebar .topline {
  position: absolute;
  width: 75px;
  border-style: solid;
  border-width: 0 20px 20px 0;
  border-color: transparent transparent #c39fe5 transparent;
}

div#sidebar .text {
  position: relative;
  top: 20px;
  width: 180px;
  padding: 7px;
  text-align: left;
  border: 1px #c39fe5 solid;
  height: 400px;
}

.outlink {
  border-width: 0px;
  opacity: 0.75;
}

.outlink:hover {
  opacity: 1;
}

/*
 * DEBUG
 */

/*
div {
  border: 3px #FF00FF solid !important;
}

*/