/* _ _ |_| BASIC STYLE TEMPLATE |_| _ _ |_| |_| ____________________________________________________________ Developed 2014 by ·:. Informatikbüro Michael Gaida http://www.michael-gaida.com __________________________________________________________________________________________________________________________ General __________________________________________________________________________________________________________________________ */ .clear { clear: both; } .page_element_form textarea { width: 90%; border: 1px solid #A5ACB2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 3px 10px 3px 10px; font-family: sans-serif; } /* __________________________________________________________________________________________________________________________ Images __________________________________________________________________________________________________________________________ */ .ImageLeft { float: left; margin: 0 2em 1em 0; } .ImageRight { float: right; margin: 0 0 1em 2em; } .ImageBox { background-color: #FFC0C0; } .ImageSubtitle { font-size: 0.9em; color: #404040; } .ImageCredit { font-size: 0.9em; color: #404040; } /* __________________________________________________________________________________________________________________________ Button und Login __________________________________________________________________________________________________________________________ */ .Button .cmsModLoginButton { font-family: Zurich, Helvetica, Geneva, Arial, sans-serif; border: solid 1px #A5ACB2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-image: -webkit-linear-gradient(#f2f2f2 0%, #d1d1d1 100%); background-image: -moz-linear-gradient(#f2f2f2 0%, #d1d1d1 100%); background-image: -o-linear-gradient(#f2f2f2 0%, #d1d1d1 100%); background-image: linear-gradient(#f2f2f2 0%, #d1d1d1 100%); display: inline-block; font-size: 15px; padding: 6px; padding-left: 15px; padding-right: 15px; color: #000; } .Button:hover .cmsModLoginButton:hover { border: solid 1px #ffc306; background-image: -webkit-linear-gradient(#f9e3b2 0%, #ffc306 100%); background-image: -moz-linear-gradient(#f9e3b2 0%, #ffc306 100%); background-image: -o-linear-gradient(#f9e3b2 0%, #ffc306 100%); background-image: linear-gradient(#f9e3b2 0%, #ffc306 100%); color: #000000; text-shadow: 0px 0px 0px rgba(0,0,0,.6); } .Button:active .cmsModLoginButton:active { } .cmsModLoginLabel { text-align: left; padding: 0; padding-left: 5px; } .cmsLoginInput .cmsModLoginInput { text-align: left; padding: 0; padding-left: 5px; } .cmsModLoginButton { margin-top: 10px; } /* __________________________________________________________________________________________________________________________ Cookie Notice __________________________________________________________________________________________________________________________ */ #CookieNotice { background-color: white; position: absolute; width: 100%; bottom: 0; right: 0; margin-top: 1px; margin-bottom: 3px; border: solid 1px #A5ACB2; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-top: 3px; padding-left: 3px; padding-right: 3px; padding-bottom: 3px; } .CookieNotice { background-image: -webkit-linear-gradient(#FFEFB9 0%, #FFE177 100%); background-image: -moz-linear-gradient(#FFEFB9 0%, #FFE177 100%); background-image: -o-linear-gradient(#FFEFB9 0%, #FFE177 100%); background-image: linear-gradient(#FFEFB9 0%, #FFE177 100%); border: solid 0px #A5ACB2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding-top: 5px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; } /* __________________________________________________________________________________________________________________________ Downloads __________________________________________________________________________________________________________________________ */ .page_element_down { padding-top: 0.4em; padding-bottom: 0.4em; } .page_element_down_headline { padding-top: 0px; padding-bottom: 0px; } .page_element_down_list { margin: 0px; border-bottom: 1px solid #b1bac1; padding: 5px 20px 2px 0px; } .page_element_down_list_filename { font-size: 0.9em; color: #000; text-decoration: underline; } .page_element_down_list_details { font-size: 0.8em; padding-left: 30px; } a.page_element_down_tile { float: left; height: 120px; width: 120px; color: #000; text-decoration: none; background-color: #e5e9ed; background-image: -webkit-linear-gradient(#f6f8fa 0%, #e5e9ed 100%); background-image: -moz-linear-gradient(#f6f8fa 0%, #e5e9ed 100%); background-image: -o-linear-gradient(#f6f8fa 0%, #e5e9ed 100%); background-image: linear-gradient(#f6f8fa 0%, #e5e9ed 100%); display: table-cell; vertical-align: middle; align: center; margin: 0px 10px 10px 0px; border: 1px solid #b1bac1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 5px; } a.page_element_down_tile:hover { background-color: #fffad3; background-image: -webkit-linear-gradient(#fffded 0%, #fffad3 100%); background-image: -moz-linear-gradient(#fffded 0%, #fffad3 100%); background-image: -o-linear-gradient(#fffded 0%, #fffad3 100%); background-image: linear-gradient(#fffded 0%, #fffad3 100%); } .page_element_down_tile_filename { font-size: 1.2em; padding-bottom: 0.8em; } .page_element_down_tile_details { font-size: 0.8em; } /* __________________________________________________________________________________________________________________________ Events __________________________________________________________________________________________________________________________ */ .page_element_evnt608_table { border-spacing: 0px; } .page_element_evnt608_headerline { } .page_element_evnt608_header { border-style: solid; border-color: #b1bac1; border-top-width: 0px; border-bottom-width: 2px; border-left-width: 0px; border-right-width: 0px; padding-top: 3em; padding-bottom: 2px; text-transform: uppercase; font-weight: bold; } .page_element_evnt608_headerlinespace { } .page_element_evnt608_line { } .page_element_evnt608_highlight { font-weight: bold; background-color: #c5d8f5; background-image: -webkit-linear-gradient(#f6f8fa 0%, #c5d8f5 100%); background-image: -moz-linear-gradient(#f6f8fa 0%, #c5d8f5 100%); background-image: -o-linear-gradient(#f6f8fa 0%, #c5d8f5 100%); background-image: linear-gradient(#f6f8fa 0%, #c5d8f5 100%); } .page_element_evnt608_date, .page_element_evnt608_organizer, .page_element_evnt608_title, .page_element_evnt608_venue, .page_element_evnt608_symbol, .page_element_evnt608_comment, .page_element_evnt608_info { vertical-align: middle; border-style: solid; border-color: #b1bac1; border-top-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px; padding-top: 2px; padding-bottom: 2px; padding-right: 1em; } .page_element_evnt608_info { padding-right: 0em; } .page_element_evnt608_comment p { margin-top: 0em; margin-bottom: 0.2em; } .page_element_evnt634_seperator { margin-top: 0.5em; margin-bottom: 0.5em; border-top: 1px solid #c0c0c0; } .page_element_evnt634_highlight { background-color: #c5d8f5; background-image: -webkit-linear-gradient(#f6f8fa 0%, #c5d8f5 100%); background-image: -moz-linear-gradient(#f6f8fa 0%, #c5d8f5 100%); background-image: -o-linear-gradient(#f6f8fa 0%, #c5d8f5 100%); background-image: linear-gradient(#f6f8fa 0%, #c5d8f5 100%); } .page_element_evnt634_line_next { } .page_element_evnt634_date_next { padding-top: 0.8em; } .page_element_evnt634_datevenue_next { padding-bottom: 1.2em; } .page_element_evnt634_symbol_next { float: right; padding-left: 5px; } .page_element_evnt634_title_next { font-weight: bold; } .page_element_evnt634_organizer_next { padding-bottom: 0.8em; } .page_element_evnt634_line_prev { } .page_element_evnt634_date_prev { float: left; padding-right: 1em; } .page_element_evnt634_title_prev { } .page_element_evnt634_archive { padding-bottom: 2.0em; } .page_element_evnt705_table { border-spacing: 0px; } .page_element_evnt705_headerline { } .page_element_evnt705_header { border-style: solid; border-color: #b1bac1; border-top-width: 0px; border-bottom-width: 2px; border-left-width: 0px; border-right-width: 0px; padding-top: 3em; padding-bottom: 2px; text-transform: uppercase; font-weight: bold; } .page_element_evnt705_headerlinespace { } .page_element_evnt705_line { } .page_element_evnt705_highlight { background-color: #c5d8f5; background-image: -webkit-linear-gradient(#f6f8fa 0%, #c5d8f5 100%); background-image: -moz-linear-gradient(#f6f8fa 0%, #c5d8f5 100%); background-image: -o-linear-gradient(#f6f8fa 0%, #c5d8f5 100%); background-image: linear-gradient(#f6f8fa 0%, #c5d8f5 100%); } .page_element_evnt705_title { font-weight: bold; } .page_element_evnt705_date, .page_element_evnt705_event, .page_element_evnt705_symbol, .page_element_evnt705_comment { vertical-align: middle; border-style: solid; border-color: #b1bac1; border-top-width: 0px; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px; padding-top: 2px; padding-bottom: 2px; padding-right: 1em; } .page_element_evnt705_event { width: 50%; } .page_element_evnt705_info { padding-right: 0em; } .page_element_evnt705_comment p { margin-top: 0em; margin-bottom: 0.2em; } /* page_element_evnt731_year page_element_evnt731_month page_element_evnt731_monthheader page_element_evnt731_header page_element_evnt731_day page_element_evnt731_week */ .page_element_evnt731_year { font-size: 1.1em; clear: left; } .page_element_evnt731_month { float: left; text-align: center; border: 1px solid #cdcdcd; margin: 0px 8px 8px 0px; } .page_element_evnt731_table { } .page_element_evnt731_monthheader { background-color: #cdcdcd; } .page_element_evnt731_header { font-size: 0.9em; font-weight: bold; background-color: #efefef; border-bottom: 1px solid #dedede; } .page_element_evnt731_week { background-color: #efefef; padding: 2px; font-size: 0.75em; color: #666666; } .page_element_evnt731_day { width: 1.2em; background-color: #efefef; padding: 2px; } .page_element_evnt731_sunday { color: #ff0000; } .page_element_evnt731_regional { color: #ff6666; } .page_element_evnt731_eventstart { background-image: linear-gradient(-45deg, #fa9898 50%, #efefef 50%); } .page_element_evnt731_event { background-color: #fa9898; } .page_element_evnt731_eventend { background-image: linear-gradient(-45deg, #efefef 50%, #fa9898 50%); } .page_element_evnt731_eventsingle { background-image: linear-gradient(-45deg, #efefef 45%, #fa9898 45%, #fa9898 55%, #efefef 55%); } /* __________________________________________________________________________________________________________________________ Formular __________________________________________________________________________________________________________________________ */ input, select { margin-top: 1px; margin-bottom: 3px; border: solid 1px #A5ACB2; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding-top: 2px; padding-left: 10px; padding-right: 10px; padding-bottom: 2px; } .page_element_form td { padding-top: 2px; } .FormElementDetails { padding-bottom: 3em; } .FormElementNumber { padding-top: 0.0em; font-size: 1em; } .FormElementName { font-weight: bold; padding-bottom: 1em; } .FormElementLabel .cmsFormfeldLabel { border-bottom: #ddd 1px solid; padding-top: 0.2em; font-size: 1em; font-weight: normal; } .FormElementDetail { border-bottom: #ddd 1px solid; padding-top: 0.2em; font-size: 1em; font-weight: normal; } .FormElementContent { padding: 0.2em 0 3em 3em; } .FormFieldError { background-color: #FFC0C0; border-style: solid; border-width: 1px; border-color: #800000; } .FormFieldErrorLabel { border-right-style: solid; padding-right: 15px; border-right-width: 4px; border-right-color: #800000; color: #800000; } .page_element_pager { margin: 0 0 1.5em 0; border-top: 1px dotted #0c0c0c; border-bottom: 1px dotted #0c0c0c; padding: 3px 0 3px 0; text-align: right; } .page_element_pager a { color: #000; text-decoration: none; padding-right: 10px; } /* __________________________________________________________________________________________________________________________ Galleries __________________________________________________________________________________________________________________________ */ .page_element_gall_lightbox { float: left; height: 90px; width: 90px; display: table-cell; background-color: #EEE; vertical-align: middle; align: center; margin: 3px; border: 1px #AAA solid; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding: 1px; } .page_element_gall_profile { float: left; width: 45%; margin: 0 1em 1em 0; padding: 0.5em; } .page_element_gall_profile_image { float: left; } .page_element_gall_profile_caption { float: left; padding-left: 20px; width: 45%; } .page_element_gall_tile { float: left; margin: 0 1em 1em 0; padding: 0.5em; } .page_element_gall_headline { } .page_element_gall_caption /* Bildleiste */ { } .page_element_gall_diashow_caption /* Diashow */ { /* position: relative; top: -1.5em; padding: 0px 10px 5px 10px; color: white; */ } /* __________________________________________________________________________________________________________________________ Headlines __________________________________________________________________________________________________________________________ */ .Headline { margin-bottom: 1.5em; } /* __________________________________________________________________________________________________________________________ HTML __________________________________________________________________________________________________________________________ */ .page_element_html { color: black; } /* __________________________________________________________________________________________________________________________ Links __________________________________________________________________________________________________________________________ */ .page_element_link a { } .page_element_link ul li { list-style: none; } /* __________________________________________________________________________________________________________________________ Messages __________________________________________________________________________________________________________________________ */ .MsgError { color: #000000; background-color: #FFC0C0; border-style: solid; border-width: 1px; border-color: #800000; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; margin-bottom: 32px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .MsgInfo { color: #000000; background-color: #D0DFF4; border-style: solid; border-width: 1px; border-color: #7EA5DC; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; margin-bottom: 32px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #MsgOK { color: #000000; background-color: #CBEFCB; border-style: solid; border-width: 1px; border-color: #329832; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; margin-bottom: 32px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .MsgQuestion { color: #000000; background-color: #FFFFC0; border-style: solid; border-width: 1px; border-color: #FFD409; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; margin-bottom: 32px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .MsgWarning { color: #000000; background-color: #FFFFC0; border-style: solid; border-width: 1px; border-color: #FFD409; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; margin-bottom: 32px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* __________________________________________________________________________________________________________________________ News __________________________________________________________________________________________________________________________ */ #page_element_news754_slider { width: 800px; height: 400px; overflow: hidden; margin: 0; border-radius: 0px; } #page_element_news754_slider .page_element_news754_slides { display: block; margin: 0; padding: 0; width: 20000px; height: 100%; } #page_element_news754_slider .page_element_news_754_slide { float: left; width: 800px; height: 400px; list-style: none; } #page_element_news754_slider .page_element_news_754_slide img { width: 100%; height: 100%; } #page_element_news754_slider .page_element_news_754_slide .page_element_news_754_info { width: 100%; height: 80px; position: relative; bottom: 120px; margin: 0; padding: 8px 0px; background: #eee; opacity: 0.6; text-align: left; } #page_element_news754_slider .page_element_news_754_slide .page_element_news_754_info a { text-decoration: none; font-family: sans-serif; } #page_element_news754_slider .page_element_news_754_slide .page_element_news_754_info a .page_element_news_754_headlinelink { color: #000; } #page_element_news754_slider .page_element_news_754_slide .page_element_news_754_info a:hover { } #page_element_news754_slider .page_element_news_754_slide .page_element_news_754_info .page_element_news_754_headline { font-size: 18px; line-height: 20px; margin: 0px 15px 8px 15px; } #page_element_news754_slider .page_element_news_754_slide .page_element_news_754_info p { text-align: left; font-family: sans-serif; padding: 0px; margin: 0px 15px 0px 15px; } #page_element_news754_slider .page_element_news_754_slide .page_element_news_754_info .page_element_news_754_readmore { font-size: 16px; } #page_element_news754_slider .page_element_news_754_indicator .page_element_news_754_indicator_previous { width: 30px; height: 30px; background: url("Modules/Images/NewsNav754.png") no-repeat scroll 0px 0px; opacity: 1; cursor: pointer; } #page_element_news754_slider .page_element_news_754_indicator .page_element_news_754_indicator_next { width: 30px; height: 30px; background: url("Modules/Images/NewsNav754.png") no-repeat scroll -26px 0px; opacity: 1; cursor: pointer; } #page_element_news754_slider .page_element_news_754_indicator { margin: -20px 10px 0px; height: 30px; width: 97%; top: 50%; position: relative; } .page_element_news_754_indicator .page_element_news_754_indicator_previous { left: 0px; float: left; display: block; } .page_element_news_754_indicator .page_element_news_754_indicator_next { right: 0px; float: right; display: block; } /* __________________________________________________________________________________________________________________________ Newsletter __________________________________________________________________________________________________________________________ */ #Newsletter { max-width: 610px; } .NewsletterLink { font-size: 0.8em; text-align: center; margin-bottom: 0.8em; } .NewsletterLink a { color: #a9a9a9; } .NewsletterFooter { font-size: 0.8em; line-height: 1.3em; } .NewsletterFooterSection { float: left; width: 48%; } .NewsletterFooterHeadline { margin-top: 1.3em; margin-bottom: 1.0em; font-size: 1.4em; font-weight: lighter; } .NewsletterFooterContent { } .NewsletterLayoutImage img { max-width: 100%; height: auto; } /* __________________________________________________________________________________________________________________________ Text __________________________________________________________________________________________________________________________ */ .page_element_text { }