/*

CSS Document     buecherei-eddersheim
Formate fuer Inhaltselemente, die in TYPO3 als Contentelemente eingegeben werden koennen

Formate fuer Inhaltselemente die ueber den RTE (Rich Text Editor) eingegeben werden koennen

Diese CSS Datei als contentCSS fuer den RTE im pageTSconfig der Rootseite angeben:
RTE.default.contentCSS = fileadmin/templates/inhalt.css

Klassenzuweisung (.) im RTE (IDs # werden nicht angenommen!!!) ueber:

RTE.default.proc.allowedClasses (
        unsichtbar, rot, seitentitel,
        csc-firstHeader,
        csc-bulletlist-0
}

*/

body {
        font-size: 70%;
}
form {
        font-size: 70%;
}

.rot {
        color: #ff0000;
}
.unsichtbar {
        display: none;
}
p.hinweis {
        background-image: url(../gfx/pfeil_wichtig.gif);
        background-repeat: no-repeat;
        background-position: left top;
        text-indent: 16px;
}
a {
        color: #001080;
        text-decoration: underline}
a:visited {
        color:#001080;
        text-decoration: underline
}
a:hover {
        color: #FF0000;
        text-decoration: none;
}
a:active {
        color: #001080;
        text-decoration: none;
}
a.extern {
        background-image: url(../gfx/link_extern.gif);
        background-repeat: no-repeat;
        background-position: left 2px;
        padding-left: 15px;
}
a.intern {
        background-image: url(../gfx/link_intern.gif);
        background-repeat: no-repeat;
        background-position: left 2px;
        padding-left: 15px;
}
a.email {
        background-image: url(../gfx/link_email.gif);
        background-repeat: no-repeat;
        background-position: left 2px;
        padding-left: 15px;
}
h1.csc-firstHeader{
        margin-top: 0px;
}
h1{
        font-size:120%;
        line-height: 24px;
        font-weight:normal;
        font-weight: normal;
        margin: 0px 0 8px 0;
        padding:0;

}
h1.align-center {
          text-align: center;
}
h1.align-left {
        text-align: left;
 }
h1.align-right {
        text-align: right;
}


h2.csc-firstHeader{
        margin-top: -4px;
}
h2 {
        color: #001080;
        font-weight:normal;
        font-size:110%;
        line-height: 24px;
        font-weight: normal;
        margin: 24px 0 8px 0;
        padding:0;
}



h2.align-center {
          text-align: center;
}
h2.align-left {
        text-align: left;
 }
h2.align-right {
        text-align: right;
}



h2.csc-firstHeader{
        margin-top: -4px;
}
h3 {
        color:#001080;
        font-weight:normal;
        font-size: 100%;
        font-weight: normal;
        background-color: #dddddd;
        border-left:7px solid #001080;
        padding:5px 10px;
        margin: 3px 0px 0px 0px;
}
h3.align-center {
          text-align: center;
}
h3.align-left {
        text-align: left;
 }
h3.align-right {
        text-align: right;
}
h4 {
        color: #001080;
        font-weight:normal;
        font-size:105%;
        line-height: 15px;
        font-weight: normal;
        margin: 0px 0 3px 0;
        padding:0;

}
h4.align-center {
          text-align: center;
}
h4.align-left {
        text-align: left;
 }
h4.align-right {
        text-align: right;
}
h5 {
        font-weight:normal;
        font-size:100%;
        line-height: 15px;
        font-weight: normal;
        margin: 5px 0 3px 0;
        padding:0;

}
h5.align-center {
          text-align: center;
}
h5.align-left {
        text-align: left;
 }
h5.align-right {
        text-align: right;
}
h6 {
display: block;
        font-weight:normal;
        font-size:100%;
        color:#FFFFFF;
        background-color: #001080;
        font-weight: bold;
        margin: 0px 0 0px 0;
        padding:0;

}
h6.align-center {
          text-align: center;
}
h6.align-left {
        text-align: left;
 }
h6.align-right {
        text-align: right;
}
/* normaltest*/
p {
        font-weight:normal;
        color: #001080;
        padding-bottom: 5px ;
        font-size:100%;
        margin:0px 2px 2px 2px;
        }

p.align-right {
        text-align: right;
}

p.align-left {
        text-align: left;
}
p.align-center {
        text-align: center;
}

p b {
        font-weight: bold;
        color: #001080;
        padding-bottom: 5px ;
        font-size:100%;
        margin:0px 2px 2px 2px;
        }
p i {
        font-style: italic;
}

p u {
        text-decoration: underline;
}

p sub { font-weight: bold;
        color: #FFFFFF;
        padding-bottom: 1px ;
        font-size:100%;
        background-color: #001080;
        }

p.bodytext {
        font-style:normal;
        color: #001080;
        padding: 5px ;
        font-size:100%;
        margin:0px 2px 2px 2px;
}



/* Blockzitat */
blockquote {
        font-style: italic;
}
/* Zitat im laufenden Text */
cite {
        font-weight: normal;
        font-size: 80%;
}
/* Hervorhebung */

p img {
  border: 1px solid #001080;
  padding: 10px;
  margin: 10px;
}

/* starke Hervorhebung  fettschrift (b)*/
strong {
font-size:120%;
        font-weight: bold;
}




em {
        font-style:italic;

}

i {
        font-size:100%;
        font-style: italic;
}

u {
        font-size:100%;
}





p a.internal-link img { padding:0px; margin:0px; border:0;  }
p a.download img {padding:0px; margin:0px; border:0;  }



/* Quellcode
mit <pre></pre> umgeben, um Einrückungen zu erhalten*/
code {
        font-size: 100%;
        font-family: "Courier New", Courier, mono;
        color: #666666;
        display: block;
        height: auto;
        background-color: #dddddd;
        padding: 7px;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {position: relative; margin: 0; }

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption
{
position: relative;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding:5px;
background-color:#001080;
color:#ffffff;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {position: relative; margin: 0; }



div.tx-flseositemap-pi1  UL { margin-bottom: 6px; margin-top: 3px;
                                 margin-left:10px;
                                 font-size:95%;
                                 line-height:12px;
                                 list-style-image:url(../gfx/auge_auf.gif)}
div.tx-flseositemap-pi1  LI { margin-bottom: 4px;
                                  margin-left:20px;
                                  font-size:95%;
                                  line-height:12px;}






/* Abkürzung z.B.*/
abbr {

}


div.csc-sitemap ul{
        background-color:#ffefef;
        color: #ff0000;
         }
div.tx-flseositemap-pi1{
color:#ff0010;
}

a.csc-sitemap {
        color: #ff0000;
}


styles.sitemap.text.totalWrap {
        font-weight: bold;
        color: #999999;
}
styles.sitemap.text.itemWrap {
        background-image: url(../gfx/nach_oben.gif);
}



/* Acronym BRD */
acronym {

}
/* Link "nach oben" */



P.csc-frame-frame1 {
        background-color:#001080;
        padding:3px;
        font-weight: bold;
        border-style:solid;
        border-width:1px 1px 1px 1px;
        border-color:gray;
        color:#ffffff;
}

P.csc-frame-frame2 {
        background-color:#dddddd;
        padding:3px;
        border-style:solid;
        border-width:1px 1px 1px 1px;
        border-color:#001080;
}

/* geordnete Listen */
ol {
        color: #001080;
        list-style-position: outside;
        margin-left:0;
        padding-left:20px;
        list-style-type: decimal;
}

li, UL.csc-bulletlist LI { font-size:100%; margin-bottom: 8px; margin-left:10px;}

/* Listen fuer Backendauswahl (Selectmen), Contentlement LISTE*/
ul, UL.csc-bulletlist-0 {
        color: #001080;
        list-style-position: outside;
        list-style-image: url(../gfx/auf2.gif);
        list-style-type: disc;
        margin-left:10px;
        padding-left:20px;

}
UL.csc-bulletlist-1 { color: #ff0000; list-style-type : decimal; font-weight: bold;}
UL.csc-bulletlist-2 { color: #10007B; list-style-position : inside; }
UL.csc-bulletlist-3 { color: #001080; list-style-type: decimal; }.kasten_mitte {
        padding: 7px;
        border: 7px solid #FF0000;
}


DIV.csc-textpic-test p {font-weight:normal; color: #001080; padding-bottom: 5px; font-size:100%; margin:0px 2px 2px 2px; }
DIV.csc-textpic-test p b {font-weight:bold; color: #001080; padding-bottom: 5px; font-size:100%; margin:0px 2px 2px 2px; }

/* Textboxen, Selectbox "Rahmen" im Backend */
DIV.csc-frame { border: 0px; padding: 5px;}
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top: 1px solid #001080; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #001080; }
div.dahinter1 {border: 7px solid #001080; margin: 8px 0 8px 0;}
DIV.csc-frame-frame1 { padding: 0; border: 1px solid #001080; margin: -7px;}
div.dahinter2 {border-left: 7px solid #001080; margin: 8px 0 8px 0;background-color: #dddddd;}
DIV.csc-frame-frame2 { padding: 3px; border-left: 5px double #001080;border-right: 5px double #001080; margin: -7px;margin-top:10px;}

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; }
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; }


/* Tabellen */
/* RTE / Table styling */
table caption {
        text-align: left;
        font-weight: bold;
        margin-top: 8px;

}
table, TABLE.contenttable {border-top: 1px;  margin: 1px 1px 1px 1px; width: 99%; background: #ffffff;}
th, TABLE.contenttable TR TH { margin: 0px; padding: 0px; background-color: #efefef; color: #efefef; }
td, TABLE.contenttable TR TD { margin: 0px; padding: 0px 0px 0px 0px; background-color: #efefef;text-align: center;}
TABLE.contenttable TR TD P.bodytext { font-size: 100%; }
TABLE.contenttable TR TD a.internal-link { font-size: 80%; }
TABLE.contenttable TR TD a.internal-link img {padding:0px; margin:0px; border:0px;  }


table, TABLE.margit { border: 0px; margin: 10px 0px 10px 0px; padding:1px; width: 100%; background: #dddddd; }
th, TABLE.margit TR TH { margin: 1px; padding: 3px; background-color: #001080; color: #ffffff;font-size: 150%;}
td, TABLE.margit TR TD {width: 100px; margin: 1px; padding: 0px 1px 1px 1px; background-color: #efefef; color: #001080;text-align: center;font-size: 100%;}



.indent{
margin-left:20px;}


/* Formulare */

div.formbox {
  width: 590px;
  color: #001080;
  background-color: #ffffff;
  text-align: center;
  padding:2px;
}

.reihe {
  clear: both;
  font-size:100%;
  color: #001080;
  background-color: #ffffff;
  padding: 2px 0px;
  }


.label {
  text-align: center;
  width: 100px;
  color: #001080;
  text-align: center;
  padding-top: 3px;
  padding-right: 5px;
 }

.formbox input, textarea, select {
         font-weight:bold;
         text-align:left;
        background:#efefef;
        color:#001080;
        font-size: 12px;  }


.defbreite {
  width: 260px;
}


/****************************************/
/* Mailformular */
/****************************************/

form#mailform {
        background-color: #efefef;
        border-style:solid;
        border-width:5px 1px 1px 1px;
        border-color:gray;
        margin-top:30px;
        padding: 10px;
        width: 500px;
        height: auto;
}
fieldset.csc-mailform {
        border: none;
}
div.csc-mailform-field {
        width: 100%;
        height:auto;
        clear: both;

}
#mailform label {
        display: block;
        width: 180px;
        float: left;
}
#mailform input {
        width: 290px;
        float:right;
}
input#mailformname {

}
input#mailformemail {

}

#mailform textarea{
        width: 290px;
        float:right;
        clear: right;
}
textarea#mailformnachricht {

}
select#mailformessen {
        width: 150px;
        float: right;

}
input#mailformformtype_mail {
        width: 150px;
        background-color:#FF0000;
        color: #ffffff;
}
input.csc-mailform-submit {

}


/* Textstil wichtig */
span.important {
        font-size:110%;
        font-weight: bold;
        text-align: left;
        color:#AA000A;
       }

/* Textstil name of person */
span.name-of-person {
        font-size:90%;
        color:#004000;
}


/* Textstil Detail */
span.detail {
        background:#001080;
        font-size:90%;
        font-weight: bold;
        color:#ffffff;
}

/* von alter Seite übernommen */

div#aktueber  p
        {font-weight:bold;
        font-size:120%;
        line-height: 150%;
        margin:0px;
        margin-top:5px;
        text-align:center;
        text-decoration:none;
        }
div#foerder
        {font-weight:bold;
        font-size:80%;
        line-height: 90%;
        margin:0px;
        margin-top:5px;
        text-align:center;
        text-decoration:none;
        }
div#foerder  p
        {font-weight:bold;
        font-size:130%;
        line-height:140%;
        margin:0px;
        margin-top:5px;
        text-align:center;
        text-decoration:none;
        }
#link {        background:#ffffff;
        margin: 5px;
        text-align:center;
        font-weight:bold;
        font-size: 12px;
        border-style:solid;
        border-width:1px;
        border-color:gray;
        padding:10px;
        left:250px;
        }

/* fuer die Impressum Seite */
#im{        background-color:#ffffff;
        margin: 0px;
        text-align:left;
        font-weight:bold;
        font-size: 100%;
        line-height: 120%;
        border-style:solid;
        border-color:gray;
        border-width:1px;
        padding: 10px;
        left:250px;
        height:100px ;
        }

#impressum{        background-color:#ffffff;
        margin: 0px;
        text-align:left;
        font-weight:bold;
        font-size: 100%;
        line-height: 120%;
        border-style:solid;
        border-color:gray;
        border-width:1px;
        padding: 10px;
        left:250px;
        height:250px ;
        }



#im1 {        background-color:#ffffff;
        text-align:left;
        font-weight:bold;
        left:0px;
        width:45% ;
        height:20px ;
        float:left;
        }
#im2 {        background-color:#ffffff;
        margin-top:0px;
        text-align:left;
        font-weight:bold;
        width:50% ;
        height:30px ;
        float:left;
        }
#imp        {
        background-color:#ffffff;
        margin-top: 3px;
        text-align:left;
        font-weight:bold;
        font-size: 100%;
        line-height:120%;
        border-style:solid;
        border-width:1px;
        border-color:gray;
        padding: 5px;
        left:250px;
        height:110px ;
        }
#imp1 {        background-color:#ffffff;
        text-align:left;
        left:0px;
        width:45% ;
        height:30px ;
        float:left;
        }
#imp2 {        background-color:#ffffff;
        margin-top:0px;
        width:50% ;
        height:30px ;
        float:left;
        }

span.texta {color:#efefef;
         font-weight:bold;
        background:#001080;
        text-align:center;
        font-size: 15px;  }
span.textb {color:#001080;
         font-weight:normal;
        background:#ffffff;
        text-align:center;
        font-size: 14px;  }
span.grauaufblau {color:#efefef;
         font-weight:bold;
        background:#001080;
        text-align:center;
        font-size: 100%;  }
span.blauaufweis {color:#001080;
         font-weight:normal;
        background:#ffffff;
        text-align:center;
        font-size: 100%;  }
#spalta{
        background:#efefef;
        margin: 1px;
        text-align:center;
        font-weight:bold;
        font-size: 15px;
        border-style:solid;
        border-width:1px;
        border-color:gray;
        padding: 3px;
        left:250px;
        height:100px;
        }
#spalta1 {
        background:#efefef;
        text-align:center;
        font-weight:bold;
        font-size: 15px;
        left:250px;
        width:20%;
        height:85px;
        float:left;
        }
.boxakt { color:#001080;
        margin-left:20px;
        text-align:left;
        font-size: 12px;
        font-weight:bold;
        border-style:solid;
        border-width:2px;
        border-left-width:10px;
        border-color:#001080;
        background-color:#FFFFFF;
        width:300px;
        height:auto;
        padding:8px;
        }

.tx-tptest-pi1 {
font-weight:bold;
width:580px;
       background:#ffffff;
        font-size:12px;
        margin:0px;
        padding-bottom:1px;
        padding-top:10px;
        text-align:left;
        text-decoration:none;
        color:#001080;
        }

.tx-tptest-pi1 input, textarea, select {
         font-weight:bold;
         text-align:left;
        background:#efefef;
        color:#001080;
        font-size: 12px;  }

.tx-tptest-pi1 select optgroup {
         font-weight:bold;
         text-align:left;
        background:#001080;
        color:#ffffff;
         text-decoration:none;
        font-size: 16px;  }

.tx-tptest-pi1 select option {
         font-weight:bold;
         text-align:left;
        background:#efefef;
        color:#001080;

        font-size: 14px;  }



.tx-tptest-pi1   form {
text-align:left;
margin-left:3px;
font-size:80%;

}
