/* Test-Bereich */
body{
  font-family:verdana,arial,helvetica,"Trebuchet MS", sans-serif;
  font-size: 13px;
  /*background-color: #660066;*/
  background: #ffccff url("u/966284512_zz_bg_body.png") repeat-x top left;
  color: #660066;
  margin: 0px;
  padding: 0px;
}

/* Layout: Breite, Hintergrund, Rahmen */
  .page_margins {margin: auto;}
  .page{text-align: center;}

  /* Gestaltung der Hauptelemente des Layouts */
  #main {text-align: center; color: #660066;} 

h1,h2,h3,h4,h5,h6 {
  font-family: verdana, arial, helvetica, "Trebuchet MS", sans-serif;
  font-weight:normal;
  color:#660066;
  margin: 0 0 0.25em 0;
}

h1 { font-size: 183.33%; font-weight: bold; }                        
h2 { font-size: 166.67% }                        
h3 { font-size: 150.00% }                       
h4 { font-size: 133.33% }                     
h5 { font-size: 116.67% }                     
h6 { font-size: 100.00%; font-style:italic }   

p { line-height: 1.5em; margin: 0 0 1em 0; }

#navcontainer {
width: 100%;
}

#navcontainer ul {
padding: .5em 0 .3em 0;
margin: auto;
list-style-type: none;
background-color: #ffffff;
color: #660066;
font-size: 1.1em;
/*width: 100%;*/
text-align: center;
}

#navcontainer ul li { 
display: inline;
}

#navcontainer ul li a {
text-decoration: none;
background-color: #ffffff;
color: #660066;
padding: .2em 2em .2em 0;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover {
background-color: #ffffff;
color: #CC66FF;
}

 /* damit Icon und Text vertikal zentriert dargestellt werden */
#navlist img {
vertical-align: middle;
}

#links {
color: #660066;
}

#links ul {
list-style-type: none;
background-color: #ffffff;
text-align: center;
}

.designer {
 /*color: #CC00CC;*/
 font-weight: bold; 
}

.bold {
 font-weight: bold;
}

.italic {
 font-style: italic;
}

.underline {
 text-decoration: underline;
}