/* ######## DEFAULTs ######## */
body { 
  background-color: #FFF;
  background-image:url(/img/back.gif);
  margin:0px;
  padding:0px;
  color: #333;  
}
body, div, span, td, li, input, select, textarea, h2, h1, h3 {
  font-family: Verdana, sans-serif;
  font-size: 10px;
  font-weight: normal;
  line-height: 14px;
} 
img {
  border: none;
}
a, a:link, a:visited, a:hover {
  color:#333;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}

div {
  position: relative;
  width: auto;
  height: auto;
  margin: 0px;
  padding: 0px;
}
p {
  margin-top: 0px;
  margin-bottom: 12px;
}
ul {
  list-style-image: url(/img/ul.gif); 
  list-style-type: square;
  margin-left: 18px;
  padding-left: 8px;
  margin-top: 0px;
  margin-bottom: 0px;
}
li {
  margin-bottom: 0px;
}
.small  {
  font-size: 10px;
  line-height: 12px;
}
h1, h2 {
  margin: 0px;
  padding:0px;
  text-transform: uppercase;
  margin-bottom: 6px;
}
h1 {
  font-size: 14px;
}
h3 {
  font-weight: bold;
}
h4 {
  font-size: 10px;
}
.img {
  padding-bottom: 15px;
}
/* teaser mit weissem BG */
.teaser {
  width: 345px;
  cursor: hand;
}
.teaser div, .teaser p {
  padding: 1px 4px;
}
.teaser .topHead {
  text-transform: none;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 2px; 
}
.teaser .headline, .teaser .headline a {
  background-color: #DB3542;
  color: #FFF;
  text-decoration: none;
}
.teaser p, .teaser p a {
  margin-top: 4px;
  line-height: 12px;
}

.textBox {
  background-color: #DB3542;
  width: 345px;
  padding: 10px 0px 2px 0px;
}
.textBox1 {
  background-color: #FFFFFF;
  width: 345px;
  padding: 10px 0px 2px 0px;
}
.textBox div, .textBox p, .textBox h2, .textBox h3, .textBox h4, .textBox table, .textBox span, .textBox ul, .textBox li {
  color: #FFF;
  padding: 0px 8px;
}
.textBox h2 {
  margin-top: 18px !important;
  margin-bottom: 0px !important;
}
.textBox h3 {
  margin-top: 12px !important;
  margin-bottom: 3px !important;
}
.textBox h4 {
  text-transform: uppercase;
  font-weight: normal;
  margin-top: 3px !important;
  margin-bottom: 6px !important;
}
.both {
  width: 710px;
}

h2.top {
  margin-top: 0px !important;
  padding-top: 0px !important;
}

.textBox a:link, .textBox a:visited {
  color: #FFF;
  text-decoration: underline;
}
.textBox a:hover {
  text-decoration: none;
}
div.schauBox {
  background-color: #DB3542;
  width: 345px;
  height: 230px;
  padding: 0px;
  margin: 0px;
}
.schauBox p {
  color: #FFF;
  padding: 6px 8px 0px 8px;
}
.schauBoxTop {
  height: 70px;
  background-color: #DB3542;
}
.schauBoxBottom {
  height: 115px;
}
div.schauBoxBottom, div.schauBoxBottom a:link, div.schauBoxBottom a:visited, div.schauBoxBottom a:hover {
  background-color: #DB3542;
  color: #FFF;
}
.schauZitat {
  padding: 20px 8px 10px 8px;
}
.schauColor, div.schauColor p {
  background-color: #00A2C9 !important;
}

.zitat {
  background-color: #DB3542;
  color: #FFF;
  padding: 10px;
  border-top: 10px solid #EBEBEB;
}
.imgPaging, {
  margin:0px;
  background-color: #FFF;
}
.imgPaging, .imgPaging a.on, .imgPaging a.off {
  background-color: #FFF;
  font-size:11px;
  padding-right: 7px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.imgPaging, .imgPaging a.on {
  color: #999;
}
.imgPaging, .imgPaging a.off {
  color: #000;
}
#imgOverview {
  cursor:pointer;
}
.shop td {
  padding-right: 20px;  
  padding-bottom: 20px;
}
.shop .headline, .shop .subHead {
  padding-left: 0px;
  font-weight: bold;
}
.shop .headline {
  text-transform: uppercase;
}

.presseTable table {
  padding: 3px 0px;
}

/* teaser mit rotem BG */
.textTeaser {
  background-color: #DB3542;
}
.textTeaser div, .textTeaser p {
  padding: 0px;
}
.textTeaser .topHead, .textTeaser .topHead a {
  text-decoration: none;
  color: #FFF;
}
.textTeaser .topHead, .textTeaser .topHead a {
  margin-bottom: 2px;
}
.textTeaser .headline, .textTeaser .headline a {
  text-transform: none;
  background-color: #DB3542;
  color: #FFF;
  text-decoration: none;
  margin-bottom: 4px;
}
.textTeaser .headline a:link, .textTeaser .headline a:visited {
  text-decoration: none;
}
.textTeaser .headline a:hover {
  text-decoration: underline;
}
.textTeaser p, .textTeaser p a:link, .textTeaser p a:visited, .textTeaser p a:hover {
  margin-top: 4px;
  line-height: 12px;
  color: #FFF;
}

/* FORMS */
.red, .error, .lable {
  color: #FFF;
}
.errorDiv {
  border: 1px solid #FFFFFF;
  margin: 20px;
}
form {
  margin: 0px;
  padding: 0px;
}
input.error {
  border: 1px solid #FFF !important;
}
input, textarea, select {
  padding:1px 1px 1px 5px;
  border: 1px solid #E5E1D5;
  background-color:#fff;
  font-size:0.9em;
  margin:5px 0px;
  width:155px;
  line-height:120%;
} 
input.button {
  padding:1px 10px 1px 10px;
  background-color:#fff;
  border: 1px solid #E5E1D5;
}
input.error, select.error {
  color: #FF0000;
}

/* SEITENAUFBAU */
#master {
  width:780px;
  border: 1px solid #999;
  border-top: none;
}
#master div {
  text-align: left;
}
#masterTop {
  background-color: #FFF;
  width:100%;
  height:150px;
}
#masterBottom {
  background-color: #EBEBEB;
  width:100%;
  height:auto;
}
#content {
  clear: both;
  padding-top: 70px;
  padding-left: 34px;
  padding-bottom: 10px;
}
.contentLeft, .contentRight {
  float: left;
  width: 345px;
}
.contentRight {
  padding-left: 20px;
}
div.contentBoth {
  width: auto;
  margin-right: 34px;
}
div#logo {
  width:auto;
  text-align: right;
  padding-top: 0px;
}
#footer {
  clear:both;
}
#footer div {
  font-size: 11px;
  text-align:right;
  padding: 20px 36px 0px 0px;
}
#footer a {
  color: #888;
  text-decoration: none;
  padding: 0px 5px 1px 3px;
  border-right: 1px solid #888;
}
#footer a.last {
  border-right: none;
}
#footer a.on {
  background-color: #888;
  color: #FFF;
}

/* NAVIGATION */
#navMain {
  z-index: 20;
}

#navSub {
  z-index: 30;
  background-color: #EBEBEB;
  background-image:url(/img/subnav_back.gif);
  width: 782px;
  cursor: hand;
}
.nav {
  position: absolute;
  top:0px; left: 0px;
  z-index: 5;
  background-color: #DB3542;
  padding-left: 30px;
}
.nav a:link, .nav a:visited, .nav a hover {
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  padding: 0px 10px;
  border-right: 1px solid #FFF;
}
.nav a:link.last, .nav a:visited.last, .nav a:hover.last,
#nav4 a:link.last, #nav4 a:visited.last, #nav4 a:hover.last,
#paging a:link.last, #paging a:visited.last, #paging a:hover.last {
  border-right: none;
}
.navBack {
  background-color: #DB3542;
  position: absolute;
  top:0px; left: 0px;
  z-index: 7;
  padding: 6px 2px 2px 18px;
  z-index: 40;
}
div.nav1, div.nav2 {
  padding: 2px 0px;
  float: left;
  width: auto;
  z-index: 10;
}
div.nav1 {
  background-color: #DB3542;
}
div.nav2 {
  background-color: #7D7D7D;
}
.nav2 a:link, .nav2 a:visited, .nav2 a hover {
  font-weight: normal;
}
a.on, a.off {
  font-weight: bold !important;
}

.paging {
  margin-top: 1px;
  text-align: right;
  width: 345px;
  background-color: #7D7D7D;
  z-index: 15;
}
.paging div {
  padding: 2px 8px;
}
.paging a:link, .paging a:visited, .paging a:hover {
  color: #FFF;
  padding: 0px 5px;
  text-decoration: none;
}
.navLine {
  border-right: 1px solid #FFF;
}

#nav4 {
  position: absolute;
  top:30px; left: 0px;
  z-index: 5;
  padding-left: 30px;
}
#nav4 a:link, #nav4 a:visited, #nav4 a:hover {
  padding: 0px 10px;
  color: #999;
  border-right: 1px solid #999;
  text-decoration: none;
}
