/*  
Theme Name: Restaurant Summter Storch
Theme URI: 	www.summter-storch.de
Version: 	Juni 2010
Author: 	Realdesigns Berlin / Thorsten Kienemann
Website: 	http://www.realdesigns.de
*/

/* Reset Browser */
* 		{vertical-align:baseline;font-weight:inherit;font-family:inherit;font-style:inherit;font-size:100%;border: 0 none;outline:0;padding:0;margin:0}
:focus 	{outline:0}
ol, ul 	{list-style:none}
body 	{line-height:1;background: url(../images/bg_site.jpg) top left repeat-x #E9E9E9;font-family:Helvetica, Arial, sans-serif;color:#000}
strong	{font-weight:bold}

/* Wrapper */
.wrap_navigation	{margin:0 auto 0 auto;width:880px;background:url(../images/bg_wrapper_navigation.jpg) top left no-repeat}
.wrap_header 		{margin:0 auto 0 auto;width:880px}
.wrap_header_pic	{margin:0 auto 0 auto;width:880px;background:url(../images/bg_content.jpg) top left repeat-y;text-align:center}
.wrap_content		{margin:0 auto 0 auto;width:880px;background:url(../images/bg_content.jpg) top left repeat-y}
.wrap_footer		{margin:0 auto 0 auto;width:880px}
.wrap_top_contact	{margin:0 auto 0 auto;width:880px;background:#E9E9E9}

/* Headlines */ 
#content h1, #data h1	{font-size:1.2em;margin:0 0 7px 0;color:#C00}
#content h2				{font-size:1.0em;font-weight:bold;margin:0 0 10px 0;color:#999;line-height:1.4em}
#content_right h1		{font-size:1.0em;font-weight:bold;margin:0 0 10px 0;color:#C00}
#footer	h1				{font-size:1.0em;margin:0 0 10px 0;color:#C00}

/* Container */
#header			{background:url(../images/bg_header.jpg) top left no-repeat;height:300px}
#header_contact	{float:left;width:500px;height:60px;margin:13px 0 0 20px}
#header_pic		{height:300px;width:880px; vertical-align:middle}
#content		{width:815px;overflow:auto;padding:20px 20px 20px 45px}

#content_left			{float:left;width:485px}
#content_left .trenner	{background:url(../images/bg_trenner_left.jpg) 50% 50% no-repeat;width:485px;height:50px;clear:both}
#content_left strong.red{font-weight:bold;color:#C00}

#content_right			{margin:0 0 0 25px;width:260px;float:left;padding:0 0 20px 20px}
#content_right .trenner	{background:url(../images/bg_trenner_right.jpg) 50% 50% no-repeat;width:260px;height:50px}

#content_right a.buffet:link, #content_right a.buffet:visited	{background:#F2F2F2;padding:2px 0 0 10px;color:000;width:253px;line-height:30px;display:block;border-bottom:1px solid #CCC}
#content_right a.buffet:hover									{background:#C00;color:#FFF;text-decoration:none}
#content_right a.buffet#current									{background:#C00;color:#FFF;text-decoration:none}

#header	.clear			{clear:both}

/* Find us im Headbereich */
#inline_box	{display:none}
#data		{padding:20px;width:700px;height:320px;overflow:auto}

/* Speisekarte */
#content label			{font-size:0.85em;line-height:1.5em;padding:0;margin:0 0 10px 0}
#content label.speise	{float:left;width:390px;margin:0}
#content label.preis 	{float:right;margin:0}
#content br.clear		{display:none}

/* Footer */
#footer					{background:url(../images/bg_footer.jpg) bottom left no-repeat;overflow:auto;margin-bottom:20px;padding-bottom:28px}
#footer .box_aussen		{margin:0 0 0 15px;background: url(../images/logo_footer-trans.png) no-repeat #E6E6E6; background-position:730px 15px; width:850px; height:auto;overflow:auto;border-top:1px solid #000;border-bottom:1px solid #000}
#footer .box_innen		{width:200px; height:auto;margin:30px 0 30px 30px;float:left}

#imprint				{padding:12px 45px 0 45px}

/* Logo */
#header	 img.logo_summt		{margin:40px 0 25px 40px;float:left}
#header	 img.logo_find_us	{margin-right:150px;float:right}

/* Teaser */ 
img.teaser			{margin:5px 15px 10px 0;float:left;border:1px solid #CCC}

/* Gallery */ 
img.pension_gallery	{margin:0 9px 9px 0;float:left;border:1px solid #CCC}

/* Text */
#header_contact p				{font-size:11px;line-height:1.3em;color:#FFF}
#content p						{font-size:0.85em;line-height:1.6em}
#footer p, #data p				{font-size:0.75em;line-height:1.5em}
#imprint p, #content p.hinweis	{font-size:0.70em; clear:both}
#content_right p				{font-size:0.75em;line-height:1.4em;width:inherit}
#content sup					{vertical-align:top;font-size:0.75em;line-heigt:100%}
#content p.buffet				{text-align:center}

/* Google Map */ 
iframe.google_map		{width:260px;height:400px;border:1px solid #CCC;padding:3px 3px 3px 0;margin-top:20px}
iframe.google_map_02	{width:470px;height:300px;border:1px solid #CCC;padding:3px 3px 3px 0;margin-top:20px}
iframe.google_map_head	{width:470px;height:300px;border:1px solid #CCC;padding:3px 3px 3px 0;float:left;margin-right:20px}

/* Kontaktformular */
.kontakt_form					{margin:20px 0 40px 0}
.kontakt_form label				{float: left;width:190px;margin:0 0 10px 0; font-size:0.85em}
.kontakt_form select			{width:260px;padding:3px;margin:3px 0 20px 0;background-color:#F5F5F5;border:1px solid #999999; font-family:Helvetica,Arial,sans-serif;}
.kontakt_form input, textarea	{width: 250px;margin:0 0 10px 0;padding:3px; background:#fff;border:1px solid #CCCCCC;font-family:Helvetica,Arial,sans-serif; font-size:0.75em}
.kontakt_form textarea			{width: 250px;height: 100px;font-family:Helvetica,Arial,sans-serif}
.kontakt_form .boxes			{width: 1em}
.kontakt_form br				{clear: both}
.kontakt_form input.btn			{padding:4px;cursor:pointer;background-color: #CCCCCC;border:1px solid #666666;color:#000000;width:120px;margin:5px 10px 0 0;float:right;font-family:Helvetica,Arial,sans-serif;font-size:0.7em}
.kontakt_form input.btnhov		{background-color: #CC0000;color:#ffffff;}
.kontakt_form .focus			{width: 250px;margin:0 0 10px 0;padding:3px; background:#f0f0f0;border:1px solid #900;}
.kontakt_form .blur				{width: 250px;margin:0 0 10px 0;padding:3px; background:#fff;border:1px solid #ccc;}

/* Links Header Contact */
#header_contact a:link, #header_contact a:visited	{color:#fff; text-decoration:none}
#header_contact a:hover								{color:#fff; text-decoration:underline}

/* Links allgemein */
a:link, a:visited	{color:#900; text-decoration:none}
a:hover				{color:#F00; text-decoration:underline}