* {margin: 0;padding: 0;}
/* Zurücksetzen der Auto-Schriftskalierung beim iphone */
nav p { -webkit-text-size-adjust: none; }
body {  padding: 0px; text-align: center; color: #009;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 100%;margin: 0px auto;
background-color: #006; background-image: linear-gradient(grey, grey 80px, #235BAA 80px , #000077 720px, grey 720px, grey ); 
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {body {height: 1050px;}}
/*  !!!   Achtung nur im .cover bild eintragen!!!                     !!!                               !!! */
.cover {
background-image:url(../bilder/bildlk.jpg);  
background-position: -700px -210px;
height: 422px;width: 630px;border: 3px ridge #999;
transform:rotate(-12deg);-ms-transform:rotate(-12deg); -moz-transform:rotate(-12deg); -webkit-transform:rotate(-12deg); -o-transform:rotate(-12deg); 
margin-left:-20px;margin-top: 35px;position: relative;z-index:-2
}

h1 {font-size:24px;text-align:left;margin: 22px 0 0 120px; }
h2 {font-size:24px;text-align:left;margin: 22px 0 0 38px;}
.h2next {margin:-30px 20px 0px 0px;text-align:right; }
.text1 {font-size:14px;text-align:left;margin:10px 0 0 50px;}
.left {text-align:left;margin-left:38px;}
.zombaiotext{text-align:left;margin-left:38px;margin-top:-42px;}
.mit {background-color: #006;color: #FFF;width: 980px;margin-top: 0;margin-right: auto;margin-bottom: 0px;margin-left: auto;	}

a:link { 	text-decoration: none;  }

#buybuttonzeile {width: 900px;margin-top: 20px;height: 110px;clear: left;float: none;text-decoration: none;}

.dvdbutton {font-size: 22px;float: left;width: 435px;margin-top: 20px;height: 90px;text-decoration: none;}

.downloadbutton {font-size: 22px;float: right;width: 435px;margin-top: 20px;height: 90px;text-decoration: none;}

#zugangsknopf {
font-size:18px;margin: 75px 0px 30px 40px;width:180px;height:180px;color: #F8F7F5;
background: linear-gradient(to bottom, #EFC5CA 0%, #D24B5A 50%, #BA2737 51%, #F18E99 100%) repeat scroll 0% 0% transparent;
border-width: 4px;border-top-style: ridge;border-left-style: ridge;border-right-style: groove;border-bottom-style: groove;border-color: #DEDEDE;border-radius:20px; 
display:block;position:relative;z-index:2; box-shadow:2px 2px 2px black; text-decoration: none;
}

#memberknopf {
font-size:26px;margin: 50px 40px 0px 40px;width:180px;height:50px;color: #F8F7F5;
background: linear-gradient(to bottom, #EFC5CA 0%, #D24B5A 50%, #BA2737 51%, #F18E99 100%) repeat scroll 0% 0% transparent;
border-width: 4px;border-top-style: ridge;border-left-style: ridge;border-right-style: groove;border-bottom-style: groove;border-color: #DEDEDE;border-radius:10px; 
display:block;position:relative;z-index:2;    box-shadow:2px 2px 2px black; text-decoration: none;
}
#linkebox {float:left; width:270px;height:590px;}
#rechtebox {float:left;width:710px; height:590px}

.flags {float:left; margin:22px 20px 0 38px;w--idth:60px;padding-top:6px;}
.flagstext {float:left;text-align:left;margin-top: 22px ;width:880px;}

nav {float:left;width:980px;background-color:grey;border-radius:5px;margin-top:35px;}
nav li {font-size:20px;margin-left:120px; display:inline;color:#009;cursor:pointer;-webkit-text-size-adjust: none ;}
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}}