/** * * @note css file for static pages * * @appdef semigator * @app-myapp-theme * @app-myapp-used True * @media screen * @valid true * * @author Alp Uçkan * @version 1.0 * @link http://www.semigator.de/ * */ /** * @section Prinzipien */ #StaticPrinciple .bgContainer { width: 100%; height: 135px; margin: 0 0 1em; } #StaticPrinciple .dataTable th span { padding-right: 2em; display: -moz-inline-stack; /* for Firefox2 */ display: inline-block; line-height: 1.5; } /** * @section Testemonials */ #Testemonials .thumb100 li { width: 48%; height: 150px; margin: 1em 2% 1em 0; float: left; } #Testemonials2 .thumb100 li { width: 48%; margin: 1em 2% 1em 0; float: left; } /** * @section Über Uns mehr */ #AboutUsMore .image { float: left; } #AboutUsMore .text { margin: 0 0 0 130px; } /** * @section Liste der Städte / Regionen */ #RegionsList ul.regionslist { margin: 0; padding: 0; } #RegionsList ul.regionslist li { float: left; width: 31%; margin-bottom: .6em; margin-left: 1em; } #RegionsList ul.regionslist a { line-height: 1.2em; } /** * @section SemigatorFAQ */ .faq h4 a, .faq h4 a:link, .faq h4 a:visited, .faq h4 a:hover { display: block; text-decoration: underline; } .faq h4 a:hover, .faq h4 a:active { display: block; text-decoration: none; } .faq .faqContent { margin: 0 0 2em; } /** * @section emolearn Aktion */ #EmoLearnAktion .emolearncounter { text-align: center; margin: 20px 0 30px 0; } #EmoLearnAktion .emolearncounternumber { width: 67px; height: 81px; font-size: 18pt; font-weight: bold; display: -moz-inline-stack; /* for Firefox2 */ display: inline-block; text-align:center; margin: 0 2px 0 0; } #EmoLearnAktion .emolearncounternumber div { font-size: 50px; margin: 14px 0 0 0; } #EmoLearnAktion .emolearncountertext { line-height: 18pt; display:inline-block; margin: 0 30px 0 0; font-weight:bold; } #EmoLearnAktion .gutscheincode { width: 150px; height: 50px; line-height: 50px; text-align: center; } #EmoLearnAktion .errormessage { font-weight: bold; } #EmoLearnAktion .image { float:left; margin: 20px 0 0 0; } #EmoLearnAktion .text { margin: 20px 0 0 230px; } #EmoLearnAktion .promocode { padding: 2px; } #EmoLearnAktion .zugang { margin: 20px 0 20px 0; font-size: 11pt; } #EmoLearnAktion .zugangtext { float: left; padding: 7px 0 7px 0; } #EmoLearnAktion .zugangsdaten { float: left; margin: 0 20px 0 10px; padding: 7px 15px 7px 15px; font-weight: bold; } /** * @section Landingpages */ #Landingpage ul.offerlist { margin: 15px 0 30px 0; } #Landingpage ul.offerlist li { padding: 10px; margin: 0; } #Landingpage ul.offerlist li.head { font-weight: bold; } #Landingpage ul.offerlist li a { display: block; } #Landingpage ul.offerlist li span { float: right; } #Landingpage ul.shortinfo li { margin: 0 0 20px 0; } #Landingpage ul.shortinfo li h3 { text-decoration: none; } #Landingpage ul.shortinfo li h3 a { display: block; padding: 5px; text-decoration: none; } #Landingpage .space { margin: 20px 0 20px 0; } #Landingpage ul.thumbnails { margin-bottom: 2em; } #Landingpage ul.thumbnails li { padding-left: 60px; margin-bottom: 1em; } #Landingpage br { margin-bottom: .583em; } /** * @section Bildungscard * /bildungscard */ #Bildungscard_Special { text-align: center; margin-bottom: 2em; } #Bildungscard_Special #Box { width: 336px; height: 156px; margin: 0 auto; padding: 20px 170px 20px 20px; background: url(/images/bildungscard/jubilaeumsspecial_bg.jpg); border: 2px solid #f60; } #Bildungscard_Special #Box h3 { color: #f60; font-size: 1.6em; } #Bildungscard_Special #Box p { font-weight: bold; font-family: "Arial", sans-serif; font-size: 1.1em; margin-bottom: 0; } #Bildungscard_Special sup { color: #fff; font-weight: bold; font-size: 1em; } /** * @section Testemonial Detail *** DEPRECATED? *** */ #TestimonialDetail .padder { width: 70%; margin: 0 auto; } #TestimonialDetail .image { width: 100px; float: left; margin: 0 1em 1em 0; } #TestimonialDetail .text { margin: 0 0 0 116px; } /** * * @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; }