/* ************************
Grundlegendes
************************ */
* { margin:0; padding:0; border:0 none; }
body { background:url(/gfx/hintergrund.gif) #e5e5e5; font:62.5% Verdana, Arial, Helvetica, sans-serif; color:#333; }
body.baal { background:url(/images/wolken.jpg) #e5e5e5; font:62.5% Verdana, Arial, Helvetica, sans-serif; color:#333; }

/* ************************
Raster
************************ */
#wrap { margin:10px 20px;}
#pagewidth { width:890px; overflow:hidden; }
#mainkopf { margin:0; width:auto; float:none;}
#main { float:left; width:550px; overflow:hidden; }
#extraportion.youtube #main { margin:0; width:auto; float:none;}
/* Volle Breite */ #kultursommer #main, #spielplan #main,  #kontakt #main, .vollebreite #main, .wegbeschreibung #main, .bildansicht #main { width:auto; float:none;}

#right { float:right; width:330px; }

/* ************************
Allg. Elemente
************************ */
#header {  }
#header #kopf { height:70px; background:url(/gfx/sponsoren.png) right top no-repeat; }
#header #kopf #logo { height:80px; }
#header #kopf #sponsoren { float:right; }

#subnavi { background-color: #7d7e7d; overflow:hidden; }
#subnavi ul { width:auto; text-align:right; list-style-type:none; }
#subnavi a { display:block; font-size:10px; color:#fff; text-decoration:none; border:0; padding:5px 10px;}
#subnavi a:hover { color:#fff; text-decoration:underline; }
#subnavi li { float: left; text-align: center; }


#right .kasten { background:#f2f2f2; padding:10px 8px; border:1px solid #ccc; margin-bottom:20px; }
#right .kasten p { font-size:12px; }

#mainkopf .inside, #main .inside, #right .inside { margin:10px 15px; }

/* Flattertext */
#main.al p { text-align:left; }
p.al, p.tal { text-align:left; }

#ostern #container { border:1px solid #ccc; background:url(/gfx/hintergrund-ostern-unten.jpg) left bottom no-repeat #b3cef9; padding-top:1.5em; color:#fff; }

#container { border:1px solid #ccc; border-top:0; background-color:#fff; overflow:hidden; }

#kultursommer #container { padding:0; background:url(/kultursommer/hintergrund.jpg) left bottom no-repeat; color:#000; }

/*.andorra #container { background:url(/gfx/hintergrund-andorra.jpg) left top no-repeat #b49773; }*/
.divameetsjazz #container { background:url(/gfx/hintergrund-divameetsjazz3.jpg) left top no-repeat #bdbec2; color:#000; }
.divameetsjazz #main p { text-align:left; }






.terminbox a, .terminbox a:active, .terminbox a:hover { border:0; color:#333; text-decoration:none; }
.terminbox a:hover { color:#fff; }

#footer { border:1px solid #ccc; margin-top:1em; background:#fff; height:50px; }
#footer .inside { margin:1em 1.5em; }
#footer p { color:#333; font-size:1.1em; line-height:1.2em; float:left; }
#footer .sociallinks { float:right; }
#footer .sociallinks a { float:left; }

.galerie { margin:0 0 10px 0; }
.galerie .fotoreihe { width:100%; }
.galerie .fotoreihe a { margin-right:10px; margin-bottom:5px; float:left; border:1px solid #ccc; }
.galerie .fotoreihe a.last { margin-right:0px; }
.galerie .fotoreihe img { margin:2px; }

.galerie .fotonavi { width:100%; }
.galerie .fotonavi a { margin-right:6px; margin-bottom:5px; float:left; border:1px solid #ccc; }
.galerie .fotonavi a.active, .galerie .fotonavi a:hover { border:1px solid #666; }
.galerie .fotonavi img { margin:2px; }


/* ************************
Typographie 
************************ */
h2, h3, h4, h5 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0; }
#mainkopf h2, #mainkopf h3, #main h2, #main h3{  font-family:"Palatino Linotype", Georgia, "Times New Roman", Times, serif; }

h2 { font-size:2.1em; margin:0 0 0.6em; }
h3 small { font-size:0.6em; }
h3 { font-size:1.9em; margin:0 0 0.6em; }
#right h3 { font-size:1.6em; margin:0 0 0.4em; }
h3.sub { font-size:1.5em; color:#666; margin:0 0 0.8em; }
h4 small { font-size:0.6em; }
h4 { font-size:1.8em; margin:8px 0 6px 0; }
/*h4 { border-bottom:1px solid #999; font-size:1.5em; margin:0 5px 0 10px; font-weight:bold; margin:0 0 0.3em; padding:0 0.1em; background:url(../gfx/navi-bg.png) top left repeat-x; }*/
h5 { font-size:1.3em; margin:0 0 0.2em; }
#main p, #mainkopf p { font-size:11px; line-height:16px; margin:0 0 8px 0;}
#mainkopf h3 { margin:0 0 10px 0; }

h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration:none;  color:#333;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { text-decoration:underline; }


h2.underline, h3.underline, h4.underline, h5.underline{ padding:0 0 3px 0; border-bottom:1px solid #999; }

#main p { text-align:justify; }
p.gross { font-size:1.4em; line-height:1.6em; }



#right .ce_text, #right .ce_hyperlink { margin-bottom:2em; }
#right p { font-size:11px; line-height:1.3em; margin:0 0 0.4em; }

a { color:#000066; }
a:visited { color:#444; }
a:hover, a:active { color: #000066; }

a[href^="http:"] { background: transparent url('/gfx/aoutside.gif') 100% 50% no-repeat; padding-right: 10px; }
a.normal[href^="http:"] { background:none; padding:0; }
#footer a[href^="http:"] { background:none; padding:0; }

.spielplan a { text-decoration:none; }
/*
.spielplan a { background:#dadada; color:#000; text-decoration:none;padding:0.1em 0.4em; }
.spielplan a.titel, .spielplan a.titel:hover, .spielplan a.titel:active { background:transparent; color:#000; text-decoration:none; border:0; }
.spielplan a:hover, .spielplan a:active { background:#005680; color:#fff; }
*/

 .info { background:#333; color:#fff; text-decoration:none;padding:0.1em 0.4em; }
.infodunkel { background:#333; color:#fff; text-decoration:none;padding:0.1em 0.4em; }
 .infowenig { background:#de9715; color:#fff; text-decoration:none;padding:3px 6px; }
.infoausverkauft { background:#990000; color:#fff; text-decoration:none;padding:3px 6px; }
.infoausfall { background:#990000; color:#fff; text-decoration:none;padding:3px 6px; }


/*
.spielplan_detail a { background:#005680; color:#fff; text-decoration:none;padding:0.1em 0.4em; }
.spielplan_detail a.titel, .spielplan_detail a.titel:hover, .spielplan_detail a.titel:active { background:transparent; color:#000; text-decoration:none; border:0; }
.spielplan_detail .info { background:#333; color:#fff; text-decoration:none;padding:0.1em 0.4em; }
.spielplan_detail .infodunkel { background:#333; color:#fff; text-decoration:none;padding:0.1em 0.4em; }
.spielplan_detail .infowenig { background:#cc6633; color:#fff; text-decoration:none;padding:0.1em 0.4em; }
.spielplan_detail .infowenig:hover { background:#e85512; color:#fff; text-decoration:none;padding:0.1em 0.4em; }
.spielplan_detail a:hover, .spielplan_detail a:active { background:#0083C1; color:#fff; }
*/

.contentheadline { width:auto; border-bottom:1px solid #D4D4D4; margin:0 0 8px 0; }
.contentheadline p { text-transform:uppercase;font-size:18px; line-height:10px; margin:0px; color:#666; }




.up { text-transform:uppercase; }
p.fuss { color:#666;}

img.floatright { float:right; margin-left:1em; margin-bottom:1em; }

.image-rechts { float:right; margin-left:2em; margin-bottom:2em; }
.image-rechts img, .image-links img { border:1px solid #dadada; padding:2px; }
.image-rechts p, .image-links p { margin-top:2px; color:#777; font-size:10px; line-height:1.1em; }

.image-links { float:left; margin-right:2em; margin-bottom:2em; }



/* ************************
Raster / Spalten
************************ */
.spalten { margin:1em 0; width:100%; overflow:hidden;}
.spalten .links { width:50%; float:left; }
.spalten .rechts{ width:50%; float:right; }
.spalten .linkspadding { padding:0.1em 1em 0.1em 0.0em; }
.spalten .rechtspadding { padding:0.1em 0em 0.1em 1em; }

.s25l, .s25r { width:25%; }
.s33l, .s33r { width:33.333%; }
.s50l, .s50r { width:50%; }
.s66l, .s66r { width:66.666%; }

.s25l, .s33l, .s50l, .s66l {float:left; }
.s25r, .s33r, .s50r, .s66r {float:left; margin-left:-5px; }

.sl{ padding:0em 1em 0em 0em;  }
.sm{ padding:0em 1em;  }
.sr{ padding:0em 0em 0em 1em; }


#start { border:0.1em solid #dadada;background:url(../gfx/start.jpg) top left no-repeat #baccd3; width:94em; height:19em; overflow:hidden; }
#start p { margin:1.5em 20em 1em 1em; }


.image_container a, .image_container a:hover, .image_container a:active { text-decoration:none; border:0 none;}

/* ************************
Navigation
************************ */
.mod_navigation { height:30px; width:auto; background:url(../gfx/navi-bg.png) top left repeat-x #000; border-bottom:3px solid #7d7e7d; }
.mod_navigation ul { width:auto; text-align:right; list-style-type:none; }
.mod_navigation a { padding:0.6em 1.2em;display:block;font-size:1.1em; color:#fff; text-decoration:none; border:0;}
.mod_navigation a:hover { color:#fff; text-decoration:underline; }
.mod_navigation li.active a:hover { text-decoration:none; }
.mod_navigation span.active { padding:0.6em 1.2em;display:block;font-size:1.1em; }
.mod_navigation li { border-right:1px solid #ccc; height:3em;float: left; text-align: center; }
.mod_navigation li.active{  height:3em; background:url(../gfx/navi-bg-active.png) top left repeat-x;  }



ul.spielplannavigation { background:#f0f0f0; border-top:1px dotted #aaa; border-bottom:none; }
ul.spielplannavigation li { padding:6px 6px; border-bottom:1px dotted #aaa; text-transform:uppercase; }
ul.spielplannavigation li a {  }







input, textarea { border:1px solid #999; padding:2px; }



.ce_gallery { margin-bottom:1em; }


ul { list-style-type: none;}

.teaser { overflow:hidden; margin:0 0 10px 0; clear:both; }
.teaser .bild { float:left; margin-right:15px; }
.teaser .text { }
.teaser h3 { font-size:17px; margin:0 0 0.6em; }



.teaserbig { height:250px; overflow:hidden; border-bottom:1px solid #fff; clear:both; }
.teaserbig .bild { width:320px; float:left; }
.teaserbig .text { float:right; margin:5px; }

.teaser p, .teaserbig p { line-height: 1.4em; }




select, input, textarea { font-size:1.5em/2em; padding:0.2em 0.3em; border:1px solid #ccc; }
input:active, textarea:active, input:focus, textarea:focus { border:1px solid #666; }
#kartenreservierung select { font-family:"Courier New", Courier, monospace; padding:5px;}



.inside{position:relative;text-align:left;}.block{overflow:hidden;}.clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both;}
.invisible{width:0px;height:0px;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline;}.custom{display:block;text-align:left;}.custom:after{content:".";display:block; height:0; clear:both; visibility:hidden;}
#right .inside {   }
img.box { border:0.3em solid #cecece; }



/******************************************************
Buttons
******************************************************/
.btn { display:inline-block; background:none; margin:0; padding:3px 0; border-width:0; overflow:visible; font:10px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#333; }
* html button.btn { padding-bottom:1px; }
html:not([lang*=""]) button.btn { margin:0 -3px; }
.btn span { background:#ddd url(/gfx/bg-button.gif) repeat-x 0 0; margin:0; padding:3px 0; border-left:1px solid #bbb; border-right:1px solid #aaa; }
* html .btn span { padding-top:0; }
.btn span span { position:relative; padding:3px .4em; border-width:0; border-top:1px solid #bbb; border-bottom:1px solid #aaa; }
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
cursor:pointer; border-color:#666 !important; color:#000; }
.btn:active span { background-position:0 -400px; outline:none; }
.btn:focus, .btn:active { outline:none; }
.primary { font-weight:bold; color:#000; }
.black span { background:#444; color:#fff; }
.black:hover { color:#fff; }

/******************************************************
LYTEBOX
******************************************************/
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }
#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 0px solid #888888; }
#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 0px solid #888888; border-top: none; }
#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading { position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(/etc/images/loading.gif) center no-repeat; }
#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }
#lbPrev { width: 49%; height: 100%; background: transparent url(/etc/images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(/etc/images/prev_grey.gif) left 15% no-repeat; }
#lbNext { width: 49%; height: 100%; background: transparent url(/etc/images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(/etc/images/next_grey.gif) right 15% no-repeat; }
#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: normal; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(/etc/images/close_grey.png) no-repeat; }
#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(/etc/images/play_grey.png) no-repeat; }
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(/etc/images/pause_grey.png) no-repeat; }
	

/*.teaser p a.more { padding:3px 5px; color:#000; background:#FFCC00; text-decoration:none;}*/