body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	font-size: 67.5%;
	color: #333;
	background: #fff;
	margin: 0; padding: 0;
}
#wrapper {
	width: 900px;
	margin: 0 15px 30px 15px;
}

/* Typografie
------------------------------------------------ */
p, ul, ol, dl {
	font-size: 1.1em;
	line-height: 1.6;
	margin: 0; padding: 0;
}

.whitespace {
	white-space: nowrap;
}

h1 {
	position: relative;
	display: block;
	width: 100%; height: 100px;
	text-indent: -9999em;
	margin: 15px 0 15px 0; padding: 0;
}
	h1 img {
	  position: absolute; top: 0; left: 0;
		display: block;
		margin: 0; padding: 0;
	}

#logo {
	width: 900px; height: 190px;
	background: #eee url(header_gruen.jpg);
	margin: 0 0 60px 0; padding: 0;
	text-indent: -9999em;
}

h2 {
	font-size: 1.2em;
	letter-spacing: 0.6em;
	text-transform: uppercase;
	margin: 0 0 30px 0; padding: 0;
}

h3 {
  font-size: 1.2em;
  letter-spacing: 0.6em;
  text-transform: uppercase;
  margin: 0; padding: 30px 0 .6em 0;
}

h4 {
	font-size: 1em;
	letter-spacing: .4em;
	text-transform: uppercase;
	margin: 0; padding: 1.8em 0 .4em 0;
}

h5 {
	font-size: 1.1em;
	font-weight: normal;
	margin: 0; padding: 0 0 .4em 0;
	color: #9c3;
}

p {
  padding-bottom: .6em;
}

strong {
	color: #9c3;
	font-weight: normal;
}

dt {
  color: #9c3;
  margin-top: .4em;
}

dd {
  margin: 0;
}

dd.description {color: #aaa; font-size: .9em; padding-bottom: .2em;}

.hinweis {color: #aaa; font-size: .9em; padding-bottom: .2em;}
.markiert {color: #f00;}
  

/* Formular
------------------------------------------------ */
label {
	color: #9c3;
	font-size: .9em;
}

input#subject, input#body, input#email {
	width: 250px;
	border: 1px solid #ddd;
	margin-bottom: 15px;
}

textarea {
	width: 250px;
	border: 1px solid #ddd;
	font-size: 1.2em;
	color: #333;
}

/* Struktur
------------------------------------------------ */
#angebot {
  float: left;
	width: 271px;
	border-left: 1px solid #ddd;
	margin: 0 29px 0 310px; padding: 0 0 30px 8px;
}

#betreuung {
	float:left;
	width: 271px;
	margin: 0 29px 0 -620px; padding: 0 0 30px 0;
}
  img#monicagassner {
	  float: left;
	  margin: -20px 8px 0 0;
  }

#kontakt {
	float:left;
	width: 271px;
	border-left: 1px solid #ddd;
	margin: 0; padding: 0 0 0 8px;
}
	#kontakt dt {
		display: block;
    float: left;
    width: 30px; 
		height: 32px;
    text-indent: -9999em;
		margin: 0; padding: 0;
		color: #333;
	}
	#kontakt dt.display {
	  float: none;
	  width: 100%;
	  text-indent: 0;
    margin-bottom: -1.2em;
    padding: 6px 0 0 38px;
	}
	#kontakt dd {
		margin: 0 8px 8px 0; padding: 2px 0 0px 38px;
		font-size: 1.2em;
		color: #9c3;
	}
	
#fotogalerie {
	margin: 0; padding: 30px 0;
}
  #fotogalerie img {
	  margin: 0; padding: 0;
  }

dt.telefon {
	background: url(telefon.png) no-repeat;
}

dt.adresse {
	background: url(adresse.png) no-repeat;
}

#message {
  width: 292px;
  margin: -30px 0 30px 0; padding: 8px 600px 8px 8px;
  color: #9c3;
  background: #ffc;
}

/* Links
------------------------------------------------ */
a {
  color: #ffa031;
  text-decoration: none;
  border-bottom: 1px dotted #ffa031;
}
a:hover {border-bottom: 1px solid #ffa031;}


/* Listen
------------------------------------------------ */
ul {
  margin-left: 1em;
}

ul li {
  list-style-type: disc;
}

.pdf {
  padding: 0 0 0 20px;
  background: url(pdf.png) top left no-repeat;
}