@charset "UTF-8";
@media all {

/*** Init ***/
* { margin:0; padding: 0; }
* html body * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }
html { height: 100%; margin-bottom: 1px; }
body { font-size: 100.01%; text-align: left; overflow-y: scroll; }
div { outline:0 none; }
fieldset, img { border: 0 solid; }
ul, ol, dl { margin: 0 0 1em 1em }
p { padding:0; margin:0; }
a { text-decoration: none; }
a:hover { text-decoration:underline; }
form pre{ font-size: 9px; }
li { margin-left: 1.5em; line-height: 1.5em; }
dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }
blockquote { margin: 0 0 1em 1.5em; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
#header { position:relative; }
#header, #nav, #main, #footer { clear:both; }
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clearfix { display: block; }
.floatbox { overflow:hidden; }
#ie_clearing { display: none; }
#col1_content, #col3_content { position:relative; }

/*** helper ***/
.alignleft { float: left; }
.alignright { float: right; }
img.alignleft { margin:0 20px 10px 0; }
img.alignright { margin:0 0 10px 20px; }
.aligncenter { text-align: center; }

/*** Struktur ***/
#page { width: 990px; margin: 0 auto; }
#header{ height: 130px; }
.menu { height:200px; }
#col1, #indexcol1 { float:left; width:620px; }
#col3, #indexcol3 { width:auto; margin-left:660px; }

/*** Format ***/

  /* general */
body {
  background-color: #fff;
  background-image: url('/img/body-bg.gif');
  background-repeat: repeat-y;
  background-position:center;
  color: #5c5c5c;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}
#main {
  margin-top:50px;
}
#page.corp-group #col3, #page.corp-con #col3 {
  background-color:#5c5c5c;
}
#page.corp-wh #col3 {
  background-color:#0e71b4;
}
#page.corp-opc #col3 {
  background-color:#c30526;
}
#page.corp-hc #col3 {
  background-color:#009036;
}
#page.corp-group #col1_content a, #page.corp-con #col1_content a {
  color:#000;
  text-decoration:none;
}
#page.corp-wh #col1_content a {
  color:#0e71b4;
  text-decoration:none;
}
#page.corp-opc #col1_content a {
  color:#c30526;
  text-decoration:none;
}
#page.corp-hc #col1_content a {
  color:#009036;
  text-decoration:none;
}
#col1_content a:hover {
  background-color:#e2e2e2;
}
#col3_content a {
  color:#fff;
  text-decoration:underline;
}
#col3_content {
  color:#fff;
}
#col3_content div.pad {
  padding:56px 46px 20px 46px;
}
#col3_content div.pad img {
  border:1px solid #fff;
}
h1 {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 22px;
  margin-bottom: 30px;
  font-weight:lighter;
}
#page.corp-group #col1 h1, #page.corp-con #col1 h1 {
  color:#5c5c5c;
}
#page.corp-wh #col1 h1 {
  color:#0e71b4;
}
#page.corp-opc #col1 h1 {
  color:#c30526;
}
#page.corp-hc #col1 h1 {
  color:#009036;
}
h2 {
  margin: 0;
  padding: 0;
  font-size: 14px;
  margin: 8px 0 8px 0;
  font-weight:lighter;
}


  /* header */
#lang {
  float:left;
  margin:10px 0 0 0;
  font-size:11px;
}
#lang a,
#lang a:link,
#lang a:visited {
  color:#5c5c5c;
  padding:3px;
}
#lang a:hover,
#lang a:active {
  background-color:#e2e2e2;
  text-decoration:none;
}
#logo {
  float:right;
  margin:30px 10px 0 0;
}

  /* nav */
#nav {
  background-image: url('/img/nav-bg.gif');
  background-repeat: no-repeat;
  background-position:bottom;
  height: 31px;
  overflow:hidden;
}
#nav ul#ebene0 {
  margin: 0;
  padding: 0;
}
#nav ul#ebene0 li {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  height: 25px;
  line-height: 25px;
}
#nav ul#ebene0 li a,
#nav ul#ebene0 li a:hover,
#nav ul#ebene0 li a:link,
#nav ul#ebene0 li a:visited {
  display:block;
  width:197px;
  margin-right:1px;
  color: #5c5c5c;
  font-size: 14px;
  text-transform: uppercase;
  text-align:center;
}
#nav ul#ebene0 li a.last,
#nav ul#ebene0 li a.last:hover,
#nav ul#ebene0 li a.last:link,
#nav ul#ebene0 li a.last:visited {
  width:198px;
  margin-right:0px;
}
#nav ul#ebene0 li a:hover,
#nav ul#ebene0 li a:active,
#nav ul#ebene0 li a.active {
  background-color:#e2e2e2;
  text-decoration:none;
}
#page.corp-group .nav-active, #page.corp-wh .nav-active, #page.corp-opc .nav-active, #page.corp-hc .nav-active, #page.corp-con .nav-active, #menu-switch-corp-group.nav-active, #menu-switch-corp-wh.nav-active, #menu-switch-corp-opc.nav-active, #menu-switch-corp-hc.nav-active, #menu-switch-corp-con.nav-active {
  height:1px;
  width:990px;
  background-color:#fff;
  background-image: url('/img/nav-active-bg.gif');
  background-repeat: no-repeat;
}
#page.corp-group .nav-active {
  background-position:0px 0px;
}
#page.corp-wh .nav-active {
  background-position:-990px 0px;
}
#page.corp-opc .nav-active {
  background-position:-1980px 0px;
}
#page.corp-hc .nav-active {
  background-position:-2970px 0px;
}
#page.corp-con .nav-active {
  background-position:-3960px 0px;
}
#page #menu-switch-corp-group .nav-active {
  background-position:0px 0px;
}
#page #menu-switch-corp-wh .nav-active {
  background-position:-990px 0px;
}
#page #menu-switch-corp-opc .nav-active {
  background-position:-1980px 0px;
}
#page #menu-switch-corp-hc .nav-active {
  background-position:-2970px 0px;
}
#page #menu-switch-corp-con .nav-active {
  background-position:-3960px 0px;
}

  /* menu */
.menu {
  padding:7px 0 0 0;
}
#page.corp-group .menu, #page.corp-con .menu {
  background-color:#5c5c5c;
}
#page.corp-wh .menu {
  background-color:#0e71b4;
}
#page.corp-opc .menu {
  background-color:#c30526;
}
#page.corp-hc .menu {
  background-color:#009036;
}
#page #menu-switch-corp-group .menu, #page #menu-switch-corp-con .menu {
  background-color:#5c5c5c;
}
#page #menu-switch-corp-wh .menu {
  background-color:#0e71b4;
}
#page #menu-switch-corp-opc .menu {
  background-color:#c30526;
}
#page #menu-switch-corp-hc .menu {
  background-color:#009036;
}
.submenu img {
  float:left;
}
.submenu ul {
  float:left;
  margin:50px 0 0 45px;
  padding: 0;
}
.submenu ul li {
  font-size:13px;
  text-transform:uppercase;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 24px;
  line-height: 24px;
}
.submenu ul li a,
.submenu ul li a:link,
.submenu ul li a:visited
{
  color:#fff;
}
.submenu ul li a:hover,
.submenu ul li a:active
{
  text-decoration:none;
  padding:0 0 0 2px;
}
  
  /* footer */
#deco {
  margin:30px 0 0 0;
  background-image: url('/img/nav-bg.gif');
  background-repeat: no-repeat;
  background-position:top;
  height: 50px;
}
#footer {
  border-top: 1px solid #5c5c5c;
  font-size: 11px;
  padding-top: 10px;
  padding-bottom: 20px;
}
#footer a,
#footer a:link,
#footer a:visited {
  color:#5c5c5c;
  padding:3px;
}
#footer a:hover,
#footer a:active {
  background-color:#e2e2e2;
  text-decoration:none;
}
  
  /* index */
#illu {
  padding-top:1px;
}
#indexmain {
  padding-top:50px;
}
#indexcol1 {
}
#indexcol3 {
  background-color:#5c5c5c;
  color:#fff;
  padding:56px 40px 56px 40px;
}
#indexmain a,
#indexmain a:hover,
#indexmain a:link,
#indexmain a:visited,
#indexmain a:active {
  float:right;
  font-size: 11px;
  color: #0e0b4f;
}
#indexmain a:hover,
#indexmain a:active {
  color: #fe1301;
  text-decoration:none;
}
#indexdeco {
  height: 30px;
}

  /* A merchants story / OPC Quarz */
.bgal {
  display: none;
}
#book {
  margin-top:15px;
}
#bookreiter {
  margin:5px 0 15px 0;
  padding:5px 0 5px 5px;
  background-color:#e2e2e2;
  border-top: 1px solid #5c5c5c;
  border-bottom: 1px solid #5c5c5c;
}
#quarzreise {
  margin:10px 0 15px 0;
  padding:5px 0 8px 0;
}
#bookreiter a, #quarzreise a {
  padding:0 5px 0 5px;
}
#quarzshow {
  text-align:center;
}

  /* Contacts */
table.contacts td {
  vertical-align:top;
}
table.contacts td img {
  border:1px solid #5c5c5c;
  margin-right:10px;
}

  /* Maps */
table.maps {
  text-align:center;
}

}