/*
URL   : www.debis-pizza.de/_css/screen.css
Autor : DICKE Kreativbüro (Mario Schwartz)
Layout: Bildschirm, Projektor
Update: 02. April 2008 13:26:27
*/

/*===== Main CSS STYLE =====*/
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, form, fieldset, div
{
	margin: 0px;
	padding: 0px;
}
html, body
{
	width: 100%;
	height: 100%;
}
body
{
	color: #000;
	background: #fff url(../_img/nav_bg.gif) repeat fixed left top;
	text-align: center;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
img, form fieldset, hr
{
	border: 0px solid #9b0707;
}
hr
{
	height: 1px;
	background-color: #9b0707;
	color: #9b0707;
}
h1, h2, h3, h4, h5, h6, fieldset legend
{
	color: #9b0707;
	margin: 6px 5px;
}
fieldset legend
{
	margin: 0px 10px;
}
h1, fieldset legend
{
	font-size: 15px;
}
h2
{
	font-size: 13px;
}
h3
{
	font-size: 11px;
}
h4
{
	font-size: 9px;
}
h5
{
	font-size: 7px;
}
h6
{
	font-size: 5px;
}
a
{
	text-decoration: underline;
	color: #9b0707;
	background-color: transparent;
}
p, table, dl, ul, ol
{
	margin: 8px 5px;
}
ul, ol
{
	margin-left: 26px;
}
label
{
	cursor: pointer;
}
table, td, th
{
	border: 1px dotted #000;
	border-spacing: 0px;
	border-collapse: collapse;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
th, td
{
	text-align: left;
	padding: 3px;
	vertical-align: top;
}
th
{
	font-weight: bold;
	text-align: left;
	color: #9b0707;
	background-color: transparent;
}
td
{
	text-align: left;
	vertical-align: top;
}
dt
{
	color: #9b0707;
	background-color: transparent;
	font-weight: bold;
}
dd
{
	margin-left: 10px;
}
.bold
{
	font-weight: bold;
}
.italic
{
	font-style: italic;
}
.underline
{
	text-decoration: underline;
}
.clear
{
	clear: both;
}
.nowrap
{
	white-space: nowrap;
}
.post_ok
{
	color: Green;
}
.post_err
{
	color: Red;
	font-weight: bold;
}
.print
{
	display: none;
}
.align_left
{
	text-align: left;
}
.align_center
{
	text-align: center;
}
.align_right
{
	text-align: right;
}
.float_left
{
	float: left;
}
.float_right
{
	float: right;
}
/*===== End of Main CSS STYLE =====*/

/*===== Site CSS STYLE =====*/
div.page, div.page_u
{
	margin: 0px auto;
	width: 1000px !important;
	width: 1006px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	border-left: 3px solid #dedede;
	border-right: 3px solid #dedede;
	text-align: left;
	color: #000;
	background-color: #fff;
	background-image: url(../_img/page_bg.jpg);
	background-position: left;
	background-repeat: repeat-y;
}
div.page_u
{
	background-image:none;
}
div.header
{
	width: 1000px;
	height: 124px !important;
	height: 131px;
	border-top: 7px solid #fdc300;
	color: #000;
	background-color: #fff;
}
div.header div.logo_box
{
	width: 350px;
	height: 115px !important;
	height: 131px;
	padding-top: 16px;
	margin-top: -7px;
	position: relative;
	text-align: center;
	float: left;
	background-image: url(../_img/hotline.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div.header div.nav
{
	width: 449px !important;
	width: 450px;
	height: 124px;
	border-left: 1px solid #f9a63d;
	background-image: url(../_img/nav_bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
	float: left;
}
div.header div.nav ul
{
	float: left;
	margin: 0px 0px 0px 12px !important;
	margin: 0px 0px 0px 6px;
	list-style: none;
	padding-top: 24px;
}
div.header div.nav ul li
{
	line-height: 24px;
}
div.header div.nav ul li a
{
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #6bae56;
	background: transparent url(../_img/nav_li_bg.gif) no-repeat left center;
	text-decoration: none;
	padding-left: 14px;
}
div.header div.nav ul li a.active
{
	background-image: url(../_img/nav_li_active_bg.gif);
}
div.header div.qnav
{
	width: 199px;
	line-height: 29px;
	background-color: #6ca055;
	color: #fff;
	float: right;
	text-align: center;
	font-size: 9px;
}
div.header div.qnav a
{
	background-color: #6ca055;
	color: #fff;
	text-decoration: none;
}
div.header div.tsg
{
	width: 199px;
	height: 47px;
	margin-top: 48px;
	background: #d5570b url(../_img/tsg_gaststaette.gif) no-repeat center bottom;
	color: #fff;
	float: right;
}
div.header div.tsg a
{
	display: block;
	width: 199px;
	height: 47px;
	text-decoration: none;
}
div.middle, div.middle_u
{
	width: 1000px;
	overflow: hidden;
	background-image: url(../_img/middle_bg.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	padding-bottom: 453px;
}
div.middle_u
{
	background-image: none;
	padding-bottom: 143px;
}
div.middle div#banner, div.middle_u div#banner_u
{
	width: 635px;
	height: 169px;
	background-image: url(../_img/start_banner.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
}
div.middle_u div#banner_u
{
	width: 638px;
	height: 112px;
	background-image: url(../_img/banner.jpg);
}
div.middle_u a.toolbox
{
	display: block;
	width: 362px;
	height: 112px;
	background-image: url(../_img/toolbox_u.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
}
div.middle div.tagesspezialitaet
{
	width: 347px !important;
	width: 365px;
	height: 216px !important;
	height: 226px;
	padding: 10px 9px 0px;
	color: #fff;
	background: transparent url(../_img/tages_spezialitaet_bg.jpg) no-repeat right top;
	float: right;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
}
div.middle div.tagesspezialitaet h1
{
	font-size: 13px;
	color: #fff;
	background-color: transparent;
}
div.middle div.tagesspezialitaet h2, div.middle div.tagesspezialitaet p
{
	font-size: 11px;
	color: #fff;
	background-color: transparent;
	text-align: left;
}
div.middle div.tagesspezialitaet p.img
{
	word-spacing: 25px;
	float: right;
}
div.middle div.tagesspezialitaet p.img img
{
	border: 2px solid #ab5b5b;
}
div.middle div.tagesspezialitaet p.submit
{
	clear: both;
	text-align: center;
	position: relative;
	bottom: -12px;
	left: 8px;
}
div.middle div.content, div.middle_u div.content_u
{
	width: 502px !important;
	width: 622px;
	height: 121px;
	padding: 17px 84px 0px 36px;
	float: left;
}
div.middle_u div.content_u
{
	width: 763px !important;
	width: 811px;
	height: auto;
	padding: 17px 24px;
	float: left;
	overflow: hidden;
}
div.content_u input, div.content_u textarea, div.content_u select
{
	width: 350px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f4f3f2;
	color: #696969;
	border: 1px solid #4c4c4c;
	padding: 2px;
}
div.content_u textarea
{
	height: 117px;
}
div.content_u select, div.content_u input.box
{
	width: auto;
	cursor: pointer;
}
div.content_u input:hover, div.content_u textarea:hover, div.content_u input:focus, div.content_u textarea:focus
{
	background-color: White;
	color: #000;
	border-color: #2e2e2e;
}
div.content_u input.button, a.button
{
	cursor: pointer;
	width: auto;
	background-color: #9b0707;
	color: #fff;
	font-weight: bold;
	border-width: 1px;
	border-color: #e80808 #720707 #720707 #E80808;
}
a.button
{
	padding: 3px 2px;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
}
div.content_u input.button:hover, div.content_u a.button:hover
{
	border-color: #720707 #E80808 #E80808 #720707;
}
div.content_u input.missing, div.content_u textarea.missing, div.content_u select.missing
{
	border-color: red;
}
div.content_u dl.news_arcive dt
{
	padding: 5px;
}
div.content_u dl.news_arcive dd
{
	margin: 0px 0px 5px 0px;
	padding: 10px;
}
div.content_u p.skizze
{
	float: right;
}
div.content_u p.sitemap
{
  margin-left: 30px;
  margin-top: 5px;
  border-style: solid;
  border-color: #443d2a #fff #fff #443d2a;
  border-width: 1px;
}
div.content_u p.sitemap:hover, div.content_u p.sitemap:focus
{
  border-color: #fff #443d2a #443d2a #fff;
}
div.content_u .sitemap a
{
  display: block;
  padding-left: 15px;
  text-decoration: none;
  width: auto;
  height: auto;
}
div.content_u ul.sitemap
{
  margin-left: 30px;
}
div.content_u ul.sitemap li
{
  margin-left: 0px;
  padding: 1px 3px 1px 15px;
  list-style: none;
}
div.middle_u div.shop_content
{
	width: 590px !important;
	width: 638px;
	overflow: hidden;
}
div.shop_content div.shop_kategorien
{
	width: 590px;
	overflow: hidden;
	background-color: transparente;
	color: #800303;
}
div.shop_content div.shop_kategorien ul
{
	list-style: none;
	margin: 5px;
	width: 580px;
}
div.shop_content div.shop_kategorien ul li
{
	margin-bottom: 3px;
	margin-right: 3px;
	float: left;
}
div.shop_content div.shop_kategorien ul li a
{
	display: block;
	padding: 3px;
	text-decoration: none;
	text-align: right;
	border-top: 1px solid #e5e5e5;
	border-right: 5px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	border-left: 5px solid #e5e5e5;
	white-space: nowrap;
}
div.shop_content div.shop_kategorien ul li a:hover
{
	border-top-color: #800303;
	border-bottom-color: #800303;
}
div.shop_content div.shop_kategorien ul li a.active
{
	border-right-color: #800303;
	border-left-color: #800303;
}
div.shop_content p.shop_description
{
	background-color: transparent;
	color: #6bae56;
	font-weight: bold;
}
div.shop_content table.shop
{
	width: 580px;
	border: none;
}
div.shop_content table.shop td
{
	border: none;
}
div.shop_content table.shop td.bild
{
	width: 123px;
}
div.shop_content table.shop td.preis
{
	width: 150px;
	line-height: 20px;
}
div.shop_content table.shop tr.row2
{
	background-color: #efefef;
}
div.shop_content table.shop tr.highlight
{
	border: 1px solid #800303;
}
div.shop_content div.shop_pizza_toolbox
{
	width: 170px !important;
	width: 176px;
	background: transparent url(../_img/zutaten_banner.jpg) repeat-y left top;
	border: 3px solid #eddcdc;
	float: left;
	margin-right: 30px;
	overflow: hidden;
}
div.shop_content div.shop_pizza_toolbox ul
{
	width: 150px !important;
	width: 170px;
	padding-left: 20px;
	margin: 10px 0px;
	list-style: none;
}
div.shop_content div.shop_pizza_toolbox ul li a
{
	width: 150px !important;
	width: 140px;
	padding-left: 10px;
	display: block;
	color: #fff;
	background-color: transparent;
	text-decoration: none;
}
div.shop_content div.shop_pizza_toolbox ul li a.active
{
	border-left: 5px solid #fff;
	padding-left: 5px;
	font-weight: bold;
}
div.shop_content div.shop_pizza_zutaten
{
	float: left;
}
div.shop_content div.shop_pizza_zutaten p#shop_pizza_toolbox_warenkorb
{
	text-align: center;
}
div.middle div.contact
{
	width: 301px !important;
	width: 321px;
	height: 82px;
	padding-left: 20px;
	float: right;
	color: #fff;
	background: transparent url(../_img/kontakt_bg.jpg) no-repeat right top;
	margin-bottom: 8px;
	white-space: nowrap;
}
div.middle div.contact a
{
	color: #000;
	background-color: transparent;
	text-decoration: none;
}
div.middle div.contact h1
{
	color: #feb00d;
	background-color: transparent;
	font-size: 12px;
}
div.middle div.contact p
{
	float: left;
	margin: 0px 0px 0px 5px !important;
	margin: 0px 0px 0px 2.5px;
}
div.middle_u div.tsg
{
	width: 189px;
	height: 337px;
	float: right;
	background-color: #e5e5e5;
	color: #800303;
}
div.middle_u div.tsg a
{
	display: block;
	width: 108px;
	height: 177px;
	text-decoration: none;
	background: transparent url(../_img/tsg_logo.jpg) no-repeat left top;
	top: 136px;
	left: 44px;
	position: relative;
}
div.middle_u div.shop_cart
{
	width: 362px;
	overflow: hidden;
	float: right;
	background-color: #e5e5e5;
	color: #000;
}
div.middle_u div.shop_cart a
{
	text-decoration: none;
}
div.middle_u div.shop_cart table
{
	width: 352px;
	margin: 5px;
}
div.middle_u div.shop_cart table, div.middle_u div.shop_cart table td, div.middle_u div.shop_cart table th
{
	border-style: solid;
}
div.middle_u div.shop_cart table th
{
	text-align: center;
}
div.middle_u div.shop_cart table td.edit
{
	width: 45px;
}
div.middle_u div.shop_cart table td.edit a
{
	display: block;
	padding: 2px;
	border: 1px solid #9b0707;
	line-height: 8px;
	float: left;
	margin-left: 3px;
}
div.middle_u div.shop_cart table td.edit a:hover
{
	border: 1px solid #FF0000;
}
div.middle_u div.shop_cart table td span
{
	display: block;
	font-weight: normal;
	font-size: 9px;
}
div.bottom
{
	width: 1000px;
	height: 399px !important;
	height: 403px;
	margin: -453px auto 0px;
	padding-top: 4px;
	background: #fff url(../_img/bottom_bg.gif) no-repeat left top;
	color: #000;
	position: relative;
	text-align: left;
}
div.bottom div.info
{
	width: 282px !important;
	width: 342px;
	height: 190px !important;
	height: 209px;
	float: left;
	background-color: #e5e5e5;
	color: #1f1f1f;
	padding: 19px 30px 0px;
}
div.bottom div.info h1
{
	color: #6ca055;
	background-color: transparent;
}
div.bottom div.info p
{
	line-height: 16px;
}
div.bottom div.quali
{
	width: 630px !important;
	width: 658px;
	height: 123px !important;
	height: 147px;
	float: left;
	background-color: #fff;
	color: #000;
	padding: 12px 14px;
}
div.bottom div.quali h1
{
	color: #9b0707;
	background-color: transparent;
}
div.bottom div.quali p
{
	line-height: 16px;
}
div.bottom div.banner
{
	width: 658px;
	height: 87px;
	float: right;
	background-image: url(../_img/bottom_banner_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div.bottom a.toolbox, div.bottom a.toolbox:hover
{
	display: block;
	width: 237px !important;
	width: 404px;
	height: 139px !important;
	height: 190px;
	float: left;
	background: #970a0a url(../_img/toolbox_bg.jpg) no-repeat left top;
	color: #fff;
	margin-top: -25px;
	position: relative;
	padding-left: 167px;
	padding-top: 51px;
	text-decoration: none;
}
div.bottom div.toolbox p
{
	line-height: 18px;
}
div.bottom div.news
{
	width: 596px;
	height: 165px;
	float: right;
	background-image: url(../_img/news_bg.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
div.bottom div.news div
{
	width: 269px !important;
	width: 283px;
	height: 157px !important;
	height: 165px;
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 8px 7px 0px;
}
div.bottom div.news div h1
{
	font-size: 12px;
	line-height: 28px;
}
div.bottom div.news div p
{
	font-size: 11px;
	line-height: 16px;
}
div.bottom div.news div a
{
	display: block;
	width: 269px;
	text-decoration: none;
	font-weight: bold;
	line-height: 26px;
	margin-bottom: 3px;
	position: absolute;
	bottom: 0px;
}
div.bottom div.news div.news1
{
	color: #000;
	background-color: transparent;
}
div.bottom div.news div.news1 h1, div.bottom div.news div.news1 a
{
	color: #9b0707;
	background-color: transparent;
}
div.bottom div.news div.news2
{
	color: #fff;
	background-color: transparent;
}
div.bottom div.news div.news2 h1, div.bottom div.news div.news2 a
{
	color: #fff;
	background-color: transparent;
}
div.footer
{
	margin: 0px auto;
	width: 1000px;
	height: 50px;
	background-color: #fff;
	color: #463f36;
	position: relative;
	text-align: left;
}
div.footer div.copy
{
	width: 401px;
	height: 50px;
	float: left;
	text-align: right;
	background-color: transparent;
	color: #473f36;
}
div.footer div.copy a
{
	background-color: transparent;
	color: #473f36;
	text-decoration: none;
}
div.footer div.copy span
{
	background-color: transparent;
	color: #e48d35;
	font-weight: bold;
}
div.footer div.copy p
{
	margin: 6px 16px;
}
div.footer div.copy p.qnav, div.footer div.copy p.qnav a
{
	background-color: transparent;
	color: #756f68;
}
div.footer div.banner
{
	width: 599px;
	height: 50px;
	float: right;
	background-image: url(../_img/footer_banner.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
div.footer_u
{
	margin: -143px auto 0px;
	width: 1000px;
	height: 50px !important;
	height: 143px;
	background: #fff url(../_img/footer_u_bg.jpg) no-repeat left top;
	color: #463f36;
	position: relative;
	text-align: left;
	padding-top: 93px;
}
div.footer_u div.copy
{
	width: 471px;
	height: 50px;
	float: left;
	text-align: right;
	background-color: transparent;
	color: #473f36;
}
div.footer_u div.copy a
{
	background-color: transparent;
	color: #473f36;
	text-decoration: none;
}
div.footer_u div.copy span
{
	background-color: transparent;
	color: #800303;
	font-weight: bold;
}
div.footer_u div.copy p
{
	margin: 6px 16px;
}
div.footer_u div.copy p.qnav, div.footer_u div.copy p.qnav a
{
	background-color: transparent;
	color: #756f68;
}
#subtitle
{
	color: #fff;
	background-color: #756f68;
	border: 1px solid #fff;
	padding: 5px;
	display: none;
	position: absolute;
}
/*===== End of Site CSS STYLE =====*/


/*===== Lightbox CSS STYLE =====*/
#lightbox {
	background-color: #eee;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#overlay {
	background-image: url(../_img/overlay.png);
}
#lightboxCaption {
	color: #333;
	background-color: #eee;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxIndicator {
	border: 1px solid #fff;
}
#lightboxOverallView {
	background-image: url(../_img/overlay.png);
}
* html #lightboxOverallView, * html #overlay {
	background-color: #e5e5e5;
	background-image: url(../_img/blank.gif);
	filter: Alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
/*===== End of Lightbox CSS STYLE =====*/

/*===== Begin of AjaxPopUp =====*/
div#AjaxPopUp
{
	width: 100%;
	height: 100%;
	position: fixed !important;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #e5e5e5;
	background-image: url(../_img/overlay.png) !important;
	background-image: url(../_img/blank.gif);
	filter: Alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	z-index: 50;
}
div#PopUpZutaten
{
	position: fixed !important;
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #fff;
	color: #000;
	z-index: 60;
	display: none;
}
div#PopUpZutaten input, div#PopUpZutaten select, div#PopUpZutaten textarea
{
	width: 350px;
	background-color: #ababab;
	color: #000;
	border: 0px solid #000;
}
div#PopUpZutaten input:focus, div#PopUpZutaten select:focus, div#PopUpZutaten textarea:focus
{
	background-color: #dcdcdc;
}
div#PopUpZutaten textarea
{
	height: 50px;
}
div#PopUpZutaten ul
{
	text-align: left;
	margin: 0px;
	list-style: none;
	overflow: auto;
}
div#PopUpZutaten ul li
{
	border-left: 10px solid #fff;
	padding-left: 5px;
	line-height: 18px;
}
div#PopUpZutaten ul li.active
{
	border-left: 10px solid #6ca055;
	font-weight: bold;
}
div#PopUpZutaten ul li a
{
	text-decoration: none;
	display: block;
}
/*===== End of AjaxPopUp =====*/