/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */
/* html5 + CSS 3 Template created by miss monorom  http://intensivstation.ch 2013 */

/* reset */
* {
margin: 0;
padding: 0;
}
/* render html5 elements as block 
   rendert html5 elemente als block  */
header, footer, section, aside, nav, article { display: block;}

html {
    height: 100%;

}

body {
  font: 1em Verdana, Arial, Helvetica, sans-serif;
  background-color: #333333;
 /* height: 100%;*/
	 background: url('pizzzza.jpg') no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
#container {
max-width: 1200px;
min-width:780px;
margin:10px  auto;
/*background-color: lightblue;*/
}

#divcenter {
	float: right;
}

header {
    background-color: #000099;
	color:white;
	padding: 20px;
}
nav {
    background-color: lightgray;
	width: 250px;
	height: 100%;
	float: left;
	padding:20px; 
}

section {
    background-color: white;
/*	float: left;*/
    /*width:100%;
	max-width: 100%;*/
	height: 100%;
	padding: 20px;
}

footer {
    background-color: #FFFFFF;
	clear:both;
/*    text-align:center;*/
    padding:20px; 
}
address {
text-align:center;
}
#myDiv 
{
        background-color: lightgreen;
max-width: 1200px;
min-width:780px;
  height:100%;
  width:100%;
/*    margin-left: auto;
  margin-right: auto*/
}
img
{
  max-width:100%; 
  max-height:100%;
  margin:auto;
  display:block;
  display: block;
  margin-left: auto;
  margin-right: auto
}

#pizzadiv
{
	animation: spin 4s linear infinite;
}

a {text-decoration: none;}
a.menu1 {color: #000000; text-decoration: none; border: solid black 1px}
a.menu1:hover {color: #000000; background-color: #69a6ff; text-decoration: none}
a.menu2 {color: blue; text-decoration: none}
a.menu2:hover {color: blue; background-color: white; text-decoration: underline}
a.a2 {color: #0000ff; text-decoration: underline}
a.a2:hover {color: #ff0000;  text-decoration: underline}
a.header1 {font-family: arial; font-size:16pt; font-weight: bold; color: #0000; }
a.header2 {font-family: arial; font-size:32pt; font-weight: bold; color: #000000; }

	


hr{color: #000000}

#MyImage {
    color:white;
    position: absolute;
    top: 50%;
    left: 40%;
    height: 120px;
    margin:-60px 0 0 -60px;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }