/*

*/

html, body {
}

body {
  background:#f4f0ed url(img/bg.jpg) top left repeat-x;
}

html,body,div,p,h1,h2,h3,ul,li,blockquote,a,img,table,td,span {
  margin:0;
  padding:0;
  border:0;
  font-family:helvetica,arial,sans-serif;
  font-weight:normal;
  text-decoration:none;
  color:#582c08;
}

html,body,div,p,h1,h2,h3,ul,li,blockquote {
  font-size:12px;
  line-height:17px;
}

img {
  vertical-align:bottom;
}

table {
border-collapse:collapse;  
}

td {
  vertical-align:top;
}

h1 {
  font-family: 'Oswald', sans-serif;
  color:#9ec31e;
  font-size:14px;
  line-height:20px;
}

.header_only h1 {
  font-size:18px;
  line-height:24px;
  margin-top:0;
}

h2 {
  font-weight:bold;
  margin-top:10px;
}

a:active, a:focus {
  outline: none;
}

a.external-link-new-window {
  background:url(img/gruener-Pfeil-klein.png) left 3px no-repeat;
  padding-left:15px;
}

a.download {
  background:url(img/gruener-Pfeil-klein-unten.png) left 2px no-repeat;
  padding-left:15px;
}

a:hover, a:focus {
  text-decoration:underline;
}

.detail {
  color:#c5db78;
}

.outer {
  position:relative;
  width:100%;
}

.inner {
  position:relative;
  margin:auto;
  width:1020px;
}

/* 
----------------------------------------------------------------------
  HINTERGUND
----------------------------------------------------------------------
*/

#background {
  position:absolute;
  height:700px;
}

#deco1 {
  position:absolute;
  top:-85px;
  left:-100px;
}

#deco2 {
  position:absolute;
  top:95px;
  right:240px;
}

#deco3 {
  position:absolute;
  top:625px;
  right:20px;
}

/* 
----------------------------------------------------------------------
  KOPF
----------------------------------------------------------------------
*/
 
#top {
  background:url(img/bg-header.png) center 40px repeat-x;
}

#header {
  height:160px;
}

#menu {
  position:relative;
  top:40px;
  left:28px;
}

#menu li {
  position:relative;
  display:inline-block;
  height:65px;
  width:160px;
  background:url(img/bg-menu-no.png) top left no-repeat;
  vertical-align:bottom;
}

#menu li.act {
  border-left-width:30px;
  background:url(img/bg-menu-act.png) top left no-repeat;
}

#menu li a {
  font-family: 'Oswald', sans-serif;
  color:#8a6b53;
  font-size:14px;
  display:inline-block;
  height:65px;
  width:160px;
  padding:42px 0 0 12px;
}

#menu li a:hover,#menu li a:focus, #menu li.act a {
  color:#582c09;
  text-decoration:none;
}




#logo {
  position:absolute;
  top:60px;
  right:30px;
}

/* 
----------------------------------------------------------------------
  INHALT
----------------------------------------------------------------------
*/

#middle {
  background:url(img/bg-content.png) center top repeat-x;
}

#content_top {
  position:relative;
  height:455px;
  width:100%;
}

#left  {
  position:absolute;
  top:20px;
  left:30px;
  width:640px;
  height:425px;
  background:url(img/bg-left-right.png) top left repeat-y;
}

.slider {
  position:absolute;
  top:180px;
  width:20px;
}

.slider a {
  display:block;
  line-height:65px;
  height:65px;
}

.slider-left {
  left:17px;
}

.slider-left a {
  background:url(img/Slider-Pfeil-links-inaktiv.png) top left no-repeat;
}

.slider-left a:hover, .slider-left a:focus {
  background:url(img/Slider-Pfeil-links-aktiv.png) top left no-repeat;
}

.slider-right {
  right:15px;
}

.slider-right a {
  background:url(img/Slider-Pfeil-rechts-inaktiv.png) top left no-repeat;
}

.slider-right a:hover, .slider-right a:focus {
  background:url(img/Slider-Pfeil-rechts-aktiv.png) top left no-repeat;
}


#content-left  {
  position:absolute;
  top:20px;
  left:70px;
  width:500px;
  height:375px;
}

#left-1, #left-2, #left-3 {
  position:absolute;
}


#left-1 {
  z-index:4;
}
#left-2 {
  z-index:3;
}
#left-3 {
  z-index:2;
}

#right  {
  position:absolute;
  top:20px;
  left:670px;
  width:320px;
  height:425px;
  background:url(img/bg-left-right.png) top left repeat-y;
}

#content-right  {
  position:absolute;
  top:20px;
  left:32px;
  width:290px;
  height:375px;
}

#content-left li, #content-right li {
  list-style:none;
  background:url(img/checkmark.png) left 2px no-repeat;
  padding-left:15px;
}

#content-left .action-items li, #content-right .action-items li {
  background:url(img/punkte.png) left 6px no-repeat;
}

#content-right .subcontent {
  margin-left:22px;
  margin-bottom:5px;
}

#content-right .subsubmenu li {
  background:none;
  padding-left:0;  
  margin-bottom:0px;
}

#content-right .subtitle, #content-right .subsubmenu li a {
  font-family: 'Oswald', sans-serif;
  color:#9b806b; 
  font-size:14px;
  line-height:20px;  
  text-transform:uppercase;
  background:url(img/rosa-Pfeil-klein.png) left 3px no-repeat;
  padding-left:20px;
}

#content-right .subtitle, #content-right .subsubmenu li a:hover, #content-right .subsubmenu li a:focus, #content-right .subsubmenu .act a {
  text-decoration:none;
  color:#582c09;
}

#content_middle {
  position:relative;
  height:90px;
  width:100%;
}

#submenu {
  position:relative;
  top:45px;
  margin-left:45px;
  margin-right:15px;
}

#submenu ul  {
display:table;
}

#submenu li {
  position:relative;
  display:table-cell;
  height:30px;
  vertical-align:top;
  white-space: nowrap;
}

#submenu li.forelast {
  width:100%;
  background:url(img/bg-submenu.png) left 8px repeat-x;  
}

#submenu li.last {
}

#submenu li span,#submenu li a  {
  font-family: 'Oswald', sans-serif;
  color:#9ec31e;
  font-size:19px;
  line-height:24px;
  padding:0 30px 0 30px;
  background:url(img/gruener-Pfeil.png) left center no-repeat;  
  white-space: nowrap;
}

#submenu li.last a {
  color:#9b806b;
  font-size:15px;
  padding:0 0 0 30px;
  background:url(img/brauner-Pfeil-End-Element.png) left center no-repeat; 
}


#submenu li a:hover, #submenu li a:focus, #submenu li.last a:hover, #submenu li.last a:focus, #submenu li.act a {
  color:#582c09;
  text-decoration:none;
}

.kontakt #content_middle {
  height:0;
}

.kontakt #content_bottom {
  top:45px;
  margin-bottom:45px;
}

#content_bottom {
  position:relative;
  width:100%;
  min-height:245px;
  margin-left:45px;
  padding-bottom:25px;
}

#content_bottom li {
  list-style:none;
}

#content_bottom h1 {
  margin-top: 9px;
}

#content_bottom .header_only h1 {
  margin-top:0;
}

.three-cols div {
  float:left;
  width:300px;
  margin-right:15px;
}

.four-cols div {
  position:relative;
  float:left;
  width:225px;
  margin-right:10px;
}

.four-cols div ul {
}

.four-cols li {
  list-style:none;
  margin-top:9px;
}

.four-cols li span {
  font-family: 'Oswald', sans-serif;
  color:#9ec31e;
  font-size:13px;
  line-height:20px;  
}

.four-cols li li {
  background:url(img/gruener-Pfeil-klein.png) left 5px no-repeat;
  padding-left:15px;
  margin-top:0;
}

.four-cols li li.cur {
  font-weight:bold;
}  

.four-cols li li.spc {
  background:none;
} 

.four-cols div a {
}

/* 
----------------------------------------------------------------------
  FUSS
----------------------------------------------------------------------
*/

#bottom {
  background:url(img/bg-footer.png) center 36px repeat-x;
  clear:both;
}

#footer {
  position:relative;
  width:100%;
  margin-bottom:20px;
  background:url(img/Button-z-Element.png) 32px top no-repeat;
}

#subtitle {
  position:absolute;
  left:130px;
  top:15px;
  font-size:13px;
  font-family: 'Oswald', sans-serif; 
}

.subtitle-1 {
  font-size:13px;
  font-family: 'Oswald', sans-serif;
  color:#9ec31e;
}

.subtitle-2 {
  font-size:13px;
  font-family: 'Oswald', sans-serif;
  color:#9b806b;
}

#service {
  position:absolute;
  top:-12px;
  right:0px;
}

#service li {
  list-style:none;
}

#address {
  position:relative;
  padding-left:760px;
  padding-top:60px;
}

.c2l1-left {
    border-right: none;
}


.blume-oben-solo #content_top {
  background:url(img/bg-blume-solo.png) right bottom no-repeat;
}
.blume-oben-duo #content_top {
  background:url(img/bg-blume-duo.png) right bottom no-repeat;
}
.blume-unten-solo-mit-wiese #content_bottom {
  background:url(img/bg-blume-solo-mit-wiese.png) 600px 20px no-repeat;
  padding-bottom:55px;
}
.blume-unten-solo-mit-wiese #bottom {
  margin-top:-55px;
}

.blume-unten-trio #content_bottom {
  background:url(img/bg-blume-trio.png) 600px 20px no-repeat;
  padding-bottom:55px;
}
.blume-unten-trio #bottom {
  margin-top:-55px;
}