html {
}

body {
margin: 0;
padding: 0;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
font-size: 13px;
line-height: 1.4em;
text-align: center;
color: #000000;
background: #FFFFFF;
}

#bg {
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1;
}

* html #bg {
position: absolute;
}

#bg img {
height: auto;
width: 100%;
z-index: 0;
}

#page {
height: 100%;
position: relative;
top: 0;
z-index: 2;
}

* html #page {
height: 100%;
overflow: auto;
width: 100%;
}

a {
color: #E60004;
}

a:hover {
text-decoration:none;
}

img {
border:none;
}

td {
vertical-align: top;
}

input {
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
color: #000000;
font-size:12px;
border: 1px solid #E60004;
background-color:#FFFBEC;
padding:3px;
margin: 2px;
}

textarea {
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
color: #000000;
font-size:12px;
border: 1px solid #E60004;
background-color:#FFFBEC;
padding:3px;
margin: 2px;
}

select {
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans-Serif;
color: #000000;
font-size:12px;
border: 1px solid #E60004;
background-color:#FFFBEC;
padding:3px;
margin: 2px;
}


/**************************************************************************************/

#container {
margin: 0em auto;
width: 960px;
text-align: left;
}

#box {
margin-top: 20px;
width: 960px;
background-color:#FFFBEC;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 10px #606060;
-moz-box-shadow: 0px 0px 10px #606060;
box-shadow: 0px 0px 10px #606060;
}

/**************************************************************************************/

#header {
height: 250px;
background: #FFFBEC url(http://www.pizzastube.de/img/head.jpg) top left no-repeat;
}

#logo {
}

/**************************************************************************************/

#navi, #navi ul {
color: #FFFFFF;
margin-left: 20px;
margin-top: 4px;
list-style-type: none;
}

.menu {
}

.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
height:33px;
text-align:left;
color:#FFFFFF;
padding-left:15px;
padding-top: 5px;
padding-right:15px;
line-height:25px;
}

.menu ul {
padding:0;
margin:0;
list-style-type: none;
}

.menu ul li {
float:left;
position:relative;
}

.menu ul li ul {visibility:hidden;
position:absolute;
}

.menu table {
border-collapse:collapse;
margin:0;
padding:0;
font-size:1em;
margin:-1px;
}

.menu ul li:hover a, .menu ul li a:hover {
color:#000000;
background:#E60004;
}

.menu ul li:hover ul, .menu ul li a:hover ul {
visibility:visible;
top:34px;
left:-20px;
}

.menu ul li:hover ul li a.sub, .menu ul li a:hover ul li a.sub {
background:#E60004;
color:#000000;
}

.menu ul li:hover ul li, .menu ul li a:hover ul li {
display:block;
background:#fff;
color:#000;
width:199px;
clear:both;}

.menu ul li:hover ul li:hover a.sub, .menu ul li a:hover ul li a:hover.sub {
background:#E60004;
color:#000;
}

.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {
visibility:hidden;
position:absolute;
}

.menu ul li:hover ul li a, .menu ul li a:hover ul li a {
display:block;
background:#E60004;
color:#FFFFFF;
width:100%;
height:30px;
padding-left:15px;}

.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {
background:#C50006;
color:#000000;
}

.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {
visibility:visible;
left:210px;
bottom:0;}

.menu ul li:hover ul li:hover ul li a, .menu ul li a:hover ul li a:hover ul li a {
background:#dfc184;
color:#000;}

.menu ul li:hover ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover ul li a:hover {
background:#c9c9a7;
color:#000;}

.menu ul li:hover ul.left, .menu ul li a:hover ul.left {
left:-105px;
}

.menu ul li:hover ul li:hover ul.left, .menu ul li a:hover ul li a:hover ul.left {
left:-210px;
width:209px;}

/**************************************************************************************/

#apps {
position: absolute;
margin-top: 178px;
margin-left: 755px;
width: 75px;
}

a#appfacebook {
float: left;
display: inline;
background-image:url(http://www.pizzastube.de/img/n-facebook.jpg);
width:28px;
height:38px;
}

a:hover#appfacebook {
background-image:url(http://www.pizzastube.de/img/n-facebook2.jpg)
}

a#appiphone {
display:block;
float: left;
background-image:url(http://www.pizzastube.de/img/n-iphone.jpg);
width:24px;
height:38px;
}

a:hover#appiphone {
background-image:url(http://www.pizzastube.de/img/n-iphone2.jpg)
}

a#appandroid {
display:block;
float: right;
background-image:url(http://www.pizzastube.de/img/n-android.jpg);
width:23px;
height:38px;
}

a:hover#appandroid {
background-image:url(http://www.pizzastube.de/img/n-android2.jpg)
}

/**************************************************************************************/

#contentgesamt {
text-align: left;
width: 900px;
height: 530px;
margin-left: 30px;
margin-right: 30px;
}

#contenthalb {
width: 590px;
margin-left: 30px;
float: left;
display: inline;
}

/**************************************************************************************/

#mittelspalte {
text-align: left;
width: 280px;
height: 210px;
margin-left: 340px;
margin-right: 30px;
}

#linkespalte {
width: 280px;
height: 210px;
margin-left: 30px;
float: left;
display: inline;
}

#rechtespalte {
float: right;
margin-right: 30px;
width: 280px;
height: 210px;
display: inline;
}

/**************************************************************************************/

#facebook {
text-align: left;
width: 280px;
height: 210px;
margin-left: 650px;
margin-right: 30px;
background:#FFFFFF;
}

#hunger {
width: 590px;
height: 210px;
margin-left: 30px;
float: left;
display: inline;
}

/**************************************************************************************/

#footerleft {
width: 280px;
margin-top: 20px;
margin-left: 30px;
float: left;
display: inline;;
}

#footermiddle {
text-align: left;
width: 280px;
margin-top: 20px;
margin-left: 340px;
margin-right: 30px;
}

#footerright {
float: right;
margin-top: 20px;
margin-right: 30px;
width: 280px;
display: inline;
}

#footercloser {
clear:both;
height: 20px;
}

#footerschrift {
font-size: 10px;
line-height: 1.5em;
}

#footerschrift a {
color: #000000;
}

/**************************************************************************************/

#schriftklein {
font-size: 10px;
line-height: 1.4em;
}

h1 {
font-size: 18px;
padding-bottom: 15px;
font-weight: bold;
color: #E60004;
line-height: 1.3em;
}

h2 {
font-size: 16px;
font-weight: bold;
color: #E60004;
line-height: 1.3em;
}

ul {
margin: 0;
padding: 0;
}

#closer {
clear:both;
height: 30px;
}

/**************************************************************************************/

#bestellen #bestellen a{
color: #000000;
}

#aktionen #aktionen a{
color: #000000;
}

#treffpunkt #treffpunkt a{
color: #000000;
}

#pizzamobil #pizzamobil a{
color: #000000;
}

#kontakt #kontakt a{
color: #000000;
}

/**************************************************************************************/

pre {
display:none
}