html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, input, textarea, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ font-family:Arial, Helvetica, sans-serif; font-size: 100%; margin: 0; padding: 0; outline: 0; vertical-align: baseline; background: transparent; }

body { /*line-height: 1;*/ }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

button { cursor:pointer; }

.hide { display:none; }

.clear { clear:both; }

/* div#clearfix { width:1px; height:50%; margin-bottom:-275px; float:left; } */

/*************************************************** Type (Schriften) */

h1, h2, p, ul, ol, table, address { margin-bottom:15px; }
h1 { margin-bottom:2px; }

h1, h2, h3, h4, p, li, address, td, label { color:#000; }
h1, h2, h3, h4, p, li, address, td, label, span, div { line-height:16px; }

h1, h2, h3, h4, th { font-size:11px; line-height:16px; color:#00a7e1; }
h1 { margin-bottom:8px; }
#content h1 { color:#00a7e1; margin:0; }
h2 { margin:0; }
#content h2 { color:#000; }
#content h3 { color:#000; font-style:italic; font-weight:normal; }
p, li, th, td, label, address, span { font-size:11px; }
address { font-style:normal; font-size:10px; text-align:center; }

ol li { list-style-type:decimal; margin-left:20px; }
ol li li { list-style-type:circle; }
ul li { list-style-type:disc; margin-left:15px; }
ul li li{ list-style-type:circle; }

table { width:100%; }
th { text-align:left; }
th, td { padding:1px 8px 1px 0; vertical-align:top; }

/********** Links */

a, form .onlineticket span { color:#00a7e1; font-weight:bold; text-decoration:none; }
a:hover, a.focus, a.active { text-decoration:none; }

#colleft a, #colright a { color:#fff; text-decoration:underline; }
#colleft a:hover, #colleft a:focus, #colright a:hover, #colright a:focus { text-decoration:underline; }

#box a { color:#000; text-decoration:underline; font-weight:normal; }
#box a:hover, #box a.focus, #box a.active { text-decoration:underline; }

#colleft .vorverkauf a { color:#00a7e1; text-decoration:none; }

/*************************************************** Formulare generell */

.form { border-top:2px solid #00a7e1; }

#content form { padding-top:3px; }

fieldset { margin:0; padding:0; border:0 none; }
.form fieldset { padding:0 80px 0 0; margin-bottom:16px; }

fieldset p { margin:0 0 10px; }
.line p { margin:0; margin-bottom:5px;  }

legend { display:none; }

.line { overflow:hidden; display:block; margin-bottom:4px; }

.line label { display:block; margin-bottom:4px; }
.radio p, .checkbox p { float:left; display:block; }
.textarea label { float:none; }
.line input[type="text"], .line input[type="password"], .line textarea { display:block; width:260px; float:none; background:#fff; border:2px solid #00a7e1; padding:2px; font-size:14px; }
.line textarea { height:80px; width:260px; margin:0;  }
.line select { width:auto; }
.line #anredetp { border:0 none; }

.radio p, .checkbox p { width:140px; padding-top:0; }

.nofloat { float:none !important; }

.line input#plz, .line input#plztp { width:35px; margin-right:5px; float:left; margin-left:0; }
.line input#ort, .line input#orttp { width:212px; }

.checkbox label, .radio label { float:none; margin-left:20px; display:block; padding:0; width:auto; }
.checkbox input, .radio input { float:left; margin-top:1px; }

form .group { overflow:hidden; }

.text .group input { float:left; width:26px; margin:0; clear:left; margin-bottom:10px;}
.text .group label { float:none; margin-left:40px; width:auto; line-height:24px; padding:0; margin-bottom:10px; }

.checkbox .group label, .radio .group label { float:left; margin-left:10px; width:40px; }
.checkbox .group label.long, .radio .group label.long { width:170px; }

form button { position: relative; cursor: pointer; overflow: visible; }
form button::-moz-focus-inner { border: none; }
form button span { position: relative; display: block; white-space: nowrap;	}

#content form div.btn { margin-bottom:10px; }

form p.info { font-weight:normal; }

.errormsg, .successmsg { margin:10px 0; }
.errormsg ul, .successmsg ul { margin:0; }
.errormsg p, #content .errormsg li, .successmsg p { color:#fe0000; font-weight:bold; }
#content .errormsg ul li { background-image:url(ico_li_error.gif); }
.errormsg p { }
.successmsg p { color:#00a7e1; }

@media screen and (-webkit-min-device-pixel-ratio:0) {	/* Safari and Google Chrome only - fix margins */ button span {	margin-top: -1px; } }
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */	

form .onlineticket { background:none transparent; border:0 none; padding:0 2px 0 0; }
form .onlineticket, form .onlineticket span { line-height:16px; }

#subnav form .onlineticket { float:right; padding-top:3px; }

/*************************************************** layout */

/*html, body { height:100%; } */

body { background:#000 url(bg_inhaltsseite.jpg) 0 0 no-repeat; }
body#page1 { background:#000 url(bg_startseite.jpg) 0 0 no-repeat; }
body#popup { background:#fff; }

.wrapper { position:relative; width:978px; overflow:visible; margin-bottom:40px; }
body#popup .wrapper { margin:0; width:auto; padding:10px; }

#colleft { float:left;}
#colright { float:right; }
#colleft, #colright { width:168px; padding-top:233px; }

#colmid { margin:0 170px; }

#header, #header .logo, #header .logo a, #colleft, #colright, #colmid, #content, #nav, #nav ul { display:block; min-height:1px; }

/****** Header */

#header { height:144px; padding-top:24px; }

#header .logo { width:316px; }
#header .logo h1 { margin:0; }
#header .logo a { height:119px; background:url(logo.gif) center no-repeat;  }

/*************************************************** Content */

/****** Allgemein */

.hr { border-top:2px solid #00a7e1; margin:30px 0 3px; position:relative; }
#backtotop { position:absolute; right:0; bottom:10px; }
#backtotop a { display:block; background:url(ico_backtotop.gif); width:9px; height:13px; }

#content #box, .box, .newsteaser { border-top:2px solid #00a7e1; }
#content #padder, .box, .newsteaser { padding:6px 8px; }
#content, #padder { min-height:200px; position:relative;  }
#content #box { border-bottom:2px solid #00a7e1; background:#fff; }
#content .box, .newsteaser { padding:3px 0; background:#fff; }

#page1 #content { padding-top:3px; }
#page1 #content .box, .newsteaser { background:transparent; }

#colleft p, #colright p, #colleft li, #colright li, #colleft label, #colright label { color:#fff; }
#colleft h4, #colleft p, #colleft li, #colleft label, #colright h4, #colright p, #colright li, #colright label { font-size:11px; font-weight:bold; line-height:14px; }
#colright h4, #colright p, #colright li, #colright label { line-height:15px; }

#colmid .bild { margin-top:8px; }

/****** colleft */

#colleft .vorverkauf { position:absolute; left:10px; top:20px; width:132px; text-align:right; }
#colleft .vorverkauf h4, #colleft .vorverkauf p { font-size:10px; font-weight:bold; line-height:12px; margin:0; }

#suche { background:#333; overflow:hidden; padding:2px 8px; position:relative; }
#suche label { color:#00a7e1; font-size:11px; float:left; width:40px; }
#suche input { color:#fff; display:block; margin-left:44px; width:96px; border:0 none; font-size:11px; background:transparent; }
#suche button { padding:0; border:0 none; position:absolute; background:url(ico_search.gif) no-repeat; width:13px; height:12px; right:2px; top:4px; }

/****** colright */

#spielplanbestellen { background:url(btn_geschenkideen.gif) no-repeat; display:block; width:142px; height:142px; margin:0 auto 21px; }
#spielplanbestellen:hover, #spielplanbestellen:focus { background:url(btn_geschenkideen_on.gif) no-repeat; }

#jubi { background:url(60jahrekurtheater.png) center no-repeat; display:block; width:142px; height:142px; margin:0 auto 21px;}

#newsletter p {  }

#sponsoren { padding:0; }
#sponsoren li { list-style-type:none; margin:0; padding:4px 10px; border-bottom:2px solid #00a7e1; font-size:10px; }
#sponsoren .title { color:#00a7e1; }
#sponsoren a { text-decoration:none; }

#colright h4, #colright li.title { color:#00a7e1 ; }

/****** colmid  */

#content .intro h2, #box table.programm h2 a{ font-size:18px; line-height:20px; font-weight:bold; color:#00a7e1; text-decoration:none; }
#box table.programm h2 a:hover, #box table.programm h2 a:focus, form .onlineticket:hover span, form .onlineticket:focus span, #box td .onlineticket:hover span,
#box td .onlineticket:focus span { color:#339900; }
#content .intro h2 { font-size:14px; line-height:16px; } 

#box td span { color:#00a7e1; font-weight:bold; }

.slideshow { display:block; height:430px !important; }
.slideshow img { width:auto !important; height:auto !important; }
#show .slideshow { height:290px !important; }
#show .slideshow img { height:290px !important; }
#box .controls { overflow:hidden; padding:6px 0 16px; margin:0 8px; border-bottom:2px solid #00a7e1; }
#box .controls .info { float:left; font-size:10px; line-height:10px; }
#box .controls div { float:right; }
#box .controls a { line-height:10px; text-decoration:none; font-size:10px; font-weight:bold; padding:0 4px; float:left; border-right:1px solid #000; }
#box .controls a:hover, #box .controls a:focus, #box .controls a.activeSlide { color:#00a7e1; }

#content .tabnav ul, #content .abonav ul { margin:0; }
#content .tabnav li, #content .abonav li { background:none; padding:0; }
#content .tabnav a { }
#content .tabnav a:hover, #content .tabnav a:focus, #content .tabnav .active {  }
#content .abonav li { display:inline; }

#content ul li { margin:0; padding-left:16px; background:url(ico_li.gif) 0 3px no-repeat; list-style-type:none; }

#content #padder { min-height:300px; }

.tinytxt { padding-right:80px; }

#box .nav .active { color:#00a7e1; font-weight:bold; }

.backbtn p { }
.backbtn a { background:url(ico_arrow_left.gif) 0 3px no-repeat; padding-left:16px; }

/****** colmid - Programm Startseite */

#shows { margin-bottom:22px; overflow:hidden; }
#shows .show { margin-bottom:24px; }
#shows .show a { display:block; cursor:pointer; }

#shows .show .cont { display:block; overflow:hidden; margin:2px 0 2px 0; } 
#shows .show .cont span { float:left; background:#fff; padding:2px 8px; font-weight:bold; }
#shows .show .small span { font-size:14px; min-height:18px; line-height:18px; margin-right:2px; color:#000; }
#shows .show .large span { font-size:40px; min-height:42px; line-height:42px; color:#00a7e1; }
#shows .show a:hover, #shows .show a:focus { text-decoration:none; }

#shows .show a:hover .large span, #shows .show a:focus .large span { color:#339900; }

#shows .show .special .cont span { background:#66ffff; }
#shows .show .special .large span { color:#000; }
#shows .show a.special:hover .large span, #shows .show a.special:focus .large span { color:#fff; }

#content .newsteaser p { color:#fff; }
#content .newsteaser h3 { color:#00a7e1; font-style:normal; }
#content .newsteaser h3, #content .newsteaser p { font-size:16px; font-weight:bold; line-height:24px; }
#content .newsteaser .date { margin:0; }

/****** colmid - Monatsprogramm */

#programm table { margin:0; }
#programm h3 { font-weight:bold; font-style:normal; }

#programm td { border-bottom:2px solid #00a7e1; padding-bottom:30px; }

#programm .datum { width:15%; }
#programm .zeit { width:15%; }
#programm .link { width:15%; }
#programm .leer { width:10px; padding:0; border:0; }

#programm table p { font-weight:bold; margin:0; }

#content a.bestellen { display:block; background:url(ico_arrow_right.gif) 0 3px no-repeat; padding:0 0 0 14px; }
#content p.bestellen { float:right; margin:2px 20px 0 0; }

/****** colmid - Show detail */

#show { padding-top:4px; overflow:hidden; }
#content #show .details .box { margin-bottom:15px; }

#box #show .abo { position:absolute; right:5px; top:5px; font-size:11px; color:#00a7e1; font-weight:bold; text-decoration:none; }
#box #show .abo:hover, #box #show .abo:focus { color:#000; }

#box .intro h3, #box .intro .sub { font-size:14px; font-weight:bold; font-style:normal; }
#box .intro .sub, #box .intro .daten, .intro .details p { font-weight:bold; }
#box #show .daten, #show .details h4, #show .details p { font-size:11px; line-height:14px; }
#box #show .intro a { font-weight:bold; text-decoration:none; }
#box #show .intro a:hover, #box #show .intro a:focus { text-decoration:underline; }

#show .info { float:right; width:436px; margin-left:26px; display:block; }
#show .details { float:right; width:160px; }

#show .details .box h4, #show .details .box p { margin:0; font-weight:bold; }
#show .details .box b, #show .details .box strong { color:#00a7e1; font-weight:bold; }
#show .details .box a img { border: none; }

#show .slideshow { margin-top:6px; height:290px; }
#box #show .controls { padding:6px 0 4px; min-height:10px; margin:0; border-bottom:0 none;  }
#box #show .controls div { float:none; }

/****** colmid - Preise/Sitzplan */

#preise .klasse { width:10%; }
#preise .kat { width:15%; }
#preise .last { width:30%; }

#preise td, #preise th { padding:3px 8px 3px 0; }

#preise th { color:#000; font-weight:normal; border-bottom:2px solid #00a7e1; }
#preise img { display:block; }
#popup #preise img { display:inline; margin-right:6px; }
#popup #content ul li { padding:0; background:none; }

#preise .preisklasse { padding-top:15px; }

#preise td { border-bottom:2px solid #00a7e1; }

/****** colmid - Pressemitteilungen */

table.presse { margin:0; }

table.presse td { border-top:2px solid #00a7e1; padding-bottom:30px; }

table.presse h3 { font-weight:normal; }
table.presse .datum { width:15%; }
table.presse .leer { width:10px; padding:0; border:0; }

table.presse .gallery { margin:10px 0 0 0;} 
table.presse .element { overflow:hidden; }
table.presse .element p { margin:0; }
table.presse .gallery .img { float:left; display:block; width:130px; margin:0 5px 5px 0; background:#F0F0F0; }
table.presse .gallery .img img { border:0 none; display:block; }

#presselogin { float:right; }
#presselogin form { border:0; padding:0; }
#presselogin fieldset { padding:10px 0; overflow:hidden; }
#presselogin label { width:60px; float:left; }
#presselogin input { margin-left:60px; width:100px; }
#presselogin button { float:right; }


/****** colmid - Abo-Bestellung */

fieldset .col { width:200px; display:block; float:left; margin-right:60px; }

.abos, .altneu, .mitgliedschaft { overflow:hidden; }

fieldset .abos .col { width:200px; margin-right:10px; }
fieldset .abos .collang { width:300px; margin-right:0; }

.abos .line label, .wahlabo .line label, .mehrtickets .line label { width:120px; float:left; width:50px; padding-top:2px; margin-left:10px; }
.abos .line .lang { width:160px; }
#abobestellung .line input.anzahl { float:left; margin:0; width:25px; }
.abos .line .abo, .wahlabo .line .abo { margin-top:4px; }

.wahlabo { margin-top:20px; }

.wahlabo .line .lang { width:370px; }
.wahlabo .line select, .mehrtickets .line select { display:block; margin:0 0 6px 24px; }
.mehrtickets .line select { margin:0 0 6px 0; }

.mehrtickets .line select { float:left; }
#abobestellung .mehrtickets .line input.anzahl { margin-left:20px; }

#abobestellung p { margin-bottom:8px; }
 
/****** colmid - Anmeldung Theatergemeinde */

#anmeldung { border-top:0 none; }
#anmeldung fieldset { padding-top:0; }
#anmeldung fieldset p { margin-top:0; }

/****** colmid - Misc. */

#paginator { overflow:hidden; padding:4px 0 2px; margin-bottom:10px; }
#paginator a { float:left; }
#paginator a.page { line-height:10px; text-decoration:none; font-size:11px; font-weight:bold; padding:0 4px; float:left; border-right:1px solid #000; }

#paginatorLeft, #paginatorRight { display:block; width:10px; height:10px; padding:0; }
#paginatorLeft { background:url(ico_arrow_left.gif) no-repeat; margin-right:10px; }
#paginatorRight { background:url(ico_arrow_right.gif) no-repeat; margin-left:10px; }

p.download, label .download { margin:0; }
p.download span { float:left; display:block; width:160px; }
p.download a, a.download { margin-left:160px; display:block; background:url(ico_arrow_right.gif) 0 3px no-repeat; padding-left:16px; }
a.download { margin-left:0; display:inline; }

#box table.presse p.download span { display:inline; float:none; color:#000; font-weight:normal; margin-right:3px; }
#box table.presse p.download a { display:inline; float:none; }

a.slidetoggler { padding-left:14px; background:url(ico_plus.gif) 0 4px no-repeat; }
a.toggleractive { background-image:url(ico_minus.gif); }

/****** popup */

body#popup li { margin:0; list-style-type:none; }
body#popup .color { float:left; margin:3px 8px 0 0; }

/****** Team */

.team { overflow:hidden; margin-bottom:30px; }
.team img { float:left; width:146px; }
.team .info { margin-left:160px; }

/****** galerien */

/*
.gallery { overflow:hidden; }

#content .gallery a { float:left; margin:0 10px 10px 0; padding:0; background:0 none; }
#content .gallery a img { border:2px solid #000; }
*/


/****** Footer */


/***************************************************  Nav */

#nav { padding-top:8px; }
#nav ul { border-top:2px solid #00a7e1; background:#000; margin-bottom:10px; }
#nav li { list-style-type:none; margin:0; }

#nav a { color:#fff; padding:4px 10px; display:block; font-size:11px; text-decoration:none; border-bottom:2px solid #00a7e1; }
#nav a:hover, #nav a:focus, #nav a.active { color:#000; background:#00a7e1; text-decoration:none; border-bottom:2px solid #000; }

/*************************************************** Subnav */

#subnav { background:#fff; border-bottom:2px solid #00a7e1; border-top:2px solid #00a7e1; position:relative; margin-bottom:22px; min-height:22px; }
#subnav ul { padding:5px; overflow:hidden; margin:0; }
#subnav .sub { border-top:2px solid #000; }
#subnav li { list-style-type:none; margin:0; float:left; display:block; border-right:1px solid #000; margin-right:2px; }
#subnav a { font-size:11px; display:block; padding:0 4px; color:#000; }
#subnav a:hover, #subnav a:focus, #subnav a.active { color:#00a7e1; text-decoration:none; }
#subnav li, #subnav a { line-height:12px; }

#subnav .pager { position:absolute; top:6px; right:9px; width:10px; height:10px; padding:0; }
#subnav #subNavPrev, #subnav #showNavPrev { background:url(ico_arrow_left.gif) no-repeat; right:28px; }
#subnav #subNavNext, #subnav #showNavNext { background:url(ico_arrow_right.gif) no-repeat; }

#subnav #showNavPrev { right:auto; left:9px; }
#subnav #showNavNext { right:auto; left:28px; }
#subnav #bestellen { position:absolute; top:5px; right:9px;  }