/* Cascading Stylesheet fuer Werkstatt der Kulturen */
/* 3-point concepts: Jasmina Liessmann - 28.06.2010 */
/* 3-point concepts: Stephan Betke - 14.07.2010 */

/* ------------------------------
	Allgemeines
-------------------------------*/
*+html {overflow:hidden;}
body {color:#333; font-family:Verdana, Arial, sans-serif; font-size:11px; line-height:15px; margin:0; padding:0; overflow:hidden !important; width:100%;}
table,tr,td,div,fieldset,form,input,select,span,img,ol,ul,li,a,h1,h2,h3,h4,h5,h6,big,small,abbr {border:0; font-weight:normal; margin:0; padding:0;}
td {vertical-align:top;}

div.clear {clear:both; font-size:0; line-height:0; margin:0; padding:0;}
br.clear {clear:both;}

p {margin:12px 0 0 0; padding:0;}

ul {list-style:none; margin:12px 0 0 0; padding:0;}
ul li {background:url(/bilder/listenpunkt.gif) 0 5px no-repeat; margin:0 0 3px 0; padding:0 0 0 16px;}

hr {border:0; border-top:1px solid #9a9a9a; height:1px; margin-top:10px; margin-bottom:25px;}

/* Bildvergoesserung */
#supersize img {height:100%; width:100%;}
   .ie7 body, .ie7 html {overflow:hidden;}

/* Layout */
#centern {top:0; left:0; right:0; bottom:0; overflow-y:auto; overflow-x:hidden; position:absolute; width:100%;}
#layout {margin:0; padding:0; width:990px;}
   .ie6 #layout {overflow:hidden !important;}
   .ie7 #layout {overflow:visible;}


/* ------------------------------
	Menues
-------------------------------*/
#layout #mainmenu {float:left; margin:0; padding:0;}
#layout #mainmenu a:link, #layout #mainmenu a:visited {background:url(/bilder/bg_weiss_transparent.png) repeat-y 0 0; color:#000; display:block; float:left; font-size:12px; font-weight:normal; height:14px; margin:0; padding:11px 15px 10px 16px; text-decoration:none; text-transform:uppercase;}
   .ie6 #layout #mainmenu a:link, .ie6 #layout #mainmenu a:visited {background:#f7fafb; color:#000; padding-right:15px; padding-bottom:9px;}
#layout #mainmenu a:focus, #layout #mainmenu a:hover {background:#d81900; color:#fff; display:block; float:left; font-size:12px; font-weight:normal; height:14px; margin:0; padding:11px 15px 10px 16px; text-decoration:none; text-transform:uppercase;}
   .ie6 #layout #mainmenu a:focus, .ie6 #layout #mainmenu a:hover {padding-right:15px; padding-bottom:9px;}
#layout #mainmenu a.on:link, #layout #mainmenu a.on:visited, #layout #mainmenu a.on:focus, #layout #mainmenu a.on:hover {background:#d81900; color:#fff; display:block; float:left; font-size:12px; font-weight:normal; height:14px; margin:0; padding:11px 15px 10px 16px; text-decoration:none; text-transform:uppercase;}
   .ie6 #layout #mainmenu a.on:link, .ie6 #layout #mainmenu a.on:visited, .ie6 #layout #mainmenu a.on:focus, .ie6 #layout #mainmenu a.on:hover {padding-bottom:9px;}

/* Anpassungen Firefox und Safari auf Mac OS X 10.6.2 */  
.mac.ff3 #mainmenu a:link, .mac.ff3 #mainmenu a:visited, .mac.ff3 #mainmenu a:focus, .mac.ff3 #mainmenu a:hover {padding-right:1.3em !important; padding-left:16px !important;} 
.mac.safari #mainmenu a:link, .mac.safari #mainmenu a:visited, .mac.safari #mainmenu a:focus, .mac.safari #mainmenu a:hover {padding-right:16px !important; padding-left:16px !important;} 
   
/* Anpassungen Firefox und Safari auf Mac OS X 10.4.11 
.mac.ff3 #mainmenu a:link, .mac.ff3 #mainmenu a:visited, .mac.ff3 #mainmenu a:focus, .mac.ff3 #mainmenu a:hover {padding-right:15px !important; padding-left:1.420em !important;} 
.mac.safari #mainmenu a:link, .mac.safari #mainmenu a:visited, .mac.safari #mainmenu a:focus, .mac.safari #mainmenu a:hover {padding-right:16px !important; padding-left:1.3em !important;} 
*/

/* Sprachenauswahl */
#layout #sprache {float:right; margin:37px 0 0 0; padding:0; text-align:right; width:149px;}
#layout #sprache a:link, #layout #sprache a:visited {background:#fff; color:#000; display:block; float:right; font-size:10px; font-weight:normal; height:12px; margin:0 0 0 4px; padding:2px 4px 6px 4px; text-decoration:none; text-transform:uppercase;}
   .ie6 #layout #sprache a:link, .ie6 #layout #sprache a:visited {padding-bottom:3px;}
#layout #sprache a:focus, #layout #sprache a:hover {background:#000; color:#fff; display:block; float:right; font-size:10px; font-weight:normal; height:12px; margin:0 0 0 4px; padding:2px 4px 6px 4px; text-decoration:none; text-transform:uppercase;}
   .ie6 #layout #sprache a:focus, .ie6 #layout #sprache a:hover {padding-bottom:3px;}
#layout #sprache a.on:link, #layout #sprache a.on:visited, #layout #sprache a.on:focus, #layout #sprache a.on:hover {background:#000; color:#fff; display:block; float:right; font-size:10px; font-weight:normal; height:12px; margin:0 0 0 4px; padding:2px 4px 6px 4px; text-decoration:none; text-transform:uppercase;}
   .ie6 #layout #sprache a.on:link, .ie6 #layout #sprache a.on:visited, .ie6 #layout #sprache a.on:focus, .ie6 #layout #sprache a.on:hover {padding-bottom:3px;}

/* Menu links */
#layout #submenu {float:left; margin:0 31px 0 0; padding:0; width:152px;}
   .ie7 #layout #submenu {margin-top:-21px; padding:21px 0 26px 0;}
#layout #submenu_off {float:left; margin:0; padding:0; width:183px;}
#layout #submenu .box {background:url(/bilder/bg_black_80.png) repeat 0 0; clear:both; font-size:10px; letter-spacing:-0.030em; line-height:12px; margin:0 0 24px 0; padding:19px 0 11px 0; width:152px;}
   .ie6 #layout #submenu .box {background:#000;}

/* Links */
#layout #submenu a:link, #layout #submenu a:visited {clear:both; display:block; margin:0 5px 0 0; padding:0; text-decoration:none; text-transform:uppercase;}
   .ie6 #layout #submenu a:link, .ie6 #layout #submenu a:visited {margin:0 0 11px 0;}
   .ie7 #layout #submenu a:link, .ie7 #layout #submenu a:visited {margin:0 0 11px 0;}
#layout #submenu a:focus, #layout #submenu a:hover {cursor:pointer; clear:both; display:block; margin:0 5px 0 0; padding:0; text-decoration:none; text-transform:uppercase;}
   .ie6 #layout #submenu a:focus, .ie6 #layout #submenu a:hover {margin:0 0 11px 0;}
   .ie7 #layout #submenu a:focus, .ie7 #layout #submenu a:hover {margin:0 0 11px 0;}

#layout #submenu a.e1, #layout #submenu a.e1_on {padding:0;}
#layout #submenu a.e2, #layout #submenu a.e2_on {padding:0 0 0 15px !important;}
#layout #submenu a.e3, #layout #submenu a.e3_on {padding:0 0 0 25px !important;}

/* Spans */
#layout #submenu a:link span, #layout #submenu a:visited span {color:#fff; display:block; float:left; margin:0 0 11px 0; padding:0 5px 1px 5px;}   
   .ie6 #layout #submenu a:link span, .ie6 #layout #submenu a:visited span {float:none; margin:0;}
   .ie7 #layout #submenu a:link span, .ie7 #layout #submenu a:visited span {float:none; margin:0;}
#layout #submenu a:focus span, #layout #submenu a:hover span {background:#fff !important; color:#000 !important; display:block; float:left; margin:0 0 11px 0; padding:0 5px 1px 5px;}
   .ie6 #layout #submenu a:focus span, .ie6 #layout #submenu a:hover span {float:none; margin:0;}
   .ie7 #layout #submenu a:focus span, .ie7 #layout #submenu a:hover span {float:none; margin:0;}

#layout #submenu a.e1 span {color:#fff;}
#layout #submenu a.e2 span {color:#fff;}
#layout #submenu a.e3 span {color:#fff;}

#layout #submenu a.e1_on span {background:#fff; color:#000 !important;}
#layout #submenu a.e2_on span {background:#fff; color:#000 !important;}
#layout #submenu a.e3_on span {background:#fff; color:#000 !important;}

#layout #submenu a.rot:focus span, #layout #submenu a.rot:hover span {background:#fff !important; color:#000 !important; display:block; float:left; margin:0 0 11px 0; padding:0 5px 1px 5px;}
   .ie7 #layout #submenu a.rot:focus span, .ie7 #layout #submenu a.rot:hover span {margin-bottom:0 !important;}
#layout #submenu a.rot span {background:#da1502; color:#fff !important;}


/* ------------------------------
	Inhaltsbereich
-------------------------------*/
#header {margin:0; padding:0; width:990px;}
.logo {float:right; height:35px; margin:0 0 0 1px; padding:0; width:361px;}

#topic {margin:0 0 0 15px; padding:0 0 0 181px; width:794px;}
#topic h2 {float:left; width:643px;}

#content {float:left; margin:0 0 0 15px; padding:0; width:975px;}
   .ie6 #content {margin-left:7px;}
#content .box {background:url(/bilder/bg_weiss_transparent.png) repeat-y 0 0;}
   .ie6 #content .box {background:#fff;}

/* Spalte Mitte auf allen Unterseiten vorhanden */
.spalte_mitte {float:left; margin:0; padding:0; width:643px;}
.spalte_mitte .box {line-height:15px; margin:0; padding:10px 10px /*32px*/ 15px 10px; width:623px;}
.spalte_mitte .box img {margin:-10px 0 9px 0; padding:0;}
   .ie7 .spalte_mitte .box img {margin-top:0;}
.spalte_mitte .box table.galerie {margin:/*9px*/ 0 0 0 -1px; padding:0;}
.spalte_mitte .box table.galerie img {border:#fff 1px solid; height:69px; width:70px;}
.spalte_mitte .box table.galerie img:hover {border:#d81900 1px solid; height:69px; width:70px;}

.spalte_mitte .box img.bild_links {margin-top:2px; margin-right:12px; float:left;}
.spalte_mitte .box img.bild_rechts {margin-top:2px; margin-left:12px; float:right;}
.spalte_mitte .box table.bild_links img {margin-top:2px; margin-right:12px;}

.kontaktbox {margin:26px 0 0 0; padding:0;}

.massenlink {margin:7px 0 0 0;}
   .ie7 .massenlink {margin-top:12px;}
.massenlink a:link, .massenlink a:visited, .massenlink a:focus, .massenlink a:hover {color:#333 !important; font-weight:normal !important; margin:0 !important; text-decoration:none !important;}

/* Auf Vermietung Unterseite */
table.location {margin:0; padding:0; width:100%;}
table.location td {border:0; border-bottom:#ccc 1px solid; padding:18px 0 10px 0;}
table.location td.thema {width:182px;}

.backlink {margin:30px 0 0 0;}


/* Klappmenu bei Team */
#accordion {line-height:13px;}
   .ie7 #accordion {line-height:12px;}
#accordion h3 {line-height:21px;}
#accordion h3 span {line-height:21px;} 
   .ie6 #accordion h3 {background:none !important;}
   .ie7 #accordion h3 {background:none !important;}


/* Infosopalte */
#info {float:left; margin:0 0 0 19px; padding:0; width:130px;}
#info a {background:#000; display:block; height:118px; margin:0 0 23px 0; padding:12px 11px 0 10px; text-decoration:none; width:109px;}
#info a:focus span.teaser_untertitel, #info a:hover span.teaser_untertitel {color:#d81900;}


/* Fuss */
#footer {background:url(/bilder/bg_black_80.png) repeat 0 0; color:#fff; margin:100px 0 0 15px; padding:0; width:975px;}
   .ie6 #footer {background:#000;}
#footer a:link, #footer a:visited {background:none; color:#fff; font-weight:normal; margin:0; padding:0; text-decoration:none;}
#footer a:focus, #footer a:hover {background:none; color:#d81900; font-weight:normal; margin:0; padding:0; text-decoration:none;}
#footer .links {float:left; margin:0; padding:8px 0 9px 12px; width:425px;}
#footer .rechts {float:right; margin:0; padding:8px 12px 9px 0; text-align:right; width:300px;}


/* ------------------------------
	Startseite
-------------------------------*/
#startseite_topic {margin:0 0 0 15px; padding:0; width:975px;}
#startseite_topic h2 {width:auto;}

.spalte_links {float:left; margin:0 51px 0 0; padding:0; width:381px;}
.spalte_links .box {line-height:13px; margin:0 0 22px 0; padding:10px 10px 15px 10px; width:361px;}
.spalte_links .box img {margin:0 0 9px 0;}
.spalte_links .box h3 {font-size:13px; padding:1px 6px 2px 3px;}
.spalte_links .box div {margin-top:10px;}

.spalte_rechts {float:left; margin:0; padding:0; width:394px;}
.spalte_rechts h2 {padding-bottom:31px;}
.spalte_rechts .box {line-height:13px; margin:0 0 22px 0; padding:13px 10px 15px 11px; width:373px;}
.spalte_rechts .box#last {margin:0;}
.spalte_rechts .box h3 {font-size:13px; padding:2px 5px 1px 5px;}
.spalte_rechts .box h4 {margin:0;}
.spalte_rechts .box .bild {float:left; margin:19px 19px 0 0; padding:0; width:112px;}
.spalte_rechts .box .text {float:left; margin:19px 0 0 0; padding:0; width:232px;}
.spalte_rechts .box .text_fulllength {float:left; margin:19px 0 0 0; padding:0; width:363px;}

div.spielplan_bild {float:left; margin:4px 0; width:240px;}
div.spielplan_ohne_bild {float:left;}


/* ------------------------------
	Spielplan
-------------------------------*/
#metamenu {float:left; margin:0 0 58px 0; padding:0 0 0 188px; width:445px;}
#metamenu a:link, #metamenu a:visited {background:#ccc; color:#000; display:block; float:left; font-weight:normal; letter-spacing:-0.027em; margin:0; padding:3px 11px 4px 8px; text-decoration:none; text-transform:uppercase;}
#metamenu a:focus, #metamenu a:hover {background:#000; color:#fff; display:block; float:left; font-weight:normal; margin:0; padding:3px 11px 4px 8px; text-decoration:none; text-transform:uppercase;}
#metamenu a.on:link, #metamenu a.on:visited, #metamenu a.on:focus, #metamenu a.on:hover {background:#000; color:#fff; display:block; float:left; font-weight:normal; margin:0; padding:3px 11px 4px 8px; text-decoration:none; text-transform:uppercase;}

.spielplan h3 a {float:none;}
.spielplan .links#kartenbestellung {padding-top:3px;}

/* auf Spielplan + Archiv Uebersichtsseite */
.inhalt_rand {border:0; border-bottom:#ccc 1px solid; margin:0 0 18px 0; padding:0 0 10px 0; width:610px;}

.inhalt_rand#last {border:0 !important;}
.inhalt_rand .links {float:left; line-height:15px; margin:0; padding:0 0 0 6px; width:182px;}
.inhalt_rand .links span {margin-top:3px;}
.inhalt_rand .rechts {float:left; margin:0; padding:0; width:422px;}
.inhalt_rand .rechts .text {line-height:17px; margin:7px 0 0 0 ; padding:0;}

/* auf Spielplan Unterseite */
table.spielplan {margin:0; padding:0;}
table.spielplan td {margin:0; padding:0; text-align:left;}
table.spielplan td img {margin:12px 12px 0 0 !important; padding:0;}

.inhalt_zweispaltig_bild {border:0; border-bottom:#ccc 1px solid; margin:0; padding:10px 0 7px 0; width:623px;}
.inhalt_zweispaltig_bild#last {border:0;}
.inhalt_zweispaltig_bild .links {float:left; margin:0 10px 0 0; padding:0; width:287px;}
.inhalt_zweispaltig_bild .links img {margin:0;}
.inhalt_zweispaltig_bild .rechts {float:left; margin:0; padding:0; width:326px;}
.inhalt_zweispaltig_bild .rechts h4 {margin-top:0 !important;}

/* Spielplan Bestelldaten */
table.bestelldaten {margin:12px 0 0 0; width:623px;}
table.bestelldaten td.col_293 {width:295px;}
table.bestelldaten td.col_293 input {margin:0 0 9px 0; width:274px;}
table.bestelldaten td.col_328 {padding:0; width:328px;}
table.bestelldaten td.col_328 textarea {height:102px; margin:0; width:321px;}

/* Spielplan-Archiv */
#content .archiv {background:url(/bilder/bg_black_90.png) repeat 0 0; color:#fff;}
#content .archiv .termin {color:#FFF;}
#content .archiv span.produktion {color:#FFF;}
#content .archiv span.kooperation {color:#FFF;}
#content .archiv span.gaeste {color:#FFF;}
#content .archiv h3, #content .archiv h3 a {background:#FFF !important; color:#000 !important;}
#content .archiv h4 {color:#fff;}
#content .archiv .massenlink a {color:#fff !important;}
#content .archiv a.pfeil {background:url(/bilder/icon_link.gif) no-repeat 0 4px;}
#content .archiv #metamenu a:link, #content .archiv #metamenu a:visited {background:#CCC; color:#000; display:block; float:left; font-weight:normal; margin:0; padding:3px 11px 4px 8px; text-decoration:none; text-transform:uppercase;}
#content .archiv #metamenu a:focus, #content .archiv #metamenu a:hover {background:#fff; color:#000; display:block; float:left; font-weight:normal; margin:0; padding:3px 11px 4px 8px; text-decoration:none; text-transform:uppercase;}
#content .archiv #metamenu a.on:link, #content .archiv #metamenu a.on:visited, #content .archiv #metamenu a.on:focus, #content .archiv #metamenu a.on:hover {background:#fff; color:#000; display:block; float:left; font-weight:normal; margin:0; padding:3px 11px 4px 8px; text-decoration:none; text-transform:uppercase;}

/* ------------------------------
	Kuratoren
-------------------------------*/
.kuratoren {margin:0; padding:0; width:620px;}
.kuratoren .bild {float:left; margin:0 40px 0 0; padding:0; width:145px;}
.kuratoren .bild img {margin:0; padding:0;}
.kuratoren .beschreibung {float:left; margin:0; padding:0; width:435px;}
.kuratoren .beschreibung table {margin:12px 0 0 0;}

/* ------------------------------
	Sponsoren
-------------------------------*/
.logos {background:#FFFFFF; margin:15px -10px 0 -10px; padding:10px 0 0 0px;}
.logos img {border:#FFF 10px solid; border-bottom:0;}

/* ------------------------------
	Schriften
-------------------------------*/
#layout h1 {height:35px; margin:0; padding:0;}
#layout h2 {font-family:Georgia; font-size:60px; font-weight:normal; line-height:60px; margin:50px 0 0 0; padding:0 0 37px 0;}
   .ie6 #layout h2 {margin-top:51px; padding-bottom:36px;}
   .ie7 #layout h2 {margin-top:51px; padding-bottom:36px;}
#layout h3 {color:#fff; display:inline; font-size:14px; font-weight:bold; line-height:22px; margin:0; padding:0 0 2px 0; text-transform:uppercase;}
#layout h3 a:link, #layout h3 a:visited, #layout h3 a:focus, #layout h3 a:hover {color:#fff; font-size:14px; font-weight:bold; text-decoration:none;}
#layout h4 {color:#000; font-weight:bold; font-size:11px; line-height:15px; margin:11px 0 0 0; padding:0;}

#layout h2.spielplan {color:#d81900 !important;}
#layout h2.archiv {color:#000 !important;}
.spielplan h3 {background:#d81900 !important;}
.spielplan table.spielplan h3 {background:#d81900 !important;}


/* Spans */
span.teaser_header {display:block; font-family:Arial, sans-serif; font-size:36px; font-weight:bold; line-height:28px; margin:0; padding:0 0 13px 0;}
span.teaser_untertitel {color:#fff; display:block; font-weight:bold; height:38px; line-height:13px;  margin:0; overflow:hidden; padding:0;}

span.produktion {background:url(/bilder/icon_produktion.gif) no-repeat 0 0; color:#666; display:block; line-height:13px; margin:4px 0 0 0; padding:2px 0 3px 22px;}
span.kooperation {background:url(/bilder/icon_kooperation.gif) no-repeat 0 0; color:#666; display:block; line-height:13px; margin:4px 0 0 0; padding:2px 0 3px 22px;}
span.gaeste {background:url(/bilder/icon_gaeste.gif) no-repeat 0 0; color:#666; display:block; line-height:13px; margin:4px 0 0 0; padding:2px 0 3px 22px;}

span.grau {color:#666;}

/* ------------------------------
	Links
-------------------------------*/
.spalte_links a:link, .spalte_links a:visited, .spalte_links a:focus, .spalte_links a:hover, .spalte_rechts a:link, .spalte_rechts a:visited, .spalte_rechts a:focus, .spalte_rechts a:hover, .spalte_mitte a:link, .spalte_mitte a:visited, .spalte_mitte a:focus, .spalte_mitte a:hover {color:#d81900; font-weight:normal; line-height:13px; margin:0; padding:0; text-decoration:none !important;}
a.float_right:link, a.float_right:visited, a.float_right:focus, a.float_right:hover {float:right; padding-top:2px;}
a.pfeil:link, a.pfeil:visited, a.pfeil:focus, a.pfeil:hover {background:url(/bilder/icon_link.gif) no-repeat 0 4px; font-weight:normal; margin:0; padding:0 7px 0 0 !important; text-decoration:none; width:7px;}
a.flyer:link, a.flyer:visited, a.flyer:focus, a.flyer:hover {background:url(/bilder/icon_flyer.gif) no-repeat 0 0; color:#666 !important; font-weight:normal !important; line-height:13px; margin:0; padding:2px 0 3px 22px !important;}

/* ------------------------------
	Formulare
-------------------------------*/
form {margin-top:12px;}
fieldset {border:0;}
input,select,textarea {background:none; border:1px solid #cccccc; font-family:Verdana, Arial, sans-serif; font-size:11px; height:14px; padding:2px;}
input.suchbutton {background:#d81900; border:1px solid #d81900; cursor:pointer; color:#FFF; height:20px; text-transform:uppercase; padding:1px 2px 3px 2px;}
input.suchtext {width:200px;}
input.fehler {background:#CCC; border:#D81900 1px solid;}
p.fehler {color:#D81900;}

/* ------------------------------
	Video
-------------------------------*/
#abdeckung {opacity:.80; filter:alpha(opacity=80); -moz-opacity:0.8; margin:auto; background:#000; height:100px; left:0px; position:absolute; top:0px; width:100px; z-index:3;}
#video {background:#FFF; color:#000; font-size:12px; left:0; padding:12px; position:absolute; top:0; z-index:3;}
#video_title {color:#D71800; padding:2px 0 0 0;}
#video_link {float:right; margin:-16px 0 0 0;}
#video_link a {background:url("/bilder/lytebox/schliessen.gif") no-repeat scroll 0 0 transparent; display:block; height:19px; width:19px;}
#video_link span {position:absolute; top:-1000px;}
#flashvideo {clear:both; font-family:verdana,arial,sans-serif; font-size:12px; margin:0 0 5px 0;}