/*

	CSS für die Website von MAGO
	
	Gestaltung spezieller Elemente (Curry- und Frischeseite, News etc.
	
	Datum: 05/2010
	Autor: Thomas Jung ( Telefon: +49 172 3465096; Email: thomas@tjwd.de; Web: www.tjwd.de) 

*/


/* Darstellung der Teaserboxen */
#content .teaser { position: relative; left: -3px; padding: 0 20px 25px 20px; margin: 50px 0 30px 0; width: 490px; background: url(../images/teaserbg.png) no-repeat left bottom; }
#content .teaser .where { position: absolute; width: 530px; height: 30px; top: -30px; left: 0; display: block; background: url(../images/teasertop.png) no-repeat left top; }
#content .teaser h5 { position: absolute; top: 0; right: 55px; background: #ccc; font-size: 11px; height: 22px; text-align: right; padding: 8px 2px 0 15px; background: url(../images/teaserwherebg.png) top left; color: #900; font-weight: normal; }
#content .teaser h4 { margin: 0 0 10px 0; padding: 6px 0 0 0; }
#content .teaser h4 a, .teaser h5 a { text-decoration: none; color: #c00; }
#content .teaser img { margin: 12px 10px 10px 0; }


/* Redesign der Curry-Seite */
.curry { background: #fef3e5; }
.curry #page { background: url(../images/curryheadbg.jpg) no-repeat center top; }
.curry #header { margin: 28px auto 0 auto; }
.curry #nav { bottom: 112px; }
.curry #headpic { display: none; }
.curry #content { margin: 30px 0 0 30px; }
.curry #rootline { top: 0; }
.curry #rootline a, .curry #rootline li { color: #fff; text-shadow: none; }
.curry #footer { background: url(../images/footerbgcurry.jpg) no-repeat center bottom; }
.curry #sidebartop { top: -50px; background: url(../images/sidebartopcurry.png) no-repeat 0 0;  }
.curry #sidebarbottom { bottom: -50px; background: url(../images/sidebarbottomcurry.png) no-repeat 0 0; }
.curry #sidebar { background: url(../images/sidebarbgcurry.png) repeat-y left top; }
.curry #content p.prosecco { background: url(../images/currypic.jpg) no-repeat right top; padding: 0 280px 0 0; height: 240px; }


/* Sprechblase auf Curry-Seite */
a#currysens { position: absolute; top: 160px; left: 340px; width: 140px; height: 170px; z-index: 2000; }
a#currysens span.blurb { position: absolute; top: -50px; left: -3000px; background: url(../images/curryblurb.png) no-repeat 0 0;; width: 180px; height: 130px; display: block; overflow: hidden; }
a#currysens:hover span.blurb { left: -110px; }


/* Speisekarte auf Curry-Seite */
ul.currymenu, .currymenu ul { list-style-type: none !important; list-style-image: none !important; margin-left: 0 !important; }
ul.currymenu { border-top: 1px dotted #999; line-height: 160%; font-size: 12px; }
ul.currymenu li { font-weight: bold; margin: 0.5em 0; border-bottom: 1px dotted #999; padding: 0 0 5px 0; }
ul.currymenu li h4 { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-style: normal; font-size: 12px; cursor: pointer }
ul.currymenu li h4:hover { background: #f4e7d5; }
ul.currymenu li .menuline { font-size: 0.9em; color: #999; font-weight: normal; }
ul.currymenu ul li { position: relative; font-size: 11px; font-weight: normal; padding: 5px 100px 0 0; border: none; border-top: 1px dotted #ccc;}
ul.currymenu ul li span.price { position: absolute; top: 5px; right: 0; text-align: right; font-weight: bold; color: #c00; }


/* Redesign der Frische-Seite */
.frische #page { background: url(../images/frischeheadbg.png) no-repeat center top; }
.frische p.frischeteaser { margin-top: -20px !important; background: url(../images/childpic.jpg) no-repeat right bottom; padding: 35px 130px 0 0; height: 140px; }
.frische #appleft { top: 0; left: 0; width: 73px; height: 500px; background: url(../images/freshhead_leftapp.png) no-repeat 0 0; }
.frische #appright { top: 0; right: 0; width: 76px; height: 500px; background: url(../images/freshhead_rightapp.png) no-repeat 0 0; }
.frische #apptop { top: 0; left: 73px; width: 811px; height: 62px; background: url(../images/freshhead_topapp.png) no-repeat 0 0; }
.frische #appbottom { bottom: 0; left:73px; width: 811px; height: 78px; background: url(../images/freshhead_bottomapp.png) no-repeat 0 0; }
.frische #headpic img { position: absolute; top: 0px; left: 45px; }
.frische #footer { background: url(../images/footerbgfrische.jpg) no-repeat center bottom; }


/* Sitemap-Gestaltung */
.csc-sitemap { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px 0 15px 0; }


/* Formulardesign für Suche & Kontaktformular */
.tx-thmailformplus-pi1, #search { position: relative; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; margin: 5px 0 20px 0; }
.tx-thmailformplus-pi1 div, #search div { position: relative; clear: both; margin: 5px 0; }
.tx-thmailformplus-pi1 label, #search label { position: relative; width: 140px; text-align: right; display: block; float: left; clear: both; font-size: 11px; margin: 0 10px 0 0; padding: 2px 0; }
.tx-thmailformplus-pi1 input, #search input { position: relative; font-size: 12px; padding: 2px; border: 1px solid #999; width: 240px; }
.tx-thmailformplus-pi1 textarea { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 11px; padding: 2px; border: 1px solid #999; width: 240px; }
.tx-indexedsearch-res { border-bottom: 1px solid #ccc; padding: 0 0 3px 0;  }
.tx-indexedsearch-res .tx-indexedsearch-res { border-top: 1px solid #ccc; padding: 0 0 3px 0; border-bottom: none; }
.tx-indexedsearch-redMarkup { color: #c00; }
.tx-indexedsearch-res h5 { font-size: 1.3em; margin: 5px 0 -5px 0; }
.tx-thmailformplus-pi1 .submit, #search input#tx-indexedsearch-searchbox-button-submit { position: absolute; right: 0; width: 70px; border-color: #ccc #999 #999 #ccc; background: #eeee; }
.tx-thmailformplus-pi1 .submit { bottom: 5px; width: 100px; }


/* Google-Map-Design */
.tx-zwgmap-pi1 { position: relative; margin: 5px 0 20px 0; border: 1px solid #999; width: 540px; height: 350px; overflow: hidden; }
.tx-zwgmap-pi1 p { margin: 0; color: #666; }
#content .tx-zwgmap-pi1 #gmapmarker p,
#content .gmnoprint .tx-zwgmap-pi1  { margin: 0; font-size: 11px; }
#gmapDirHead { display: none; }


/* EOF */