/*
deutsch/css/screen.css
Lilienthal-Gymnasium Berlin
(c) Ingenieurbüro noesis 2014
*/
body {
font-family:Trebuchet MS;
background-color:#cccccc;
}
h1 {
margin-left:2em;
margin-top:2em;
color:#bfd3e4;
}
a {
text-decoration:none;
color:#000000;
border-bottom:1px dotted #000000;
}
a:hover {
color:#eeeeee;
border-bottom:1px dotted #eeeeee;
}
ul li a:hover {
color:#000000;
border-bottom:1px dotted #000000;
font-weight:bold;
}
#content {
position:absolute;
width:1030px;
height:700px;
left:50%;
top:50%;
margin-left:-515px;
margin-top:-350px;
background-color:#ffffff;
-webkit-box-shadow: 6px 6px 6px 0px #999999;
-moz-box-shadow: 6px 6px 6px 0px #999999;
box-shadow: 6px 6px 6px 0px #999999;
}
#content1 {
margin-top: 7em;
}
#content1 ul {
margin-left:2.5em;
list-style-type:square;
list-style-image: url('../pics/sqare.gif');
}
#content1 ul li {
margin-top:2em;
}
#content1 ul li a {
color:#333333;
}
#plus {
position:absolute;
top:30px;
left:30px;
z-index:10;
color:#bfd3e4;
font-size:5em;
font-weight:bold;
}
#plus1 {
position:absolute;
top:20px;
left:20px;
z-index:10;
color:#bfd3e4;
font-size:2.5em;
font-weight:bold;
}
#quicklink {
z-index:5;
background-color:#eeeeee;
position:absolute;
left:440px;
bottom:.8em !important;
border:1px solid #555555;
display:none;
-webkit-box-shadow: 3px 3px 3px 0px #999999;
-moz-box-shadow: 3px 3px 3px 0px #999999;
box-shadow: 3px 3px 3px 0px #999999;
font-size:.8em;
padding-right:1em;
}
#quicklink ol li {
margin-left:-.5em;
}
#quicklink a:hover {
color:#000000;
font-weight:bold;
border-bottom:1px dotted #000000;
}
#nav {
position:absolute;
bottom:0 !important;
width:100%;
height:1.5em;
left:0;
border-top:1px solid #aaaaaa;
font-size:.8em;
font-weight:bold;
text-align:center;
}
#nav a {
text-decoration:none;
color:#777777;
border:none;
}
#nav a:hover {
color:#000000;
border:none;
}
#nav #back {
float:left;
margin-left:1em;
}
#nav #forward {
float:right;
margin-right:1em;
}
.lightblue {
background-color:#94b6d2;
position:absolute;
left:10px;
top:10px;
width:500px;
height:500px;
}
.lightblue p {
padding-left:2.5em;
}
.lightblue1 {
background-color:#94b6d2;
float:right;
margin-right:10px;
margin-top:10px;
width:60px;
height:150px;
}
.lightblue2 {
background-color:#94b6d2;
float:right;
margin-right:5px;
margin-top:10px;
width:10px;
height:150px;
}
.read {
background-color:#968c8c;
position:absolute;
top:10px;
left:520px;
width:245px;
height:245px;
text-align:center;
}
.read2 {
background-color:#968c8c;
float:right;
margin-right:5px;
margin-top:10px;
width:10px;
height:150px;
}
.speak {
background-color:#a5ab81;
position:absolute;
top:10px;
left:775px;
width:245px;
height:245px;
text-align:center;
}
.speak2 {
background-color:#a5ab81;
float:right;
margin-right:5px;
margin-top:10px;
width:10px;
height:150px;
}
.write {
background-color:#d8b25c;
position:absolute;
top:265px;
left:520px;
width:245px;
height:245px;
text-align:center;
}
.write2 {
background-color:#d8b25c;
float:right;
margin-right:5px;
margin-top:10px;
width:10px;
height:150px;
}
.mediawork {
background-color:#dd8047;
position:absolute;
top:265px;
left:775px;
width:245px;
height:245px;
text-align:center;
}
.mediawork2 {
background-color:#dd8047;
float:right;
margin-right:5px;
margin-top:10px;
width:10px;
height:150px;
}