/*
 * (c)halbton.net
 * Created on Dec 06, 2009
 */

/* ===   Allgemeine Definitionen   ============================================================== */
* {
}

body {
  margin:                 0;
  padding:                50px 20px;
  background-color:       #330000;
  background-image:       url(../images/dummy.gif);
  background-position:    center top;
  background-repeat:      repeat;
  font-family:            "Arial", "Verdana", "Helvetica", sans-serif;
  font-size:              1em;
  font-weight:            normal;
}
img, a, div, span, form, input, textarea, h1, h2, h3, h4, h5, h6, p, ul, ol, li, hr {
  margin:                 0;
  color:                  #330000;
  font-family:            "Arial", "Verdana", "Helvetica", sans-serif;
  font-size:              1em;
  font-weight:            normal;
}
img, a, div, span, form, h1, h2, h3, h4, h5, h6, p, ul, li {
  padding:                0;
  border:                 0 none;
}
ul {
  list-style-type:        none;
}
a {
  text-decoration:        none;
}
a:hover {
  text-decoration:        underline;
}
a:hover.sublink {
  text-decoration:        none;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a img, h2 a img, h3 a img, h4 a img, h5 a img, h6 a img,
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
  font-weight:            bold;
}
h1 {
  font-size:              2em;
}
h2 {
  font-size:              1.60em;
}
h3 {
  font-size:              1.24em;
}
h4 {
  font-size:              0.92em;
}
h5 {
  font-size:              0.84em;
}
h6 {
  font-size:              0.76em;
}
p, ul, ol {
  font-size:              0.92em;
}

.small {
  font-size:              0.76em;
}

ul.FORM_errors, ul.FORM_messages {
  padding-left:           2em;
  padding-bottom:         10px;
  font-size:              0.92em;
}
ul.FORM_errors {
  color:                  #700;
}
ul.FORM_messages {
  color:                  #070;
}
li.FORM_errors, li.FORM_messages {
  font-weight:            bold;
}

/* ===   Layout Definitionen   ================================================================== */

/* ===   header Definitionen   ================================================================== */
#header {
}

#header h2, #header h3, #header h4, #header h5, #header h6, #header p {
  text-align:             center;
}

/* ===   footer Definitionen   ================================================================= */
#footer {
  padding-bottom:         10px;
}

#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer p {
  text-align:             center;
}

/* ===   nav Definitionen   ==================================================================== */
#nav_home, #nav_home_selected,
#nav_gallery, #nav_gallery_selected,
#nav_prices, #nav_prices_selected,
#nav_order, #nav_order_selected,
#nav_exhibitions, #nav_exhibitions_selected,
#nav_gtac, #nav_gtac_selected,
#nav_contact, #nav_contact_selected,
#nav_impressum, #nav_impressum_selected {
  display:                block;
  width:                  150px;
  height:                 30px;
  background-position:    top center;
  background-repeat:      no-repeat;
}
#nav_home {
  background-image:       url(../images/nav/home.gif);
}
#nav_home_selected, #nav_home:hover {
  background-image:       url(../images/nav/home_selected.gif);
}
#nav_gallery {
  background-image:       url(../images/nav/gallery.gif);
}
#nav_gallery_selected, #nav_gallery:hover {
  background-image:       url(../images/nav/gallery_selected.gif);
}
#nav_prices {
  background-image:       url(../images/nav/prices.gif);
}
#nav_prices_selected, #nav_prices:hover {
  background-image:       url(../images/nav/prices_selected.gif);
}
#nav_order {
  background-image:       url(../images/nav/order.gif);
}
#nav_order_selected, #nav_order:hover {
  background-image:       url(../images/nav/order_selected.gif);
}
#nav_exhibitions {
  background-image:       url(../images/nav/exhibitions.gif);
}
#nav_exhibitions_selected, #nav_exhibitions:hover {
  background-image:       url(../images/nav/exhibitions_selected.gif);
}
#nav_gtac {
  background-image:       url(../images/nav/gtac.gif);
}
#nav_gtac_selected, #nav_gtac:hover {
  background-image:       url(../images/nav/gtac_selected.gif);
}
#nav_contact {
  background-image:       url(../images/nav/contact.gif);
}
#nav_contact_selected, #nav_contact:hover {
  background-image:       url(../images/nav/contact_selected.gif);
}
#nav_impressum {
  background-image:       url(../images/nav/impressum.gif);
}
#nav_impressum_selected, #nav_impressum:hover {
  background-image:       url(../images/nav/impressum_selected.gif);
}

/* ===   content Definitionen   ================================================================= */
#content {
  padding:                30px 40px;
  color:                  #330000;
}

#content ul {
  margin-left:            1.5em;
  list-style-position:    outside;
  list-style-type:        disc;
}

table.inline {
  margin:                 1em 0;
  padding:                0.5em;
  background-color:       #330000;
}
table.inline td {
  background-color:       #996666;
}
table.inline td.inverse, table.inline td.inverse h1, table.inline td.inverse h2, table.inline td.inverse h3,
table.inline td.inverse h4, table.inline td.inverse h5, table.inline td.inverse h6, table.inline td.inverse p,
table.inline td.inverse a, table.inline td.inverse h1 a, table.inline td.inverse h2 a, table.inline td.inverse h3 a,
table.inline td.inverse h4 a, table.inline td.inverse h5 a, table.inline td.inverse h6 a, table.inline td.inverse p a {
    color:                  #996666;
  background-color:       #330000;
}

#content h4 {
  margin-top:             0.92em;
}
#content h5 {
  margin-top:             0.68em;
}
#content p, #content ul, #content ol {
  margin-top:             0.3em;
}
#content h1.close, #content h2.close, #content h3.close, #content h4.close, #content h6.close, #content p.close {
  margin:                 0;
  padding:                0;
}
