HTML {
    /*background: rgb(255, 255, 255);*/
	/*background-image: linear-gradient(to bottom, rgba(204,231,255,1), rgba(255,255,255,0));*/
	background-repeat: no-repeat;
    width: 100%;
	margin: 0px;
    /*height: 100%;*/
    /*position: relative;*/
	/*background-size: 100% 100%;*/
}

body {
    /*background: url("Bilder_LK/mann_hintergrund.jpg");*/
	/*width: 100%;*/
    /*background-repeat: no-repeat;*/
    /*background-attachment: fixed;*/
    /*background-position: 0px 85px;*/
    margin: 0px;
    /*min-height: 100%;*/
    /*top: 10px;*/
    /*margin: 0px;*/
    /*background: rgba(255,255,255,.75);*/
    /*background-color: #F7F7F7;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    text-shadow: 1.5px 1.5px 1.5px #CCCCCC;
    -webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
	/*box-shadow: 7px 7px 17px grey;*/
}

#div-logo{
	/*background-image: linear-gradient(to bottom, rgba(204,231,255,1), rgba(255,255,255,0));*/
	margin: auto;
	position:relative;
	margin-top: 10px;
	width: 335px;
	padding-left: 10px;
	padding-right: 10px;
	border: 3px solid rgb(4, 52, 252);
	/*border-radius: 10px;*/
    background-color: rgba(255, 255, 255);
	box-shadow: 2px 2px 4px grey;
	z-index: 2;
}

#div-nav{
	margin: auto;
    margin-left: -50px;
	text-align: center;
	/*padding-left: 10px;
	padding-right: 10px;
	border: 0px solid rgb(4, 52, 252);
	border-radius: 10px;
    background-color: rgba(202, 225, 255);
	box-shadow: 2px 2px 4px grey;*/
}

#background-div{
	margin: auto;
	position: absolute;
	margin-top: -100px;
	background-image: url("../Bilder_LK/puzzle_hintergrund.png");
	background-repeat: no-repeat;
	height: 715px;
	width: 100%;
	border: 0px solid rgb(0, 0, 0);
	/*box-shadow: 7px 7px 17px grey;*/
	z-index: 1;
}

h1{
    font-size: 350%;	
	width: 450px;
}

p#header-p{
	
    font-size: 150%;
    width: 450px;	
	color: rgb(255, 255, 255);
	text-shadow: 2px 2px 5px #000000;
}

#content-div-1{
	margin: auto;
	position: relative;
	float: center;
	margin-top: -20px;
	padding-left: 20px;
	height:650px;
	width: 1280px;
	background-color: rgba(250, 250, 250, 0);
	border: 0px solid rgb(0, 0, 0);
	border-radius: 10px;
	/*box-shadow: 7px 7px 17px grey;*/ 
	font-family: Arial, Helvetica, sans-serif;
    font-size: 120%;
	color: rgb(255, 255, 255);
    text-shadow: 5px 5px 12px #000000;
	z-index: 2;
}

#content-div-2{
	margin: auto;
	height:450px;
	width: 1280px;
	background-color: rgba(250, 250, 250, 0);
	border: 0px solid rgb(0, 0, 0);
	border-radius: 10px;
	box-shadow: 7px 7px 17px grey; 
	font-family: Arial, Helvetica, sans-serif;
    font-size: 120%;
	color: rgb(255, 255, 255);
    text-shadow: 5px 5px 12px #000000;
	z-index: 2;
}

#side-div{
	width: 500px;
	height: 1000px;
	margin-top: -72px;
	margin-left: 270px;
	background: rgb(140, 140, 140,.50);
	box-shadow: 7px 7px 17px grey;
}

a:link {
    text-decoration: none;
}

a:hover{
    text-decoration: none;
}
 
 a:visited {
    text-decoration: none;
}

a {
    text-decoration: none;
    color: inherit;
    border-style: none; 
    outline: 0px;
}

ul{
    /*margin-left: 750px;
    margin-top: -60px;*/
	position: center;
}

li {
    display: inline;
    padding-left: 20px;
    font-family: Comic Sans MS, cursive, sans-serif;
    font-size: 20px;
    color: rgb(4, 52, 252);
}