/* CSS Document */
body {
	background-color: #FBFBFD;
	margin-top: 20px;
	background-attachment: fixed;
	background-image: url(pics/bodyback.jpg);
	background-repeat: repeat-x;
}

/*Definition der Schriftarten und Farben für alle wichtigen Elemnanete (wenn man was anders will, kann man es ja im detail umdefinieren */
H1, H2, H3, p, td , li, ul{
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}


H1 {
	font-size: 14px;
	line-height:18px;
	margin: 0 0 15px 0;
}

H2 {
	font-size: 13px;
	margin-bottom:10px;
	margin-top: 0;
}

H3 {
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;	
}

p {
	font-size: 12px;
	line-height: 15px;
	margin: 0 0 15px 0;
}


.tabbgcolor {background-color:#fff}



/* Benutzerdefinierte Tags */



/* Bestimmt den äußeren Rand um die Rahmentabelle, auto zentriert die tabelle inner seitenmitte */
#rahmentabelle table {
	margin: 0 auto 0 auto; 
}

/*Alle Zellen sind nach oben ausgerichtet*/
td {
	vertical-align:top;
}


a {
	color: #FF2B45;
	text-decoration: underline;
}
a:link, a:visited,a:active {
	color: #FF2B45;
}

a:hover {
	text-decoration: underline;
	color: #bf0019;
}

.tdbackmenu {
	background-image: url(pics/tabbackmenu.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}


.h2-back {

background-color: #FFE8EB;
font-weight:bold;
}

.nachoben { font-size:11px;
text-decoration:none;

}


/* - CONTENT DIVS  ------------------------------------------------------------------------------------- */
.content-left {
margin: 0 35px 0 0;
}

.content-left Li {
	font-size: 12px;
	list-style-type: square;
	margin-left:0px;
	margin-bottom: 5px;
}

 .content-left ul{
	margin: 0 0 0 15px;
	padding: 0 0 0 5px;
	
}




.content-start {
margin: 0 35px 0 30px;

}



.content-right {
margin: 28px 20px 0 0;
}
.content-right2 {
margin: 0 20px 0 0;
}
.content-right p {
font-size:12px;
color:#707070;}

.content-right2 p {
color:#707070;
font-size:12px;
}

.content p {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
margin: 0 20px 10px 0;

}


.veranst-tabelle td {
font-family: Arial, Helvetica, sans-serif;
color:#333;
font-size:11px;
padding:7px 7px 7px 7px;
}

.veranst-tabelle {
	
	display: block; /*verhindert das zentrieren der tabelle */
}	


.bildunterschrift {
font-family: Arial, Helvetica, sans-serif;
/*color:#ccc;*/
margin: -10px 10px 15px 0 ;
}


/* -------------------------------------- Pressenews Startseite --------------------------------------------*/

.newsteaser  {
	font-family:  Arial, Helvetica, sans-serif;
	color:#606060;
	font-size:11px;
	padding: 5px 5px 5px 5px;
	background-image: url(pics/newsback-grau.jpg);
	border: 1px solid #ccc;
	background-position: 0px 0px;
	background-repeat: repeat-x;
	display: block;
}


 .newsteaser a:link,  .newsteaser a:active, .newsteaser  a:visited 
{
	display: block;
	padding: 5px 0 5px 30px;
	margin: 0;
	color: #333;
	background-image: url(pics/list_a.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	font-weight:normal;
	text-decoration: none;
	width:80%;
}

  .newsteaser a:hover {
	display: block;
	padding: 5px 0 5px 30px;
	margin: 0;
	color: #bf0019;
	background-image: url(pics/list_lit.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	text-decoration: none;

}


.veranstaltung-start  {
	font-family:  Tahoma,Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
	padding: 5px 0 0 0;
	border-top: 1px solid #ccc;
	background-position: 0px 0px;
	display: block;
	margin: 5px 0 5px 0;
}



 .veranstaltung-start a:link,  .veranstaltung-start a:active, .veranstaltung-start  a:visited 
{
	display: block;
	padding: 5px 0 0 30px;
	margin: 0;
	color: #333;
	background-image: url(pics/list_a.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	font-weight:normal;
	text-decoration: none;
	width:80%;
}

  .veranstaltung-start a:hover {
	display: block;
	padding: 5px 0 0 30px;
	margin: 0;
	color: #bf0019;
	background-image: url(pics/list_lit.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	text-decoration: none;

}



/* 1. Ebene 	HAUPT-NAVIGATION oben  - ------------------------------- */
  #navcontainerhead
{
/*border-bottom: 1px solid #B00F21;
border-top: 1px solid #B00F21;*/
margin: 0px;
margin-bottom: 5px;
padding: 0px;
padding-left: 25px;
/*background-color: #B00F21;*/
font-family: Arial, Helvetica, sans-serif; /*Verdana, Geneva, */
padding-bottom: 3px;
padding-top: 3px;
}


#navcontainerhead a, #navcontainerhead a:link, #navcontainerhead a:visited
{
border: 1px solid #B00F21;
padding: 2px;
padding-left: 7px;
padding-right: 7px;
color: #F79BA5;
font-weight: bold;
text-decoration: none;
}
  
#navcontainerhead a:hover, #navcontainerhead a:active, #navcontainerhead a:focus, #navcontainerhead #hauptcurrent  
{
	border: 1px solid #fff;
	padding: 2px;
	padding-left: 7px;
	padding-right: 7px;
	text-decoration: none;
	color:#fff;
}

#navcontainerhead a.obenna:visited, #navcontainerhead a.obenna:hover, #navcontainerhead a.obenna:active {
	color: #999;
	border: 0px;
	border: 1px solid #B00F21;
}

#navcontainerhead li
{
padding-right: 1px;
display: inline;
font-size: 0.8em;
}

#navcontainerhead ul
{
margin: 0px;
padding:0px;
}

#navcontainerhead #active a { background-color: #fff; }



/* 2. Ebene Navigation Links Vertikal ---------------------------------*/

#navcontainer { margin: 28px 0 0 10px; }


#navcontainer ul a, #navcontainer ul ul a
{
	text-decoration: none;
}

#navcontainer ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	line-height:15px;
	font-weight: bold;
}



/*Hier werden ALLE Anker angesteuert*/
#navcontainer a
{
	display: block;
	padding: 5px 10px 5px 25px;
	margin: 0;
	width: 150px;
	color: #333;
	background-image: url(pics/navleft_a.gif);
	background-repeat: no-repeat;
	background-position: 3px 8px;
}

#navcontainer a.linkna, #navcontainer a.linkna:hover {
	color: #aaa;
	background-image: url(pics/navleft_na.gif);	
}


#navcontainer a:hover 
{

	color:#B00F21;
	background-image: url(pics/navleft_o.gif);
	background-repeat: no-repeat;
	background-position: 3px 8px;

}

/*Hier der Stil für Lit in der ersten Ebene*/ 
#navcontainer ul li #current
{
	color:#B00F21;
	background-image: url(pics/navleft_lit.gif);
	background-repeat: no-repeat;
	background-position: 3px 8px;

}


/*Was an den Ankern der zweite Ebene anders ist als in der Definition für alle anker steht hier*/
#navcontainer ul ul a
{
	font-size:12px;
	font-weight: normal;
	color: #666;
	line-height:12px;
	padding: 1px 2px 7px 25px;
	width: 150px;
	background-image:none;
	
}

#navcontainer ul ul a:hover
{
	color: #B00F21;

	background-image:none;

}

/*Hier der Stil für Lit in der zweite Ebene*/ 
#navcontainer ul ul li #subcurrent
{
	color: #B00F21;
	font-weight:bold;
	background-image:none;
}






/*DETAIL Link für zB. in der Veranstaltungskalender Tabelle --------------------------------------------------------*/
 a.detail:link, a.detail:active, a.detail:visited 
{
	display: block;
	padding: 0 0 5px 30px;
	margin: 0;
	color: #333;
	background-image: url(pics/list_a.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	font-weight:normal;
	text-decoration: none;
	width:50%;
}




 a.detail:hover , a.detailset
{
	display: block;
	padding: 0 0 5px 30px;
	margin: 0;
	color: #bf0019;
	background-image: url(pics/list_lit.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	text-decoration: none;

}


/*DETAIL Link für den Content im rechten Bereicht 2.spaltig --------------------------------------------------------*/

 a.link-news-rechts:link, a.link-news-rechts:active, a.link-news-rechts:visited 
{
	display: block;
	padding: 0 0 5px 30px;
	margin: 0;
	color: #333;
	background-image: url(pics/list_a.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	font-weight:normal;
	text-decoration: none;
	width:80%;
}

 a.link-news-rechts:hover , a.link-news-rechts-set
{
	display: block;
	padding: 0 0 5px 30px;
	margin: 0;
	color: #bf0019;
	background-image: url(pics/list_lit.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	text-decoration: none;

}




 a.link-content-rechts:link, a.link-content-rechts:active, a.link-content-rechts:visited 
{
	display: block;
	padding: 0 0 5px 30px;
	margin: 0;
	color: #333;
	background-image: url(pics/list_a.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	font-weight:normal;
	text-decoration: none;
	width:80%;
}

 a.link-content-rechts:hover , a.link-content-rechts-set
{
	display: block;
	padding: 0 0 5px 30px;
	margin: 0;
	color: #bf0019;
	background-image: url(pics/list_lit.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	text-decoration: none;

}



/*Hier die Border für die Tabellenzellen*/
.border-o {
	border-top: 1px solid #999;
}

.border-u{
	border-bottom: 1px solid #999;
}


 .border-r {
	border-right: 1px solid #999;
}

 .border-l {
	border-left: 1px solid #999;
}



.td-farbe-head {
	background-color: #FCF5F7;
}



/* formulare ------------------------ */

input , textarea {
	color:#333;
	font-size: 12px;
	font-weight: bold;
	cursor: help;
	background-color: #fff;
	border: 0;
	padding: 3px 3px 3px 3px;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	border-left:1px solid #666;
	margin: 0 0 5px 0;
}

select {
	color:#333;
	font-size: 12px;
	font-weight: bold;
	cursor: help;
	background-color: #fff;
	border: 0;
	margin: 3px 3px 5px 0;
	}



.form-submit {
	color:#ffffff;
	background-color: #FF223E;
	width:80%;
	margin: 0;
	padding:5px 5px 5px 5px;
	border: 3px;
	border-color: #666;	
}

.formtable {
	margin:0 0 0 1px;
	display:block;
	border-top:1px solid #A8A8C4;
	border-right:1px solid #A8A8C4;
	border-bottom:1px solid #A8A8C4;
	border-left:1px solid #A8A8C4;
	background-color:#E6E6EE;
}

.formtable p {
margin: 3px 0 0 25px;
	
}
/* Zwischen Überschrift --- */
.formtable h2  {
	font-size:12px;
	padding:10px 25px 15px 25px;
	border-top:1px solid #A8A8C4;
	border-bottom:1px solid #A8A8C4;
background-color:#FBFBFD;
}

.footer p {
	margin: 5px 5px 5px 5px;
font-size:10px;
color:#fff;
text-align:center;
}

.footer a{
font-size:10px;
color:#fff;
text-align:center;
text-decoration:none;
}

.tabveranstraum table{

	display: block;
}

.tabelle-veranstaltungen {
	background-color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	align:left;
	text-align: left;
}

.tabelle-veranstaltungen td {
padding:5px;
}