html, body {
  width:100%;
  height:100%;
  margin:0;
  padding:0;
}

body {
  font-family:"Tahoma", Helvetica, sans-serif;
  font-size:14px;
  line-height:18px;
  color:#555;
  background:url('/con/cms/images/bg-body.png') #1c1a12 repeat;
  text-align:left;
}

a {
  text-decoration:underline;
  color:#191810;
}

a:hover {
  color:#090800;
}

a img {
  border:none;
}

p {
  margin:0 0 1em 0;
}

h1, h2 {
  font-weight:normal;
  font-family:"Impact", sans-serif;
  color:#191810;
  font-size:24px;
  line-height:28px;
  margin:1em 0 8px 0;
  text-transform:lowercase;
}

#main h1, #main h2 {
  position:relative;
  margin-left:-22px;
  padding-left:22px;
  background:url('/con/cms/images/dot-headline.gif') transparent no-repeat 0 8px;
}

h3, h3 a {
  font-family:"Impact", sans-serif;
  font-weight:normal;
  font-size:17px;
  line-height:22px;
  color:#6e100e;
  margin:0.8em 0 0.2em 0;
  text-transform:lowercase;
  text-decoration:none;
}

h3 a:hover {
  color:#3e000e;
}

h4, h5, h6 {
  font-weight:bold;
  color:#6e100e;
  margin:1em 0 0 0;
  font-size:1em;
}

.firstHeading {
  margin-top:0;
}

.center {
  text-align:center;
}

#container {
  background:url('/con/cms/images/bg-container.png') transparent repeat-x;
  min-height:100%;
}

* html #container {
  height:100%;
}

#inner-container {
  width:1000px;
  margin:0 auto;
  background:url('/con/cms/images/bg-inner-container.gif') transparent repeat-y;
  min-height:100%;
  position:relative;
}

* html #inner-container {
  height:100%;
}

#header {
  position:relative;
  height:550px;
  background:url('/con/cms/images/bg-header.png') transparent no-repeat;
}

#header h1 {
  display:none;
}

#buttons {
  position:absolute;
  top:395px;
  top:-18px;
  left:703px;
  list-style-type:none;
  list-style-image:none;
  margin:0;
  padding:0;
  z-index:5;
}

#buttons li {
  display:block;
  margin:0;
  padding:0;
  overflow:hidden;
  width:78px;
  height:78px;
  position:absolute;
  z-index:5;
}

#buttons li a {
  display:block;
  background-position:top left;
  background-color:transparent;
  background-repeat:no-repeat;
  width:78px;
  height:78px;
  text-indent:-9999px;
  z-index:5;
}

#buttons li a:hover {
  background-position:bottom left;
}

#buttons li#myspace { top:17px; left:0; z-index:10; }
#buttons li#myspace a { background-image:url('/con/cms/images/buttons/myspace.gif'); }
#buttons li#youtube { top:27px; left:67px; z-index:7; }
#buttons li#youtube a { background-image:url('/con/cms/images/buttons/youtube.gif'); }
#buttons li#blogger { top:15px; left:132px; z-index:6; }
#buttons li#blogger a { background-image:url('/con/cms/images/buttons/blogger.gif'); }
#buttons li#mx3 { top:0; left:199px; z-index:8; }
#buttons li#mx3 a { background-image:url('/con/cms/images/buttons/mx3.gif'); }
#buttons li#spreadshirt { top:63px; left:181px; z-index:9; }
#buttons li#spreadshirt a { background-image:url('/con/cms/images/buttons/spreadshirt.gif'); }

#navigation {
  position:absolute;
  top:315px;
  left:55px;
  height:80px;
  width:570px;
  list-style-type:none;
  margin:0;
  padding:0;
}

#languages {
  position:absolute;
  z-index:1;
  top:-18px;
  left:501px;
  width:95px;
  height:113px;
  background:url("/con/cms/images/bg-languages.gif") transparent no-repeat;
}

#languages a {
  display:block;
  position:relative;
  z-index:5;
  top:17px;
  left:41px;
  width:32px;
  height:32px;
  text-indent:-999px;
  background-repeat:no-repeat;
  background-position:top left;
}

#languages a:hover {
  background-position:bottom left;
}

#languages a.de { background-image:url("/con/cms/images/flag-de.gif"); }
#languages a.en { background-image:url("/con/cms/images/flag-en.gif"); }

#content {
  position:relative;
  top:-137px;
  padding:0 50px 270px 50px;
}

#main {
  position:relative;
  top:34px;
  z-index:2;
  width:515px;
  padding-left:55px;
  float:left;
  text-align:justify;
}

#sidebar {
  float:right;
  padding:104px 55px 0 0;
  width:240px;
  font-size:12px;
  line-height:16px;
}

#footer {
  position:relative;
  width:1000px;
  height:380px;
  margin:-380px auto 0 auto;
  background:url('/con/cms/images/bg-footer.png') transparent no-repeat right bottom;
}

#byline {
  position:relative;
  height:20px;
  text-align:right;
  margin-top:-20px;
  font-size:11px;
  color:#444;
  padding:0 15px;
}

#byline a {
  text-decoration:none;
  color:#444;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */