body
{
  font-family: Arial, Helvetica, Geneva, Sans-Serif, Swiss, SunSans-Regular; 
  font-size: 11px;

  margin: 0;
  border: 0;
  padding: 0;
  height: 100%; 
  max-height: 100%; 

  overflow: hidden; 

  color: #917E84;
}


img
{
  /* grundsätzlich/eigentlich keine Rahmen um Bilder, wenn sie Links beinhalten... */
  border: 0;
}

.imgBorder
{
  /* Damit die Logos in "Links" einen sanften Rahmen haben... */
  border: solid 2px #917E84 ! important;
}


.title, .subtitle, .copy
{
}

#start .title
{
  color: White;
  font-size: 20px; 
}

.title
{
  font-size: 30px; 
  font-weight: bold
}

.subtitle
{
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
}

.copy, .copyBlack
{
  font-size: 10px;
}

.copyBlack
{
	color: Black;
}


A:link, A:visited
{
  color: #917E84;
  text-decoration: none;
}

A:hover, A:active
{
  color: #917E84;
}


#ro_wrapper
{
  text-align: center;
}

#widthwrapper
{
  width: 840px;
  margin-left: auto;
  margin-right: auto; 
}



#contentwrapper
{
  width: 840px;

  margin-left: auto;
  margin-right: auto; 
  
  position: fixed; 

  top: 239px;
  bottom: 0px; 
  left: 0px;
  right: 0px;
   
  overflow: auto; 
}


* html body 
{
  padding: 234px 0px 0px 0px; 
}

* html #contentwrapper 
{
  height: 100%; 
  width: 100%; 
}









/*
  ---------- Workshops ----------
*/
#workshops
{
	width: 791px;
	margin-left: auto;
	margin-right: auto;
}

#workshops #left
{
	width: 534px;
	float: left;
	padding: 10px 10px 0px 0px;
	background-color: White;
}

#workshops #left A:link, #workshops #left A:visited, #workshops #left A:hover, #workshops #left A:active
{
	color: #917E84;
	text-decoration: underline;
}

#workshops #right
{
	width: 247px;
	float: left;
}

#workshops #right_top
{
	padding: 10px;
	background-color: #E6E0E2;
}

#workshops #right_bottom
{
	height: 100%;
	padding: 10px;
	background-color: #9C8A8F;
	color: White;
	font-size: 12px;
}

#workshops #bottom
{
	width: 100%;	
	float: left;
	background-color: #A4BE7F;
	color: White;
}

#workshops #bottom_a
{
	padding: 10px;
	font-size: 12px;
}

#workshops #bottom_a A, #workshops #right_bottom A
{
  color: White;
}

#workshops #bottom_b
{
	background-image: url('bilder/workshop_a.jpg');
	height: 167px;
}

#workshops #bottom_c
{
	background-image: url('bilder/workshop_b.jpg');
	height: 201px;
	padding: 25px 25px 10px 396px;
}


#workshops .nikinfo
{
	color: #9C8A8F;
}

#workshops .verschoben
{
	background-image: url('bilder/verschoben.jpg');
	background-position: 150px 0px;
	background-repeat: no-repeat;
}

#workshops .title, #workshops .titleWhite
{
  font-size: 15px;
  font-weight: bold;
}

#workshops .title
{
  color: Black;
}

#workshops .titleWhite
{
  color: White;
}


/*
  ---------- Startseite ----------
*/
#start
{
  width: 100%;
  text-align: left;
}

#start1, #start2, #start3
{
  color: White;
  float: none;

  background-position: center;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
}

#start1
{
  background-image: url('bilder/start-willkommen-1.jpg');
  height: 219px;
  width: 380px;
  padding-left: 25px;
  padding-right: 350px;
  padding-top: 0px;
}

#start2
{
  background-image: url('bilder/start-willkommen-2.jpg');
  width: 755px;
  height: 289px;
}

#start3
{
  background-image: url('bilder/start-willkommen-3.jpg');
  width: 275px;
  height: 188px;
/*
  padding: 25px 25px 10px 396px;
*/
  padding-left: 380px;
  padding-top: 30px;
  padding-right: 100px;
}