* {
	margin: 0;
	padding: 0;
}

body {
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #009;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #006;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/*  !!!   Achtung nur im .cover bild eintragen!!!              !!!                          !!! */


.cover {
background-image:url(../bilder/bildlk.jpg);  
background-position: -700px -211px;
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: 20px;
position: relative;
z-index:-2;}



h1 {font-size:24px; margin-top:9px;}
h2 {font-size:24px}
.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;  }
.button {
	color: #F8F7F5;
	b-ackground-color: #00C;
	background: rgb(109,179,242); /* Old browsers */
background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */
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 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
	text-decoration: none;
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #999999;
	border-right-color: #99999;
	border-bottom-color: #99999;
	border-left-color: #999999;
	padding: 5px;
	}
.button:hover {
background: rgb(59,103,158); /* Old browsers */
background: -moz-linear-gradient(top, rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
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 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

	color: #D6D6d6;
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #009;
	border-right-color: #06F;
	border-bottom-color: #06F;
	border-left-color: #009;
	text-decoration: none;
		}
.button-rot {
 	color: #F8F7F5;    
background: #efc5ca; /* Old browsers */
background: -moz-linear-gradient(top,  #efc5ca 0%, #d24b5a 50%, #ba2737 51%, #f18e99 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efc5ca), color-stop(50%,#d24b5a), color-stop(51%,#ba2737), color-stop(100%,#f18e99)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #efc5ca 0%,#d24b5a 50%,#ba2737 51%,#f18e99 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #efc5ca 0%,#d24b5a 50%,#ba2737 51%,#f18e99 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #efc5ca 0%,#d24b5a 50%,#ba2737 51%,#f18e99 100%); /* IE10+ */
background: linear-gradient(to bottom,  #efc5ca 0%,#d24b5a 50%,#ba2737 51%,#f18e99 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#f18e99',GradientType=0 ); /* IE6-9 */

	text-decoration: none;
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-style: ridge;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: ridge;
	border-top-color: #DEDEDE;
	border-right-color: #DEDEDE;
	border-bottom-color: #DEDEDE;
	border-left-color: #DEDEDE;
	padding: 5px;
}

#buybuttonzeile {
	width: 900px;
	m---argin-bottom: 220px;
	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;
	}


#linkebox {float:left; width:280px;height:550px;}

#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;
text-decoration: none;
border-width: 4px;
border-top-style: ridge;
border-left-style: ridge;
border-right-style: groove;
border-bottom-style: groove;
border-color: #DEDEDE;
padding: 5px;
border-radius:20px; 
display:block;
position:relative;
z-index:2;
}

#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;
text-decoration: none;
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;

}

#rechtebox {
float:left;width:700px; height:550px}





nav {float:left;width:980px;background-color:grey;border-radius:5px;margin-top:70px;}
nav li {font-size:18px;margin-left:30px; display:inline;}
nav p {font-size: 10px;}
#obenqueer {top:0px;width:100%;height:80px;background-color:grey;box-shadow: 0px 3px 6px 0px black;}
footer {position:absolute; z-index:-1;top:600px;width:100%;height:40%;background-color:grey;box-shadow: 0px -3px 6px 0px black;}