/**
*
* @note                                     css file for landing 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/
*/

#LandingPageCanvas                          { text-align: center; }
#LandingPageLayout                          { width: 980px; margin: 0 auto; text-align: left; }

/**
* @section                                  Headings
*/

h2.withSubHeading                           { padding: 0 10px; margin: 0; }
.subHeading                                 { padding: 0 1em; color: #757577; font-weight: bold; margin-bottom: 1em; }

#TextBox1                                   { float: left; width: 70%; font-family: "Arial", sans-serif; padding: 0 1em; }
#TextBox1 ul,
#TextBox1 ol                                { margin: 0 0 .583em 3em; padding: 0; list-style-type: decimal; }
#TextBox1 ul li                             { margin: 0; line-height: 1.5; list-style-type: disc; }
#TextBox1 ol li                             { margin: 0; line-height: 1.5; }
#TextBox1 p                                 { margin-bottom: .583em; }

#LandingPageImage                           {}

#TextBox2                                   { width: 70%; margin-bottom: .583em; font-family: "Arial", sans-serif; background: top left url(/images/landingpages/head_grey_left.png); }
#TextBox2 h3                                { height: 24px; padding: .583em 1em 0 1em; margin-bottom: 0; font-family: "Verdana", "Arial", sans-serif; color: #000000; font-size: 1em; background: top right no-repeat url(/images/landingpages/head_grey_right.png); }
#TextBox2 .padder                           { padding: .583em 1em; background: #ecece8 top repeat-x url(/images/landingpages/bg_grey.png); }
#TextBox2 ul,
#TextBox2 ol                                { margin: 0 0 .583em 3em; padding: 0; list-style-type: decimal; }
#TextBox2 ul li                             { margin: 0; line-height: 1.5; list-style-type: disc; }
#TextBox2 ol li                             { margin: 0; line-height: 1.5; }
#TextBox2 p                                 { margin-bottom: .583em; }

#Recommendation                             { padding: 0 1em; color: #bcc509; font-weight: bold; font-family: "Arial", sans-serif; }

#OfferBox                                   { float: left; width: 70%; font-family: "Arial", sans-serif; background: top left url(/images/landingpages/head_green_left.png); }
#OfferBox h3                                { height: 24px; padding: .583em 10px 0; margin-bottom: 0; font-family: "Verdana", "Arial", sans-serif; color: #000000; font-size: 1em; }
#OfferBox .padder                           { padding: .583em 1em; background: #d3d325 top repeat-x url(/images/landingpages/bg_green.png); }

#OfferBox h3#OfferHeading                   { height: auto; padding: 0; font-size: 1.6em; margin-bottom: .583em; }
#OfferPlaces                                { font-size: 1.0em; }
#OfferPrice                                 { font-size: 1.6em; font-weight: bold; }
#OfferPrice p                               { margin-bottom: .583em; }
#MoreInfos                                  { font-family: "Verdana", "Arial", sans-serif; }

#DatesBox                                   { float: left; border-left: 1px solid #ffffff; background: top right url(/images/landingpages/head_grey_left.png); }
#DatesBox h3                                { height: 24px; padding: .583em 10px 0; margin-bottom: 0; font-family: "Verdana", "Arial", sans-serif; color: #000000; font-size: 1em; background: top right no-repeat url(/images/landingpages/head_grey_right.png); }
#DatesBox .padder                           { padding: .583em 1em; background: #ecece8 top repeat-x url(/images/landingpages/bg_grey.png); }

#DatesBox td                                { font-family: "Arial", sans-serif; font-weight: bold; padding-right: 1em; padding-bottom: .583em; }
#DatesBox a                                 { text-decoration: none; }
#DatesBox a:hover                           { text-decoration: underline; }

#MoreOffers                                 { margin: 0; width: 70%; font-family: "Arial", sans-serif; }
#MoreOffers p                               { margin-bottom: .583em; }
#MoreOffers .padder                         { padding: .583em 1em; background: #e9e992 top repeat-x url(/images/landingpages/bg_green_light.png); }

#AllEvents                                  { width: 70%; text-align: right; }

#JobsOverview .job                          { padding: 1em 0 .1em 0; border-top: 1px solid #eee; }
#JobsOverview .job:hover                    { background-color: #ebeeb5; }