@import url(reset.css); /* Reset CSS */

/* BODY ------------------------------------------------------------------ */

body {
    background: #288e20 url(img/bg-content.png) repeat-x 0 0;
    color: #fff;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
    font-size: 87.5%;
    line-height: 1.5;
}

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

h1, h2, h3, h4, h5, h6 {
    font-family: Georgia, Times, 'Times New Roman', serif;
    font-weight: normal;
    color: #fe58be;
    text-shadow: -1px 0 4px rgba(0,0,0,0.8);
}

h1 { font-size: 24px; margin-bottom: 20px; }
h2 { font-size: 18px; margin-bottom: 15px; }
h3 { font-size: 16px; margin-bottom: 10px; }

/* TYPOGRAPHY ----------------------------------------------------------- */

p { margin-bottom: 1.5em; }

strong { font-weight: bold; }
em, dfn { font-style: italic; }

li ul, li ol { margin: 0; }
ul, ol { margin: 0; padding-left: 25px; }
ul { list-style-type: square; }
ul li { margin-bottom: 5px; }
ol { list-style-type: decimal; }

/* LINKS ---------------------------------------------------------------- */

a:link { color: #fe58be; text-decoration: underline; }
a:visited { color: #fe58be; text-decoration: underline; }
a:hover { color: #fff; }
a:focus { color: #fff; }
a:active { color: #fff; }

/* IMAGES & VIDEOS ------------------------------------------------------ */

img.floatleft { float: left; margin: 0; }
img.floatright { float: right; margin: 0; }

/* LAYOUT --------------------------------------------------------------- */

.wrap {
    margin: 0 auto;
    width: 960px;
    position: relative;
}

#header {
    height: 150px;
}

h1#logo { margin: 0; }

#header h1 a {
    background: url(img/logo.png) no-repeat 0 0;
    display: block;
    position: absolute;
    left: 0;
    top: 20px;
    width: 250px;
    height: 90px;
    text-indent: -9999px;
}

#body {
    overflow: hidden; 
    margin: 30px 0;
    text-shadow: -1px 0 4px rgba(0,0,0,0.5);
}

#body .wrap {
    background: url(img/bg-flowers-top.png) no-repeat right 50px,
                url(img/bg-flowers-bottom.png) no-repeat 35px bottom;
    overflow: hidden;
    min-height: 455px;
}

#footer {
    background: #b33e87 url(img/bg-footer.png) repeat-x 0 -2px;
    height: 35px;
    padding: 45px 0;
    color: #510c36;
    font-size: 12px;
    text-shadow: 0 1px 1px #d697bf;
    text-align: center;
    clear: both;
}

#footer p { margin-bottom: 0; }
#footer a { color: #510c36; text-decoration: none; }

.module {
    clear: both;
    margin-bottom: 50px;
    overflow: hidden;
}

.gallery {
    width: 480px;
    background: #1d6616;
    overflow: hidden;
    float: left;
    margin-right: 50px;
    border: 5px solid #1d6616;
}

#homepage h2 { font-size: 24px; margin-bottom: 20px;}
#homepage h3 { color: #fff; font-style: italic; }

#beet-balkonpflanzen .gallery { height: 240px; }

.gallery img { float: left; }

#map-1, #map-2, #map-3 {
    background: #1d6616;
    width: 480px;
    height: 340px;
    overflow: hidden;
    float: left;
    margin-right: 50px;
    border: 5px solid #1d6616;
}

#friedhofsgaertnerei {
    width: 420px;
    float: right;
    margin-bottom: 50px;
}

#firmengeschichte {
    width: 610px;
}

.home-module {
    width: 455px;
    float: left;
    margin-bottom: 25px;
}

.home-module img { 
    float: left; 
    margin-right: 15px;
    border: 5px solid #1d6616;
}

#floristik { margin-right: 50px; }

#impressum {
    width: 300px;
    float: right;
}

#datenschutz {
    width: 610px;
    float: left;
    margin-right: 50px;
}

/* NAVIGATION ----------------------------------------------------------- */

#nav {
    text-shadow: -1px 0 4px #aaa;
    position: absolute;
    right: 0;
    top: 20px;
    list-style: none;
}

#nav li {
    float: left;
    padding-left: 18px;
    margin-left: 10px;
    background: url(img/nav-seperator.png) no-repeat 0 center;
    height: 15px;
    line-height: 15px;
}

#nav li:first-child { background: transparent; }

#nav a {
    color: #b33e86;
    text-decoration: none;
    float: left;
}

#nav a:hover { border-bottom: 2px solid #b33e86; }
#nav a.active { border-bottom: 2px solid green; }