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

Erstellt: 2007-04-23
Bearbeitet: 2007-05-08
- - - - - - - - - - - - - - - - - - - - - 
*/

/* - - - Grundeinstellungen - - - */

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

body {
  background:           #DFD9D3 url(images/body-bg.jpg) repeat 0 0;
  color:                #686964;
  font:                 87.5%/1.5 "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif;
  margin:               0;
  padding:              0;
  text-align:           center;
}

.content {
  margin:               0 auto;
  text-align:           left;
  width:                770px;
}

/* - - - Header - - - */

#header {
  background:           #A2A19C url(images/header-bg.jpg) repeat-x 0 0;
  color:                #DFD9D3;
  height:               210px;
}

#header img {
  margin:               35px 35px 15px 35px;
}

#header .content {
  background:           url(images/kamin-trans.png) no-repeat right 33px;
  height:               210px;
  padding-right:        165px;
  width:                605px;
}

/* - - - Main - - - */

#main {
  background:           url(images/content-bg.jpg) repeat-x 0 0;
  height:               85px;
  padding:              35px 0;
}

#box-beschreibung {
  background:           #FFF;
  border:               1px solid #B8B5AF;
  color:                #989893;
  display:              inline;
  float:                left;
  height:               229px;
  margin-left:          35px;
  overflow:             auto;
  padding:              15px;
  width:                145px;
}

#box-bilder {
  float:                left;
  margin-left:          33px;
  width:                525px;
}

#box-bilder img {
  background:           #FFF;
  border:               1px solid #B7B2AF;
  margin:               0 18px 18px 0;
  padding:              6px;
}

#main #box-beschreibung p {
  font-size:            0.90em;
  margin:               0;
  padding:              0;
}

#kontaktformular {
  float:                left;
  width:                470px;
}

#impressum {
  float:                right;
  margin-right:         20px;
  width:                280px;
}

/* - - - Footer - - - */

#footer {
  clear: both;
  padding-bottom: 60px;
}

/* - - - Ueberschriften - - - */

h2 {
  clear:                both;
  margin:               0 35px;
  padding-bottom:       1.5em;
}

h2 span {
  display:              none;
}

h2#headline-referenzen {
  background:           url(images/headline-referenzen.png) no-repeat 0 0;
  height:               15px;
  width:                170px;
}

h2#headline-kontakt {
  background:           url(images/headline-kontakt.png) no-repeat 0 0;
  height:               14px;
  width:                192px;
}

#kontaktformular h3 {
  margin-left: 35px;
  margin-bottom: 1.5em;
  color: #CB6F3E;
}

/* - - - Absaetze - - - */

#header p {
  margin:               0 35px;
}

#main p {
  margin:               0 35px;
  padding-bottom:       1.5em;
}

#impressum p {
  margin:               0;
}

/* - - - Listen - - - */

ul {
  margin-bottom: 1.5em;
}

#kontaktformular ul {
  margin-left: 35px;
  list-style: circle;
}

#impressum ul {
  list-style:           none;
}

/* - - - Textauszeichnung - - - */

strong {
  font-weight:          bold;
}

em {
  font-style:           italic;
}

dfn, acronym, abbr {
  border-bottom:        1px dotted #999;
  cursor:               help;
}

/* - - - Links - - - */

a:link, a:visited {
  color: #CB6F3E;
  border-bottom: 1px dotted #CB6F3E;
}

a:hover {
  color: #666;
  border-bottom: 1px solid #666;
}

#box-bilder a {
  border: 0;
}

/* - - - Formulare - - - */

form .eingabefehler {
  background: #CB6F3E;
}

.info-box li {
  color: #CB6F3E;
}

#main form p {
  padding-bottom:       10px;
}

label {
  width: 85px;
  float: left;
}

label.hidden {
  visibility: hidden;
}

input {
  width: 300px;
}

form p small {
  font-size: 0.8em;
  margin-right: 10px;
  line-height: 2;
  float: right;
}

input.button {
  width: auto;
  float: left;
}

textarea {
  width: 300px;
  font: 1em/1.5 "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif;
  height: 145px;

}