/* 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;
}

hr {
display: none;
}

.versteckt {
display: none;
}

body {
font-family: verdana, geneva, arial, helvetica, sans-serif;
margin: 0;
padding: 0;
background: #466F82 url(hintergrund.gif) 0 0 repeat-x;
}

/* Der Inhalt. */

#wrapper {
position: absolute;
margin: 0 0 0 -400px;
width: 800px;
height: 600px;
top: 20px;
left: 50%;
}

#titel {
position: absolute;
margin: 0 0 0 140px;
top: 10px;
left: 50%;
width: 250px;
height: 90px;
background-color: #fff;
}

#inhalt {
width: 800px;
height: 410px;
background-color: #CBFD4A;
overflow: visible;
}

#flashcontent {
padding: 10px;
width: 780px;
height: 390px;
background-color: #CBFD4A;
}

#erstens {
position: absolute;
width: 156px;
height: 70px;
padding-top: 25px;
border: 2px solid #466F82;
background-color: #fff;
top: 20px;
left: 20px;
z-index: 100;
}

#erstens span#eins {
position: absolute;
text-indent: -9999px;
overflow: hide;
width: 40px;
height: 40px;
top: -15px;
left: -10px;
z-index: 130;
background: transparent url(reihenfolge1.png) 0 0 no-repeat;
}

#zweitens {
position: absolute;
width: 156px;
height: 70px;
padding-top: 25px;
border: 2px solid #466F82;
background-color: #fff;
top: 20px;
left: 190px;
z-index: 110;
}

#zweitens span#zwei {
position: absolute;
text-indent: -9999px;
overflow: hide;
width: 40px;
height: 40px;
top: -15px;
left: -10px;
z-index: 130;
background: transparent url(reihenfolge2.png) 0 0 no-repeat;
}

#drittens {
position: absolute;
width: 156px;
height: 70px;
padding-top: 25px;
border: 2px solid #466F82;
background-color: #fff;
top: 20px;
left: 360px;
z-index: 120;
}

#drittens span#drei {
position: absolute;
text-indent: -9999px;
overflow: hide;
width: 40px;
height: 40px;
top: -15px;
left: -10px;
z-index: 130;
background: transparent url(reihenfolge3.png) 0 0 no-repeat;
}

#bild {
position: absolute;
width: 520px;
height: 390px;
background-color: #fff;
top: 10px;
left: 10px;
overflow: visible;
}

#text {
position: absolute;
margin-top: 75px;
width: 250px;
height: 315px;
background-color: #fff;
top: 10px;
left: 540px;
overflow: auto;
}

#navigation {
position: absolute;
width: 800px;
height: 150px;
top: 450px;
left: 0px;
}

#nav1, #nav2, #nav3, #nav4  {
position: absolute;
width: 185px;
height: 150px;
background: #fff url(nav1.gif) bottom right no-repeat;
top: 0px;
left: 0px;
overflow: visible;
}

#nav2  {
left: 205px;
background: #fff url(nav2.gif) bottom right no-repeat;
}

#nav3  {
left: 410px;
background: #fff url(nav3.gif) bottom right no-repeat;
}

#nav4  {
left: 615px;
background: #466F82 url(nav4b.gif) bottom right no-repeat;
}

#nav4 p#blase1  {
position: absolute;
margin: 5px 0 0 6px;
padding: 0;
text-align: center;
font-size: 0.7em;
line-height: 1.3em;
width: 140px;
}

#nav4 p#blase2  {
position: absolute;
margin: 20px 0 0 6px;
padding: 0;
text-align: center;
font-size: 0.8em;
line-height: 1.3em;
width: 140px;
color: #000;
font-weight: bold;
}


#nav4 p#fuss  {
position: absolute;
margin: 118px 0 0 6px;
padding: 0;
text-align: center;
font-size: 0.65em;
line-height: 1.4em;
}

/* 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;
}

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

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

#text h3 {
margin: 10px 10px 5px 10px;
font-size: 0.8em;
line-height: 1em;
}

#navigation h3 {
margin: 10px 10px 5px 10px;
padding: 0 0 0 16px;
font-size: 0.8em;
line-height: 1em;
background: transparent url(ueberschrift.gif) center left no-repeat;
}


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

p.abstand {
margin: 0 0 15px 0;
}

#text p {
line-height: 1.4em;
}


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

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

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

a.hier  {
color: #999;
}

a.hier:hover {
color: #666;
background-color: transparent;
}

#titel a:hover {
background-color: #fff;
}


/* Kontaktformular */

form p {
margin: 0 0 0 130px;
}

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

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

form input {
width: 250px;
}

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

form select {
margin: 0 0 5px 0;
width: 258px;
}

form input.senden {
width: 150px;
}

form input.senden2 {
clear: both;
margin: 20px 0 0 0;
width: 150px;
}

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

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

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

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

/* Fürs Probespielen */

#xtrafuss {
position: absolute;
top: 630px;
left: 50%;
margin: 0 0 0 -400px;
}

/* Button Probezugang */

div#testbutton {
width: 130px;
height: 130px;
min-width: 130px;
min-height: 130px;
}

div#testbutton a {
position: absolute;
top: 12px;
left: 50%;
margin: 0 0 0 -415px;
width: 120px;
height: 120px;
background: transparent url(../bilder/pisakids_jetzt_testen.gif) 0 0 no-repeat;
}

div#testbutton a:hover {
background: transparent url(../bilder/pisakids_jetzt_testen.gif) 0 -122px no-repeat;
}