/* for ruben, cati and pieter only by dilemma.ch and ruderle.ch in 2007 */
/* CSS Document */

/* content general*/
#content {
  position: absolute;
  /*background-image:url(../images/amaza_bg_col.jpg);*/
  background-repeat: repeat;
  width: 818px;
  height:1099px;
  background-color: #219624; 
  z-index: 1;
}

#left {
  background-color: #219624; 
} 

/* right column with bg-pics*/
#right {
  margin:0 0 0 55px;
  padding: 0;
  border-left:1px solid #33CC33;
  width:326px;
  float:right;
}

/* left column with bg-pics*/
#left h1,#left h2 ,#left p {
  margin:0;
  padding:0px 0px 0px 60px;
  text-align:left;
}

#left a {
  color:#000000;
}  

 #left h1, #left h1 a {
  color:#FFFFFF;
  font-weight:bold;
  font-size:14px;
  padding-top: 16px;
    padding-bottom: 16px;
}

#left h2 {
  color:#000000;
  font-weight:bold;
  font-size:12px;
  padding-top: 16px;
}

#left p.space {
  line-height: 16px;
}  

#left p.longspace {
  line-height: 124px;
}

/* nur venue/accommodation */
.punkt {
  font-size: 9px;
}

#left #portrait img {
  margin:0 0 12px 12px;
  padding: 0;
  text-align: right;
  height: 100%;
  float:right;
}

#left p a.picture {
  color:#FFFFFF;
  text-decoration:underline;
  font-weight:normal;
}

/* nur workshops*/
#left .coursecontainer {
  border-bottom: 1px solid #33CC33;
  margin:0px 0px 0px 60px;
  padding:0;
} 

#left .coursecontainer p, 
#left .coursecontainer h1,
#left .coursecontainer h2 {
  margin:0;
  padding:0;
} 

#left .coursecontainer h1 {
  padding-bottom: 16px;
} 

#left .coursecontainer img {
  margin:0 0 0 20px;
  float: right;
  text-align: right;
}

/*popup pictures*/

.image, #illustration {
	position: absolute;
	width: 386px;
	height: 400px;
	margin: 40px 216px auto 216px;
	z-index: 4;
	visibility: hidden;
  }

.image {
  background-color:#000000;
  }

#illustration {
  background-color:#FFFFFF;
  }

.image img {
  margin: 18px;
  }

.image p, .image p.white {
  color: #FFFFFF;
  text-align:left;
  padding: 0 18px;
  margin: 0;
  }

h3 {
  margin:0;
  padding:0 18px;
  text-align:left;
  color:#FFFFFF;
  font-weight:bold;
  font-size:12px;
}

table  {
  margin:0;
  text-align:left;
  font-size:12px;
}

table .rates {
  margin:0;
  padding:0 0 0 20px;
  color:#FFFFFF;
  vertical-align:top;
}

table .angebot {
  margin:0;
  vertical-align:top;
}
  
#illustration a.close, .image p a.close {
  color: #FFFFFF;
  display:block;
  text-align:right;
  text-decoration: none;
  }
  
#illustration a.close {
  color: #000000;
  margin-right: 18px;
  }
 /*end popup pictures*/
/*end content */

#footer {
  margin: 0;
  padding: 0;
  background-image: url(images/fuss_gruen.jpg);
}

#footer p.footer {
  padding: 28px 0 28px 60px;
}

#footer p.footer a:link {
	text-decoration: none;
	color:#000000;
}