/* Schulprojekt: Konzeption */

/* RESET */

* {
margin:0px;
padding:0px;}

/* SLIDING BOXES */

body{ 
width:666px;
margin:0px auto;
padding:20px;
background:#222; 
color:#afafaf; 
font-weight:bold; 
font:10px "Lucida Grande", Arial, sans-serif;}

#spalte1,#spalte2,#spalte3,#spalte3-2, #spalte4 {
width:166px;
float:left;}

#header {
background:#000;
padding:10px;
margin: 10px 10px 0 10px; color:#FFF; font:18px Arial, sans-serif; letter-spacing:-1px; font-weight: bold; }
			
a{ color:#666; }

h1 { color:#666; font:18px Arial, sans-serif; letter-spacing:-1px; font-weight: bold; }

h1.gruen, h1.orange {
padding:10px;
color:#fff;}

h3 { margin: 10px 10px 0 10px; color:#FFF; font:14px Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
			
.boxgrid{ 
width: 150px; 
height: 150px; 
margin:5px;
margin-left:10px;
float:left; 
background:#161613; 
border: solid 3px #fff; 
overflow: hidden; 
position: relative;}

.boxgrid span {
margin: 10px 10px 0 10px; color:#FFF; font:18px Arial, sans-serif; letter-spacing:-1px; font-weight: bold; 
position: absolute; 
color:#fff;
text-shadow: 0px 0px 3px #000;
bottom:10px; 
left: 0; 
border: 0;}

.pink { background-image:url(images/pink.jpg);} 
.blau { background-image:url(images/blau.jpg);} 
.gruen { background-image:url(images/gruen.jpg);} 
.braun { background-image:url(images/braun.jpg);} 
.orange { background-image:url(images/orange.jpg);} 
.lila { background-image:url(images/lila.jpg);} 
			
.boxgrid p{ 
padding: 10px 10px 0px 10px; 
color:#afafaf; 
font-weight:bold; 
font:10px "Lucida Grande", Arial, sans-serif;}
				
.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 100px; 
width: 100%; }

.captionfull .boxcaption {
position:absolute;
top: 150;
height:150px;
left: 0;}

.cover {
top:150px;}

.close2, .close3, .close3-2, .close4 {
height:40px;
cursor:pointer;}

p.copyright {
position:absolute;
left:10px;
bottom:10px;
padding-top:30px;
margin-left:10px;
color:#444;}

/* Listen */

ol {
color:#666;
padding:10px 20px;
list-style-position: outside;}

ol li {
margin-top:10px;}