body 
{
  color: black;
  font-family: Trebuchet MS, Arial;  
  background-color: #9C9BD4;
}

h2 {
	color:#9C9BD4;
	font-family: Trebuchet MS, Arial; 
}

#box {
 width:1000px;
 margin:35px auto; 
 background-color:#D7D7D7;
 border: 1px solid black;
 min-height:500px;
 height:auto !important;  /* für moderne Browser */
 height:500px;  /*für den IE */
}

#content {
 margin:10px;
}

#nav {
 padding:0px 20px 0px 20px;
}

#footer {
 position:relative;
 bottom:50px;
}

#footer a:hover 
{ 
  text-decoration:none;
  color:white;  
}

img.navi {
 margin:0px 10px 0px 10px;
}

#alben  a {
	font-size: 18px;
	font-family: Trebuchet MS, Arial; 
}

#alben  a:hover {
	font-size: 18px;
	color:#9C9BD4;
	font-family: Trebuchet MS, Arial; 
}

table {
  border: 0px solid #D7D7D7;
  font-size: 14px;
}

table td
{
  border: 0px solid #D7D7D7;
  background: #D7D7D7;
}


table.sk
{
  
  font-size: 14px;
}

table.sk td
{
  border: 1px solid #D7D7D7;  
}

.tip {
	border:1px solid black;
	color:black;
	font-size:10pt;
	font-family: Trebuchet MS, Arial;
	font-weight:bold;
	background:#9C9BD4;
	padding:5px 10px;
	margin:0;
}

a 
{ 
  text-decoration:none; 
  color:black;
}

a:visited 
{ 
  text-decoration:none;
  color:black;  
}
a:hover 
{ 
  text-decoration:none;
  color:#9C9BD4;  
}
a:active 
{ 
  text-decoration:none; 
  color:black;
}


a.naav {
  
  
  width:100px;
  
  background-color:#D7D7D7;
  color:white;
  font-size:16px;
  display:block;
  }

a.naav:hover {
  
  
  width:100px;  
  background-color:#D7D7D7;
  color:black;
  font-size:16px;
  
  display:block;
}

.pager a, .pager b {
  font-size:1.2em;
  padding:4px;
  background:#9C9BD4;
  margin-bottom:10px;
  color:#D7D7D7;
  display:inline-block;
  width:25px;
  height:25px;
  line-height:25px;
}

.pager a:hover {
  background:#fff;
  color:#000;
}

.pager b {
  color:#000;
}


#nav a 
{ 
  text-decoration:none; 
  color:white;
  background-image:url(dot11.gif);
  background-repeat:no-repeat;
  
}

#nav a:active 
{ 
  text-decoration:none; 
  color:black;
}

#nav a:hover 
{ 
  text-decoration:none;
  color:black;
  background-image:url(dot23.gif); 
}




img
{
border:0px;
}

body { 
scrollbar-arrow-color: #9C9BD4;
scrollbarBaseColor: #9C9BD4;
scrollbar-track-color: #9C9BD4;
scrollbar-face-color: #FFFFFF;
scrollbar-3dlight-color: #9C9BD4;
scrollbar-darkshadow-color: #9C9BD4;
scrollbar-shadow-color: #9C9BD4;
} 




input 
{
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;
FONT-SIZE: 12px;
BORDER-LEFT: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid;

background-color:#9C9BD4;
COLOR: #000000;
}


input:hover
{
background-color:#9C9BD4;
COLOR: #000000;
}

input:focus
{
background-color:#9C9BD4;
COLOR: #000000;
}

textarea 
{
BORDER-RIGHT: #000000 1px solid;
BORDER-TOP: #000000 1px solid;
FONT-SIZE: 12px;
BORDER-LEFT: #000000 1px solid;
BORDER-BOTTOM: #000000 1px solid;
FONT-FAMILY: Arial Narrow;
background-color:#9C9BD4;
COLOR: #000000;
}

textarea:hover
{
background-color:#9C9BD4;
COLOR: #000000;
}

textarea:focus
{
background-color:#9C9BD4;
COLOR: #000000;
}