/*
 * styles.css
 * Stylesheet for Sommer Automobile
 *
 * $Id: amcworld-v2.css,v 1.1 2006/02/07 13:49:47 danny Exp $
 *
 * Copyright (c) 2009, AMC World Technologies GmbH
 * Fischerinsel 1, D-10179 Berlin, Deutschland
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of AMC World
 * Technologies GmbH ("Confidential Information"). You shall not disclose such
 * Confidential Information and shall use it only in accordance with the terms
 * of the license agreement you entered into with AMC World Technologies GmbH.
 */


/*-----------------------------------
 *
 * Reset browser styles (from YUI)
 *
 *---------------------------------*/

html {
  color: black;
  background: white;
}
blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3,
  h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul
{
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset, iframe, img, table {
  border: none;
}
address, caption, cite, code, dfn, em, optgroup, strong, th, var {
  font-style: inherit;
  font-weight: inherit;
}
del, ins {
  text-decoration: none;
}
li {
  list-style: none;
}
caption, th {
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
q:after, q:before {
  content: "";
}
abbr, acronym {
  border: none;
  font-variant: normal;
}
sup {
  vertical-align: baseline;
}
sub {
  vertical-align: baseline;
}
legend {
  color: black;   /* because legend doesn't inherit in IE */
}
button, input, optgroup, option, select, textarea {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}


/*-----------------------------------
 *
 * Font settings (from YUI)
 *
 *---------------------------------*/

body {
  font: 12px/1.231 "DejaVu Sans", "Bitstream Vera Sans", Arial, Helvetica,
    Clean, sans-serif;
  /*font-size: 81.25%;*/
}
button, input, select, textarea {
  font: 99% "DejaVu Sans", "Bitstream Vera Sans", Arial, Helvetica, Clean,
    sans-serif;
}
code, kbd, pre, samp, textarea, tt, xmp {
  font-family: "Bitstream Vera Sans Mono", "Lucida Console", "Courier New",
    Courier, monospace;
  line-height: 100%;
}
table {
  font-size: inherit;
}


/*-----------------------------------
 *
 * General settings
 *
 *---------------------------------*/

/* general appearance (inherited) */
body {
  color: white;
}

/* default links */
a {
  color: #FFDE00;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/* default definition term */
dt {
  font-weight: bold;
}

/* default headers */
h1, h2, h3, h4 {
  font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  color: #FFDE00;
}
h1 {
  font-size: 131%;
  font-weight: bold;
  margin: 2.5em 0 1.5em;
}
h2 {
  font-size: 123.1%;
  font-weight: bold;
  margin: 2.5em 0 1.5em;
}
h3 {
  font-size: 116%;
  font-weight: bold;
  margin: 2em 0 1.2em;
}
h4 {
  font-size: 108%;
  margin: 1.5em 0 1em;
}
h5 {
  font-size: 100%;
  font-weight: bold;
  margin: 1.5em 0 1em;
}
h6 {
  font-size: 100%;
  margin: 1.2em 0 1em;
}
h1.first-child, h2.first-child, h3.first-child, h4.first-child, h5.first-child,
  h6.first-child
{
  margin-top: 0;    /* separate specification for IE */
}

/* default rulers */
hr {
  background: #FFDE00;
  border-style: solid;
  border-width: 0;
  color: #FFDE00;
  height: 1px;
}

/* images as symbols */
img.symbol {
  vertical-align: middle;
}

/* default block elements */
fieldset, p, pre, table {
  margin-bottom: 1em;
}

/* default paragraphs */
p {
  line-height: 150%;
}

/* default lists */
dd, dt, li {
  line-height: 150%;
  margin-bottom: 1em;
}
dd dd, dd dt, dd li, li dd, li dt, li li {
  font-size: 100%;
}
blockquote, dl, ol, ul {
  margin: 1em;
}
dl, ol, ul {
  margin-left: 2em;
}
ol li {
  list-style: decimal outside;
}
ul li {
  list-style: disc outside;
}
dl {
  margin-left: 0;
}
dl dd {
  margin-left: 1em;
}

/* default inline stuff */
abbr, acronym {
  border-bottom: 1px dotted #3399FF;
  cursor: help;
}
strong {
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
em {
  font-style: italic;
}
sub {
  font-size: 77%;
  vertical-align: sub;
}
sup {
  font-size: 77%;
  vertical-align: super;
}

/* default table stuff */
caption {
  caption-side: bottom;
  font-size: 77%;
  margin-bottom: .5em;
  margin-top: 1em;
  text-align: center;
}
td, th {
  padding: .5em;
}
th {
  font-weight: bold;
  text-align: center;
}


/*-----------------------------------
 *
 * Page structure
 *
 *---------------------------------*/

/* the background */
html, body {
  background-color: #003F7A;
}

/* the outer frame */
#outer-frame {
  background: url("../img/bg.png") repeat-y;
  border: 1px solid #808080;
  margin: 0 auto;
  padding-bottom: 15px;
  position: relative;
  width: 1000px;
}

/* the inner frame */
#inner-frame {
  background: url("../img/bg-with-left-bar.png") repeat-y;
  position: relative;
  width: 1000px;
}
#inner-frame:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/* the top bar with the writing */
#top-bar {
  background: url("../img/stars.png") no-repeat 100% 0;
  border-bottom: 3px solid #F6DD34;
  height: 135px;
  left: 15px;
  position: absolute;
  right: 0;
  top: 0;
}
#top-bar:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
#logo {
  float: left;
  margin-top: 35px;
}
#writing {
  background: url("../img/writing.png") no-repeat 52px 20px;
  border-top: 3px solid #F6DD34;
  height: 88px;
  margin: 30px 0 0 218px;
  width: 630px;
}
#top-bar hr {
  background: #F6DD34;
  color: #F6DD34;
  margin-left: 270px;
}

/* the left bar with the logo */
#left-bar {
  float: left;
  margin: 200px 0 0 15px;
  width: 218px;
}
#left-bar #menu {
  margin: 0 0 0 40px;
}
#left-bar #menu li {
  border-bottom: 1px solid #FFDE00;
  list-style-type: none;
  margin-bottom: 20px;
  padding-bottom: 2px;
}
#left-bar #menu a {
  display: block;
  font-weight: normal;
}
#left-bar #menu a:hover {
  color: white;
  text-decoration: none;
}

/* the container for the main content */
#main-container {
  float: left;
  margin: 140px 0 0 52px;
  width: 675px;
}
#home #main-container {
  float: none;
  margin: 0 auto;
  padding-top: 180px;
  width: 870px;
}

/* the extra menu and the e-mail link */
#extra-menu-container {
  height: 50px;
  margin-top: 10px;
}
#home #extra-menu-container {
  height: auto;
  margin-top: 0;
}
#extra-menu-container:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
#extra-menu-container a {
  font-weight: normal;
}
#extra-menu {
  float: left;
  margin: 0;
}
#extra-menu li {
  display: inline;
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 20px;
}
#extra-menu .first-child {
  padding-left: 0;
}
#email {
  float: right;
}

/* the area for offers */
#offer {
  background-color: #FFDE00;
  color: #0D2E73;
  margin: 10px 0 40px 0;
  min-height: 170px;
  padding: 15px;
}
#offer:after {
  clear: left;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
#offer img {
  float: left;
  margin-right: 35px;
}
#offer h1 {
  color: #0D2E73;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 197%;
  font-weight: bold;
  margin: 20px 0 20px;
}
#offer p {
  font-size: 116%;
}
#offer a {
  color: #0D2E73;
  text-decoration: underline;
}

/* the menu on the home page */
#main-container #menu {
  margin: 0;
  padding-bottom: 50px;
}
#main-container #menu:after {
  clear: left;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
#main-container #menu li {
  border-left: 1px solid #FFDE00;
  float: left;
  list-style-type: none;
  margin: 0 0 0 27px;
  width: 121px;
}
#main-container #menu .first-child {
  margin-left: 2px;
}
#main-container #menu a {
  background-repeat: no-repeat;
  display: block;
  font-weight: normal;
  padding: 100px 0 0 7px;
}
#main-container #menu a:hover {
  color: white;
  text-decoration: none;
}


/*-----------------------------------
 *
 * TYPO3 elements
 *
 *---------------------------------*/

/* headers */
div.csc-header h1.csc-firstHeader {
  margin-top: 0;
}

/* images */
.csc-textpic-caption {
  font-size: 85%;
  padding-top: .5em;
}