/* ************************
Grundlegendes
************************ */
* { margin:0; padding:0; border:0 none; }
body { background:url(/gfx/hintergrund20jahre.gif) #e5e5e5 top left no-repeat; font:62.5% arial,helvetica,clean,sans-serif; color:#333; }
/* body { background:url(/gfx/hintergrund.gif) #e5e5e5; font:62.5% arial,helvetica,clean,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;width:890px;}
#pagewidth { width:890px; overflow:hidden; text-align:left; }
#mainkopf { margin:0; width:auto; float:none;}
#main { float:left; width:550px; overflow:hidden; }
#mainright { float:right; width:650px; 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; }
#left { float:left; width:180px; }

/* ************************
Allg. Elemente
************************ */
#header {  }
#header #kopf { height:70px; background:url(/gfx/sponsoren.png) right top no-repeat; }
#header #kopf #logo { height:70px; width:340px; float:left; }
#header #kopf #spieltermin { float:right; padding:15px 0px; width:520px; }
#header #kopf #spieltermin p { font-size:1.2em; color:#666; text-transform:uppercase; }
#header #kopf #spieltermin a { color:#666; text-decoration:none; }
#header #kopf #spieltermin a:hover { color:#fff; }
#header #kopf #sponsoren { float:right; }

#subnavi { background-color: #7d7e7d; overflow:hidden; }
#subnavi ul { width:auto; text-align:right; list-style-type:none; margin-left:5px;}
#subnavi a { display:block; font-size:11px; color:#fff; text-decoration:none; border:0; padding:5px 10px;}
#subnavi a:hover { color:#fff; text-decoration:underline; }
#subnavi a.active { font-weight:600; }
#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, #left .inside { margin:10px 15px;overflow:hidden; }

/* Flattertext */
#mainright.al p, #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; clear:both; }

#kultursommer #container { padding:0; background:#ffc728 url(/kultursommer/hintergrund.jpg) left bottom no-repeat; color:#000; }
.buffoweihnachtsfeier #container { background:url(/images/hintergrund-buffo-weihnachtsfeier.jpg) left top no-repeat #000; color:#fff; }
.einbaukueche #container { background:url(/images/hintergrund-einbaukueche.jpg) left top no-repeat #539a3a; color:#fff; }
.buffoweihnachtsfeier #container a, .einbaukueche #container a { color:#fff; }

/*.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, #left p { font-size:1.35em; line-height:1.55em; margin:0 0 8px 0;}
#mainkopf h3 { margin:0 0 10px 0; }

a { color:#000066; }
a:visited { color:#000066; }
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; }

hr { clear:both; color:#fff; background:transparent; margin:0 0 1em 0; padding:0 0 0.5em 0; border:0; border-bottom:1px #eee solid; }

h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration:none;  color:#000066;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { text-decoration:underline; }
.teaser p a { text-decoration:none; color:#333; }
.teaser p a:hover { text-decoration:none; border-bottom:1px #eee solid; color:#333; }


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:12px; line-height:1.3em; margin:0 0 0.4em; }


#right ul.linkliste li { margin-bottom:4px; }


.spielplan a { text-decoration:none; }
.spielplan a:hover, .spielplan a:active { text-decoration:underline; }
.spielplan p { margin:0; }
/*
.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; } .info a { color:#fff; text-decoration:none; }
.infodunkel { background:#333; color:#fff; text-decoration:none;padding:0.1em 0.4em; } .infodunkel a { color:#fff; text-decoration:none; }
.infofrei { background:green; color:#fff; text-decoration:none;padding:3px 6px; } .infofrei a { color:#fff; text-decoration:none; }
.infowenig { background:#339900; color:#fff; text-decoration:none; padding:3px 6px; } .infowenig a { color:#fff; text-decoration:none; }
.infoausverkauft { background:#990000; color:#fff; text-decoration:none;padding:3px 6px; } .infoausverkauft a { color:#fff; text-decoration:none; }
.infoausfall { background:#888; color:#fff; text-decoration:none;padding:3px 6px; } .infoausfall a { color:#fff; text-decoration:none; }


/*
.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; }
.buffoweihnachtsfeier .contentheadline p { color:#fff; }

.naviproduktion { margin:8px 15px; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; padding:6px 2px; color:#666; }
.naviproduktion a { color:#666; text-decoration:underline; }
.naviproduktion a:hover,
.naviproduktion a:active { color:#000066; }


.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:35px; width:auto; background:url(../gfx/navi-bg.png) bottom 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:13px; color:#e5e5e5; text-decoration:none; border:0;}
.mod_navigation a:hover { color:#fff; text-decoration:underline; }
.mod_navigation li.active a { color:#fff; }
.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:35px;float: left; text-align: center; }
.mod_navigation li.active{  height:35px; background:url(../gfx/navi-bg-active.png) bottom 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; padding:0 0 8px 0; margin:0 0 15px 0; clear:both; border-bottom:1px solid #ccc; }
.teaser.last { border:0; }
.teaser .bild { float:left; margin-right:15px; }
.teaser .text { }
.teaser h3 { font-size:16px; margin:0 0 0.6em; }
.teaser .datum { color:#666; font-style:italic; font-size:0.8em; }
.teaser .datumrot { color:#D50000; font-style:italic; font-size:0.8em; }
.teaser a:hover { color:#0000FF; }

.infokastenrot { background:#D50000; padding:5px 10px; }
.infokastenrot p { color:#fff; margin:0px; }
.infokastenrot a { color:#fff; }

.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:#000066 !important; color:#000066; }
.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; }