@charset "utf-8";
/*  */
/* ------------------------------------------------------------------------------
THEMEFILE
@colorscheme: 	frog_green (unsweeped)
@author: c.niedrich, j.nischan (@farbwahl)

@Standardtheme: anmerkungen beziehen sich imer auf das Theme: blau/gruen

Farben sind nach Farben und/oder nach Zusammenhang gruppiert (abhaengig vom Farbvorkommen und Zusammenhang) 

Kommentar beginnt mit: #* 			- nachfolgend sind 	verschiedene 	Farbwerte aufgelistet
Kommentar beginnt mit: #farbwert - nachfolgend sind 	gleiche			Farbwerte aufgelistet

KOMMENTARE UND ÄNDERUNGEN IMMER IN DIE BLUEGREEN CSS SCHREIBEN
------------------------------------------------------------------------------ */


/* #fff (Kontrastfarbe) z.b. body Hintergrundfarbe, weiße schrift im 
 * Standardtheme u.U. kann die weiße Schrift bei einigen Elementen eine andere
 * Farbe bekommen, abhaengig vom Hintergrund (einfach die csser fragen)
------------------------------------------------------------------------------*/
body, #OuterMeinVerein, #ForeignProfiles, #ForeignProfiles, .removalList li, .removalList li label
{background-color: #FFF !important;} /* Hintergrundfarbe u.A. von der Seite */

#SiteInfo *, #ProfileSummary, #ProfileSummary a, #Navigation #Submenu .active a, #Navigation #Submenu .first_active a,
#NavigationList a:hover, #Navigation #Submenu a:hover, #Body .dropdown li a:hover, .box_header, #MainContent .hover .caption a,
#MainContent .hover .caption, .pagination .active, .online, #ContentNavigation .active a, #ContentNavigation .active a:hover,
.ajaxSuggWrapper a:hover, .ajaxSuggWrapper a:hover span, #Body #Filter li a.selected, .ajaxSuggWrapper .hover a,
.ajaxSuggWrapper .hover a span, #IM .hover .caption a, #IM .hover .caption, .removalList li.hover,
.removalList li.hover label, .hover .vcard dd a {color: #FFF;}

#Body .box_header .button {color: #FFF !important;} /* Textfarbe eines Buttons in einem Header (tiefblau)


/* #0DBE00 (Gruen im Standardtheme)
 * Hintergrund von: Submitbutton, Submenu, und weg-x-Listen aus Formularen)
------------------------------------------------------------------------------*/
#Submenu, #Body .fSubmit .button, #ContentCol2 .removalList li, #ContentCol2 .removalList li label,
#ContentCol2 .removalList li.hover, #ContentCol2 .removalList li.hover label, .miniCal .today a,.box_header a.galerie_active, .box_header a.list_active, .box_header a.map_active
{background-color: #0DBE00;}
 
	/* online gruen */
	.online span {background-color: #0DBE00 !important;}
	.online {border-color: #0DBE00;}


/* #009036 (Meist Hover(hintergrund-)farbe fuer: vcards, mcards und co,
 * entspricht meist einer Hoverfarbe, z.B. auch Forenzeilenhover)
------------------------------------------------------------------------------*/
html, #Header #Search label, #Navigation, #MyProfileSummary, .dropdown dt span, #Body .dropdown li a:hover, 
.card_list li.hover .vcard, .card_list li.hover .vcard .media_wrapper, .card_list li.hover .mcard, .card_list li.hover .mcard .media_wrapper,
.pagination .active, .box_list .hover, .ajaxSuggWrapper a:hover, .ajaxSuggWrapper .hover a, .topicList tr:hover, .topicList tr.hover td,
.pagination .prev a, .pagination .next a
{background-color: #009036 !important;}

#SiteInfo, #Filter .content .selected, #Filter .content .member, #Filter .content ul a:hover,
.box_header .inactive .button, .box_header .form .inactive .button,
.removalList li.hover, .removalList li.hover label {background-color:#009036;}

#SiteInfo {border-top-color: #009036;} /* Abstand (...) des Footers zum oberen Rest, entspricht eben der Hintergrundfarbe am Fuß der Seite */


/* #E5F4EB Hintergrundfarbe der Formulare (nicht grau) sowie Textfarbe von einigen
 * inaktiven Elementen, nicht zu sehr Kontrast, aber Abstufung zum Weiß
------------------------------------------------------------------------------*/
.board .new, .form .button, #Filter .button, .formContent,  div.form_box , #Filter .content,
.formContent.errorBox, .helpBox, .board .formContent, #ContentCol2 form.settings .formContent,
.form .inactive .buttonWrapper .button, #Filter .inactive .buttonWrapper .button, .board .new .button,
.legend .errorBox, .legend .helpBox, .consultants .premium
{background-color: #E5F4EB;}

.defaultSkin table, .form .buttonWrapper .inactive {background-color: #E5F4EB !important;}

.uploadedMedia .box_options, .formSection fieldset.first {border-top-color: #E5F4EB;}
.hover .vcard dd, .hover .mcard_content a, .hover .mcard dd , .hover .inaccessible, .hover .appointment dd,
.box_header p, #Body #Filter li a.selected span {color: #E5F4EB !important;;}


/* #9DDAB6 Level 3 Toggle (aktive Hintergrundfarbe), Randfarbe von 
 * Standardbuttons im nicht grauen Formular und Level 3 Toggle Headline sowie
 * content
------------------------------------------------------------------------------*/
.formSection .formContent .active .headline, .formSection .legend legend span {background-color: #9DDAB6;}

#Body .form .button, #Filter .content, #Filter .content .options, .formSection .formContent-segment .segment-content,
.formSection .formContent-segment_first .segment-content, .formSection .formContent .toggle_list 
{border-color: #9DDAB6;}

.box_list .hover {border-top-color: #9DDAB6 !important;}
.formSection fieldset, .messageItem {border-bottom-color: #9DDAB6;}
#MeinVerein .unread .msg_option { border-top-color: #9DDAB6; }

/* #009036 Farbe der Links, der Miniueberschriften (caption), Hintergrund-
 * farbe der Buttons in einner Titelleiste (im Standardtheme tiefblau)
------------------------------------------------------------------------------*/
.box_header .button, .box_header .form .button, #ContentCol2 .box_header .button  {background-color: #009036;}
.box_list .hover {border-bottom-color: #009036 !important;}
a, .box .caption a, .box a.caption , small, .news p a, .ajaxSuggWrapper a span, form .box a, .board h5, .im-outgoing p, h4.news_head {color: #009036;}
	/*non IE6*/
	.im-outgoing .im-msgCaption > strong { color: #009036; }

	
/* #* Schriftfarbe im Seitenheader (nach kontrastfarbe (z.b. weiß))
------------------------------------------------------------------------------*/
#ProfileSummary #MyProfileSummary strong, #NavigationList a, #Filter .selected, #ContentNavigation a:hover, .consultants_title, .consultants .vcard h5 a, .consultant h3 {color: #002907;}
	
	/* inaktiver menueintrag */
	#Navigation li.inactive {color: #006723 !important;}


/* #* Contentnavigation Farben (Hauptmenue, Ebene 3)
------------------------------------------------------------------------------*/
#ContentNavigation a {color: #005A0F;}
#ContentNavigation .back a {color:#009036;}
		
	
/* #F7FCF9 (Tendenz geht zu weiß) heller Strich ÜBER der Headline im Formular
------------------------------------------------------------------------------*/
.formSection fieldset, .messageItem, #MeinVerein .unread .msg_option_inner {border-top-color: #F7FCF9;}
	
	
/* #77C195 Toggle headline im Formular Ebene 2+3: borders
------------------------------------------------------------------------------*/
.formSection .formContent-segment .headline, .formSection .formContent-segment_first .headline,
.formSection .legend legend span {border-bottom-color: #77C195;}
	
	
/* #66AC7C (Textfarbe fuer den Inaktivstatus bei nem boxheaderbutton)
------------------------------------------------------------------------------*/
#Body .box_header .inactive .button {color: #66AC7C !important;}

		
/* #b3d1e9 Standardvariante der Formelemente - border: rechts; unten; 
------------------------------------------------------------------------------*/
.defaultSkin .mceButton {border-color: #CDCDCD !important;}
.form .fText, .form .fCheck, .form .fSelect, .form .fTextarea, .form .fElement,
.form .defaultSkin table.mceLayout {border-bottom-color: #CDCDCD; border-right-color: #CDCDCD;}
#Filter .content ul a:hover {background-color: #CDCDCD;}
		
		
/* #96B1C6 Standardvariante der  Formelemente - border: oben; links; (nicht grau)
------------------------------------------------------------------------------*/
.form .fText, .form .fCheck, .form .fSelect, .form .fTextarea, .form .fElement,
.form .defaultSkin table.mceLayout
{border-top-color: #ADADAD; border-left-color: #ADADAD;}
	
	
/* #* Inaktive Variante der Formelemente
------------------------------------------------------------------------------*/
.inactive .fText, .inactive .fCheck, .inactive .fSelect, .inactive .fTextarea, 
.inactive .fElement, .inactive .defaultSkin table.mceLayout {
border-top-color: #C8DBEC !important; border-left-color: #C8DBEC !important;	
border-bottom-color: #D1E5F7 !important; border-right-color: #D1E5F7 !important;
background-color:#E7F2FE !important; color: #C8DBEC !important;}
	

/* #F7FBD5 (Hintergrundfarbe fuer aktive Formularfelder - input type=text; textarea)
------------------------------------------------------------------------------*/
.focus .fText, .focus .fTextarea {background-color: #F7FBD5 !important;}

	
/* #* Farben fuer Pagination im Formular
------------------------------------------------------------------------------*/
.form .pagination {border-color: #79a88d;} /* außen */
.form .pagination ul {background-color: #9ddab6; border-color: #91caa8;} /* innen */


/* Backgroundimages
------------------------------------------------------------------------------*/
#SiteInfo{background-image:url('/img/themes/frog_green/background/mirrored.jpg')}
body{background-image:url('/img/themes/frog_green/background/siteGradient.gif') !important}
#MyProfileSummary,#NavigationList ol,#Navigation li.active strong,#Navigation li.first_active strong,
#Navigation li.active a,#Navigation li.first_active a,#Navigation #Submenu li.active a,
#Navigation li.first_active,#ForeignProfiles,#Navigation h2,#NavigationList #Submenu li.first_active a,
#Filter .content h4{background-image:url('/img/themes/frog_green/sprites/header_corners.gif')}
#ForeignProfiles{background-image:url('/img/themes/frog_green/background/header_bevel.gif')}
#Submenu,#NavigationList,#NavigationList li,#Submenu li,#NavigationList #Submenu li.active strong,
#Navigation #Submenu li.first_active,#Navigation #Submenu li.first_active strong,#NavigationList #Submenu .active{background-image:url('/img/themes/frog_green/sprites/navi_borders_grad.gif')}
.arrow_left,.arrow_right,.arrow_left_active,.arrow_right_active{background-image:url('/img/themes/frog_green/sprites/foreignprofile_arrows.gif')}
#Filter .content .selected,#Filter .content .member,#Filter .content ul a:hover{background-image:url('/img/themes/frog_green/sprites/filter.gif')}
.toggle_indicator, #Body .dropdown dt,#Body .dropdown dt span,.form .percentage_scale .left,.form .percentage_scale .right,
.pagination .prev a,.pagination .next a,.pagination .prev span,.pagination .next span,.pagination .active,.pagination .active span, .close_indicator
,.hover .vcard .options, .hover .mcard .options, .hover .vcard .options_inner, .hover .mcard .options_inner
,.formContent .vcard .options, .formContent .mcard .options, .formContent .vcard .options_inner, .formContent .mcard .options_inner, .box_header .list_views strong 
{background-image:url('/img/themes/frog_green/sprites/content_elements.gif')}
.form .box .bottom_left,.form .box .bottom_right,.settings .box .bottom_left,.settings .box .bottom_right{background-image:url('/img/themes/frog_green/sprites/formbox_corners.gif')}
#ContentNavigation,#ContentNavigation li,#InfoContent #ContentNavigation .active,#ContentNavigation strong,
#ContentNavigation a,#ContentNavigation .active a,#ContentNavigation span,.percentage_scale,
#Content .percentage_scale .middle,#Body .dropdown dd li span,.small_options_list .small_entry,.ajaxSuggWrapper ul li{background-image:url('/img/themes/frog_green/sprites/content_borders_grad.gif')}
.box_header,.formSection fieldset.legendFirst legend span,.toggle_list li.first .headline{background-image:url('/img/themes/frog_green/sprites/box_headers.png')}
.button{background-image:url(/img/themes/frog_green/sprites/button_bgs.gif)}
.buttonWrapper .top_left,.buttonWrapper .top_right,.buttonWrapper .bottom_left,.buttonWrapper .bottom_right,
.form .buttonWrapper .top_left,.form .buttonWrapper .top_right,.form .buttonWrapper .bottom_left,
.form .buttonWrapper .bottom_right{background-image:url(/img/themes/frog_green/sprites/button_corners.gif)}
.buttonWrapper .left,.buttonWrapper .right{background-image:url(/img/themes/frog_green/sprites/button_LR.gif) !important}
.buttonWrapper .top,.buttonWrapper .bottom{background-image:url(/img/themes/frog_green/sprites/button_TB.gif)}
#Body .media_wrapper span.top,#Body .media_wrapper span.bottom,
#IM .media_wrapper span.top,#IM .media_wrapper span.bottom{background-image:url('/img/themes/frog_green/sprites/media_wrapper_TB.gif')}
#Body .media_wrapper .play,#Body .media_wrapper .selected{background-image:url('/img/themes/frog_green/sprites/play_selected.gif')}
.helpBox-inner{background-image:url(/img/themes/frog_green/elements/topHelpBox.gif)}
.helpBox .helpMsg{background-image:url(/img/themes/frog_green/elements/bottomHelpBox.gif)}
.errorBox .caption{background-image:url(/img/themes/frog_green/elements/captionErrorBox.gif)}
.errorBox-inner{background-image:url(/img/themes/frog_green/elements/bottomErrorBox.gif)}
.selectionContainer .ajax-loading{background-image:url(/img/themes/frog_green/elements/loading.gif)}
.colorThemes li{background-image:url(/img/themes/frog_green/elements/themeSelectorElementBg.gif)}
.sortHeader .asc,.sortHeader .asc_active,.sortHeader .desc,.sortHeader .desc_active{background-image:url(/img/themes/frog_green/sprites/sort_arrows.gif)}
#IE6 .box_header,#IE6 .formSection fieldset.legendFirst legend span,#IE6 .toggle_list li.first .headline{background-image:url('/img/themes/frog_green/sprites/box_headers_ie6.gif')}
#Body .media_wrapper span,#IM .media_wrapper span{background-image:url('/img/themes/frog_green/sprites/media_wrapper_corners.gif')}
#Body .media_wrapper span.left,#Body .media_wrapper span.right,
#IM .media_wrapper span.left,#IM .media_wrapper span.right,
.vcard span.right,.vcard span.left,.mcard span.right,.mcard span.left{background-image:url('/img/themes/frog_green/sprites/media_wrapper_LR.gif')}
.focus .top,.focus .bottom{background-image:url(/img/themes/frog_green/sprites/textInputWrapper_focus_TB.gif) !important}
.focus .left,.focus .right{background-image:url(/img/themes/frog_green/sprites/textInputWrapper_focus_LR.gif) !important}
.form .fAddItem,.removalList li,.removalList li label{background-image:url(/img/themes/frog_green/sprites/form_elements.gif)}
.textInputWrapper .top_left,.textInputWrapper .top_right,.textInputWrapper .bottom_left,.textInputWrapper .bottom_right,.focus .bottom_left,.focus .bottom_right,.error .bottom_left,.error .bottom_right{background-image:url(/img/themes/frog_green/sprites/textInputWrapper_corners.gif) !important}
.im-popup .box_header {background-image: url(/img/themes/frog_green/sprites/box_headers_fullTrancparency.png);}
.miniCal .today a {background-image: url(/img/themes/frog_green/sprites/navi_borders_grad.gif) !important;}

/* Extensions (add additional rules here)
------------------------------------------------------------------------------*/

/*Stars for rating*/
.rating label span { background-image: url('/img/themes/frog_green/sprites/stars.gif'); }


/*active in sublevel 4nav*/
.subnavigation_level4 li.active { background-image: url('/img/themes/frog_green/sprites/subnavigation_level4_active.gif'); background-color: #0dbe00; }
.subnavigation_level4 li.active a { background-image: url('/img/themes/frog_green/sprites/subnavigation_level4_active.gif'); }