@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 }
div#logozeile img{ margin: 60px 0 0 60px }
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; }


/* 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); }

/* 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;}








/* 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#inhalt h1,
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#inhalt h3
{
    font-weight: bold;
    color: #333;
    background-color: #FFF;
    margin-bottom: 12px;
    padding-bottom: 5px;
    border-bottom: 1px solid #999;

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

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;
}

/**
    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; }