body {
cursor:url(../image/logo5.gif),url(../image/logo5.cur),url(../image/logo5.ico), move;

color : black;
/* 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 */


}
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, nav, footer, article {
display : block;
}
#kasten {
max-width: 960px;
margin : 0 auto;
}
.zentriert {
max-width : 100%;
margin : 0 auto;
}
#logo {
opacity : 0.6;
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 : #FFD700 solid 1px;
box-shadow : 1px 2px 4px rgba(0, 0, 0, 0.2);
z-index : 1;
} 
#logo h1 {
text-align : center;
padding : 0;
margin : 0;
margin-left : auto;
margin-right : auto;
}
header {
/* 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 */

position: relative;
top : 3em;
left : 0;
width : auto;
min-height : 8em;
text-align : center;
	  text-shadow: 0 1px 0 #FFD700;
	  line-height: 1.5;

padding : 2% 2% 2% 2%;
margin : 4em 0 2% 0;
border : #FFD700 solid 1px;
border-radius : 0.6em;
box-shadow : 1px 2px 4px rgba(0, 0, 0, 0.2);

}
header h1 {
text-align : center;
}
nav {
list-style : none;
float :top;
max-width : 35%;
margin :  4% 0 0 0;
padding :2.5em 0 0 0 ;
z-index : 1;
}
nav ul {
margin :0;
padding : 0;
}
.menu-item {
  list-style : none;
  width: 13em; 
}
.menu-item li {
  color: black;
  font-size: 15px;
  font-weight: 500;
  padding: 12px 12px;
margin :10% 0 2% 0;
/* 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 */

}
.menu-item li:hover {  
/* 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 : #FFD700 solid 1px;
border-radius : 0.6em;
box-shadow : 1px 2px 4px rgba(0, 0, 0, 0.2);
}
.menu-item li a {
  color: black;
  display: block;
  text-decoration: none;
  width: 200px;
}
.menu-item ul {
margin :2% 0 2% 0;
  font-size: 13px;
  line-height: 30px;
  height: 0px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
  -webkit-transition: height 1s ease;
     -moz-transition: height 1s ease;
       -o-transition: height 1s ease;
      -ms-transition: height 1s ease;
          transition: height 1s ease;
}
.menu-item:hover ul {
  height: 14em;
}
.menu-item ul a {
  margin-left: 0;
  text-decoration: none;
  color: black;
  display: block;
  width: 200px;
}
.menu-item li {

border : #FFD700 solid 1px;
border-radius : 0.6em;
box-shadow : 1px 2px 4px rgba(0, 0, 0, 0.2);
}
.menu-item a:hover {
/* 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 */



}








.menu-item1 {
  list-style : none;
  width: 13em; 
}
.menu-item1 li {
  color: black;
  font-size: 15px;
  font-weight: 500;
  padding: 7px 12px;
margin :2% 0 2% 0;
/* 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 */

}
.menu-item1 li:hover {  
/* 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 : #FFD700 solid 1px;
border-radius : 0.6em;
box-shadow : 1px 2px 4px rgba(0, 0, 0, 0.2);
}
.menu-item1 li a {
  color: black;
  display: block;
  text-decoration: none;
  width: 200px;
}
.menu-item1 ul {
margin :2% 0 2% 0;
  font-size: 13px;
  line-height: 30px;
  height: 0px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
  -webkit-transition: height 1s ease;
     -moz-transition: height 1s ease;
       -o-transition: height 1s ease;
      -ms-transition: height 1s ease;
          transition: height 1s ease;
}
.menu-item1:hover ul {
  height: 8em;
}
.menu-item1 ul a {
  margin-left: 0;
  text-decoration: none;
  color: black;
  display: block;
  width: 200px;
}
.menu-item1 li {

border : #FFD700 solid 1px;
border-radius : 0.6em;
box-shadow : 1px 2px 4px rgba(0, 0, 0, 0.2);
}
.menu-item1 li:hover {
/* 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 */


}










.menu-item2 {
  list-style : none;
  width: 13em; 
}
.menu-item2 li {
  color: black;
  font-size: 15px;
  font-weight: 500;
  padding: 7px 12px;
margin :2% 0 2% 0;
/* 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 */

}
.menu-item2 li:hover {  
/* 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 : #FFD700 solid 1px;
border-radius : 0.6em;
box-shadow : 1px 2px 4px rgba(0, 0, 0, 0.2);
}
.menu-item2 li a {
  color: black;
  display: block;
  text-decoration: none;
  width: 200px;
}
.menu-item2 ul {
margin :2% 0 2% 0;
  font-size: 13px;
  line-height: 30px;
  height: 0px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
  -webkit-transition: height 1s ease;
     -moz-transition: height 1s ease;
       -o-transition: height 1s ease;
      -ms-transition: height 1s ease;
          transition: height 1s ease;
}
.menu-item2:hover ul {
  height: 8em;
}
.menu-item2 ul a {
  margin-left: 0;
  text-decoration: none;
  color: black;
  display: block;
  width: 200px;
}
.menu-item2 li {

border : #FFD700 solid 1px;
border-radius : 0.6em;
box-shadow : 1px 2px 4px rgba(0, 0, 0, 0.2);
}
.menu-item2 li:hover {
/* 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 */


}










.menu-item3 {
  list-style : none;
  width: 13em; 
}
.menu-item3 li {
  color: black;
  font-size: 15px;
  font-weight: 500;
  padding: 7px 12px;
margin :2% 0 2% 0;
/* 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 */

}
.menu-item3 li:hover {  
/* 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 : #FFD700 solid 1px;
border-radius : 0.6em;
box-shadow : 1px 2px 4px rgba(0, 0, 0, 0.2);
}
.menu-item3 li a {
  color: black;
  display: block;
  text-decoration: none;
  width: 200px;
}
.menu-item3 ul {
margin :2% 0 2% 0;
  font-size: 13px;
  line-height: 30px;
  height: 0px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
  -webkit-transition: height 1s ease;
     -moz-transition: height 1s ease;
       -o-transition: height 1s ease;
      -ms-transition: height 1s ease;
          transition: height 1s ease;
}
.menu-item3:hover ul {
  height: 14em;
}
.menu-item3 ul a {
  margin-left: 0;
  text-decoration: none;
  color: black;
  display: block;
  width: 200px;
}
.menu-item3 li {

border : #FFD700 solid 1px;
border-radius : 0.6em;
box-shadow : 1px 2px 4px rgba(0, 0, 0, 0.2);
}
.menu-item3 li:hover {
/* 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 */


}














.menu-item-e {
  list-style : none;
  width: 12em; 
}
.menu-item-e li {
  color: black;
  font-size: 15px;
  font-weight: 500;
  padding: 7px 12px;
margin :2% 0 2% 0;
/* 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 */

}
.menu-item-e li:hover {  
/* 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 : #FFD700 solid 1px;
border-radius : 0.6em;
box-shadow : 1px 2px 4px rgba(0, 0, 0, 0.2);
}
.menu-item-e li a {
  color: black;
  display: block;
  text-decoration: none;
  width: 200px;
}
.menu-item-e li a {
  color: black;
  display: block;
  text-decoration: none;
  width: 100px;
}
.menu-item-e ul {
margin :2% 0 2% 0;
  font-size: 13px;
  line-height: 30px;
  height: 0px;
  list-style-type: none;
  overflow: hidden;
  padding: 0px;
  -webkit-transition: height 1s ease;
     -moz-transition: height 1s ease;
       -o-transition: height 1s ease;
      -ms-transition: height 1s ease;
          transition: height 1s ease;
}
.menu-item-e :hover ul {
  height: 110px;
}
.menu-item-e ul a {
  margin-left: 0;
  text-decoration: none;
  color: black;
  display: block;
  width: 200px;
}
.menu-item-e li {
border : #FFD700 solid 1px;
border-radius : 0.6em;
box-shadow : 1px 2px 4px rgba(0, 0, 0, 0.2);
}
.menu-item-e li:hover {
/* 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 */


}

header img {
position : fixed;
margin : 0;
top : 0.8em;
right : 1.8em;
width : 8em;
height : 8em;
border : #FFD700 solid 1px;
border-radius : 0.6em;
box-shadow : -10px 20px 10px rgba(0, 0, 0, 0.2);
z-index : 1;
}


a:link {
color : black;
}
a:visited {
color : black;
}
article {
/* 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 */

	  position: relative;
float : right;
width : 64%;
text-align : center;
margin : 2% 0 2% 0;
padding: 2% ;
padding : 2% 2% 2% 2%;
margin : 4em 0 2% 0;
border : #FFD700 solid 1px;
border-radius : 0.6em;
box-shadow : 1px 2px 4px rgba(0, 0, 0, 0.2);

}


article h1 {
color : #222;
text-shadow : 0 2px 3px #555;
}
article h1, h2, h3, h4 {
color : #222;
}
article p, h2, h3, h4 {
text-align :left;
}
article a {
font-stretch:expanded;
}
article li {
text-align :left;
list-style-type : none;
}
.rand {
margin:-0.3em;
}
article img{
margin: 2% 0 2% 0;
width : 100%;
border : #FFD700 solid 1px;
border-radius : 0.6em;
box-shadow : 1px 2px 4px rgba(0, 0, 0, 0.2);
}
footer {
/* 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 */

	  position: relative;
list-style : none;
float : right;
width : 96%;
clear : both;
	  text-shadow: 0 1px 0 #fff;
	  line-height: 1.5;
padding : 2% 2% 2% 2%;
margin : 4em 0 2% 0;
border : #FFD700 solid 1px;
border-radius : 0.6em;
box-shadow : 1px 2px 4px rgba(0, 0, 0, 0.2);

}
#nav_mobile {
display : none;
}
footer li {
text-align : center;
float :left;
margin : 0;
padding : 0 2% 0 2%;
color : black;
text-shadow : 0 2px 3px #fff;
}
.abschluss img {
background-color : #b80000;
background : url(../image/rot.png);
width : 4em;
height : 4em;
border-right:1px solid black ;
}
ol#skip {
margin : 0;
padding : 0;
}
ol#skip li {
display : inline;
list-style : none;
}
ol#skip a:link, ol#skip a:visited, ol#skip a:hover {
left : -400em;
position : absolute;
background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0, #AB732B),
	color-stop(1, #E0C16B)
);
background-image: -o-linear-gradient(right, #AB732B 0%, #E0C16B 100%);
background-image: -moz-linear-gradient(right, #AB732B 0%, #E0C16B 100%);
background-image: -webkit-linear-gradient(right, #AB732B 0%, #E0C16B 100%);
background-image: -ms-linear-gradient(right, #AB732B 0%, #E0C16B 100%);
background-image: linear-gradient(to right, #AB732B 0%, #E0C16B 100%);


}
ol#skip a:active, ol#skip a:focus {
position : fixed;
left : 0;
top : 0;
text-align : center;
width : 100%;
height : 10%;
z-index : 1;
}
header a:link ,article a:link {
color:black;
padding : 0 1% 0 1%;
text-shadow:white 3px 2px 4px;
}
footer a:link {
color:black;
}
a:visited {
color:black;
}
header a:hover ,article a:hover {
/* 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 : 0;
padding : 0 1% 0 1%;
text-decoration : underline;
}
footer a:hover {
/* 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 */

color : black;

margin : 0;
padding : 0;
text-decoration : underline;
}
li a:active, li a:focus {
background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0, #AB732B),
	color-stop(1, #E0C16B)
);
/* 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 */


color : black;
text-align : center;
width :auto;
margin : 0 ;
padding : 0	;
text-decoration : underline;
}
a:active, a:focus {
background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0, #AB732B),
	color-stop(1, #E0C16B)
);
/* 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 */

color : black;
text-align : center;
width :auto	-moz-calc;
margin : 0 ;
padding : 0	;
text-decoration : underline;
}
ol#abschluss {
margin : 0;
padding : 0;
}
ol#abschluss li {
display : inline;
list-style : none;
}
ol#abschluss a:link, ol#abschluss a:visited, ol#abschluss a:hover {
left : -400em;
position : absolute;
background-image: -webkit-gradient(
	linear,
	left bottom,
	right bottom,
	color-stop(0, #AB732B),
	color-stop(1, #E0C16B)
);
background-image: -o-linear-gradient(right, #AB732B 0%, #E0C16B 100%);
background-image: -moz-linear-gradient(right, #AB732B 0%, #E0C16B 100%);
background-image: -webkit-linear-gradient(right, #AB732B 0%, #E0C16B 100%);
background-image: -ms-linear-gradient(right, #AB732B 0%, #E0C16B 100%);
background-image: linear-gradient(to right, #AB732B 0%, #E0C16B 100%);


}
ol#abschluss a:active, ol#abschluss a:focus {
position : fixed;
left : 0;
top : 0;
text-align : center;
width : 100%;
height : 10%;
z-index : 1;
}
h2 :active, h2 :focus {
color : black;
}
footer li {
	display : inline;
	list-style : none;
	border-right:1px solid black ;
	line-height: 100%; 
margin:2em 0 0 0;
}
footer li:last-child{border-right:none;}
footer li:first-child{border-left:none;}
.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
#bild { 
display : block;
clear: both;
max-width : 85%;
margin : 0 auto;
}
#bild a img{ 
background-color : #b80000;
background : url(../image/rot.png);
width : 2em;
height : 2em;
margin : 2% 0 0 0;
}

#galerie li p {
text-align : left;
width : 100%;
padding : 0 0 0 2em;
}
#galerie h1, h2, h3, h4, h5, h6 {
text-align : left;
padding : 0 0 0 1.5em;
}
#galerie li {
margin : 0 2em 2em 2em;
padding : 0 0 0 0;
list-style-type : none;
float : left;
font-weight : bold;
position : relative;
}
#galerie img {
margin : 2em;
max-width : 100%;
width :20em;
height : auto;
display : block;
padding : 0;
background : url(image/h.gif);
border : #fff solid 1px;
box-shadow : 10px 10px 20px #000;
}
article p, h1, h2, h3, h4 {
color : #222;
text-align :left;
margin : 0 ;
padding : 0 ;
}



#clock {
    width: 378px;
    height: 378px;
    background-image: url(../images/zifferblatt387.png);
}


#clock img[src*='second'] {
-webkit-transition: -webkit-transform 600000s linear;
-moz-transition: -moz-transform 600000s linear;
-o-transition: -o-transform 600000s linear;
-ms-transition: -ms-transform 600000s linear;
transition: transform 600000s linear;
}
#clock:target img[src*='second'] {
-webkit-transform: rotate(3600000deg);
-moz-transform: rotate(3600000deg);
-o-transform: rotate(3600000deg);
-ms-transform: rotate(3600000deg);
transform: rotate(3600000deg);
}
/*
#clock img[src*='minute'] {
-webkit-transition: -webkit-transform 360000s linear;
-moz-transition: -moz-transform 360000s linear;
-o-transition: -o-transform 360000s linear;
-ms-transition: -ms-transform 360000s linear;
transition: transform 360000s linear;
}
#clock:target img[src*='minute'] {
-webkit-transform: rotate(36000deg);
-moz-transform: rotate(36000deg);
-o-transform: rotate(36000deg);
-ms-transform: rotate(36000deg);
transform: rotate(36000deg);
}
#clock img[src*='hour'] {
-webkit-transition: -webkit-transform 216000s linear;
-moz-transition: -moz-transform 216000s linear;
-o-transition: -o-transform 216000s linear;
-ms-transition: -ms-transform 216000s linear;
transition: transform 216000s linear;
}
#clock:target img[src*='hour'] {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
*/



.masc {
	position: relative;
	width: 100%; height: 15em;
border : #B18904 solid 1px;
border-radius : 0.6em;
box-shadow : 1px 2px 4px rgba(0, 0, 0, 0.2);
	background: #eee;
	overflow: hidden;
}

.masc .typo-band {
	position: absolute;
	top: 0; left: 0;
	width: 900px;
	line-height: 180px;
	font-family: helvetica;
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 1px;
	
	-webkit-animation: infinite-band 10s linear infinite;
	-moz-animation: infinite-band 10s linear infinite;
	-o-animation: infinite-band 10s linear infinite;
	animation: infinite-band 10s linear infinite;
}

.masc .slideshow {
	position:absolute;
	top: 0; left: 0;
	width: 400%; height:100%;
	background-image: url('../image/banner.jpg');
	
	-webkit-animation: infinite-image 45s linear infinite;
	-moz-animation: infinite-image 45s linear infinite;
	-o-animation: infinite-image 45s linear infinite;
	animation: infinite-image 45s linear infinite;
}

.masc .state {
	-webkit-animation-play-state:paused;
	-moz-animation-play-state:paused;
	-o-animation-play-state:paused;
	animation-play-state:paused;
}

.masc:hover .state{
	-webkit-animation-play-state:running;	
	-moz-animation-play-state:running;	
	-o-animation-play-state:running;	
	animation-play-state:running;	
}


@-webkit-keyframes infinite-image {
	0% { left:0;}
	100% { left: -964px; }
}

@-webkit-keyframes infinite-band {
	0% { left:100%;}
	50% { -webkit-transform: scale(1.5);}
	100% { left: -100%;}
}

@-moz-keyframes infinite-image {
	0% { left:0;}
	100% { left: -964px; }
}

@-moz-keyframes infinite-band {
	0% { left:100%;}
	50% { -moz-transform: scale(1.5);}
	100% { left: -100%;}
}

@-o-keyframes infinite-image {
	0% { left:0;}
	100% { left: -964px; }
}

@-o-keyframes infinite-band {
	0% { left:100%;}
	50% { -o-transform: scale(1.5);}
	100% { left: -100%;}
}

@keyframes infinite-image {
	0% { left:0;}
	100% { left: -964px; }
}

@keyframes infinite-band {
	0% { left:100%;}
	50% { transform: scale(1.5);}
	100% { left: -100%;}
}