/********************************************************
******************** BETA CSS STYLES ********************
********************************************************/
/*
		Copyright:  fresh frames GmbH & Co. KG
					http://www.freshframes.com/
				
		Seite:		betaCare - Wissenssystem
		
		Autor:		Stefanovski Alexander
					stefanovski@freshframes.com
					http://www.freshframes.com/

													   */
/* DIV CONTAINER ////////////////////////////////////////
///////////////////////////////////////////////////////*/

/* Allgemeine Definitionen *****************************/

body { /* Allgemeine Definitionen für Seite */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	color: #333333;
	margin: 0;
	padding: 0;
}

/* Seitenrahmen ****************************************/

#wrap { /* Seitenrahmen */
	float: left;
	width: 990px;
	height: auto;
}

/* Seitenkopf + NAV1 ***********************************/

#head { /* Kopfbereich */
	width: 990px;
	height: 189px;
}

	#head_bild { /* Bild - Kopfbereich */
		float: left;
		width: 990px;
		height: 148px;
	}

	#nav1 { /* Navigation 1 */
		float: left;
		width: 990px;
		height: 31px;
	}

/* NAV2 - DropDown *************************************/

#nav2wasistbetacare, #nav2sohilftbetacare, #nav2betaliste, #nav2betafon, #nav2betanet, #nav2ratgeber, #nav2betacareschulung, #nav2schmerzpalliativ { /* DropDown-Container */
	width: 150px;
	position: absolute;
	background-color: #FFCD59;
	top: 173px;
	visibility: hidden;
	border-top: 1px solid #FFFFFF;
}

#nav2wasistbetacare ul, #nav2sohilftbetacare ul, #nav2betaliste ul, #nav2betafon ul, #nav2betanet ul, #nav2ratgeber ul, #nav2betacareschulung ul, #nav2schmerzpalliativ ul { /* DropDown-Container Liste */
	line-height: normal;
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav2wasistbetacare li, #nav2sohilftbetacare li, #nav2betaliste li, #nav2betafon li, #nav2betanet li, #nav2ratgeber li, #nav2betacareschulung li, #nav2schmerzpalliativ li { /* DropDown-Container Listenelemente */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #293B87;
	border-bottom: 1px solid #FFFFFF;
	margin: 0;
	padding: 4px 0 4px 5px;
}

#nav2wasistbetacare li:hover, #nav2sohilftbetacare li:hover, #nav2betaliste li:hover, #nav2betafon li:hover, #nav2betanet li:hover, #nav2ratgeber li:hover, #nav2betacareschulung li:hover, #nav2schmerzpalliativ li:hover { /* DropDown-Container Listenelemente hover */
	border-bottom: 1px solid #293B87;
}

#nav2wasistbetacare a, #nav2sohilftbetacare a, #nav2betaliste a, #nav2betafon a, #nav2betanet a, #nav2ratgeber a, #nav2betacareschulung a, #nav2schmerzpalliativ a { /* DropDown-Container Link */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #293B87;
	display: block;
	text-decoration: none;
}

#nav2wasistbetacare { /* Nav2 - Was ist betacare? */
	left: 39px;
}

#nav2sohilftbetacare { /* Nav2 - So hilft betacare */
	left: 170px;
}

#nav2betaliste { /* Nav2 - betaliste */
	left: 307px;
}

#nav2betafon { /* Nav2 - betafon */
	left: 417px;
}

#nav2betanet { /* Nav2 - betanet */
	left: 523px;
}

#nav2ratgeber { /* Nav2 - Ratgeber */
	left: 627px;
}

#nav2betacareschulung { /* Nav2 - betaCare Schulung */
	left: 724px;
}

#nav2schmerzpalliativ { /* Nav2 - Schmerz & Palliativ */
	left: 840px;
}

/* Navigation 2 ****************************************/

	#nav2 { /* Navigation 2 */
		float: left;
		width: 240px;
		height: auto;
		margin: 0;
		padding: 0 30px 0 0;
	}

		#nav2_title { /* Navigation 2 - Titel */
			float: right;
			background: url(/templates/beez/bilder_layout/nav2_bogen_links.gif) top left no-repeat;
			height: 26px;
			width: 194px;
			border-bottom: solid 1px #FFCD59;
			padding-left: 10px;
		}
		
			#nav2_title img {
				border: 0;
			}

		.nav2_block { /* Navigation 2 - Block */
			float: right;
			width: 203px;
			border-left: solid 1px #FFCD59;
		}

		.nav2_bottom { /* Navigation 2 - Fußzeile */
			border-top: solid 1px #FFCD59;
		}

/* Seiteninhalt ****************************************/

#main { /* Hauptbereich */
	float: left;
	width: 990px;
	height: auto;
	margin: 25px 0 0 0;
}

	#top { /* Seiten-Header */
		float: left;
		width: 450px;
		height: auto;
		padding: 0 270px 0 270px;
		margin: 0;
	}

	#content { /* Inhalt */
		float: left;
		width: 450px;
		height: auto;
		margin: 0;
		padding: 0;
	}

		#content_title { /* Inhalt - Titel */
			float: left;
			width: 450px;
			height: auto;
			margin: 0;
		}
		
		#content_main { /* Inhalt - Hauptbereich */
			float: left;
			width: 450px;
			height: auto;
			margin: 0;
			padding: 5px 0 0 0;
			border-top: solid 1px #FFCD59;
		}
					
		#footer { /* Fusszeile */
			background: url(/templates/beez/bilder_layout/footer_back.gif) top left no-repeat;
			float: left;
			width: 460px;
			height: 42px;
			padding: 8px 0 0 0;
			margin: 20px 0 0 0;
		}

/* Feature *********************************************/

	#feature { /* Feature-Spalte */
		float: left;
		width: 240px;
		height: auto;
		margin: 0;	
		padding: 0 0 0 30px;
	}
		
		#feature_title { /* Feature-Spalte - Titel */
			float: left;
			background: url(/templates/beez/bilder_layout/feature_bogen_rechts.gif) top right no-repeat;
			height: 26px;
			width: 181px;
			padding: 0 0 0 23px;
			margin: 0;
			border-bottom:1px solid #FFCD59;
		}
	
		.feature_block { /* Feature-Spalte - Block */
			float: left;
			width: 203px;
			border-right: solid 1px #FFCD59;
		}

/* Tabellendefinitionen ********************************/

.table_content { /* Tabelle mit Rahmen */
	border-collapse: collapse;
	border-left: 1px solid #9EB5DE;
	border-top: 1px solid #9EB5DE;
	width: 430px;
	margin: 10px 0 10px 10px;
	padding: 0;
}

	.table_content tr { /* Zeilendefinition */
		margin: 0;
	}
	
	.table_content td { /* Spaltendefinitionen */
		border-right: 1px solid #9EB5DE;
		border-bottom: 1px solid #9EB5DE;
		margin: 0;
	}
	
.table_clear { /* Tabelle ohne Rahmen */
	border: 0;
	width: 430px;
	margin: 10px 0 10px 10px;
	padding: 0;
}

	.table_clear tr, .table_clear td { /* Zeilendefinition und Spaltendefinition */
		margin: 0;
	}

/* TYPOGRAPHIE //////////////////////////////////////////
///////////////////////////////////////////////////////*/

/* Seitenüberschrift ***********************************/

#top h1 { /* Seitenüberschrift */
	font-size: 16px;
	font-weight: bold;
	display: block;
	color: #DD9B00; /* vorher: #FFB300 */
	margin: 0 0 0 10px;
	padding: 0;
}

/* Navigation 2 ****************************************/

.nav2_block p { /* Navigation 2 - Absatz */
	margin: 0;
	padding: 0;
}

.nav2_block ul { /* Navigation 2 - Liste */
	margin: 0;
	padding: 0;
}

	.nav2_block li { /* Navigation 2 - Listenelement */
		list-style: none;
		line-height: 20px;
		margin: 2px 0 0 23px;
		padding: 0;
	}
	
	.nav2_block li:hover { /* Navigation 2 - Listenelement hover */
		list-style: outside;
		list-style-image: url(/templates/beez/bilder_layout/feature_aufzaehlung.gif);
		margin: 2px 0 0 23px;
		padding: 0;
	}
	
	.nav2_block li.selektiert, .nav2_block li.selektiert:hover { /* Navigation 2 - Listenelement selektiert */
		list-style: outside;
		list-style-image: url(/templates/beez/bilder_layout/feature_aufzaehlung.gif);
		margin: 2px 0 0 23px;
		padding: 0;
	}

.nav2_block a { /* Navigation 2 - Link */
	font-size: 11px;
	font-weight: bold;
	color: #293B87;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

	.nav2_block a:hover { /* Navigation 2 - Link Hover */
		text-decoration: underline;
	}

/* Content *********************************************/
.form_error {
	color: red;
}

.formular { /* Inhalt -  Formularelement */
	width: 436px;
}

.quellcode { /* Inhalt -  Quellcode */
	font-size: 11px;
}

#content_main a { /* Inhalt -  Link */
	color: #293B87;
	font-weight: bold;
}

#content_main a:hover { /* Inhalt - Link Hover */
	color: #FFFFFF;
	background-color: #9EB5DE;
	text-decoration: none;
}

#content_main a:visited { /* Inhalt - Link besucht */
	color: #698BCB;
}

#content_main a:visited:hover { /* Inhalt - besuchter Link Hover */
	color: #FFFFFF;
	background-color: #9EB5DE;
	text-decoration: none;
}

#content_main .bild_thumbnail {
	margin: 2px;
}

#content_main img.team {
	margin: 0 0 0 8px;
}

#content_main img:hover {
	background-color: none;
}

#content_main h1 { /* Inhalt - Überschrift */
	font-size: 15px;
	font-weight: bold;
	clear: left;
	border-bottom: solid 1px #FFCD59;
	display: block;
	padding: 0 0 0 10px;
	margin: 15px 0 5px 0;
}

#content_main h2 { /* Inhalt - Zwischenüberschrift */
	font-size: 14px;
	font-weight: bold;
	clear: left;
	padding: 0 0 0 10px;
	margin: 15px 0 5px 0;
}

#content_main p { /* Inhalt - Absatz */
	padding: 0 0 0 10px;
	margin: 0 0 7px 0;
}

#content_main table p {
	padding: 0;
}

#content_main ul { /* Inhalt - Liste ungeordnet */
	font-size: 12px;
	color: #333333;
	padding: 0 4px 0 0;
	margin: 0 0 7px 23px;
	list-style: disk;
}

#content_main ol { /* Inhalt - Liste geordnet */
	padding: 0 4px 0 0;
	margin: 0 0 7px 30px;
	list-style: decimal;
}

#content_main li { /* Inhalt - Listenelement */
	padding: 0;
	margin: 4px 0 7px 0;
	list-style-position: outside;
}

/* Formular *********************************************/

#content_main textarea {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

/* Feature **********************************************/

.feature_block h1 { /* Feature - Überschrift */
	font-weight: bold;
	border-top: solid 1px #FFCD59;
	border-bottom: solid 1px #FFCD59;
	display: block;
	padding: 0 0 0 23px;
	margin: 0 0 10px 0;
}

.feature_block a { /* Feature - Link */
	font-size: 11px;
	color: #293B87;
	text-decoration: none;
}
	.feature_block a:hover { /* Feature - Link Hover */
		text-decoration: underline;
	}

.feature_block ul { /* Feature - Liste ungeordnet */
	font-size: 11px;
	list-style-image: url(/templates/beez/bilder_layout/feature_aufzaehlung_on.gif);
	list-style-position: outside;
	margin: 0 0 10px 0;
	padding: 0;
}

	.feature_block li { /* Feature - Listenelement */
		font-weight: bold;
		margin: 5px 0 0 36px;
		padding: 0;
	}

.feature_block p { /* Feature - Liste ungeordnet */
	font-size: 11px;
	font-weight: bold;
	background: url(/templates/beez/bilder_layout/feature_aufzaehlung_on.gif) no-repeat left;
	list-style-position: outside;
	margin: 7px 0 0 23px;
	padding: 0 0 0 14px;
}

	.feature_block p:hover {
		background: url(/templates/beez/bilder_layout/feature_aufzaehlung.gif) no-repeat left;
	}

/* Footer **********************************************/

#footer p { /* Footer - Absatz */
	font-size: 10px;
	padding: 0 0 0 10px;
	margin: 0 0 7px 0;
}

#footer a { /* Footer - Link */
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
}

	#footer a:hover { /* Footer - Link Hover */
		text-decoration: underline;
	}

#footer .nach_oben { /* Footer - nach oben */
	font-size: 10px;
	color: #293B87;
	margin: 0 25px 10px 0;
}

#footer .nach_oben a { /* Link "nach oben" */
	text-decoration: none;
}


/* Bilder **********************************************/

.bild_2_0 { /* Bild rechts von Text ohne Rahmen */
	margin: 3px 0 5px 6px;
	float: right;
	padding: 0;
	border: 0;
}

.bild_1_0 { /* Bild links von Text ohne Rahmen */
	margin: 3px 16px 5px 0;
	float: left;
	padding: 0;
	border: 0;
}

.bild_2_1 { /* Bild rechts von Text mit Rahmen */
	margin: 3px 0 5px 6px;
	float: right;
	padding: 0;
	border: 1px solid #293B87;
}

.bild_1_1 { /* Bild links von Text mit Rahmen */
	margin: 3px 16px 5px 0;
	float: left;
	padding: 0;
	border: 1px solid #293B87;
}

.bildbereich { /* Bildbereich */
	width: 440px;
	margin: 2px 0 3px 10px;
}



/* Schnix - Joomla */

#menu img {
    border: none;
}

.componentheading {
	display: none !important;
}

.item2:hover {
    border-bottom: 1px solid #293B87;
}

/* Sitemap */

#content_main .sitemap ul {
	font-size: 12px;
	color: #dd9b00;
	padding: 0 4px 15px 0;
	margin: 15px 0 0 12px;
	list-style-position: outside;
	list-style: none;
}

#content_main .sitemap ul ul {
	font-size: 12px;
	color: #333333;
	padding: 0 4px 0 0;
	margin: 15px 0 20px 16px;
	list-style-position: outside;
	list-style-image: url(/templates/beez/bilder_layout/feature_aufzaehlung.gif);
}

#content_main .sitemap ul ul ul {
	font-size: 12px;
	color: #333333;
	padding: 0 4px 0 0;
	margin: 0 0 7px 18px;
	list-style-position: outside;
	list-style: square;
}

#content_main .sitemap ul li {
	font-size: 16px;
}

#content_main .sitemap ul li ul li {
	font-size: 12px;
}

#content_main .sitemap ul a {
	color: #dd9b00;
}

#content_main .sitemap ul a:hover {
	color: #ffffff;
	background-color: #9eb5de;
	text-decoration: none;
}

#content_main .sitemap ul ul a {
	color: #333333;
}

#content_main .sitemap ul ul ul a {
	color: #333333;
}