/**                                                 
*                                                   
* @note                                             css file for trainer pages
*                                                   
* @appdef                                           semigator
* @app-myapp-theme                                  
* @app-myapp-used                                   True
* @media                                            screen
* @valid                                            true
*                                                   
* @author                                           Maak Fischer
* @version                                          1.0
* @link                                             http://www.semigator.de/
*                                                   
*/                                                  

/**                                                 
* @section                                          TrainerToggle
*/                                                  

.trainerDetail #TrainerProfile.area                 { padding-bottom: 0; }
.trainerDetail #TrainerProfile.area .areaHeader     { margin-bottom: 0; text-transform: uppercase; font-size: 1.167em; }
.trainerDetail #TrainerProfile.area .areaHeader img { margin-left: 1em; vertical-align: middle; margin-top: -.7em; margin-bottom: -.583em; }
.trainerDetail #TrainerProfile.area .areaHeader.twoColContainer { width: auto; }
.trainerDetail #TrainerProfile.area .areaHeader .col1 { width: auto; }
.trainerDetail #TrainerProfile.area .areaHeader .col2 { width: auto; text-align: right; }

.trainerDetail #TrainerProfile.area .areaHeader span { text-transform: none; }

.trainerDetail #TrainerProfile.area .padder         { padding: 1em 0.583em; }
.trainerDetail #TrainerProfile.area .padder .thumb140 li { margin-bottom: 0; }

.trainerDetail #TrainerProfile.area .threeColContainer .col1 { width: 20%; }
.trainerDetail #TrainerProfile.area .threeColContainer .col2 { padding-left: 1em; width: 46%; }
.trainerDetail #TrainerProfile.area .threeColContainer .col3 { padding-left: 1em; width: 26%; }

.trainerDetail #TrainerProfile.area .threeColContainer ul { list-style: disc outside; margin-bottom: 1em; }
.trainerDetail #TrainerProfile.area .threeColContainer li { line-height: 1.5em; margin-left: 15px; margin-bottom: 0; }

.trainerDetail #TrainerProfile.area .threeColContainer .cols2and3 p { margin-bottom: 0; }

.trainerDetail #TrainerDetails.area                 { padding-bottom: 0; }
.trainerDetail #TrainerDetails.area .areaHeader     { margin-bottom: 0; text-transform: uppercase; font-size: 1.167em; }
.trainerDetail #TrainerDetails.area .padder         { padding: 1em 0.583em; }
.trainerDetail #TrainerDetails.area .padder ul      { list-style: disc outside; margin-bottom: 1.333em; }
.trainerDetail #TrainerDetails.area .padder ul li   { margin-left: 20px; margin-bottom: .2em; line-height: 1.2em; }

/*                                                  trainer functions sidebar */

.trainerDetail #Functions                           { font-family: arial; font-size: .9165em; margin-bottom: 1em; }
.trainerDetail #Functions .printContainer           { width: 47%; float: left; }
.trainerDetail #Functions .recommendContainer       { width: 48%; float: right; text-align: right; margin-right: 0.833em; }

.trainerDetail #TrainerNumber p                     { margin: 2em 0 1em 0; font-weight: bold; text-align: right; }

.trainerDetail .tabs ul,
.trainerDetail #TrainerShortDescription ul,
.trainerDetail #TrainerDescription ul               { list-style-type: disc; list-style-position: inside; }
.trainerDetail .tabs ul li,
.trainerDetail #TrainerShortDescription ul li,
.trainerDetail #TrainerDescription ul li            { line-height: 1.5; margin-bottom: .583em; }

/**                                                 
* @section                                          tabs for "more" trainer infos
*/                                                  

ul.ratingSmall                                      { width: auto; }
ul.nobullets li,
ul.ratingSmall li                                   { list-style-type: none; margin: 0; padding: 0; list-style-position: outside; }

.trainerDetail p a.simpleText:hover                 { text-decoration:none !important; }
.trainerDetail p.numratings                         { margin-left: 1em; font-size: .9165em; font-weight: bold; }

div.ratingSmall                                     { float: left; height: 16px; }
div.ratingSmall .filled                             { position: relative; left: 0; top:-16px; overflow: hidden; }

p.ratingSummaryBig                                  { float: left; padding-right: 1em; }
p.ratingSummary                                     { margin: 0; padding: 0; }

.trainerDetail #TrainerProfile .details ul.content  { margin-left: 0; list-style-position: outside; }

#TrainerEvents h2                                   { margin-top: 1em; }

/**                                                 
* @section                                              specials - best-of-trainer landing page
*/                                                  

.trainerbestof #TrainerBestOf #Thumbnails               { width: 688px; margin-bottom: 2em;}

.trainerbestof #TrainerBestOf ul#Thumbs                 { list-style-type: none; padding: 0; margin: 0; }
.trainerbestof #TrainerBestOf ul#Thumbs li.thumb        { float:left; position: relative; width: 84px; height: 84px; padding: 0px; }
.trainerbestof #TrainerBestOf li div.profileContainer   { display: none; position:relative; padding: 10px; margin-top: -172px; margin-left: -32px; width: 400px; }
.trainerbestof #TrainerBestOf li div img                { padding-left: 22px; padding-top: 22px; }
.trainerbestof #TrainerBestOf td                        { padding: 0; }
.trainerbestof #TrainerBestOf ul.activities             { list-style-type: disc; font-weight: bold; margin-left: 10px; }
.trainerbestof #TrainerBestOf ul.activities             { list-style-type: disc; font-weight: bold; margin-left: 10px; }
.trainerbestof #TrainerBestOf h3                        { padding-bottom: 4px; }
.trainerbestof #TrainerBestOf table                     { margin-bottom: 2em; }
.trainerbestof #TrainerBestOf td                        { padding: 0 .5em; }
.trainerbestof #TrainerBestOf .profileImage             { float: left; height: 100%; }
.trainerbestof #TrainerBestOf .profileText              { padding-left: 140px; }
.trainerbestof img.bigLogo                              { float:right; padding-left: 10px; padding-bottom: 10px; }

#Sidebar1 #BestOfLogoBig img                            { padding-top: 2.5em; }
#Sidebar1 #Button                                       { margin-top: 2em; margin-bottom: 2em; }
#Sidebar1 .padder                                       { overflow: hidden; }

#GroupList .twoColContainer                             { height: auto; width: 100%; margin-bottom: 0; }

#GroupShow h3.inline_heading                            { float: left; padding-right: 1em; font-size: 1.083em; }
#GroupShow .twoColContainer                             { height: auto; width: 100%; margin-bottom: 0; }

/**                                                 
* @section                                              trainer info page
*/                                                  

#MainLayout.trainerInfoHeader                           { min-height: inherit; }

.trainerInfo                                            { line-height: 1.2em; }

.trainerInfo #OurStrengths ul#Strengths li              { padding-left: 19px; margin-bottom: .583em; }
.trainerInfo #OurStrengths ul#Strengths li br           { margin-bottom: .583em; }

.trainerInfo #TrainerPackages h3                        { margin-top: 1em; }
.trainerInfo #TrainerPackages ul#Packages li            { background: top left no-repeat; padding-left: 40px; min-height: 40px; margin-bottom: .583em; }
.trainerInfo #TrainerPackages ul#Packages li br         { margin-bottom: .583em; }

.trainerInfo #TrainerPackages #OfferBoxes               { margin-bottom: 2em; border-collapse: collapse; }
.trainerInfo #TrainerPackages #OfferBoxes tr            { margin: 0; padding: 0; }
.trainerInfo #TrainerPackages #OfferBoxes td            { margin: 0; padding: 0; vertical-align: top; }

.trainerInfo #TrainerPackages #BasicBox,
.trainerInfo #TrainerPackages #PremiumBox,
.trainerInfo #TrainerPackages #PlatinBox                { padding: .583em; }
.trainerInfo #TrainerPackages #BasicBox,
.trainerInfo #TrainerPackages #PremiumBox               { border-right: none; }

.trainerInfo #TrainerPackages #BasicBox p,
.trainerInfo #TrainerPackages #PremiumBox p,
.trainerInfo #TrainerPackages #PlatinBox p              { padding-left: 40px; padding-top: 8px; min-height: 40px; margin-bottom: 0.2em; }

.trainerInfo #TrainerPackages #BasicBox p br,
.trainerInfo #TrainerPackages #PremiumBox p br,
.trainerInfo #TrainerPackages #PlatinBox p br           { margin-bottom: .583em; }


.trainerInfo #Boxes                                     { margin-left: 1em; width: 30%; float: right; }

.trainerInfo #Boxes #Why .area                          { padding-bottom: 0; }
.trainerInfo #Boxes #Why .padder                        { padding: .583em; }
.trainerInfo #Boxes #Why h3                             { margin-bottom: 0; }
.trainerInfo #Boxes #Why ul.reasons li                  { padding-left: 19px; margin-bottom: .583em; }

/**                                                 
* @section                                          *** DEPRECATED? ***
*/                                                  

.trainersearch #Special                             { padding: 4px; text-align: center; margin-bottom: 1em; }
.trainersearch #Special #Content                    { width: 430px; margin: 0 auto; height: 130px; }
.trainersearch #Special #Logo                       { float: left; }
.trainersearch #Special #Text                       { width: 300px; float: left; padding-left: 20px; padding-top: 20px; text-align: left; font-weight: bold; line-height: 1.5em; }
.trainersearch #Special #Text h2                    { font-size: 2.5em; margin-bottom: 0; }

/**                                                 
* @section                                          tabs for "more" trainer infos ***DEPRECATED? ***
*/                                                  

.tabs                                               { padding: 0 5px 1em 0; margin: 0; }
.tabsHeader                                         { font-size: .9165em; padding: 0; }
.tabsHeader h4                                      { float: left; margin: 0; padding: .583em; }
.tabsHeader h4 a:hover                              { text-decoration: underline; }
.tabs .content                                      { padding: .583em; }
.tabsFooter                                         { display: block; width: 99.4%; margin: 0 0 1em; height: 4px; }



#BreadCrumb.trainer ul li:after                     { content: ""; }
.image_informations  p                              {color:red}
#CompetenceProfile.area .padder #profil_specialization {padding: .583em; margin-bottom: 20px; border: 1px solid  #a7d184}


/*#TrainerCard                           { }*/
/*#TrainerCard .card                     { width: 350px; padding: 10px; border: 1px solid #bcc509; background-color: #f8f8f8; margin-bottom: 2em; }*/
/*#TrainerCard .card ul                  { list-style-position: inside; font-weight: bold; }*/
/*#TrainerCard .card img                 { float: left; margin-right: 10px; }*/
/*#TrainerCard p                         { margin-top: 1em; }*/

#TrainerCard                            { }
#TrainerCard .card                      { width: 300px; padding: 10px; border: 1px solid #bcc509; background-color: #fff; margin-bottom: 2em; }
#TrainerCard .card ul                   { font-weight: bold; margin-left: 20px; }
#TrainerCard .card img                  { float: left; margin-right: 10px; padding: 2px 0; }
#TrainerCard p.topactivity              { margin-top: 0; margin-bottom: 2px; border-bottom: 1px solid #000; }
#TrainerCard .underimage                { border-top: 1px solid #000; }
#TrainerCard p.link                     { border-top: 1px solid #000; font-weight: bold; text-transform: lowercase; }

