/* 	CSS fuer den Veranstaltungskalender 
	St. Peter-Ording, Eiderstedt mit Toenning und Friedrichstadt
	(c)2007 by Tourismus-Zentrale St. Peter-Ording, Schliersee GmbH */

/* Standartansicht */

.spo_va_kopf {
	margin: 0px;
	width: 605px;
	height: 80px;
	background-image: url("spo_va_kopf1.gif");
}

.spo_va_kopf_text {
	width: 605px; 
	text-align: right;
	color: #215b9b;
	float: right;
	font-family: Verdana, Arial, Helvetica;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding-top: 15px;
}

.spo_va_selector_container {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	color: #000000;
	padding: 0px;
	margin: 0px;
	width: 605px;
	background-color: #f9f9f9;
}

.spo_va_selector_user {
	border: 1px solid #215b9b;
	padding: 6px;
	margin: 0px;
}

.spo_va_selector_user a					{ font-size: 10px; text-decoration: none;}
.spo_va_selector_user a:visited				{ font-size: 10px; text-decoration: none; }
.spo_va_selector_user a:hover				{ font-size: 10px; text-decoration: underline;}
.spo_va_selector_user a:active				{ font-size: 10px; }

.spo_va_selector_user input, select {
	border: 1px solid #cbcbcb;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica;
}

.spo_va_selector_katbox1 {
	margin-top: 10px;
	width: 600px;
}

.spo_va_selector_katbox1_links {
	width: 200px;
	float: left;
	margin: 0px;
}

.spo_va_selector_katbox1_mitte {
	float: left;
	width: 200px;
	margin: 0px;
}

.spo_va_selector_katbox1_rechts {
	float: right;
	width: 200px;
	margin: 0px;
}

.spo_va_selector_katbox1_clearing {
	clear: both;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
}

.spo_va_selector_katbox2 a {
	color: #215b9b;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

.spo_va_selector_katbox2 a:hover {
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
}

.spo_va_selector_katbox2 a:active {
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

.spo_va_selector_katbox2 a:visited {
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

.spo_va_navigator_container {
	font-family: Verdana, Arial, Helvetica;
	font-size: 10px;
	width: 605px;
	text-align: center;
	padding: 0px;
	margin-top: 10px;
}

.spo_va_navigator_anzahl {
	float: left;
}

.spo_va_navigator_seiten {
	float: right;
	font-weight: bold;	
}

.spo_va_navigator_seiten a {
	color: #215b9b;
	text-decoration: none;
	font-size: 10px;
}

.spo_va_navigator_seiten a:hover {
	text-decoration: underline;
	font-size: 10px;
}

.spo_va_navigator_seiten a:active {
	text-decoration: none;
	font-size: 10px;
}

.spo_va_navigator_seiten a:visited {
	text-decoration: none;
	font-size: 10px;
}

.spo_va_navigator_clearing {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.spo_va_datum {
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	margin-top: 35px;
	margin-bottom: 0px;
	width: 605px;
	background-color: #215b9b;
	padding: 2px;
}

.spo_va_datum_linie {
	border-left: 5px solid #215b9b;
	width: 605px;
	height: 20px;
}

.spo_va_container_1 {
	width: 605px; 
	background-color: #f9f9f9;
	font-family: Verdana, Arial, Helvetica;
}

.spo_va_container_highlight {
	width: 605px; 
	background-color: yellow;
	font-family: Verdana, Arial, Helvetica;
}

.spo_va_container_2 {
	width: 605px; 
	background-color: #f2f2f2;
	font-family: Verdana, Arial, Helvetica;
}

.spo_va_bild {
	padding: 0px; 
	margin: 0px; 
	float: right; 
	min-width: 90px;
	height: 53px;
	text-align: right;
	font-size: 0px;
}

.spo_va_ort_zeit {
	font-size: 10px; 
	float: left; 
	width: 120px; 
	padding: 2px; 
	margin: 0px;
}

.spo_va_inhalt_container {
	border-left: 2px dotted #ffffff;
	float: right;
	width: 380px;
	padding: 2px;
	margin: 0px;
	min-height: 50px;
}

.spo_va_inhalt_container a, a:active, a:visited {
	color: #215b9b;
	text-decoration: none;
}

.spo_va_inhalt_container a:hover {
	text-decoration: underline;
}

.spo_va_inhalt_titel {
	font-size: 12px; 
	font-weight: bold;
}

.spo_va_inhalt_beschreibung { 
	font-size: 10px;
}

.spo_va_inhalt_beschreibung a:visited { 
	font-size: 10px;
	color: #215b9b;
}

.spo_va_inhalt_beschreibung a:active { 
	font-size: 10px;
	color: #215b9b;
}

.spo_va_inhalt_clearing {
	clear: both; 
	padding: 0px; 
	margin: 0px;
}

.spo_va_bannerwerbung {
	width: 605px;
	text-align: center;
	padding: 0px;
	margin-top: 23px;
}

.spo_va_bannerwerbung_schrift {
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 2px;
	margin-left: 5px;
	margin-right: 0px;
	color: #cbcbcb;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica;
}

/* Detailansicht einer Veranstaltung */

.spo_va_details_rand {
	width: 605px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	border-left: 5px solid #215b9b;
}

.spo_va_details_container {
	padding-top: 0px;
	width: 605px;
	font-family: Verdana, Arial, Helvetica;
	color: #000000;
	font-size: 12px;
}

.spo_va_details_titel {
	padding-left: 5px;
	font-weight: bold;
	padding-top: 12px;
	padding-bottom: 12px;
	margin: 0px;
	background-color: #f2f2f2;
	border-top: 2px dotted #ffffff;
	border-bottom: 2px dotted #ffffff;
}

.spo_va_details_daten1 {
	background-color: #f2f2f2;
}

.spo_va_details_daten1_datum {
	float: left;
	width: 330px;
	padding-top: 12px;
	padding-left: 5px;
	padding-bottom: 12px;
	margin: 0px;
	background-color: #f2f2f2;
}

.spo_va_details_daten1_zeit {
	float: right;
	width: 250px;
	text-align: right;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 5px;
	margin: 0px;
	background-color: #f2f2f2;
}

.spo_va_details_daten1_clearing {
	clear: both;
	width: 500px;
	margin: 0px;
	padding: 0px;
	height: 0px;
	font-size: 0px;
	background-color: #f2f2f2;
}

.spo_va_details_daten2 {
	background-color: #f9f9f9;
}

.spo_va_details_daten2_kosten {
	padding-top: 12px;
	padding-left: 5px;
	margin: 0px;
	padding-bottom: 6px;
}

.spo_va_details_daten2_teilnehmer {
	padding-top: 12px;
	padding-left: 5px;
	margin: 0px;
	padding-bottom: 6px;
}

.spo_va_details_daten2_veranstaltungsort {
	padding-top: 12px;
	padding-left: 5px;
	margin: 0px;
	padding-bottom: 12px;
}

.spo_va_details_daten2_veranstaltungsort a {
	color: #215b9b;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

.spo_va_details_daten2_veranstaltungsort a:hover {
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}

.spo_va_details_daten2_veranstaltungsort a:active {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

.spo_va_details_daten2_veranstaltungsort a:visited {
	font-size: 12px;
	font-weight: bold;
}

.spo_va_details_daten2_veranstalter {
	padding-top: 6px;
	padding-left: 5px;
	margin: 0px;
	padding-bottom: 12px;
}

.spo_va_details_daten2_veranstalter a {
	color: #215b9b;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

.spo_va_details_daten2_veranstalter a:hover {
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}

.spo_va_details_daten2_veranstalter a:active {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

.spo_va_details_daten2_veranstalter a:visited {
	font-size: 12px;
	font-weight: bold;
}

.spo_va_details_daten2_weiteretermine {
	padding-top: 6px;
	padding-left: 5px;
	margin: 0px;
	padding-bottom: 12px;
}

.spo_va_details_daten2_weiteretermine_daten {
	font-size: 10px;
}

.spo_va_details_daten2_weiteretermine_daten a {
	color: #215b9b;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

.spo_va_details_daten2_weiteretermine_daten a:hover {
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
}

.spo_va_details_daten2_weiteretermine_daten a:active {
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

.spo_va_details_daten2_weiteretermine_daten a:visited {
	font-size: 10px;
	font-weight: bold;
}

.spo_va_details_beschreibung {
	background-color: #f2f2f2;
	width: 600px;
	padding-top: 12px;
	padding-left: 5px;
	margin: 0px;
	padding-bottom: 12px;
	overflow: auto;
}

.spo_va_details_beschreibung_kurz {
	font-size: 10px;
	font-style: italic;
	margin: 0px;
	padding-bottom: 12px;
	text-align: left;
	padding-right: 5px;
}

.spo_va_details_beschreibung_text {
	margin: 0px;
}

.spo_va_details_beschreibung_text a {
	color: #215b9b;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

.spo_va_details_beschreibung_text a:hover {
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}

.spo_va_details_beschreibung_text a:active {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

.spo_va_details_beschreibung_text a:visited {
	font-size: 12px;
	font-weight: bold;
}

.spo_va_details_beschreibung_bild {
	float: right;
	padding: 0px;
	margin: 0px;
}

.spo_va_details_footer {
	width: 605px;
	border-left: 5px solid #215b9b;
	border-bottom: 5px solid #215b9b;
	margin: 0px;
}
.spo_va_details_footer_text {
	padding-top: 6px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 6px;
	font-family: Verdana, Arial, Helvetica;
	color: #000000;
	font-size: 10px;
	background-color: #f2f2f2;
}

.spo_va_details_zurueck {
	color: #215b9b;
	margin-top: 25px;
}

.spo_va_details_zurueck  a, a:active, a:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica;
	font-weight: bold;
	font-size: 12px;
	color: #215b9b;
}

.spo_va_details_zurueck  a:hover {
	text-decoration: underline;
	color: #215b9b;
	font-weight: bold;
}