* {	margin: 0;padding: 0;box-sizing: border-box;-w-----ebkit-text-size-adjust: none ;}
body {	padding: 0;text-align: center; color: #009;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 100%;background-color: #006;
background-image: linear-gradient(grey, grey 80px, #235BAA 80px , #000077 900px, grey 900px, grey );margin-top: 0px;margin-right: auto;
margin-bottom: 0px;margin-left: auto;
}

.wrapper {wi---dth:900px; margin:0 auto;text-align:left;}

#linkebox {float:left; width:33%;h---eight:590px;}
#rechtebox {float:left;width:33%; h---eight:590px}
#mittebox  {float:left;width:33%; h---eight:590px}





.mit {color: #FFF;width: 900px;margin-top: 0;margin-right: auto;margin-bottom: 0px;margin-left: auto;	}


h1 {font-size:24px;text-align:left;margin: 22px 0 0 0px; }
h2 {font-size:24px;text-align:center;margin: 22px 0 0 0px;}
h5 {font-size:24px;text-align:right;margin: 22px 0 0 0px;}

/*
h1{font-size:24px;margin-top:22px;text-align:left}
h2{font-size:24px;margin-top:-30px;text-align:center}
h3{font-size:24px;font-size: 24px;
margin-top: -28px;
margin-left: 640px;
float: right;
margin-right: 5%;}

*/

h4 {font-size: 18px;}
 a:link { 	text-decoration: none;}
.button {
color: #F8F7F5;
background: rgb(109,179,242); /* Old browsers */
background: linear-gradient(to bottom, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */
text-decoration: none;
border-width: 4px;border-style: ridge;border-color: #999999;
padding: 10px;
}
.button:hover {
transition: all 0.3s ease-out 0s;
background: rgb(59,103,158); /* Old browsers */
background: linear-gradient(to bottom, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
color: #D6D6d6;
border-top-color: #009;border-right-color: #06F;border-bottom-color: #06F;border-left-color: #009;
border-width: 4px;border-style: ridge;
text-decoration: none;
}
.button-rot {
color: #F8F7F5;    
background: #efc5ca; /* Old browsers */
background: linear-gradient(to bottom,  #efc5ca 0%,#d24b5a 50%,#ba2737 51%,#f18e99 100%); /* W3C */
text-decoration: none;
border-width: 4px;border-style: ridge;border-color: #DEDEDE;
border-radius: 15px;
padding: 12px;
}


.members-rot {
color: #F8F7F5;    
background: #efc5ca; /* Old browsers */
background: linear-gradient(to bottom,  #efc5ca 0%,#d24b5a 50%,#ba2737 51%,#f18e99 100%); /* W3C */
text-decoration: none;
border-width: 4px;border-style: ridge;border-color: #DEDEDE;
border-radius: 15px;
padding: 30px;
font-size:28px;
}



.button-rot:hover {
transition: all 0.3s ease-out 0s;
color: #F8F7F5;    
background: #efc5ca; /* Old browsers */
background: linear-gradient(to bottom,  #efc5ca 0%,#d24b5a 50%,#ba2737 51%,#f18e99 100%); /* W3C */
text-decoration: none;
border-width:4px;border-style: ridge; border-top-color: #009;	border-right-color: #06F;	border-bottom-color:#06F;	border-left-color: #009;text-decoration: none;
border-radius:15px}

.members-rot:hover {
transition: all 0.3s ease-out 0s;
color: #F8F7F5;    
background: #efc5ca; /* Old browsers */
background: linear-gradient(to bottom,  #efc5ca 0%,#d24b5a 50%,#ba2737 51%,#f18e99 100%); /* W3C */
text-decoration: none;
border-width:4px;border-style: ridge; border-top-color: #009;	border-right-color: #06F;	border-bottom-color:#06F;	border-left-color: #009;text-decoration: none;
border-radius:15px}

.dvdbutton {font-size: 24px;float: left;width: 435px;margin:40px 0 25px 0;height: 90px;text-decoration: none;text-align:center;}
.downloadbutton {font-size: 24px;float: right;width: 330px;margin:-15px 0 25px 0;height: 90px;text-decoration: none;text-align:center;}
 video {float: right;width: 435px;margin:25px 0 25px 0;box-shadow:0px 0px 4px black;}

.cover {
margin-top: 90px;background-position: -1000px -302px;		height: 603px; width: 900px; border: 3px ridge #999;
transform:rotate(-12deg); -ms-transform:rotate(-12deg);  -moz-transform:rotate(-12deg); -webkit-transform:rotate(-12deg);  -o-transform:rotate(-12deg); 
}



.infobox  {float: left;width:900px;h--eight:340px;margin:50px auto 25px auto;padding:25px 25px 45px 45px;background-color:#515151; box-shadow:0px 0px 4px black;box-sizing: border-box;}

.leftbox {float: left;width: 435px;height:245px;margin:25px 0 25px 0;padding:25px 10px 0 25px;background-color:#515151; box-shadow:0px 0px 4px black;box-sizing: border-box;}
.rightbox {float: right;width: 435px;height:245px;margin:25px 0 25px 0;padding:25px 10px 0 25px;background-color:#515151; box-shadow:0px 0px 4px black;box-sizing: border-box;}
.silver900 {width:900px; margin-left:auto;margin-right:auto;color:white;}

.kaufknopf {font-size: 24px;float:left;width: 330px;margin:40px 0 35px 0;height: 90px;text-decoration: none;text-align:center;}

.flags {float:left; margin:22px 20px 0 5px;w--idth:60px;padding-top:6px;}
.flagstext {f-----loat:left;text-align:left;margin-top: 22px ;width:780px;}
.left {text-align:left;}
.zombaiotext{text-align:left;margin-left:38px;margin-top:-42px;}
nav {float:left;width:900px;background-color:grey;border-radius:5px;margin-top:35px;}
nav li {font-size:24px;margin-left:80px; display:inline;color:#009;cursor:pointer;-webkit-text-size-adjust: none ;line-height:1.5;}
nav li:first-child {margin-left:0px;}
nav li:last-child {margin: 0 auto;}
nav p {font-size: 13px;}
#obenqueer {top:0px;width:100%;height:80px;background-color:grey;box-shadow: 0px 3px 3px black;}
footer {position:absolute; z-index:-1;top:600px;width:100%;height:40%;background-color:grey;box-shadow: 0px -3px 3px  black;}
@media (orientation: portrait){ footer { height:800px}}