/* Autor: Dirk Petscheleit --- www.roterblitz.de*/

@import url("rte.css"); 

/* undo: */
:link,:visited {
	text-decoration: none;
}

ul,ol {
	list-style: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 1em;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
}

a img,:link img,:visited img {
	border: none;
}

/* Generelle Formatierungen */
body {
	font:83%/1.5 arial,tahoma,verdana,sans-serif;
	background-color: black;
	line-height:120%;
	color: black;
	text-align:center;
	background: black url("../images/body.jpg") top left repeat-x;
}

a:link {
	color: black;
	font-weight: bold;
}

a:visited {
	color: black;
	font-weight: bold;
}

a:hover, a:active {
	color: #444444;
	text-decoration: underline;
}
p, ul, ol {
	margin: 0 0 1em
	}
	
h1, h2, h3, h4, h5, h6 {
	letter-spacing: -1px;
	font-family: arial,verdana,sans-serif;
	margin: 1.2em 0 .3em;
	border-bottom: 1px solid #eee;
	padding-bottom: .1em
	}
	
h1 {
	font-size: 136%;
	margin-top:.6em;
	line-height: 120%;
}
h2 {
	font-size: 136%;
	line-height: 120%;
}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}


/* Wichtige Container für das Layout*/

#container {
	width: 880px;
	margin:auto;
	text-align: left;
	background: white 
}
#container.spalten {
	background: white url("../images/content.gif") top right repeat-y;;
}
#impressum #container.spalten {
	background: white;
}

#header {
	margin: 0;
	background: black url("../images/headerbilder/header1.jpg") top right no-repeat;
}

#header img {
	margin-top: 40px ;
}

#content {
	margin: 40px 20px 30px 20px;
}

#content p {
	line-height: 1.4em;
}
#contentLeft {
	width: 575px;
	padding-right: 15px;
	float: left;
	margin-left: 10px;
	margin-top: 15px;
	margin-bottom: 20px;
	/* nötig wegen IE-Bug */
	display: inline;
}

#contentLeftNarrow {
	width: 500px;
	float: left;
	margin-left: 10px;
}
#contentLeftNarrow h2 {
margin-top: 0px;
}

.row {
	width: 225px;
	float: left;
	margin: 20px 0px 20px 20px;
}

.row p {
	color: black;
	font-size: 0.8em;
	margin: 5px;
}

#rightRowWide {
	float: right;
	width: 300px;

}

#rightRow {
	margin-top: 15px;
	float: right;
	width: 270px;
	padding-bottom: 20px;
}

#rightRow h1 {
	background-color: black;
	color: white;
	padding: 5px;
}
#rightRow h5 {
	margin: 10px 10px 0 10px;
}
#rightRow p {
	margin: 10px 10px 0 10px;
}



#footer {
	clear: both;
	text-align: center;
	padding: 10px;
	font-size: 0.8em;
	background-color: black;
	color: white;
	margin-top: 20px;
}

.clearer {
	clear: both;
	color: transparent;
	background-color: transparent;
	visibility: hidden;
}












/* Navigation */
#mainNav {	
   background:transparent;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	width: 100%;
	padding:5px 0 5px 0;
	margin-top: 30px;
}
#mainNav ul {
  list-style:none;
  display: inline;
}

#mainNav li {
  display:inline;
}

#mainNav a {
   background-color: transparent;
	color: white;
   margin:0;
   padding:5px 10px 5px 10px;
	border-right: 1px solid white;
   text-decoration:none;
}

#mainNav a:hover {
  background-color: white;
  color: black;
}

#mainNav #current a {
   background-color: white;
	color: black;
}

/* 2te Navigationsebene */
#secNav {
   background:transparent;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	width: 100%;
	padding:5px 0 5px 0;
	height: 16px;
}
#secNav ul {
  list-style:none;
  display: inline;
}

#secNav li {
  display:inline;
}

#secNav a {
   background-color: transparent;
	color: white;
   margin:0;
   padding:5px 10px 5px 10px;
	border-right: 1px solid white;
   text-decoration:none;
}


#secNav a:hover {
  background-color: white;
  color: black;
}

#secNav #secCurrent a {
   background-color: white;
	color: black;
}


/* Kontaktformular */

.formularHilfe {
	float: right;
	width: 200px;
	background-color: #EEEEEE;
}

.formularHilfe p {
	font-size: 0.8em;
	margin: 5px;
}
.formularHilfe h4 {
	margin: 5px;
	font-size: 0.9em;
}


fieldset {
	margin: 10px;
	padding: 20px;
}

label.left {
  float: left;
  text-align: right;
  width: 6em;
  margin-right: .3em;
  margin-top: 5px;
  }

input[type=text], select {
 float: left;
 margin-top: 5px;
 width: 150px;
}

input.right {
 float: left;
 width: auto;
 clear: both;
 margin-left: 5.3em;
 margin-right: .3em;
 }
input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right {
margin-left: 6.3em;
 }
form br {
clear: both;
}

/* Formulare */
#dateselector {
	text-align: left;
	margin-bottom: 10px;
}
#dateselector select{
	float: none;
}

label {
clear: left;
float: left;
width: 200px;
}

input {
float: left;
}

.csc-mailform-field {
padding-top: 5px;
height: 25px;
clear: left;
margin-bottom: 1px;
}



/* spezielle Formatierungen */

.readMore {
	text-align: right;
	width: 400px;
}

.right {
	float: right;
}

.small {
	font-size: 0.8em;
}

#skip {
	display: none;
}

.error {
	color: red;
	font-weight: bold
}
.success {
	color: green;
	font-weight: bold
}





/* Kalender */

/* Startseite */
.news-latest-item, .news-latest-item-right {
	width: 265px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	
}
.news-latest-item {
	
}
.news-latest-item-right {
	margin-right: 0;
	margin-left: 10px;
	padding-left: 15px;
	border-left: 1px solid #EEEEEE;
}

.news-latest-item img, .news-latest-item-right img {
	float: left;
	margin-right: 10px;
}
.news-latest-item h3, .news-latest-item-right h3 {
	margin: 0;
	padding: 3px;
	background-color: #EEEEEE;
	color: black;

}
.news-latest-morelink {
	padding-bottom: 10px;
	border-bottom: 1px solid #EEEEEE;
}
.news-latest-item p, .news-latest-item-right p {
	margin-left: 5px;
	margin-right: 5px;
}

.date {
	font-size: 10px;
	font-weight: bold;
	margin-top: 5px;
}
/* Übersichtseite Programm */

/* Einzelnes Event */

.news-single-item {
	margin-bottom: 20px;
}

#events tr {
	border-bottom: 1px solid #E9EFEA;
}

#events h2 {
	border: none;
	margin-top: 0;
}

.odd {
	background-color: #EEEEEE;
}
.news-list-date-start {
	font-weight: bold;
}

.subheader {
	font-weight: bold;
}




.eventListe {
	font-size: 12px;
}

.eventliste h2 {
	margin: 0;
}

.rechteBox {
	background-color: #E9EFEA;
	float: left;
	margin-left: 10px;
	width: 250px;
	padding: 10px;
}
.csc-textpic-imagewrap dt img{
	float: left;
}


#pid88 form {
	text-align: right;
}



/* Listen und Aufzählungen */

#contentLeft ul {
	border: 1px solid red;
	margin: 20px;
	padding: 10px 0 10px 0;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	list-style: square;
}

#contentLeft li {
	margin-left: 30px;
	line-height: 1.2em;
	margin-bottom: 3px;
}

#contentLeft ol{
	margin: 20px;
	padding: 10px 0 10px 0;
	list-style: decimal;
}
#contentLeft ol li {
	padding: 10px;
}




/* Farbzuordnungen für die Kategorien */

/* Obere Navigation */
/* Kategorie Schauspiele */
#secNav a#link106 {
	background-color:#C6E0F3;
	color: black;
}
/* Kategorie Musiktheater */
#secNav a#link107 {
	background-color:#D00132;
	color: black;
}
/* Kategorie Konzerte */
#secNav a#link108 {
	background-color:#F7AE15;
	color: black;
}
/* Kategorie Junges Publikum */
#secNav a#link109 {
	background-color:#F19DC2;
	color: black;
}
/* Kategorie Reihe Kleinkunst */
#secNav a#link110 {
	background-color:#CEC73D;
	color: black;
}
/* Kategorie Spezielles */
#secNav a#link111 {
	background-color:#0099A5;
	color: black;
}
/* Kategorie Stadtkultur */
#secNav a#link140 {
	background-color:#831A6A;
	color: black;
}

/* Kategorie Musik & Show */
#secNav a#link141 {
	background-color:#439291;
	color: black;
}



/* ### Event Infos ### */
#eventInfo {
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	padding: 10px;
}

#cat3 #eventInfo, #cat6 #eventInfo, #cat7 #eventInfo, #cat9 #eventInfo, #cat10 #eventInfo, #cat11 #eventInfo {
	border: none;
	background-color: transparent;
	padding: 0;
	margin:0;
}

/* Schauspiele */
#cat3 #eventInfo p {
	padding: 10px;
	background-color: #C6E0F3;
	color: black;
}
/* Musiktheater */
#cat6 #eventInfo p {
	padding: 10px;
	background-color: #D00132;
	color: white;
}
/* Junges Publikum */
#cat7 #eventInfo p {
	padding: 10px;
	background-color: #F19DC2;
	color: white;
}
/* Spezielles*/
#cat9 #eventInfo p {
	padding: 10px;
	background-color: #0099A5;
	color: white;
}
/* Konzerte */
#cat10 #eventInfo p {
	padding: 10px;
	background-color: #F7AE15;
	color: white;
}
/* Reihe Kleinkunst */
#cat11 #eventInfo p {
	padding: 10px;
	background-color: #CEC73D;
	color: white;
}

/* Reihe Stadtkultur */
#cat21 #eventInfo p {
	padding: 10px;
	background-color: #831A6A;
	color: white;
}

/* Reihe Musik & Show */
#cat22 #eventInfo p {
	padding: 10px;
	background-color: #439291;
	color: white;
}


.news-latest-title3 {
	padding-left: 5px;
	border-left: 10px solid #C6E0F3;
}
.news-latest-title6 {
	padding-left: 5px;
	border-left: 10px solid #D00132;
}
.news-latest-title7 {
	padding-left: 5px;
	border-left: 10px solid #F19DC2;
}
.news-latest-title4 {
	padding-left: 5px;
	border-left: 10px solid #CEC73D;
}
.news-latest-title5 {
	padding-left: 5px;
	border-left: 10px solid #0099A5;
}
.news-latest-title10 {
	padding-left: 5px;
	border-left: 10px solid #F7AE15;
}

.news-latest-title11 {
	padding-left: 5px;
	border-left: 10px solid #CEC73D;
}

.news-latest-title9 {
	padding-left: 5px;
	border-left: 10px solid #0099A5;
}



/*Stadtkultur*/ 

.news-latest-title21 {
	padding-left: 5px;
	border-left: 10px solid #831A6A;
}

/*Musik & Show */ 

.news-latest-title22 {
	padding-left: 5px;
	border-left: 10px solid #439291;
}


.news-row {
	clear: both;
}

#abopreise {
	border-collapse: collapse;
	
}
#abopreise td {
	padding: 2px 20px 2px 2px;
}

#abopreise .odd {
	background-color: #FFF7DE;
}
#abopreise .serie {
	font-weight:bold;
}

#saal1, #saal2, #saal3, #saal4 {
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	width: 230px;
	}
#saal2, #saal4 {
margin-left: 50px;
}

#rightRow ul {
	margin-left: 10px;
}
#rightRow li {
	font-weight: bold;
}
#rightRow ul ul li {
	font-weight: normal;
	list-style: disc;
}
#rigthtRow li li {
	margin-left: 30px;
	

}
#cultureCard #container.spalten {
	background: white url("../images/content_cc.gif") top right repeat-y;;
}

#cultureCard #contentLeft {
	background: transparent url("../images/cc_schriftzug.jpg") top left no-repeat;
	padding-left: 75px;
	width: 500px;
	/*height: 600px;*/
}

.contenttable-0 {
	margin-bottom:  20px;
}

.contenttable-0 .td-0 {
	width:  200px;
}

#dasNeueste li {
	font-weight:  normal;
}


.preisA, .preisB, .preisC, .preisD {
		padding:  3px;
	text-align: center;
}


.preisA {
	background-color: #DDE57E;

}

.preisB {
	background-color: #40A44C;
}

.preisC {
	background-color: #77A0C5;
}

.preisD {
	background-color: #767874;
}