/* Base Styles */

html { overflow-y: scroll;}
body { font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular }

* {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
}

#myDiv 
{
height:auto;
width:auto;
}
#myDiv img
{
max-width:100%; 
max-height:100%;
margin:auto;
display:block;
}

#navi a { color: #c40000; text-decoration: none }
#navi a:link { color: #c40000; text-decoration: none}
#navi a:visited { color: #c40000; text-decoration: none}
#navi a:hover {color: white; text-decoration: none}
#navi a:active {color: #c40000; text-decoration: none}
#navi a:focus { color: #c40000; text-decoration: none}



#schatten {
background: #ddd; padding: 1px;
-webkit-box-shadow: 3px 2px 5px #aaa;
-moz-box-shadow: 3px 2px 5px #aaa;
box-shadow: 3px 2px 5px #aaa;
}

blink, .blink {
  -webkit-animation: blink 2s step-end infinite;
  -moz-animation: blink 2s step-end infinite;
  -o-animation: blink 2s step-end infinite;
  animation: blink 2s step-end infinite;
}

@-webkit-keyframes blink {
  67% { opacity: 0 }
}

@-moz-keyframes blink {
  67% { opacity: 0 }
}

@-o-keyframes blink {
  67% { opacity: 0 }
}

@keyframes blink {
  67% { opacity: 0 }
}

#box {
#position:absolute;
#top:49px;    
#left:400px;
    #right:380px;
   # margin-left:auto;
    #margin-right:auto;
width: 1024px;
height: 80px;
z-index:1;
color:#ffffff;
background:#ffffcc;
font:bold 20px verdana, sans-serif;
text-decoration:none;
display:block;
padding:5px;
border:1px solid black;}