/******************************************************************
 **                                                              **
 **               Zentrale Formatierungsdatei                    **
 **                   http://hensens.de                          **
 **                                                              **
 **                                                              **
 **              Autor: Andreas Hengst (Hensens)                 **
 **                GFX: Micheal Senst (Hensens)                  **
 **                    Datum: 30.03.2006                         **
 **                                                              **
 **                                                              **
 **                      CSS Level 2.1                           **
 **                                                              **
 ******************************************************************/


/***   Universalselektion, body und html   ***/
* { margin: 0; padding: 0; }
html { background-color: #E0DFE3; }
body {
   font-family: Verdana, Arial, sans-serif;
   letter-spacing: 0.01em;
   color: #3F3F3F;
   margin: 3% auto;
   width: 53em;
        min-width: 830px;
}

/***  lt ie7 können leider kein max-width  ***/
* html body{ width: 844px; }

/***  alle Bilder haben keine Border ***/
img { border: 0 none; }

/***  alles, was schwarz ist   ***/
a, #subnavigation #suchen a:hover, input[type="submit"], #content .angebot a:hover {
        color: #000000;
}
/***  alles, was orange ist   ***/
a:hover, input[type="submit"]:hover, .referenzen, .branche, .sitemap, #sonderangebot td .preisempfehlung, #slogan em, p .vorteil, .stern, .angebot, .angebot a, #schritte .aktuell, #details .aktuell, .pfeil, .brutto, #radiowerbung, .important, #kontaktformular .fehler span {
        color: #FF6000;
        background-color: #FFFFFF;
}

#subnavigation #suchen a {
        color: #FF6000;
        background-color: #E5E6EA;
}

/***  alles, was weiß ist   ***/
#subnavigation li a:hover, #sonderangebot #rabatt, #sonderangebot #gratis, .shop_daten td a:hover, a:hover .brutto, .premium, .preis, shop_daten th, .classic, .menge, .anzahl, #radio_werbe_pakete #gesamtsumme, #gesamtsumme, #footer {
        color: #FFFFFF;
}
/***   alles, was weißen Hintergrund hat   ***/
body, #navigation, #navigation li a, #navigation li a:hover, input[type="submit"], #title {
        background-color: #FFFFFF;
}
/***  alles, was orangen Hintergrund hat  ***/
#subnavigation li a:hover, #sonderangebot #rabatt, #sonderangebot #gratis, .shop_daten td a:hover, #radio_werbe_pakete #gesamtsumme, #gesamtsumme {
        background-color: #FF6000;
}
/***   alles, was links gefloatet werden soll   ***/
#navigation li, #subnavigation, #title, #ort, #crumb li, #detail_bild, #sonderangebot dt, #gross_und_klein, .news_image, #studio li {
        float: left;
}
/***   alles, was rechts gefloatet werden soll   ***/
#tools li, .nach_oben, * html #navigation, .thema #logo, #hensens_w {
        float: right;
}
/***   alles, was vollständig gecleart wird   ***/
.thema, #tools, #footer {
        clear: both;
}

/***   alles, was eine schwarze Border bekommt   ***/
body, #navigation li a:hover, #sonderangebot td, #sonderangebot th, .shop_daten td, .shop_daten th, #schritte, #radio_werbe_pakete td, #radio_werbe_pakete th  {
        border: 1px solid #000000;
}
/***   alles, was dick dargestellt wird   ***/
#navigation li a, #subnavigation li a:hover, address, .team, .pfeil, #gesamtsumme, .kundennummer, form p span, #antworten dt {
        font-weight: bold;
}
/***   Listen haben keinen Style-Type   ***/
ul {
        list-style-type: none;
}
/***    alle Tabellen collapsen  ***/
table {
        border-collapse: collapse;
}
/***    alle Listen in content-div   ***/
#overview, .sitemap_liste, .events, .promotion, #faq, .news_eintrag ul, #agb_liste, .agb ul li, #druckvorgaben, #radiowerbung, #webdesign_referenzen ul, #news_back, .referenzen_details {
       list-style-image:url("../images/ort_pfeil.gif");
}
#overview, .sitemap_liste, .events, .promotion, #faq, .news_eintrag ul, #agb_liste, .agb ul, #druckvorgaben, #radiowerbung, #warum_radiowerbung, #news_back, .referenzen_details {
                 margin: 0 1em 0 3.2em;
}

/***   Haupt-Navigation  ***/
#navigation {
       border-top: 15px solid #7EA0CD;
       padding-left: 16em;
}
* html #navigation {
       height: 71px;
}
#navigation li a {
       border: 1px solid #FFFFFF;
       display: block;
       padding: 7px;
       text-decoration: none;
                 font-size: 80.01%;
}
#navigation li a:hover {
       color: #7EA0CD;
}
* html #navigation {
       width: 583px;
}

/***   Unter-Navigation, einschliesslich Suche  ***/
#subnavigation {
       border-left: 15px solid #7EA0CD;
       background-color: #E5E6EA;
       width: 15.2em;
                 min-width: 232px;
}
/* lt IE7 können kein min-height*/
* html #subnavigation { height: 500px ! important; width: 240px ! important; }
#subnavigation li a, #subnavigation .active {
       font-size: 80.01%;
       display: block;
       padding: 13px 15px 13px 10px;
       text-decoration: none;
       color: #44484B;
       border-top: 2px solid #FFFFFF;
       border-bottom: 1px solid #7EA0CD;
                 height: 1.2em;
}

#subnavigation .active {
       background-image:url('../images/auge.gif');
       background-repeat: no-repeat;
       background-position: 16em;
       font-style: italic;
}
#subnavigation #suchen a {
       display: inline;
       border: none;
       font-size: 75%;
       margin: 0 0 0 2px;
       padding: 0;
       text-decoration: underline;
}
#subnavigation #suchen {
       border-top: 2px solid #FFFFFF;
}
#subnavigation #suchen a:hover {
       background-color: #E5E6EA;
}
*+html #suchen { padding: 12px 0 0 8px; white-space: nowrap; }
#suchen fieldset {
            border: none;
                 margin: 1em 8px;
}
#suchen legend, #suchen label {
            display: none;
}
input[type="submit"] {
       border: 1px solid #3F3F3F;;
}
/***  h1   ***/
#title {
       height: 3.3em;
                 min-height: 101px;
       border-left: 15px solid #7EA0CD;
       padding: 0 7px;
}
* html #title,*+html #title { height: 105px; }


/***   Brotkrümelnavigation   ***/
#ort {
       margin-left: 10.7em;
}
#ort, #crumb li {
       margin-top: 4em;
                 margin-bottom: 0.6em;
                 font-size: 60.01%;
}
#crumb li {
       padding-left: 12px;
       margin-left: 5px;
       background-image:url("../images/ort_pfeil.gif");
       background-repeat: no-repeat;
       background-position: left center;
}

/***  h2 und die dazugehörigen Themen   ***/
.thema {
       overflow: hidden;
                 font-size: 95.01%;
       background-color: #949FAC;
       height: 216px;
       border-left: 15px solid #FFFFFF;
                 padding: 0 0 0 16em;
}
.thema .themenbild {
      display: block;
                height: 100%;
           background-repeat: no-repeat;
                background-position: 457px 0;
}
.thema .themenbild img {
       border-left: 3px solid #FFFFFF;
}
.thema #logo {
       height: 100%;
                 font-size: 95%;
                 padding-right: 5px;
                 border-left: 2px solid #FFFFFF;
                 background-color: #949FAC;
}
.thema #agb_1  { background-image: url(../images/themen/agb_1.jpg);}
.thema #corporate_design_1  { background-image: url(../images/themen/corporate_design_1.jpg); }
.thema #druckdaten_1  { background-image: url(../images/themen/druckdaten_1.jpg); }
.thema #events_allgemeines_1  { background-image: url(../images/themen/events_allgemeines_1.jpg); }
.thema #faq_1  { background-image: url(../images/themen/faq_1.jpg); }
.thema #fehler_1  { background-image: url(../images/themen/fehler_1.jpg); }
.thema #impressum_1  { background-image: url(../images/themen/impressum_1.jpg); }
.thema #index_1  { background-image: url(../images/themen/index_1.jpg); }
.thema #kontakt_1  { background-image: url(../images/themen/kontakt_1.jpg); }
.thema #kundenbereich_1  { background-image: url(../images/themen/kundenbereich_1.jpg); }
.thema #lieferzeiten_1  { background-image: url(../images/themen/lieferzeiten_1.jpg); }
.thema #logodesign_1  { background-image: url(../images/themen/logodesign_1.jpg); }
.thema #news_1  { background-image: url(../images/themen/news_1.jpg); }
.thema #printdesign_allgemeines_1  { background-image: url(../images/themen/printdesign_allgemeines_1.jpg); }
.thema #printdesign_layout_1  { background-image: url(../images/themen/printdesign_layout_1.jpg); }
.thema #produkte_preise_1  { background-image: url(../images/themen/produkte_preise_1.jpg); }
.thema #promotion_allgemeines_1  { background-image: url(../images/themen/promotion_allgemeines_1.jpg); }
.thema #radio_allgemeines_1  { background-image: url(../images/themen/radio_allgemeines_1.jpg); }
.thema #radio_tarifrechner_1  { background-image: url(../images/themen/radio_tarifrechner_1.jpg); }
.thema #radio_warum_1  { background-image: url(../images/themen/radio_warum_1.jpg); }
.thema #referenzen_1  { background-image: url(../images/themen/referenzen_1.jpg); }
.thema #shop_1  { background-image: url(../images/themen/shop_1.jpg); }
.thema #suche_1  { background-image: url(../images/themen/suche_1.jpg); }
.thema #ueber_uns_allgemeines_1  { background-image: url(../images/themen/ueber_uns_allgemeines_1.jpg); }
.thema #ueber_uns_firmenstruktur_1  { background-image: url(../images/themen/ueber_uns_firmenstruktur_1.jpg); }
.thema #webdesign_allgemeines_1  { background-image: url(../images/themen/webdesign_allgemeines_1.jpg); }
.thema #webdesign_barrierefrei_1  { background-image: url(../images/themen/webdesign_barrierefrei_1.jpg); }
.thema #webdesign_besonderheiten_1  { background-image: url(../images/themen/webdesign_besonderheiten_1.jpg); }
.thema #kuhhandel_1  { background-image: url(../images/themen/kuhhandel_1.jpg); }
#thema_ueber_uns { background-image: url(../images/section/navi_ueber_uns.gif); }
#thema_agb { background-image: url(../images/section/navi_agb.gif); }
#thema_impressum { background-image: url(../images/section/navi_impressum.gif); }
#thema_kontakt { background-image: url(../images/section/navi_kontakt.gif); }
#thema_webdesign { background-image: url(../images/section/navi_webdesign.gif); }
#thema_printdesign { background-image: url(../images/section/navi_printdesign.gif); }
#thema_shop { background-image: url(../images/section/navi_shop.gif); }
#thema_radio { background-image: url(../images/section/navi_radio.gif); }
#thema_promotion { background-image: url(../images/section/navi_promotion.gif); }
#thema_ueber_uns, #thema_agb, #thema_impressum, #thema_kontakt, #thema_webdesign, #thema_printdesign, #thema_shop, #thema_radio, #thema_promotion {
        background-repeat: no-repeat;
        background-position: 13px 166px;
}

/***  content-div  ***/
#content {
        margin-top: 0.3em;
        padding: 0 0.75em 0 20.2em;
        border-left: 15px solid #7EA0CD;
        border-right: 130px solid #E5E6EA;
        background-image:url("../images/menue_linie.gif");
        background-position: left;
        background-repeat: repeat-y;
        font-size: 77.01%;
}
/*** weil lte IE7 das Hintergrundbild unter die border setzen ***/
* html #content, *+html #content { background-image: url("../images/menue_linie_ie.gif")!important; }
/*+html #content { background-image: url("../images/menue_linie_ie.gif")!important; }*/

#content p, #content h3, #content h4, #content h5, .paragraph, #studio, .important, .written, .Paragraph {
       margin: 0.6em 0.4em 0.6em 0.4em;
                 padding-top: 0.4em;
}
h3, h5 {
        font-size: 1.1em;
}
#hensens_w {
       border-top: 3px solid #FFFFFF;
       width: 130px;
}
#hensens p img {
       margin: 10px 0;
}
.important {
       padding: 0.8em 0;
                 border-top: 1px dotted #949FAC;
       border-bottom: 1px dotted #949FAC;
}
.referenzen, .branche, .sitemap {
       border-top: 1px dotted #949FAC;
}

acronym {
       cursor: help;
}
address {
       padding: 10px;
       font-style: normal;
}
table, #radio_werbe_pakete {
        margin: 0.6em 0.4em;
}


/*** Seitenspezifisches ***/
#anschrift td {
       padding: 0 10px;
}
#sonderangebot td, #sonderangebot th {
       padding: 5px;
}
#sonderangebot .preis {
       text-align: right;
}
#sonderangebot dl, #sonderangebot td span {
       margin-left: 20px;
       color: #9F9F9F;
       font-size: 80%;
       font-style: italic;
}

#sonderangebot td #gesamtsumme {
       text-decoration: underline;
       font-style: normal;
       color: #3F3F3F;
       font-size: 110%;
}
#slogan em, p .vorteil, .stern {
       font-style: italic;
       font-size: 82%;
}
.stern {
       display: inline;
}
.team {
       margin-top: 25px;
}
#content .kunden {
       margin-top: 10px;
}
div#content table.printprodukte,div.content table.spots {
       margin-left: 20px;
}
div#content table.printprodukte tr td a img,div.content table.spots tr td a img {
       border: 1px solid #FFFFFF;
}
div#content table.printprodukte tr td a:hover img,div.content table.spots tr td a:hover img {
       border: 1px solid #E5E6EA;
}
div#content table.printprodukte tr td {
       text-align: center;
       font-size: 90%;
}
form#suchformular {
       background-color: #E5E6EA;
       max-width: 180px;
       margin: 20px 0 0 9px;
}
p.kunden a img {
       margin-right: 7px;
       border: 0 none;
}
table.shop_daten {
       font-size: 90%;
       margin: 15px 0 0 2px;
}
.shop_daten td, .shop_daten th {
       text-align: right;
}
.shop_daten th {
       text-align: center;
       padding: 2px;
}
table.shop_daten td a {
       text-decoration: none;
       display: block;
       padding: 3px;
}
#schritte {
       list-style-type: none ! important;
       margin: 0 0 10px 0! important;
       padding: 6px;
}
input#warenkorb_legen {
       margin-bottom: 30px;
}
table.shop_daten tr.ungerade {
       background-color: #CCCCCC;
}
td.preis_info {
       padding-right: 50px;
       text-align: right;
}
#sub_cat_list {
       background-color: #CCCCCC;
       list-style-type: none!important;
       margin-left: 0!important;
       padding: 20px 0 20px 0;
}
#sub_cat_list li {
       padding: 4px 0 4px 10px;
}
#product {
       background-color: #CCCCCC;
       padding: 10px 0 10px 10px;
}

#gesamtsumme {
       border-bottom: double;
}
#details td {
       vertical-align: top;
}
.geld {
       text-align: right;
}
#anrede {
       background-color: #949FAC;
       padding-left: 10px;
}
#tun {
       background-color: #CCCCCC;
       padding-left: 10px;
}
#aufgaben {
       background-color: #AFAFAF;
       margin-left: 0!important;
       padding: 20px 0 20px 0;
       list-style-type: none!important;
}
#aufgaben li {
       padding: 4px 0 4px 10px;
}

/*   Sektion Radiowerbung */
#warum_radiowerbung {
       list-style-type: decimal;
       border-bottom: 1px dotted #949FAC;
}

#warum_radiowerbung li {
       padding-bottom: 4px;
}
#verbindung {
       margin-top: 10px;
       border-top: 1px dotted #949FAC;
       padding-top: 14px!important;
}

/*   Tarifrechner   */
#tarifrechner table td {
       vertical-align: top;
                 padding: 0.5em 0;
}
#radio_werbe_pakete td, #radio_werbe_pakete th {
       padding: 3px;
}
.paket, .leistung {
       background-color: #E5E6EA;
}
.classic, .menge, .anzahl {
       background-color: #949FAC;
}
.premium, .preis,shop_daten th {
       background-color: #7EA0CD;
}
td#anfrage {
       border-bottom: 1px solid #FFFFFF!important;
}
#radio_werbe_pakete .geld, #anfrage {
       text-align: center!important;
}
#radio_werbe_pakete .geld, #inkl_rabatt, #mwst {
       background-color: #E5E6EA;
}
#gross_und_klein {
       margin-right: 15px;
}
form p span {
       display: block;
}
#kontaktformular span {
       display: inline!important;
}


form#login {
       margin-top: 15px;
}
.absatz {
       border-bottom: 1px dotted #949FAC;
       padding-bottom: 20px!important;
       margin-bottom: 10px!important;
}
.spots {
       list-style-type: none!important;
                 margin-left: 40px;
}
.spots li {
       padding-left: 22px;
       height: 1.5em;
       background-image:url("../images/lautsprecher.gif");
       background-repeat: no-repeat;
       background-position: left bottom;
}


#antworten dt {
       margin: 1.4em 0.6em 0 0.6em;
}
#antworten dd {
       margin-left: 0.6em;
}

.sitemap_liste {
       margin-bottom: 1em ! important;
}
#suche, .news_eintrag {
       border-bottom: 1px dotted #949FAC;
}
.news_eintrag {
       padding: 0.3em 0 0.1em 0;
}
.news_image {
       margin-right: 0.3em;
                 padding: 0 !important;
}
.written {
       font-size: 70.01%;
       font-style: italic;
       color: #949FAC;
}

#tarifrechner {
       border-top: 1px dotted #949FAC;
       margin-top: 0.4em;
       padding-top: 0.4em;
}
#studio li {
        margin-right: 0.3em;
}

/***  ul-tools  nach oben spans***/
#tools {
        margin: 1.2em 0 0.2em 0;
}

#tools li {
        margin-bottom: 7px;
}
#tools li a span, .nach_oben span {
        display: none;
}
#tools li a, .nach_oben {
        display: block;
        cursor: help;
        height: 18px;
}
#tools li #druck {
        width: 76px;
        background-image: url(../images/drucken.gif);
}
#tools li #nach_oben, .nach_oben {
        width: 18px;
        margin-right: 0.4em;
        background-image: url(../images/top_pfeil.gif);
}
#tools li a:hover, .nach_oben:hover {
   background-position: 0 -18px;
}

/***  p-footer  ***/
#footer {
        text-align: center;
        background-color: #7EA0CD;
        padding: 0.1em 0 0.1em 0 !important;
        width: 100%;
        margin: 0 !important;
}

/*** Kontaktformular  ***/
#security_code {
        position: relative;
        bottom: 9px;
        left: 1em;
}
#kontaktformular td  {
        padding-bottom: 0.3em;
}
#kontaktformular #kopie  {
        padding-bottom: 1em !important;
}