@charset "utf-8";


@import 'inhalt.css';

@import 'teaser.css';
@import 'galerie.css';


/*  Fromulare   */
@import 'formulare.css';

/*  Katalog und Shop */
@import 'katalog.css';

@import 'remooz.css';

/**
    $Id$
    Grundeinstellungen / Spalten
    @import 'layout.css';
----------------------------------------------------------------------------- */
body{ font-family: Arial,Helvetica,sans-serif; background: #d7d7d9 url(../img/hg_body.gif) repeat-x; color: #333; font-size: .8em; }
div#log{ z-index: 1000; background-color: #fff; }
div#kopfzeile{ text-align: right; padding: 0 10px; background: url( ../img/hg_kopfzeile.gif); }
div#kopfzeile p.slogan{ float:left; font-weight: bold; margin: 8px 0 0 10px; }
div#logozeile{ background: url(../img/hg-logozeile.jpg); height:140px; border:solid #fff; border-width: 1px 0; position:relative; }
div#logozeile img{ margin: 60px 0 0 60px }
div#logozeile img.schulung{ margin:0; position:absolute; right:0; top:35px;  }
div#seite,
div#fusszeile{ margin: auto; width: 950px; padding: 0 20px; }
div#seite{ position: relative; background: url( ../img/hg_seite.png) repeat-y; }
div#fusszeile{ padding-top: 10px; margin-bottom: 200px; background: url( ../img/hg_seite_abschluss.png) no-repeat; font-size: .9em }
/* Hauptnavigation / Formatierung Links siehe Navigationsbereich */
div#hauptnavigation{ background-image: url(../img/hg-hauptnavigation.gif); padding-bottom: 10px; }

/**  
    Spalten
----------------------------------------------------------------------------- */
div#spalten{ margin-top: 20px; padding-bottom: 80px; }
div.dreispalten,
div.zweispalten{ background : url(../img/hg-inhalt_spaltentrenner.gif) repeat-y 730px 0; }

div#spalte-inhalt, div#spalte-inhalt-links, div#spalte-inhalt-rechts,
div#spalte-links, div#spalte-rechts{ overflow: hidden; }

div#spalte-links{ float:left; width:230px; }
div.zweispalten_rechts div#spalte-links{ width: 300px; }
div#spalte-rechts{ float:right; width:210px; }
div#spalte-inhalt{ float:left; width:510px; }
div#spalte-inhalt-links{ float:left; width:740px; }
div#spalte-inhalt-rechts{ float:right; width:630px; margin-right: 20px; }

div.dreispalten div#spalte-inhalt{ margin-left: 230px; }
div.dreispalten div#spalte-links{ margin-left: -740px; }

div.spalte{ position: relative;}
div#spalte-links div.spalte{ margin-right:20px; margin-left:0 }
div#spalte-inhalt div.spalte{ margin-right:10px; padding-right:20px; padding-left:20px; }
div#spalte-inhalt-links div.spalte{ padding-right:30px;padding-left:30px; }
div#spalte-rechts div.spalte{ margin-right:10px }



/* Startseite */
div#startseite div#spalten{ background-position : 625px 0; }
div#startseite div#spalte-inhalt{ width:620px;  }
div#startseite div#spalte-inhalt div.spalte{ margin-left:20px; margin-right:0; padding-left:0 }
div#startseite div#spalte-rechts{ width:310px; }

div#startseite div#spalte-inhalt h2{
	padding: 5px 0;
	padding-left: 15px; 
}
div#startseite div#spalte-inhalt h2.gas{
    color: #000;
    background: #FDCA00;
    margin-bottom: .5em;
}
div#startseite div#spalte-inhalt h2.kanal{
    color: #fff;
    background: #52A625;
}

div#startseite div#spalte-inhalt dl.accordion dt{ margin-bottom: 0;  border-bottom:1px solid #eee; background:#e0e1e3 url(../img/icon-link_intern_nachunten.gif) no-repeat 3px center; padding: 8px 0 8px 18px; cursor:pointer }
div#startseite div#spalte-inhalt dl.accordion dd{ background-repeat:no-repeat; }
div#startseite div#spalte-inhalt dl.accordion dd div.inhalt{ height: 230px; padding: 25px 20px 0 0; }
div#startseite div#spalte-inhalt dl.accordion dd div.inhalt p{ font-size: .9em; }

div#accordion h2{
    padding: 5px 0px;
    padding-left: 50px;
}
div#accordion h2.gas{
    color: #000;
    background: #FDCA00;
    margin-bottom: .5em;
}
div#accordion h2.kanal{
    color: #fff;
    background: #52A625;
}

div#accordion dl.accordion dt{ margin-bottom: 0;  border-bottom:1px solid #eee; background:#e0e1e3 url(../img/icon-link_intern_nachunten.gif) no-repeat 3px center; padding: 8px 0 8px 18px; cursor:pointer }
div#accordion dl.accordion dd{ background-repeat:no-repeat; }
div#accordion dl.accordion dd div.inhalt{ height: 230px; padding: 25px 20px 0 0; }
div#accordion dl.accordion dd div.inhalt p{ font-size: .9em; }


/* Teaser Startseite */
div#startseite div#spalte-rechts div.teaser{ margin-left: 0; /* border: 1px solid #bbb; */ background-color:transparent/*#eee*/; margin-right:10px; padding: 0 5px;}
div#startseite div#spalte-rechts div.teaser h2{ background: #ff7300 url(../img/hg_ueberschrift_rot.gif) repeat-x bottom center; margin: 0 -5px; font-size: .9em; color: #fff; padding: 5px 0px 8px 10px; margin-bottom: 1.1em;}
div#startseite div#spalte-rechts div.teaser h3{ font-size: 1em; margin-left:0; font-weight:bold; margin-bottom: 1em; border-bottom: 1px solid #333}
div#startseite div#spalte-rechts div.teaser h4{ font-size: 0.9em; margin-left:0; font-weight:bold;  padding-left: 0; margin-bottom: 0.5em;}
div#startseite div#spalte-rechts div.teaser p{ margin-bottom: 1em; margin-left:0; font-size:.9em; }
div#startseite div#spalte-rechts div.teaser a{ margin-left:0; }
div#startseite div#spalte-rechts div.freier_text{ background-image: url(../img/hg-verlauf_grau_breit.gif); }

/* Teaser Tabs */
div#startseite-teaser-tabs{ position: relative; height: 285px; overflow:hidden; /* box-shadow: 0px 0px 10px 10px #ccc; -moz-box-shadow: 0px 0px 8px 10px #ccc; */ }
div#startseite-teaser-tabs div.tab-container{ height: 250px }
div#startseite-teaser-tabs ul.tab-menu{ background-image:none;  background: url(../img/startseite/teaser_tabs_hg_tablink.gif); position:absolute; bottom:0; left:0; width: 100%; margin:0; padding:0 }
div#startseite-teaser-tabs ul.tab-menu li{ border:none; display:block; float:left; width: 25%; background-image: none; margin: 0; padding: 0; }
div#startseite-teaser-tabs ul.tab-menu li.tab-selected,
div#startseite-teaser-tabs ul.tab-menu li:hover{ background-color: transparent; background: none; }
div#startseite-teaser-tabs ul.tab-menu li a:link,
div#startseite-teaser-tabs ul.tab-menu li a:visited{ display: block; background: url(../img/startseite/teaser_tabs_hg_tablink.gif); padding: 9px; text-align: center; text-decoration : none; }
div#startseite-teaser-tabs ul.tab-menu li.tab-selected a:link,
div#startseite-teaser-tabs ul.tab-menu li.tab-selected a:visited,
div#startseite-teaser-tabs ul.tab-menu li a:hover{ color: #fff; font-weight: bold; background: url(../img/startseite/teaser_tabs_hg_tablink_aktiv.gif); }


div#startseite-teaser-tabs div.teaser_content{ cursor:pointer; }
div#startseite-teaser-tabs div.teaser_content h2{ color: #fff; padding-left:0; margin-left: 5px; background:none; }

div#startseite-teaser-tabs div#teaser-tab1271 p.link{ float:right; margin-top: 220px; margin-right: 10px; }
div#startseite-teaser-tabs div#teaser-tab1271 p.link a{ color: #fff; }
div#startseite-teaser-tabs div#teaser-tab1273 p.link{ float:right; margin-top: 35px; margin-right: 10px; }
div#startseite-teaser-tabs div#teaser-tab1273 p.link a{ color: #000; display:none; }
div#startseite-teaser-tabs div#teaser-tab1269 p.link{ float:left; margin-top: 210px; margin-left: 15px; }
div#startseite-teaser-tabs div#teaser-tab1269 p.link a{ color: #fff; }
div#startseite-teaser-tabs div#teaser-tab1275{ padding-top: 40px; padding-left: 20px; }
div#startseite-teaser-tabs div#teaser-tab1275 p.link{ float:left; margin-top: 210px; margin-left: 15px; }
div#startseite-teaser-tabs div#teaser-tab1275 p.link a{ color: #fff; }
div#startseite-teaser-tabs div#teaser-tab1275 h3{ background:none; border:none; font-weight: bold; font-size: 1.5em; margin-bottom: .5em; }
div#startseite-teaser-tabs div#teaser-tab1275 p{ font-size: .9em; line-height:1.5em; margin-bottom: 1.2em; }
div#startseite-teaser-tabs div#teaser-tab1275 p.sternchentext{ float:right; margin-right: 10px; margin-top:90px; width: 130px; font-size:.7em; line-height:1.3em;}

/* Jumbo light  */
div#startseite-teaser-tabs div#teaser-tab1293 p.link{ float:left; margin-top: 220px; margin-left: 15px; }
div#startseite-teaser-tabs div#teaser-tab1293 p.link a{ color: #fff; }



/* Startseite ENDE */


/* aktion */

div#aktion h3{ cursor:pointer; padding: 8px; border-bottom: none; }
div#aktion h3.gas{ background-color: #fc0;  }
div#aktion h3.kanal{ background-color: #45A12B; color: #fff; }
div#aktion div.gas,
div#aktion div.kanal{
    background-repeat: no-repeat;
    background-position: 100% 25px;
    padding-top: 60px;
}
div#aktion div.kanal{ background-image: url(../img/de/flag_rechts_kanal.gif); }
div#aktion div.gas{ background-image: url(../img/de/flag_rechts_gas.gif); }


div#inhalt div#aktion ul.tab-menu li{margin:0; padding:0; display:block; float:left; font-size: 1.2em; background-color: #ddd; width: 229px; overflow:hidden; }
div#inhalt div#aktion div.content{ padding: 60px 0px 0px 0px;}

/*
Counter für Angebot
 */
p#j-counter{
    background: #f00 url('../img/hg_counter.png') repeat-y;
    color: #fff;
    font-size: 1.5em;
    width: 150px;
    text-align:center;
    box-shadow: 0 0 6px 3px #fff;
    padding: 8px;
    position:absolute;
    right:30px;
    top: 50px;
}
p#j-counter span.tage{ font-weight: bold; margin-bottom:5px; }
p#j-counter span.dyn{display:block; font-size: .9em;}





/* Subspalten  */
div.wrapper, div.subspalten{ overflow:hidden; position:relative }

/* Spalten */
div.s2, div.s2l, div.s2r, div.s3, div.s4, div.s34l, div.s34r, div.s5{ float:left; overflow:hidden; }
div.s2l div.innen{ margin-right:6px; }
div.s2r div.innen{ margin-left: 6px; }

div.s2, div.s2l, div.s2r{ width: 49.99%; }
.s3{ width: 33.33%; }
.s4{ width: 24.99%; }
.s5{ width: 190px; }

.s34l{ width: 38.196%; }
.s34r{ width: 61.803%; }

/**  
    Inhalte
----------------------------------------------------------------------------- */

div#sbox-window h1, div#inhalt h1,
div#sbox-window h2, div#inhalt h2
{
    background    : url( ../img/icon-pfeil_orange.gif ) no-repeat 0 5px;
    padding-left  : 20px;
    margin-bottom : 20px;
    margin-left   : -20px;
    font-weight   : bold;
    line-height   : 125%;
}

div#sbox-window h3, div#inhalt h3
{
    font-weight: bold;
    color: #333;
    background-color: #FFF;
    margin-bottom: 12px;
    padding-bottom: 5px;
    border-bottom: 1px solid #999;
    line-height: 1.3em;

}
div#sbox-window h4, div#inhalt h4
{
    font-weight: bold;
    font-size  : 85%;
    color: #333;
    background-color: #FFF;
    margin-bottom: 10px;
    padding-bottom: 2px;
}
div#sbox-window h5, div#inhalt h5
{
    font-weight: bold;
    font-size  : .8em;
    margin-bottom: .3em;
}

div#sbox-window p, div#inhalt p{ line-height:1.2em; margin-bottom: 1.3em; }

/* Überschrift über Navigation in der linken Spalte */
p.kategorie{ border:1px solid #ddd; margin-bottom: 1em; padding: 8px 0px; background: #ddd url(../img/hg-verlauf_grau.gif); }
p.kategorie span{ background: url(../img/icon-pfeil_orange-sued.gif) no-repeat 5px 50%; padding-left: 18px; }


table{ font-size: 100%;  }

blockquote{ font-size: 90%; font-style: italic; background:url(../img/icon-quote_20.gif) no-repeat; line-height:1.3em; padding-bottom:10px; padding-left: 25px; margin-bottom:1.3em; } }
fieldset strong{ font-weight: bold; }
strong{ font-weight: bold; }
div.s2 p{ margin-left:0px; }

/* Subspalten innen */
div.s2 div.sInnenR{ margin-left:10px; } /*  rechts */
div.s2 div.sInnenL{ margin-right:10px; } /* links */

.ersterAbsatz{}
/* p.letzterAbsatzKurz{ margin-bottom: 10px; } */
.letzterAbsatz{ margin-bottom: 35px; }
.letzterAbsatz5px{ margin-bottom: 5px; }
.subueberschrift{ font-weight:bold; }
.fett{ font-weight:bold; }
.kursiv{ font-style:italic; }
.name{ font-style:italic; font-weight:lighter; }

hr.trenner{ clear:both; }
hr.hidden{ visibility:hidden; }
hr.margin{ margin:10px 0; }

/* Ausrichtung */
.aright{ text-align:right; }
.ml20{ margin-left:20px; }

/* Bilder */
img.links{float:left;margin-right: 15px;}
img.rechts{float:right;margin-left: 15px;}


/*  Suchergebnisseite  */

div.ajaxSearch_paging{ border-bottom:1px dotted #DDD; }
span.ajaxSearch_highlight{ background-color:#FEFF9F; color:#000; }


/* Tabellen */
table.adresse{ width: 100%; font-size: .9em }
table.adresse th{ font-weight: bold; }
table.adresse th,
table.adresse td
{
    padding: 2px;
    text-align:left; 
    vertical-align: top;
}

/* Listen */
ul, ol{ margin-left: 15px; margin-bottom: 20px; }
ul{ list-style-image:url(../img/icon-punkt_orange_liste.gif); }
ol{ margin-left: 25px; list-style-type:decimal; }
ul li, ol li{ margin-bottom: .6em; line-height:140%; }
/* FAQ */
ul.faq_fragen{ margin-left:0; list-style-image:none; }
ul.faq_fragen li{ background: url(../img/icon-link_intern.gif) no-repeat 0 2px; padding-left:15px; margin-bottom:1em; }
ul.faq_fragen li a{ background-image: none; padding-left:0; }
/* Links nach unten */
ul.kategorie_anker{ list-style-type: none; list-style-image: none; margin:0; padding:0; }
ul li.anker{ background-image: url( ../img/icon-link_intern_nachunten.gif); background-repeat: no-repeat; padding-left: 15px;}


/*  Links */
a{ text-decoration: none; color: #333; }
a:hover{}

a.extern{ background: url(../img/icon-link_extern.gif) no-repeat 0 50%; padding-left:13px; border-bottom: 1px dotted #D54D05; }
a.extern:hover{ border-bottom: none; color: #000; }
a.intern
{
    background: url(../img/icon-link_intern.gif) no-repeat 0 50%;
    padding-left:13px;
    border-bottom: 1px dotted #D54D05;
}
a.intern:hover
{
    border-bottom: none;
    color: #000;
}

a.weiter
{
    color: #D54D05;
    text-decoration: none;
    background: url(../img/icon-link_teaser.gif) no-repeat 0 50%;
    padding-left:13px;
}
a.weiter:hover
{
    border-bottom: 1px dotted #D54D05;
    color: #000;
}
a.intern_hoch
{
    text-decoration: none;
    background: url(../img/icon-link_intern_nachoben.gif) no-repeat 0 50%;
    padding-left:13px;
    border-bottom: 1px dotted #D54D05;
}
a.intern_runter
{
    text-decoration: none;
    background: url(../img/icon-link_intern_nachunten.gif) no-repeat 0 50%;
    padding-left:13px;
    border-bottom: 1px dotted #D54D05;
}
a.intern_hoch:hover,
a.intern_runter:hover
{
    border-bottom: 1px dotted #D54D05;
    color: #000;
}

a.download
{
    font-size: 90%;
    text-decoration: none;
    background: url(../img/icon-link_download.gif) no-repeat 0 50%;
    border-bottom: 1px dotted #D54D05;
    padding-left:13px;
}
a.download:hover
{
    border-bottom: none;
    color: #000;
}

a.download_pdf
{
    font-size: 90%;
    text-decoration: none;
    background: url(../img/icon-pdf.gif) no-repeat 0 50%;
    padding-left:20px;
}
a.download_pdf:hover
{
    border-bottom: 1px dotted #D54D05;
    color: #000;
}

/**
    Warenkorb
----------------------------------------------------------------------------- */
table.warenkorb{ width: 100%; }
table.warenkorb td,
table.warenkorb th{ padding:3px; vertical-align:top; }
table.warenkorb .summe,
table.warenkorb .loeschen,
table.warenkorb .menge,
table.warenkorb .preis{ text-align:right; }
table.warenkorb .loeschen{ width: 20px; }
table.warenkorb .loeschen img{ display:block; margin:auto; vertical-align:middle; }

table.warenkorb .nr{ width: 70px; }
table.warenkorb .preis{ width: 50px; }
table.warenkorb .menge{ width: 60px; }
table.warenkorb .summe{ width: 70px; font-weight:bold; }

table.warenkorb thead th{ border-bottom: 1px solid #444; font-style: normal; }
table.warenkorb tbody td{ border-bottom: 1px solid #bbb; border-right:1px dotted #bbb; font-size: .9em; font-style:normal; }
table.warenkorb tbody tr:last-child td{ border-bottom: none; }
table.warenkorb tbody tr.even td{ background-color: #fff; }
table.warenkorb tbody tr.odd td{ background-color: #eee; }

table.warenkorb tbody .nr{ border-left: 1px solid #bbb }
table.warenkorb tbody .loeschen{ border-right: 1px solid #bbb }

table.warenkorb tbody .menge input.menge{ border: 1px solid #444; width: 30px; margin-right:5px; }
table.warenkorb tbody .menge input.submit{ border:none; cursor:pointer; width: 16px; height:16px; background: transparent url('../img/icon/update.png') no-repeat center center; }

table.warenkorb tfoot tr.summe th,
table.warenkorb tfoot tr.summe td{ border-top: 2px solid #D54D05; padding-top:10px; }
table.warenkorb tfoot th,
table.warenkorb tfoot td{ text-align:right; border-bottom: 1px solid #bbb; padding: 5px 0; }
table.warenkorb tfoot tr.total td.summe{ font-size: 1.3em; }
table.warenkorb tfoot td.loeschen{ border-bottom:none; }

div#warenkorb-teaser{ float:right; margin-right: 20px; margin-top:60px; width: 200px;}
div#warenkorb-teaser h3{
    border-bottom:1px solid #fff;
    margin-bottom:0; 
    padding: 8px;
    padding-top:8px;
    padding-left: 50px;
    font-weight: bold;
    font-size: 1.1em;
    background:url(../img/hg_warenkorb_teaser_headline.png) no-repeat left top
}
div#warenkorb-teaser h3 a{
    display:block;
    margin:0;
    margin-top:-3px;
    width: 19px;
    height: 19px;
    float:right;
    margin-right: 8px;
    background:url(../img/hg_warenkorb_teaser_schalter.png) no-repeat center center
}
div#warenkorb-teaser p{
    padding    : 10px 8px;
    font-size  : 0.85em;
    color      : #fff;
    background : url(../img/hg_warenkorb_teaser.png) repeat-x left top 
}
div#warenkorb-teaser p span.menge{
    margin-right: 15px;
    float:left;
}
div#warenkorb-teaser p span.summe{
    float:right;
}


dl.bestellung{}
dl.bestellung dt span{ display:block; font-size: .9em; }
dl.bestellung dt .titel{ font-weight:bold; }
dl.bestellung dt .subtitel{ }

dl.bestellung dd td.preis{ text-align:right; }
dl.bestellung dd td.preis{ width: 80px;}
dl.bestellung dd td.preis span.statt{ text-decoration:line-through; color: #f00; font-size:.9em; margin-right:3px;}
dl.bestellung dd td.preis span.preis{ font-size: 1.1em; font-weight:bold;}
dl.bestellung dd td.menge input.menge{ width: 20px; }
dl.bestellung dd tbody td.name{ line-height:1.25em; }
dl.bestellung table.warenkorb tbody .menge input.submit{ border:none; cursor:pointer; width: 20px; height:15px; background: transparent url('../img/icon/warenkorb_20.png') no-repeat center center; }


/**
    Navigationen
    @import 'navigation.css';
----------------------------------------------------------------------------- */
/* Kopf und Fusszeile */
p.metanavigation{ margin:0; padding:8px 0; }
p.metanavigation a:link, p.metanavigation a:visited{}
p.metanavigation a:hover,
p.metanavigation a.active{ text-decoration: underline; }
p.metanavigation span.trenner{ margin: 0px 4px; }
p.metanavigation span.last{ visibility:hidden; margin-right: 8px; }
p.metanavigation img{ vertical-align: middle; }

/* Hauptnavigation */
div#hauptnavigation ul{ margin-left: 0; list-style-image: none; margin-bottom: 0;}
div#hauptnavigation li{ float: left; margin-bottom: 0; }
div#hauptnavigation li a:link,
div#hauptnavigation li a:visited{ display: block; text-decoration: none; border-left: 1px solid #aaa; padding: 5px 20px; }
div#hauptnavigation li.first a{ border-left: none; }
div#hauptnavigation li.last a{ border-right: 1px solid #aaa; }
div#hauptnavigation li:hover,
div#hauptnavigation li:hover a,
div#hauptnavigation li.active a,
div#hauptnavigation li a:hover{ background-color: #9A9BA3; color: #fff; }
/* zweite Ebene */
div#hauptnavigation ul li:hover ul{ display:block; }
div#hauptnavigation ul ul{ opacity: .9; display:none; background-color: #9A9BA3; position:absolute; padding: 10px 0 10px 0; z-index:10; font-size: .9em }
div#hauptnavigation ul ul li{ float: none; }
div#hauptnavigation ul ul li a:link,
div#hauptnavigation ul ul li a:visited{ background: url(../img/icon-pfeil_orange-invers.gif) no-repeat 8px 50%; border-left: none; padding: 4px 20px; border-bottom: 1px solid #ddd; color:#fff; }
div#hauptnavigation ul ul li.last a{ border-bottom: none; }
div#hauptnavigation ul ul li a:hover{ background: url(../img/icon-pfeil_orange.gif) no-repeat 8px 50%; color:#000; }

/* Subnavigation linke Spalte */
div#subnavigation ul{ margin-left: 0; list-style-image: none; margin-bottom: 0}
div#subnavigation li{ padding-left:0px; margin-bottom: 0 }
div#subnavigation li a{ border-bottom: 1px dotted #ccc;}
div#subnavigation li a.last{ border-bottom: none; }
div#subnavigation li a{ padding: 5px 0 5px 19px; display: block; background-image: url(../img/icon-subnav_links.gif); background-repeat: no-repeat; background-position: 7px 8px; }
div#subnavigation li a:hover{ background: url(../img/icon-subnav_links_hover.gif) no-repeat 7px 8px; color: #D54D05; }

div#subnavigation li li a,
div#subnavigation li li a:hover{ padding: 4px 0 4px 28px; background-image: url(../img/icon-pfeil_orange.gif); background-repeat: no-repeat; background-position: 15px 9px; }
div#subnavigation li li li a,
div#subnavigation li li li a:hover{ padding: 3px 0 3px 35px; background-color: #eee; border-bottom:none; background-image: url(../img/icon-pfeil_orange-invers.gif); background-repeat: no-repeat; background-position: 22px 9px; }
div#subnavigation li li li li a,
div#subnavigation li li li li a:hover{ padding: 2px 0 2px 42px; background-color: #ddd; background-image: url(../img/icon-punkt_orange_klein.gif); background-repeat: no-repeat; background-position: 29px 5px; }
div#subnavigation li li li li li a,
div#subnavigation li li li li li a:hover{ padding: 2px 0 2px 55px; background-color: #ccc; background-image: url(../img/icon-pfeil_orange-invers.gif); background-repeat: no-repeat; background-position: 42px 5px; }

div#subnavigation a.active{ color: #D54D05; }

/* SqueezeBox    @author Harald Kirschner <mail [at] digitarald.de  */
#sbox-overlay{ position: absolute; background-color: #000;left:0;top:0; }
#sbox-window { position: absolute; background-color: #fff; text-align: left; overflow: visible; padding: 10px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#sbox-btn-close { position: absolute; width: 30px; height: 30px; right: -15px; top: -15px; background: url(../img/squeezbox/closebox.png) no-repeat center; border: none; }
.sbox-window-ie6 #sbox-btn-close{ background-image: url(../img/squeezbox/closebox.gif); }
.sbox-loading #sbox-content{ background-image: url(../img/squeezbox/spinner.gif); background-repeat: no-repeat; background-position: center; }
#sbox-content{ clear: both; overflow: auto; background-color: #fff; height: 100%; width: 100%; }
#sbox-content div.inhalt{ padding: 20px 30px; }
.sbox-content-image#sbox-content{ overflow: visible;}
#sbox-image{ display: block; }
.sbox-content-image img{ display: block; width: 100%; height: 100%; }
.sbox-content-iframe#sbox-content{ overflow: visible; }
.body-overlayed { overflow: hidden; } /* Hides scrollbars */
.body-overlayed embed, .body-overlayed object, .body-overlayed select{ visibility: hidden; } /* Hides flash (Firefox problem) and selects (IE) */
#sbox-window embed, #sbox-window object, #sbox-window select{ visibility: visible; }
.sbox-bg{ position: absolute; width: 33px; height: 40px; }
.sbox-bg-n{left: 0; top: -40px; width: 100%; background: url(../img/squeezbox/bg_n.png) repeat-x; }
.sbox-bg-ne{ right: -33px; top: -40px; background: url(../img/squeezbox/bg_ne.png) no-repeat; }
.sbox-bg-e{ right: -33px; top: 0; height: 100%; background: url(../img/squeezbox/bg_e.png) repeat-y; }
.sbox-bg-se{ right: -33px; bottom: -40px; background: url(../img/squeezbox/bg_se.png) no-repeat; }
.sbox-bg-s{ left: 0; bottom: -40px; width: 100%; background: url(../img/squeezbox/bg_s.png) repeat-x; } 
.sbox-bg-sw{ left: -33px; bottom: -40px; background: url(../img/squeezbox/bg_sw.png) no-repeat; }
.sbox-bg-w{ left: -33px; top: 0; height: 100%; background: url(../img/squeezbox/bg_w.png) repeat-y; }
.sbox-bg-nw{ left: -33px; top: -40px; background: url(../img/squeezbox/bg_nw.png) no-repeat; }