@charset "utf-8";
/* CSS Document */

/* Matrix Layout */

/* matrix layout layout */

.matrix .floatimg {float:none; margin-bottom:1em; }
.matrix .rubrik {color:#090;padding:5%}
.matrix {background-color:#000; color:#090; margin-top:0;}
.matrix #header {float:none; margin:0em; padding:0em; width:100%;  background:rgba(0,0,0,0.90); }

/* add to header when bored err bordered: border-radius:3em 3em 0 0; border: 1px solid #090;*/

.matrix nav ul {text-align:center;margin-top:3%;margin-left:2%;}
.matrix nav li {background-color:#000; border: 1px solid #090; width: 12em; margin:0em; padding:0em;float:left;line-height:4em;}

.matrix #header:after {content:"."; display:block; height:0; visibility:hidden; clear:both;}
.matrix #header a {text-decoration:none;line-height:4%; color:#095;}

.matrix #header li:hover {border:1px solid #0F0;line-height:4em;}

.matrix #header li:hover a{color:#0F0;line-height:4em;}

.matrix #content {color:#0F0; width:100%; margin:0em; padding:0em; background:rgba(0,0,0,0.80); padding-top:1em; min-height:44%; text-align:justify;}

.matrix  #content img{box-shadow:5px 5px 5px #000;}

/* border: 1px solid #090; border-top:0px; border-radius:0 0 3em 3em; */

.matrix #content article {padding:5%;padding-top:0%;}

.matrix a {color:#095;}

.matrix  #projektbild {margin-left:20%;margin-right:20%;}

.matrix #wrapper{background:url(../img/hintergrund2.png) repeat-y top center;margin-top:0;}

.matrix #galerie{padding-left:20%;padding-right:20%;}

.matrix #galerienav{color:#0F0;}

.matrix .weiter:hover{color:#090;}
.matrix .zurueck:hover{color:#090;}

.matrix img {border:2px solid #090;}