body {
  font: 12px Verdana;
  background-color: #ffffff;
  font-size: 12px;
  color:#ffffff;  
  padding:20px;
  margin:0px;
  text-align: center;
  float: center;
}


/* ----------container zentriert das layout-------------- */
#container {
width: 552px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
background-color: #333333;

/* background-color: #151515; */
} 


/* ----------banner for logo-------------- */
#banner {
text-align: right;
background-color: #ffffff;
background-image: url(images/banner.gif);
background-repeat: no-repeat;
background-position: bottom;
padding: 0px;
margin: 0px; }


/* ----------menu-------------- */
#menu {
text-align: left;
background-color: #DD137B;
padding: 0px;
margin: 0px; }


/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:5px;
margin:0px;
text-align: right; 
border: 1px solid #DD137B;
background-color: #DD137B;
font-weight: bold;
}  

/*  ----------------content---------------------- */  
#content { 	
  font: 12px Verdana;
  text-align: left;
  vertical-align: middle;	
  margin: 0px auto;
  padding:12px;
  
  background-color: #151515;
  border: 1px solid #DD137B;
  min-height:400px;
}

			
p, h1, h2, pre {
margin: 0px; 
padding: 5px 10px; 
}

h1 {
font-size: 11px;
text-transform:uppercase;
text-align: center;
color: #ffffff;
background-color: #DD137B;
}

h2 {
font-size: 13px;
color: #ffffff;
}


a:link {color:#ffffff; text-decoration:underline;}
a:active {color:#ffffff; text-decoration:underline;}
a:visited {color:#ffffff; text-decoration:underline;}
a:hover {color:#DD137B; text-decoration:underline;}


 
pre { 
color: #ffffff;
font-size: 11px;
background-color:transparent;
font-family: verdana;
}