/* @override 
	http://localhost/css/main.css
	http://localhost/css/tres-12-09.css
	http://www.dineanddrink.ch/css/tres-12-09.css
	http://www.tresamigos.ch/css/tres-12-09.css
	http://192.168.0.7/css/tres-12-09.css
*/

/* @group mainstyles */



/*

* {
	border: 1px solid #000000;

}

a[href="#"] {background: lime;}
a[href=""] {background: fuchsia;}
img {outline: 5px solid red;}
img[alt][title] {outline-width: 0;}
img[alt] {outline-color: fuchsia;}
img[alt], img[title] {outline-style: double;}
img[alt=""][title], img[alt][title=""] {outline-width: 3px;}
img[alt=""][title=""] {outline-style: dotted;}
*/

/* @end */

/* @group body */

a {
	color: #f2001b;
}

h1, h2, h3, p {
	padding: 0;
	margin: 0;
}

h1 {
	font-weight: normal;
	font-style: normal;
	font-size: 42px;
	padding-bottom: 10px;
	line-height: 42px;
}
h2 {
	padding-top: 20px;
	font-size: 20px;
	color: #009c2b;
	line-height: 22px;
	padding-bottom: 10px;
}
h3 {
	padding-top: 10px;
	font-size: 16px;
	color: #009c2b;
	line-height: 16px;
}
body p a {
	font: 14px/24px Georgia, "Times New Roman", Times, serif;
	
}

p {
	font: 14px/16px Georgia, "Times New Roman", Times, serif;
	
}
p.untertitel {
	color: #009c2b;
	
}

p.abstand {
	font-size: 10px;
	line-height: 10px;
	height: 10px;
}

body {
	background: #ffec00 url(/css_images/tres/body/body.jpg) repeat-x 0 -10px;
	font: 14px/16px Georgia, "Times New Roman", Times, serif;
	color: #f2001b;
	padding-top: 0;
	margin-top: 0;
}

div#container {
	width: 1100px;
	left: -550px;
	position: absolute;
	margin-left: 50%;
	padding-top: 0px;
	margin-top:0px;
	background: url(../css_images/tres/body/container_bg.jpg) repeat-y;
	z-index: 1;
}

.cleardiv {
	clear: both;
}


/* @end */

/* @group head */

#vignette{
	position: absolute;
	width: 200px;
	height: 360px;
	z-index: 2000;
	top: 80px;
	left: 925px;
}
.standort #vignette{
	background: url(../css_images/tres/standort_main.png) no-repeat;
}
.bonus #vignette{
	background: url(../css_images/tres/bonus_main.png) no-repeat;
}
.news #vignette{
	background: url(../css_images/tres/news_main.png) no-repeat;
}
.dailys #vignette{
	background: url(../css_images/tres/dailys_main.png) no-repeat;
}
.food #vignette{
	background: url(../css_images/tres/food_main.png) no-repeat;
}
.events #vignette{
	background: url(../css_images/tres/events_main.png) no-repeat;
}
.catering #vignette{
	background: url(../css_images/tres/catering_main.png) no-repeat;
}
.hotel #vignette{
	background: url(../css_images/tres/hotel_main.png) no-repeat;
}
.jobs #vignette{
	background: url(../css_images/tres/team_main.png) no-repeat;
}
.kontakt #vignette{
	background: url(../css_images/tres/kontakt_main.png) no-repeat;
}
#signet {
	width: 300px;
	height: 250px;
	float: left;
}

/* @group secondmenu */


#secondmenu a {
	display: block;
	text-decoration: none;
	padding-left: 120px;
	height: 50px;
	font: bold 15px/46px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #f2001b;
}

#secondmenu a.home {
	background: url(/css_images/tres/menu/Bilder/MenuHome.gif) no-repeat 0 top;
}
#secondmenu a.standorte {
	background: url(../css_images/tres/menu/Bilder/MenuStandort.gif) no-repeat 0 top;
}
#secondmenu a.bonuscard {
	background: url(/css_images/tres/menu/Bilder/MenuBonus.gif) no-repeat 0 top;
}
#secondmenu a.news {
	background: url(/css_images/tres/menu/Bilder/MenuNews.gif) no-repeat 0 top;
}
#secondmenu a.dailys {
	background: url(/css_images/tres/menu/Bilder/MenuDailys.gif) no-repeat 0 top;
}
#secondmenu a.food {
	background: url(/css_images/tres/menu/Bilder/MenuFood.gif) no-repeat 0 top;
}
#secondmenu a.events {
	background: url(/css_images/tres/menu/Bilder/MenuEvents.gif) no-repeat 0 top;
}
#secondmenu a.catering {
	background: url(/css_images/tres/menu/Bilder/MenuCatering.gif) no-repeat 0 top;
}
#secondmenu a.jobs {
	background: url(/css_images/tres/menu/Bilder/MenuTeam.gif) no-repeat 0 top;
}
#secondmenu a.hotel {
	background: url(/css_images/tres/menu/Bilder/MenuHotel.gif) no-repeat 0 top;
}
#secondmenu a.contact {
	background: url(/css_images/tres/menu/Bilder/MenuKontakt.gif) no-repeat 0 top;
}

.home#secondmenu a.home,
.standort #secondmenu a.standorte,
.bonus #secondmenu a.bonuscard,
.news #secondmenu a.news,
.dailys #secondmenu a.dailys,
.food #secondmenu a.food,
.events #secondmenu a.events,
.catering #secondmenu a.catering,
.jobs #secondmenu a.jobs,
.kontakt #secondmenu a.contact,
.hotel #secondmenu a.hotel,
#secondmenu a:hover {
	background-position: 0 bottom;
	color: #fff;
}

#secondmenu {
	height: 500px;
	width: 300px;
	top: 250px;
	clear: both;
}

/*.home div#secondmenu {
	display: none;
}
.home #signet {
	height: 500px;
	width: 310px;
}
*/

/* @end */

#conceptlinks {
	top: 15px;
	height: 20px;
	z-index: 3000;
	position: absolute;
	width: 1000px;
	text-align: right;
}

/* @group konzeptlinks */

#conceptlinks a {
	font-weight: bold;
	color: #f2001b;
	padding-left: 10px;
}
#conceptlinks a:link, #conceptlinks a:visited {
	font-weight: bold;
	color: #f2001b;
}



/* @end */

div#head {
	background: url(../css_images/tres/body/head.jpg) no-repeat left -10px;
	float: left;
	width: 310px;
}



/* @end */

/* @group inhalt */

/* @group catering + Hotel */

table.CateringTable, table.HotelTable {
	width: 644px;
	border: 1px solid #c62b0f;
	margin-top: 15px;
	border-bottom-width: 0;
}

table.HotelTable td {
	border-bottom: 1px solid #c62b0f;
	border-right-width: 1px;
}
.catering #bonukartentext img {
	float: right;
	padding-right: 30px;
}



/* @end */

/* @group intro */

.home a.LinkNews {
	padding-left: 33px;
	background: url(../css_images/tres/pfeil.gif) no-repeat left center;
	padding-bottom: 0;
	padding-top: 0;
}



#intro2 p.introTitel {
	font-weight: bold;
	padding-bottom: 20px;
}

.home #intro {
	width: 600px;
	padding-top: 0;
}

#mainmenuIntro {
	position: relative;
	left: -276px;
	padding-top: 150px;
	float: left;
}

#intro p.introTitel {
	font-weight: bold;
}

.home #intro2 {
	width: 400px;
	padding-left: 270px;
	position: absolute;
	padding-top: 290px;
}

table#Tabelle_01 {
	background: url(/tresIntro/Mexikanisch-Schweiz-Essen-bg.jpg) no-repeat left top;
}

#intro2 h1 {
	font-size: 28px;
	line-height: 26px;
}

#intro p.introTitel2 {
	font-weight: bold;
}



/* @end */

/* @group team */

#bgtext div.teamEntry {
	background-color: #ffec00;
	padding: 10px;
	margin-top: 5px;
	width: 325px;
	float: left;
	height: 110px;
	margin-right: 5px;
}

#bgtext div.teamEntry div.teamText {
	display: block;
	width: 260px;
	padding-left: 10px;
	float: right;
}

#bgtext div.teamEntry a img {
	float: left;
}



/* @end */

/* @group Kontakt */

.formularinhalt input {
	height: 14px;
}

.hinweis {
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	margin-top: 10px;
}

.kontakt .hinweis {
	width: 680px;
	display: block;
}

#formreservation #reservation span.hinweis {
	font-size: 12px;
	display: inline;
}

#bgtext div.formularinhalt {
	padding-top: 20px;
}

input#personen.personen {
	width: 20px;
}

#feedback label,#reservation label {
	display: block;
	float: left;
	width: 112px;
	padding-right: 5px;
}

textarea#kommentar {
	width: 435px;
	height: 50px;
}

#reservation table {
	padding-bottom: 15px;
}





/* @end */

/* @group Events */

#eventinhalt div.keinevaranstaltung {
	height: 25px;
	text-align: left;
	font-size: 16px;
	padding-top: 20px;
	font-weight: bold;
}

#eventinhalt div.eventEntry div.eventEntryText {
	float: right;
	width: 540px;
	padding-right: 30px;
}

#eventinhalt div.eventEntry a.eventImageKlein img {
	float: left;
	width: 100px;
}


#eventnavigation {
	height: 30px;
	padding-top: 10px;
}

#eventselection a {
	font-weight: bold;
	padding-right: 10px;
}


#eventinhalt a.alleEvents {
	background: url(../css_images/tres/pfeil.gif) no-repeat;
	padding-top: 3px;
	padding-bottom: 10px;
	padding-left: 33px;
}
#eventinhalt a.aktuelleEvents {
	background: url(../css_images/tres/pfeil.gif) no-repeat;
	padding-top: 3px;
	padding-bottom: 10px;
	padding-left: 33px;
}
#eventinhalt a.alteEvents {
	background: url(../css_images/tres/pfeil.gif) no-repeat;
	padding-top: 3px;
	padding-bottom: 10px;
	padding-left: 33px;
}
#eventinhalt a.gallerien {
	background: url(../css_images/tres/gallery.gif) no-repeat;
	padding: 3px 30px 10px 33px;
}

#eventinhalt {
	width: 700px;
	padding-top: 20px;
}

#eventselection {
	height: 30px;
}

#eventinhalt div.eventEntry {
	background-color: #ffec00;
}

#eventinhalt div.eventEntry h2 {
	padding-top: 5px;
}

#eventinhalt div.eventEntry div.eventDate {
	padding-top: 5px;
}

.eventEntry {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-top: 5px;
}
#eventinhalt a.eventGallerieDetaiLink {
	background: url(../css_images/tres/pfeil_gallery.gif) no-repeat 75px 0;
}
#eventinhalt a.eventDetaiLink {
	background: url(../css_images/tres/pfeil.gif) no-repeat 0 0;
}
#eventinhalt a.eventDetaiLink, #eventinhalt a.eventGallerieDetaiLink {
	padding-top: 3px;
	padding-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	display: block;
	margin-top: 3px;
	padding-left: 33px;
}
#eventinhalt .eventEntry a.eventGallerieDetaiLink {
	background-position: 0 0;
	padding-left: 33px;
}



/* @end */

#bgtext {
	width: 710px;
}



#maincontent {
	background: url(../css_images/tres/body/head.jpg) no-repeat -310px -10px;
	float: left;
}
/*.home #maincontent {
	background: url(../css_images/tres/body/head_home.jpg) no-repeat -310px -10px;
	float: left;
}
*/

#content {
}
/* @group news */

#bgtext a.retourButton {
	background: url(../css_images/tres/pfeil_links.gif) no-repeat;
	padding-top: 3px;
	padding-bottom: 10px;
	padding-left: 33px;
}

#bgtext a.LinkNews span {
	padding-left: 33px;
	background: url(../css_images/tres/pfeil.gif) no-repeat;
	padding-bottom: 10px;
	padding-top: 2px;
}



#newsletter {
	width: 700px;
	padding-top: 20px;
}

a.LinkTop {
	background: url(../css_images/tres/pfeil_oben.gif) no-repeat;
	padding-bottom: 5px;
	padding-left: 33px;
	display: block;
	line-height: 20px;
	margin-top: 15px;
	clear: both;
}

#newsletter div.newsletterEntry {
	clear: both;
	margin-top: 4px;
	background-color: #ffec00;
	padding: 5px;
	line-height: 30px;
}

#newsletter h1 {
	font-size: 24px;
	line-height: 24px;
}

#newsletter div.newsletterEntry div.newstext {
	width: 420px;
}

#newsletter .newsImg {
	float: right;
}

a.LinkNews {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #f2001b;
	line-height: 40px;
	text-decoration: none;
}

/* @group newsletteranmeldung */

#newsletteranmeldung form {
	padding-top: 5px;
	font-weight: bold;
	font-size: 11px;
	line-height: 12px;
}

#newsletteranmeldung {
	height: 30px;
	background: url(../css_images/tres/bonuskarten/eingabefeld_bg_newsletter.gif) no-repeat;
	padding: 10px 10px 20px;
	margin-top: 10px;
}



/* @end */



/* @end */

/* @group bonuskarte */

#bonuskarteninhalt table.bestellformular {
	width: 450px;
	padding: 10px;
	border: 1px solid #009c2b;
}

#bonuskarteninhalt table.bestellformular tbody tr td.lauftext {
	text-align: left;
}

#bonukartentext p,#bonuskarteninhalt h2 {
	padding-right: 280px;
}


#bonukartentext img.bonuskartenimg {
	float: right;
	padding-left: 10px;
}

#bonuskarteninhalt table.karteneingabe {
	width: 410px;
	background: url(../css_images/tres/bonuskarten/eingabefeld_bg.gif) no-repeat center center;
	height: 165px;
}

#bonuskarteninhalt table.karteneingabe tbody tr td.td4 p {
	padding-right: 10px;
}

#bonuskarteninhalt table.karteneingabe tbody tr td.td2 span.rubriktitelfoodliste {
	font-size: 20px;
	line-height: 26px;
}

#bonuskarteninhalt table.karteneingabe tbody tr td.td4 p {
	font-size: 14px;
	line-height: 16px;
	padding-bottom: 10px;
}


.bonuskartenKnummer {
	font-size: 20px;
	line-height: 30px;
	height: 30px;
}

table.karteneingabe tbody tr td.td4 input {
	width: 360px;
	margin-top: 3px;
	text-align: center;
}



/* @end */

/* @group standort */


#standortbild {
	float: right;
	padding-top: 20px;
	width: 320px;
	padding-right: 10px;
}
#standortbild img {
	padding-top: 10px;
	background-color: #262626;
	border-right: 10px solid #262626;
	border-left: 10px solid #262626;
	border-bottom: 10px solid #262626;
}

div#standorttext {
	float: left;
	width: 350px;
	overflow: hidden;
}

#standorttext p span.tabulator {
	width: 120px;
	display: inline-block;
	padding: 0;
	height: 12px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#map{
	width: 350px;
	height: 500px;
}




/* @end */

div#area {
	min-height: 700px;
	height:auto !important;
	height: 700px;
	padding-top: 100px;
	width: 790px;
}

#btListe {
	padding-top: 10px;
}
#btListe a.btListeLinks, #btListe a.btListeLinksaktiv {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	color: #f2001b;
	padding-right: 10px;
	font-style: normal;
}
#btListe a.btListeLinksaktiv {
	font-weight: bold;
	font-size: 18px;
}

/* @group Dailys */

#dailyInhalt table.DailySpeicalTable, #dailyInhalt table.DailySpeicalTableTwo {
	width: 700px;
}

#dailyInhalt p {
	padding-bottom: 10px;
	width: 600px;
}

#dailyInhalt a.foodrubrikListeLinkFor {
	background: url(../css_images/tres/pfeil.gif) no-repeat;
	padding: 3px 10px 10px 33px;
}
#dailyInhalt a.foodrubrikListeLinkBack {
	background: url(../css_images/tres/pfeil_links.gif) no-repeat;
	padding: 3px 10px 10px 33px;
}
#dailyInhalt a.foodrubrikListePrint {
	background: url(../css_images/tres/print_button.gif) no-repeat;
	padding: 3px 10px 10px 33px;
}

td.DailySpecialFieldAktiv {
	background-color: #faad35;
	font-size: 12px;
}

td.DailySpecialFieldDeAktiv {
	background-color: #b1b1b1;
	font-size: 12px;
	color: #8d8d8d;
}

td.dailysprcialSpecialfeld {
	background-color: #ffbc01;
	font-size: 12px;
}

td.dailysprcialSpecialfeldTitel {
	background-color: #c62b0f;
	color: #f0e7c6;
	font-size: 12px;
}

td.DailySpecialDayAktiv {
	font-size: 12px;
	background-color: #c74414;
	color: #e9e1bd;
}
td.DailySpecialDayDeAktiv {
	font-size: 12px;
	background-color: #999;
	color: #e9e1bd;
}

#dailyInhalt {
	padding: 20px 2px 5px 0;
}



/* @end */

/* @group Food */

body.food #bgtext {
	margin-top: 20px;
}


a.btListeLinks, a.btListeLinks a:link {
	color: #fff;
	padding-right: 10px;
	padding-left: 0;
}

#foodrubrikListe {
	line-height: 18px;
	font-size: 18px;
	float: left;
	padding-right: 15px;
	font-weight: bold;
	color: #009f2c;
	padding-left: 3px;
	width: 220px;
}

a.foodrubrikListeLink {
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	text-align: right;
}

#foodrubrikListe .abstand {
	height: 15px;
	display: block;
}

#foodListe table {
	width: 450px;
}

td.foodlistetext {
	padding-bottom: 5px;
}

td.rubrikgruppefoodliste {
	font-size: 18px;
	color: #f2001b;
	padding-top: 10px;
	border-bottom: 1px solid #f2001b;
	line-height: 22px;
}

td.foodlistepreis {
	padding-top: 10px;
	color: #009f2c;
	font-size: 14px;
	text-align: right;
	width: 85px;
	border-bottom: 1px solid #f2001b;
}

td.rubriktitelfoodliste {
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
}



/* @end */


/* @end */

/* @group foot */

#foot div.footlinks {
	padding-left: 85px;
	padding-top: 35px;
	padding-bottom: 10px;
	z-index: 10;
}
#foot div.footlinks a{
	padding-right: 10px;
	padding-left: 5px;
	font-weight: bold;
	border-right: 1px solid #f3001c;
}


#foot {
	background: #ffec00 url(../css_images/tres/body/foot.jpg) no-repeat;
	clear: both;
	position: relative;
	height: 50px;
}


/* @end */

/* @group Calendar */

/*** Calendar **********************/

div.calendar { position: relative;
	z-index: 3000;
}

.calendar table {
cursor:pointer;
border:1px solid #ccc;
font-size: 11px;
color: #000;
background: #fff;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

.calendar .button { 
text-align: center;    
padding: 2px;          
}

.calendar .nav {
background:#f5f5f5;
}

.calendar thead .title { 
font-weight: bold;      
text-align: center;
background: #dedede;
color: #000;
padding: 2px 0 3px 0;
}

.calendar thead .headrow { 
background: #f5f5f5;
color: #444;
font-weight:bold;
}

.calendar thead .daynames { 
background: #fff;
color:#333;
font-weight:bold;
}

.calendar thead .name { 
border-bottom: 1px dotted #ccc;
padding: 2px;
text-align: center;
color: #000;
}

.calendar thead .weekend { 
color: #666;
}

.calendar thead .hilite { 
background-color: #444;
color: #fff;
padding: 1px;
}

.calendar thead .active { 
background-color: #d12f19;
color:#fff;
padding: 2px 0px 0px 2px;
}


.calendar tbody .day { 
width:1.8em;
color: #222;
text-align: right;
padding: 2px 2px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
color: #fbb;
}

.calendar table .wn {
padding: 2px 2px 2px 2px;
border-right: 1px solid #000;
background: #666;
}

.calendar tbody .rowhilite td {
background: #FFF1AF;
}

.calendar tbody .rowhilite td.wn {
background: #FFF1AF;
}

.calendar tbody td.hilite { 
padding: 1px 1px 1px 1px;
background:#444 !important;
color:#fff !important;
}

.calendar tbody td.active { 
color:#fff;
background: #529214 !important;
padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { 
font-weight: bold;
border: 1px solid #888;
padding: 1px 1px 1px 1px;
background: #f5f5f5 !important;
color: #222 !important;
}

.calendar tbody td.weekend { 
color: #666;
}

.calendar tbody td.today { 
font-weight: bold;
color: #529214;
background:#D9EFC2;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { 
visibility: hidden;
}

.calendar tbody .emptyrow { 
display: none;
}

.calendar tfoot .footrow { 
text-align: center;
background: #556;
color: #fff;
}

.calendar tfoot .ttip { 
background: #222;
color: #fff;
font-size:10px;
border-top: 1px solid #dedede;
padding: 3px;
}

.calendar tfoot .hilite { 
background: #aaf;
border: 1px solid #04f;
color: #000;
padding: 1px;
}

.calendar tfoot .active { 
background: #77c;
padding: 2px 0px 0px 2px;
}

.calendar .combo {
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
border: 1px solid #ccc;
background: #f5f5f5;
color: #222;
font-size: 90%;
z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}

.calendar .combo .label-IEfix {
width: 4em;
}

.calendar .combo .hilite {
background: #444;
color:#fff;
}

.calendar .combo .active {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
background: #dedede;
font-weight: bold;
}



/* @end */

#secondmenu {
	margin: 0;
	padding: 0;
	z-index: 10;
}

#secondmenu div{
	position: absolute;
	visibility: hidden;
	margin: -30px 0 0;
	padding: 0;
	left: 260px;
}

#secondmenu div a.submenu {
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 5px 1px;
	text-decoration: none;
	text-align: left;
	line-height: 16px;
	font-size: 12px;
	height: 20px;
	width: 120px;
	background-color: #ffe26d;
	border-top: 2px solid #ffba00;
	z-index: 10000;
}