@import url(default.css);
@import url(form.css);

@media all {
html[lang="de"] blockquote { quotes: "„" "”" }
blockquote:lang(de) { quotes: "„" "”" }

address { font-style: normal; margin-bottom: 0.5em;}
}


@media screen,projection
{
html {height: 100%;}
body { font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;}

#content {margin: 0 1em 0 30%; padding: 1em;}
#navigation {float:left; width: 30%; position: relative;}

#footer { clear: both; background-color:#EDA002; height: 160px;}
#footer p { display: none;}

/* Logo */
#logo {margin: 2em 22%;  }

a {color: #000;}
a:link, a:visited {text-decoration: underline;}
a:hover {text-decoration: none;}
a:active {text-decoration: none; color: #000;}

blockquote {
font: 1.2em/1.5 Georgia, "Times New Roman", Times, serif; 
font-style: italic; 

}

#footer blockquote, #footer cite { 
display: block; 
padding: 1em; 
margin-left: 250px; 
font-size: 140%;
margin-bottom: 0;
text-align:center;
}

#footer cite { font-size: 80%; padding: 0; text-align:center;  }

h1.playschoollogo { float: left; background: url(../images/english-bottom.gif) no-repeat; text-indent: -999em; height: 160px; width: 250px;}

h2 { font-size: 1.5em; margin-bottom: 1em; }
p { margin-bottom: 1em;}

/* navigation */
#navigation ul { list-style-type: none; margin: 0 auto; padding: 0;}
#navigation li { margin: 0.5em 20%; padding: 0; }
#navigation a  { display: block; width:10em; height: 2em; background-color:#EDA002; text-align: center; font-family:Arial, Helvetica, sans-serif; font-weight: bold; line-height: 2em;}

#navigation a:link, #navigation a:visited { text-decoration: none;}
#navigation a:hover, #navigation a:active { text-decoration: none; color: #FFF;}

.contentleft { float: left; width: 48%; }
.contentright { width: 47.5%; margin-left: 52.5%;}
.lists { list-style-type: none; margin: 1em 0; padding: 0;}
.lists li { background: #FFF url(../images/pfeil.gif) no-repeat 0px 5px; margin: 0; padding: 0 1em;}
.morespace2em { margin: 3em 0;}

.head-learning { background: url(../images/head-learning.gif) no-repeat; text-indent: -999em; height: 16px; width: 198px;}
.head-foerderung { background: url(../images/head-foerderung.gif) no-repeat; text-indent: -999em; height: 16px; width: 173px;}
.head-comp { background:url(../images/head-kompetenzen.gif) no-repeat; text-indent: -999em; height: 16px; width: 224px;}
.head-address { background:url(../images/head-address.gif) no-repeat; text-indent: -999em; height: 16px; width: 168px;}
.head-angebot { background:url(../images/head-angebot.gif) no-repeat; text-indent: -999em; height: 16px; width: 149px;}

.imprint { font: 0.7em/1.25 Arial, Helvetica, sans-serif;}
.imprint h3 { font-size: 1.2em;}
.imprint h2 { font-size: 1.4em;}
}


@media print {
* { background: #fff; color: #000; }
html { font: 100%/1.5 georgia, serif; }
#navigation, #footer q, #footer cite {display:none;}
#footer h1 { position: absolute; top: 0; margin-top: -2em; font-size: 1.8em; border-bottom: 2pt solid #000; display: block; width: 100%;}
#footer p { border-top: 1pt solid #000; margin-top: 1em;}

h1, h2, h3, h4, h5, h6 { font-size: 1.5em;}
#content {margin-top: 5em;}
}