/*
Farben:

orange dunkel: #bf5b04
orange hell: #ff9200
grau hell (Schrift): #fefefe

bg body, header und footer: #1c1c1c
bg content: #2d2d2d


*/


@import url(reset.css);

/* --------------------------------------------------------------- Layout */

html {
    text-align: center;
}


body {
    background: #1c1c1c url('img/bg-body.jpg') repeat-y top center;
    color: #fefefe;
    direction: ltr;
    font: 87.5%/1.5 "Lucida Grande", "Lucida Sans Unicode", helvetica, arial, verdana, sans-serif; /* 14px Grundschriftgröße */
    margin: 0 auto;
    padding: 40px;
    text-align: center;
}


#schatten-top { 
    background: #1c1c1c url('img/bg-shadow-t.jpg') no-repeat top center;
    width: 990px;
    width: 100%;
    height: 15px;
    margin: 0 auto;
    padding: 0;
}

#schatten-bottom { 
    background: #1c1c1c url('img/bg-shadow-b.jpg') no-repeat top center;
    width: 990px;
    width: 100%;
    height: 15px;
    margin: 0 auto;
    padding: 0;
}

#schatten { 
    background: #1c1c1c url('img/bg-shadow-lr.jpg') repeat-y top center;
    width: 990px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}


#container { 
    background: transparent;
    width: 960px;
    margin: 0 auto;
    text-align: left;
}

#header { 
    background: transparent url('img/bg-header.jpg') no-repeat 0 0;
    height: 161px;
    text-indent: -15000px;
}

#navigation { 
    color: #ff9200;
    margin: 0 0 0 36px;
    font-size: 16px;
}

#navigation a{ 
    color: #ff9200;
    text-decoration: none;
}

#navigation a:hover, #navigation li.curr a {
    color: #fefefe;
}

#content {
    background: #2e2e2e url('img/bg-content.jpg') no-repeat 0 0;
    width: 960px;
    float: left;
    padding: 100px 0 40px 0;
}

#primary-content { 
    width: 650px;
    margin: 0 40px 0 0;
    float: right;
}

#primary-content .text {
    width: 400px;
    float: left;
}

#primary-content .bild {
    float:right;
}

#primary-content .bild p {
    color: #676767;
    width:90%;
    font-size: 12px;
    padding-right: 10px;
    text-align: right;
}

#primary-content #map {
    width: 600px;
    height: 250px;
    margin-bottom: 35px;
    border: 1px solid #676767;
}


#secondary-content { 
    width: 170px;
    float: left;
}

#tertiary-content { }

#footer {
    background: transparent url('img/bg-footer.jpg') no-repeat 0 0;
    height: 56px;
    clear: both;
    position: relative;
    color: #676767;
}

#footer a {
    color: #676767;
    text-decoration: none;
}

#footer a:hover {
    color: #fefefe;
    text-decoration: none;
}

.preise span {
    margin-left: 30px;
}

/* -------------------------------------------------------- Überschriften */

h1, h2, h3, h4, h5, h6 { 
    margin-bottom: 8px;
    clear: both;
}

h1 { 
    font-size: 24px;
}

h2 { 
    font-size: 18px;
}

#b-home h2 {
    margin-bottom: 15px;
}

h3 { }

h4 { }

h5 { }

h6 { }

/* -------------------------------------------------------------- Absätze */

p {
    margin-bottom: 20px;
}

#footer p {
    margin-bottom: 0;
    position: absolute;
    top: 25px;
    right: 20px;
}

/* --------------------------------------------------------------- Zitate */

blockquote { }

cite { }

/* --------------------------------------------------------------- Listen */

ul, ol {
    margin-bottom: 20px;
}

ul { }

ol { }

li { }

.bulletlist li {
    list-style-position: outside;
    list-style-type: circle;
    margin-left: 15px;
}

/* ----------------------------------------------------- Definitonslisten */

dl { }

dt { }

dd { }

/* --------------------------------------------------------------- Bilder */

img { }

img.links {
    float: left;
}

img.rechts {
    float: right;
}

/* ----------------------------------------------------------- Trennlinie */

hr { }

/* ----------------------------------------------------- Textauszeichnung */

strong { font-weight: bold; }

em { }

dfn, acronym, abbr { }

address { }

/* ---------------------------------------------------------------- Links */

a { text-decoration: none;}

a:link { color: #fefefe;}

a:visited { color: #fefefe;}

a:focus { color: #ff9200;}

a:hover { color: #ff9200;}

a:active { color: #ff9200;}

/* ------------------------------------------------------------ Formulare */

form { }

fieldset { }

legend { }

label { }

input { }

input[type="submit"] { }

textarea { }

/* ----------------------------------------------------------   general classes */

.clear {
    clear: both;
}