/* @override http://www.sunsetgrill.com.mx/test/sunset.css */
/* Stylesheet für Sunset Grill */
/* Allgemeine für Body ========================= */
* {
	margin: 0;
	padding: 0;
	color: #ffffcc;
	font: lighter 97%/150% "Lucida Grande", Lucida, Verdana, sans-serif;
}
h2 {
	font-size: 160%;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom: 15px;
}
h3 {
	font-size: 120%;
	letter-spacing: 1px;
	margin-bottom: 10px;
	margin-top: 20px;
	font-weight: bold;
}
h4 {
	text-decoration: underline;
	margin-bottom: 5px;
}
h5 {
	font-size: 120%;
	text-transform: uppercase;
	letter-spacing: 3px;
	padding-top: 20px;
}
a {
	text-decoration: none;
	outline: none;
	letter-spacing: 1px;
	padding-bottom: 2px;
}
/* @group Container */
/* Container =================================== */
div#container {
	width: 800px;
	margin: auto;
	background: url(schatten.jpg) repeat-y center;
	padding-right: 20px;
	padding-left: 20px;
}
/* @end */

/* @group Header */
/* Header ====================================== */
div#header {
	background-color: #ffffcc;
	color: #ffffcc;
	padding-bottom: 15px;
	border-top: 8px solid #990000;
	border-bottom: 5px solid #990000;
	text-align: center;
	padding-top: 15px;
}

/* @end */
/* @group Sprache */
/* Sprache =================================== */
div#sprache {
	float: right;
	position: relative;
	bottom: 33px;
	margin-right: 15px;
}
div#sprache a {
	color: #990000;
	margin: 5px;
	font-size: 90%;
	padding: 0;
}
div#sprache a:visited {
	color: #990000;
	background: none;
	padding: 0;
}
div#sprache a:hover {
	border-bottom: 1px dotted #990000;
	background: none;
	padding: 0;
}
div#sprache a:focus {
	border-bottom: 1px dotted #990000;
	background: none;
	padding: 0;
}
div#sprache a:active {
	border-bottom: 1px dotted #990000;
	background: none;
	padding: 0;
}
/* @end */
/* @group Navi */
/* navi =================================== */
div#navi {
	background-color: #fff599;
	height: 65px;
	width: 800px;
	float: left;
	position: relative;
	top: -20px;
}
div#navi li {  
	list-style-type: none;
	display: inline-block;
	position: relative;
	text-align: center;
	float: left;
	width: 160px;
	height: 65px;
	padding-top: 7px;	
}
.botonimagen{
background-image:url(boton.jpg);
background-repeat:no-repeat;
height:50px;
width:80px;
}
div#navi p {
	color: #000;
	font-weight:bold;
	font-size: 80%;
	letter-spacing: normal;
	line-height: 100%;
}

div#navi a:link, div#navi a:visited {
	color: #990000;
	text-transform: uppercase;
	font-weight: bold;
	padding: 8px 30px 40px 28px;
}
div#navi a:hover, div#navi a:focus {
	background-color: #FFF065;
}
div#navi a:active {
	background-color: #FFCC00;
}

/* @end */
/* @group Wrapper */
/* wrapper =================================== */
div#wrapper {
	float: left;
	width: 800px;
}
/* @end */
/* @group Content */
/* content =================================== */
div#content {
	margin-right: 200px;
	margin-left: 200px;
	padding: 10px 10px 30px;
}
#map {
	margin-left: 15px;
	margin-top: 10px;
	padding-bottom: 20px;
}
p span {
	font-style: italic;
	font-weight: lighter;
	font-size: 85%;
}
div#content a:link, div#content a:visited {
  color:#ffcc33;
	letter-spacing: 0;
	border-bottom: 2px dotted #ffff00;
	margin: 0;
	padding: 0 0 1px;
}
div#content a:hover, div#content a:focus {
	border-bottom: 1px dotted #ffef88;
	color: #ffef88;
}
.bodas li{
 font-weight:bold;
}
/* @group Contact */
#contact h3, #contacto h3 {
	margin-bottom: -8px;
}
#index #comments, 
#restaurant_espanol #comments {
	margin-top: 40px;
}
#index #content p, 
#restaurant_espanol #content p {
	border-bottom: 1px dashed #990000;
	padding-top: 20px;
	padding-bottom: 20px;
}
#contact #content p#tel,
#contacto #content p#tel {
	border-bottom-style: none;
	margin-top: 20px;
}
#contact #content a:link, 
#contact #content a:visited,
#contacto #content a:link, 
#contacto #content a:visited {
	padding-bottom: 2px;
}
/* @end */
/* @group Comida */
#comida #content, 
#food #content {
	padding-top: 40px;
}
#food div#content a:link img, 
#food div#content a:visited img {
	color: #fff599;
	border-width: 2px;
}
#food div#content a:link, 
#food div#content a:visited {
	border-style: none;
}
#food div#content a:hover, 
#food div#content a:focus {
	border-style: none;
}
#food div#content a:hover img, 
#food div#content a:focus img {
	border-style: dotted;
}
#comida #content a:link img, 
#comida #content a:visited img {
	color: #fff599;
	border-width: 2px;
	}
#comida #content a:hover img, 
#comida #content a:focus img {
	border-style: dotted;
}
#comida div#content a:link, 
#comida div#content a:visited {
	border-style: none;
}
#comida div#content a:hover, 
#comida div#content a:focus {
	border-style: none;
}
/* @end */
/* @group Events */

#events #content, 
#mexicanmenus #content,
#bar #content,
#snacks #content,
#hors #content
 {
	margin-left: 225px;
	margin-right: 215px;
}


#eventos #content, 
#menumexicano #content,
#bar_esp #content,
#snacks_esp #content,
#hors_esp #content
 {
	margin-left: 225px;
	margin-right: 215px;
}
#titel_gallery {
	margin-left: 38px;
}

#titel_gallery a:link, 
#titel_gallery a:visited {
	border-bottom:1px dotted #FFFFCC;
	margin-right: 15px;
}

#titel_gallery a:hover, 
#titel_gallery a:focus {
	color:#FFEF88;
}

#content .textbox,
#content .textbox {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #990000;
}
/*nueva clase 06jun09 vch*/
div#content p.redletters {
  text-size:1.5em;
	text-color:red;
}

#events #content p, 
#mexicanmenus #content p,
#bar #content p,
#snacks #content p,
#hors #content p {
	font-style: italic;
	font-size: 90%;
	margin-top: 12px;
	line-height: 120%;
}


#eventos #content p, 
#menumexicano #content p,
#bar_esp #content p,
#snacks_esp #content p,
#hors_esp #content p {
	font-style: italic;
	font-size: 90%;
	margin-top: 12px;
	line-height: 120%;
}


#content #menus {
	border-bottom: 1px dashed #990000;
	padding-bottom: 20px;
}





/* @end */




/* @end */

/* @group Links */

/* links =================================== */

div#links {
	float: left;
	margin-left: -800px;
	width: 165px;
	padding: 10px 10px 30px 20px;
}

div#links a {
	display: block;
	border-bottom: 1px dashed #ff6600;
	font-size: 75%;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 5px;
}

div#links a:visited {
	color: #ffef88;
}


div#links a:hover, div#links a:focus {
	background-color: #820000;
}

div#links a:active {
	color: #ff6600;
}

div#links h1 {
	padding-bottom: 8px;
}



/* @end */

/* @group extra -> Fotos */

/* extra =================================== */

div#extra {
	float: left;
	margin-left: -200px;
	width: 200px;
	padding-top: 10px;
	text-align: center;
	padding-bottom: 30px;
}


div#extra a {
	margin-right: 18px;
}



div#extra a.fotos {
	color: #990000;
	margin: 5px;
	font-size: 90%;
	padding: 0;
}


div#extra a.fotos:visited {
	color: #990000;
	background: none;
	padding: 0;
}


div#extra a.fotos:hover, a.fotos:focus {
	border-bottom: 1px dotted #990000;
	background: none;
	padding: 0;
}

div#extra a.fotos:active {
	border-bottom: 1px dotted #990000;
	background: none;
	padding: 0;
}


div#extra h1 {
	padding-bottom: 8px;
	padding-right: 27px;
	letter-spacing: 1px;
}


.a, .a:visited {
	color:#660000;
}


a.gallery, a.gallery:visited {
	display:inline; 
	color:#660000; 
	text-decoration:none; 
	border:3px solid #ffffcc; 
	width:153px; 
	height:114px; 
	float:left; 
	margin: 7px 21px 10px 10px; 
	position:relative; 
	cursor:default;
	padding: 0;
}

a.slidea {background:url(titel1_thumb.jpg);}
a.slideb {background:url(titel2_thumb.jpg);}
a.slidec {background:url(titel3_thumb.jpg);}
a.slided {background:url(titel4_thumb.jpg);}

a.slidee {background:url(fotos/around_thumbs/FOTO-FOLLETO.jpg);}
a.slidef {background:url(fotos/around_thumbs/IMG_1951.jpg);}
a.slideg {background:url(fotos/around_thumbs/IMG_0764.jpg);}
a.slideh {background:url(fotos/around_thumbs/P2190006.jpg);}

a.slidei {background:url(fotos/food_thumbs/IMG_2444.jpg);}
a.slidej {background:url(fotos/food_thumbs/IMG_5355.jpg);}
a.slidek {background:url(fotos/food_thumbs/DSC00482.jpg);}
a.slidel {background:url(fotos/food_thumbs/PB260077.jpg);}

a.slidem {background:url(fotos/events_thumbs/IMG_4295.jpg);}
a.sliden {background:url(fotos/events_thumbs/Mesas-VIP-005.jpg);}
a.slideo {background:url(fotos/events_thumbs/fotos28.jpg);}
a.slidep {background:url(fotos/events_thumbs/PC300055_edited-1.jpg);}





a.gallery span {
	visibility:hidden; 
	display:block; 
	position:absolute; 
	width:630px; 
	height:520px; 
	top:189px; 
	left:9px; 
	color:#660000; 
	background: #ffef88; 
	text-align:center;
	letter-spacing:1px; 
	cursor:default;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
}

a.slidea span {left: -540px; top: -320px; right: 0;}
a.slideb span {left: -540px; top: -320px; right: 0;}
a.slidec span {left:-540px; top:-320px;}
a.slided span {left:-540px; top:-320px;}


a.slidee span {left: -540px; top: -320px; right: 0;}
a.slidef span {left: -540px; top: -320px; right: 0;}
a.slideg span {left: -540px; top: -320px; right: 0;}
a.slideh span {left: -540px; top: -320px; right: 0;}

a.slidei span {left: -540px; top: -320px; right: 0;}
a.slidej span {left: -540px; top: -320px; right: 0;}
a.slidek span {left: -540px; top: -320px; right: 0;}
a.slidel span {left: -540px; top: -320px; right: 0;}


a.slidem span {left: -540px; top: -320px; right: 0;}
a.sliden span {left: -540px; top: -320px; right: 0;}
a.slideo span {left: -540px; top: -320px; right: 0;}
a.slidep span {left: -540px; top: -320px; right: 0;}







a.gallery:hover {
	white-space:normal; 
	border:3px solid #ffef88; 
	z-index:100;
}

a.gallery:hover span {
	visibility:visible; 
	z-index:100;
}

a.gallery:hover span img {
	margin:10px; 
	border:1px solid #660000; 
	position:relative; 
	z-index:100;
}

a.gallery:active, a.gallery:focus {
	border:3px solid #ffef88; 
	z-index:10;
}

a.gallery:active span, a.gallery:focus span {
	visibility:visible; 
	z-index:10;
}

a.gallery:active span img, a.gallery:focus span img {
	border:1px solid #660000; 
	position:relative; 
	margin:10px; 
	z-index:10;}



/* @end */

/* @group Footer */

/* footer =================================== */

div#footer {
	clear: left;
	width: 100%;
	background-color: #ffffcc;
	border-bottom: 10px solid #660000;
	border-top: 6px solid #990000;
	height: 130px;
}

#footer address {
	color: #990000;
	font-size: 80%;
	position: relative;
	top: -50px;
	left: 210px;
	font-style: italic;
}

#logo_klein {
	position: relative;
	top: 20px;
	left: 10px;
}


#footer a:link, 
#footer a:visited {
	padding-bottom: 1px;
	color: #990000;
	font-size: 80%;
	font-style: italic;
}


#footer a:hover, 
#footer a:focus {
	border-bottom: 1px dotted #990000;
}

/* @group bbdesin */
#bbdesin {
	position: relative;
	top: -110px;
	left: 630px;
	width: 80px;
	height: 80px;
}

#bbdesin p {
	color: #990000;
	font-size: xx-small;
	text-align: center;
}

/* @end */



/* @end */

/* @group Gallery */


.fotos div#wrapper {	
	float: left;
	width: 800px;
	margin: 27px;
}

.fotos h5 {
	margin-left: 10px ;
}


.fotos #titel_gallery {
	clear: both;
	margin-left: 38px;
}

.fotos #titel_gallery a:link, 
.fotos #titel_gallery a:visited {
	border-bottom:1px dotted #FFFFCC;
	margin-right: 15px;
}

.fotos #titel_gallery a:hover, 
.fotos #titel_gallery a:focus {
	color:#FFEF88;
}





/* @end */