/*
 * Provides default style rules for being applied to all documents.
 *
 * $Id: default.css,v 1.10 2008/11/09 19:20:52 gp Exp $
 */

/*
 * CI colors:
 *
 *   CI_1 = white
 *   Applied to the body element as the main background color.
 *
 *   CI_2 = #2f241f (brown)
 *   Generally applied to elements within the body as the default text color.
 *
 *   CI_3 = #0773b7 (blue)
 *   Applied to all heading-like elements. This color is also used as a
 *   table cell background color for generating "emphasized content boxes".
 *   For these cases, the text color is also changed from CI_2 to CI_4.
 *   
 *   CI_4 = #a2dafc (light blue)
 *   Applied as text color when the background color is CI_3.  
 */

body { background-color: white; /* CI_1 */ }
body * { color: #2f241f; /* CI_2 */ }
h1, h2, h3, th { color: #0773b7; /* CI_3 */ }

/* "emphasized content boxes" */
table.values td {
  background-color: #0773b7; /* change background color to CI_3 */
  color: #a2dafc; /* also change the text color to CI_4 */
}

/* -------------------------------------------------------------------------- */

body {
  background: url(../img/bg_body.gif) repeat-x;
  margin: 0;
  padding: 0px 0px 40px 0px;
  min-width: 960px;
  width: 100%;
  text-align: center;
}

body * {
  background: transparent;
  font: normal 12px Arial,Helvetica,sans-serif;
  margin: 0;
  padding: 0;
  text-align: left;
  line-height: 1.2em;
}
                      
p {
  margin: 0;
  padding: 0; /*IE6*/
  line-height: 120%;
}

h1, h2, h3, caption, th {
  font-weight: normal;
}

h1 {
  background:url(../img/h1_bullet.gif) no-repeat;
  font-size:18px;
  margin-top:15px;
}

h1#first-on-page {
  margin-top: 0px;
}

h2 {
  margin-top: 15px;
}

h1, h2 {
  margin-bottom: 15px;
  font-weight: bold;
}

h1 {
  padding-left:27px;
}

h2 {
  padding-left: 30px;
}

h2 {
  font-size: 16px;
  text-align: left; /* IE6 */
}

h3 {
  font-size: 12px;
  margin-bottom: 15px;
  margin-top: 20px;
}

div#page-header {
  margin: 0 auto;
  width: 960px;
}

#page-header #link_contact {
  margin-left: 40px;
}

#page-header #link_impressum {
  margin-left: 40px;
}

#page-header div#page-head {
  margin-top: 30px;
  margin-bottom: 10px;
  margin-left: 30px;
}

#page-header div#page-head img#three-crest_what-we-do {
  margin-left: 210px;
}

#page-header div#page-nav {
  background:url(../img/main-img.jpg) no-repeat;
  height:210px;
  margin-left:-30px;
}

#page-nav {
  vertical-align: middle; /*Removes li margins in ie.*/
}

#page-nav ul {
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0; /* IE6 */
  position: relative;
  top: 97px;
  left: 309px;
  width: 360px;
  margin-left: 30px;
}

#page-nav ul li {
  margin: 0;
  padding: 0;
  height: 22px;
  display: block;
}

#page-nav ul li a {
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
  display: block;
}

img.nav-top {
  display: block;
  border: 0;
  margin: 0;
}           

div#content {
  margin-left: auto;
  margin-top: 0;
  margin-right: auto;
  width: 960px;
}

#content div.row {
  background: url(../img/ly_lightblue-border-bg.gif) repeat-y;
  float: left;
}

#content div.c1_2,
#content div.c2_2 {
  background: none;
  float: left;
}

#content div.c1_2 {
  width: 280px;
  padding-top: 33px;
}

#content div.c2_2 {
  width: 660px;
}

#content p {
  margin-left: 30px;
  margin-top: 15px;
}

.content {
  margin: 30px;
}

.bold {
  font-weight: bold;
}

table {
  border-collapse: collapse;
}

th, td {
  text-align: left;
  line-height: 120%;
  padding: 3px;
}

table.values th,
table.values td {
  vertical-align: top;
  border-right:4px solid white;
  padding: 15px 30px 15px 30px;
}

th {
  padding-bottom: 10px;
}

th {
  font-weight: bold;
  vertical-align: bottom;
}
                      
input, textarea {
  border: 1px solid #2f241f;
  padding: 3px;
  margin-top: 3px;
}

textarea {
  /*width: 100%;*/
  /*height: 150px;*/
}

input.message {
  width:100%;
}

input.button-send-message {
  padding: 2px;
  padding-left: 8px;
  width: 118px;
  height: 25px;
  border: 0;
}

div#footer {
  margin: 50px 0 0 0;
  border-top: 4px solid #2f241f;
}

div#footer .content {
  margin-top: 10px;
  margin-bottom: 0px;
}

table.values {
  width: 100%;
}

table.values th,
table.values td {
  width: 50%;
}

img {
  border: none;
}

strong {
  font-weight: bold;
}