/*
  Theme Name: Grunder & Wurm
  Theme URI: http://www.weinekind.de
  Description: Wordpress theme for "Grunder & Wurm"
  Version: 1.0a
  Author: Stefan Metzner
  Author URI: http://www.weinekind.de
*/

@font-face {
    font-family:Garamond; 
    src: url(garamond.eot), url(garamond.pfr); 
}


html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  font-family: Verdana;
  font-size: 11px;
}

img {
  border: none;
}

#page {
  width: 980px;
  margin: 0 auto;
  margin-top: 15px;
  padding-bottom: 84px;
}
#page #header {
  width: 100%;
  height: 67px;
  position: relative;
}

#page #header ul#navi {
  position: absolute;
  top: 48px;
  left: 71px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#page #header ul#navi li {
  float: left;
  margin: 0 3px;
  font-size: 11px;
  color: #8dc0aa;
}

#page #header ul#navi li a {
  color: #8dc0aa;
  text-decoration: none;
}

#page #header ul#navi li a:hover {
  text-decoration: underline;
}

#page #header #logo {
  position: absolute;
  top: 0;
  right: 0;
  width: 133px;
  height: 58px;
  background: url('images/logo.jpg') no-repeat;
  cursor: pointer;
}
#page #header #logo h1 {
  display: none;
}

/*
    BANNERS
*/
#page #banners {
    position: relative;
    width: 100%;
    height: 157px;
}
#page #banners #banner1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 625px;
  height: 157px;
  background: url('images/banner1.jpg') no-repeat;
}

#page #banners #banner1 *{
    margin: 0;
    padding: 0;
}

#page #banners #banner2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 355px;
  height: 157px;
  background: url('images/banner2.jpg') no-repeat;
}



/*
    NAVBAR
*/

#page #navbar {
  width: 100%;
  height: 30px;
}

#page #navbar ul#navi2 {
  list-style-type: none;
  padding: 0;
  margin: 10px 0 0 71px;
}

#page #navbar ul#navi2 li {
  float: left;
  margin: 0 3px;
  color: #c40079;
  font-weight: bold;
}

#page #navbar ul#navi2 li a {
  color: #c40079;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}

#page #navbar ul#navi2 li a:hover, #page #navbar ul#navi2 li.current_page_item a, #page #navbar ul#navi2 li.current_page_parent a  {
  color: #eab814;
}


#page #sidebar {
  float: left;
  margin: 20px 24px 0 44px;
  width: 150px;
}

#page #sidebar ul#navi3 {
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 27px;
}

#page #sidebar ul#navi3 li {
  margin: 0;
  padding: 0;
  height: 27px;
}

#page #sidebar ul#navi3 li a {
  color: #c40079;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
}

#page #sidebar ul#navi3 li a:hover, #page #sidebar ul#navi3 li.current_page_item a {
  color: #eab814;
}

#page #sidebar #butterfly {
  margin: 40px 0 0 0;
  width: 78px;
  height: 82px;
  background: url('images/butterfly.jpg') no-repeat;
}

#page #content {
  float: left;
  margin: 20px 0 0 0;
  color: #333333; /* 575756 */
  width: 430px;
  line-height: 13pt;
}

#page #content a, #page #content a.active, #page #content a.visited {
  color: #1a8b5b;
  text-decoration: none;
}

#page #content a:hover {
  text-decoration: underline;
}

h2, h3, h4, h5, h6 {
  color: #1a8b5b;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
}

h2 {
    font-size: 16px;
    line-height: 18px;
}
h3 {
    color: #000;
    font-size: 10px;
    text-transform: none;
    margin: 10px 0;
}

/**
    FOOTER
*/
#wp_footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height:84px;

}

#startscreen {
    width: 980px;
    height: 448px;
    background-image: url('images/startscreen.jpg');
    background-repeat: no-repeat;
    background-color: transparent;
    margin: 0 auto;
}

#startscreen * {
    margin: 0;
    padding: 0;
    display: block;
    width:   100%;
    height:  100%;
}

.spring {
  background: url('images/footer_spring.jpg') repeat-x;
}

.summer {
  background: url('images/footer_summer.jpg') repeat-x;
}

.autumn  {
  background: url('images/footer_authumn.jpg') repeat-x;
}

.winter {
  background: url('images/footer_winter.jpg') repeat-x;
}

/**
    CLASS
*/
.clear {
  clear: both;
}

.wp-caption {
 float: left;
 margin: 0 0 10px 0;
}

.wp-caption-text {
  text-align: center;
  margin: 0;
}