/*programmed_by_Juri_Bieler*/
/*fürs Kinderhaus Friedenau e.V.*/

/*allgemeineHTML-Tags#################################################*/



body{
    background-image: url(bilder/bgTexturOrange35.png);
    font-family:"Comic Sans MS";
    font-size:14px;
    color:#000080;
    line-height:19px;
    text-align:center;
    margin:0px;
    background-color:#ffffdf;
}

table {
    font-family:"Comic Sans MS";
    font-size:14px;
    color:#000080;

    line-height:19px;

}

tr{
   margin-right:50px;
   line-width:50px;
}

td{
   margin-right:50px;
   line-width:50px;
}



h1 {
   font-family: Comic Sans MS;
   color: #D70000;
   font-size: 25px;
}

h2 {
   font-family: Comic Sans MS;
   color: #D70000;
   font-size: 18px;
   line-height:25px;
}

h3 {
   font-family: Comic Sans MS;
   color: #000000;
}

b {
   color:#000000;
}

hr {
   color: #f97c00;
   size: 3;
}

/*oben rechts Links,Impressum usw.---------------------*/

a.head {
   font-family: Comic Sans MS;
   margin-right:18px;
   font-size:12px;
   padding:2px;
   text-decoration:none;
   color:#f97c00;
   font-weight:bold;
}

a.head:link    {
   color:#f97c00;
}

a.head:visited {
   /*color:#d12e1b;*/
}

a.head:hover   {
   color:#d12e1b;
}

a.head:active  {
   color:#d12e1b;
}

a.headA {
   font-family: Comic Sans MS;
   margin-right:18px;
   font-size:12px;
   padding:2px;
   text-decoration:none;
   color:#f97c00;
   font-weight:bold;
   font-style: italic;
}

a.headA:link    {
   color:#d12e1b;
}

a.headA:visited {
   color:#d12e1b;
}

a.headA:hover   {
   color:#d12e1b;
}

a.headA:active  {
   color:#FF0000;
}


/*die LinkButons links.......*/

a.inhalt {
   font-family: Comic Sans MS;
   margin-left:20px;
   font-size:14px;
   padding:0px;
   text-decoration:none;
   color:#f97c00;
   line-height:25px;
   font-weight: bold;
}

a.inhalt:link    {
   color:#f97c00;
}

a.inhalt:visited {
   color:#f97c00;
}

a.inhalt:hover   {
   color:#d12e1b;
}

a.inhalt:active  {
   color:#FF0000;
}


a.inhaltA {
   font-family: Comic Sans MS;
   margin-left:20px;
   font-size:14px;
   padding:0px;
   text-decoration:none;
   font-style: italic;
   color:#f97c00;
   line-height:25px;
   font-weight: bold;
}

a.inhaltA:link    {
   color:#d12e1b;
}

a.inhaltA:visited {
   color:#d12e1b;
}

a.inhaltA:hover   {
   color:#d12e1b;
}

a.inhaltA:active  {
   color:#FF0000;
}

/*links innerhalb eines Textes------------------*/

a.note {
   font-family: Comic Sans MS;
   margin-left:0px;
   font-size:15px;
   padding:0px;
   text-decoration:none;
   color:#f97c00;
   line-height:25px;
   font-weight: bold;
}

a.note:link    {
   color:#000000;
}

a.note:visited {
   color:#000000;
}

a.note:hover   {
   color:#FFFFFF;
}

a.note:active  {
   color:#FF0000;
}

a.noteA {
   font-family: Comic Sans MS;
   margin-left:0px;
   font-size:15px;
   padding:0px;
   text-decoration:none;
   font-style: italic;
   color:#f97c00;
   line-height:25px;
   font-weight: bold;
}

a.noteA:link    {
   color:#FFFFFF;
}

a.noteA:visited {
   color:#FFFFFF;
}

a.noteA:hover   {
   color:#000000;
}

a.noteA:active  {
   color:#FF0000;
}

a.txt {                         /*für links, E-Mail adressen im Text eingebettet*/
   font-family: Comic Sans MS;
   margin-left:0px;
   font-size:14px;
   padding:0px;
   text-decoration:none;
   color:#f97c00;
   line-height:25px;
   font-weight: bold;
}

a.txt:link    {
   color:#f97c00;
}

a.txt:visited {
   color:#f97c00;
}

a.txt:hover   {
   color: #d12e1b;
}

a.txt:active  {
   color:#FF0000;
}

a.txtA {
   font-family: Comic Sans MS;
   margin-left:0px;
   font-size:14px;
   padding:0px;
   text-decoration:none;
   font-style: italic;
   color:#f97c00;
   line-height:25px;
   font-weight: bold;
}

a.txtA:link    {
   color: #d12e1b;
}

a.txtA:visited {
   color: #d12e1b;
}

a.txtA:hover   {
   color: #d12e1b;
}

a.txtA:active  {
   color:#FF0000;
}



a.out {
   display:block;
   /*margin-bottom:0px;*/
   text-align: left;
   /*width:128;*/
   border-style:solid;
   border-color:transparent;
   border-width:2px;
   padding:2px;
   text-decoration:none;
   font-size: small;
}

a.out:link    {
   color:#000000;
   background-color:#FFFFFF;
}

a.out:hover   {
   color:#000000;
   border-style:solid;
   border-color:#EA0000;
   background-color:#FFFFFF;
}

a.sub, a.sub:link, a.sub:active, a.sub:visited {
   display: block;
   border-width: 2;
   border-style: double;
   border-color: #f97c00;
   background-color:#ffffdf;
   font-family: Comic Sans MS;
   margin-left:0px;
   font-size:14px;
   padding:0px;
   text-decoration:none;
   color:#f97c00;
   line-height:25px;
   font-weight: bold;
   width:140;
}

a.sub:hover {    /*für EinzeiliegeTextfelder und so*/
   background-color:#ffffff;
   cursor:pointer;
   color:#d12e1b;
}

a.read, a.read:link, a.read:active, a.read:visited {
   display: block;
   background-image: url(bilder/read.png);
   border-width: 0;
   border-style: double;
   border-color: #f97c00;
   background-color: transparent;
   font-family: Comic Sans MS;
   margin-left:0px;
   font-size:14px;
   padding:0px;
   text-decoration:none;
   color:#f97c00;
   line-height:25px;
   font-weight: bold;
   width:120;
   height:100;
}

a.read:hover {    /*für EinzeiliegeTextfelder und so*/
   background-image: url(bilder/readON.png);
   cursor:pointer;
}

/*
input {    /*für EinzeiliegeTextfelder und so*/   /*
   display: block;
   border-width: 1;
   border-style: double;
   border-color: #f97c00;
   background-color:transparent;
   font-family: Comic Sans MS;
   margin-left:20px;
   font-size:14px;
   padding:0px;
   text-decoration:none;
   color:#f97c00;
   line-height:25px;
   font-weight: bold;
}

input:hover {    /*für EinzeiliegeTextfelder und so*/     /*
   color: #d12e1b;
   border-color: #d12e1b;
}
*/

/*für EinzeiliegeTextfelder-----------------------------------*/

input.in {
   border-width: 2;
   border-style: double;
   border-color: #f97c00;
   background-color:#ffffdf;
   font-family: Comic Sans MS;
   margin-left:0px;
   font-size:14px;
   padding:0px;
   text-decoration:none;
   color:#f97c00;
   line-height:25px;
   font-weight: bold;
   width:140;
}

input.in:hover {    /*für EinzeiliegeTextfelder und so*/
   background-color:#ffffff;
   cursor:text;
}

/*für Submit-Button-------------------------------*/

input.sub {
   display: block;
   border-width: 2;
   border-style: double;
   border-color: #f97c00;
   background-color:#ffffdf;
   font-family: Comic Sans MS;
   margin-left:0px;
   font-size:14px;
   padding:0px;
   text-decoration:none;
   color:#f97c00;
   line-height:25px;
   font-weight: bold;
}

input.sub:hover {    /*für EinzeiliegeTextfelder und so*/
   background-color:#ffffff;
   cursor:pointer;
   color:#d12e1b;
}

/*für buttens in Texten die wie Links(txt) aussehen sollen------------------------------*/

input.txt {
   /*display: block; */
   border-width: 0;
   /*border-style: double;  */
   border-color: #f97c00;
   background-color:transparent;
   font-family: Comic Sans MS;
   font-size:14px;
   padding:0px;
   text-decoration:none;
   color:#f97c00;
   line-height:25px;
   font-weight: bold;
   cursor: pointer;
}

input.txt:hover {    /*für EinzeiliegeTextfelder und so*/
   color: #d12e1b;
   border-color: #d12e1b;
}


textarea {    /*für MehrzeiliegeTextfelder und so*/
   /*display: block;*/
   margin-bottom: 0;
   text-align: left;
   border-style: double;
   border-color: #f97c00;
   border-width: 2px;
   padding: 0px;
   text-decoration: none;
   color:#f97c00;
   background-color:#ffffdf;
   font-size:14px;
   font-family: Comic Sans MS;
   line-height:25px;
   font-weight: bold;
}

select {    /*für Auswahllisten*/
   border-width: 2;
   border-style: double;
   border-color: #f97c00;
   background-color:#ffffdf;
   font-family: Comic Sans MS;
   margin-left:0px;
   font-size:14px;
   padding:0px;
   text-decoration:none;
   color:#f97c00;
   line-height:25px;
   font-weight: bold;
   width:140;
}

input.blue {    /*für submit klickbottum*/
   /*display: block;*/
   margin-bottom: 0px;
   text-align: center;
   width: 128;
   border-style: double;
   border-color: #ffffff;
   text-decoration: underline;
   border-width: 2px;
   padding: 2px;
   text-decoration: none;
   color:#000000;
   background-color:#E4E4E4;
   font-family: Comic Sans MS;
   font-weight: bold;
}

input.blue:hover   {
   color:#000000;
   border-style:solid;
   border-color:#E4E4E4;
   background-color:#ffffff;
}