/* CSS Document */
*{ margin:0; padding: 0;} 
body {background-color:#F0F0FB; background-Image: url(../grafik/back-ticinocity.png); background-repeat: repeat; text-
align: center; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; color:black;}

body a
 {
     color: #7f0000;
     text-decoration: none;
 }
 body a:hover
 {
     text-decoration: underline;
 }
 body a:visited
 {
 color:#00009f;
 }
 div.balken
 {
 font-size:1.3em; padding:0.5em 0.5em 0.5em 0.5em;
 color:white;background:#40742C;font-style:italic; min-width:61.5em;
 background: -moz-linear-gradient(#40742C,#79C15E,#40742C);
 background: -o-linear-gradient(#40742C,#79C15E,#40742C);
 background: -ms-linear-gradient(#40742C,#79C15E,#40742C);
 background: -webkit-linear-gradient(#40742C,#79C15E,#40742C);
   }
 div.balken1 { display:inline-block;text-align:left;}
 input.balken {float:left;margin-left:3em;padding:0.1em 0.3em 0.1em 0.3em;font-size:0.8em;cursor:pointer;border-radius:0.5em;border:2px solid #C6C6FF;background:white;} 

 ul.Navigation {
    margin: 0em; padding: 0.1em;
    text-align: center;
  }
  ul.Navigation li.Navigation {
    list-style: none; overflow:hidden;
    float: left;
    position: relative;
    margin: 0.2em; width:12em; overflow:hidden;
  }
  ul.Navigation li.Navigation ul.Navigation li.Navigation {
    float: none;
    display: block;
    margin: 0.8em;
  }
  ul.Navigation a.passiv, ul.Navigation span {
    display: block;
    padding: 0.5em;
    text-decoration: none; font-weight: bold;
    border-radius: 0.5em;   /* background f�r normal */
  }
  span.aktuell  {
  color: white; background:#40742C ;
  background: -moz-linear-gradient(#40742C,#79C15E,#40742C);
  background: -o-linear-gradient(#40742C,#79C15E,#40742C);
  background: -ms-linear-gradient(#40742C,#79C15E,#40742C);
  background: -webkit-linear-gradient(#40742C,#79C15E,#40742C);
  text-shadow: none;text-decoration: none; /* background f�r hover, aktuell */
  }
  a.passiv, a.passiv:visited {
  color: #0000A0; background:#8FCC79;
  background: -moz-linear-gradient(#8FCC79,#C8E6BD,#8FCC79);
  background: -o-linear-gradient(#8FCC79,#C8E6BD,#8FCC79);
  background: -ms-linear-gradient(#8FCC79,#C8E6BD,#8FCC79);
  background: -webkit-linear-gradient(#8FCC79,#C8E6BD,#8FCC79);
  text-shadow: none;text-decoration: none; /* background f�r passiv */
  } 
  a.button-adm, span.button-adm, a.button-abmelden, input.button-adm, a.button-help{
    float:left;   
    overflow:hidden;
    text-decoration: none;
    font-size:1.15em;
border-radius:0.3em;
    margin:0.3em 0.2em 0.5em 0;
}
a.button-adm,a.button-abmelden,a.button-adm:hover { cursor:pointer;}
a.button-adm, input.button-adm {
      color: #0000A0; background:#00FFFF;

  background: -moz-linear-gradient(#7EC0EE,#87CEFF,#7EC0EE);
  background: -o-linear-gradient(#8FCC79,#C8E6BD,#8FCC79);
  background: -ms-linear-gradient(#8FCC79,#C8E6BD,#8FCC79);
  background: -webkit-linear-gradient(#ADD8E6,#BFEFFF,#ADD8E6);
padding:0.3em 0.5em 0.3em 0.5em;
}
span.button-adm, a.button-adm:hover, input.button-adm:hover
{
background:#0000DF;color:white;
  background: -moz-linear-gradient(#8FCC79,#C8E6BD,#8FCC79);
  background: -o-linear-gradient(#8FCC79,#C8E6BD,#8FCC79);
  background: -ms-linear-gradient(#8FCC79,#C8E6BD,#8FCC79);
  background: -webkit-linear-gradient(navy,#4F94CD,navy);
padding:0.3em 0.5em 0.3em 0.5em;
}
a.button-help, a.button-help:visited
{
background:red;
color:white;
padding:0.5em;
font-weight:bold;
}
 div.inhalt0 { text-align:center;width:100%;}
 div.inhalt1 {display:inline-block;text-align:left; width:74em;padding:0 0 2em 0;margin:0.5em 0 0 0;}
 div.inhalt3 { float:left; width:13em; font-size:0.9em;}
 div.inhalt4 { float:left; width:60em; background:white;padding:0.5em;margin:0.5em 0 0 0.5em;border-radius:0 0.5em 0.5em 0;min-height:44em;}
 
 input.standard {padding:0.3em;font-size:1.2em;border-radius:0.5em;border:2px solid #C6C6FF;background:white;} 
 input.submit {padding:0.3em;font-size:1.2em;border-radius:0.5em;border:2px solid #C6C6FF;background:white;cursor:pointer;} 
 input.lupe {padding:0.2em;width:2.5em;height:1.7em;border-radius:0.5em;border:2px solid #C6C6FF;background:white;cursor:pointer;} 

input.text { padding:0.3em;border-radius:0.5em;border:2px solid #C6C6FF;background:white;}
 select {border-radius:0.5em;border:2px solid #C6C6FF;background:white;} 
 textarea.admin {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em;margin:0em 0 0 0;border-radius:0.5em;border:2px solid #C6C6FF;background:white;}

/* The container */
.container {
  display: block;
  position: relative;
  padding-left: 2em;
  margin-bottom: 3em;
  cursor: pointer;
  font-size: 1em;
  color:white;
  font-weight:bold;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0.5em;
  left: 0;
  height: 1.5em;
  width: 1.5em;
  background-color: #eee;
}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 5px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
} 
   /* admin */
  div.anmelden1 { float:left; margin:1em 1em 0.5em 0; }
  div.anmelden2 { float:left; margin:2em 1em 0.5em 0; }
  
h4.start1 {float:left;width:20em;margin:1em 0.2em 0 0;}
div.start2 {float:left;width:10em;margin:1em 0.2em 0 5em;}
div.start3 {float:left;clear:left;width:20em;margin:0.5em 0.2em 0 0;}
div.start4 {float:left;width:15em;margin:0.5em 0.2em 0 0;}
div.start5 {float:left;width:10em;margin:15em 0.2em 0 0.5em;}
p.start1 { float:left;margin:1em 0 0.5em 1em;width:1.5em; }
p.start2 { float:left;margin:0.8em 0 0.5em 0;width:15em; }
p.start3 { float:left;clear:left;margin:1em 0 0.5em 1em;width:1.5em; }
p.start4 { float:left;margin:0.6em 0 0.5em 0;width:15em; }

div.start11, div.start12, div.start13 { float:left;background:#E2E2E2;border-radius:0.5em;padding:0.5em;margin:0 0.2em 0 0;height:11em;}
div.start11 {clear:left;width:27em;}
div.start12 {width:17em;}
div.start13 {width:23em;}

div.start14, div.start15 {float:left;background:#E2E2E2;border-radius:0.5em;padding:0.5em;margin:0.5em 0.2em 0 0;} 
div.start14 {clear:left;width:53em;}
div.start15 {float:left;width:15em;}

p.start10 {clear:left;float:left;width:15em;margin:0 0 0.2em 0;}
p.start11 {float:left;clear:left;width:10em;margin:0em 0 0.2em 0;}
p.start12 {float:left;clear:left;width:10em;margin:0.6em 0.5em 0 0;}
p.start13 { float:left;margin:0.5em 0 0 1em;width:1.5em; }
p.start14 { float:left;margin:0.3em 0 0 0; }

div.start20 {float:left;width:22.5em;background:#E2E2E2;margin:1em 1em 0 0;border-radius:0.5em;padding:0.5em;}
div.start22 { float:left; background:red; padding:0.5em;margin:0;border-radius:0.5em;color:white }

div.start25 {float:left;background:red;margin:0 0.2em 0 0;padding:0.5em;margin:0.5em;border-radius:0.5em;}
div.start26 {float:left;width:5em;color:white;margin:1em 0.2em 0 0;font-weight:bold;}
div.start27 {float:left;width:26em;margin:0 0.2em 0 0;}
div.start28 {float:left;width:8em;margin:15em 0.2em 0 0.5em;}
  
  div.admin1 {float:left;clear:left;width:23em;background:rgb(239,239,239);margin:0.5em 0.2em 0 0;padding:0.2em;}
  div.admin2 {float:left;width:23em;background:rgb(239,239,239);margin:0.5em 0.2em 0 0;padding:0.2em;}
  p.admin1 {float:left;clear:left;margin:0.2em 0.2em 0.2em 1em;}

 div.footer0 { background:rgb(200,200,200);min-width:80em;padding:0.2em 0 0.2em 0;margin:1em 0 0 0; }
 div.footer1 { display:inline-block;text-align:left;  }
 div.footer2 { float:left;font-size:0.9em;margin:1em 0 0 1em;white-space: nowrap;}
 
  div.footer
 {
 font-size:0.95em; padding:0.5em;
 color:black;background:rgb(200,200,200);font-style:italic;
   }
 div.footer1 { display:inline-block;text-align:left;min-width:65em;}

p.meld1 {margin:0.5em 0 0.5em 1em;font-weight:bold;color:red;font-style:italic;}
p.meld2 {margin:0.5em 0 0.5em 1em;color:red;font-style:italic;}
p.meld3 {color:red;font-style:italic;float:left;padding:0.5em;font-size:1.1em;background:#ffffff;border:1px solid blue;}
h3 {color: #00009c; font-style:italic;}
h4 {color: #00009c; font-style:italic;}
h4.titel { font-style:italic;margin:0 0.5em 0.5em 0;float:left;border-radius:0.3em;background:blue;padding:0.6em;color:white;}
         
p.pdf-button { float:left; background:rgb(232,232,232); border-radius:0.5em ;padding:0.5em;margin-left:1em;} 

ul.circle-admin {list-style-type: circle;margin:0.2em 0 0 1.5em;float:left;clear:left;}  /*list-style-type: '? '; */
li.circle-admin {margin:0 0 0.2em 0;}

ol.numeric-admin {list-style-type: decimal;margin:0.3em 0 0 2em;float:left;clear:left;}
li.numeric-admin {margin:0 0 0.5em 0;}

ol.alpha-admin  {list-style-type: lower-latin;padding:0.5em 0 0 1em;float:left;clear:left;}
li.alpha-admin {margin:0 0 0.2em 0;}

p.ansehen1 {clear:left;float:left;margin:0em 0.2em 0 0.5em;font-weight:bold;}
div.ansehen3 {clear:left;float:left;margin:0 0.2em 0 0;padding:0.2em;}
div.ansehen4 {float:left;margin:0 0.2em 0 0;padding:0.2em;}

div.start31 {float:left;clear:left;width:12em;margin:0.7em 0.2em 0 0;}
div.start32 {float:left;width:32em;margin:0.5em 0.2em 0 0;}
div.start33 {float:right;width:25em;background:white;margin:0.5em 7em 0 0;font-size:0.9em;border:1px solid blue;padding:0.2em;}
div.start34 {float:left;clear:left;width:12em;margin:0.7em 0.2em 0 0;}
div.start35 {float:left;width:32em;margin:0.5em 0.2em 0 0;}
div.start36 {float:left;width:30em;background:white;margin:0.5em; 0.2em 0 0;padding:0.5em;}

span.start30 {float:left;padding:0.2em;margin:0.5em;background:white;color:black;border:1px solid blue;} 
span.start31 {float:left;padding:0.2em;margin:0.5em;background:#969696;color:white;border:1px solid blue;}