/* Screen für www.pisakids.de */

h1, h2, h3, h4, p, img, div, ul, li, form, checkbox {
margin: 0;
border: 0;
padding: 0;
}

input, textarea {
margin: 0 0 5px 0;
border: 1px solid #466F82;
padding: 3px;
}

input:focus, textarea:focus {
border: 1px solid #EF1860;
}

.versteckt {
display: none;
}

body {
font-family: verdana, geneva, arial, helvetica, sans-serif;
margin: 0;
padding: 0;
background-color: #466F82;
}

div#navi {
position: absolute;
top: 0px;
left: 10px;
margin: 0;
border: 1px solid #000;
border-top: 0px;
padding: 0;
width: 200px;
background-color: #fff;
}

div#anmelden {
position: absolute;
top: 50%;
left: 50%;
margin: -125px 0 0 -250px;
border: 1px solid #000;
padding: 10px;
width: 500px;
height: 250px;
background-color: #fff;
}

div#warnung {
position: absolute;
top: 10px;
left: 50%;
margin: 0 0 0 -250px;
border: 1px solid #000;
padding: 10px;
width: 500px;
background-color: #fff;
}

div#warnung p {
color: #f00;
}


div#inhalt {
position: absolute;
top: 0px;
left: 230px;
min-width: 600px;
margin: 0;
border: 1px solid #000;
border-top: 0px;
padding: 10px 10px 20px 10px;
background-color: #fff;
overflow: auto;
}

div#hilfe {
position: absolute;
top: 20px;
left: 50%;
margin: 0 0 0 -250px;
border: 1px solid #000;
padding: 10px;
width: 500px;
background-color: #fff;
}

/* Typografie */

h1, h2, h3, h4, h5, p, ul, ol, li, a  {
text-align: left;
font-weight: normal;
font-family: Verdana, Helvetica, sans-serif;
background: transparent;
text-decoration: none;
color: #000;
}

h1, h2, h3, h4, h5 {
font-weight: bold;
}

h2 {
margin: 15px 10px 5px 10px;
font-size: 0.9em;
line-height: 1.2em;
}

h3 {
margin: 15px 10px 10px 10px;
font-size: 0.8em;
line-height: 1.2em;
}


p, ul, ol, td, th {
margin: 0 0 5px 0;
padding: 0 10px 0 10px;
font-size: 0.9em;
line-height: 1.4em;
}


ul, ol {
margin-left: 24px;
}

a  {
text-decoration: none;
font-weight: bold;
color: #EF1860;
}

a:hover {
background-color: #FCD5E2;
}

/* Tabellen */

table {
margin: 10px 10px 20px 10px;
border-spacing: 0px;
border-collapse: collapse;
}


td, th {
padding: 2px 5px;
border: 1px solid #000;
}

th {
background-color: #BCCBD2;
}

tr:hover {
background-color: #FCD5E2;
}

tr.ebene {
background-color: #FCD5E2;
}

/* Kontaktformular */

form p {
margin: 20px 0 0 150px;
}

form p label {
margin: 0 0 0 -150px;
width: 150px;
float: left;
}

form p label.frechts {
margin: 15px 0 5px 0px;
width: 400px;
}

form input {
width: 250px;
}

form input.lesen, form input.xtra {
margin: 0 90px 0 0;
width: 150px;
float: left;
}

form input.senden {
width: 150px;
}

form input.login {
width: 100px;
}

form input#newsletter {
margin-right: 10px;
width: 14px;
float: left;
}

form input.anab, form input#aendern {
margin-right: 10px;
width: 14px;
float: left;
}

form input.anab2 {
margin: 0 10px 0 30px;
width: 14px;
}

form textarea {
width: 390px;
height: 100px;
}

form select {
width: 258px;
margin-bottom: 5px;
}

/* Formular Auswahl*/

form#auswahl p {
margin: 10px 0 10px 0px;
}

form#auswahl p label {
margin: 0 10px 0 0;
width: auto;
float: left;
}

form#auswahl select {
margin: 0 20px 0 0;
width: auto;
float: left;
}

form.delete p {
margin: 10px 0 10px 0px;
}

form.delete input {
width: auto;
margin: 0 15px 0 0;
}

input.loesche {
width: auto;
}

p.error { color: #f00; }
input.error { border: 2px solid #f00; }

div.neu { margin: 20px 0 0 20px; border-left: 4px solid #EF1860; padding-left: 10px; }