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

/* COLORS ----------------------------------------------------------------
    
    Grün: #006633 (Überschriften, Kopfzeile, Fußzeile)
    Weiß: #f0f0f0 (Hintergrund)
    Dunkelgrau: #222 (Textfarbe)
    
*/

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

body {
    background: #fff repeat 0 0;
    color: #222;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

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

h1, h2, h3 {
    font-weight: normal;
    color: #006633;
    font-family: Georgia, Times, 'Times New Roman', serif;
}

#body h1 {
    height: 50px;
    line-height: 50px;
    font-size: 24px;
}

#body h2 {
    font-size: 18px;
    margin-bottom: 0.75em;
    clear: both;
}

#body h3 {
    font-size: 16px;
    margin-bottom: 0.3em;
}

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

p { margin: 0 0 1.5em; }

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

li ul, li ol { margin: 0; }
ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }

ins { text-decoration: underline; }
del { color: #666; text-decoration: line-through; }

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

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

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

#body img { 
    float: right;
    border: 3px solid #006633;
    box-shadow: 0 2px 2px #aaa;
    -moz-box-shadow: 0 2px 2px #aaa;
    -webkit-box-shadow: 0 2px 2px #aaa;
    -khtml-box-shadow: 0 2px 2px #aaa;
    -o-box-shadow: 0 2px 2px #aaa;
}

#referenzen #body img {
    float: left;
    margin: 0 30px 15px 0;
}

hr {
    visibility: hidden;
    margin: 0;
    clear: both;
}

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

.content {
    margin: 0 auto;
    width: 800px;
    position: relative;
}

.header { height: 148px; }

#header {
    height: 148px;
    background: #f0f0f0 url(img/bg-header.png) repeat-x 0 0;
}

#header h1 {
    text-indent: -10000px;
    background: url(img/logo.png) no-repeat 0 0;
    width: 350px;
    height: 70px;
    margin: 0;
    position: absolute;
    bottom: 15px;
    left: 0;
}

#header h1 a {
    display: block;
    width: 350px;
    height: 70px;
}

#imagebar {
    height: 311px;
    background: #005c2e url(img/bg-imagebar.png) repeat-x 0 0;
}

#body {
    min-height: 55px;
    background: #f0f0f0 url(img/bg-content.png) repeat-x 0 0;
    overflow: hidden;
}

#main { width: 500px; float: left; margin: 30px 0; }
#referenzen #main { width: 800px; float: left; }
#side { width: 270px; float: right; margin: 30px 0; }

#footer {
    clear: both;
    height: 85px;
    background: #006633 url(img/bg-footer.png) repeat-x 0 0;
    text-align: center;
    color: #fff;
    padding-top: 45px;
}

#footer p { margin: 0; }
#footer a { color: #fff; text-decoration: none; }

#map { width: 500px; height: 400px; }

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

#nav {
    list-style: none;
    font-weight: bold;
    margin: 0;
    padding: 0;
    height: 43px;
    line-height: 43px;
    position: absolute;
    top: 5px;
    left: 0;
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #fff;
}

#nav li {
    float: left;
    border-left: 1px solid #fff;
    border-right: 1px solid #c8c8c8;
}

#nav a {
    text-decoration: none;
    padding: 0 15px;
    float: left;
    display: block;
    color: #000;
}

#nav a:hover, #nav a.aktiv {
    background: url(img/bg-nav-aktiv.png) repeat-x 0 0;
    box-shadow: inset 0 0 6px #ccc;
    -moz-box-shadow: inset 0 0 6px #ccc;
    -webkit-box-shadow: inset 0 0 6px #ccc;
    -khtml-box-shadow: inset 0 0 6px #ccc;
    -o-box-shadow: inset 0 0 6px #ccc;
}