/* 
- - - - - - - - - - - - - - - - - - - - -
Titel: ### CSS (screen)
Autor: Dumrath & Fassnacht KG
URL: http://www.duf-online.de/

Erstellt: 2008-01-30
Bearbeitet: JJJJ-MM-TT

dunkelgrün: #00583c
hellgrün: #7cbd8e
fuxxrot: #9e0f20
- - - - - - - - - - - - - - - - - - - - - 

/*  Global reset */
/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.3
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

/* - - - Grundeinstellungen - - - */

html {
    height: 100%;
    margin-bottom: 1px;
}

* {
    font-size: 100%;
    list-style: none;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

body {
    background: #9fcaab;
    background: #9fcaab url(../images/bg.jpg) repeat-x fixed top left;
    font: 85%/1.6 verdana, arial, sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
}

/* - - - IDs - - - */

#container {
    background: #fff;
    color: #333;
    margin: 0 auto;
    overflow: auto;
    padding: 0;
    text-align: left;
    width: 800px;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
}

#header {
    background: #00583c url('../images/bg_header.jpg') no-repeat -40px 0;
    height: 167px;
    width: 800px;
    position: relative
}

#fuxx {
    width: 238px;
    height: 154px;
    background: transparent url(../images/fuxx.png) no-repeat top left;
    position: absolute;
    top: 10px;
    left: 10px;
}

#claim {
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-align: right;
    color: #7cbd8e;
    color: #daf9e2;
    font-weight: bold;
}

#claim  h2 {
    font-size: 20px;
    color: #7cbd8e;
}

#claim span {
    font-variant: small-caps;
    font-weight: bold;
    font-size: 24px;
}

#logo img{
    margin: 10px 20px;
}

#content {
    background: #00583c;
    float: left;
    border-top: 8px solid #fff;
    width: 800px;
}

#primary-content {
    background: #fff;
    color: #333;
    margin: 0 0 0 0;
    float: right;
    width: 550px;
}

#primary-content .bildblock {
    clear: both;
    float: left;
}


#primary-content .bildblock img {
    background: #fff;
    padding: 2px;
    margin: 0 15px 15px 0;
    border: 4px solid #9fcaab;
    float: left;
}

#secondary-content {
    background: #00583c url('../images/bg_nav.jpg') no-repeat top left;
    font-family: "Trebuchet MS",arial,verdana,sans-serif;
    color: #fff;
    float: left;
    margin: 0;
    padding: 0;
    width: 250px;
}

#navigation {
    margin: 32px 0 0 0;
    padding: 2px 0 2px 0;
    height: 100%;
    border: 0;
}

#navigation li {
    margin: 2px 0 0 0;
}

#navigation li.first {
    margin: 0 0 0 0;
}

#navigation li.mb {
    margin: 30px 0 0 0;
}

#navigation li a {
    font-size: 1.1em;
    padding: 0 0 0 20px;
    line-height: 2.2em;
    display: block;
    color: #fff;
}

#navigation li a:hover {
    color: #7cbd8e;
    text-decoration: none;
}

#navigation li.curr a, #navigation li.curr a:hover {
    color: #00583c;
    background: #9fcaab;
}

#secondary-content #adresse {
    margin: 60px 0 0 20px;
    color: #fff;
    font-size: 1.1em;
}

#secondary-content #adresse a {
    color: #fff;
}

#secondary-content #adresse a:hover {
    color: #7cbd8e;
}

#secondary-content strong {
    font-weight: bold;
    color: #fff;
}

#secondary-content .sidecontent {
    margin: 30px 0 0 20px;
}

#secondary-content .sidecontent h3 {
    color:#7CBD8E;
    font-weight:bold;
    margin-bottom: .9em;
    font-size: 1.1em;
}

#footer {
    background: #fff;
    clear: both;
    margin-top: 0; 
    padding: 0;   
    border-top: 2px solid #fff;
}

#footer p {
    border-top: 4px solid #00583c;
    background: #fff;
    color: #00583c;
    text-align: right;
    margin: 0;
    padding: 5px 0px 5px 0;
}

#map, #map2, #map3, #map4 {
    clear: both;
    border: 3px solid #ccc;
}
/* - - - Klassen - - - */


.gutter {
    margin: 0 25px 0 35px;
    padding: 25px 0;
}

.adresse {
    padding-right:25px;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.clear {
    clear: both;
}

/* - - - Ueberschriften - - - */

h1, h2, h3 {
    clear: both;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

h1 {
    font:1.6em/1.2 "Trebuchet MS",arial,verdana,sans-serif;
    color: #9e0f20;
    margin-bottom: .7em;
    margin-top: .7em;
}

h2 {
    clear: both;
    font-size: 1.2em;
    color: #00583c;
    line-height: 1.2;
    margin-top: 1.2em;
    margin-bottom: 0.6em;
    }

h3 {
    clear: both;
    font-size: 1.2em;
    color: #333;
    line-height: 1.2;
    margin-top: 1.5em;
    margin-bottom: 0.6em;
}

h4 {}

h5 {}

h6 {}

/* - - - Absaetze - - - */

p {
    clear: both;
    line-height: 1.5;
    margin-top: 1em;
    margin-bottom: 1em;
}

p.zoom {
    color: #555;
    font-size: .9em;
    font-style: italic;
    padding: 0 0 0 25px;
    margin-top: 0;
    margin-bottom: 30px;
    background: url(../images/lupe.gif) no-repeat 0 0;
}

p.sortiment {
    width: 460px;
}

/* - - - Zitate - - - */

blockquote {}

cite {}

/* - - - Listen - - - */

ul.produktliste {
    font-weight: normal;
    margin: 1.2em 15px 30px 15px;
}

ul.produktliste li {
    list-style-type: circle;
    margin-bottom: 10px;
    /*font-weight: bold;*/
}

ul.produktliste li span {
    font-weight: normal;
    color: #333;
    display: block;
    }

ul.bulletlist li {
    list-style-type: circle;
}

#primary-content ul {
    margin-bottom: 20px;
}

#marken ul {
    color: #00583c;
    color: #333;
    list-style-position: inside;
}

#marken ul li {
    display: inline;
    list-style-type: circle;
}

/* - - - Definitionslisten - - - */

dl {
    margin: 1.2em 0 0 0;
}

dt {
    font-weight: bold;
    margin: 0 0 0 0;
}

dd {}

/* - - - Bilder - - - */

img {
    border: 0;
}

img.links {
    float: left;
}

img.rechts {
    float: right;
}

img.contentpic {
    margin: 15px 0 0 10px;
    margin-top: 12px;
    background: #ccc;
    padding: 3px;
}

p img {
    margin-left: 7px;
}

/* - - - Trennllinien - - - */

hr {}

/* - - - Textauszeichnung - - - */

strong {
    font-weight: bold;
    color: #00583c;
}

em {}

dfn, acronym, abbr {}

address {}

/* - - - Links - - - */

a {
    color: #00583c;
}

a:hover {
    text-decoration: underline;
}

#secondary-content a {
    color: #fff;
}

/* - - - Formulare - - - */

#test {
    background-color: #fff;
    color: #f00;
}