	body{
		background-color:#707070;/*background-image:linear-gradient(45deg, #878787,#333333);*/
	}
	
	a.linkKlasse:link {
		color: #E0E0E0;
		text-decoration: none;
	}
	a.linkKlasse:visited {
		color:#E0E0E0;
		text-decoration: none;
	}
	a.linkKlasse:active {
		color: #E0E0E0;
		text-decoration: none;
	}
	a.linkKlasse:hover {
		color: #E0E0E0;
		text-decoration: none;
	}


/*~~~~~~ From 1901px up ~~~~~~~~~~ */
@media only screen and (min-width: 1901px){	

	img{
		margin: 50px auto;
    		width: 1100px;
		height:733px;
		position:absolute;
		left:400px;
		top:90px;
	}
	#name{
		position: absolute;
		left:870px;
		top:780px;
		color:#ffffff;
		font-size: 1.8em;
		}
	#kontakt{
		position: absolute;
		left:880px;
		top:860px;
		color:#ffffff;
		font-size: 1.0em;
		}

}


/*~~~~~~ From 1599px to 1918px ~~~~~~~~~~ */
@media only screen and (min-width: 1599px) and (max-width:1900px)and (min-height: 1051px){
	img{
		margin: 50px auto;
    		width: 1000px;
		height:666px;
		position:absolute;
		left:280px;
		top:80px;
	}

	#name{
		position: absolute;
		left:700px;
		top:710px;
		color:#ffffff;
		font-size: 1.8em;
		}
	#kontakt{
		position: absolute;
		left:712px;
		top:820px;
		color:#ffffff;
		font-size: 1.0em;
		}


}


/*~~~~~~ From 1599px to 1918px ~~~~~~~~~~ */
@media only screen and (min-width: 1599px) and (max-width:1918px) and (max-height: 1050px){

	img{
		margin: 50px auto;
    		width: 1000px;
		height:666px;
		position:absolute;
		left:280px;
		top:0px;
	}

	#name{
		position: absolute;
		left:700px;
		top:630px;
		color:#ffffff;
		font-size: 1.8em;
		}
	#kontakt{
		position: absolute;
		left:712px;
		top:710px;
		color:#ffffff;
		font-size: 1.0em;
		}

}

/*~~~~~~ From 1260px to 1598px ~~~~~~~~~~ */
@media only screen and (min-width: 1160px) and (max-width:1598px){
	img{
		margin: 50px auto;
    		width: 700px;
		height:466px;
		position:absolute;
		left:250px;
		top:0px;
	}

	#name{
		position: absolute;
		left:535px;
		top:450px;
		color:#ffffff;
		font-size: 1.3em;
		}
	#kontakt{
		position: absolute;
		left:547px;
		top:510px;
		color:#ffffff;
		font-size: 0.6em;
		}

}


/*~~~~~~ From 1023px to 1259px ~~~~~~~~~~ */
@media only screen and (min-width: 1023px) and (max-width:1159px){
	img{
		margin: 50px auto;
    		width: 700px;
		height:466px;
		position:absolute;
		left:117px;
		top:0px;
	}

	#name{
		position: absolute;
		left:400px;
		top:450px;
		color:#ffffff;
		font-size: 1.3em;
		}
	#kontakt{
		position: absolute;
		left:412px;
		top:510px;
		color:#ffffff;
		font-size: 0.6em;
		}


}




/*~~~~~~ From 799px to 1022px ~~~~~~~~~~ */
@media only screen/* and (min-width: 799px)*/ and (max-width:1022px) and (orientation:portrait){


	img{
		margin: 50px auto;
    		width: 2300px;
		height:1533px;
		position:absolute;
		left:-400px;
		top:220px;
	}

	#name{
		position: absolute;
		left:500px;
		top:1600px;
		color:#ffffff;
		/*text-align:left;*/
		font-size: 4.0em;
		}
	#kontakt{
		position: absolute;
		left:570px;
		top:1800px;
		color:#ffffff;
		font-size: 1.6em;
		}

}




/*~~~~~~ From 799px to 1022px ~~~~~~~~~~ */
@media only screen/* and (min-width: 799px)*/ and (max-width:1022px) and (orientation:landscape){

	img{
		margin: 50px auto;
    		width: 600px;
		height: 400px;
		position:absolute;
		left:220px;
		top:-60px;
	}

	#name{
		position: absolute;
		left:440px;
		top:320px;
		color:#ffffff;
		font-size: 1.4em;
		}
	#kontakt{
		position: absolute;
		left:460px;
		top:380px;
		color:#ffffff;
		font-size: 0.6em;
		}
}









