/*  * html für IE6  */
/*  *+html für IE7  */

/***************************************************************************
** Hier veränderungen für den Skin vornehemen
***************************************************************************/

/*sollte nur das Hintergrundbild geändert werden!*/
.balkenLinks{

	
	background-image:url(../images/gruenvertikal.gif);

	
	background-repeat:no-repeat;
	background-position: center 98px;
	width:15px;
	height:526px;
	float:left;
	position:absolute;
	/*wie breit ist das bild + balkenLinksbreite - die größe die es rausstehen soll*/
	left:0px;
	/*wie hoch ist banner*/
	top:0px;	
	overflow:hidden;
	z-index: 5;
}

/*Horizontaler Balken sollte nur die Farbe geändert werden!*/
.balkenH{

	
	background-color:#a0bf1d;
	
	
	height:4px;
	/*hier die richtige größe angeben von balken*/
	width:798px;
	position:absolute;
	left:182px;
	/*wie hoch ist banner*/
	top:110px;					
}


/***************************************************************************
** Hier veränderungen für den Skin vornehemen - ENDE
***************************************************************************/







/*allgemeine Festlegungen*/

p{
	margin:0px;
	padding:0px;
	margin-bottom:15px;
}

img{
	border:none;
}

a {
	text-decoration:none;
	
}


/***************************************************
 * hier können die schriftgrößen geändert werden
 ***************************************************/

.text12{
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.text10{
	font-size: 9px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.text9{
	font-size: 9px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	
}

.text8{
	font-size: 8px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	
}

#detailView h1, h2, h3 ,h4, h5{
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}


/***************************************************
 * die line-height der elemente werden durch die php Var. geändert
 ***************************************************/

	


/*die Einr�ckungen spiegeln die Struktur im Programmkode wieder*/
body {
	
	padding:0px;
	margin:0px;
		
}

	
	

	/*kann nach rechts wachsen*/
	.page{
		
		overflow:hidden;
		text-align: left;
		padding-left:0px;
		padding-right:0px;
		position:relative;			
	}
	
		
		.inhalt{
				width:980px;
				float:left;
		}
		
		/***************************************************************************
		 ** Hier beginnt der Kopfbereich
		***************************************************************************/
		
			.containerTop{
				height:224px;
				width:980px;
				
			}	
			
				.bildlinks{
					float:left;
					height:224px;
					width:210px;
					
				}
				
				.topRechts{
					height:224px;
					width:210px;
					width:770px;
					float:right;
					overflow:hidden;
				}
				
				.banner{
					float:right;
					height:140px;
					width:770px;
					margin-bottom:4px;
				}
				
				
				.textZeile{
					float:right;
					height:16px;
					width:760px;
					
				}
				
					.pfad{
						height:13px;
						width:405px;
						float:left;
												
						line-height:16px;
						padding-top:3px; 
					
						color:#666666;
					
					}
					
					.pfad ul{
						margin:0px;
						padding:0px;
						display: block;
						list-style: none; 
						text-align:left;
						color:#666666;
					}
					
					.pfad li{
						margin:0px;
						padding:0px;
							float:left;
							color:#666666;
					}
					
					.pfad a{
							color:#666666;
							text-decoration:none;
					}
					
					.pfad a:visited{
							color:#666666;
					}
					
					.lang{
						height:13px;
						width:60px;
						float:left;
																		
						line-height:16px;
						padding-top:2px; 

					}
					
					.lang a, .lang a:visited{
						color:#a7a7a7;
					}
					
					.size{
						height:13px;
						width:50px;
						float:left;
						line-height:16px;
						padding-top:3px; 
						color:#a7a7a7;
					}
				
				.ausgewVeranstWrapper{
					height:94px;
					text-align:right;
					clear:both;
					overflow:hidden;
					/*color:#141215;*/
					color:#FFFFFF;
				}
				
					/*nicht mehr verwendet da kunde selber in editor aussehen festlegt*/
					.ausgewVeranst{
						display:inline-block;
						height:17px;
						margin-bottom:5px;
						padding-left:10px;
						padding-right:10px;	
						/*background-color: #a0bf1d;*/
						background-color: #000000;
						clear:both;						
						font-weight:700;
						
						line-height:16px; 
						
					}
					
					*+html .ausgewVeranst{
						width: 168px;						
					}
					
					*html .ausgewVeranst{
						width: 168px;						
					}
					
					.spacer{
						line-height:0px;
					}
					
					
					
						
		/***************************************************************************
		 ** Hier endet der Kopfbereich
		***************************************************************************/
						
						
						
		/***************************************************************************
		 ** Hier beginnt der unveränderliche mittl. Teil
		***************************************************************************/
							
			.mitte{
						
						line-height:12px; 
						color:#333333;
					
			}
				.leftContainer{
					
					width:180px;
					float:left;
					padding-left:30px;
					padding-top:36px;
				}
				
					.navi{
						min-height:228px;
						width:180px;
						margin-top:-2px;
					}
						
						.navi ul{
							/*list-style-image:url(../images/doppelpfeil2.gif);*/
							list-style:circle;
							margin:0px;
							padding-left: 23px;
							
						}
						
						.navi li{
							padding-left: 0px;
							margin-left:  0px;
							margin-bottom: 15px;
						}
						
						*+html .navi li{
							padding-left: 6px;
							margin-left:  0px;
							margin-bottom: 15px;
							
						}
						
						*html .navi li{
							padding-left: 6px;
							margin-left:  0px;
							margin-bottom: 15px;
							
						}
						
						.navi a{
							margin-left:-3px;
							color:#333333;
						}
						
						.navi a:active, .navi a.active{
							text-decoration:underline;
						}
						
						
							.subnavi{
								
								
							}	
							
							.navi ul li ul{
								list-style:none;
								margin-top:-2px;
								padding-left: 0px;
								padding-top:10px;
								
							}
							
							*+html .navi ul li ul{
								list-style-image:url();
							}
							
							*html .navi ul li ul{
								list-style-image:url();
							}
							
							.navi ul li ul li{
								padding-left: 0px;
								
								margin-bottom: 8px;
								
							}
							
							.navi ul li ul a{
								
								color:#666666;
								
							}
							
							.navi ul li ul a:active , .navi ul li ul a.active{
								text-decoration:underline;
							}
							
					.anzeigenWrapper{
						width:170px;
						padding-top:70px;
					}
						.anzeigePlurio{
						padding-left:10px;
						width:160px;
						margin-bottom:20px;
						text-align:center;
						}
						
						.plurioText{
							line-height:8px;
							padding-top:3px; 
							color:#333333;
							padding-bottom:5px;
						
						}
						
						.anzeigePlurio img{
										
						}
						
						.anzeige{
						width:170px;
						margin-bottom:20px;
						text-align:center;
						}
						
							.weiterePartnerTxt {
								padding-left: 15px;
								padding-right: 15px;
								padding-top: 9px;
								padding-bottom: 9px;
								text-align: left;
								
								color: #000000;
							}
						
				.contentContainer{
					
					width:555px;
					float:left;
					padding-top:36px;
					padding-right:45px;
					padding-left:10px;
				}
				
					
					
					.content{
						line-height:15px;
						margin-top:-3px;
					}
					
					.content a, .content a:visited{
						color:#830068;
					}
						.contentContainerTitle{
							color:#8b1172;
							font-weight:700;
							padding-bottom:29px;
							margin-top:-2px;
						}
						
						
				
				.bildContainer{
					height:319px;
					width:160px;
					float:right;
					padding-top:36px;
				}
		
		
		/***************************************************************************
		 ** Hier endet der unveränderliche mittl. Teil
		***************************************************************************/
		
		/***************************************************************************
		 ** Hier beginnt EinText
		***************************************************************************/
		
			/**/
			
			.einText{
				padding-bottom:15px;
			}
			
		/***************************************************************************
		 ** Hier endet EinText
		***************************************************************************/
			
		/***************************************************************************
		 ** Hier beginnt Programm
		***************************************************************************/
		
		.highlightContainer{
							margin-bottom:40px;
							
							overflow:hidden;
						}
							
							.highlight{
								float:left;
								width:165px;
								height:144px;
								border-left:1px solid #999999;
								margin-left:24px;
								padding-left:5px;
								padding-top:2px;
								position:relative;
							}
							
							.highlightLinks{
								float:left;
								height:144px;
								width:165px;
								padding-top:2px;
								position:relative;
							}
								.hlThumbnail{
									width:165px;
									height:65px;
									padding-bottom:14px;
								}
								.hlText{
									line-height:11px;
								}
								
								
								.hlText a, .hlText a:visited{
									color:#830068;
								}
								
								
								.hlMehr{
									position:absolute;
									right:20px;
									bottom:0px;
								}
								
											
							.auflistungspunkt{
								height:40px;
								width:555px;
							clear:both;
							
							line-height:13px;
								
								overflow:hidden;
								padding-bottom:7px;
								border-bottom:1px solid #999999;
								margin-bottom:7px;
							}	
							
							.auflistungspunkt a, auflistungspunkt a:visited{
								color:#830068;
							}
								.lpThumbnail{
									height:40px;
									width:40px;
									padding-right:10px;
									
									float:left;
								}
								
								.lpText{
									margin-top:-2px;
									height:40px;
									width:165px;
									float:left;
									padding-right:10px;
								}
																								
								.lpDatum{
									margin-top:-2px;
									height:40px;
									float:right;
								}
								
							
		
		/***************************************************************************
		 ** Hier endet Programm
		***************************************************************************/
		
		
		
			
		
		
		/***************************************************************************
		 ** Hier beginnt Detail
		***************************************************************************/	
		

		
#detailView {
	margin-top:-9px;
	
}

*+html #detailView {
	margin-top:0px;
	
}

*html #detailView {
	margin-top:0px;
	
}

		#detailView a, #detailView a:visited{
			color:#830068;
		}
		
		
		

.dvheader {
	font-weight: bold;
	margin-bottom: 3px;
	
	color: #333333;			
	margin-top: 5px;
}

h1.detailViewHeader {
	font-family: Arial, Helvetica, sans-serif;
	color:#830068;
	font-weight: bold;
}

h2.dvheader {
	font-weight: bold;
	margin-bottom: 3px;
	
	color: #333333;			
}

.dvinner {
	display: block;	
}

.dvinnertextleft {	
	width: 100px;
	float: left;
	display: block;
}

.dvinnertextright {
	display: block;
	margin-left: 110px;
}


#detailRelationsEvents .dvinnertextleft {	
	width: 170px;
	float: left;
	display: block;
}

#detailRelationsEvents .dvinnertextright {
	display: block;
	margin-left: 180px;
}

.dvinnertext {
	display: block;
	
			
	line-height: 18px;
}

.dvinnertext_red {
	display: block;
	
	color: red;		
	line-height: 18px;
}

.dvinnertextSource {
	display: block;
		
	line-height: 18px;
}

.dvleftpadding {	
	margin-left: 20px;
}

#detailViewInner {
	margin-top: 20px;
}


/*hier ist das Bild der Detailansicht wo man entscheidet ob rechts/links oder nicht floaten*/
#detailViewPicture {
	width:265px;
	float: left;
	/*margin-right: 15px;*/
	margin-bottom: 15px;
	display: block;	
}

#detailViewPictureMain {
	display: block;
}

#detailViewPictureSubtitle {
	display: block;
	font-size: 11px;
	font-style:italic;	
	line-height: 18px;	
	margin-top: 3px;
}

#detailViewAddress {
	margin-bottom: 15px;
	display: block;
}

#detailViewAtlas {
	margin-bottom: 15px;
	display: block;
}

#detailViewSubtitle {
	font-weight:700;
	color:#830068;
	display: block;
}

#detailViewSource {
	margin-bottom: 15px;
	display: block;
}

#detailViewSubtitle2 {
	font-weight:700;
	color:#830068;
	display: block;
}

#detailViewPlacing {
	
	margin-bottom: 15px;
	display: block;
}


#detailViewContact {
	margin-bottom: 15px;
	display: block;
}

#detailViewDates {
	margin-bottom: 15px;
	display: block;
}

.zeitContainer{
float:left;
width:290px;
}

.containerDrunter{
clear:both;
}

#detailViewTiming {
	margin-bottom: 15px;
	display: block;
}

#detailViewPrices {
	margin-bottom: 15px;
	display: block;
}

#detailViewTickets {
	margin-bottom: 15px;
	display: block;
}

#detailViewDescription {
	margin-bottom: 15px;
	display: block;	
}

.detailViewRelation {
	margin-bottom: 15px;
	display: block;
}

#detailViewCategories {
	margin-bottom: 15px;
	display: block;
}

#detailViewEdit {
	margin-bottom: 15px;
	display: block;
}

	/***************************************************************************
		 ** Hier endet Detail
		***************************************************************************/