/*****************************************************************************************************************	Name: project.css*	erstellt: 13.06.2006*	Autor: SB, werbeagentur aufwind. gmbh* Beschreibung:* Stylesheet fuer die projekt-spezifischen Templates und Definitionen.*	fotogalerie.phtml, sitemap.phtml, news.phtml, suchergebnisse.phtml sind im style.css definiert,* da in jedem Projekt vorhanden.**	letzte Aenderungen:*	Datum			von was*	******************************************************************************************************************//************************************* zurueck*************************************/.back{	margin: 15px 0px 5px 0px;}.back a,.back a:link,.back a:visited,.back a:hover,.back a:active {	padding: 0px 0px 2px 16px;	background-repeat: no-repeat;	background-position: 0px 1px;	background-image: url('../../assets/common/link_extern.gif');}/***************************************************************************************************************** veranstaltungssuche.php****************************************************************************************************************/.info_seach_left form.infopool {	padding: 0px;	margin: 0px;}#subnavi .info_seach_left h1 {	/*font-size: 1.5em;*/	font-weight: normal;	color: #FFF;	background: #B7C2BA;	padding: 1px 0px 1px 6px;	margin: 0px 0px 7px 0px;	border-bottom: 1px solid #99B5B8;}.info_seach_left form.infopool input {	width: 100px;	margin: 3px 5px 3px 5px;	padding: 1px;	font-size: 0.95em;	border: 1px solid #99B5B8;}.info_seach_left form.infopool input.check {	border: none;	background: none;	margin: 3px 1px 1px 5px;	width: auto;}.info_seach_left form.infopool .infopool_search {	font-size: 0.9em;}.info_seach_left form.infopool .start,.info_seach_left form.infopool .end{	padding: 0px 0px 0px 5px;	margin: 0px 5px 0px 0px;	width: 60px;	float: left;}.info_seach_left form.infopool .end{	margin: 0px;	padding: 0px;}.info_seach_left form.infopool .start input.date,.info_seach_left form.infopool .end input.date {	width: 60px;	margin: 0px;}.info_seach_left form.infopool .add{	padding: 0px;	margin: 0px 5px 0px 5px;}.info_seach_left form.infopool .add a,.info_seach_left form.infopool .add a:link,.info_seach_left form.infopool .add a:hover,.info_seach_left form.infopool .add a:visited,.info_seach_left form.infopool .add a:active {	margin: 0px 5px 0px 0px;}.info_seach_left form.infopool .error {	color: #FE0000;	padding: 5px;}/***** Ende Veranstaltungssuche links **************************************************************************//***************************************************************************************************************** Letter Reiter bei diversen AZ-Listen * Templates info_az, leistungen, mitarbeiter****************************************************************************************************************/.az_letter {	font-size: 1.3em;	width: 20px;	float: left;	margin: 0px 0px 5px 0px;	color: #CCC;}.az_letter .active {	color: #FE0000;}/***** Ende Letter *********************************************************************************************//***************************************************************************************************************** freizeit.phtml****************************************************************************************************************/.form_freizeit{	padding: 0px 0px 0px 0px;	margin: 0px 50px;}.form_freizeit .radio_li{	width: 100px;	float: left;	margin: 3px 5px 15px 0px;}.form_freizeit .radio_re{	width: 100px;	float: left;	margin: 3px 5px 15px 0px;}.form_freizeit select {	border: 1px solid #99B5B8;	padding: 1px;	margin: 3px 5px 15px 0px;	width: 200px;}.form_freizeit .submitbutton {	margin: 5px 5px 0px 0px;}/***** Ende Freizeitberater ***********************************************************************************//***************************************************************************************************************** ecard.phtml****************************************************************************************************************/.form_ecard {}/* Motive */.form_ecard .motive {	vertical-align: middle;	float: left;	width: 102px;	margin: 5px 10px 5px 0px;}.form_ecard .motive .image {	width: 80px;	background: #B7C2BA;	border: 1px solid #99B5B8;}.form_ecard .motive .image img {	vertical-align: bottom;}.form_ecard .motive input {	width: 13px;	float: left;	vertical-align: middle;	margin: 0px 3px 0px 0px;	}.form_ecard .motive label {	float: left;	width: 61px;	height: 50px;}/* Fehler */.form_ecard .error {	margin: 10px 0px;	color: #FE0000;	font-weight: bold;}.form_ecard label {	margin: 0px 5px 0px 0px;	width: 120px;	float: left;}/* Formular */.form_ecard .float {	float: left;	width: 50%;	margin: 5px 0px 0px 0px;}.form_ecard label.red {	color: #FE0000;}.form_ecard input,.form_ecard textarea {	border: 1px solid #99B5B8;	padding: 2px;	margin: 2px 0px;	width: 150px;}.form_ecard textarea {	width: 434px;}.form_ecard input.day {	width: 25px;	margin: 2px 2px 2px 0px;}.form_ecard input.year {	width: 35px;	margin: 2px 0px 2px 0px;}.form_ecard select.month {	width : 100px;	margin: 2px 2px 2px 0px;}.form_ecard .pflicht {	margin: 0px 5px 5px 127px;	font-size: 0.85em;}.form_ecard .submitbutton {	margin: 5px 5px 0px 127px;}.show_ecard {}.show_ecard a,.show_ecard a:link,.show_ecard a:visited,.show_ecard a:hover,.show_ecard a:active {	text-decoration: underline;}.show_ecard a:hover {	text-decoration: none;}/***** Ende eCards *********************************************************************************************//***************************************************************************************************************** karten.phtml****************************************************************************************************************/.form_eventcard {}.form_eventcard .error {	margin: 10px 0px;	color: #FE0000;	font-weight: bold;}.form_eventcard label {	margin: 0px 5px 0px 0px;	width: 100px;	float: left;}.form_eventcard label.red {	color: #FE0000;}.form_eventcard select,.form_eventcard input {	border: 1px solid #99B5B8;	padding: 2px;	margin: 2px 0px;	width: 270px;}.form_eventcard input.plz {	width: 40px;	margin: 2px 2px 2px 0px;}.form_eventcard input.ort {	width: 218px;}.form_eventcard table {}.form_eventcard td {}.form_eventcard td.label {	width: 107px;}.form_eventcard td.card {	width: 170px;}.form_eventcard .pflicht {	margin: 0px 5px 5px 107px;	font-size: 0.85em;}.form_eventcard .submitbutton {	margin: 5px 5px 0px 107px;}/***** Ende Kartenservice ************************************************************************************//***************************************************************************************************************** prospekt.phtml****************************************************************************************************************/.form_prospekt {}.form_prospekt .error {	margin: 10px 0px;	color: #FE0000;	font-weight: bold;}.form_prospekt .service {	margin: 5px 0px;}.form_prospekt .service input {	border: none;	width: 13px;	margin: 3px 3px 0px 107px;}.form_prospekt label {	margin: 0px 5px 0px 0px;	width: 100px;	float: left;}.form_prospekt label.red {	color: #FE0000;}.form_prospekt input,.form_prospekt textarea,.form_prospekt select{	border: 1px solid #99B5B8;	padding: 2px;	margin: 2px 0px;	width: 270px;}.form_prospekt input.plz {	width: 40px;	margin: 2px 2px 2px 0px;}.form_prospekt input.ort {	width: 218px;}.form_prospekt .pflicht {	margin: 0px 5px 5px 107px;	font-size: 0.85em;}.form_prospekt .submitbutton {	margin: 5px 5px 0px 107px;}/***** Ende Prospektservice ************************************************************************************//***************************************************************************************************************** einrichtung.phtml****************************************************************************************************************/.form_einrichtung {	margin: 0px 0px 10px 0px;}.form_einrichtung label{	margin: 0px 5px 0px 0px;	width: 100px;	float: left;}.form_einrichtung select {	border: 1px solid #99B5B8;	padding: 2px;	margin: 2px 0px;	width: 270px;}.form_einrichtung .submitbutton {	margin: 5px 5px 0px 107px;}.result_einrichtung {	background: #B7C2BA;	margin: 5px 0px;	padding: 1px 3px;	position: relative;}.result_einrichtung .float {	width: 157px;	float: right;	position: relative;}.detail_einrichtung {}.detail_einrichtung .float {	width: 157px;	float: right;	margin: 0px 1px 5px 5px;}/***** Ende Einrichtungsformular ********************************************************************************//***************************************************************************************************************** abfallplan.phtml -- ACHTUNG im Template selber findet die Kalenderformatierung statt****************************************************************************************************************/.abfall {	font-size: 12px;}.abfall10 {	padding: 2px;	font-size: 12px;	font-style: normal;}.abfallw {	color: #FFF; 	 	/*font-size: 12px;*/	font-style: normal;	background: #EBEDEA;}.abfallb {	padding: 3px;	color: #FFF;	background: #96AA9E;	font-weight: bold; 	font-style: normal;}.abfall_legende {	margin: 10px 0px;}/***** Ende Abfallkalender *************************************************************************************//***************************************************************************************************************** erinnerung.phtml****************************************************************************************************************//* Erinnerung */.form_erinnerung {}.form_erinnerung .float {	float: left;	width: 49%;	margin: 0px 0px 5px 0px;}.form_erinnerung .float input {	border: none;	width: 13px;	margin: 3px 3px 0px 0px;}.form_erinnerung .error {	margin: 10px 0px;	color: #FE0000;	font-weight: bold;}.form_erinnerung label{	margin: 0px 5px 0px 0px;	width: 100px;	float: left;}.form_erinnerung label.red {	color: #FE0000;}.form_erinnerung input {	border: 1px solid #99B5B8;	padding: 2px;	margin: 2px 0px;	width: 270px;}.form_erinnerung .pflicht {	margin: 0px 5px 5px 107px;	font-size: 0.85em;}.form_erinnerung .submitbutton {	margin: 5px 5px 0px 107px;}/* Formular *//*.form_einrichtungenanfrage {}.form_einrichtungenanfrage .error {	margin: 10px 0px;	color: #FE0000;	font-weight: bold;}.form_einrichtungenanfrage .service {	margin: 5px 0px;}.form_einrichtungenanfrage .service input {	border: none;	width: 13px;	margin: 3px 3px 0px 107px;}.form_einrichtungenanfrage label {	margin: 0px 5px 0px 0px;	width: 100px;	float: left;}.form_einrichtungenanfrage label.red {	color: #FE0000;}.form_einrichtungenanfrage input,.form_einrichtungenanfrage textarea {	border: 1px solid #99B5B8;	padding: 2px;	margin: 2px 0px;	width: 270px;}.form_einrichtungenanfrage input.plz {	width: 40px;	margin: 2px 2px 2px 0px;}.form_einrichtungenanfrage input.ort {	width: 218px;}.form_einrichtungenanfrage .pflicht {	margin: 0px 5px 5px 107px;	font-size: 0.85em;}.form_einrichtungenanfrage .submitbutton {	margin: 5px 5px 0px 107px;}*//***** Ende Erinnerungsformular ********************************************************************************//***************************************************************************************************************** mitarbeiter.phtml****************************************************************************************************************/.mitarbeiter_result{	border: 1px solid #96AA9E;	background: #EBEDEA;	margin-bottom: 15px;}.mitarbeiter_result img{	float: right;}.mitarbeiter_result_info{	width: 320px;	float: left;	padding: 5px;}/*.result_mitarbeiter {}.result_mitarbeiter .bg_1 {	background: none;	padding: 1px 0px 3px 1px;}.result_mitarbeiter .bg_2 {	background: #B7C2BA;	padding: 1px 0px 3px 1px;}.result_mitarbeiter .float {	width: 157px;	float: right;}.result_mitarbeiter .float img {	vertical-align: middle;}.detail_mitarbeiter {}.detail_mitarbeiter .float {	width: 157px;	float: right;}.detail_mitarbeiter .leistungen a,.detail_mitarbeiter .leistungen a:link,.detail_mitarbeiter .leistungen a:visited,.detail_mitarbeiter .leistungen a:hover,.detail_mitarbeiter .leistungen a:active {	text-decoration: underline;	padding: 0px 0px 2px 16px;	background-repeat: no-repeat;	background-position: 0px 1px;	background-image: url('../../assets/common/link_extern.gif');	display: block;}*//***** Ende Mitarbeiter ****************************************************************************************//***************************************************************************************************************** aemter.phtml****************************************************************************************************************/.tree_aemter {}.tree_aemter div a,.tree_aemter div a:link,.tree_aemter div a:visited,.tree_aemter div a:hover,.tree_aemter div a:active {	text-decoration: underline;	padding: 0px 0px 2px 16px;	background-repeat: no-repeat;	background-position: 0px 1px;	background-image: url('../../assets/common/link_extern.gif');	display: block;}.result_aemter {}.result_aemter .bg_1 {	background: none;	padding: 1px 0px 3px 1px;}.result_aemter .bg_2 {	background: #B7C2BA;	padding: 1px 0px 3px 1px;}.result_aemter .float {	width: 157px;	float: right;}.result_aemter .float img {	vertical-align: middle;}.detail_aemter {}.detail_aemter .float {	width: 157px;	float: right;}.detail_aemter .leistungen a,.detail_aemter .leistungen a:link,.detail_aemter .leistungen a:visited,.detail_aemter .leistungen a:hover,.detail_aemter .leistungen a:active {	text-decoration: underline;	padding: 0px 0px 2px 16px;	background-repeat: no-repeat;	background-position: 0px 1px;	background-image: url('../../assets/common/link_extern.gif');	display: block;}/***** Ende Aemter ****************************************************************************************//***************************************************************************************************************** leistungen.phtml****************************************************************************************************************/.result_leistung {}.result_leistung .bg_1 {	background: none;	padding: 1px 0px 3px 1px;}.result_leistung .bg_2 {	background: #B7C2BA;	padding: 1px 0px 3px 1px;}.result_leistung .float {	width: 157px;	float: right;}.result_leistung .float img {	vertical-align: middle;}.detail_leistung {}.detail_leistung .float {	width: 157px;	float: right;}.detail_leistung a,.detail_leistung a:link,.detail_leistung a:visited,.detail_leistung a:hover,.detail_leistung a:active {	text-decoration: underline;	padding: 0px 0px 0px 16px;	background-repeat: no-repeat;	background-position: 0px 1px;	background-image: url('../../assets/common/link_extern.gif');}/***** Ende Leistungen *****************************************************************************************//***************************************************************************************************************** .phtml****************************************************************************************************************//***************************************************************************************************************** formulare.phtml****************************************************************************************************************/.result_formular {}.result_formular .link {	margin: 2px 0px 10px 1px;}.result_formular .link img {	vertical-align: middle;}/***** Ende Leistungen *****************************************************************************************//***************************************************************************************************************** verfahrensbeschreibungen.phtml****************************************************************************************************************/.xml_vb_letter {	width: 15px;	float: left;	margin: 0px 0px 5px 0px;	color: #CCC;}.xml_vb_letter .active {	color: #FE0000;}.xml_vb_letter {	width: 15px;	float: left;	margin: 0px 0px 5px 0px;	color: #CCC;}.xml_vb_letter .active {	color: #FE0000;}.xml_vb_list {	position: relative;}.xml_vb_list .bg_1 {	background-color: #D4E1D8;	padding: 2px 2px;	position: relative;}.xml_vb_list .bg_2 {	background-color: #B7C2BA;	padding: 2px 2px;	position: relative;}.xml_vb_list .float {	width: 90px;	float: right;	position: relative;}.xml_vb .float img {	vertical-align: middle;}.xml_vb_rechts {	float: right;}.xml_vb_detail {}.xml_vb_detail a,.xml_vb_detail a:link,.xml_vb_detail a:visited,.xml_vb_detail a:hover,.xml_vb_detail a:active {	text-decoration: underline;}/***** Ende verfahrensbeschreibungen ******************************************************************************************//***************************************************************************************************************** Lebenslagen****************************************************************************************************************/.xml_ll_list {	position: relative;}.xml_ll_list .bg_1 {	background-color: #D4E1D8;	padding: 2px 2px;	position: relative;}.xml_ll_list .bg_2 {	background-color: #B7C2BA;	padding: 2px 2px;	position: relative;}.xml_ll_list select {	border: 1px solid #99B5B8;	padding: 2px;}.xml_ll_list .float {	width: 90px;	float: right;	position: relative;}.xml_ll .float img {	vertical-align: middle;}.xml_ll_rechts {	float: right;}.xml_ll_detail {}.xml_ll_detail a,.xml_ll_detail a:link,.xml_ll_detail a:visited,.xml_ll_detail a:hover,.xml_ll_detail a:active {	text-decoration: underline;}.xml_ll_freigabe {	}.xml_ll_result {}/***************************************************************************************************************** Gewerbe****************************************************************************************************************/.form_gewerbe {	margin: 0px 0px 10px 0px;}.form_gewerbe label {	margin: 10px 5px 0px 0px;	width: 100px;	float: left;}.form_gewerbe select {	border: 1px solid #99B5B8;	padding: 2px;	margin: 10px 5px 0px 0px;	width: 320px;}.form_gewerbe input {	border: 1px solid #99B5B8;	padding: 2px;	margin: 10px 5px 0px 0px;	width: 314px;}.form_gewerbe .submitbutton {	margin: 5px 5px 0px 5px;	width: 70px;}.form_gewerbe a,.form_gewerbe a:link,.form_gewerbe a:visited,.form_gewerbe a:hover,.form_gewerbe a:active {	text-decoration: underline;}.gewerbe_letter {	width: 15px;	float: left;	margin: 0px 0px 5px 0px;	color: #CCC;}.gewerbe_letter .active {	color: #FE0000;}.gewerbe_letter {	width: 15px;	float: left;	margin: 0px 0px 5px 0px;	color: #CCC;}.gewerbe_letter .active {	color: #FE0000;}.gewerbe_list {	position: relative;}.gewerbe_list .bg_1 {	background-color: #D4E1D8;	padding: 2px 2px;	position: relative;}.gewerbe_list .bg_2 {	background-color: #B7C2BA;	padding: 2px 2px;	position: relative;}.gewerbe_list .float {	width: 90px;	float: right;	position: relative;}.gewerbe .float img {	vertical-align: middle;}.gewerbe_rechts {	float: right;}.gewerbe_detail {}.gewerbe_detail a,.gewerbe_detail a:link,.gewerbe_detail a:visited,.gewerbe_detail a:hover,.gewerbe_detail a:active {	text-decoration: underline;}.gewerbe_freigabe {	}.gewerbe_result {}/***************************************************************************************************************** Vereine****************************************************************************************************************/.form_vereine {	margin: 0px 0px 10px 0px;}.form_vereine label{	margin: 10px 5px 0px 0px;	width: 100px;	float: left;}.form_vereine select {	border: 1px solid #99B5B8;	padding: 2px;	margin: 10px 5px 0px 0px;	width: 320px;}.form_vereine input {	border: 1px solid #99B5B8;	padding: 2px;	margin: 10px 5px 0px 0px;	width: 314px;}.form_vereine .submitbutton {	margin: 5px 5px 0px 5px;	width: 70px;}.form_vereine a,.form_vereine a:link,.form_vereine a:visited,.form_vereine a:hover,.form_vereine a:active {	text-decoration: underline;}.vereine_letter {	width: 15px;	float: left;	margin: 0px 0px 5px 0px;	color: #CCC;}.vereine_letter .active {	color: #FE0000;}.vereine_letter {	width: 15px;	float: left;	margin: 0px 0px 5px 0px;	color: #CCC;}.vereine_letter .active {	color: #FE0000;}.vereine_list {	position: relative;}.vereine_list .bg_1 {	background-color: #D4E1D8;	padding: 2px 2px;	position: relative;}.vereine_list .bg_2 {	background-color: #B7C2BA;	padding: 2px 2px;	position: relative;}.vereine_list .float {	width: 90px;	float: right;	position: relative;}.vereine .float img {	vertical-align: middle;}.vereine_rechts {	float: right;}.vereine_detail {}.vereine_detail a,.vereine_detail a:link,.vereine_detail a:visited,.vereine_detail a:hover,.vereine_detail a:active {	text-decoration: underline;}.vereine_freigabe {	}.vereine_result {}/***** Ende Vereine ********************************************************************************************//***************************************************************************************************************** Seitenfavoriten****************************************************************************************************************/.sfav_icons .float {	width:275px;	float: left;	position: relative;	border:0px solid black;}.sfav_icons .float_l {	text-align:left;	width: 120px;	float: left;	margin:0px 10px 0px 0px;	position: relative;}.sfav_icons img {	margin:0px 5px 0px 0px;}.sfav_icons hr {	margin:10px 0px 10px 0px;}/***************************************************************************************************************** Seitenfavoriten alle****************************************************************************************************************/.sfav_icons_alle {	border: 1px solid #99B5B8;	background-color: #d5e6e8;	padding: 3px 0px 2px 0px;}.sfav_icons_alle .float {	width:260px;	float: left;	position: relative;	border:0px solid black;}.sfav_icons_alle .float_l {	text-align:left;	width: 110px;	float: left;	margin:0px 0px 0px 20px;	position: relative;}.sfav_icons_alle img {	margin:0px 5px 0px 0px;}.sfav_icons_alle hr {	margin:10px 0px 10px 0px;}/***************************************************************************************************************** Urlaubsplaner rechts****************************************************************************************************************/.upl_icons {	font-size: 90%;	margin: 0px;	padding: 0px;}.upl_icons .float {	width:70px;	float: left;	position: relative;	border: 0px solid black;	margin: 0px 0px 0px 0px;	padding: 1px 0px 0px 0px;}.upl_icons .float_l {	text-align:left;	width: 39px;	float: left;	margin: 0px 0px 0px 0px;	padding: 0px 0px 0px 0px;	position: relative;}.upl_icons img {	margin:0px 2px 0px 0px;}.upl_icons hr {	margin:2px 0px 2px 0px;}.upl_icons .nofloat {	margin: 0px;	padding: 0px;}/***************************************************************************************************************** Urlaubsplaner Main Content ****************************************************************************************************************/.upl_main {}.upl_main h1 {	margin: 7px 0px 3px 0px;}.upl_main input {	width: 300px;	border: 1px solid #99B5B8;	margin: 2px 5px 2px 0px;	padding: 1px;}.upl_main .td_label {	width: 110px;	margin: 2px 5px 0px 0px;}.upl_main select {	width: 100px;	border: 1px solid #99B5B8;	margin: 2px 5px 2px 0px;	padding: 1px;}.upl_main .tag {	width: 20px;	margin: 2px 5px 2px 0px;	padding: 1px;}.upl_main .jahr {	width: 100px;	margin: 2px 5px 2px 0px;	padding: 1px;}.t_interessen input {	width:12px;	border: 0px solid #99B5B8;	margin: 2px 5px 0px 0px;	padding: 1px;}.t_interessen .td_cb input {	width: 13px;	margin: 3px 5px 5px 2px;}.t_interessen .td_label {	width: 185px;}.upl_main .submit_button {	margin: 2px 0px 0px 0px;	text-align: right;}#upl_anz {	width: 96px;}/***************************************************************************************************************** .phtml****************************************************************************************************************//***************************************************************************************************************** Suchelemente auf der linken Seite****************************************************************************************************************/.left_search{	width: 200px;}.left_search input{	font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;	font-size: 90%;	color: #74A4A4;	text-decoration: none;	padding: 0px;	margin: 0px;	border: 1px solid #74A4A4;	padding: 1px;}.left_search_h1{	background: #96AA9E;	padding: 2px 2px 2px 6px;	color: #FFF;  	}.left_search_form{	margin-top: 6px;	padding-left: 20px;}#lfs_home{	background-color: #B7C2BA;	width: 178px;	float: left;	text-align: left;	position: relative; }.textb{	font-weight: bold;}.text,.textb{	padding: 2px;}.text_rot{	color: #F00;}.gaestebuch{	width: 572px;	border: 1px solid #96AA9E;	margin-bottom: 15px;}.gaestebuch h1{	background: #96AA9E;	color: #FFF;	font-size: 1em;	padding: 3px;	font-weight: normal;}.gaestebuch div{	padding: 3px;	padding-bottom: 10px;}