/* INFOS
Website: Friedrichshafen Tourismusportal --------------------------------------------------------
Name: main_standard_3.css
CSS: CSS level 2.1
Autor: alh
Version 1.0, 24-06-2008
Letzte Aenderung:
Bemerkung: in main_standard_1.css sind alle styles defi. in main_standard_2 - 3, nur die abweichenden.

--Verkn�pfte Dateien----------------------------------------------------------
hintergrund-bilder: 
--Farben----------------------------------------------------------------------
Fliesstext: 		#
Hintergrund Seite: 	#
Hintergrund Infobox:#
Interne Links:		#
Externe Links: 		#
Links Hauptmen�:	#
*/
/*border: solid 1px #000;*/
/**/
/**/
/* ----------------------------------------------------------------------------------------------------------*/
/*--Grundger�st der Seite ----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

/*-- all-frame --*/

/*-- gesamter header mit navigation --*/

/*-- startseite:container fuer teaser --*/
/*-- cont-teaser --*/

/*-- unterseiten: container fuer traceline --*/


/*-- aussencontainer fuer die contentcontainer --*/


/*-- cont-content --*/

/*-- cont-news --*/

/*-- cont-services --*/


/*-- cont-footer --*/

/**/
/**/
/* ** 2.2 Die Horizontale Navigation Level-0 und Level-1 ** */
/*---------------------------------------------------*/

/**/
/**/
/* ** 2 zusaetzliche container fuer die Content Spalte auf der 03-inhaltseit-navi-standard ** */
/*----------------------------------------------*/
/*-- enthaelt die unternavigation im content --*/
/**/
/**/
/*-- Content ---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/* -- content block links -----------------------------------------------------------------------------------------------*/

/*-- styles fuer die unternavigation im content --*/
/*-- erste ebene level 0 --------------------------------- --*/
ul#content-menue {
	/*border: solid 1px #666;*/
	list-style-type: none; 
	margin: 0em;
	margin-right: 1.640em;
	padding-left: 0em;
	padding-right: 0.550em;
	/*line-height: 1.250em;*/
	line-height: 1.150em;
}

/*-- level 0 - normal zustand --*/
#content-menue li.level-0-no {
	border: 0px;
	margin: 2px 0px 0px 0px; 
	padding: 2px 0px 4px 0px;
	
}
/*link*/
#content-menue li.level-0-no a {
	display: block;/*damit kein versatz bei umbruch entsteht*/
	margin: 0px 0px 0px 0px; 
	/*padding: 0px 0px 0px 0px;*/
	padding: 0px 0px 0px 12px; 
	width: 99%;
	color: #70B1CB;
	background-image: url(../images/content-menue-level0-off-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	font-weight: bold;
}
/*hover*/
#content-menue li.level-0-no a:hover {
	color: #ff6600;
	text-decoration: none;
	padding: 0px 0px 0px 12px;
	background-image: url(../images/content-menue-level0-on-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
/*-- level 0 - markierter zustand --*/
#content-menue li.level-0-mar {
	color: #70B1CB;
	/*border-top: solid 1px #E2E2E2;
	border-bottom: solid 1px #E2E2E2;*/
	padding: 4px 0px 3px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
/*link*/
#content-menue li.level-0-mar a {
	display: block;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 12px; 
	width: 99%;
	color: #70B1CB;
	background-image: url(../images/content-menue-level0-off-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	font-weight: bold;
}
/*hover*/
#content-menue li.level-0-mar a:hover {
	color: #ff6600;
	padding: 0px 0px 0px 12px;
	text-decoration: none;
	background-image: url(../images/content-menue-level0-on-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}
/*-- level 0 - activer zustand --*/
#content-menue li.level-0-act {
	color: #ff6600;
	/*border-top: solid 1px #E2E2E2;
	border-bottom: solid 1px #E2E2E2;*/
	margin: 2px 0px 0px 0px; 
	padding: 2px 0px 4px 0px;
}
/*link*/
#content-menue li.level-0-act a {
	display: block;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 12px; 
	width: 99%;
	color: #ff6600;
	background-image: url(../images/content-menue-level0-on-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	font-weight: bold;
}
/*hover*/
#content-menue li.level-0-act a:hover {
	color: #ff6600;
	text-decoration: none;
	padding: 0px 0px 0px 12px;
	background-image: url(../images/content-menue-level0-on-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}


/*-- zweite ebene level 1 -------------------------------------- --*/

#content-menue ul {
	list-style-type: none;
	margin: 0em;
	padding-left: 1.250em;
	margin: 4px 0px 0px 0px;
}
/*-- level 1 - normal zustand --*/
#content-menue ul li.level-1-no {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 3px 0px;
	font-size: 1.3500em;
}
/*link*/
#content-menue ul li.level-1-no a {
	display: block;
	color: #1891C1;
	padding: 0px 0px 0px 0px;
	/*background-image: url(../images/content-menue-level1-off-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;*/
	background: none;
	font-weight: normal;
}
/*hover*/
#content-menue ul li.level-1-no a:hover {
	color: #ff6600;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	/*background-image: url(../images/content-menue-level1-on-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;*/
	background: none;
}

/*-- level 1 - markierter zustand --*/
#content-menue ul li.level-1-mar {
	margin: 1px 0px 3px 0px;
	padding: 3px 0px 4px 0px;
	font-size: 1.3500em;
	border-top: solid 1px #E2E2E2;
	border-bottom: solid 1px #E2E2E2;
}
/*link*/
#content-menue ul li.level-1-mar a {
	display: block;
	color: #1891C1;
	padding: 0px 0px 0px 0px;
	/*background-image: url(../images/content-menue-level1-off-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;*/
	background: none;
	font-weight: normal;
}
/*hover*/
#content-menue ul li.level-1-mar a:hover {
	color: #FF6600;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	/*background-image: url(../images/content-menue-level1-on-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;*/
	background: none;
}

/*-- level 1 - activer zustand --*/
#content-menue ul li.level-1-act {
	margin: 1px 0px 3px 0px;
	padding: 3px 0px 4px 0px;
	font-size: 1.3500em;
	color: #ff6600;
	border-top: solid 1px #E2E2E2;
	border-bottom: solid 1px #E2E2E2;
}
/*link*/
#content-menue ul li.level-1-act a {
	display: block;
	color: #FF6600;
	padding: 0px 0px 0px 0px;
	/*background-image: url(../images/content-menue-level1-on-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;*/
	background: none;
	font-weight: normal;
}
/*hover*/
#content-menue ul li.level-1-act a:hover {
	color: #FF6600;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	/*background-image: url(../images/content-menue-level1-on-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;*/
	background: none;
}


/*-- dritte ebene level 2 -------------------------------- --*/

#content-menue ul ul {
	list-style-type: none;
	padding-left: 1.100em;
	margin: 1px 0px 3px 0px;
}
/*-- level 1 - normal zustand --*/
#content-menue ul ul li.level-2-no {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	/*font-size: 1.2800em;*/
	font-size: 11px;
	border-bottom: solid 1px #ffffff;/* damit ie6 die navigation korrekt anzeigt */
}
/*link*/
#content-menue ul ul li.level-2-no a {
	display: block;
	color: #1891C1;
	padding: 0px 0px 0px 10px;
	background-image: url(../images/content-menue-level2-off-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
/*hover*/
#content-menue ul ul li.level-2-no a:hover {
	color: #ff6600;
	text-decoration: none;
	padding: 0px 0px 0px 10px;
	background-image: url(../images/content-menue-level2-on-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

/*-- gibt es hier noch nicht  level 1 - markierter zustand --*/
			#content-menue ul ul li.level-12-mar {
				margin: 3px 0px 4px 0px;
				padding: 0px 0px 0px 0px;
				font-size: 1.2500em;
			}
			/*link*/
			#content-menue ul ul li.level-2-mar a {
				display: block;
				color: #1891C1;
				padding: 0px 0px 0px 9px;
				background-image: url(../images/content-menue-level2-off-icon.gif);
				background-repeat: no-repeat;
				background-position: 0px 4px;
			}
			/*hover*/
			#content-menue ul ul li.level-2-mar a:hover {
				color: #FF6600;
				text-decoration: none;
				padding: 0px 0px 0px 9px;
				background-image: url(../images/content-menue-level2-on-icon.gif);
				background-repeat: no-repeat;
				background-position: 0px 4px;
			}

/*-- level 1 - activer zustand --*/
#content-menue ul ul li.level-2-act {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	/*font-size: 1.2500em;*/
	font-size: 11px;
	color: #ff6600;
	border-bottom: solid 1px #ffffff;/* damit ie6 die navigation korrekt anzeigt */
}
/*link*/
#content-menue ul ul li.level-2-act a {
	display: block;
	color: #FF6600;
	padding: 0px 0px 0px 10px;
	background-image: url(../images/content-menue-level2-on-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
/*hover*/
#content-menue ul ul li.level-2-act a:hover {
	color: #FF6600;
	text-decoration: none;
	padding: 0px 0px 0px 10px;
	background-image: url(../images/content-menue-level2-on-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
/*-- end of styles fuer die unternavigation im content ------------------------------- --*/
/*--*/
/*--*/
/*-- Artikel-Infonavi Oben in Content Spalte ------------------------------- --*/
/*--*/
/*-- Infonavi-Oben --*/
#cont-artikel-infonav-oben {
	/*border: solid 1px #000;*/
	margin: 8px 0px 11px 0px;
	height: 20px;
}
#cont-artikel-infonav-oben ul.infonav {
	/*border: solid 1px #cc0000;*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: right;
}
#cont-artikel-infonav-oben li {
	list-style: none;
	float: left;
	margin-bottom: 0px; 
	border: none;
	padding: 0px 0px 0px 0px;
	color: #666;
	margin-left: 25px; 
}
#cont-artikel-infonav-oben li a {
	font: 0.940em arial, verdana, times, serif;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	color: #666;
}
#cont-artikel-infonav-oben li a:hover {
	color: #666;
}
#cont-artikel-infonav-oben .info-0 {
	background-image: url(../images/artikel-infonav-oben-0-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 1px 0px 2px 23px;
}
#cont-artikel-infonav-oben .info-1 {
	background-image: url(../images/artikel-infonav-oben-1-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 1px 0px 2px 23px;
}
#cont-artikel-infonav-oben .info-2 {
	background-image: url(../images/artikel-infonav-oben-2-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 1px 0px 0px 20px;
}
#cont-artikel-infonav-oben .info-3 {
	background-image: url(../images/artikel-infonav-oben-3-icon.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 1px 0px 0px 15px;
}
/*-- end of Artikel-Infonavi Oben in Content Spalte ------------------------------- --*/



/*-- end of content block links -----------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/	
/**/