@import url(dimplex_alt.css);
@import url(produkte.css);
@import url(menues.css);
@import url(kaesten.css);
@import url(startseite.css);

body {
        background-color: #D4D4D4;
        margin: 0px 0px 0px 0px; padding: 0px;
}

/* --- Logo --- */
div.logo {
        margin: 30px 0px 10px 50px;
        height: 31px;
        overflow: hidden;
}

/* --- Sprachen --- */
div.sprachen {
        position: absolute; left: 0px; top: 55px; width: 945px;
        text-align: right;
        font-family: verdana, helvetica, sans-serif; font-size: 70%;
}
div.sprachen a {
        color: #CF3030; text-decoration: none; font-weight: bold; margin-left: 1.5em;
}
div.sprachen a:hover {
        text-decoration: underline;
}


/* --- Weisser Kasten oben (und Startseite unten) --- */
div.weisserkasten {
        width: 886px; height: 16px;
        overflow: hidden;
        margin: 1px 0px 1px 51px; padding: 5px;
        background-color: #EFEFEF; border: 1px solid #FFFFFF;
        font-family: verdana, helvetica, sans-serif; font-size: 70%; color: #555555;
}
div.weisserkasten div.suche {
        float: right;
}
div.weisserkasten div.suche form {
        margin: 0px; padding: 0px;
}
div.weisserkasten div.suche input {
        font-family: verdana, helvetica, sans-serif; font-size: 100%;
        border: 1px solid #666666;
        width: 120px;
}
div.weisserkasten div.suche input.submit {
        width: auto;
}
div.weisserkasten h1 {
        width: 148px; float: left;
        margin: 0px; font-size: 100%;
}
div.weisserkasten table.unten th {
        width: 145px; text-align: left; vertical-align: top;
}
div.weisserkasten table.unten td.aktuelles {
        width: 601px; text-align: left; vertical-align: top;
}
div.weisserkasten table.unten td.rechts {
        text-align: left; vertical-align: top;
}
div.weisserkasten table.unten ul {
        list-style-image: url(../index_img/li_rot.gif);
        padding: 0px; margin: 0px 0px 0px 18px;
}
div.weisserkasten table.unten a {
        color: #BB0000; text-decoration: none;
}
div.weisserkasten table.unten a:hover {
        text-decoration: underline;
}
div.weisserkasten a {
        color: #CF3030; text-decoration: none;
}
div.weisserkasten a.oben {
        background-image: url(../index_img/li_pfeil_rot.gif); background-repeat: no-repeat; padding-left: 15px; margin-left: 1.5em;
}
div.weisserkasten a:hover {
        text-decoration: underline;
}

/* --- Äußerstes Rahmenelement; erzeugt die grauen Kästen --- */
div.grauekaesten {
        background-image: url(../index_img/grauekaesten.gif); background-repeat: repeat-x;
}

/* --- Mittleres Rahmenelement; erzeugt die roten Kästen; definiert height, width und margin --- */
div.rotekaesten_index {
        height: 400px; width: 900px; margin: 0px 0px 0px 51px;
        background-image: url(../index_img/rotekaesten.gif); background-repeat: repeat-x;
}
div.rotekaesten_unter {
        width: 900px; height: 400px; margin: 0px 0px 0px 51px;
        background-image: url(../index_img/rotekaesten.gif); background-repeat: repeat-x;
}


/* --- ANGABEN FÜR DIE UNTERSEITEN --- */

/* --- Zweitinnerstes Rahmenelement der Unterseiten --- */
div.zentral_unter {
        float: left;
        width: 900px;
        overflow: hidden;
}

/* --- Innerstes Rahmenelement der Unterseiten --- */
div.zentral_unter div.inhalt {
        float: left; display: inline;
        min-height: 256px; width: 706px;
        margin: 0px 1px 30px 0px; padding: 0px 20px 20px 20px;
        border: 1px solid #FFFFFF; border-top-width: 0px;
        background-color: #EFEFEF;
        font-family: verdana, helvetica, sans-serif; font-size: 80%;
}

/* --- Formatierung der Inhalte --- */
div.zentral_unter div.inhalt h1 {
        font-size: 140%; margin: 0px 0px 0.7em 0px; padding: 12px 0px 0px 0px;
}
div.zentral_unter div.inhalt h2 {
        font-size: 120%; margin: 0.7em 0px 0.3em 0px;
}
div.zentral_unter div.inhalt h3 {
        font-size: 100%; margin: 0.5em 0px 0.3em 0px;
}
div.zentral_unter div.inhalt p {
        margin: 0px 0px 0.5em 0px;
}

}
div.zentral_unter div.inhalt ul.seitenlinks {
        list-style-image: url(../index_img/li_rot.gif);
}

div.zentral_unter div.inhalt ul {
        margin: 0px 0px 0.5em 0px; padding: 0px;
        padding-left: 18px;
        list-style-type:square;
        list-style-image: url(../img/li_grau.gif);
        /* Workaround für Bullets neben links floatenden Bildern: */
        display: table; /* Firefox */
        zoom: 100%; /* IE */
}

div.zentral_unter div.inhalt ol {
        margin-top: 5px;
        margin-bottom: 5px;
        padding-top: 0px;
        padding-bottom: 0px;
}


/* --- Umbruch aufheben--- */
div.clear {
        clear:both;
}

/* --- Produktkasten --- */
div.zentral_unter div.inhalt div.produkt {
         float:left;
        border: 1px solid #FFFFFF;
        padding: 10px; margin: 1em 0px 0px 0px;
}
div.zentral_unter div.inhalt div.produkt h2 {
        margin-top: 0em;
}

div.zentral_unter div.inhalt a {
        color: #CF3030;
}
div.zentral_unter div.inhalt a:hover {
        color: #E79898;
}

/* --- Fusszeile --- */
div.zentral_unter div.fusszeile {
        float: left; display: inline;
        width: 706px;
        margin: 0px 1px 30px 150px; padding: 5px 20px;
        border: 1px solid #FFFFFF; border-top-width: 0px;
        background-color: #EFEFEF;
        font-family: verdana, helvetica, sans-serif; font-size: 80%;
}

div.zentral_unter div.fusszeile a {
        color: #CF3030; text-decoration: none; font-size: 80%; font-weight: normal;
}
div.zentral_unter div.fusszeile a:hover {
        text-decoration: underline;
}



/* --- typo3 Elemente --- */
div.zentral_unter dd.csc-textpic-caption { font-size:80%; font-weight:bold; text-align:right; }

div.csc-menu a { font-weight:bold; }

/* --- Tabellen --- */

/* div.zentral_unter table td {font-family:verdana; font-size:80%;} */
/* div.zentral_unter table th {font-family:verdana; font-size:80%;} */

div.zentral_unter table.tab1 { border: 1px solid #666666; padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; border-collapse:collapse;}
div.zentral_unter table.tab1 td { font-family:verdana; font-size:80%; background-color : #D8D8D8; border : 1px solid #FFFFFF; vertical-align: top; text-align: left; padding: 4px 4px 4px 4px; margin: 0px 0px 0px 0px;}
div.zentral_unter table.tab1 td.left, table.tab1 th.left { text-align : left; }
div.zentral_unter table.tab1 th { font-family:verdana; font-size:80%; background-color : #B1B1B1; border : 1px solid #FFFFFF; vertical-align: top; text-align: left; padding: 4px 4px 4px 4px; margin: 0px 0px 0px 0px;}
div.zentral_unter table.tab1 td.center, table.tab1 th.center{ text-align : center; }
div.zentral_unter table th a, div.zentral_unter table td a { text-decoration:none; }

/* --- Produktkasten Abschluss --- */
div.zentral_unter div.inhalt div.kasten_re div.wprodukte_unter {
        margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
        line-height: 4px; font-size: 4px;
        height: 4px;
        background-image: url(../index_img/kasten_weitere_abschluss.gif);
        background-repeat: no-repeat;
        clear: both;
}


/* --- FAQ --- Start --- */
#search_faq {
position:absolute;
top:228px;
left:755px;
width:210px;
}

#search_faq #suchbegriff {
border:1px solid;
border-color:#666666;
background-color:#FFFFFF;
font-size:11px;
}

#search_faq #search_faq_label {
color:#555555;
font-size:11px;
}

#search_faq .submit {
border:1px solid;
border-color:#666666;
background-color:#E0DFE3;
font-size:11px;
width:26px;
}

#navi_oben_faq
{
position:absolute;
top:229px;
left:503px;
width:240px;
}

#bild_start
{
position:absolute;
top:275px;
left:659px;
border:1px solid;
border-color:#666666;

}
#msg_startseite {
margin-left:4px;
padding-top:8px;
width:380px;
}

.faq_add_spalte_1 {
width:210px;
font-weight:bold;
vertical-align:top;
}

.faq_add_spalte_2 textarea {
overflow:auto;

}

#suche_unten .inputfield{
border:1px solid;
border-color:#666666;
background-color:#ffffff;
}

#suche_unten .submit{
border:1px solid;
border-color:#666666;
background-color:#E0DFE3;
}

#suche_unten select{
border:1px solid;
border-color:#666666;
}

#span_druecken {
color:#D93131;
text-decoration:underline;
}



div.haendler_suche {
        position: absolute;
        left: 651px;
        top: 101px;
        width:296px; height:74px;
        border-color:#E79898; border-style:solid; border-width:1px;
        background-color:#CF3030;
        padding:0px;
        margin: 0px;
}
div.haendler_suche div.sformat {
        font-family:verdana; font-size:11px; color:#FFFFFF;
        padding:5px; margin:0px; font-weight:normal;
}

div.haendler_suche div.sformat input, select {
        font-family: verdana, helvetica, sans-serif; font-size: 100%;
        border: 1px solid #E79898;
}

div.haendler_suche div.sformat a {
        color:#FFFFFF; text-decoration: none;
}

div.haendler_suche div.sformat a:hover {
        text-decoration: underline;
}

div.tabellefuss, span.tabunter {
        font-size: 80%;
}


input.tx-indexedsearch-searchbox-button, input.submit, button.submit {
        font-family: verdana, helvetica, sans-serif; font-size: 100%;
        border: 1px solid #666666;
        width: auto;
}

hr.planerhr {
        border: 1px solid #666666;
        height: 1px;
        margin-top: 5px;
}


#kopflogin {
        position: absolute;
        width: 945px;
        top: 10px;
        left: 0px;
        text-align: right;
        font-size: 64%;
        font-family: verdana;
        color: #666666;
}
#kopflogin a {
        color: #666666;
}
#kopflogin a:hover {
        color: #CF3030;
}
#kopflogin input {
        font-size: 100%;
        border: 1px solid #666666;
}
#kopflogin input.normal, #kopflogin input.normal {
        width: 70px;
        height: 12px;
        background-color: #EFEFEF;
        color: #000000;
        border: 1px solid #666666;
}

#kopflogin input.fehler, #kopflogin input.fehler {
        width: 70px;
        height: 12px;
        color: #000000;
        border-color: #dd0000;
        background-color:#F5D6D6;
        border-width:2px;
        border-style:solid;
}

#kopflogin input.submit {
        width: 40px;
        height: 16px;
}


/* --- Dateianhänge bei News-Einträgen --- */
div.zentral_unter div.inhalt ul.news_anhang {
        vertical-align:top;
        padding: 0pt; margin-left: 10pt;
/* Workaround für Bullets neben links floatenden Bildern: */
        display: table; /* Firefox */
        zoom: 100%; /* IE */
}
div.zentral_unter div.inhalt ul.news_anhang li.ohne {
        margin: 0pt;
        padding: 0pt;
        list-style-type:none; list-style-image:none;
}
div.zentral_unter div.inhalt ul.news_anhang li.trenner {
        margin: 5pt 0 0 0;
        padding: 0pt;
        font-weight: bold;
        line-height:2em;
        list-style-type:none;
        list-style-image:none;
}
div.zentral_unter div.inhalt img.news_vorschau {
        border: 1px solid #666666;
}
div.zentral_unter div.inhalt ul.news_anhang li div.vert_top {
        margin: 0;
        padding: 0;
        width: 490px;
        height:75px;
        vertical-align:top;
        clear:both;
}
div.zentral_unter div.inhalt ul.news_anhang li div.vert_top div.links{
        margin: 0;
        padding: 0;
        width:80px;
        vertical-align:top;
        float:left;
}
div.zentral_unter div.inhalt ul.news_anhang li div.vert_top div.rechts{
        margin: 0;
        padding: 0;
        width:400px;
        text-align:left;
        vertical-align:top;
        float:right;
}
/* --- Ende Dateianhänge bei News-Einträgen --- */

/* --- Link-Formatierung bei PLZ-Suche --- */
div.zentral_unter div.inhalt a.neue_suche {
        border: 1px solid #666666;
        background-color: #ECE9D8;
        text-decoration: none;
        padding: 2px 5px 2px 5px;
        color:black;
}
/* --- Ende Link-Formatierung bei PLZ-Suche --- */



@media print
{

#kopflogin, div.logo, div.clear, div.gclogo, div.wprodukte, div.kasten_re, div.haendler_suche, div.weisserkasten, div.untermenue1, div.untermenue2, div.sprachen, div.untermenue, div.zentral_unter div.fusszeile, div.hauptmenue, p.rootline { display: none; }


div.zentral_unter {
        position:absolute;
        left:0px;
        font-family:tahoma,helvetica,sans-serif; line-height:1.4em;
}


div.zentral_unter div.inhalt {
        width: 100%;
        font-size:80%;
}

div.inhalt {
        position: static;
        left:0px;
        font-family:tahoma,helvetica,sans-serif;
        line-height:1.4em;
}

div.grauekaesten, div.rotekaesten_unter, div.rotekaesten_index {
        width: 0px;
}
}

TABLE.AlarmTbl {
border-collapse:collapse;
background-color:#cf3030;
border:1px solid #ffffff;
}

TABLE.AlarmTbl TD {
color: #ffffff;
}

TABLE.AlarmTbl THEAD {
color: #ffffff;
background-color: #cf3030;
font-weight: bolder;
}