html {
	max-height: 100%;
	overflow: scroll;
}
body {
	margin: 0px;
	background-color: #000; 
	
	font-size:12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 130%; 
	}

#container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	max-width: 632px;
	padding: 45px;
	background-image: url(../img/background.gif); }

.kasten {
	width: 110px;
	height: 110px;
	border: 15px solid #280330; 
	float: left;  
	margin: 9px; 	
	display: block; }

.kasten:hover {
	border: 15px solid #FFFFFF; }

.kasten:active {
	border: 15px solid #FFFFFF; }

.active{
	border: 15px solid #FFFFFF;
}

#content1 {
	background-image: url(../img/lila-kuh_a.jpg); }
#content1:hover {
	background-image: url(../img/lila-kuh_b.jpg); }

#content2 {
	background-image: url(../img/farbe-lila_a.jpg); }
#content2:hover {
	background-image: url(../img/farbe-lila_b.jpg); }
	
#content3 {
	background-image: url(../img/ultaviolett_a.jpg); }
#content3:hover {
	background-image: url(../img/ultaviolett_b.jpg);  }

#content4 {
	background-image: url(../img/leela_a.jpg); }
#content4:hover {
	background-image: url(../img/leela_b.jpg);  }

#content5 {
	background-image: url(../img/lila-eule_a.jpg); }
#content5:hover {
	background-image: url(../img/lila-eule_b.jpg);  }

#content6 {
	background-image: url(../img/purple-rain_a.jpg); }
#content6:hover {
	background-image: url(../img/purple-rain_b.jpg); }

#content7 {
	background-image: url(../img/heide_a.jpg); }
#content7:hover {
	background-image: url(../img/heide_b.jpg); }

#content8 {
	background-image: url(../img/lilalaune_a.jpg); }
#content8:hover {
	background-image: url(../img/lilalaune_b.jpg);  }

#content9 {
	background-image: url(../img/deep-purple_a.jpg); }
#content9:hover {
	background-image: url(../img/deep-purple_b.jpg);  }

#content10 {
	background-image: url(../img/lila-office_a.jpg); }
#content10:hover {
	background-image: url(../img/lila-office_b.jpg);  }

#content11 {
	background-image: url(../img/aubergine_a.jpg); }
#content11:hover {
	background-image: url(../img/aubergine_b.jpg);  }

#content12 {
	background-image: url(../img/purpur_a.jpg); }
#content12:hover {
	background-image: url(../img/purpur_b.jpg);  }

#loading{
	height: 100%;
	
	margin-left:auto;
	margin-right:auto;
	
	display: table;
}
#loading #l{
	display: table-cell;
	vertical-align: middle;
}
.box{
	position: relative;
	top: 0px; 
	left: 9px; 
	
	width: 614px; 
	height:0px; 
	
	background-color: #FFF;
	
	clear:both;
	
	font-size:0px;
	visibility: hidden; 
	overflow: hidden; 
	}

.inhalt{
	width: 578px;
	height:100%;
	
	padding:18px;
	
	font-size: 12px;
	color: #000;
	line-height: 15px;
}

.inhalt .spalte2{
	width: 279px;
	float: left;
	margin-bottom:0px;
}
.inhalt .spalte1{
	clear: both;
}
.inhalt .spalte1 h1{
	margin-top:10px;
	margin-bottom:20px;
	
	padding:0px;
	
	font-size:15px;
	color: #400071;
}
.inhalt .spalte0{
	margin-left:-18px;
	width: 614px;
}
.inhalt .alt{
	margin-top:5px;
	margin-bottom:8px;
	font-size:10px;
	color:gray;
}

.break{
	clear: both;
	height: 1px;
}
.vbreak{
	float: left;
	height: 1px;
	width: 20px;
}


#ecke{
	position: absolute;
	right:0px;
	bottom:0px;
	
	height:30px;
	width: 30px;
	
	background-image: url(../img/ecke.gif);
	background-repeat: no-repeat;
}

.inhalt a{
	color:#280330;
	text-decoration: none;
}
.inhalt a:hover{
	color: #986e9f;
}
.inhalt a[href ^="http://"]{
	font-weight: bold;
}

#linkliste {
	position:absolute;
	bottom:50px;
	
	width:100%;
	
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000;
	
	text-align: center;
}
#linkliste a:link{
	color:#000;
	text-decoration: none;
}
#linkliste a:hover{
	color:white;
}
#choose {
	position:absolute;
	top:0px;
	left:0px;
	
	width:100%;
	z-index:10px;
}