body {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d40415+0,bf0312+44,a2000d+100 */
background: rgb(212,4,21); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(212,4,21,1) 0%, rgba(191,3,18,1) 44%, rgba(162,0,13,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(212,4,21,1)), color-stop(44%,rgba(191,3,18,1)), color-stop(100%,rgba(162,0,13,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(212,4,21,1) 0%,rgba(191,3,18,1) 44%,rgba(162,0,13,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(212,4,21,1) 0%,rgba(191,3,18,1) 44%,rgba(162,0,13,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(212,4,21,1) 0%,rgba(191,3,18,1) 44%,rgba(162,0,13,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(212,4,21,1) 0%,rgba(191,3,18,1) 44%,rgba(162,0,13,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d40415', endColorstr='#a2000d',GradientType=1 ); /* IE6-9 */
color: #222;
font-family: Helvetica;
text-align : center;
font-size: 14px;
margin: 1em;
padding: 0;
}
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}

#hintergrund {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}

#content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
overflow: auto;
} 


header, header nav, nav, footer, article {
display : block;
}
header, nav, footer, article {
margin : 2%;
}
header {
margin-top : 12%;
padding :2%;
}
#logo {
opacity : 0.4000000059604644775390625;
position : fixed;
margin : 0;
padding : 0.5%;
top : 0;
left : 0;
width : 100%;
height : auto;
list-style : none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

text-shadow : 1px 1px white;
border : #ddd solid 1px;
z-index : 1;
} 
#logo h1 {
text-align : center;
padding : 0;
margin : 0;
margin-left : auto;
margin-right : auto;
}
header, footer , .aktiv {
	  text-shadow: 0 1px 0 white;
	  line-height: 1.5;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
border : #ddd solid 1px;
border-radius : 0.6em;
}
article, nav a {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

border-radius : 0.6em;
}

nav {
list-style : none;
float :top;
width : 100%;
margin : 0;
padding :0 ;
z-index : 1;
}
nav ul {
margin :0%;
padding : 0;
}
nav li {
margin :2%;
padding : 0;
}

nav a {
vertical-align : middle;
display : table-cell;
width : 40em;
height : 120px;
text-decoration : none;
list-style : none;
border : #B18904 solid 1px;
}
.aktiv {
color: black;
}

#galerie ul {
padding : 0.2em;
}
.klein {
display : none;
}
ul {
list-style : none;
}

a:link {
color : black;
}
a:visited {
color : black;
}
a:focus {
color : black;
}
a:hover {
color : black;
}
a:active {
color : black;
}
table {
font : 80% Arial, sans-serif;
empty-cells : hide;
text-align : left;
width : 100%;
border : #999 solid 1px;
}




article img {
max-width : 60%;
border : #fff solid 1px;
box-shadow : 10px 10px 20px #000;
}


#gwogli ,#skip ,#abschluss ,#bild{
display:none;
}

header, article {
text-align :center;
}
header img {
display :none;
}
footer {
clear : both;
}
footer li:first-child{border-left:none;}
footer {
list-style : none;
float : top;
width : auto;
height : 8em;
clear : both;
text-shadow: 0 1px 0 white;
line-height: 1.5;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
margin : 2%;
padding : 0 2% 0 2%;
border : #ddd solid 1px;
border-radius : 0.6em;
box-shadow : 1px 2px 4px rgba(0, 0, 0, 0.2);
}
footer li {
text-align : center;
float :left;
margin : 0;
padding : 0 2% 0 2%;
color : black;
text-shadow : 0 2px 3px white;
}