@charset "UTF-8";
/* MAIN */
body {margin:0;font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #ffffff;background-color: #ffffff;}
img {border:none;}
a {text-decoration:none;}
h1 {font-size:15px;font-weight:bold;}
input  {background:none;border:1px solid #ffffff;height:18px;color:#ffffff;padding:1px;margin-bottom:1px;width:300px;}
textarea {background:none;border:1px solid #ffffff;color:#ffffff;padding:1px;margin-bottom:1px;width:300px;height:150px;font-family:Arial;font-size:12px;}
input.button {width:80px;margin:10px 0 0 130px;display:block;}
.c {clear:both;}

#bg {position:absolute;left:0px;top:108px;height:500px;width:100%;background-color: #7A0B08;background-image: url(/_img/bg.png);background-repeat: repeat-y;background-position: center top;}
#topbg {position:absolute;left:0px;top:0px;height:18;width:100%;background-image: url(/_img/topbg.png);background-repeat: repeat-x;background-position: center top;}
#top {position:absolute;left:50%;top:0px;height:18;margin-left:-500px;width:1000px;background-image: url(/_img/top.png);}
#page  {position:absolute;left:50%;top:-97px;height:650px;margin-left:-500px;width:1000px;}
#logo  {position:absolute;top:0px;right:0px;}
#pic  {position:absolute;bottom:53px;left:0px;}
#speech  {position:absolute;bottom:0px;left:0px;}
#slogan  {position:absolute;top:170px;right:0px;}
#contact  {position:absolute;top:75px;left:410px;color:#474747;width:500px;font-size:13px;}
#folder  {position:absolute;bottom:75px;right:30px;}
#link_angebote  {position:absolute;bottom:90px;left:410px;}
#starttext  {position:absolute;bottom:120px;left:410px;width:290px;vertical-align:top;}
#logos  {position:absolute;bottom:-30px;right:0px;width:500px;text-align:right;}

#functions {position:absolute;left:0px;width:300px;top: 0px;height: 23px;}
#functions ul  {list-style-type:none;margin:0;padding:0;height:23px;}
#functions ul li  {float: left;height:23px;}
#functions li a {background-position: 0 0; background-repeat: no-repeat; height:23px;margin-left:5px;display: block;text-indent: -5000px; }
#functions li a:hover, #functions li.active a {background-position: 0 -23px; background-repeat: no-repeat; height:23px;margin-left:5px;}
#functions .home {width:50px;background-image: url(/_img/nav/home.png);}
#functions .impressum {width:75px;background-image: url(/_img/nav/impressum.png);}
#functions .awe {width:125px;background-image: url(/_img/nav/empfehlen.png);}

#nav {position:absolute;left:4px;width:500px;top: 70px;height: 46px;}
#nav ul  {list-style-type:none;margin:0;padding:0;height:46px;}
#nav ul li  {float: left;height:46px;}
#nav li a {background-position: 0 0; background-repeat: no-repeat; height:46px;display: block;text-indent: -5000px; }
#nav li a:hover, #nav li.active a {background-position: 0 -46px; background-repeat: no-repeat; height:46px;}
#nav .angebote {width:104px;background-image: url(/_img/nav/angebote.png);}
#nav .speiseplan {width:106px;background-image: url(/_img/nav/speiseplan.png);}
#nav .filialen {width:88px;background-image: url(/_img/nav/filialen.png);}
#nav .lageplan {width:100px;background-image: url(/_img/nav/lageplan.png);}

/* SUBSITES */
#headline h1  {position:absolute;top:140px;left:410px;}
#content  {position:absolute;top:190px;left:410px;right:0px;height:390px;padding-right:10px;overflow:auto;}
#content .flyer {width:590px;height:350px;margin-top:20px;overflow:hidden;}
#content .flyer .titlepage {float:left;width:258px;height:350px;}
#content .flyer .pages {float:left;width:332px;height:350px;}
#content .flyer .pages .lightbox {float:left;border:1px solid #fff;padding:3px;margin-right:10px;}
#content .menu {width:580px;height:340px;margin-top:20px;overflow:hidden;}
#content .menu .day {border:1px solid #fff;padding:8px;margin-bottom:5px;}
#content .menu .day .row {}
#content .menu .day .date {float:left;width:110px;}
#content .menu .day .text {float:left;width:400px;}
#content .menu .day .price {float:left;width:50px;text-align:right;}

#pdf  {position:absolute;top:150px;right:30px;}
.filiale {border:1px solid #ffffff;padding:15px;} 
.anfahrt a {background-position: 0 0; background-repeat: no-repeat; height:23px;display: block; background-image: url(/_img/anfahrt.gif);margin-left:30px;}
.anfahrt a:hover {background-position: 0 -23px; background-repeat: no-repeat; height:23px;margin-left:30px;background-image: url(/_img/anfahrt.gif);}

/* FORM */
.input, .textarea {float:left;}
.error {border:1px solid #ffd000;}
.form_item label {float:left;width:130px;}
.form_item {clear:both;}
