@media all
{


/* ### Kalender ################################### */
/*Formatierung für anderer Monat*/
.am {text-decoration: none; background-color: #ffe4ba;}
/*heute*/
.switch a {font-size: 0.9em; color: #ff6600; text-decoration:none;}
.heute, .todayhead { background-color: #ff9b4e; color:#fff; padding: 2px 2px 2px 2px;}
/*Formatierung für Tag mit Termin*/
.termin {color:#FF6600; font-weight: bold;}
.vacdayhead {background-color:#ffcb95;}
.week { background-color: #AFCEE2; padding: 2px 2px 2px 2px;}
#kalender {border-collapse:collapse; margin-bottom: 0.5em; width: 100%; background-color: #ffe4ba;}/*Gesamte Tabelle des Kalenders*/
table#kalender td {	padding: 0.1em; 	text-align: left; }
/*Kalender zu Ende*/

/* Veranstaltungssuche */
.veranstsuche {}
.veranstsuche .abbrechen {width: 100px; background-color:#FFFFFF;border:1px solid #0174ab;font-size:0.9em;font-weight:bold;height:20px;margin:0px 15px 0px 0px;padding:1px 4px 1px 4px;}
.veranstsuche .senden { background-color:#FFFFFF;background-image:url(../../common/senden.gif);background-position:4px center;background-repeat:no-repeat;border:1px solid #0174ab;font-size:0.9em;font-weight:bold;height:20px;margin:0px;padding:1px 4px 1px 17px;}
/*.veranstsuche .labelm {color:#000000;font-weight:bold; float: left; text-align: right; width: 30%; margin-right: 5%;}*/
.veranstsuche .label {color:#ff6600;font-weight:bold; font-size:116.67%; }/*float: left; text-align: right; width: 20%; margin-right: 2%;*/
.veranstsuche.genre {color:#000000; float:none; font-size:100%; font-weight:bold; margin-right:2%; text-align:right; width:20%;}


.veranstsuche .contenta {padding-top:10px; }
.veranstsuche .genre {padding-left:15px;margin-top:1em}


.veranstsuche .suchenach {color:#000000;font-weight:bold; padding-right: 0.8em;}
.veranstsuche .col {float:left; margin-right:30px}
.veranstsuche fieldset {margin:0em 0.5em 1em 0em; width: 95%; text-align: left; }
.veranstsuche form {margin:1em 0em 0em 0em; }
.veranstsuche .content {margin:0em 0.5em 0.2em 0em; }
div.content {margin:0em 0.5em 1em 0em;}
.veranstsuche .scrollbox {height:140px;overflow:auto;padding:4px;vertical-align:top;width:280px; float: left; text-align: left; width: 40%; margin-right: 2%; margin-bottom: 2%;}
.veranstsuche .stichwortsuche {float: left; text-align: left; width: 40%; margin-right: 2%; margin-bottom: 2%;}
#stichwortsuche {width: 270px;}
#ort {width: 276px;}
#festival {width: 276px;}
.kategorie {text-align: left;}
.veranstsuche .info {position:absolute; left:250px; top:15px;}
.veranstsuche #extra_kat1 {padding-right: 0.8em;}
.veranstsuche .zeitpunkt {padding-right: 0.8em;}
.veranstsuche #zeitpunktm {margin-left:1.5em;}
.veranstsuche #limit_page {margin-right: 0.5em;}
.veranstsuche #oktermin {width:100%;text-align:right;}

.infotext {font-size:0.8em;}


/*.veranstsuche #ganzwort {margin-left:0em; }
 }
.veranstsuche .rollstuhl {margin-left:7.8em; }

.veranstsuche .von {margin-left:6.1em; }*/
.veranstsuche .bis {margin-right:0.2em; }
#zeitpunktzm {margin-left:1.8em;}
#zeitpunktznw {margin-left:0.4em; }

.museum select {width: 318px;}
.museum input#stichwortsuche {width: 310px;}

.registriert {background-color:#FFFFFF;background-image:url(../../common/pfeil_suchen.gif);background-position:left center;background-repeat:no-repeat;font-weight:bold; margin:0.5em 0.5em 2em 0em; padding:1px 4px 1px 17px;}
.newsletter .label {color:#000000;font-weight:bold; float: left; text-align: right; width: 35%; margin-right: 2%;}

/* Veranstaltungsuebersicht */
.veranstueber {width:100%;margin-top:20px;}
.veranstueber .kopf {width:100%;background-color:#ffcb95;color:#000; font-weight:bold; border-bottom:1px solid #ff6600;}
.veranstueber .kopf td {padding:0 10px 0 5px;}
.veranstueber hr { color: #ff6600;   background:transparent;   margin: 0 0 0.3em 0;   padding-bottom: 1px;   border:0;   border-bottom: 1px #ff6600 solid; }
.veranstueber #ticket {width:10%;}
.veranstueber #uhrzeit {width:15%;}
.veranstueber #uhrzeit_m {width:25%;}
.veranstueber #titel {padding:0 0.5em 0 0.5em;}
.veranstueber #titel a {color:#000; text-decoration:underline;}
.veranstueber #titel a:hover {color:#000; text-decoration:underline; }
.veranstueber #titel a#active {color:#000; text-decoration:underline;}
.veranstueber #ort {width:25%;}
.veranstueber .bg1 {padding-bottom:10px; }
.veranstueber .bg2 {padding-bottom:10px; background-color: #ffcb95;}
#ticketlink{padding: 1px 1px 1px 13px; text-decoration:none; background-color: #ff6600; color: #fff; font-weight: bold; background-image:url(../../common/pfeil_ticket.gif); background-repeat:no-repeat ; background-position:left; height:13px;}

/* Veranstaltungskalender Detailseite*/
.grau {background-color:#ffcb95;}
/*.veranstdetail h2 {font-size: 1em; font-weight:bold; color: #000; margin:0; padding:0; border: 0px #ddd solid;}
.veranstdetail h3 {font-size:1em; color:#990000; margin:0; padding:0; font-weight:bold;font-style:italic;} */
.subcr {padding-bottom: 1em; padding-right: 1em;}


/*Highlights */
#highlight {width:195px; text-align:left; margin-top: 0em; background:#eaeaea; font-size: 0.9em;}
#highlightheader {color:#990000; font-weight:bold;  padding:2px 9px 3px 10px; }
#highlight ul {list-style-type: square;}
#highlighttermin {color:#000; }
#highlighttitel {padding:0px 0px 5px 0px;}
#highlighttitel a {color:#990000; text-decoration:underline; padding:0px;}

#highlightticketing {background-image:url(../../common/ticketing3.gif);background-position:0px 0px;background-repeat:no-repeat;text-decoration:none;width:20px;} 


/* Kategorien mit Gruppierung*/

  #katlist, #extrakatlist {  width: 100%;  margin: 0.5em 0 0 0; list-style-type: none; border-top: 0px #ddd solid;  border-bottom: 0px #ddd solid; }

  #katlist ul, #extrakatlist ul { list-style-type: none; margin:0; padding: 0;list-style-type: none;}
  #katlist li, #extrakatlist li {font-weight:normal; float:left; width: 100%; margin:0; padding: 0; list-style-type: none;}

  /* Level 1 */
  #katlist li, #extrakatlist li { width: 99%; padding:3px 0px 3px 1%; color: #000; list-style-type: none;}

  /* Level 2 */
  #katlist li ul li, #extrakatlist li ul li { width: 95%; padding-left: 5%; list-style-type: none;}

  #katlist li ul li, #extrakatlist li ul li { background-color:transparenthttp://www.google.de/search?hl=de&q=autotypische+rasterung&meta=&aq=1&oq=autotypisch; color: #000; list-style-type: none;}
  
  #extrakatlist li {font-weight:bold;}
  #extrakatlist li ul li {font-weight:normal;}

  .sprache {margin-top:10px;}
}@media all
{

label.von {padding-right:25px;}


/* ### Kalender ################################### */
/*Formatierung für anderer Monat*/
.am {text-decoration: none; background-color: #EB9B9E;}
/*heute*/
.switch a {font-size: 0.9em; color: #990000; text-decoration:none;}
.heute, .todayhead { background-color: #5791A9; color:#fff; padding: 2px 2px 2px 2px;}
/*Formatierung für Tag mit Termin*/
.termin {color:#FF6600; font-weight: bold;}
.vacdayhead {background-color:#D4DBE5;}
.week { background-color: #AFCEE2; padding: 2px 2px 2px 2px;}
#kalender {background-color:#F6F5FA;border-collapse:collapse; margin-bottom: 0.5em; width: 100%}/*Gesamte Tabelle des Kalenders*/
table#kalender td {	color: #000; 	padding: 0.1em; 	text-align: left; }
/*Kalender zu Ende*/

/* Veranstaltungssuche */
.veranstsuche {width:100%; margin: 2.5em 0em 0em 0em;}
.veranstsuche .abbrechen {background:#FFFFFF none repeat scroll 0 0; border:1px solid #888888; color:#000000; font-family:Arial,Verdana,Sans-Serif; padding:0.2em; margin:0em 1em 0em 0em; width:auto;}
.veranstsuche .suchesenden {font-weight:bold; background:#FFFFFF none repeat scroll 0 0; border:1px solid #888888; color:#000000; font-family:Arial,Verdana,Sans-Serif; padding:0.2em; width:auto;}
.veranstsuche .label {color:#000000;font-weight:bold; font-size:100%; float: left; text-align: right; width: 20%; margin-right: 2%;}
.veranstsuche .suchenach {color:#000000;font-weight:bold;}
.veranstsuche .col {float:left; margin-right:30px}
.veranstsuche .content {margin:0em 0.5em 1em 0em; }
.veranstsuche .scrollbox {height:140px;overflow:auto;padding:4px;vertical-align:top;width:280px; float: left; text-align: left; width: 40%; margin-right: 2%; margin-bottom: 2%;}
.veranstsuche .festival {float: left; text-align: left; width: 30%; margin-right: 20%; margin-bottom: 2%;}
.veranstsuche .stichwortsuche {float: left; text-align: left; width: 40%; margin-right: 2%; margin-bottom: 2%;}
#stichwortsuche {width: 200px;}
.kategorie {text-align: left;}
/*.veranstsuche #ganzwort {margin-left:0em; }
 }
.veranstsuche .rollstuhl {margin-left:7.8em; }
*/
.veranstsuche .von {margin-left:6.1em; }
.veranstsuche .bis {margin-left:5em; }
/*.veranstsuche #limit_page {margin-left:4em;}*/
.veranstsuche #zeitpunktm {margin-left:1.7em;}
.veranstsuche #zeitpunkt7T {margin-left:13.7em; }

.merkzettel .label {float:none; text-align:left;}

/* Veranstaltungssuche */
.veranstsuche2 {margin:2.5em 0.5em 0.5em;width:100%;}
/*.veranstsuche .labelm {color:#000000;font-weight:bold; float: left; text-align: right; width: 30%; margin-right: 5%;}*/
.veranstsuche2 .label {color:#9B0000;font-weight:bold;}/*float: left; text-align: right; width: 20%; margin-right: 2%;*/
.veranstsuche2 .suchenach {color:#000000;font-weight:bold; padding-right: 0.8em;}
.veranstsuche2 .col {float:left; margin-right:30px}
.veranstsuche2 fieldset {margin:0em 0.5em 1em 0em; width: 95%; text-align: left;}
.veranstsuche2 form {margin:1em 0em 0em 0em; }
.veranstsuche2 .content {margin:0em 0.5em 0.5em 0em; }
.veranstsuche2 .scrollbox {height:140px;overflow:auto;padding:4px;vertical-align:top;width:280px; float: left; text-align: left; width: 40%; margin-right: 2%; margin-bottom: 2%;}
.veranstsuche2 .stichwortsuche {float: left; text-align: left; width: 40%; margin-right: 2%; margin-bottom: 2%;}
#stichwortsuche {width: 200px;}
.kategorie {text-align: left;}
.veranstsuche2 .info {position:absolute; left:250px; top:62px;}
.veranstsuche2 #extra_kat1 {padding-right: 0.8em;}
.veranstsuche2 .zeitpunkt {padding-right: 0.8em;}
.veranstsuche2 #zeitpunktm {margin-left:1.5em;}
.veranstsuche2 #limit_page {margin-right: 0.5em;}
fieldset.genre {margin-top:1em;}


/*.veranstsuche #ganzwort {margin-left:0em; }
 }
.veranstsuche .rollstuhl {margin-left:7.8em; }

.veranstsuche .von {margin-left:6.1em; }*/
#zeitpunktzm {margin-left:1.8em;}
#zeitpunktznw {margin-left:0.4em; }

.abstand {margin: 1em 0;}
.abstand2 {margin: 2.5em 0;}

.newsletter .label {color:#000000;font-weight:bold; float: left; text-align: right; width: 35%; margin-right: 2%;}

/* Veranstaltungsuebersicht */
.veranstueber {width:100%;margin-top:20px;}
.veranstueber .kopf {width:100%;background-color:#D4DBE5;color:#578FA8; font-weight:bold; border-bottom:1px solid #578FA8; margin:0.5em 0em 0.5em 0em}
.veranstueber .kopf td {padding:1px 3px;}
.veranstueber hr { color: #578FA8;   background:transparent;   margin: 0 0 0.3em 0;   padding-bottom: 1px;   border:0;   border-bottom: 2px #578FA8 solid; }
.veranstueber #ticket {width:10%; padding:0.2em}
.veranstueber #uhrzeit {width:15%;}
.veranstueber #titel {padding:0 0.5em 0 0.5em; width:55%;}
.veranstueber #titel a {color:#578FA8; text-decoration:underline;}
.veranstueber #titel a:hover {color:#578FA8; text-decoration:underline; }
.veranstueber #titel a#active {color:#578FA8; text-decoration:underline;}
.veranstueber #ort {width:15%;}
.veranstueber .bg1 {padding-bottom:10px; }
.veranstueber .bg2 {padding-bottom:10px; background-color: #E3E3E3;}
#col3 a#ticketlink {padding: 1px 1px 1px 13px; text-decoration:none; background-color: #D83324; color: #fff; font-weight:bold; font-size:1em; background-image:url(http://www.ortenaukultur.de/assets/assets_lokal/offenburg/pfeil_ticket.gif); background-repeat:no-repeat ; background-position:left; height:13px;}
/*a#ticketlink:link, 
a#ticketlink:visited, 
a#ticketlink:hover, 
a#ticketlink:active, 
.veranstueber #ticket a[href^="http:"], 
.veranstueber #ticket a[href^="https:"] {color: #fff;}*/

/* Veranstaltungskalender Detailseite*/
.grau {background-color:#CECECE;}
/*.veranstdetail h2 {font-size: 1em; font-weight:bold; color: #000; margin:0; padding:0; border: 0px #ddd solid;}
.veranstdetail h3 {font-size:1em; color:#990000; margin:0; padding:0; font-weight:bold;font-style:italic;} */
.subcr {padding-bottom: 1em;}

/* Kategorien mit Gruppierung*/

  #katlist {  width: 100%;  margin: 0.5em 0 0 0; list-style-type: none; border-top: 0px #ddd solid;  border-bottom: 0px #ddd solid; }

  #katlist ul { list-style-type: none; margin:0; padding: 0;list-style-type: none;}
  #katlist li { background-color:#EAEAEA; float:left; width: 100%; margin:0; padding: 0; list-style-type: none;}

  /* Level 1 */
  #katlist li { width: 99%; padding:3px 0px 3px 1%; list-style-type: none;}

  /* Level 2 */
  #katlist li ul { width: 95%; padding-left: 5%; list-style-type: none;}

  #katlist li ul li { background-color:#EAEAEA; color: #000; list-style-type: none;}
  
  #col3 #highlightticketing {font-size: 1.1em; text-decoration: none; background-image:url(http://www.ortenaukultur.de/assets/assets_lokal/offenburg/ticketing3.gif); background-repeat:no-repeat; width: 20px;background-position:0px 0px; }

 /* Vorverkaufsdarstellung */
    .vvk_kopf a {color:#000; }
	.vvk_kopf {padding: 5px; background-color:#CECECE;color:#000; border-bottom:1px solid #D83324; font-weight:bold; margin-bottom: 10px;}
	.vvk_titel {color: #5791A9; padding:0.5em 1em 0.5em 1em;border-bottom:1px solid #D83324; font-weight:bold; font-size: 1.1em; margin:0 0 1em 0}


.cornersfg{  background:transparent; padding: 0.3em  0.5em  0.3em  0.7em;}
.link_ok {color:#578FA8; background:transparent url(http://www.offenburg.de/assets/common/pfeil_vor.gif) no-repeat top left; margin: 0px; padding: 1px 4px 2px 15px;font-weight : bold; text-decoration:underline;}
}