* {
   margin:0;
   padding:0;
}


body{
background-color:#E7F3FF;

}




/* Navigation /////////////////////////////////////////////////// */

.navigation{
  background-color:#FFCCCC;
  color:#337777;

  margin-bottom:1em;
  margin-top:0.5em;
  padding: 0.2em 0em 0.2em 1em;
  letter-spacing:0.3em;
  font-weight:bold;
  border: 1px solid #3098cf;
}

#navigation a{
  color:#337777;
  padding:0.2em 0.5em;
}

#navigation a:hover{
  color:#ff0099;
  font-weight:bold;
  background-color:#ffccffC;
  padding:0.2em 0.5em;
}

.here{
  color:#3366ff;
}


/* HEADER /////////////////////////////////////////////////// */


/* MAG_NAVI /////////////////////////////////////////////////// */

.mag_nav{
padding:0.3em;
margin:2em;
background-color:#A5C7EF;
color:#6600FF;
font-weight:bold;

}

.mag_nav li{
  display: inline;
padding:0.3em;

}

.mag_nav li:hover{
background-color:#CE9EEF;
}

.mag_nav a:visited{
color:##5292C6;
}
.mag_nav a:hover{
color:#ffffff;
}





/* MAIN /////////////////////////////////////////////////// */


#mag_data{
margin:2em;
padding:1em;
  border: 1px solid #3098cf;
background-color:#ffffff;
}

.headline{
background-color:#ffffff;
width:90%;
padding:1em;
margin:1em;
margin-left:2em;
  font-size:80%;
  border: 1px solid #3098cf;
}

.headline h3{
color:#BD5DB5;
}



/* FOOTER /////////////////////////////////////////////////// */