@charset "utf-8";
/* author: Thomas Fux; www.brokenscreen.at -  
d.blau:0e5e7f - h.blau: 1282b1
360x202 400x225 560x315
*/
* { margin:0; padding:0px;  outline: none; }
html, body {  margin: 0px; padding:0px;   }

@keyframes example {
  from {opacity: 0;}
  to {opacity: 1;}
}

img {width: 100%; height: 100%;   }

section {dispaly:block; width: 100%; height: auto; padding:0px; }

#borderline {display: block; width: 100%; height:100%; padding:0px; box-sizing: content-box; text-align: center; }

.header {display: block; width:100%; background: #1282b1; color: white; text-align: center; font-size: 20px; font-family: 'Open Sans', sans-serif; font-weight: normal; margin-bottom: 20px}

 #footer {display: block; height:auto; width: 100%; padding:20px; color:white; box-sizing: border-box; font-size:16px; text-align: center; background: #1282b1; font-family: 'Open Sans', sans-serif; font-weight: normal; } 

.mini {font-family: 'Open Sans', sans-serif; font-weight: normal; font-size:12px;}

#output {display:block; width: 100%; height: auto; max-width: 1280px; margin: 0 auto}
#outputdiv {display:block; width: 50px; height: auto;  margin: 0 auto; position: absolute; top:0; left:0% }




/*   MEDIA SMARTPHONE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
@media screen and (min-width : 40px)
{
	.rahmen {margin:8px; border:solid 1px #808080; width:340px; height:192px; box-sizing: content-box; border-radius: 4px;}
	#output {display:block; width: 100%; height: auto; max-width: 1280px; margin: 0 auto}
}

@media screen and (min-width : 666px) 
{
	.rahmen {margin:8px; border:solid 1px #808080; width:400px; height:225px; box-sizing: content-box; border-radius: 4px;}
	#output {display:block; width: 100%; height: auto; max-width: 1280px; margin: 0 auto}
}

@media screen and (min-width: 1180px) 
{
	.rahmen {margin:8px; border:solid 1px #808080; width:560px; height:315px; box-sizing: content-box; border-radius: 4px;}
	#output {display:block; width: 100%; height: auto; max-width: 1280px; margin: 0 auto}
}