@charset "UTF-8";

/* colors
	#ffaa00
	#e8e8e8
	#0055ff
*/

*		{ margin: 0; padding: 0; }

html	{ height: 100%; }
body	{ height: 100%; font-family: Tahoma, Arial, sans-serif; font-size: 100%; color: #000; background: #fff; }
h1		{ font-size: 170%; color: #ffaa00; font-weight: normal; margin-bottom: 1em; }
h2		{ font-size: 120%; color: #ffaa00; font-weight: normal; margin-bottom: 0.5em; } 
h3		{ font-size: 100%; color: #ffaa00; font-weight: normal; font-variant: small-caps; margin-bottom: 0.5em; } 
img		{ border: none; }
p		{ font-size: 80%; line-height: 175%; margin-bottom: 0.5em; }
a		{ text-decoration: none; color: #0055ff; }
a:hover	{ text-decoration: underline; }

table	{ border-collapse: collapse; }
td,
th		{ padding: 0.25em 0.5em; }
td		{ vertical-align: top; }
th		{ vertical-align: bottom; text-align: left; }

input,
textarea,
select	{ padding: 0.125em; font-family: Tahoma, Arial, sans-serif; font-size: 100%; border: 1px solid #808080; background: #e0e0e0; }
input.submit		{ border: solid 2px #e0e0e0; background: #808080; color: #fff; font-weight: bold; }

#page		{ position: relative; height: auto !important; height: 100%; min-height: 100%; }
#header		{ position: relative; background: #e8e8e8; height: 105px; }
#main		{ position: relative; padding-bottom: 2em; background: url("../img/site/header_shadow.gif") top left repeat-x; }
#content	{ position: relative; width: 50em; margin-left: 10%; padding-top: 1em; }
#footer		{ position: absolute; clear: both; bottom: 0em; left: 0em; height: 2em; width: 100%;  background: url("../img/site/footer_shadow.gif") repeat-x top left  #e8e8e8; }

#mainmenu_level_0			{ text-transform: lowercase; float: left; width: 35em; margin-left: 10%; display: inline; /*IE6 bugfix*/}
#mainmenu_level_0 a			{ text-decoration: none; color: #000; border: none; }
#mainmenu_level_0 ul		{ list-style-type: none; }
#mainmenu_level_0 li		{ float: left; margin-right: 0.5em; padding: 58px 0.5em 0 0.5em; font-size: 90%; }
#mainmenu_level_0 .active	{ color: #fff; height: 47px; background: url(../img/site/menu_bg.gif) bottom left repeat-x #ffaa00; }

#mainmenu_level_1			{ margin: 0 auto 2em auto; width: 50em; text-transform: lowercase; }
#mainmenu_level_1 a			{ text-decoration: none; color: #808080; border: none; }
#mainmenu_level_1 ul		{ list-style-type: none; }
#mainmenu_level_1 li		{ float: left; margin-right: 1em; font-size: 90%; }
#mainmenu_level_1 .active	{ color: #ffaa00; }


#auxmenu	{ text-transform: lowercase; margin-top: 0.5em; margin-left: 10%; }
#auxmenu ul	{ list-style-type: none; display: inline; font-size: 80%; }
#auxmenu li	{ display: inline; padding: 0.125em 1em; }
#auxmenu a	{ border: none; }
#auxmenu .sponsoren { border-left: solid 1px #808080; }

#logo		{ float: left; padding-top: 9px; width: 209px; }

.pageListMenu	{ font-size: 80%; letter-spacing: 0.5em; font-variant: small-caps; margin: 1em 0; }

/* splash */
.upcoming table	{ font-size: 80%; }
.upcoming .today	{ border-bottom: dotted 2px #d99000; padding: 0 0 0.5em 0; margin-bottom: 1em; }
.upcoming .tomorrow	{ border-bottom: dotted 2px #d99000; padding: 0 0 0.5em 0; margin-bottom: 1em; }
.upcoming .soon	{  }

.larger		{ font-size: 150%; }

/* farbcodierung */
.category_lesung	{ background: #4c0; }
.category_tanz		{ background: #68f; }
.category_kleinkunst{ background: #c30; }
.category_kinder	{ background: #f80; }
.category_musik		{ background: #888; }
.category_theater	{ background: #a6f; }

/* veranstaltung */
.veranstaltungTermine				{ font-size: 75%; }
.veranstaltungTermine .cancelled,
.veranstaltungTermine .premiere		{ background: url(../img/site/premiere_bg_narrow.png) top left no-repeat; border: solid 1px #ff6600; border-top-style: none; }
.veranstaltungTermine .cancelled td,
.veranstaltungTermine .premiere td	{ padding-top: 10px; }
.veranstaltungTermine .cancelled	{ background-image: url(../img/site/cancelled_bg_narrow.png); border-color: #ff0000; }

.veranstaltungSideBar	{ width: 240px; float: left; padding: 8px 8px 1em 8px; margin-right: 16px; background: #e8e8e8; }
.veranstaltungSideBar h2{ margin-top: 1em; }
.veranstaltungText		{ }

/* buchtipp */
.buchtippText		{ }
.buchtippSideBar	{ float: left; padding: 8px; margin-right: 16px; background: #e8e8e8; margin-bottom: 1em; }
.buchtippCaption	{ font-style: italic; font-size: 80%; line-height: 175%; }
h2.buchtippDate		{ font-size: 90%; }

span.buchtippDate		{ font-size: 80%; }
.buchtippTitle			{ font-size: 120%; color: #808080; border-top: solid 1px #e8e8e8; }
.buchtippImg			{ width: 60px; }
.buchtipps .shortened	{ font-size: 80%; margin-bottom: 1em; }
.buchtipps .more		{ font-size: 90%; }

/* termine */
.terminliste th	{ padding-top: 1em; font-weight: normal; color: #ffaa00; }
.terminliste tr	{ border-top: solid 1px #e8e8e8; }
.terminliste td	{ vertical-align: bottom; font-size: 90%; vertical-align: middle; }
.terminliste .datum { }
.terminliste em	{ font-style: normal; font-variant: small-caps; color: #808080; }
.termineKommentar { border-bottom: dotted 1px #808080; border-top: dotted 1px #808080; color: #808080; font-size: 80%; padding: 0.25em 0; margin: 0.25em 0; } 

tr.premiere		{ background-color: #ffe0c0; background-image: url(../img/site/premiere_bg.png); background-repeat: no-repeat; background-position: 0 0; border-top-color: #fff; }
tr.premiere td	{ padding-top: 10px; }

tr.cancelled	{ background-color: #ffe0e0; background-image: url(../img/site/cancelled_bg.png); background-repeat: no-repeat; background-position: 0 0; border-top-color: #fff; }
tr.cancelled td	{ padding-top: 10px; }

/* ueber uns */
.imageFloat		{ float: right; margin: 0 0 0.5em 0.5em; }

/* Vereine */
#menu_vereine			{ float: left; width: 10em; padding-right: 0.5em; text-transform: lowercase; }
#menu_vereine ul		{ list-style-type: none; padding: 1em 1em 1em 0em; border-right: solid 1px #808080; }
#menu_vereine li		{ margin-bottom: 0.5em; font-size: 90%; }
#menu_vereine a			{ text-decoration: none; color: #808080; border: none; }
#menu_vereine .active	{ color: #ffaa00; }

.image_vereine	{ float: right; padding: 8px; margin: 0 0 16px 16px; background: #e8e8e8; }
#content_vereine{ margin-left: 11em; }

/* Reservierung */
form.reservierung		{ width: 35em; background: #e8e8e8; border-top: dotted 2px #ffaa00; border-bottom: dotted 2px #ffaa00; padding: 1em; }
form.reservierung table	{ font-size: 0.8em; }
form.reservierung td	{ padding: 0.25em; line-height: 200%; }

/* Kontakt */
form.newsletter,
form.kontakt			{ width: 40em; background: #e8e8e8; border-top: dotted 2px #ffaa00; border-bottom: dotted 2px #ffaa00; padding: 1em; }
form.newsletter			{ margin-bottom: 1em; }

.kontakt table,
.newsletter table		{ font-size: 80%; margin-bottom: 0.5em; }

/* Gastro */
.gastroText				{ margin-right: 332px; }
.gastroImages			{ float: right; width: 300px; padding: 8px; background: #e8e8e8; }

/* Bierstindl Karte */
.bierstindl_card		{ list-style-image: url(../img/site/10_punkte_karte_bullet.png); font-size: 80%; }
.bierstindl_card li		{ margin: 0 0 1.5em 2em; }

/* KKR */
.kkr ol					{ font-size: 80%; }
.kkr ol li				{ margin: 0 0 1em 2em; }
.kkr address			{ line-height: 150%; border: solid 2px #c0c0c0; width: 20em; padding: 1em; margin: 0.5em 0; font-size: 110%; }

/* Presse */
.presse				{ list-style-type: none; }
.presse h2			{ font-size: 100%; }

/* Sponsoren */
.sponsoren			{ list-style-type: none; }
.sponsoren li	{ clear: both; }
.sponsoren img	{ float: left; margin-bottom: 2em; }
.sponsoren p	{ float: left; width: 20em; margin-bottom: 2em; }

/* Standard Classes */

.xs		{ width: 2em; }
.xss	{ width: 3em; }
.s		{ width: 4em; }
.ssm	{ width: 6em; }
.sm		{ width: 8em; }
.m		{ width: 10em; }
.mml	{ width: 13em; }
.ml		{ width: 16em; }
.l		{ width: 20em; }
.lxl	{ width: 25em; }
.xl		{ width: 30em; }
.xxl	{ width: 40em; }
.xxxl	{ width: 50em; }
.pct_100{ width: 100%; }

.rounded	{ background: #ffeabf; margin-bottom: 1em; }
.rounded .tl { background: url(../img/site/corner_tl.gif) no-repeat top left; height: 12px; }
.rounded .tr { background: url(../img/site/corner_tr.gif) no-repeat top right; height: 100%; }
.rounded .bl { background: url(../img/site/corner_bl.gif) no-repeat bottom left; height: 12px; }
.rounded .br { background: url(../img/site/corner_br.gif) no-repeat bottom right; height: 100%; }
.rounded .ctr { margin: 0 12px; }

.smaller	{ font-size: 80%; }
.right		{ text-align: right; }
.centered	{ text-align: center; }

.ieCompat { border: none; background: none; }

.inputImage	{ border: none; background: none; padding: 0em; vertical-align: middle; }

.error_message		{ border: solid 2px #f44; background: #fee; padding: 1.5em; font-size: 0.7em; font-weight: bold; color: #f44; margin: 1.5em 0em; line-height: 150%; }
.error				{ color: #f00; }
span.error input	{ background: #f88; }
.clearFloat			{ height: 0em; clear: both; }
.leftFloat			{ float: left; }
.externLinkGfx		{ vertical-align: middle; }

div.hr				{ margin: 1em auto; height: 0; border-top: solid 1px #404040; line-height: 0%; }