* {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

body {
  font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
  font-size: 62.5%;
  color: #444;
  margin: 0px;
  background: #fff url(/gfx/bg_kachel1.gif) 17% center repeat-y;
}

img {
  border: 0px;
}

p {
  margin: 0px;
  padding: 0px;
}

a {
  color: #555;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #145DA1;
  text-decoration: none;
}

a:active {
  color: #555;
}

a:focus {
  color: #555;
  outline: none !important;
}

br {
  line-height: 17px;
  height: 17px;
}

hr, hr.hr_small {
  border: 0;
  height: 3px;
  border-top: 3px solid #d9dadb;
  margin-bottom: 17px;
}

hr.hr_small {
  height: 1px;
  border-top: 1px dotted #aaa;
}

h1 {
  margin-bottom: 9px;
  font-size: 33px;
}

h1 span {
  visibility: hidden;
}

#centerbox {
  width: 900px;
  margin: 50px auto 50px auto;
  border: 1px solid #ccc;
  border-left: 10px solid #ccc;
  padding: 34px 34px 34px 29px;
  background-color: #fff;
}

/* ---------- head ---------- */
#head {
  position: relative;
  padding-left: 5px;
}

#head .head_nav {
  position: absolute;
  right: 0px;
  top: 0;
}

#head .head_nav a {
  font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
  color: #C6C7C9;
  display: block;
  height: 12px;
  background: url(/gfx/image_matrix.gif) -165px top no-repeat;
}

#head .head_nav a:hover {
  color: #145DA1;
}

#head a span {
  visibility: hidden;
}

#head .head_nav a.btn_top_nav01 {
  width: 34px;
  background-position: -165px top;
}

#head .head_nav a.btn_top_nav01:hover {
  background-position: -165px -12px;
}

#head .head_nav a.btn_top_nav02 {
  width: 66px;
  background-position: -165px -24px;
}

#head .head_nav a.btn_top_nav02:hover {
  background-position: -165px -36px;
}

#head .head_nav a.btn_top_nav03 {
  width: 69px;
  background-position: -165px -48px;
}

#head .head_nav a.btn_top_nav03:hover {
  background-position: -165px -60px;
}

#head .head_nav a.btn_top_nav04 {
  width: 68px;
  background-position: -165px -72px;
}

#head .head_nav a.btn_top_nav04:hover {
  background-position: -165px -84px;
}

/* obere navigation active zusrtand */
.btn_top_nav01_active {
  background-position: -165px -101px !important;
}

.btn_top_nav02_active {
  background-position: -165px -113px !important;
}

.btn_top_nav03_active {
  background-position: -165px -125px !important;
}

.btn_top_nav04_active {
  background-position: -165px -137px !important;
}

#head ul {
  list-style: none;
  float: left;
}

#head ul li {
  float: left;
  margin-left: 10px;
}

/* ---------- linke Navigation ---------- */
#navigation {
  margin-top: 60px;
  width: 26%;
  float: left;
}

ul.left_nav {
  list-style: none;
}

ul.left_nav li {
  margin-bottom: 0px;
}

ul.left_nav li a.btn_left_nav span {
  visibility: hidden;
}

ul.left_nav li a.btn_left_nav {
  display: block;
  height: 35px;
  width: 165px;
  background: url(/gfx/image_matrix.gif) left 0px no-repeat;
}

ul.left_nav li a#lnav01 {
  height: 35px;
}

ul.left_nav li a#lnav01:hover {
  background-position: left -35px;
}

ul li a#lnav02 {
  width: 96px;
  background-position: left -70px;
}

ul li a#lnav02:hover {
  background-position: left -105px;
}

ul li a#lnav03 {
  width: 119px;
  background-position: left -140px;
}

ul li a#lnav03:hover {
  background-position: left -175px;
}

ul li a#lnav04 {
  width: 115px;
  background-position: left -210px;
}

ul li a#lnav04:hover {
  background-position: left -245px;
}

ul li a#lnav05 {
  width: 79px;
  background-position: left -280px;
}

ul li a#lnav05:hover {
  background-position: left -315px;
}

ul li a#lnav06 {
  width: 69px;
  background-position: left -350px;
}

ul li a#lnav06:hover {
  background-position: left -385px;
}

ul li a#lnav07 {
  width: 69px;
  background-position: left -420px;
}

ul li a#lnav07:hover {
  background-position: left -455px;
}

ul li a#lnav08 {
  width: 70px;
  background-position: left -490px;
}

ul li a#lnav08:hover {
  background-position: left -525px;
}

ul li a#lnav09 {
  width: 142px;
  background-position: left -561px;
}

ul li a#lnav09:hover {
  background-position: left -596px;
}

/*  linke navi active zustand */
.btn_left_nav01_active {
  background-position: -165px -200px !important;
}

.btn_left_nav02_active {
  background-position: -165px -235px !important;
}

.btn_left_nav03_active {
  background-position: -165px -270px !important;
}

.btn_left_nav04_active {
  background-position: -165px -305px !important;
}

.btn_left_nav05_active {
  background-position: -165px -340px !important;
}

.btn_left_nav06_active {
  background-position: -165px -375px !important;
}

.btn_left_nav07_active {
  background-position: -165px -410px !important;
}

.btn_left_nav08_active {
  background-position: -165px -445px !important;
}

.btn_left_nav09_active {
  background-position: -165px -480px !important;
}

/*  sub navigation */
ul.left_sub_nav {
  list-style: none;
  margin: 15px 0 10px 30px;
  width: 190px;
}

ul.left_sub_nav li {
  margin-bottom: 5px;
}

ul.left_sub_nav li a { /*display: block;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 150%;
  color: #9c9d9f;
  height: 17px;
}

ul.left_sub_nav li a:hover {
  color: #145DA1;
}

.btn_left_sub_nav_active {
  color: #4e4751 !important;
}

/* ---------- content ---------- */
#content {
  margin-top: 45px;
  font-size: 130%;
  float: left;
  width: 74%;
  border-top: 3px solid #d9dadb;
  padding-top: 17px;
}

#content h1 span {
  display: none;
}

#content p {
  line-height: 18px;
  padding-bottom: 12px
}

#content p.txt_italic {
  font-style: oblique;
}

#content p.pager_position {
  text-align: left;
}

strong {
  font-size: 110%;
}

#content h1 img {
  margin: 0;
  border: 0;
}

#content img {
  margin-bottom: 17px;
  border-right: 10px solid #444;
}

#content img.no_border {
  border: none;
  float: left;
  padding: 2px 5px 0 0;
  margin: 0;
}

#content a {
  font-size: 110%;
  border-bottom: 1px dotted #444;
}

#content a:hover {
  border-bottom: 1px dotted #145DA1;
}

.overline {
  color: #000;
  font-size: 140%;
  font-weight: bold;
}

#content .headline {
  text-transform: uppercase;
  color: #999999;
  font-size: 350%;
  font-weight: bold;
  letter-spacing: -3px;
  margin-bottom: 0px;
}

.underline {
  color: #000;
  font-size: 140%;
  font-weight: bold;
}

#content .teaserText {
  letter-spacing: 0px;
  word-spacing: 0px;
  line-height: 20px;
  width: 500px;
  color: #000;
  font-size: 130%;
  font-weight: normal;
}

/* ---------- News / Startseite ---------- */
.news_article {
  margin-bottom: 17px;
}

#content .news_article a.news_280808 {
  display: block;
  height: 385px;
  width: 525px;
  background: url(/gfx/news_190908.jpg) left top no-repeat;
  border: none;
}

#content .news_article a.news_280808:hover {
  background-position: left -385px;
}

/* ---------- Disclaimer ---------- */
ol.disclaimer_ol {
  padding: 0px;
  margin-left: 25px;
}

ol.disclaimer_ol li {
  font-weight: bold;
}

ol.disclaimer_ol li p {
  font-weight: normal;
}

/* ---------- Studios ---------- */
ul.studios_ul {
  padding: 0px;
  margin-left: 0px;
  margin-bottom: 17px;
  list-style-type: none;
}

ul.studios_ul li {
  font-weight: bold;
  font-size: 120%;
  padding: 3px 0 3px 0;
}

/* ---------- Buchprojekte ---------- */
/* ---------- Presse ---------- */
ul.presse_ul {
  padding: 0px;
  margin-left: 0px;
  margin-bottom: 17px;
  list-style-type: none;
}

ul.presse_ul li {
  margin: 0;
}

ul.presse_ul li p {
  margin: 10px 0 10px 0;
}

/* ---------- Anderes nützliches ---------- */
.clear {
  overflow: hidden;
  height: 1%;
}

.jsNote {
  color: #000;
  font-size: 60%;
  padding: 2px;
  border: 1px solid #333;
  background-color: #ffffe1;
}