﻿* {
  border: 0px;
}

html, body {
  margin: 0px;
  padding: 0px;
}

html {
  height: 100%;
  overflow-y: scroll;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  background: url('layout/bg.gif');
}

h1, h2, ul, li, a {
  padding: 0px;
  margin: 0px;
}

h1 {
  font-weight: bold;
  text-align:left;
}

a {
  text-decoration: none;
  color:#003F6C;
}

form {
  display: inline;
  padding: 0 none;
  margin: 0 none;
}

select {
  border: 1px solid #9b9b9b;
}

#all{
  width: 960px;
  margin: 0 auto;
  text-align: left;
  position: relative;
}

#topcolumn{
  width: 960px;
  height:30px;
  display:block;
}

#logocolumn{
  width: 960px;
  height:90px;
  display:block;
  background-color: #ffffff;
}

#navcolumn{
  width: 960px;
  height:30px;
  display:block;
  background-color: #e41d13;
}

#breadcrumb{
  width: 960px;
  *width: 938px;
  _width: 960px;
  height:20px;
  display:block;
  *padding-left: 22px;
  _padding-left: 0px;
  background-color: #505559;
}

#contentcolumn{
  width: 960px;
  background-color: #e7ebed;
  display: block;
  min-height: 420px;
  background-image: url('layout/bg_content.gif');
}

#bottomcolumn{
  width: 960px;
  min-height:20px;
  display:block;
  font-size: 10px;
  color: #ffffff;
  padding-top:5px;   
}

/* TOP */
#topcolumn .topcontent {
  float: left;
  height: 24px;
  margin-top: 6px;
}

#topcolumn .toplinks {
  float: left;
  margin-top: 8px;
  color: #ffffff;
}

#topcolumn .toplinks a {
  color: #ffffff;
  margin: 0px 20px 0px 0px;
}

#topcolumn .toplinks_start a {
  float: right;
  margin-top: 8px;
  color: #ffffff;
}

/* SUCHE */
#topcolumn .topcontent #topsearch {
  display: block;
  _display: inline;
  width: 130px;
  height: 18px;    
}

#topcolumn .searchinput {
  width: 106px;
  height: 18px;
  padding: 2px 0px 0px 4px;
  margin: 0 none;
  margin-right: 2px;
  vertical-align: top;
  font-size: 11px;
  color: #666666;
  background: transparent;
  background: url(../images/layout/bg_searchinput.gif) no-repeat 0 0 transparent;
  _margin-top: -1px;
}

#topcolumn .searchgo {
  width: 18px;
  height: 18px;
  background: url(../images/layout/bg_searchgo.gif) no-repeat 0 0 transparent;
  margin: 0 none;
  vertical-align: top;
}

/* LOGO */
#logocolumn .logo {
  top: 30px; 
  left:780px;
  width:123px;
  height: 31px;
  position:relative;
}

#logocolumn .head {
  margin-left:60px;
  width: 170px;
  height: 60px;
}

/* NAV */
/*******/
/*
#navcolumn .NAVlinks {
  float: left;
  margin-top: 8px;
  color: #ffffff;
  text-transform: uppercase;
  margin-left:40px;
}

#navcolumn .NAVlinks a {
  color: #ffffff;
  margin: 0px 0px 0px 20px;
}

#navcolumn .NAVlinks a:hover {
  text-decoration: none;
  color: #640b09;
 }

*/
/*******/
/*******/
/****************************/
/****Begin Navigation********/
/****************************/
.navi {
  float: left;
  margin-top: 8px;
  color: #ffffff;
  text-transform: uppercase;
  margin-left:25px;
  *margin-left:10px;
}

.navipunkte {
  float: left;
}

.navi .navipunkte a {
  color: #ffffff;
  margin: 0px 0px 0px 20px;
}

.navi .navipunkte a:hover {
  text-decoration: none;
  color: #640b09; 
}

ul.level1 a:link.inactive, ul.level1 a:visited.inactive, ul.level1 a:focus.inactive, ul.level1 a:hover.inactive, ul.level1 a:active.inactive,
ul.level1 a:link.inactive_more, ul.level1 a:visited.inactive_more, ul.level1 a:focus.inactive_more, ul.level1 a:hover.inactive_more, ul.level1 a:active.inactive_more {
  width:120px;
  padding:6px 15px 10px 15px;
  text-decoration: none;  
  background-color: #b6251e;  
  color: #ffffff;
}

ul.level1 a:hover.inactive, ul.level1 a:hover.inactive_more {
  background-color: #921610;
}

ul.level1 a.inactive_more {
  background:#E31D12 url(layout/nav_ico_pfeil.png) no-repeat 138px 11px;
}

ul.level2 a:link.inactive, ul.level2 a:visited.inactive, ul.level2 a:focus.inactive, ul.level2 a:hover.inactive, ul.level2 a:active.inactive {
  width:120px;
  padding:6px 15px 9px 15px;
  text-decoration: none;  
  background-color: #921610;  
  color: #ffffff;
}

ul.level2 a:hover.inactive {
  background-color: #851510;
}

/* Begin - DropDown Menus */
ul.dropdown {
  width: 960px;
  *width: 920px;
  /*width:820px;*/
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  z-index: 101;
}

ul.dropdown ul {
  display:none;
  position:absolute;
  top:99%;
  left:26px;
  z-index: 101;
  margin:0px;
  padding:0px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

ul.dropdown li {
  float:left;
  position:relative;
  z-index: 101;
}

ul.dropdown * li {
  width:120px;
  clear:left;
  z-index: 101;
}

ul.dropdown li ul li {
  width:150px;
  background-color: #E31D12;
  border-bottom:1px solid #9a1812;
  padding:0;
}

ul.dropdown li .level2 li {
  width:150px;
  background-color: #AC1912;
  border-top:1px solid #E31D12;
  padding:0;
}

ul.dropdown a {
  display:block;
  z-index: 101;
}

ul.dropdown ul ul {
  display:none;
  left:100%;
  position:absolute;
  top:-1px;
  z-index: 101;
}

ul.dropdown li:hover ul ul {
  display:none;
  z-index: 101;
}

ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul {
  display:block;
  z-index: 101;
}

li.inactive {
  /*padding-top:0px;*/
  padding: 0px 5px 8px 5px;  
  /*border-right:1px solid #b8b8b8;*/
}

#nav ul a {
  margin:0;
  color: #ffffff;
  text-transform: none;
}
/****************************/
/****End Navigation**********/
/****************************/

/* BREADCRUMB */
#breadcrumb .breadcrumblinks {
  float: left;
  margin-top: 3px;
  color: #c0c0c0;
  margin-left:60px;
  *margin-left: 33px;
}

#breadcrumb .breadcrumblinks a {
  color: #c0c0c0;
  margin: 0px 0px 0px 0px;
}

#breadcrumb .breadcrumblinks .bread {
  color: #FFFFFF;
}

#breadcrumb .NAVlinks a:hover {
  text-decoration: none; 
  color: #640b09; 
}

/* CONTENT */
#contentcolumn .imageGR {
  width: 960px;
  display:block;
  height: 420px;
}

#contentcolumn .image {
  float: left;
  clear:right;
  width:720px;
  height: 400px;
}

#contentcolumn .image_small {
  float: left;
  clear:right;
  width:660px;
  height: 420px;
}

#contentcolumn .image_folge {
  float: left;
  width:960px;
  height: 220px;
}

#contentcolumn .templ {
  float: left;
  width:720px;    
}

#contentcolumn .templ .backlink {
  text-align:right;
  padding: 12px 20px 12px 0px;
  border-top: 2px solid #C8CBCC;
}

#contentcolumn .templ .backlink a {
  color: #505559;
}

#contentcolumn .templ table {
  width: 720px;
  font-size: 12px;
}

#contentcolumn .templ th {
  background-color:#929a9e;
  height: 30px;
  color: #ffffff;
  font-widht: bold;
}

#contentcolumn .templ td, th {
  border-left-width:1px;
  border-left-style:solid;
  border-color:#ffffff;
  padding-left:20px;
  padding-right:20px;
}

#contentcolumn .templ td_left {
  text-align: left;
}

#contentcolumn .templ td_center {
  text-align: center;
}

#contentcolumn .templ .one {
  background-color:#ffffff;
  height: 30px;
  font-size: 12px;
}

#contentcolumn .templ .two {
  background-color:#e2e4e4;
  height: 30px;
  font-size: 12px;
}

#contentcolumn .templ .uebersichttext {
  width: 480px;
  margin: 100px 120px 30px 120px;  
}

#contentcolumn .templ .uebersichttext ul  {
  list-style-type: none;
  text-align: left;
  list-style-position: outside;
  list-style-image: url(layout/li.gif);
  padding-left:10px;
  line-height: 18px;
  *padding-left:20px;
}

#contentcolumn .templ .uebersichttext li {
  margin-bottom: 10px;
}

#contentcolumn .templ .uebersichtprodukte {
  width: 660px;
  margin: 30px 30px 30px 30px;
  border-top: 1px solid #ffffff;
}

#contentcolumn .templ .uebersichtprodukte .produkt_one a   {
  width: 220px;
  padding: 20px 0px 0px 0px;
  background: url(layout/uebersicht_trenn.gif) no-repeat;
  height: 230px;
  float:left;
  clear:right;
  text-transform: uppercase;
  color: #e41d13;
  font-weight: bold;
  text-align: center;
}

#contentcolumn .templ .uebersichtprodukte .produkt_three a  {
  width: 220px;
  padding: 20px 0px 0px 0px;
  height: 230px;
  float:left;
  clear:right;
  text-transform: uppercase;
  color: #e41d13;
  font-weight: bold;
  text-align: center;
}

#contentcolumn .bildheader {
  width: 720px;/*350px*/
  height: 55px;
  position: absolute;
  z-index: 100;
  top: 170px;
  /*left: 370px;*/
  left: 0px;
}

#contentcolumn .bildheader .ueberschrift,
#contentcolumn .bildheader .ueberschrift_abt {
  padding: 12px 60px 12px 0px;
  float: right;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  text-transform: uppercase;
  height: 30px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
}

#contentcolumn .bildheader .ueberschrift_abt {
  color: #929a9e;
}

#contentcolumn .bildheader .ueberschrift h1,
#contentcolumn .bildheader .ueberschrift_abt h1{
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  text-transform: uppercase;
}

#contentcolumn .text {
  float:right;
  width:240px;
  /*height:400px;*/
  background-color:#c8cbcc;  
}

#contentcolumn .text_folge {
  float:right;
  width:630px;
  padding: 25px 60px 30px 30px;
  font-size: 12px;
  line-height: 18px;
  background-color:#E7EBEE;
}

#contentcolumn .text_folge .header {
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 20px;
  font-size: 12px;
}

#contentcolumn .text_folge .title {
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 20px;
  font-size: 14px;
  color: red;
}

#contentcolumn .text_folge a {
  font-size: 12px;
  color: #e41d13;
}

#contentcolumn .text_folge .trenn {
  height: 25px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  margin-bottom:25px;
  display: block;
}

#contentcolumn .text_teaser {
  float:right;
  width:630px;
  padding: 25px 60px 30px 30px;
  font-size: 12px;
  line-height: 18px;
}

#contentcolumn .text_teaser .header {
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 20px;
  font-size: 12px;
}

#contentcolumn .text_teaser .title {
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 20px;
  font-size: 14px;
  color: red;
}

#contentcolumn .text_teaser a {
  display: block;
  font-size: 12px;
  color: #e41d13;
  padding-top:10px;
  widht: 100px;
}

#contentcolumn .text_teaser .header a {
  width: auto;
  display: inline;
  text-transform: uppercase;
  font-weight: bold;
  color: #000;
  padding: 0;
}

#contentcolumn .text_teaser .trenn {
  height: 25px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FFFFFF;
  margin-bottom:25px;
  display: block;
}

#contentcolumn .text_big .header {
  color: #505559;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 30px;
}

#contentcolumn .text .header {
  height: 16px;
  color: #505559;
  font-size: 13px;
  margin: 19px 15px 20px 15px;
  text-transform: uppercase;
}

#contentcolumn .text .header h2{
  font-size: 13px;
  text-transform: uppercase;
  font-weight: normal;
}

#contentcolumn .text .vorteile {
  width: 210px;
  /*height: 22px;*/
  color: #ffffff;
  font-size: 12px;
  padding: 8px 15px;
  background-color: #929a9e;    
}

#contentcolumn .text .header_box {
  color: #ffffff;
  font-size: 12px;
  margin-top: 55px;
  padding: 8px 15px 0px 15px;
  background-color: #929a9e;
  height: 22px;
  width: 210px;  
}

#contentcolumn .text .header_box h2{
  font-size: 12px;
  font-weight: normal;  
}

#contentcolumn .text .liste {
  color: #505559;
  font-size: 11px;
  Line-height: 14px;
  width: 210px;
  padding: 15px 15px 15px 15px;
  height: 225px;  
}

#contentcolumn .text .text_big .fliesstext_small {
  color: #505559;
  width: 210px;
  font-size: 11px;
}

ul  {
  list-style-type: none;
  text-align: left;
  list-style-position: outside;
  list-style-image: url('layout/li.gif');
  padding-left:10px;
  *padding-left:20px;
}

#contentcolumn .liste_nav {
  color: #666666;
  font-size: 12px;
  Line-height: 20px;
  width: 210px;
  padding: 15px 15px 15px 15px;
  /*height: 246px; default:225px*/
}

#contentcolumn .liste_links {
  font-size: 12px;
  Line-height: 20px;
  width: 210px;
  padding: 15px 15px 15px 15px;
}

.liste_nav ul.nav {
  list-style-type: none;
  text-align: left;
  list-style-position: outside;
  list-style-image: none;
  padding-left:0px;
}

.liste_nav ul.nav li{
  background: url('layout/nav_pfeil.gif') no-repeat 4px 7px;
  padding-left:10px;
  *padding-left:20px;
}

.liste_links ul.nav {
  list-style-type: none;
  text-align: left;
  list-style-position: outside;
  list-style-image: none;
  padding-left:0px;
}

.liste_links ul.nav li{
  padding-left: 10px;
  *padding-left: 20px;
  background: url('layout/ico_pfeil_links.png') no-repeat 4px 7px;
}

.liste_links .links {
  color: #ffffff;
}

.liste_nav ul.nav a {
  color: #666666;
  display: block;
}

.liste_nav ul.nav a:hover {
  display: block;
  color: #e41d13;
}

#contentcolumn .kataloglink {
  width:240px;
  margin:0px;
  padding:0px;
  height: 30px;
  clear: both;
}

#contentcolumn .katalog_trenn {
  width:240px;
  margin:0px;
  padding:0px;
  height: 1px;
  background:#E31D12 url(layout/trenn_240.gif) no-repeat 0px 0px;
}

/*SELECT*/
#contentcolumn .selectlang {
  text-align: left;
  position: relative;
  z-index: 1000;
  margin: 0 none;
  width: 195px;
  height: 18px;
  float: left;
  margin-top: 10px;
}

#contentcolumn .selectlang_sel {
  width: 195px;
  height: 12px;
  padding: 0 none;
  margin: 0 none;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  cursor: hand;
  cursor: pointer;
  font-size: 10px;
  font-family: Verdana;
  color: #666666;
  padding: 2px;
  padding-left: 5px;
  z-index: 2000;  
}

#contentcolumn .selectlang img.selngimg {
  cursor: hand;
  cursor: pointer;
}

#contentcolumn .selectlang_dd {
  width: 193px;
  height: 250px;
  overflow: auto;
  display: none;
  position: absolute;
  top: 17px;
  left: 0px;
  z-index: 1000;
  border: 1px solid #999999;
  background-color: #FFFFFF;
  margin: 0 none;
  text-align: left;
}

#contentcolumn .selectlang_dd a {
  display: block;
  color: #999999;
  padding: 3px;
  font-family: Verdana;
  font-size: 10px;
}

#contentcolumn .selectlang_dd a:hover {
  display: block;
  background: #999999;
  color: #EFEFEF;
  font-weight: bold;
}

.cat_link {
  overflow: hidden;
  position: absolute;
  bottom: 25px;
  _bottom: 17px;
}

.cat_shoplink {
  margin-top: 1px;
  padding: 8px 0;
  background-color: #E31D13;
  position: relative;
  top: 0px;
  oveflow: hidden;
  display: none;
}
 
.cat_link .a_link, .cat_shoplink .a_link {
  width:215px;
  *width:205px;
  margin-top: 1px;
  padding:10px 0px 10px 25px;
  *padding:10px 0px 10px 35px;
  display:block;
  color:#ffffff;
  font-weight:bold;
  background:#E31D13 url(layout/nav_ico_pfeil.png) no-repeat 15px 13px;
  *background:#E31D13 url(layout/nav_ico_pfeil.png) no-repeat 19px 13px;
}

#vorteile {
  width:210px;
  height:309px;
  color: #ffffff;
  padding: 31px 15px 0px 15px;
  float: right;
  background-color: #929A9D;
  display:none;
}

#box1 {
  width: 21px;
  height: 340px;
  margin-top: 1px;
  position: absolute;
  z-index: 100;
  float: right;
  top: 170px;
  left:699px;
}

#box1 .open {
  width: 21px;
  height: 38px;
  cursor: hand;
  cursor: pointer;
  background: url('layout/pfeil_open.jpg');
}

#box1 .close {
  width: 21px;
  height: 38px;
  cursor: hand;
  cursor: pointer;
  background: url('layout/pfeil_close.jpg');
}

#print-vorteile { 
  display:none;
}

.cFix, .cFix:after {
  clear:both;
  content:".";
  display:block;
  font-size:0;
  height:0;
  overflow:hidden;
  visibility:hidden;
}
 
