/*  
Theme Name: Restaurant PARIS-MOSKAU
Theme URI: 	http://www.paris-moskau.de/
Version: 	März 2010
Author: 	Thorsten Kienemann
Website: 	http://www.realdesigns.de
*/


/* Reset Browser */
* 		{vertical-align:baseline;font-weight:inherit;font-family:inherit;font-style:inherit;font-size:100%;font:inherit;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_body.gif) top center no-repeat;font-family:Helvetica, Arial, sans-serif;color:#000}
strong	{font-weight:bold}

/* Wrapper */
.wrap		 	{margin:0 auto 0 auto;width:980px;clear:both}

/* Headlines */ 
h1	{font-size:1em;color:#C00;font-weight:bold; line-height:1.4em}
h2	{font-size:0.85em;color:#000;font-weight:bold;margin-bottom:5px}

/* Trenner */
.trenner			{background:url(../images/bg_trenner.gif) left center repeat-x;height:50px;clear:both}

/* Teaser */
.teaser_start		{border:3px solid #000;float:left;margin-right:20px}
.teaser_start img	{width:200px;height:110px}
.teaser_partner		{border:3px solid #000;float:left;margin:0 8px 8px 0;width:190px;height:110px}
 
/* Container */
#top_info			{text-transform:uppercase; font-size:14px; color:#FFF;height:33px;padding:17px 15px 0 15px}
#top_info p.left	{float:left}
#top_info p.right	{float:right}

#top_info p.right a:link, #top_info p.right a:visited	{color:#fff;text-decoration:none}
#top_info p.right a:hover								{color:#fff;text-decoration:underline}

#logo				{width:301px;height:330px;float:left}

#header_pic			{width:674px;height:331px;float:left}

#content			{width:625px;float:left;padding:35px 30px 30px 30px}
#content p			{font-size:0.85em;line-height:1.4em}
#content p.caption	{font-size:0.7em}
.leftside			{float:left; width:300px}
#content span.br_mob{display:none}
.schnellkontakt		{}
.schnellkontakt	p	{margin-bottom:8px; font-size:12px;line-height:1.4em;color:#FFF}
.navcontainer .schnellkontakt a:link, .navcontainer .schnellkontakt a:visited	{color:#fff; text-decoration:none;padding:0;margin:0; background:none}
.navcontainer .schnellkontakt a:hover								{color:#fff; text-decoration:underline;padding:0;margin:0; background:none}

/* Hinweis */
#content p.hinweis	{font-size:0.85em;line-height:1.4em; color:#FFF; background:#C00;padding:10px;margin-top:15px}
#content p.hinweis a:link, #content p.hinweis a:visited	{color:#fff; text-decoration:none}
#content p.hinweis a:hover								{color:#fff; text-decoration:underline}

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

/* Footer */
#wrap_footer		{height:auto;overflow:auto;background:#CCC;border-top:5px solid #000;clear:both;padding:10px 20px 10px 0}
#wrap_footer p		{font-size:0.70em;line-height:1.3em;float:right;width:auto; text-align:right}

#wrap_footer a:link, #wrap_footer a:visited	{color:#000;text-decoration:none}
#wrap_footer a:hover						{color:#000;text-decoration:underline}

/* Images */
#logo img.logo			{margin:70px 0 0 30px; float:left;width:240px;height:145px}
#logo img.btn_booking	{margin:60px 0 0 33px; float:left;width:235px;height:34px}

#logo img.btn_booking_mob	{display:none}

/* Gallery */
.gallery_box			{margin:0 0 0 -5px;padding:0;width:auto;list-style-type:none; list-style-image:none;}
.gallery_box img		{vertical-align: top;width:194px;height: 100px; border:1px solid #999999;margin:0;padding:0}
.gallery_box a 			{float: left; filter: alpha(opacity=80); -moz-opacity: 0.7;}
.gallery_box a:hover	{filter: alpha(opacity=100); -moz-opacity: 1.0;}
.gallery_box li			{margin:5px;padding:0; float:left; display:inline;position:relative;}
.gallery_box ul			{margin:0;padding:0;}

/* Navigation */
.navcontainer 							{width:265px;padding:30px 0 0 30px;float:left}
.navcontainer ul						{margin-left: 0;padding-left: 0;list-style-type: none;font-size:0.9em;height:370px}
.navcontainer a							{display: inline-block;padding:5px 0 5px 60px;width:auto;margin-bottom:8px}
.navcontainer a:link, .navlist a:visited{color: #000;text-decoration: none;background:url(../images/navi_block.gif) center left no-repeat}
.navcontainer a:hover					{color: #000;background:url(../images/navi_block_hover.gif) center left no-repeat;text-decoration:none}
.navcontainer a.current					{background:url(../images/navi_block_hover.gif) center left no-repeat;color: #000; font-weight:bold}

.navcontainer a.logo_facebook											{display: inline-block; padding:0;margin-bottom:45px}
.navcontainer a.logo_facebook:link, .navlist a.logo_facebook:visited	{background:none}
.navcontainer a.logo_facebook:hover										{background:none}
.navcontainer a.logo_facebook.current									{background:none}

/* Back to top button */
.navcontainer #back-top 		{position: fixed;bottom: 60px;margin-left:-25px;height:120px; width:291px; background:url(../images/bg_back_top.gif) top left no-repeat;clear:both}
.navcontainer #back-top a 		{width: 291px;height:120px;display: block; background:none; text-indent: -5000px; /* background color transition */	-webkit-transition: 500ms;	-moz-transition: 500ms;transition: 500ms}
.navcontainer #back-top a:hover	{background:none}

/* Google Map */ 
iframe.google_map	{width:610px;height:300px;border:1px solid #CCC;padding:3px;margin-top:5px}

/* Kontaktformular */
.kontakt_form					{margin-top:18px}
.kontakt_form label				{float: left;width:226px;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:8px;cursor:pointer;background-color: #CCCCCC;border:1px solid #666666;color:#000000;width:120px;margin:5px 10px 0 230px;float:left;font-family:Helvetica,Arial,sans-serif;font-size:0.85em}
.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 #CC0000;}
.kontakt_form .blur				{width: 250px;margin:0 0 10px 0;padding:3px; background:#fff;border:1px solid #cccccc;}

.kontakt_form input.btn2		{padding:8px;cursor:pointer;background-color: #CCCCCC;border:1px solid #666666;color:#000000;width:120px;margin:5px 10px 0 0;float:left;font-family:Helvetica,Arial,sans-serif;font-size:0.85em}
.kontakt_form input.btnhov2		{background-color: #CC0000;color:#ffffff;}

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



/* iPads (portrait) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {

body	{background: url(../images/bg_body_ipad.gif) top center no-repeat #fff}

/* Wrapper */
.wrap	{margin:0 auto 0 auto;width:768px;clear:both}

/* Headlines */ 
h1	{font-size:1em;color:#C00;font-weight:bold; line-height:1.2em;margin-bottom:1.5%}
h2	{font-size:0.85em;color:#000;font-weight:bold;margin-bottom:1%}

/* Top Info */
#top_info			{width:728px;text-transform:uppercase; background:none;font-size:115%; text-wrap:none; font-weight:normal;color:#fff;height:auto;padding:12px 0 0 0;text-align:center;margin:0 0 20px 0}
#top_info p.left	{float:none}
#top_info p.right	{display:none}

/* Container */
#header_pic					 	{float:left;width:auto;height:auto}
#header_pic img 				{width:515px;height:253px}
#content						{width:479px;float:left;padding:20px}
#leftpane						{width:50%;height:auto;float:left}

#content p			{font-size:0.85em;line-height:1.3em}

.schnellkontakt		{margin:0;padding:12px 12px 0 12px;clear:both}
.schnellkontakt	p	{font-size:0.75em;line-height:1.5em;color:#fff}

.leftside			{float:left; width:50%}
#content span.br_mob{display:none}

/* Google Map */ 
iframe.google_map	{width:96%;height:500px;border:1px solid #CCC;padding:1%px;margin-top:3%}

/* Speisekarte */
#content label			{font-size:0.85em;line-height:1.5em;padding:0;margin:0 0 2% 0}
#content label.speise	{float:left;width:80%;margin:0}
#content label.preis 	{float:right;margin:0}

/* Images */
#logo						{width:248px;height:253px;background:none;float:left}
#logo img.logo				{margin:30px 0 0 15px; float:left;width:219px;height:auto}
#logo img.btn_booking_mob	{margin:30px 0 0 15px; float:left;display:inline;width:220px;height:auto}

#logo img.btn_booking	{display:none}

.teaser_start			{margin-right:2%;width:35%;height:auto}
.teaser_partner			{border:3px solid #000;float:left;margin:0 8px 8px 0;width:35%;height:auto}

/* Gallery */
.gallery_box			{margin:0 0 0 -0.7em;padding:0;width:auto;list-style-type:none; list-style-image:none}
.gallery_box img		{vertical-align: top;width:150px;height:auto; border:1px solid #999999;margin:0;padding:0}
.gallery_box a 			{float: left; filter: alpha(opacity=80); -moz-opacity: 0.7;}
.gallery_box a:hover	{filter: alpha(opacity=100); -moz-opacity: 1.0;}
.gallery_box li			{margin:0 0 0.7em 0.7em;padding:0; float:left; display:inline;position:relative;}
.gallery_box ul			{margin:0;padding:0;}

/* Navigation */
.navcontainer 							{width:249px;padding:0;height:380px;margin:20px 0 0 0}
.navcontainer ul						{margin-left: 0;padding-left: 0;list-style-type: none;font-size:1em;float:none;width:100%;margin-bottom:5%;height:auto}
.navcontainer ul li 					{}
.navcontainer ul li a					{display:inline-block;padding:8px;width:190px;margin:0 0 10px 20px}
.navcontainer a:link, .navlist a:visited{color:#fff;text-decoration: none;background:#CC0000;font-weight:bold}
.navcontainer a:hover					{color:#fff;background:#CC0000;text-decoration:none}
.navcontainer a.current					{background:#CC0000;color:#fff}

.navcontainer a.logo_facebook											{display: inline-block; padding:0;margin:0 0 10px 20px}
.navcontainer a.logo_facebook:link, .navlist a.logo_facebook:visited	{background:none}
.navcontainer a.logo_facebook:hover										{background:none}
.navcontainer a.logo_facebook.current									{background:none}

.navcontainer img	{width:206px;height:auto;margin:-10px 0 10px 0}	

/* Back to top button */
.navcontainer #back-top 		{height:0.1%; width:0.1%}
.navcontainer #back-top a 		{height:0.1%; width:0.1%}

/* Kontaktformular */
.kontakt_form					{margin-top:18px}
.kontakt_form label				{float:left;width:226px;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:8px;cursor:pointer;background-color: #CCCCCC;border:1px solid #666666;color:#000000;width:120px;margin:5px 10px 0 0;float:left;font-family:Helvetica,Arial,sans-serif;font-size:0.85em}
.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 #CC0000}
.kontakt_form .blur				{width:250px;margin:0 0 10px 0;padding:3px; background:#fff;border:1px solid #cccccc}

.kontakt_form input.btn2		{padding:8px;cursor:pointer;background-color: #CCCCCC;border:1px solid #666666;color:#000000;width:120px;margin:5px 10px 0 0;float:left;font-family:Helvetica,Arial,sans-serif;font-size:0.85em}
.kontakt_form input.btnhov2		{background-color: #CC0000;color:#ffffff;}

/* Footer */
#wrap_footer					{width:100%;height:auto;overflow:auto;border-top:5px solid #000;border-bottom:5px solid #000;clear:both;padding:0}
#wrap_footer p					{font-size:0.85em;line-height:1.8em;float:none;width:auto; text-align:center;padding:20px}

#wrap_footer a:link, #wrap_footer a:visited	{color:#000;text-decoration:none}
#wrap_footer a:hover						{color:#000;text-decoration:underline}

}

/* iPads (landscape) ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : landscape) {
	
body	{background: url(../images/bg_body_ipad_h.gif) top left no-repeat}
	
}


/*layouts smaller than 600px, iPhone and mobiles*/
@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 767px)  {

html 	{-webkit-text-size-adjust:none; -ms-text-size-adjust:none} 
body	{background:#FFF}


/* Wrapper */
.wrap 	{width:100%;margin:0}

/* Headlines */ 
h1	{font-size:1em;color:#C00;font-weight:bold; line-height:1.2em;margin-bottom:1.5%}
h2	{font-size:0.85em;color:#000;font-weight:bold;margin-bottom:1%}

/* Top Info */
#top_info			{width:94%;text-transform:uppercase; background:#E4E4E4;font-size:90%; text-wrap:none; font-weight:bold;color:#000;height:auto;padding:3%;text-align:center}
#top_info p.left	{float:none}
#top_info p.right	{display:none}

#top_info p.right a:link, #top_info p.right a:visited	{color:#000;text-decoration:none}
#top_info p.right a:hover	

/* Container */
#header_pic, #header_pic img 	{display:none}
#header_pic						{width:0;height:0;float:none}
#content						{width:94%;float:none;padding:3%}
#leftpane						{width:100%;height:auto;float:none}

#content p			{font-size:0.85em;line-height:1.3em}

.schnellkontakt		{margin:3% 0 1.5% 0; background: #CCC;padding:3%;clear:both}
.schnellkontakt	p	{font-size:80%;line-height:1.4em;color:#000}
.navcontainer .schnellkontakt a:link, .navcontainer .schnellkontakt a:visited	{color:#000; text-decoration:none;padding:0;margin:0; background:none}
.navcontainer .schnellkontakt a:hover											{color:#000; text-decoration:underline;padding:0;margin:0; background:none}

.leftside			{float:none; width:100%;}
#content span.br_mob{display:inline}

/* Google Map */ 
iframe.google_map	{width:96%;height:350px;border:1px solid #CCC;padding:1%px;margin-top:3%}

/* Speisekarte */
#content label			{font-size:0.85em;line-height:1.5em;padding:0;margin:0 0 2% 0}
#content label.speise	{float:left;width:80%;margin:0}
#content label.preis 	{float:right;margin:0}

/* Images */
#logo						{width:100%;height:auto;float:none;text-align:center}
#logo img.logo				{margin:6% 0 6% 0; float:none;display:inline;height:auto;width:70%}
#logo img.btn_booking_mob	{margin:2% 0 6% 0; float:none;display:inline;width:100%;height:auto}

#logo img.btn_booking	{display:none}

.teaser_start			{margin-right:2%;width:35%;height:auto}
.teaser_partner			{border:3px solid #000;float:left;margin:0 8px 8px 0;width:35%;height:auto}

/* Navigation */
.navcontainer 							{width:94%;padding:3%;height:auto;margin-bottom:4%}
.navcontainer ul						{margin-left: 0;padding-left: 0;list-style-type: none;font-size:1em;float:none;width:100%;margin-bottom:5%;height:auto}
.navcontainer ul li 					{}
.navcontainer ul li a					{display:inline-block;padding:3%;width:94%;margin:0 1% 1% 0}
.navcontainer a:link, .navlist a:visited{color: #fff;text-decoration: none;background:#CC0000;font-weight:bold}
.navcontainer a:hover					{color: #fff;background:#CC0000;text-decoration:none}
.navcontainer a.current					{background:#CC0000;color: #fff}

.navcontainer a.logo_facebook											{display: inline-block; padding:0;margin:0; width:100%;}
.navcontainer a.logo_facebook:link, .navlist a.logo_facebook:visited	{background:none}
.navcontainer a.logo_facebook:hover										{background:none}
.navcontainer a.logo_facebook.current									{background:none}

.navcontainer img	{width:100%;height:auto;margin:0 0 3% 0}		

/* Back to top button */
.navcontainer #back-top 		{height:0.1%; width:0.1%}
.navcontainer #back-top a 		{height:0.1%; width:0.1%}

/* Kontaktformular */
.kontakt_form					{margin-top:18px}
.kontakt_form label				{float:left;width:226px;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:8px;cursor:pointer;background-color: #CCCCCC;border:1px solid #666666;color:#000000;width:120px;margin:5px 10px 0 0;float:left;font-family:Helvetica,Arial,sans-serif;font-size:0.85em}
.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 #CC0000}
.kontakt_form .blur				{width:250px;margin:0 0 10px 0;padding:3px; background:#fff;border:1px solid #cccccc}

.kontakt_form input.btn2		{padding:8px;cursor:pointer;background-color: #CCCCCC;border:1px solid #666666;color:#000000;width:120px;margin:5px 10px 0 0;float:left;font-family:Helvetica,Arial,sans-serif;font-size:0.85em}
.kontakt_form input.btnhov2		{background-color: #CC0000;color:#ffffff;}

/* Footer */
#wrap_footer		{height:auto;overflow:auto;background:#CCC;border-top:3px solid #000;clear:both;padding:3%}
#wrap_footer p		{font-size:0.70em;line-height:1.6em;float:none;width:auto; text-align:center}

#wrap_footer a:link, #wrap_footer a:visited	{color:#000;text-decoration:none}
#wrap_footer a:hover						{color:#000;text-decoration:underline}

}