/****************************************/
/*  Websitegestaltung und Realisation   */
/*                                      */
/*  Hauke Haller                        */
/*  haller@led-info.de                  */
/*                                      */
/*  2007-05-24                           */
/****************************************/


/* ------------- Tabellen */
table.preise {
       /*  background: #FFF;
       border: solid 2px #CCC;*/
        border-collapse:collapse;
        width: 530px;
        table-layout:fixed
        }

 /*
table.preise tr.tr-odd td.td-1,
table.preise tr.tr-last td.td-1 {
        background: #CCC;
        }

table.preise tr.tr-odd {
  */ /*     color: #FFF;
        background: #555;
        }*/

table.preise td {
        vertical-align: top;
        }

table.preise td.td-0 {
        width: 80px;
        font-weight: bold;
        padding: 0 0 0 4px;
        border-bottom: solid 2px #CCC;
        }

table.preise tr.tr-last td.td-0 {
        border-bottom: 0;
        }

table.preise td.td-1 {/*
        width: 350px;*/
     /*   background: #DDD; */
        padding: 0 4px;
        }

table.preise td.td-last {
        width: 100px;
        font-weight: bold;
        text-align: right;
        padding: 0 4px 0 0;
        }


table.preise caption {
        text-align: left;
        color: #FFF;
        padding: 0 0 0 4px;
        }


table.preise li ul {
        padding: 0 0 0 18px;
        list-style: none inside;
        }

/* ------------------------------------ */
/* ------------- Layout --------------- */
/* ------------------------------------ */
#x {
background: #555;
margin: 0px 4px 0px 0px;
padding: 0px 4px;
}


/* ------------------------------------------*/
/* ------------- Feinschliff ----------------*/
/* ------------------------------------------*/

/* ------------- allgemeines */
.balken,
h4,
table.preise caption {
        padding: 2px 0 2px 4px;
        }

#pfad.balken {
        padding: 2px 4px;
        }

.tx-pagecomments .balken,
.formwrap .balken,
.formwrap h4,
form .balken,
form h4 /*,
.formMitHilfstext .balken*/ {
        margin-bottom: 0;
        }

hr {
        width: 100%;
        color: #000;
        height:1px;
        clear:both;
        background-color: #000;
        border: none;/*
        margin-right:0;
        text-align:right;
        border:1px dashed blue; */
        }

/* (ist wohl für Kisten gewesen, .klein soll aber allgemein sein. mal sehen ob die kiste irgendwo gebraucht wird)
div.klein {
          padding-bottom: 1.5em;
                  }
*/
/* ------------- text */

#text h1,
.inhaltsinhalt h1 {
        padding: 8px 0px;
        }
/*
#text h4 {
        padding: 1px 5px;
        margin-bottom: .7em;
        }
*/

#text p {
        margin-bottom: 1.5em;
        }

#text .spalte p {
        margin-bottom: 0;
        }

/* ------------- form */

input,
textarea,
select {
        line-height: 1.2em;
        }

input,
textarea,
select,
select multiple,
dl.dlButton dd a,
dl.dlButton dd a:visited,
a.pseudobutton,
a:visited.pseudobutton {
        border: solid 1px #333;
        border-top: solid 1px #444;
        border-bottom: solid 1px #444;
        font-weight: normal;
        color: #555;
        }

dl.dlButton.buttongruen dd a,
dl.dlButton.buttongruen dd a:visited,
a.pseudobutton.buttongruen,
a:visited.pseudobutton.buttongruen {
        color: #3C3;
        font-weight: bold;
        }

input:hover,
input:focus,
textarea:hover,
textarea:focus,
dl.dlButton dd a:hover,
dl.dlButton dd a:focus,
a:hover.pseudobutton,
a:focus.pseudobutton,
a:hover.pseudobutton.buttongruen,
a:focus.pseudobutton.buttongruen {
        border: solid 1px #555;
        border-top: solid 1px #666;
        border-bottom: solid 1px #666;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        }

select:hover,
select:focus,
select:hover multiple,
select:focus multiple {
        color: #000;
        }

input,
textarea,
select,
select multiple {
        padding: 1px;
        margin: 0;
        }

select option:hover,
select option:focus {
        border: none;
        color: #666;
        }

label {
        margin: 0;
        padding: 0;
        }

input.submit,
input.tx-srfeuserregister-pi1-submit,
dl.dlButton dd input,
dl.dlButton dd a,
dl.dlButton dd a:visited,
a.pseudobutton {
        width: 100px;
        background: #D4D0C8;
        text-align: center;
        padding: 2px 0;
    /*    margin: 0; */
        cursor: pointer;
        }

/*-- hellerer Knopfhintergrund */
dl.dlTransp input.submit,
dl.dlTransp input.tx-srfeuserregister-pi1-submit,
dl.dlButton.dlTransp dd input,
dl.dlButton.dlTransp dd a,
dl.dlButton.dlTransp dd a:visited,
dl.dlTransp a.pseudobutton,
dl.dlButton.buttongruen dd a,
dl.dlButton.buttongruen dd a:visited /* ,
a.pseudobutton.buttongruen,
a:visited.pseudobutton.buttongruen */ {
        background: #F0ECE4;
        }

dl.dlButton dd a,
dl.dlButton dd a:visited,
dl.dlButton dd a:hover,
a.pseudobutton,
a:hover.pseudobutton {
        display: block;
        }

dl.dlButton dd input.form-check,
dl.dlButton dd input.form_check,
dl.dlButton dd input.tx-srfeuserregister-pi1-radio,
dl.dlButton dd input.tx-srfeuserregister-pi1-checkbox,
input.tx-srfeuserregister-pi1-radio,
input.tx-srfeuserregister-pi1-checkbox {
        width: 15px;
        background: transparent;
        border: none;
        }
/*
.hidden,
input hidden,
input.hidden,
dd input.hidden,
dl.dlSubmit dd input.hidden {
        display: none;
        }
*/

select option,
select .form-xsmall-select,
select,
input.form-check,
input.form_check /* ,
input.tx-feuserregister-pi1-radio,
dl.dlSubmit dd input.tx-feuserregister-pi1-radio */ {
        border: none;
        }

/* -----------suchen */

.suchen {
        margin-bottom: 8px;
        }

.suchen li {
        list-style: none;
        display: inline;
        margin: 0px 4px 0px 0px;
        padding: 0;
        line-height: 1.2em;
        vertical-align: top;
        }

.suchen input,
.suchen input.submit {
        margin: 0;
        padding: 2px;
        line-height: 1.2em;
        width: 90px
        }

.suchen input.submit {
        width: 55px;
        vertical-align: middle;
        padding: 1px 2px;
        }

.browsebox {
        background: #ccc;
        text-align: center;
        margin: 5px 0;
        }

.browsebox .tx-indexedsearch-browselist-currentPage a {
        color: #000;
        }

/* ------------- titel

#titel ul {
        list-style: none;
         }

#titel li,
#titel li a {
        line-height: 1.2em;
         }

#titel a:link,
#titel a:visited {
        color: #B4B8BC;
        text-decoration: none;
         }

#titel li a:hover,
#titel li a.akt {
         color: #E1E6EA;
         }
              */
/* ------------- sprachauswahl

#sprache a {
        line-height: 1.2em;
         }

#sprache a:link,
#sprache a:visited {
        color: #B4B8BC;
        text-decoration: none;
         }

#sprache a:hover {
         color: #E1E6EA;
         }

              */

/* ------------- menu */

#menu li {
        padding: 4px 0px;
        }

#menu li ul li {
        padding: 0 0 0 5px;      /* 10px */
        }

#menu, #menu a {
        font-weight: bold;
        }

#menu ul {
        list-style: none;
        margin: 0;
        padding: 0px;
        border: none;
        }

#menu a:link,
#menu link:hover,
#menu a:visited {
        text-decoration: none;
        }

/* --- 1.Ebene --- */
#menu li a:link,
#menu li a:visited {
         color: #E0E5EE;
         }
/*
#menu li a.akt {
         color: #D9E0D6;
         }  */

#menu li a:hover,
#menu li .cur {
         color: #D9E0D6;
         border-bottom: 2px solid #A7AFBD;
         }

/* --- 2.Ebene --- */
#menu li li a:link,
#menu li li a:visited {
         color: #C8CCD5;
         }
/*
#menu li li a.akt {
         color: #D9E0D6;
         }   */

#menu li li a:hover,
#menu li li .cur {
         color: #D9E0D6;
         border-bottom: 2px solid #A7AFBD;
         }

/* --- 3.Ebene --- */
#menu li li li a:link,
#menu li li li a:visited {
         color: #B3B7BF;
         }
/*
#menu li li li a.akt {
         color: #D9E0D6;
         }       */

#menu li li li a:hover,
#menu li li li .cur {
         color: #D9E0D6;
         border-bottom: 2px solid #A7AFBD;
         }

/* --- 4.Ebene --- */
#menu li li li li a:link,
#menu li li li li a:visited {
         color: #9B9EA5;
         }
/*
#menu li li li li a.akt {
         color: #D9E0D6;
         }     */

#menu li li li li a:hover,
#menu li li li li .cur {
         color: #D9E0D6;
         border-bottom: 2px solid #A7AFBD;
         }

/* ------------- submenu */

#menu ul.submenu li {
        padding: 0 0 5px 5px;      /* 10px */
        }

/* --- 1.Ebene --- */
#menu ul.submenu li a:link,
#menu ul.submenu li a:visited {
         color: #EEE; /*#E0E5EE;*/
         }

#menu ul.submenu li a:hover,
#menu ul.submenu li .cur {
         color: #FFF;
         border-bottom: 2px solid #FFF; /*#A7AFBD;*/
         }

/* ------------- pfad */

#pfad {
        margin: 0px 0px 0px 150px;
        width: 720px;
        voice-family: "\"}\"";
        voice-family:inherit;
        width: 712px;
        }

html>#pfad {
        width: 712px;
        }

* html #pfad {
        height: 1em;   /* sonst passieren im IE seltsame Dinge,
        wenn eine Hintergrundfarbe eingesetz wird   */
        }

#pfad li {
        list-style: none;
        display: inline;
        margin: 0px 4px 0px 0px;
        padding: 0;
        }

* html #pfad ul a {
        width: 1em;    /* nur fuer IE 5.0x erforderlich */
        w/idth: auto;  /* sicherheitshalber fuer spaetere Versionen korrigiert */
        }


/* ------------- menu.map für Sitemap */
.map,
.map ul,
.map li,http://www.seoconsultants.com/css/menus/tutorial/
.map a {
        line-hight: 1em;  /* 1.5em */
        }

.map a {
        padding: 0px;
        margin: 0px;
        }

.map {
        float: left;
        width:166px;
        margin: 6px 4px 0px 0px;
    /*    margin-right: 4px;
    */    padding: 8px 5px;
        }

.map ul {
        list-style: none;
        margin: 0px 0px 10px 0px;
        padding: 0px;
        border: none;
        }

.map ul ul {
        margin: 0px;  /* nur die 1.Ebenen sollen vor dem Hintergrund mit Abstand getrennt werden */
        }

.map ul ul ul {
        padding: 0px 0px 10px 0px;  /* 3.Ebene soll unten etwas Abstand haben (Hintergrundfarbe extra zuweisen, sonst entsteht ne Lücke.. farbe.css) */
        }


/* --- 1. Unterebene --- */

.map li {
         margin: 10px 0px;
         padding: 0px;
         }

.map li a {
        display: block;
        padding: 3px 0px 3px 5px;
        margin: 0px;
        text-decoration: none;
        }


/* --- 2. Unterebene --- */

.map li li a {
        padding-left: 15px;
        margin: 0px;
        }

.map li li {
         margin: 0px;
         padding: 0px;
         }


/* --- 3. Unterebene --- */

.map ul ul ul {
         height: 100%;
         padding-top: 0px;
         }

.map li li li a:link,
.map li li li a:visited {
         text-decoration: none;
         padding-left: 25px;
         }

#text .map a:hover,
#text .map a:hover b {
        text-decoration: none;
        border-bottom: 0px solid transparent;
        color: #F00;
        }

/* ------------- fuss -------------------*/

#fuss ul {
        list-style: none;
    /*    clear: left;                 */
        }

#fuss li {
        display: inline;
        float: left;       /* ohne das kommt die Höhe nicht raus */
        }

#fuss li a,/*
#fuss li a:visited,*/
#fuss li .cur {
        font-weight: bold;
        height: 2.1em;          /* *********************** 2.1em;   */
     /*   line-height: 2em;         mit height: 2em macht IE die Höhe nicht    */
        padding: 4px 22px 3px 4px;
        text-decoration: none;
        letter-spacing: 1px;
        }

#fusslinks {
        text-align: right;
        vertical-align: bottom;
         }

.hoch a {
        background: transparent url(../pic/goup.gif) no-repeat left;
        padding-right: 22px;     /* */
        }

.hoch a:hover {
        padding: 1px 22px 0px 0px;      /*  ..go up a bit ..*/
        text-decoration: none;
        }


/* ------------- fussnote */

 /*
#fuss, #fusslinks, #fussnote, #fussindiemitte {
        line-height: 1em;

        font-size: x-small;
         } */



/* -----------------------------------------------*/
/* ------------- Inhaltselemente --------------*/
/* -----------------------------------------------*/

/* ------------- tabellen */


/*
table.def400 {
        background: #FFF;
        width: 400px;
        margin: 0px;
        padding: 0px;
        text-align: left;
        vertical-align: top;
        }

.td1 {
        padding-top:6px;
        vertical-align:top;
        }

.td2 {
        padding:4px;
        vertical-align:top;
        background-color:#CCCCCC;
        }
*/
/**********************/
/* .... <dl> als Tabelle */
/* allgemeine Definitionen */


dl.def {
        display: block;
        margin: 0px;
        padding: 1px 0px 0px 0px;
        }

dl.def dt {
        margin: 4px 0px 0px 0px;
        padding: 0px;
        height: 1%;
        clear: left;
        display: block;
        font-weight: bold;
        float: left;
        width: 130px;
        }

dl.def dd {
        margin: 4px 0px 0px 0px;
        padding: 0px 0px 0px 3px;
        clear: right;
        height: 1%;
        display: block;
        background: #ccc;
        margin-left: 130px;
        }

/* im sr_feuserregister:
dl.table dt {
         width: 29%;
         float: left;
         clear: left;
         padding: .5em 0;
         }

dl.table dd {
         padding: .5em 0 .5em .5em;
         margin-left: 30%;
         }

dl.table dd:after {
         content: ".";
         display: block;
         clear: left;
         height: 0;
         visibility: hidden;
         }

dl.table dd:after {
         content: ".";
         display: block;
         clear: left;
         height: 0;
         visibility: hidden;
         }                */
/****************/
/* zwei Spalten */
/****************/

.tx-fdfx2cols-pi1 {
         position: relative;
         left: 0px;
         margin-bottom: 14px;
         width: 540px;
         }

.linkeSpalte {
         position:relative;
         width: 268px;
         float:left;
         }

.rechteSpalte {
         position:relative;
         margin-left: 4px;
         width: 268px;
         float:right;
         }

.tx-fdfx2cols-pi1 ul {
         list-style: none;
         font-weight: bold;
         }

.tx-fdfx2cols-pi1 li {
         font-weight: normal;
         }

#text .tx-fdfx2cols-pi1 p {
         margin: 0px;
         padding: 4px;
         }



/* --------------------------------- "dunkler Rahmen" Template 1  twocols-1 */
.twocols-1 {
         background-color: #555;
         }

.twocols-1 .wrapper {
         padding: 4px;
         width: 532px;
         }

.twocols-1 .linkeSpalte,
.twocols-1 .rechteSpalte {
         background-color: #FFF;
         width: 264px;
         height: 100%;
         }

/* ---------------------------------"dunkle Kisten" Template 1  twocols-4 */

.twocols-4 {
         }

.twocols-4 .wrapper {
         }

.twocols-4 .linkeSpalte,
.twocols-4 .rechteSpalte {
         background-color: #EEE;
         }

/* ---------------------------------"Tabelle" Template 5  twocols-5 */

.twocols-5 table {
         width: 100%;
         border-collapse: collapse;       /*
         border: 4px solid #ccc collapse; */
         }

.twocols-5 td {
         width: 50%;
         padding: 4px;
         border: 5px solid #FFF;
         background-color: #EEE;
         vertical-align:top;
         }


/* --------------------------------- Template 3  twocols-3 */
 .clear_columns{
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    float: left;
    visibility: hidden;
    border: 0;
    padding: 0;
    margin: -2em 0 0 0;
}

.twocols-3 {
         background-color: #555;
         }

.twocols-3 .ls_content {
         margin-right: 0px;
         }

.twocols-3 .linkeSpalte,
.twocols-3 .rechteSpalte,
.twocols-3 .ls_content,
.twocols-3 .rs_content { position: relative; }
                                    /**/
.twocols-3 .linkeSpalte { z-index: 3; }
.twocols-3 .rechteSpalte { z-index: 1; }
.twocols-3 .ls_content { z-index: 4; }
.twocols-3 .rs_content { z-index: 2; }

.twocols-3 .ls_content,
.twocols-3 .rs_content {
         background-color: #F00;
         margin: 4px;
         padding: 4px;
         }
                               /*
#text .twocols-3 p {
         background-color: #FFF;
         }
                               */