body
{	margin:0px;
	padding:0px;
	background-color: #FDF8CA;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	font-size: 11px; 	
	font-style: normal; 	
	font-weight: normal; 
	text-decoration: none; 
	line-height: normal; 
	font-variant: normal; 
}

/* dies ist die Box die das gesamte layout umschliesst und dieses zentriert */
.box
{	width:770px;
	border-color:#E2A700;
	background-color:transparent;
	margin: auto;
}

/* das hier beendet den float in den boxen */
.clear_line
{	font-size:1px; 
	clear:both;
}

/* das ist der h1 Tag der auf der index seite seite nicht sichtbar ist (weiss nicht ob das nur ein versehen war?)*/
.blind
{	display:none;
}

/* das hier ist der header unter der grafik sowie die links aus dem header bereich */
.header_navi
{	padding: 22px 0px 0px 385px;
	height:50px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 	
	background-image:url("images/header_pippi_navi.gif");
	background-repeat:no-repeat;
}


.header_link,.header_link:link,.header_link:visited,.header_link:active
{	color:#B00000; 	
	font-size: 11px; 	
	text-decoration: none; 
	font-weight: bold;
	font-style:italic;
	padding:5px;
	margin:0; 
}

.header_link:hover   
{	text-decoration: underline; 
}

.innen
{
	width:100%;
	position:relative;
	background-color:transparent;
	margin-top:1px;
}
	
/* das hier sind die links sowie die container auf der linken und rechten seite */
.nav_box
{	color:#000000; 	
	font-size: 11px; 	
	border-width:1px 1px 1px 1px; 
	border-color:#E2A700;
	border-style:solid;
	width:180px; 
	float:left;
	padding-bottom:5px;
}

.nav_box_rechts
{	float:right;
	color:#000000; 	
	font-size: 11px; 	
	border-width:1px 1px 1px 1px; 
	border-color:#E2A700;
	border-style:solid;
	width:180px; 
	padding-bottom:5px;	
}

.menu_container, .menu_container_rechts 
{	background-color:#E2A700;
	width:94%; 
	margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	border-width:1px 1px 1px 1px; 
	border-color:#CC3333;
	border-style:solid;
}

.menu_container_rechts
{	background-color: #E2A700;
	width:94%; 
    	margin-right:5px;
	margin-left:5px;
	margin-top:5px;
}

.menu_container_rechts_rot
{	background-color: #E2A700;
	width:94%; 
    	margin-right:auto;
	margin-left:5px;
	margin-top:5px;
	border-width:1px 1px 1px 1px; 
	border-color:#CC3333;
	border-style:solid;
}


.menu_zahl
{	
	padding:0px 0px 0px 5px; 
	float:left; 
}

.menu_top
{	
	padding:0px 0px 0px 3px; 
	float:left; 
}
.partner_headline
{	margin:50px 0px 0px 7px;
	text-decoration:underline;
	padding:0px;
	margin-left:10px;
    	color:#404080;
	font-size:11px;
	font-weight:normal;
}

.link_list_ul
{	list-style-type:none;
	margin:0px 0px 4px 6px;
	padding:0px;
}

.link_list_li
{	padding:0px;
	margin:0px;
}

.nav_links,.nav_links:link,.nav_links:visited,.nav_links:active
{	color:#000000; 
	display:block;
	width:160px;
	font-size: 11px; 	
	text-decoration: none; 
}

.nav_links:hover   
{	text-decoration: none;
background-color:#FFCC00; 
}

.top_links,.top_links:link,.top_links:visited,.top_links:active
{	color:#000000; 
	display:block;
	width:132px;
	font-size: 11px; 	
	text-decoration: none; 
}

.top_links:hover   
{	text-decoration: none;
background-color:#FFCC00; 
}


/* das hier centert mir alles ohne großen Aufwand */
.my_center
{	width:100%;
	text-align:center;
}

.link_head
{	color:#FFFFFF;
	margin:0px 0px 5px 0px;
	background-color:#CC0000;
	padding:3px 0px 3px 5px;
	font-weight:bold;
	font-style:italic;
	font-size:11px;
}	

.link_head_suche
{	color:#FFFFFF; 
	margin:0px 0px 5px 0px;
	background-color:#CC3333;
	padding:3px 0px 3px 5px;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
}	

/* hier kommt der content bereich */

/* für ein dreispaltiges layout 
	 einmal die grundbox und einmal die box die in der grundbox vorhanden ist,
	 dass ist wichtig!
	 Man könnte auch mit padding arbeiten um einen abstand 
	 zwischen text und rahmen zu haben, dann ist aber die breite der box nicht 
	 mehr sicher gestellt
*/

.content_small
{	float:left;
	background-color:#ffffff;
	width:388px;
	min-height:600px;
	margin-left:8px;
	margin-right:3px;
	color:#000000;
}

.content_small_inhalt
{	width:95%;
	margin:auto;
	
}
/**************************************************/
.content_left
{	color:#000000;
	float:left;
	background-color:#ffffff;
	width:517px;
}

.content_right
{	color:#000000;
	float:right;
	background-color:#ffffff;
	width:572px;

}

.float_content
{	width:440px;
	float:right;
}
.float_pic
{	float:left;
	height: 60 px;
	width: 60 px;
}


.hinweis,.hinweis:link,.hinweis:visited,.hinweis:active,.hinweis:hover    
{	text-align:left; 
	text-decoration:none;
	font-weight:normal; 
	background-color: #FFEEBB;
	color:#e2a700; 
	font-size:12px;
	margin:0px;
	padding:0px;
}


.headline
{	margin:10px 0px 10px 0px;
	padding:0px;
	color:#CC3333;
	font-weight:bold;
	font-size:14px;
	border-bottom:1px dashed #E2A700;
	border-top:1px dashed #E2A700;
	background-color:#FEFCEB;
}	


.content_inhalt
{	float:right;
	background-color:#ffffff;
	width:515px;
}


.content_box
{	width:500px;
	font-size: 12px; 	
	background-color:#ffffff;
	border-width:0px 0px 0px 0px; 
	border-color:#FFCCCC;
	border-style:dashed;
	min-height:100px;
	color:#404080;	
}

.content_bild
{	float:left;
	margin:20px;
}

.content_bild2
{	float:right;
	margin:20px;
	}

.content_text
{	width:395px;
	margin-top:10px;
	padding:0px;
	text-align:justify;
	background-color:#ffffff;
	float:right;
}

.content_text2
{	width:386px;
	margin-top:10px;
	padding:0px;
	text-align:justify;
	background-color:#ffffff;
	float:right;
}
.line
{	width:100%;
	background-color:#ffffff;
	border-width:0px 0px 1px 0px; 
	border-color:#CC3333;
	border-style:dashed;
	margin-top: 8px;
	margin-bottom: 10px;
	clear:both;
}

.line2
{	width:96%;
	font-size:1px;
	background-color:#ffffff;
	border-width:0px 0px 1px 0px; 
	border-color:#CC3333;
	border-style:dashed;
	clear:both;
	margin-left:4px;
	margin-right:4px;
}

/* das hier sind die links aus dem content Bereich */

.normal_link,.normal_link:link,.normal_link:visited,.normal_link:active,.normal_link:hover    
{	color:#000000; 	
	text-decoration:none;
}

.type11,.type11:link,.type11:visited,.type11:active,.type11:hover    
{	color:#000000;	
	font-size: 9pt; 	
	font-weight: bold; 
	text-decoration: underline; 
}

.content_link,.content_link:link,.content_link:visited,.content_link:active    
{	color:#000000; 	
	font-size: 11px; 	
	font-weight: normal; 
	text-decoration: none; 
}

.content_link:hover
{	color:#000000; 	
	font-size: 11px; 	
	font-weight: normal; 
	text-decoration: underline; 
}
.non_link,.non_link:link,.non_link:visited,.non_link:active    
{	color:#000000; 	
	font-size: 11px; 	
	font-weight: normal; 
	text-decoration: none; 
}

.non_link:hover
{	color:#000000; 	
	font-size: 11px; 	
	font-weight: normal; 
	text-decoration: none; 
}

/* das hier ist der foot bereich in dem man alles was ans ende gehoert reinschreiben kann */
.foot_line
{
	width:100%;
	color:#404080;
	font-size:10px;
	clear:both;
	text-align:center;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #e2a700;
	border-right-color: #e2a700;
	border-bottom-color: #e2a700;
	border-left-color: #e2a700;
}

.tickets_box
{
	width:100%;
	overflow:hidden;
	text-align:center;
	border: 1px dashed #e2a700;
	background-color: #FEFCEB;
}

.tickets_datum
{	width:24%;  
	padding:5px 0px; 
	float:left; 
}

.tickets_stadt
{	width:24%;  
	padding:5px 0px; 
	float:left; 
	text-align:left;

}

.tickets_ort
{	width:24%;  
	padding:5px 0px; 
	float:left; 
	text-align:left;
	border-style:none;
}

.tickets_buchen
{	width:24%;  
	padding:5px 0px 5px 5px; 
	float:left; 
	text-align:center;
	border-style:none;
	border-color:#909090; 
	border-width: 0px 0px 0px 1px;
}

.veranstaltung_buchen
{	width:22%;  
	padding:5px 0px 5px 0px; 
	float:left; 
	text-align:left;
	border-style:none;
	border-color:#909090; 
	border-width: 0px 0px 0px 1px;
}

.tickets_inhalt
{	width:32%;  
	padding:5px 0px 5px 0px; 
	float:left; 
	border-style:none;
	border-color:#909090; 
	border-width: 0px 0px 0px 1px;
}


.veranstaltungs_adresse
{	width:10%;  
	padding:5px 0px 5px 0px; 
	float:left; 
	text-align:left;
	text-decoration:underline;

}
.veranstaltungs_strasse
{	width:28%;  
	padding:5px 0px 5px 5px; 
	float:left; 
	text-align:left;

}

.head_kategorie
{	width:22%;  
	padding:0px 0px 3px 30px; 
	font-weight:bold;
	float:left; 
	text-align:left;
}

.head_beschreibung
{	width:22%;  
	padding:0px 0px 3px 10px; 
	font-weight:bold;
	float:left; 
	text-align:left;

}

.head_preis
{	width:22%;  
	padding:0px 0px 3px 10px; 
	font-weight:bold;
	float:left; 
	text-align:left;
}

.head_bestand
{	width:22%;  
	padding:0px 0px 3px 10px; 
	font-weight:bold;
	float:left; 
	text-align:left;
}


.kategorie
{	width:22%;  
	padding:0px 0px 0px 30px; 
	float:left; 
	text-align:left;
}

.beschreibung
{	width:22%;  
	padding:0px 0px 0px 10px; 
	float:left; 
	text-align:left;

}

.preis
{	width:22%;  
	padding:0px 0px 0px 10px; 
	float:left; 
	text-align:left;
	border-style:none;
}

.bestand
{	width:22%;  
	padding:0px 0px 0px 10px; 
	float:left; 
	text-align:left;
	border-style:none;
}




.z_link,.z_link:link,.z_link:visited,.z_link:active
{	color:#CC3333;
	font-size: 11px; 
	font-weight:bold;	
	text-decoration: underline; 
}

.z_link:hover   
{	text-decoration: none; 
	background-color: #FFEEBB;
}

.i_link,.i_link:link,.i_link:visited,.i_link:active
{	color:#CC3333;	
	font-size: 11px; 
	font-weight:bold;	
	font-style:italic;
	text-decoration: underline; 
}

.i_link:hover   
{	text-decoration: none; 
	background-color: #FFEEBB;
}

.themen_box
{ width:90%;  
    margin:auto;
	margin-bottom: 8px;
	padding: 10px 10px 10px 10px;
	overflow:hidden; 
	text-align:left; 
	border-style:dashed;
	border-color:#E2A700;
	border-width: 1px 1px 1px 1px;
}

.themen_inhalt
{	width:32%;  
	padding:10px 0px 10px 0px; 
	float:left; 
	border-style:none;
	border-color:#909090; 
	border-width: 0px 0px 0px 1px;
}




h2 
{ font-family: Verdana, Arial, Helvetica, sans-serif; 	
font-size: 9pt; 
font-weight: bold;
text-decoration: underline; 
padding: 0px 0px 0px 0px;
margin: 0px 0px  5px 0px;
}