/* KV Grote Ferienwohnungen */
body {
	line-height: 1;
	color: black;
	background: url(style-neutral_FILES/bg-harz.jpg) top repeat-x #9AC82E;
	text-align: center;
}
#container {
  width: 802px;
  background: #FFF;
  text-align: left;
  margin: 20px auto;
}

#wrapper {
  padding: 1px;
  background: url(style-neutral_FILES/bg-content-harz.gif) repeat-y;
}

#head {
  background: none;
  padding: 57px 40px 48px;
}

#head #logo {
  background: url(style-neutral_FILES/logo-harz.gif) no-repeat;
  width: 162px;
  height: 61px;
}

#head p {
  font-size: 12px;
  float:left;
  display: block;
  margin-left: 85px;
  width: 470px;
  line-height: 14px;
  position: relative;
  top: -8px;
}

#head p .green {
  color: #85B930;
  font-weight: bold;
}

#head p .blue {
  color: #2897A8;
  font-weight: bold;
}

#head .lastrow {
  position: relative;
  top: 10px;
}

/*------------------------------------------------------------------- TOOLBAR */

#toolbar {
  background: #79B11A;
  height: 23px;
}

#quicklinks {
  background: #91BF43;
  width: 247px;
  height: 23px;
}

#quicklinks ul li a {
  margin: 0px 16px;
  color: #FCFF45;
  text-decoration: none;
  text-transform: uppercase;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}
/*---------------------------------------------------------------- NAVIGATION */
#navi {
  float: left;
  width: 247px;
  background: url(style-neutral_FILES/bg-left.gif) 0px 1px repeat-x;
}

.navi {
  background: url(style-neutral_FILES/bg-navigation.gif) top repeat-x;  
  margin-top: 10px;
}

.nav-header {
  display:none;
}

.navi li {
  background: url(style-neutral_FILES/bg-navigation.gif) bottom repeat-x;
}

.navi li a {
  text-decoration: none;
  font-size: 12px;
  font-family: Arial, Verdana, sans-serif;
  display: block;
  padding: 17px 3px;
  background: url(style-neutral_FILES/rarrow.gif) right no-repeat;
  color: #808080;
}

#navi-harz {
  margin: 34px 24px 0px 23px;
  background: url(style-neutral_FILES/wohnungen-harz.gif) 0 0  no-repeat;
  padding-top: 23px;
}

#navi-ostsee {
  margin: 0px 24px 20px 23px;
  background: url(style-neutral_FILES/wohnungen-ostsee.gif) 0 0  no-repeat;
  padding-top: 23px;
  
}

/*------------------------------------------------------------------- CONTENT */

#c-wrapper {
  padding: 40px 23px 40px 24px;
  background: url(style-neutral_FILES/bg-content-top-harz.gif) 0px 1px repeat-x;
  float:left;
}

#content {
  width: 506px;
}

p a {
  color: #8FB347;
  text-decoration: underline;
}

p a:hover {
  color: #000;
  text-decoration: none;
}

.clear {
  float:none;
  clear:both;
  visibility: hidden;
}

/*-------------------------------------------------------------------- FOOTER */

#footer {
  background: #79B11A;
  color: #FFF;
  padding: 10px;
  font-size: 12px;
  text-align: center;
}

#footer a {
  color: #FFF;
  text-decoration: underline;
}

/*------------------------------------------------------------------ HEADINGS */

h1, .csc-firstHeader {
  font-size: 17px;
  color: #5B5E59;
  border-bottom: 1px solid #CBCBCB;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

/*-------------------------------------------------------------------- TEASER */

.teaser-startseite {
  width: 248px;
  border: 1px solid #808080;
  float:left;
  margin: 0 0;
}

.teaser-startseite img {
  margin: 1px;
}

.teaser-startseite h3 {
  font-size: 13px;
  font-weight: bold;
  padding: 11px 10px;
}

.teaser-startseite p {
  padding: 10px 15px;
  font-size: 11px;
  line-height: 17px;
}

.teaser-startseite p a {
  text-decoration: none;
  color: #000;
  padding-left: 15px;
  font-weight: bold;
}

/*--------------------------------------------------------------- TEASER HARZ */

.teaser-harz {
  background: #D7E9AB;
  margin-right: 6px
}

.teaser-harz h3 {
  color: #6A9C15;
}

.teaser-harz p {
  color: #4A734B;
}

.teaser-harz p a {
 background: url(style-neutral_FILES/icon-liste-harz.gif) 0px 3px no-repeat;
 color: #4A734B;
}

/*------------------------------------------------------------- TEASER OSTSEE */

.teaser-ostsee {
  background: #D5E9F3;
}

.teaser-ostsee h3 {
  color: #148BA1;
}

.teaser-ostsee p {
  color: #4A6073;
}

.teaser-ostsee p a {
 background: url(style-neutral_FILES/icon-liste-ostsee.gif) 0px 3px no-repeat;
 color: #4A6073;
}

/*------------------------------------------------------------------ MAILFORM */

#mailform .csc-mailform-field input, #mailform .csc-mailform-field textarea {
  border: 1px solid #9DAEA4;
  background: #FFF;
}

#mailform .csc-mailform-field #mailformformtype_mail {
  background: #79B11A;
  color: #FFF;
}