html { height:100%; }
body { height: 100%; font-family:Arial, Verdana, Helvetica, sans-serif; background: #811c00 url(../bilder/bg_seite.jpg) repeat-x; margin: 0px; text-align:center;}
#wrapper {width:965px; text-align:left; vertical-align:top;  margin:0px auto;}
td,th {vertical-align:top;}
img {border:none}
a {outline:none;}

.kategorien, a.kategorien:link, a.kategorien:visited, a.kategorien:hover{ font-size:12px; font-weight: bold; text-decoration: none; color:#E79C01;}


h2.gruppenueberschrift.produktliste { text-transform: uppercase; letter-spacing: 4px; }
h2.elementueberschrift { margin: 0;}

.groesse_limit   {  font-size: 10px; color: #000000; font-style: normal; font-weight: normal; text-decoration: none; font-variant: normal; text-transform: none; text-align: justify;}
.groesse_eingabe   {  font-size: 11px; color: #929292; font-style: normal; font-weight: bold; text-decoration: none; font-variant: normal; text-transform: none; text-align: center;}

.footer, a.footer:link, a.footer:visited {  font-size:11px; font-weight: normal; text-decoration: none; color:#B28C80;}
a.footer:hover {  font-size:11px; font-weight: normal; text-decoration: none; color:#FFFFFF;}

/*--------------------------------------------*/
/* Header */
/*--------------------------------------------*/
#header_account_block {
  margin-top:20px;
}

#header_account_block form {
  float: right;
}

#header_account_block label,#header_account_block a {
  color:#E79C01 !important;
  margin-left:10px;
  line-height:25px;
}
#header_account_block input{
  margin-left:10px;
  margin-right:10px;
}

#header_account_block input[type=submit]{
  color:#E79C01;
  border:1px solid #E79C01;
  background:none;
  cursor:pointer; 
  height:20px;
  line-height:15px; 
  padding:0px 5px; 
}

.kategorien_div {
  display:block; 
  height:95px; 
  text-align:center;  
  margin:0px 20px;
  /*min-width:55px;
  width:auto !important;*/	
  width:55px;  
  float:left; 
  cursor:pointer;
  outline: none;
}

.kategorien_div span.kategorien{
  display:block;
}

div#nav_top_wrapper {
  position:fixed;
  top:0px;
  width:965px;
  z-index:1000;
}

ul.nav_top {
  font-family: Arial, Verdana;
  font-size: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
  width:970px;
  clear:both;
}
div#nav_top_wrapper>ul.nav_top {
  background: #811C00;
  white-space:nowrap;
} 

ul.nav_top li {
  display: block;
  position: relative;
  float: left;
}

ul.nav_top li ul { position:absolute; z-index:1001; display: none; padding-left:0px;}
ul.nav_top>li:last-child>ul { position:absolute; z-index:1001; display: none; padding-left:0px; right:0px;}

ul.nav_top li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  border-top: 1px solid #E79C01;
  padding: 4px 35px 4px 35px;
  background: #811C00;
  white-space: nowrap;
  font-weight:bold;
}   

ul.nav_top>li{
  border-left: 1px solid #000000;
  white-space: nowrap;
}

ul.nav_top li li:last-child a {
  padding-bottom:10px;
}

ul.nav_top>li>a {
  padding: 5px 12px 5px 12px;
}
ul.nav_top>li:last-child>a {
  padding: 5px 13px 5px 13px;
}

div#nav_top_wrapper>ul.nav_top:first-child>li>a {
  padding: 5px 26px 5px 26px;
}

ul.nav_top>li:hover>a { 
  color:#811C00; 
  text-decoration:underline;
}

ul.nav_top li:hover ul {
  display: block;
  position: absolute;
}
ul.nav_top li:hover li {
  float: none;
  font-size: 11px;
}
ul.nav_top li:hover a { background: #E79C01;}
ul.nav_top li:hover li a { background: url(/homepage/bilder/bg_unav.png)}
ul.nav_top li:hover li a:hover { color:#811C00; }

/*--------------------------------------------*/
/* Content */
/*--------------------------------------------*/

#content {
  width:462px; 
  margin-left:75px;
}


/*--------------------------------------------*/
/* Footer */
/*--------------------------------------------*/

#footer {
  position:relative;
  height:61px;
  margin-top:20px;
}

#footer a{
  color:#B28C80;  
}
#footer a:hover{
  color:#ffffff;  
}

#footer #footer-left {
  background:url(../bilder/bg_footer.gif); 
  position:absolute;
  left:40px; 
  width:130px; 
  margin-right:120px;
  padding:0px;
}

#footer #footer-right {
  position:absolute;
  left:260px;  
  background:url(../bilder/bg_footer.gif);
}

#footer #footer-right a{
  float:left;
  line-height:41px;
}

#block-contact {
  margin-top:20px;
  width:158px;
}

#ad-center {
  width:962px; 
  margin-top:20px; 
  float:left;
}

#ad-center .center-top{
  background: url(../bilder/mitte_oben.png) no-repeat; 
  height:16px; 
  margin:0px; 
  padding:0px;
}

#ad-center .center-content{
  background:#ffffff; 
  padding:0px 20px;
  overflow:hidden;
}

#ad-center .center-bottom{
  background: url(../bilder/mitte_unten.png) no-repeat; 
  height:18px; 
  margin:0px; 
  padding:0px;
}

#seo-left {
  width:757px; 
  margin-top:20px; 
  float:left;
}

.right-block {
  float:left; 
  width:185px; 
  margin-left:20px; 
}

.right-block .right-top{
  background: url(../bilder/rechts_oben.png) no-repeat; 
  height:16px; 
  margin:0px; 
  padding:0px;
}

.right-block .right-content{
  background:#ffffff; 
  padding:0px 20px;
  overflow:hidden;
}

.right-block.rb1 .right-content{
  padding:0px 10px !important; 
}

.right-block .right-bottom{
  background: url(../bilder/rechts_unten.png) no-repeat; 
  height:18px; 
  margin:0px; 
  padding:0px;
}

.right-block label {
  width:70px;
  float:left;
}

/*--------------------------------------------*/
/* mein Konto */
/*--------------------------------------------*/

.mein_konto label {
  float:left;
  width:70px;  
}


.tabelle      { border-color:#FFFFFF; }

.kopf { padding:3px; background:url(homepage/bilder/tabelle_kopf.gif); background-color:#811C00;  color:#FFFFFF;  font-size: 12px; font-style: normal; font-weight: bold; text-decoration: none; font-variant: normal; text-transform: none; line-height:18px;}
.zelle { padding:3px; background:url(homepage/bilder/tabelle_zelle.gif); background-color:#C7AC93;  color:#231100;  font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; font-variant: normal; text-transform: none; line-height:18px;}

.beitragsbild{border:1px solid; border-color:#0F1865; width:116px;}

.right_ad {padding:12px 10px; text-align:center; width:166px; height:353px; overflow:hidden; background:url(../bilder/bg_werbung.png) no-repeat;}

.rabatt {  font-size: 18px; color: #E79C01; font-style: italic; font-weight: bold; text-decoration: none; line-height:normal; font-variant: normal; text-transform: none; letter-spacing:-1pt}
.prozent { font-size: 18px; color: #FFFFFF; font-style: italic; font-weight: bold; text-decoration: none; line-height:normal; font-variant: normal; text-transform: none; letter-spacing:-1pt}

.newshead {  font-size:11px; font-weight: bold; text-decoration: none; color:#005F4E;text-transform: uppercase}
.newstext {  font-size:10px; font-weight: normal; text-decoration: none; color:#585858;}

/*Textlink*/
a:link, a:visited, a:active {  font-size: 12px; color: #00776F; font-style: normal; font-weight: normal; text-decoration: underline; line-height:normal; font-variant: normal; text-transform: none}
a:hover {  font-size: 12px; color: #00776F; font-style: normal; font-weight: normal; text-decoration: none; line-height:normal; font-variant: normal; text-transform: none}

/*Metanavigation*/
.metanav, a.metanav:link, a.metanav:visited{  font-size: 10px; color: #6E6E6E; font-style: normal; font-weight: bold; text-decoration: none; line-height:normal; font-variant: normal; text-transform: uppercase } 
a.metanav:hover{  font-size: 10px; color: #743110; font-style: normal; font-weight: bold; text-decoration: none; line-height:normal; font-variant: normal; text-transform: uppercase } 

/*Hauptnavigation*/
a.ebene1, a.ebene1a {display:block; margin-right:28px; line-height:24px; padding: 3px 0px; border-bottom:1px solid #c8c8c8;}
.ebene1, a.ebene1:link, a.ebene1:visited {  font-size: 12px; color: #929292; font-style: normal; font-weight: bold; text-decoration: none; line-height:normal; font-variant: normal; text-transform: none}
a.ebene1:hover, a.ebene1a:hover{  font-size: 12px; color: #000000; font-style: normal; font-weight: bold; text-decoration: none; line-height:normal; font-variant: normal; text-transform: none}
.ebene1a, a.ebene1a:link, a.ebene1a:visited{  font-size: 12px; color: #000000; font-style: normal; font-weight: bold; text-decoration: none; line-height:normal; font-variant: normal; text-transform: none}
.nav_trenner { border-bottom:1px solid #c8c8c8;}

/*Unternavigation*/
a.ebene2, a.ebene2a {display:block; margin-right:28px; line-height:24px; padding: 3px 0px; border-bottom:1px solid #c8c8c8; padding-left:29px; background-image:url(../bilder/unav.gif); background-repeat:no-repeat; background-position:-2px -2px;}
.ebene2, a.ebene2:link, a.ebene2:visited{  font-size: 12px; color: #000000; font-style: normal; font-weight: normal; text-decoration: none; line-height:normal; font-variant: normal; text-transform: none}
a.ebene2:hover{  font-size: 12px; color: #000000; font-style: normal; font-weight: normal; text-decoration: none; line-height:normal; font-variant: normal; text-transform: none}
.ebene2a, a.ebene2a:link, a.ebene2a:visited{  font-size: 12px; color: #000000; font-style: normal; font-weight: normal; text-decoration: none; line-height:normal; font-variant: normal; text-transform: none}

/*Beitragsüberschrift in Liste*/
.beitraglink, a.beitraglink:link, a.beitraglink:visited{  font-size: 12px; color: #811C00; font-style: normal; font-weight: bold; text-decoration: none; line-height:normal; font-variant: normal; text-transform: none}
a.beitraglink:hover{  font-size: 12px; color: #811C00; font-style: normal; font-weight: bold; text-decoration: none; line-height:normal; font-variant: normal; text-transform: none}

/*Überschrift Kategorie Konfigurator*/
.kategorieueberschrift, a.kategorieueberschrift:link, a.kategorieueberschrift:visited{ font-family: Helvetica,Verdana, Arial,   sans-serif; font-size: 18px; color: #811C00; font-style: normal; font-weight: bold; text-decoration: none; line-height:normal; font-variant: normal; text-transform: none; letter-spacing:-1pt}
a.kategorieueberschrift:hover{  font-size: 18px; color: #811C00; font-style: normal; font-weight: bold; text-decoration: none; line-height:normal; font-variant: normal; text-transform: none}

/*schwarze schrift im Konfigurator*/
.konfigurator_schwarz, a.konfigurator_schwarz:link, a.konfigurator_schwarz:visited{ font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 11px; color: #000000; font-style: normal; font-weight: normal; text-decoration: none; line-height:20px; font-variant: normal; text-transform: none}
a.konfigurator_schwarz:hover{  font-size: 11px; color: #000000; font-style: normal; font-weight: normal; text-decoration: none; line-height:20px; font-variant: normal; text-transform: none}

/*rote schrift im Konfigurator*/
.konfigurator_rot, a.konfigurator_rot:link, a.konfigurator_rot:visited{ font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 11px; color: #811C00; font-style: normal; font-weight: normal; text-decoration: none; line-height:20px; font-variant: normal; text-transform: none}
a.konfigurator_rot:hover{  font-size: 11px; color: #811C00; font-style: normal; font-weight: normal; text-decoration: none; line-height:20px; font-variant: normal; text-transform: none}


/*Überschrift Gruppe Konfigurator in Liste*/
.gruppenueberschrift, a.gruppenueberschrift:link, a.gruppenueberschrift:visited{  font-size: 15px; color: #811C00; font-style: normal; font-weight: bold; text-decoration: none; line-height:normal; font-variant: normal;}
a.gruppenueberschrift:hover{  font-size: 15px; color: #811C00; font-style: normal; font-weight: bold; text-decoration: none; line-height:normal; font-variant: normal;}

/*UnterGruppenüberschrift Konfigurator*/
.ugruppenueberschrift, a.ugruppenueberschrift:link, a.ugruppenueberschrift:visited{  font-size: 12px; color: #811C00; font-style: normal; font-weight: bold; text-decoration: none; line-height:normal; font-variant: normal;}
a.ugruppenueberschrift:hover{  font-size: 12px; color: #811C00; font-style: normal; font-weight: bold; text-decoration: none; line-height:normal; font-variant: normal;}

/*ElementÜberschrift Konfigurator*/
.elementueberschrift, a.elementueberschrift:link, a.elementueberschrift:visited{  font-size: 12px; color: #000000; font-style: normal; font-weight: bold; text-decoration: none; line-height:normal; font-variant: normal; text-transform: none}
a.elementueberschrift:hover{  font-size: 12px; color: #000000; font-style: normal; font-weight: bold; text-decoration: none; line-height:normal; font-variant: normal; text-transform: none}

/*Beispieltext*/
.beispieltext, a.beispieltext:link, a.beispieltext:visited{  font-size: 12px; color: #811C00; font-style: normal; font-weight: normal; text-decoration: none; line-height:normal; font-variant: normal; text-transform: none}
a.beispieltext:hover{  font-size: 12px; color: #811C00; font-style: normal; font-weight: normal; text-decoration: none; line-height:normal; font-variant: normal; text-transform: none}

.button, a.button:link, a.button:visited, a.button:hover
{
        border-color:#000000;
        border-width:1px;
        font-weight: bold;
        border-style:solid;
        color:#FFFFFF;
        FONT-SIZE:11px;
        background-color: #811C00;	
}

.Text200
{
    border: 1px solid #000000; 
    FONT-SIZE: 11px;
    WIDTH: 200px;
    COLOR: #000000;
    background-color:#FFFFFF;
    
}

.Text15
{
    border: 1px solid #000000; 
    FONT-SIZE: 11px;
    WIDTH: 15px;
    COLOR: #000000;
    background-color:#FFFFFF;
    
}

.Text25
{
    border: 1px solid #000000; 
    FONT-SIZE: 11px;
    WIDTH: 25px;
    COLOR: #000000;
    background-color:#FFFFFF;
    
}

.Text50
{
    border: 1px solid #000000; 
    FONT-SIZE: 11px;
    WIDTH: 50px;
    COLOR: #000000;
    background-color:#FFFFFF;
    
}

.Text70
{
    border: 1px solid #000000; 
    FONT-SIZE: 11px;
    WIDTH: 70px;
    COLOR: #000000;
    background-color:#FFFFFF;
    
}

.Text120, #RegistrationForm input[type=text], #RegistrationForm input[type=password], #RegistrationForm select
{
    border: 1px solid #000000; 
    FONT-SIZE: 11px;
    WIDTH: 120px;
    COLOR: #000000;
    background-color:#FFFFFF;
    
}
.Text130
{
    border: 1px solid #000000; 
    FONT-SIZE: 11px;
    WIDTH: 130px;
    COLOR: #000000;
    background-color:#FFFFFF;
    
}
.Text150
{
    border: 1px solid #000000; 
    FONT-SIZE: 11px;
    WIDTH: 150px;
    COLOR: #000000;
    background-color:#FFFFFF;
    
}
.Text300
{
    border: 1px solid #000000; 
    FONT-SIZE: 11px;
    WIDTH: 300px;
    COLOR: #000000;
    background-color:#FFFFFF;
    
}

/*--------------------------------------------*/
/* Schnellkontakt-Text auf index*/
/*--------------------------------------------*/
.schnellkontakt_txt {
	padding: 10px 0 10px 0;
}

/*--------------------------------------------*/
/* Tabellen für Farbauswahl*/
/*--------------------------------------------*/

#farbinfo{
	width:220px;
	overflow:hidden;
}

.grossbild {
	border: 1px #999999 solid;
	position:absolute; 
	visibility:hidden;
}

.grossbild img{
	border: 2px #FFFFFF solid;
}

.error {
	color:red;
	font-weight:bold;
	border:1px solid #c7ab93;
	padding:6px;
}

.socials{
	margin:20px 0 0 0;
	padding:10px;
}


/* ######################################### */
/* Registrierung */
/* ######################################### */
.Fehler {
  color:#ff0000;
}

.toggler {
  cursor:pointer;
  background:#f2c6ab !important;
  margin-right:10px;
  padding:5px 10px;
}

.toggler .arrow_down, .toggler .arrow_up{
  float:right;
  text-decoration:none !important;
  font-weight:bold;
  font-size:16px;
}

.toggler .arrow_up{
  display:none;
}

.toggler.active-accordion .arrow_down {
  display:none;
} 

.toggler.active-accordion .arrow_up{
  display:inline;
}

.accordion {
  margin-bottom:10px;
}