* {
  margin: 0;
  padding:0;
  border: 0;
}
a {
  outline:none;
  border:none;
}

/*
Gewinnspiel START
-------------------- Entfernen wenn abgeschlossen -------------------
*/
div#sportLogo {
  position:absolute;
  top: 340px;
  left: -63px;
}
div.gewinnspielLinkContainer {
  padding-top: 0px;
  position: absolute;
  width: 350px;
  top: 0px;
  left: 0px;
}


@font-face {
  font-family: 'DroidSansBold';
  src: url('/gewinnspiel/font/DroidSans-Bold-webfont.eot');
  src: url('/gewinnspiel/font/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/gewinnspiel/font/DroidSans-Bold-webfont.woff') format('woff'),
    url('/gewinnspiel/font/DroidSans-Bold-webfont.ttf') format('truetype'),
    url('/gewinnspiel/font/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
a.gewinnspiel:link,
a.gewinnspiel:visited {
  font-family:DroidSansBold, Arial, sans-serif;
  color: #eddbb6;
  text-decoration: underline;
}
a.gewinnspiel:focus,
a.gewinnspiel:hover{
  font-family:DroidSansBold, Arial, sans-serif;
  color: #eddbb6;
  text-decoration: none;
  outline:none;
}
a.gewinnspielImgLink {
  border: none;
  outline:none;
}
p.gewinnspielTextLink {
  padding-left: 107px;
}
/*
Gewinnspiel ENDE
-------------------- Entfernen wenn abgeschlossen -------------------
*/


a:focus {outline:none;}
span.debug {
  display: block;
  padding: 10px;
  background-color: white;
  border: 1px solid red;
}
h1 {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 12px;
}

h2 {
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 9px;
}

h3 {
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 6px;
}

a {
  color: #ffffff;
  text-decoration: none;
}

.clearerLeft {
  clear: left;
  visibility: hidden;
  line-height: 0.1em;
  height: 0.1em;
}
.clearerRight {
  clear: right;
  visibility: hidden;
  line-height: 0.1em;
  height: 0.1em;
}
.clearerBoth {
  clear: both;
  visibility: hidden;
  
}

div#Seitenbeschreibung {
  display: none;
}

span.KontaktNav {
  margin-left: 30px;
  color: #878787;
}

span.KontaktNav a {
  color: #5a5a5a ! important;  
}

span.KontaktNav a:hover {
  text-decoration: underline;
}
span.KontaktNav a.self {
  color: #1761C0 ! important;
}
span.KontaktNav a.self:hover {
  color: #1761C0;
  text-decoration: none;
}

body {
  text-align: center;
  color: #ffffff;
  background-color: #000000;
  background-image: url(img/backgrounds/start-back.jpg);
  background-position: center 80px;
  background-repeat: repeat-x;
  text-align: center;
  font-family: verdana, sans-serif;
  font-size: 11px;
}




/*
Klassen für die Anzeige der Hintergrund-Bilder
Klassen werden in den "global-definitions" zugewiesen und per Variable "MyKlasse" an "body" im Master übergeben
________________________________________________________________________________________________________________________________________________
*/

body.sportSerien {
  background-image: url(img/backgrounds/sportSerien-back.jpg);
}
body.acSport {
  background-image: url(img/backgrounds/acSport-back.jpg);
}
body.classicSport {
  background-image: url(img/backgrounds/classicSport-back.jpg);
}
body.artSport {
  background-image: url(img/backgrounds/artSport-back.jpg);
}
body.iceSport {
  background-image: url(img/backgrounds/iceSport-back.jpg);
}
body.alSport {
  background-image: url(img/backgrounds/alSport-back.jpg);
}
body.kingLimited {
  background-image: url(img/backgrounds/kingLimited-back.jpg);
}
body.elite {
  background-image: url(img/backgrounds/elite-back.jpg);
}
body.liliput {
  background-image: url(img/backgrounds/liliput-back.jpg);
}
body.kalligrafie {
  background-image: url(img/backgrounds/kalligrafie-back.jpg);
}
body.sketchUp {
  background-image: url(img/backgrounds/sketchUp-back.jpg);
}
body.dia {
  background-image: url(img/backgrounds/dia-back.jpg);
}
body.student {
  background-image: url(img/backgrounds/student-back.jpg);
}
body.luxe {
  background-image: url(img/backgrounds/luxe-back.jpg);
}
body.historieStart {
  background-image: url(img/backgrounds/historieStart-back.jpg);
}
body.qualitaetStart {
  background-image: url(img/backgrounds/qualitaet-back.jpg);
}
body.philosophieStart {
  background-image: url(img/backgrounds/philosophie-back.jpg);
}
body.kontaktStart {
  background-image: url(img/backgrounds/kontakt-back.jpg);
}
body.fachhaendlerStart {
  background-image: url(img/backgrounds/haendler-back.jpg);
}
body.infoStart {
  background-image: url(img/backgrounds/info-back.jpg);
}
body.infoStartneu {
  background-image: url(img/backgrounds/info-back_neu.jpg);
}
body.allrounder {
  background-image: url(img/backgrounds/allrounder_back.jpg);
}
body.special {
  background-image: url(img/backgrounds/special_back.jpg);
}


/*
________________________________________________________________________________________________________________________________________________
Ende der Klassendefinitionen für Hintergrundbilder
*/




div#wrapper {
  text-align: left;
  width: 900px;
  margin: 0 auto;
  background-image: url(img/global/white.png);
  background-position: left 80px;
  background-repeat: no-repeat;
  min-height: 600px;
  position: relative;
}
* html div#wrapper {
  background-image: url(img/global/white.gif);
}
div#wrapper.NoSubNav {
  background-image: none;
}
body.start div#wrapper {
  background-image: none;
}
div#wrapper.langeSeite {
  background-repeat: repeat-y;
}
div#wrapper.langeSeite div#subnav {
  background-image: url(img/global/black.gif);
  background-repeat: repeat-x;
  background-position: center top;
}
div#subnav {
  width: 137px;
  font-size: 11px;
  letter-spacing: 0.05em;
  font-style: italic;
  color: #000000;
}
html* div#subnav {
  width: 137px;
  float: left;
  font-size: 10px;
  letter-spacing: 0.1em;
  font-weight: bold;
  font-style: italic;
}
* html div#subnav {
  width: 137px;
  float: left;
  font-size: 10px;
  letter-spacing: 0.1em;
  font-style: normal;
}

div#subnav div.layout {
  padding: 120px 5px 0 10px;
}
body.start div#subnav div.layout {
  padding: 240px 0 0 0;
}

div#subnav div.layout div#subDescription {
  padding: 0 0 10px 0;
  font-style: normal;
  line-height: 180%;
}
div#subnav div.layout div#MyCatNavi {
  
}
div#subnav div.layout div#startDescription {
  padding: 0 0 30px 0;
  font-weight: normal;
  color: #ffffff;
  line-height: 140%;
  font-size: 10px;
  font-style: italic;
}
div#subnav div.layout div#startDescription strong {
  font-weight: normal;
  font-size: 30px;
  font-style: italic;
  font-family: times new roman, times, serif;
  line-height: 150%;
}

div#subnav div.layout ul {
  list-style-type: none;
  padding: 0px;
}
div#subnav div.layout ul li {
  margin: 8px 0 8px 0;
  padding: 5px 0 0 0;
}
div#subnav div.layout ul li.aktiv {
  border-top: 1px solid #7893af;
  border-bottom: 1px solid #7893af;
}
div#subnav div.layout ul li.shop {
  background-image: url(img/global/shop.png);
  background-position: left middle;
  background-repeat: no-repeat;
  height: 20px;
  padding-left: 30px;
  margin-top: 20px;
  font-weight: bold;
}
div#subnav div.layout ul li a {
  color: #000000;
}
div#subnav div.layout ul li a:hover {
  color: #165fbd;
}
div#subnav div.layout ul li a.current {
  color: #165fbd;
  font-weight: bold;
}

div#subnav div.layout ul li ul.subsub {
  margin: 0 0 15px 10px;
}
div#subnav div.layout ul li ul.subsub li {
  padding: 0;
}
div#subnav div.layout ul li ul.subsub a {
  color: #5a5a5a;
}
div#subnav div.layout ul li ul.subsub a:hover {
  color: #165fbd;
}
div#subnav div.layout ul li ul.subsub a.current {
  color: #165fbd;
  font-weight: normal;
}

div#rightArea {
  float: right;
  width: 760px;
}
div#rightArea.NoneSubNav {
  width: 890px;
}
div#head {
  height: 180px;
  text-align: right;
}


div#navigation {
  padding: 30px 50px 0 0;
  
}
div#navigation ul {
  margin-top: 8px;
  list-style-type: none;
  margin-right: 270px;
}
div#navigation ul li {
  margin: 0 0 10px 0;  
}

div#navigation ul li a {
  padding: 2px 0 2px 0;
}
div#navigation ul li a:hover {
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080;
}
div#navigation ul li a.current {
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080;
}

#logo {
  float: right;
}
#logo #imgBorder {
  margin: 0 0 60px 50px;
}

div#content div.layout {
  padding: 45px 0 0 65px;
}

div#wrapper.NoSubNav div#content div.layout {
  padding: 70px 0px 0px 0px;
  height: 280px;
}


/*----------------------------------------- Formular */


div#wrapper.NoSubNav div#content div.layout div#KontaktSeite {
  color: #755822;
}
div#wrapper.NoSubNav div#content div.layout div#KontaktSeite a {
  color: #1761C0;
}

div#wrapper.NoSubNav div#content div.layout div#KontaktSeite div#TwoColumnsFirst {
  padding: 30px 30px 10px 30px;
  float: left;
  width: 330px;
}
div#wrapper.NoSubNav div#content div.layout div#KontaktSeite div#TwoColumnsSecond {
  padding: 30px 30px 30px 380px;
}

div#wrapper.NoSubNav div#content div.layout div#KontaktSeite fieldset dl {
  border: 0;
}
div#wrapper.NoSubNav div#content div.layout div#KontaktSeite fieldset legend {
  margin: 20px 0 10px 0px;
  padding: 0;
  font-weight: bold;
}
html* div#wrapper.NoSubNav div#content div.layout div#KontaktSeite fieldset legend {
  margin-left: -8px;
}
div#wrapper.NoSubNav div#content div.layout div#KontaktSeite fieldset#kontaktButt legend {
  margin: 30px 0 5px 0;
  font-weight: normal;
}
html* div#wrapper.NoSubNav div#content div.layout div#KontaktSeite fieldset#kontaktButt legend {
  margin: 30px 0 0px -8px;
}

div#wrapper.NoSubNav div#content div.layout div#KontaktSeite dt {
  float: left;
  width: 100px;
}
div#wrapper.NoSubNav div#content div.layout div#KontaktSeite fieldset dd {
  margin-bottom: 10px;
}
div#wrapper.NoSubNav div#content div.layout div#KontaktSeite fieldset dd input {
  width: 180px;
  background-color: white;
  border: 1px solid #755822;
}
div#wrapper.NoSubNav div#content div.layout div#KontaktSeite fieldset dd textarea {
  background-color: white;
  border: 1px solid #755822;
}
div#wrapper.NoSubNav div#content div.layout div#KontaktSeite input#buttonReset {
  background-color: #755822;
  color: white;
  width: 150px;
}
div#wrapper.NoSubNav div#content div.layout div#KontaktSeite input#buttonSend {
  background-color: #755822;
  color: white;
  width: 150px;
}

/*----------------------------------------- Info-Bereich */


div#wrapper.NoSubNav div#content div.layout div#InfoSeite {
  color: #755822;
}


/*----------------------------------------- Marisa Info-Bereich NEU */

body.infoStartneu div#wrapper.NoSubNav div#content div.layout {
  height: auto;
}

div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite span.KontaktNav ul {
  list-style-type: none;
  margin: 15px 0px 0px 20px;
}

div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite span.KontaktNav ul li {
  display: inline;
  margin-right: 20px;
  font-size: 13px;
  color: #000000;
  font-stretch: 30px;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite span.KontaktNav ul li:after {
  margin-left: 20px;
  content: "|";
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite span.KontaktNav ul li a.false {
  color: #000000 !important;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite {
  background-image: url("img/backgrounds/info-content-background.jpg");
  background-color: white;
  background-repeat: no-repeat;
  width: 869px;
}

div#wrapper.NoSubNav div#content div.layout div#infoNeu div#editmode .editmodeEntry {
  background-color: #f9e4cc;
  border: 1px dashed #753514;
  padding: 5px;
}

div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite div#TwoColumnsFirst {
  width: 625px;
  padding: 25px 20px 10px;
  margin-top: 25px;
  float: left;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite h1 {
  display: inline;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite h1.infoUebersicht {
  display: block;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite a{
  color:#b0841b;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite a.true {
  color: #755822 !important;
  text-decoration: underline;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite a.docPath {
  color: black;
  text-decoration: underline;
  font-size: 13px;
}
h3.infoTitle {
  font-size: 20px;
  text-transform: uppercase;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  color: black;
  font-weight: normal;
  margin-bottom: 15px;
}  
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite div#TwoColumnsFirst dl.Messen {
  background: url(/img/info/Info-Trennstrich.png) center bottom no-repeat;
  padding-bottom: 30px;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite div#TwoColumnsFirst dl.Messen td.link {
  vertical-align: bottom;
  height: auto;
  padding-left: 10px;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite div#TwoColumnsFirst dl.Messen td img {
  text-align: center;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite div#TwoColumnsFirst dl.Messen dt {
  width: 230px;
  padding: 0px 20px 20px 20px;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite div#TwoColumnsFirst dl.Messen dt img {
  border: none;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite div#TwoColumnsFirst dl.Messen p {
  font-size: 13px;
  color: black;
  line-height: 17px;
  font-stretch: 30px;  
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite div#TwoColumnsFirst dl.Messen p.subtitle{
  font-size: 11px;
  margin-bottom: 5px;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite div#TwoColumnsFirst dl.Messen p.link {
  margin-bottom: 10px;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite div#TwoColumnsFirst dl.Messen p.link img {
  vertical-align: middle;
  margin-right: 5px;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite div#TwoColumnsFirst dl.Messen .link a {
  text-decoration: underline;
  font-size: 13px;
  color: black;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite div#TwoColumnsFirst dl.Messen dd {
  margin-left: 270px;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite div#TwoColumnsFirst h4{
  font-size: 13px;
  color: black;
  font-weight: bold;
  font-stretch: 30px;
  margin: 20px 0px 15px 0px;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite div.rightColumn {
  width: 190px;
  float: left;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite div.rightColumn div.rightColumnLay {
  height: 429px;
  margin-top: 300px;
  padding-left: 10px;
  background: url(/img/info/Info-Newsletter.jpg) center top no-repeat;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite div.rightColumn p.newsletterTitle {
  padding: 15px 0 0 15px;
  text-transform: uppercase;
  font-size: 20px;
  font-stretch: 30px;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite div.rightColumn p.newsletterTitle span{
  font-size: 15px;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite div.rightColumn div.rightColumnLay form{
  margin-top: 20px;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite div.rightColumn div.rightColumnLay form p{
  
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite div.rightColumn div.rightColumnLay input {
  border: 1px solid #f3d6a1;
  background: url(/img/info/Info-Newsletter-input.gif) center top no-repeat;
  margin: 0 0 5px 13px;
  font-style: italic;
  color: #dcaf65;
  height: 18px;
}

/* >>>>>>>>>>>>>>>>> START Select-Styles >>>>>>>>>>>>>>>>>>> */
div.formSelect {
  position: relative;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite div.rightColumn div.rightColumnLay select {
  position: relative;
  z-index: 100;
  border: 1px solid #f3d6a1;
  opacity: 0;
  margin: 0 0 5px 13px;
  font-style: italic;
  color: #dcaf65;
  width: 145px;
  height: 18px;
}
span#displaySelection {
  position: absolute;
  z-index: 50;
  top: 0px;
  left: 0px;
  display:block;
  background: url(/img/info/Info-Newsletter-select.gif) center top no-repeat;
  margin: 0 0 5px 13px;
  font-style: italic;
  font-size: 13px;
  color: #dcaf65;
  width: 140px;
  height: 18px;
  border: 1px solid #f3d6a1;
  padding-left: 3px;
}
/* >>>>>>>>>>>>>>>>> ENDE Select-Styles >>>>>>>>>>>>>>>>>>> */

div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite div.rightColumn div.rightColumnLay input.submit {
  border-width: 0 0 1px 0;
  border-color: #755822;
  background: none;
  text-align: right;
  color: #755822;
  margin-top: 20px;
}

div#wrapper.NoSubNav div#content div.layout div#InfoSeite ul.Links {
  margin: 10px 0 0 13px;
}
div#wrapper.NoSubNav div#content div.layout div#InfoSeite ul.Links li {
  margin-bottom: 15px;
}
div#wrapper.NoSubNav div#content div.layout div#InfoSeite h1 {
  color: #ffffff;
  margin-bottom: 0px;
}
div#wrapper.NoSubNav div#content div.layout div#InfoSeite a {
  color: #1761C0;
}
div#wrapper.NoSubNav div#content div.layout div#InfoSeite a:hover {
  text-decoration: underline;
}
div#wrapper.NoSubNav div#content div.layout div#InfoSeite div#TwoColumnsFirst {
  padding: 25px 30px 10px 30px;
  width: 460px;
}
div#wrapper.NoSubNav div#content div.layout div#InfoSeite dl.Messen {
  margin-top: 5px;
  border: 0;
}
div#wrapper.NoSubNav div#content div.layout div#InfoSeite dl.Messen dt {
  float: left;
  width: 140px;
}
div#wrapper.NoSubNav div#content div.layout div#InfoSeite dl.Messen dt img {
  margin-bottom: 20px;
  border: 1px solid #755822;
}
div#wrapper.NoSubNav div#content div.layout div#InfoSeite dl.Messen dd {
  margin-bottom: 8px;
  margin-left: 140px;
}
div#wrapper.NoSubNav div#content div.layout div#InfoSeite p.paging {
  margin-left: 270px;
  line-height: 17px;
  font-size: 14px;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite p.backlink {
  display: inline;
  float: right;
}
div#wrapper.NoSubNav div#content div.layout div#infoNeu div#InfoSeite p.backlink a {
  text-decoration: underline;  
  color: white;
  font-size: 11px;
}
a.docPath {
  display: block;
  margin-top: 6px;
}
div#wrapper.NoSubNav div#content div.layout div#InfoSeite form#hLogin {
  margin-left: 270px;
}
div#wrapper.NoSubNav div#content div.layout div#InfoSeite form#hLogin label {
  color: black;
  display: block;
  width: 50px;
  float: left;
}
div#wrapper.NoSubNav div#content div.layout div#InfoSeite form#hLogin p {
  font-size: 15px;
  line-height: 21px;
  margin-bottom: 7px;
}
div#wrapper.NoSubNav div#content div.layout div#InfoSeite form#hLogin input {
  font-size: 15px;
  line-height: 21px;
}
div#wrapper.NoSubNav div#content div.layout div#InfoSeite form#hLogin input#loginButton {
  margin-left: 50px;
  padding: 3px;
  border: 1px solid black;
}

/*----------------------------------------- ENDE Marisa Info-Bereich NEU */

/*----------------------------------------- Qualität-Bereich */

div#content div.layout div#Qualitaet {
  padding-top: 100px;
  height: 260px;
}
div#content div.layout div#Qualitaet h3.Top {
  padding-bottom: 60px;
}
div#content div.layout div#Qualitaet div#BildFlashQualitaet {
  width: 300px;
  float: left;
}

div#content div.layout div#Qualitaet div#TextQualitaet {
  padding-left: 360px;
}

/*----------------------------------------- Shop-Bereich */

div#content div.layout div#Shop {
  padding: 20px 20px 0 20px;
  min-height: 350px;
  background-color: black;
}


/*----------------------------------------- Historie-Bereich */

div#content div.layout div#HistorieArea {
  color: #000000;
}

div#content div.layout div#HistorieArea a {
  color: #ffffff;
  text-decoration: underline;
}
div#content div.layout div#HistorieArea a.back {
  color: #000000;
  text-decoration: underline;
}

div#content div.layout div#HistorieArea a:hover {
  text-decoration: none;
}

div#content div.layout div#HistorieArea h1.H1Historie {
  color: #ac9f76;
  margin-bottom: 20px;
}

div#content div.layout div#HistorieArea p {
  font-size: 14px;
  line-height: 180%;
  margin-top: 20px;
}

div#content div.layout div#HistorieArea div#OneColumn {
  padding: 0 330px 30px 30px;
}


div#content div.layout div#HistorieArea div#TwoColumnsFirst {
  padding: 0 30px 30px 30px;
  float: left;
  width: 330px;
}

div#content div.layout div#HistorieArea div#TwoColumnsSecond {
  padding: 35px 30px 30px 400px;
}


div#content div.layout div#HistorieArea div#ThreeColumnsFirst {
  padding: 0 30px 30px 30px;
  float: left;
  width: 300px;
}
div#content div.layout div#HistorieArea div#ThreeColumnsSecond {
  float: left;
  padding: 35px 30px 30px 10px;
}
div#content div.layout div#HistorieArea div#ThreeColumnsThird {
  padding: 35px 30px 30px 600px;
}

span.HistorieNav {
  display: block;
  padding: 15px 0 0 15px;
}
span.HistorieNav a {
  color: #6293D6;
  text-decoration: underline;
}
span.HistorieNav a:hover {
  color: #6293D6;
  text-decoration: none;
}
/*----------------------------------------- Fachh?ndler-Bereich */

div#content div.layout div#FachhaendlerArea div#TwoColumnsFirst {
  width: 340px;
  height: 320px;
  float: left;
}
div#content div.layout div#FachhaendlerArea div#TwoColumnsFirst div.layout {
  padding: 10px 40px 0 30px;
}
div#content div.layout div#FachhaendlerArea div#TwoColumnsSecond {
  width: 540px;
  float: right;
}
div#content div.layout div#FachhaendlerArea div#TwoColumnsSecond div.layout {
  padding: 0 50px 0 0;
}

div#content div.layout div#FachhaendlerArea div#TwoColumnsFirst div.layout h3 {
  margin-bottom: 15px;
  background: url(img/global/pfeil-rechts.gif) right top no-repeat;
  margin-right: 30px;
}
div#content div.layout div#FachhaendlerArea div#TwoColumnsFirst div.layout hr.Haendler {
  margin: 20px 30px 20px 0;
  border-top: 1px solid #a77d30;
  border-right: 0;
  border-left: 0;
  border-bottom: 0;
  
}

div#content div.layout div#FachhaendlerArea {
  color: #000000;
}
div#content div.layout div#FachhaendlerArea a {
  color: #a77d30;
  text-decoration: underline;
}
div#content div.layout div#FachhaendlerArea a:hover {
  text-decoration: none;
}
div#content div.layout div#FachhaendlerArea a.LinkBack {
  display: block;
  float: right;
  margin-left: 25px;
}

div#content div.layout div#FachhaendlerArea div#TwoColumnsSecond div#nav {
  padding: 0;
  margin: 0 0 20px 0;
  float: right;
}
div#content div.layout div#FachhaendlerArea div#TwoColumnsSecond form select {
  border: 1px solid #a77d30;
  width: 230px;
  
}
div#content div.layout div#FachhaendlerArea div#TwoColumnsSecond ul.ListeLaender {
  list-style-type: none;
  height: 290px;
  overflow: auto;
}
*+html div#content div.layout div#FachhaendlerArea div#TwoColumnsSecond ul.ListeLaender {
  height: 275px;
}
* html div#content div.layout div#FachhaendlerArea div#TwoColumnsSecond ul.ListeLaender {
  height: 265px;
}

div#content div.layout div#FachhaendlerArea div#TwoColumnsSecond ul.ListeLaender li {
  color: #a77d30;
  margin-bottom: 8px;
  padding-bottom: 3px;
  border-bottom: 1px dashed #a77d30;
}
div#content div.layout div#FachhaendlerArea div#TwoColumnsSecond ul.ListeLaender li.NoEntry {
  color: #000000;
  margin-top: 3px;
  border-bottom: 0;
}
div#content div.layout div#FachhaendlerArea div#TwoColumnsSecond ul.ListeHaendler {
  height: 290px;
  overflow: auto;
}
*+html div#content div.layout div#FachhaendlerArea div#TwoColumnsSecond ul.ListeHaendler {
  height: 275px;
}
* html div#content div.layout div#FachhaendlerArea div#TwoColumnsSecond ul.ListeHaendler {
  height: 265px;
}

div#content div.layout div#FachhaendlerArea div#TwoColumnsSecond ul.ListeHaendler li {
  color: #000000;
  line-height: 130%;
  margin-bottom: 8px;
  padding-bottom: 3px;
  border-bottom: 1px dashed #a77d30;
}
div#content div.layout div#FachhaendlerArea div#TwoColumnsSecond span.LaenderNamen {
  display: block;
  width: 140px;
  float: left;
}
div#content div.layout div#FachhaendlerArea div#TwoColumnsSecond span.Anzahl {
  color: #656565;
  display: block;
  width: 75px;
  float: left;
}
div#content div.layout div#FachhaendlerArea div#TwoColumnsSecond span.AnzahlSingle {
  color: #656565;
  display: block;
}
div#content div.layout div#FachhaendlerArea div#TwoColumnsSecond span.AnzahlB {
  color: #656565;
  width: 120px;
}
div#content div.layout div#FachhaendlerArea div#TwoColumnsSecond img.WebPage {
  float: right;
  margin-top: 10px;
}

/*----------------------------------------- Inhalts-Boxen im Content */

div#BoxWrapper {
  float: left;
  padding-right: 25px;
  margin-bottom: 12px;
}
div#boxesBorder {
  margin-left: 110px;
}
div#BoxWrapper.VonRechts {
  float: right;
  padding-right: 25px;
}
div#BoxWrapper.VonRechtsFirst {
  float: right;
  padding-right: 80px;
}

div#content dl {
  border: 1px solid #284c6f;
}
div#content dl.BoxKleinFirst {
  border: 0;
}

dl.BoxKlein {
  width: 126px;  
}
dl.BoxKlein span.hide {
  display: none;  
}

dl.BoxKlein dt {
  background-color: black;
  width: 26px;
  height: 100px;
  float: left;
}
dl.BoxKleinFirst dt {
  background-color: none;
  width: 133px;
  height: 109px;
  float: none;
}
* html dl.BoxKlein dt {
  margin-right: -3px;
  overflow: hidden;
}
* html dl.BoxKleinFirst dt {
  margin-right: 0;
  overflow: hidden;
}
dl.BoxKlein dd {
  background-color: black;
  width: 100px;
  height: 100px;
  margin-left: 26px;
}
dl.BoxKleinFirst dd {
  background-color: none;
  height: 0;
  margin-left: 0;
}
* html dl.BoxKlein dd {
  margin-left: -3px;
  overflow: hidden;
}
* html dl.BoxKleinFirst dd {
  margin-left: 0;
  overflow: hidden;
}

dl.BoxGross {
  width: 310px;  
}

dl.BoxGross dt {
  background-color: black;
  width: 126px;
  height: 109px;
  float: left;
}
* html dl.BoxGross dt {
  margin-right: -3px;
}
dl.BoxGross dt span {
  display: block;
  padding: 20px 10px 0 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 180%;
}
dl.BoxGross dd {
  background-color: #a8a8a8;
  width: 176px;
  height: 109px;
  margin-left: 126px;
}
* html dl.BoxGross dd {
  margin-left: -3px;
  overflow: hidden;
}

dl.BoxGrossText {
  width: 318px;
  color: black;
  font-size: 10px;
  border: 0 ! important;
}
dl.BoxGrossText a {
  color: #000000;
  text-decoration: underline;
}
dl.BoxGrossText a:hover {
  text-decoration: none;
}

dl.BoxGrossText dt {
  /* height: 70px;*/
}
dl.BoxGrossText dt span.GroupDescription  {
  display: block;
  padding-top: 0px;
}
dl.BoxGrossText dd {
  height: 39px;  
}
dl.BoxGrossText dd span {
  display: block;
  float: left;
  padding-right: 10px;
}

/*----------------------------------------- ENDE Inhalts-Boxen im Content */

div#showProduct {
  clear: both;
  height: 1%;
}
div#showProduct div.layout {
  padding: 35px 0 0 100px;
}
div#wrapper.NoSubNav div#showProduct div.layout {
  padding: 20px 50px 50px 30px;
}
body.dia div#showProduct div.layout {
  padding: 10px 0 0 100px;
}

div#footer {
  border-top: 1px solid #427cb4;
  padding: 3px 0 10px 0;
}
div#footer div.layout {
  text-align: center;
  border-top: 1px solid #755822;
}
div#footer div.layout div#text {
  width: 900px;
  margin: 0 auto;
  text-align: left;
  padding-top: 5px;
  color: #755822;
  font-size: 10px;
}
div#footer div.layout div#text a {
  color: #755822;
}
div#footer div.layout div#text a.first {
  border-right: 1px solid #755822;
  padding-right: 10px;
  margin-right: 10px;
}
div#footer div.layout div#text a:hover {
  text-decoration: underline;
}
span.links {
  display: block;
  /*width: 500px;*/
  float: left;
}
span.languages {
  display: block;
  float: right;
  margin-bottom: 20px;
}







/*
Produkt-Animation
*/
#sliderWrapper {
  width: 550px;
  border: 0px solid black;
  margin-top: 30px;
}
#sliderWrapper #container {
  width: 550px;
  background: #242424;
  border: 1px solid #755822;
}
#sliderWrapper #container div.maImgBox {
  border: 1px solid #755822;
  overflow: hidden;
  background:#000000;
  /* height: 100px;*/
  padding-left: 20px;
  /* width: 550px; */
}
#sliderWrapper #container div.active {
  /* height: 300px;*/
}
#sliderWrapper #container div.maImgBox img {
  border: 0px;
  text-decoration: none;
}
#sliderWrapper #container div.maImgBox p.prodDescr {
  margin-top: 0px;
  border: none;
  /* width: 510px;*/
  margin-bottom: 30px;
  color: white;
  font-size: 10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-top: 0px;
  padding-right: 10px;
}
#sliderWrapper #container div.maImgBox h2 {
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #fff;
  font-weight: normal;
  padding-top: 15px;
  padding-bottom: 10px;
  margin-top: 0px;
}

/* KATALOG BUTTON */
a.katalog {
  display:block;
  width:139px;
  height:35px;
  padding:7px 3px 3px 8px;
  margin:260px 0 20px 17px;
  color:#755822 !important;
  font-size:17px;
  text-transform:uppercase;
  text-shadow:1px 1px rgba(255,255,255,.5);
  background:#fbe7c6;
  background:-moz-linear-gradient(top,#fef8ec,#fbe7c6);
  background:-webkit-linear-gradient(top,#fef8ec,#fbe7c6);
  background:-webkit-gradient(linear,left top,left bottom,from(#fef8ec),to(#fbe7c6));
  background:-o-linear-gradient(top,#fef8ec,#fbe7c6);
  background:-ms-linear-gradient(top,#fef8ec,#fbe7c6);
  background:-linear-gradient(top,#fef8ec,#fbe7c6);
  border-top:1px solid #fbe7c6;
  border-left:2px solid #fbe7c6;
  border-right:2px solid #fbe7c6;
  border-bottom:2px solid #e7cfa8;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  -ms-border-radius:3px;
  box-shadow:1px 1px 2px rgba(0,0,0,.1);
  -moz-box-shadow:1px 1px 2px rgba(0,0,0,.1);
  -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.1);
  -o-box-shadow:1px 1px 2px rgba(0,0,0,.1);
  -ms-box-shadow:1px 1px 2px rgba(0,0,0,.1);
  transition:box-shadow .4s;
  -moz-transition:-moz-box-shadow .4s;
  -ms-transition:-ms-box-shadow .4s;
  -o-transition:-o-box-shadow .4s;
  -webkit-transition:-webkit-box-shadow .4s;
}
a.katalog:hover {
  box-shadow:1px 1px 4px rgba(0,0,0,.4);
  -moz-box-shadow:1px 1px 4px rgba(0,0,0,.4);
  -webkit-box-shadow:1px 1px 4px rgba(0,0,0,.4);
  -o-box-shadow:1px 1px 4px rgba(0,0,0,.4);
  -ms-box-shadow:1px 1px 4px rgba(0,0,0,.4);
  text-decoration:none !important;
}
a.katalog span {
  font-size:8px;
  color:#272727;
  float:left;
}




/*
############################## History-Details NEU #################################
*/



div#HistorieArea {
  color:#000000;
  border:0pt none;
  margin:0pt;
  padding:0pt;
  text-align:left;
  font-family:verdana,sans serif;
  font-size:11px;
  background-color: transparent;
}

div#HistorieArea div#OneColumn {
  padding: 0 300px 30px 30px;
}

div#HistorieArea div#TwoColumnsFirst {
  float:left;
  padding:0pt 30px 30px;
  width:330px;
  border:0pt none;
  margin:0pt;
  text-align:left;
  font-family:verdana,sans serif;
  font-size:11px;
}

div#HistorieArea h1.H1Historie {
  color:#2171D7;
  padding-bottom:15px;
  font-size:18px;
  font-weight:bold;
  border:0pt none;
  margin:0pt;
  padding:0pt;
  text-align:left;
  font-family:verdana,sans serif;
}

div#HistorieArea p {
  font-size: 14px;
  line-height: 180%;
  margin-top: 20px;
}

div#HistorieArea div#TwoColumnsSecond {
  padding:35px 30px 30px 400px;
  border:0pt none;
  margin:0pt;
  color:#000000;
  text-align:left;
  font-family:verdana,sans serif;
  font-size:11px;
}

div#HistorieArea img {
  border: 1px solid #755822;margin:0pt;
  padding: 0;
  margin:0 0 10px 0;
  color:#000000;
  text-align:left;
  font-family:verdana,sans serif;
  font-size:11px;
}

div#HistorieArea .clearerLeft {
  clear:left;
  border:0pt none;
  margin:0pt;
  padding:0pt;
  text-align:left;
  color:#FFFFFF;
  font-family:verdana,sans serif;
  font-size:11px;
}