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

Erstellt: 2007-03-22
Bearbeitet: 2007-04-24
- - - - - - - - - - - - - - - - - - - - - */

/* - - - Grundeinstellungen - - - */

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

body {
  background:           #FFF;
  /* background:           #FFF url(images/_grid.png) repeat 0 14px;*/
  color:                #333;
  direction:            ltr;
  font:                 87.5%/1.5 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
  margin:               0;
  padding:              0;
  text-align:           center;
}

/* - - - IDs - - - */

#container {
  text-align:           left;
}

#header {
  height:               118px;
  margin:               0 auto;
  position:             relative;
  width:                850px;
}

#header img {
  border:               0;
  left:                 25px;
  position:             absolute;
  top:                  18px;    
}

#header #nav-super {
  position:             absolute;
  right:                25px;
  top:                  43px;
}
  
#header #nav-super li {
  float:                left;
  margin-left:          22px;
}

#navigation {
  background:           #6D93CB url(images/bg-header.png) repeat-x 0 0;
  height:               187px;
}

#inner-navigation {
  height:               185px;
  margin:               0 auto;
  position:             relative;
  width:                850px;
}

#nav-print {
  float:                left;
  margin:               25px 0 0 0;
  width:                250px;
}

#nav-online {
  float:                left;
  margin:               25px 0 0 25px;
  width:                250px;
}

#nav-gelbeseiten {
  bottom:               5px;
  height:               211px;
  position:             absolute;
  right:                25px;
  width:                250px;
}

#content {
  margin:               0 auto;
  width:                850px;
}

#primary-content {
  float:                right;
  margin:               25px 0;
  padding:              0 25px 0 0;
  width:                550px;
}

#leistungen {
  float:                left;
  margin-top:           1.5em;
  width:                275px;
}

#features {
  float:                left;
  margin-top:           1.5em;
  width:                275px;
}  

#websites {
  margin-left:          5px;
}

#secondary-content {
  float:                left;
  margin:               25px 0;
  padding-right:        25px;
  width:                250px;
}

#tertiary-content {
  clear:                both;
  margin:               25px 0;
  width:                850px;
}

#footer {
  background:           #6D93CB url(images/bg-footer.png) repeat-x 0 0;
  clear:                both;
  color:                #FFF;
  height:               61px;
  margin-bottom:        25px;
  padding-top:          15px;
}

#footer p {
  margin:               0 auto;
  width:                800px;
}

/* - - - Ueberschriften - - - */

#content h1 {
  color:                #8DB111;
  font-family:          "Trebuchet MS", sans-serif;
  font-size:            1.4286em;
  line-height:          1.05;
  margin-bottom:        1.05em;
  padding-left:         25px;
}

#navigation h2 {
  color:                #FFDC00;
  font-family:          "Trebuchet MS", sans-serif;
  font-size:            1.4286em;
  padding-left:         25px;
}

#content h2 {
  color:                #8DB111;
  font-family:          "Trebuchet MS", sans-serif;
  font-size:            1.4286em;
  line-height:          1.05;
  margin-bottom:        1.05em;
  padding-left:         25px;
}     

#content h3 {
  color:                #3875CC;
  font-family:          "Trebuchet MS", sans-serif;
  font-size:            1.1429em;
  line-height:          1.3125;
  margin:               1.96875em 0 0.65625em 0;
  padding-left:         25px;
}

#content h4 {
  color:                #000;
  font-family:          "Trebuchet MS", sans-serif;
  font-size:            1em;
  line-height:          1.5;
  padding-left:         25px;
}

/* - - - Absaetze - - - */

#content p {
  line-height:          1.5;
  margin-bottom:        1.5em;
  padding-left:         25px;
}

#content p.subtitle {
  font-size:            75%;
}

#content p.hinweis {
  color:                #666;
  font-size:            0.7857em;
  line-height:          1.9090;
  margin-bottom:        1.9090em;
}

/* - - - Listen - - - */

#content ul, #content ol {
  margin-bottom:        1.5em;
}

#content ul ol, #content ul ul {
    margin-bottom:      0;
}

#content ul li {
  background:           url(images/li-drk.png) no-repeat 10px 0.6em;
  font-size:            1em;
  line-height:          1.5;
  padding-left:         25px;
}

#content ol li {
    background:             none;
    list-style-type:        decimal;
    list-style-position:    inside;
    padding-left:           10px;
}

/* - - - Definitionslisten - - - */

dl {
  padding-left:         25px;
  line-height:          1.5;
  margin-bottom:        1.5em;
}

dt {
  font-weight:          bold;
}

/* - - - Bilder - - - */

img {
  border:               0;
}

img.links {
  float:                left;
  margin:               0 1.5em 1.5em 0;
}

img.rechts {
  float:                right;
  margin:               0 0 1.5em 1.5em;
}

#content img {
  border:               1px solid #DDD;
  margin-left:          25px;
  padding:              2px;
}  

#content #websites img.thumbnail {
  float:                left;
  margin-bottom:        20px;
  margin-left:          20px;
}


/* - - - Textauszeichnung - - - */

strong {
  font-weight:          bold;
}

em {
  font-style:           italic;
}

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

/* - - - Links - - - */

#nav-super a {
  color:                #3875CC;
  text-decoration:      none;
}

#content a {
  color:                #3875CC;
  text-decoration:      underline;
}

#nav-print a, #nav-online a {
  color:                #FFF;
  padding-left:         25px;
}

#footer a {
  color:                #FFF;
}

#nav-super a:hover, #footer a:hover {
  text-decoration:      underline;
}

#content a:hover {
  color:                #8DB111;
  text-decoration:      underline;
}

#nav-print a:hover, #nav-online a:hover {
  background:           url(images/pfeil.png) no-repeat 5px 50%;
}

#page-gelbeseiten-hamburg #a-gelbeseiten-hamburg,
#page-gelbeseiten-norddeutschland #a-gelbeseiten-norddeutschland,
#page-das-buch #a-hamburger-firmenhandbuch,
#page-das-telefonbuch #a-das-telefonbuch,
#page-das-oertliche #a-das-oertliche,
#page-website #a-website,
#page-gelbeseiten-internet #a-gelbeseiten-internet,
#page-firmenvideo #a-firmenvideo,
#page-werbung-stadtmagazine #a-werbung-stadtmagazine {
  background:           url(images/pfeil.png) no-repeat 5px 50%;
}

/* - - - Formulare - - - */

form {
  margin:               0;
  padding:              0;
}

fieldset {
  border:               0;
  padding-left:         25px;
}

#content fieldset p {
  line-height:          1.5;
  margin-bottom:        0.1875em;
  margin:               0;
  padding:              0;
}

#content fieldset p.abstand {
  margin-bottom:        1.5em;
}

#content fieldset input {
  margin:               0 5px 3px 0;
}

input.eingabefehler {
  background:           #F00;
}

legend {
  color:                #3875CC;
  font-size:            1.1429em;
  line-height:          1.3125;
  padding-bottom:       0.3281em;
  padding-top:          0.984375em;
}

fieldset#produkte {
  float:                left;
  width:                250px;
}

fieldset#dienstleistungen {
  float:                left;
  width:                250px;
}

fieldset#kontaktdaten {
  clear:                both;
}

fieldset#kontaktdaten label, fieldset#rueckruf label.zeit {
  float:                left;
  width:                180px;
}

fieldset#kontaktdaten input, fieldset#rueckruf input {
  width:                300px;
}

textarea {
  font-family:          "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
  height:               8em;
  width:                300px;
}

fieldset#rueckruf input.checkbox {
  width:                auto;
}

p.submit_area {
  margin-left:          180px;
  margin-top:           1.5em;
}

p.submit_area input {
  padding:              0 0.2em;
}

/* - - - Tabellen - - - */

table {
  border-collapse:      collapse;
  border-left:          1px solid #BDD5EB; 
  border-top:           1px solid #BDD5EB;
  font-size:            0.85em;
  margin-left:          25px;
  margin:               1.5em 0;
  padding:              0;
  width:                100%;
}

th {
  background: #6D93CB;
  color:                #FFF;
}

td, th {
  border-bottom:        1px solid #BDD5EB;
  border-right:         1px solid #BDD5EB;
  padding:              0.5em 0.85em;
}

th.preis, td.preis {
  text-align:           right;
  width:                15%;
}

th.bild, td.bild {
  text-align:           center;
  width:                30%;
}

#content td.bild img {
  margin:               0;
}

tr {
  line-height:          1.5em;
}

tr.odd td {
  background:           #E8F4FF;
}