@media all{
	body {	
		font-family	: Arial, sans-serif;
		padding	: 0px;
		margin	: 0px;
		background-color:#F0F0F0;
	}
	#page { 
		width:100%;
		max-width:1170px;	
		min-width:320px;		
		overflow:hidden;
	}
	#header {
		border-bottom: 0px;
		width:100%;
		max-width:1170px;	
		min-width:320px;
		padding:10px 0px 10px 0px;
		font-size:200%;
		color: darkblue;
		/* Hintergrund mit Verlauf */
		background:-moz-linear-gradient(bottom,#FFFFFF,#72C5EB); /* braun C8A26E gruen #A1CBAA bleu #CECBE7 blau #72C5EB  Firefox */
		background:-webkit-gradient(linear,left top,left bottom,from(#72C5EB),to(#FFFFFF)); /* Chrome, Safari */
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#72C5EB',endColorstr='#FFFFFF'); /* Internet Explorer */	
		
	}
	#navbar_content, #navbar_tech {
		width:100%;
		overflow:hidden;
	}
	a:link , a:visited {
		color:gold;
		font-weight:normal;
		text-decoration:none;
	}
	a:hover  {
		color:darkblue;
		font-weight:normal;
		text-decoration:underline;
	}
	#header a:link , #header a:visited , #header a:hover {
		color:darkblue;
		font-weight:normal;
		text-decoration:none;
	}
		
	#content {
		background-color:#fff;
		height:540px;
		width:100%;
		max-width:1170px;
		min-width:290px;
		clear:left;
		padding:0px 0px 0px 0px;
		overflow:auto; 
		text-align:left;
		
		background-image: url(http://www.anton-tauscher.de/images/bgnotes.jpg);
		background-position: right bottom;
		background-repeat: no-repeat;
		background-origin: content-box;
		background-size: 100px 80px;
		/*height: 120px;*/
	}
	#footer {
		clear:left;
		width:100%;
		max-width:1170px;	
		min-width:320px;
	}
/* Header */
	.header_text {
		padding:0px 15px 0px 15px;
	}
/* Inhalte */
	.header_image {
		height:40px;
	}
	.content_text {
		width:75%;
		padding:15px 15px 15px 15px;
	}
}

/* iPad landscape */
@media only screen and (device-aspect-ratio: 3/4) and (orientation:landscape) 
{
	#content {
		height:540px;
	}		
}
/* iPad portrait */
@media only screen and (device-aspect-ratio: 3/4) and (orientation:portrait) 
{
	#content {
		height:795px;
	}		
}

/* iPhone <5 landscape */
@media only screen and (device-aspect-ratio: 2/3) and (orientation:landscape) 
{
	#content {
		height:190px;
	}		
}

/* iPhone <5 portrait */
@media only screen and (device-aspect-ratio: 2/3) and (orientation:portrait) 
{
	#content {
		height:285px;
	}		
}

/* iPhone 5 landscape */
@media only screen and (device-aspect-ratio: 40/71) and (orientation:landscape)
{
	#content {
		height:190px;
	}		
}

/* iPhone 5 portrait */
@media only screen and (device-aspect-ratio: 40/71) and (orientation:portrait)
{
	#content {
		height:370px;
	}		
}
/* desktop pc */
@media only screen and (min-device-width:1025px) and (orientation:landscape)
{
	#content {
		height:540px;
	}		
}