/* 	------------------------------ */
/*	SUPERSCHLEMMEN.DE			 */
/*	- main style sheet -		 */
/*	2009-09-23				 */
/*  	------------------------------ */

/*	Table of Contents */
/*
	1. GENERAL SETTINGS
	   1.1 BROWSER RESET
	   1.2 CLEARFIX
	2. STRUCTURE
	   2.1 HEADER
	   2.2 MAINBODYWRAP
	   2.3 MAINBODYBOTTOM
	   2.4 FOOTER
	3. MAINCONTENT STYLES
	   3.1 GENERAL CONTENT STYLES
	4. TT_NEWS
	   4.1 LATEST
	   4.2 SINGLE
	   4.3 BROWSEBOX
	5. POWERMAIL
	6. FH_SUSCH
	   6.1 GASTROSEARCH
	   6.2 GASTROTEASER
	   6.3 EXPERTSEARCH
	   6.4 LIST
	   6.5 SINGLE

*/


/* 	------------------------------ */
/* 1. GENERAL SETTINGS */
/* 	------------------------------ */

/* 1.1 BROWSER RESET */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
 * YUI Reset
 * @module reset
 * @namespace
 * @requires 
 */
html { color: #000; background: #fff; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit; }
del, ins { text-decoration: none; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
/*because legend doesn't inherit in IE */
legend { color: #000; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }


/* 1.2 CLEARFIX */
.clear:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clear { display:inline-block; }
/* hide from IE Mac \*/
* html .clearfix { height: 1%; }
.clear { display:block; }



/* 	------------------------------ */
/* 2. STRUCTURE */
/* 	------------------------------ */

html { background: #4d4d4d; overflow-y: scroll; }
body { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 1.5; text-align: center; }

/* 2.1 HEADER */
#header { position: relative; width: 940px; height: 264px; margin: 22px auto 0px auto; background: url(../layout/header/background_header.png) no-repeat; text-align: left; }
#logo { position: absolute; width: 359px; height:197px; top: 3px; left: 29px; }
#logo img { display: none; }

#gastrosearch { position: absolute; width: 464px; height: 125px; top: 120px; left: 427px; font-size: 11px; }

ul#menu1 { position: absolute; width: 400px; top: 225px; left: 11px; }
#menu1 li { float: left; width: auto; }
#menu1 a { display: block; height: 38px; background: no-repeat 0px 0px; overflow: hidden;  border: none; text-indent: 999em; white-space: nowrap; outline: none; }
#menu1 a:hover, #menu1 .active { background-position: 0px -38px; }


/* 2.2 MAINBODYWRAP */
#mainbodyWrap { width: 940px; margin: 0px auto; background: url(../layout/mainbodyWrap/background_mainbodyWrap.png) repeat-y; text-align: left; }
#mainbodyLeft { float: left; margin: 5px 0px 0px 16px; overflow: hidden; }
#superschlemmenStart #mainbodyLeft { width: 300px; }
#superschlemmenContent #mainbodyLeft { width: 605px; }
#superschlemmenCoupon #mainbodyLeft { width: 910px; }

#mainbodyRight { float: left; margin: 5px 0px 0px 5px; overflow: hidden; }
#superschlemmenStart #mainbodyRight { width: 605px; }
#superschlemmenContent #mainbodyRight { width: 300px; }

#mainbodyRightA { width: 100%; }

#mainbodyRightB { float: left; width: 300px; margin-top: 5px; }
#mainbodyRightC { float: right; width: 300px; margin-top: 5px; }



/* 2.3 MAINBODYBOTTOM */
#mainbodyBottom { width: 940px; height: 30px; margin: 0px auto; background: url(../layout/mainbodyBottom/background_mainbodyBottom.png) no-repeat; text-align: left; }

/* 2.4 FOOTER */
#footer { width: 940px; margin: -8px auto 22px auto; text-align: right; }
ul#menu0 { float: right; margin-right: 3px; }
#menu0 li { float: left; width: auto; }
#menu0 a { display: block; height: 38px; padding: 0px 7px 0px 5px; background: url(../layout/footer/menu0_separator.png) no-repeat right 3px; font-family: arial, verdana, helvetica sans-serif; font-size: 12px; color: #fff;  }
#menu0 a:hover, #menu0 .active { color: #b9b9b9; text-decoration: none; }
#copyright { float: right; margin-right: 12px; font-family: arial, verdana, helvetica sans-serif; font-size: 12px; color: #fff; }



/* 	------------------------------ */
/*	3. MAINCONTENT STYLES */
/* 	------------------------------ */

/* 3.1 GENERAL CONTENT STYLES */
a { text-decoration: none; }
h1 { margin: 10px 5px 0px 5px; color: #aa0000; font-size: 14px; line-height: 1.2; font-weight: bold; }
h2 { margin: 0px 5px 15px 5px; color: #000; font-size: 12px; line-height: 1.2; font-weight: bold; }
h3 { margin: 15px 5px 15px 5px; color: #000; font-size: 12px; font-weight: bold; line-height: 1.2; font-weight: bold; }
p { margin: 0px 5px 10px 5px; }
#mainbodyWrap h1 + p { margin-top: 15px; }

a { color: #aa0000; text-decoration: none; }
a:hover { text-decoration: underline; }


form { margin: 15px 5px; }
form#gastrosearchForm { margin: 0px; }

.divider { width: 100%; margin: 5px 0px 7px 0px; background: #8a8a8a; border: 0; clear: both; display: block; height: 1px; line-height: 0; font-size: 0; }



/* 	------------------------------ */
/*	4. TT_NEWS */
/* 	------------------------------ */


/* 4.1 LATEST */
.ttnewsLatest { margin: 0px 0px 5px 0px; padding-top: 12px; }
.ttnewsLatest h1 { margin: 0px 5px; }
.ttnewsLatest h1 a { display: block; margin: 0px 0px; color: #aa0000; font-size: 14px; line-height: 1.2; font-weight: bold; }
.ttnewsLatest h2 { margin: 0px 5px; }
.ttnewsLatest h2 a { display: block; margin: 0px 0px; color: #000; font-size: 12px; line-height: 1.2; font-weight: bold; }
.ttnewsLatest p { margin: 0px 5px; padding: 0px 0px; }
.ttnewsMore { display: block; margin: 0px 5px 0px 5px; padding-bottom: 2px;  text-align: right; }


/* 4.2 SINGLE */
.ttnewsSingle { margin: 0px 0px 5px 0px; padding-top: 12px; }
.ttnewsSingle h1 { display: block; margin: 0px 5px; color: #aa0000; font-size: 14px; line-height: 1.2; font-weight: bold; }
.ttnewsSingle h2  { display: block; margin: 0px 5px; color: #000; font-size: 12px; line-height: 1.2; font-weight: bold; }
.news-single-img { width: 300px; margin: 0px 0px 5px 0px; text-align: center; }
.ttnewsSingle img { margin: 0px auto; }
.ttnewsSingle .news-single-imgcaption { display: none; }
.ttnewsSingle p { display: block; margin: 0px 5px 10px 5px; padding: 0px 0px; }
.ttnewsSingle p.ttnewsDate { font-size: 10px; font-style: italic; }

 
/* 4.3 BROWSEBOX */



/* 	------------------------------ */
/*	5. POWERMAIL */
/* 	------------------------------ */

#mainbodyWrap .tx-powermail-pi1 form { padding-top: 3px; }
.tx-powermail-pi1 fieldset { padding: 0px; }
.tx-powermail-pi1 legend { display: none; }
.tx_powermail_pi1_fieldwrap_html { clear: both; margin-bottom: 10px; }
.tx-powermail-pi1 .powermail_mandatory_js, .validation-advice { display: block; margin-top: 4px; margin-left: 200px; color: #aa0000;  font-size: 11px;  font-weight: bold; }
.tx-powermail-pi1 label { display: block; float: left; width: 200px; clear: both; font-size: 12px; }
.tx-powermail-pi1 input, #mainbodyWrap textarea { width: 300px; border: 1px solid #aa0000; background: #f0f0f0; padding: 2px; }
#mainbodyWrap textarea { height: 200px; }
.tx-powermail-pi1 select { width: 306px; border: 1px solid #aa0000; background: #f0f0f0; padding: 2px; }
input.powermail_submit { margin: 26px 0px 0px 200px; width: 100px; font-weight: bold; background: #aa0000; border: none; color: #fff; }


.powermail_check_inner { float: left; width: auto; }
.powermail_check_inner input { float: left; width: auto; margin: 0px; padding-top: 3px; border: none; }
.powermail_check_inner label { float: none; display: inline;  width: auto; padding-left: 25px; }


#powermaildiv_uid9 { display: block; width: 300px; margin-left: 200px;  }
#powermaildiv_uid10 p { display: block; width: 300px; margin-left: 200px;  }
.powermail_check_inner_uid10_0 { display: block; width: 300px; margin-left: 200px;  }
#powermaildiv_uid11 { clear: both; margin-left: 0px; font-size: 10px; color: #6f6f6f; }



/* 	------------------------------ */
/*	6. FH_SUSCH */
/* 	------------------------------ */

/* 6.1 GASTROSEARCH */

#gastrosearch input { padding: 3px 1px; border: 1px solid #660404; color: #666; }
#gastrosearchPlace { position: static; float: left; width: 222px; }
#gastrosearchName { position: static; float: right; width: 222px; }
#gastrosearchRadius { position: static; float: left; width: 223px; margin: 14px 0px 9px 2px; color: #fff; }
#gastrosearchRadius input { width: 60px; margin: 0px 5px; text-align: left; }
#gastrosearchCuisine { position: static; float: right; width: 225px; margin: 16px 0px 9px 0px; color: #fff; }
#gastrosearchCuisine span { width: 60px; }
#gastrosearchCuisine select { width: 178px; }
#gastrosearchCuisine option { color: #242424; padding: 1px 1px; }
#gastrosearchExpertsearch { clear: both; margin-right: 2px; color: #fff; text-align: right; }
a#gastrosearchExpertsearch:focus { outline: none; }
#gastrosearch #gastrosearchSubmit { position: static; display: block; width: 72px; height: 20px; margin: 0px 0px 0px 195px; border: 0px; }
#gastrosearch .gastrosearchSubmit { position: static; display: block; width: 72px; height: 20px; margin: 0px 0px 0px 195px; background: url(../layout/header/gastrosearchSubmit.png); overflow: hidden;  border: none; text-indent: 999em; white-space: nowrap; outline: none; }
/* Autocompleter */
ul.autocompleter-choices { position: absolute; left: 0px; top: 0px; list-style: none; border: 1px solid #7c7c7c;	border-left-color: #c3c3c3; border-right-color: #c3c3c3; border-bottom-color: #ddd; background-color: #fff; text-align: left; z-index: 50; background-color: #fff; }
ul.autocompleter-choices li { position: relative; margin: -2px 0 0 0; padding: 0.2em 1.5em 0.2em 1em; display: block;	float: none !important; cursor: pointer; white-space: nowrap; }
ul.autocompleter-choices li.autocompleter-selected { background-color: #444; color: #fff; }
ul.autocompleter-choices span.autocompleter-queried { display: inline; float: none; font-weight: bold; }
ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {	color: #9fcfff; }
input.autocompleter-loading {	background: url(../layout/extensions/fh_susch/spinner.gif) no-repeat right 50% #fff; }


/* 6.2 GASTROTEASER */
.gastroTeaser .img { position: absolute; left: 0px; }
.gastroTeaser .rotate { position: relative; padding-top: 0px; }
#gastroBanner1 { float: left; width: 198px; height: 132px; margin: 0px 5px 5px 0px; overflow: hidden; }
#gastroBanner2 { float: left; width: 199px; height: 132px; margin: 0px 5px 5px 0px; overflow: hidden; }
#gastroBanner3 { float: left; width: 198px; height: 132px; margin: 0px 0px 5px 0px; overflow: hidden; }
#newsletterBanner { margin: 5px 0px; }


/* 6.3 EXPERTSEARCH */
#suschExpertSearch form { margin: 10px 0px; padding: 5px; }
.suschExpertSearchRow { clear: both; display: block; margin: 0px 0px 10px 0px; }
#suschExpertSearch span { display: block; float: left; width: 200px; clear: both; font-size: 12px; }
#suschExpertSearch input { width: 300px; border: 1px solid #aa0000; background: #f0f0f0; padding: 2px; color: #666; }
#suschExpertSearch select { width: 300px; border: 1px solid #aa0000; background: #f0f0f0; padding: 2px; color: #000; }
#suschExpertSearch option { color: #000; padding: 0px 1px; }
#suschExpertSearch .suschExpertSearchRadio { float: left; }
#suschExpertSearch .suschExpertSearchRadio input { width: 20px; border: none; background: #fff;  }
#suschExpertSearch #gastrosearchPlace { float: none; width: 300px; }
#suschExpertSearch #gastrosearchName { float: none; width: 300px; }
#suschExpertSearch #gastrosearchRadius { float: none; width: auto; color: #000; margin-left: 0px; }
#suschExpertSearch #gastrosearchRadius input { width: 60px; margin: 0px 0px; text-align: left; }
#suschExpertSearch input.gastrosearchSubmit { clear: both; margin: 15px 0px 0px 200px; width: 100px; font-weight: bold; background: #aa0000; border: none; color: #fff; }


/* 6.4 LIST */

.suschList { clear: both; }
.suschListTitle { width: 100%; background: #e6e6e6; }
.suschListCompany { float: left; width: auto; margin: 10px 8px 8px 8px; }
.suschListAddress { float: right; width: auto; margin: 6px 6px 6px 0px; text-align: right; font-weight: bold; }
.suschListDetail { clear: both; float: left; width: 257px; margin: 2px 0px 0px 10px }
.suschListCuisine { font-weight: bold; margin-bottom: 4px; }
.suschListDetail p { margin: 0; line-height: 1.2; }
.suschListDetail span { display: block; float: left; width: 67px; }
.suschListMore { float: left; width: 60px; margin-top: 72px; }
.suschListMore a { display: block; width: 60px; height: 16px; background: url(../../../../../Documents/projekte-aktuell/Funkhaus_Regensburg/Superschlemmen/fileadmin/layout/extensions/fh_susch/mehr.png); overflow: hidden; border: none; text-indent: 999em; white-space: nowrap; outline: none; }
.suschListMap { float: right; width: 272px; margin: 3px 0px 3px 4px;  border: 1px solid #c7c7c7; }
/* browsebox */
.tx-fhsusch-pi-browsebox { width: 100%; margin: 15px auto 0px auto; padding-top: 5px; border-top: 1px solid #4d4d4d; text-align: center; }
.tx-fhsusch-pi-browsebox table { text-align: center; margin: 0px auto; }
.suschListDeleteLink { width: 100%; margin: 0px auto; text-align: center; }

/* 6.5 SINGLE */

.suschSingleTitle { width: 100%; background: #e6e6e6; }
.suschSingleCompany { float: left; width: auto; margin: 0px 8px 8px 8px; }
.suschSingleCompany h1 { margin: 10px 8px 0px 0px; }
.suschSingleCompany h2 { margin: 0px 8px 8px 0px; color: #000; }
.suschSingleAddress { float: right; width: auto; margin: 6px 6px 6px 0px; text-align: right; font-weight: bold; }

.suschSingleDetail { clear: both; float: left; width: 317px; margin: 2px 0px 5px 10px; }
.suschSingleDetail h3 { margin: 4px 0px 5px 0px; color: #4d4d4d; line-height: 1.2; }
.suschSingleDetail p { margin: 0; line-height: 1.2; }
.suschSingleDetail span { display: block; float: left; width: 67px; }
.suschSingleDetail h4 { margin: 10px 0px 5px 0px; color: #000; font-weight: bold;  line-height: 1.2; }

.suschSingleMap { float: right; width: 272px; margin: 4px 0px 6px 4px;  border: 1px solid #7f7f7f; }

.suschSingleIcons { clear: both; width: 100%; background: #e6e6e6; text-align: left; }
.suschSingleIcons img { width: 35px; height: 35px; margin-left: 3px; }



/* Tabs */
#suschTab { margin-top: 17px; background-image: none; }
.tab-menu li {	float: left; width: auto; height: 25px; }
ul.tab-menu li a { display: block; width: 78px; height: 21px; margin-right: 3px; padding: 3px 0px 0px 0px; background: #e6e6e6; background-image: none; text-align: center; font-weight: normal; }
ul.tab-menu li a:hover, ul.tab-menu li.tab-selected a { background: #4d4d4d; background-image: none; color: #fff; text-decoration: none; }
div.tab-wrapper { clear: both; margin: 1px 0px 10px 0px; padding: 0; border: none; border-top: 1px solid #8a8a8a; }
.tab-menu { margin: 0; padding: 0; list-style: none; overflow: auto; }
div.tab-wrapper p, div.tab-wrapper h1, div.tab-wrapper h2 { margin-left: 0px; }

.suschSingle #news { width: 605px; margin: 15px 0px 8px 0px; padding: 7px 7px 7px 7px; background: #aa0000; color: #fff; font-weight: bold; font-size: 14px; line-height: 1.5; }
#suschTab h1 { display: block; width: 591px; margin: 10px 0px 10px 0px; padding: 5px 7px 7px 7px; background: #aa0000; color: #fff; font-weight: bold; font-size: 14px; line-height: 1.5; }
#suschTab h2 { display: block; width: 574px; margin: 0px 0px 0px 0px; padding: 15px 15px 7px 15px; background: #e6e6e6; color: #aa0000; font-weight: normal; font-size: 11px; line-height: 1.5; }
#suschTab p.Tab-Fliesstext { width: 574px; margin: 0px; background: #e6e6e6; padding: 7px 15px; }
#suschTab hr { width: 100%; height: 1px; margin: 0px; padding: 0px;  background: url(../layout/content/hr.png) #e6e6e6 1px 0px; }
#suschTab .Trennlinie { width: 100%; height: 15px; margin: 0px; padding: 0px 15px 0px 15px; background: url(../layout/content/hr.png) #e6e6e6 5px 8px no-repeat; }


#suschTab #profile { margin: 5px 0px; }
#suschTab #profile img { margin-bottom: 10px; }
#suschTab #images { margin: 5px 0px; }
#suschTab #images div { display: block; float: left; margin: 0px 0px 5px 0px; }
.suschSingle .gallerySingle { float: left; width: 498px; height: 372px; text-align: center; }
.suschSingle .gallerySingle img { border: 1px solid #999; }
.suschSingle .galleryList { float: right; width: 102px; text-align: right; }
.suschSingle .galleryThumbnail { width: 102px; height: 77px; margin: 0px 0px 5px 5px; text-align: center; vertical-align: middle; background: #e6e6e6; border: 1px solid #999; }


#suschTab #menu { margin: 5px 0px; }
#suschTab #menu h2, #suschTab #menu p, #suschTab #menu .Trennlinie { width: 505px; margin-left: 32px;}
#suschTab #pricelist { margin: 5px 0px; }
#suschTab #avenue { margin: 5px 0px; }
#suschTab #contact { margin: 5px 0px; }


#gastrocontactForm form { margin: 10px 0px; padding: 5px; }
.gastroContactRow { clear: both; display: block; margin: 0px 0px 10px 0px; }
#gastrocontactForm span { display: block; float: left; width: 200px; clear: both; font-size: 12px; }
#gastrocontactForm input { width: 300px; border: 1px solid #aa0000; background: #f0f0f0; padding: 2px; color: #666; }
#gastrocontactForm textarea { height: 100px; }
#gastrocontactForm input.gastroContactSubmit { clear: both; margin: 15px 0px 0px 200px; width: 100px; font-weight: bold; background: #aa0000; border: none; color: #fff; }
.gastroContactError, #gastrocontactForm span.gastroContactError { margin-left: 200px; color: #aa0000; font-weight: bold; font-size: 11px; }


.pdfBrowser { text-align: center; }
.pdfDownload img { width: 18px; height: 16px; border: none; }
.pdfContent img { border: 1px solid #999; }


/* tooltip */
.tip { background: #e6e6e6; color: #aa0000; padding: 5px; z-index: 9999; border: 1px solid #aa0000; }