/* ***1*** The main structure of this css file is: NORMALIZE: sets all browsers to same appearance. Do not edit. Replaces former css reset. LAYOUT: your big layout elements defined TYPO: your special typography styles NAVIGATION: your layout and typo of main and sub navigations FEATURES: your layout and typo of modules. Delete what is not needed. NON-SEMANTIC HELPER CLASSES: do not edit. MOBILE: iphone, android, ipad appearance PRINT: appearance when printed out To understand NORMALIZE and NON-SEMANTIC HELPER CLASSES study http://html5boilerplate.com ***2*** The script prefixfree.js (http://leaverou.github.com/prefixfree) is used here. This means: There are no vendor prefixes needed here (-webkit-,-moz-,-ms-,-o-). script has to be included right after style link in head. Then it adds the prefixes according the browser used (live feature check). It does nothing with prefixes already used here. Works: IE9+, FF 3.5, Opera 10+, Firefox 3.5+, Safari 4+ and Chrome. ***3*** To use css3 for IE6-IE8 use the polyfill http://css3pie.com (files/_layout/_php/css3pie/pie.htc)and this line in .htaccess "AddType text/x-component .htc". CSS-code: behavior: url(/files/_layout/_php/css3pie/PIE.htc); ***4*** Minify this css after upload for higher speed. open /min/ to prepare the replacement of the style link for the head. It cuts out all comments and empty spaces. Combine with all other css of all other scripts. ***5*** modernizer.js adds classes after feature detection to the html tag, so you make specified css. see http://modernizr.com. The template adds .iex class to html tag with conditional comment for gracefull degradation if needed. ***6 - futher notes*** main color values for this client: - - - yellow = #ffd000 blue = #00b3cd white = #ffffff light grey = #969598 dark grey = #69686b /************************************************************/ /*** NORMALIZE **********************************************/ /************************************************************/ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; font-size: 13px; line-height: 1.231; } body, button, input, select, textarea { font-family: sans-serif; color: #222; } ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; } a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } /************************************************************/ /*** FONTS *************************************************/ /************************************************************/ @font-face { font-family: 'Signika Light'; src: url('../_fonts/Signika-Light-webfont.eot'); src: url('../_fonts/Signika-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../_fonts/Signika-Light-webfont.woff') format('woff'), url('../_fonts/Signika-Light-webfont.ttf') format('truetype'), url('../_fonts/Signika-Light-webfont.svg#Signika-Light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Signika Regular'; src: url('../_fonts/Signika-Regular-webfont.eot'); src: url('../_fonts/Signika-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../_fonts/Signika-Regular-webfont.woff') format('woff'), url('../_fonts/Signika-Regular-webfont.ttf') format('truetype'), url('../_fonts/Signika-Regular-webfont.svg#Signika-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Signika Semibold'; src: url('../_fonts/Signika-Semibold-webfont.eot'); src: url('../_fonts/Signika-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../_fonts/Signika-Semibold-webfont.woff') format('woff'), url('../_fonts/Signika-Semibold-webfont.ttf') format('truetype'), url('../_fonts/Signika-Semibold-webfont.svg#Signika-Semibold') format('svg'); font-weight: normal; font-style: normal; } /************************************************************/ /*** LAYOUT *************************************************/ /************************************************************/ html {min-height: 99.99%; margin:0 auto 0 auto; text-align:center; } body {width:99.99%; margin:4px auto 20px auto; background-color: #fff; background-position:center top; background-repeat: no-repeat; letter-spacing:0.05em; word-spacing:0.1em; line-height:1.5em;} #wrap {margin:0 auto 0 auto; width:1000px;} #header {display:block; height:330px; width:1000px; overflow:hidden; margin: 0 0 25px 0; } #main {background:url(../oval_tools.png); display:block; float:left; height:303px; margin:20px 0 0 0 /*10px*/; width:414px;} .orchester #main {background:url(../oval_orchester.png);} .konzerte #main {background:url(../oval_konzerte.png);} #printlogo {display:none;} #screenlogo {display:block; float:right; margin:33px 0 0 0; } aside {float:left; padding:0 0 0 0; overflow:hidden; text-align:left; width:auto; } #searchbox {margin:35px 0 0 0;} #articlemain {float:right; min-height:600px; overflow:hidden; margin:-7px 0 0 0; padding:0 0px 0 0; text-align:left; width:660px; } #mobilenav {display:none;} #footer {padding:10px 0 10px 330px; margin: 10px 0 0 0; text-align:left; width:670px; } #summsel {position:fixed; bottom:3px; right:3px; font-size:77%/*=10px*/; } /*** Tables ***/ table {margin: 10px 0 20px 0;} th, td {padding:5px; background:transparent; border:1px solid #aaa; } /*** pictures inside textile ***/ .txt-img img {margin:2px 10px 0 0; float:left; } /*** Forms ***/ /* see also: Basic Styles */ form {margin: 30px 0 20px 0;} legend {font-size:100% /*13px, same as h3*/; font-weight:bold; display:block; padding:0 0 20px 0;} label {display:block;width:180px;padding:0 10px 0 0;float:left;} label, input, select, textarea {margin:0 0 10px 0;} input[type=text],input[type=password] {background:#eee; background:rgba(0,0,0,0.1);} input[type=text],input[type=password], textarea, select {padding:4px;width:290px;} input:active,input:focus, textarea:focus, textarea:active {cursor:text; outline:none; background: #fff; background: rgba(255,255,255,0.2);} input[type=radio] {display: table;margin:3px 0 0 130px;} .formcheckbox {display:block;clear:both;width:100%;height:30px;} input[type=checkbox] {display: block;float:left;margin:0 15px 0 0px;} label.checkbox {margin:0;width: auto;} input[type=button] {padding:6px;} input[type=submit] {padding:6px;font-size:13px;} button {} select {} input:valid, textarea:valid {} input:invalid, textarea:invalid {} textarea {transition: height 1s ease-in-out; height:40px; background:#eee; background: rgba(0,0,0,0.1); } textarea:focus {height:250px;} input[type=search] {font-size:12px; font-family: 'Signika Light'; color:#969598;text-transform:uppercase; height:30px;width:200px;} #xform-formular-field-12 {width:50px;} /************************************************************/ /*** TYPO ***************************************************/ /************************************************************/ body {font-family: 'Signika Light', 'Sans-serif';} body>aside {color:#fff;} #articlemain {font-size:16px; line-height:;} #footer {} #summsel {font-size:77%/*=10px*/; text-transform: uppercase; color:#FADBDC; } /*** Hyperlinks ****/ a:link {-webkit-tap-highlight-color: #FF5E99;} .konzerte #articlemain a, .konzerte #articlemain a:active {color:#ffd000;text-decoration:none;} .orchester #articlemain a, .orchester #articlemain a:active {color:#00b3cd;text-decoration:none;} .tools #articlemain a, .tools #articlemain a:active {color:#69686b;text-decoration:none;} .tools #articlemain a:hover {color:#000;} #articlemain a:visited {} #articlemain a:hover {text-decoration:underline;} address a {color:#000;text-decoration:none;} address a:hover {color:#000;text-decoration:underline;} /*** Link Icons ***/ article a[href^="media/"]:hover {text-decoration:none;} article a[href^="media/"]:before {font-size:70%/*= ca. 9px*/; color:#fff; font-family:'Signika Semibold'; line-height:11px; border:1px solid #fff; background: #ec732c; padding:2px 1px 0 1px; text-transform: uppercase; margin:0 5px 0 0; } .konzerte article a[href^="media/"]:before {border:1px solid #fff; background: #ffd000;} .orchester article a[href^="media/"]:before {border:1px solid #fff; background: #00b3cd;} .tools article a[href^="media/"]:before {border:1px solid #fff; background: #69686b;} } .konzerte article a[href^="media/"]:hover:before {background: transparent; color:#ffd000; border:1px solid #ffd000; } .orchester article a[href^="media/"]:hover:before {background: transparent; color:#00b3cd; border:1px solid #00b3cd; } .tools article a[href^="media/"]:hover:before {background: transparent; color:#69686b; border:1px solid #69686b; } article a[href$="pdf"]:before {content:"\279F .pdf";} article a[href$="doc"]:before {content:"\279F .doc";} article a[href$="docx"]:before {content:"\279F .docx";} article a[href$="exe"]:before {content:"\279F .exe";} article a[href$="gif"]:before {content:"\279F .gif";} article a[href$="png"]:before {content:"\279F .png";} article a[href$="jpg"]:before {content:"\279F .jpg";} article a[href$="mov"]:before {content:"\279F .mov";} article a[href$="mp4"]:before {content:"\279F .mp4";} article a[href$="mp3"]:before {content:"\279F .mp3";} article a[href$="m4v"]:before {content:"\279F .m4v";} article a[href$="avi"]:before {content:"\279F .avi";} article a[href$="divx"]:before {content:"\279F .divx";} article a[href$="webm"]:before {content:"\279F .webm";} #shadowbox_modul a:before {content:""!important;} /*** other Links ***/ #summsel a, #summsel a:link, #summsel a:visited {color:#fff; text-transform: uppercase; font-size:77%/*=10px*/; text-decoration:none;} #summsel a:hover {color:#fff;} /*** Headlines ***/ h1,h2,h3,h4,h5,h6 {font-weight:normal;font-family:'Signika Semibold';} h1 {font-size:30px /*=26px*/; margin:0 0 0 0; padding: 0 0 0 0; text-transform: uppercase; } h2 {font-size:21px; margin:1.2em 0 20px 0; text-transform: uppercase; } h3 {font-size:100% /*13px*/; margin:0 0 0 0; /*letter-spacing:0; /*same as on p */ /*word-spacing:0.2em; /*same as on p */ } hgroup {margin:5px 0 1.4em 0;} hgroup h1 {line-height: 32px;} hgroup h2 {margin:0.3em 0 0 0;} /**** Paragraphs ***/ p {margin:0 0 1.2em 0; letter-spacing:0; } b, strong, dt {font-weight:normal;font-family: 'Signika Regular';} i, italic, cite, dfn, em, var {font-weight:normal;font-style:italic;} address {font-style: normal;font-size:12px;} /**** Blockquotes ***/ blockquote {margin:0 0 0 20px; background: #efefef; width:50%; padding: 5px 5px 0 5px; } /*** Lists ***/ ul {margin:0 0 15px 0px; list-style-type:square;} ol {margin:0 0 15px 0px; list-style-type: decimal;} /*** Code ***/ code {border:1px dashed #333; background:#acff8a; padding:5px; } /*** Description Lists ***/ dl {} dt {margin:15px 0 0 0;} dd {padding:0 0 0 5px;} /*** Line ***/ hr {border-color: white;} /************************************************************/ /*** NAVIGATION *********************************************/ /************************************************************/ /* yellow = #ffd000 blue = #00b3cd white = #ffffff light grey = #969598 dark grey = #69686b */ /*** Main Navi ***/ #main a {display:block;font-family: 'Signika Semibold', 'Sans-serif';position:relative;} #main a:hover {color: #fff;text-align:0;margin:0;padding:0;} #oval_orchester {top:80px;left:-100px;} #oval_konzerte {top:180px;left:100px;} .orchester #oval_orchester, .konzerte #oval_konzerte {color:#fff;} /*** All Navi left ***/ nav a, nav a:visited {color:#777777 /*969598*/; font-family:'Signika Light', 'Sans-serif'; font-size:20px; text-decoration:none; text-transform:uppercase; transition:padding 0.5s ease-in;} nav a:hover, nav a.rex-current {padding:0 0 0 15px;text-decoration:none;} nav a.rex-current{padding-left:0;} nav ul li {display:block;} #konzertenavititel, #orchesternavititle {color:#69686b; font-size:30px; font-family:'Signika Semibold', 'Sans-serif'; text-transform:uppercase;} .navtitle a:hover {padding:inherit;} /*** Konzerte Navi ***/ #konzerte {margin:5px 0 35px 0;text-align:left;} .konzerte #konzertenavititel, #konzerte:hover #konzertenavititel {color:#ffd000;} #konzerte a:hover, #konzerte a.rex-current {color:#ffd000;} .orchester #konzerte ul {height:0;margin-left:-1200px;opacity:0;transition:margin 0.2s linear, opacity 5s ease-out;} .orchester #konzerte:hover ul {height:auto;margin-left:0px;opacity: 1;} /*** Orchester Navi ***/ #orchester {display:block; margin:0 0 35px 0; padding:25px 0 0 0; text-align:left; } .orchester #orchesternavititle, #orchester:hover #orchesternavititle {color:#00b3cd;} #orchester a:hover, #orchester a.rex-current {color:#00b3cd;} .konzerte #orchester ul {margin-left:-1200px;height:0px;opacity:0;overflow:hidden;transition:margin 0.2s linear, opacity 5s ease-out;} .konzerte #orchester:hover ul {height:auto;margin-left:0px;opacity: 1;} /*** Tools Navi ***/ #tools {border-top:1px solid #ccc; font-size:16px; margin:20px 0 20px 0; padding:15px 0 0 0 ; } #tools a {font-size:14px;} #tools a:hover, #tools a.rex-current {color:#000;} /*.tools #konzerte ul, .tools #orchester ul {margin-left:-1200px;height:0px;opacity:0;transition:margin 0.2s linear, opacity 5s ease-out;} .tools #konzerte:hover ul, .tools #orchester:hover ul {height:auto;margin-left:0px;opacity: 1;}*/ /*** Template: Rex Navigation Factory ***/ .rex-navi1 {list-style: none; text-align:left; padding:0; margin: 8px 0 0 0;} /*.rex-navi1 li {padding:3px 1px 5px 0; margin:0 3px 3px 0; }*/ .rex-navi1 li:hover {} .rex-navi1 li a {} .rex-navi1 li a:hover {} .rex-navi1 li.rex-active, .rex-navi1 li.rex-current {} a.rex-normal {} .rex-navi1 li a.rex-current {} .rex-navi1 li a.rex-active {} /************************************************************/ /*** FEATURES ***********************************************/ /************************************************************/ /*** Community Login-Modul ***/ .loginstatus {border-top:1px dotted #ccc;padding:10px 0 0 0;margin:0 0 0 0;} .metanavi {border-bottom:1px dotted #ccc;padding:0 0 10px 0;margin:0 0 10px 0;} /*.metanavi ul {margin:0 0 0 -40px;}*/ .metanavi li {display:inline-table;margin:0 10px 0 0;} .metanavi li a {} /*** Modul Personenprofil ***/ .profil {display:block;float:left;height:auto;margin:0 25px 45px 0;overflow:hidden;width:120px;} .profilimg {} .profiltxt {margin:10px 0 -10px 0;} /*** SocialSharePrivacy ***/ #socialshareprivacy {border-top:1px solid #e0e0e0; } /* Neuigkeiten-Seite, Modul */ .news_block { border-bottom: 1px solid #e0e0e0; margin:10px 0 10px 0; padding:10px 0 10px 0; } .news_img { float:left; margin:0 10px 0 0; } .news_h2 { margin:0; padding:0; } .news_date {} .news_p {} .news_link_ext {} .news_more {} .news_source {} .news_archiv {} /* Newsbox, Auflistung, Template 31 */ #newsbox ul { list-style: none; margin:0; padding:0; text-align:left; } .news_list { display:none; margin:0; padding:0; } .news_list a {} .news_list:nth-child(1),.news_list:nth-child(2),.news_list:nth-child(3) { display:block; } /*** pretty css3 buttons ***/ /* Einbau via Markitup-Editor: "(button) Linktext":URL */ .button, .button:visited { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 10px; padding: .3em .4em .3em .4em; text-shadow: 0 1px 1px rgba(0,0,0,.3); border-radius: 0.5em; box-shadow: 0 1px 2px rgba(0,0,0,.2); behavior: url(/files/_layout/_php/css3pie/PIE.htc); color: #000!important; border: solid 1px #fff; /*background: #969598; background: linear-gradient(top, #969598, #ffffff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#969598', endColorstr='#ffffff'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientype=0,startColorstr='#969598', endColorstr='#ffffff'); */ } .button:hover { text-decoration: none!important; background: #969598; color: #fff!important; /*background: linear-gradient(top, #c9c223, #dad226); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9c223', endColorstr='#dad226'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientype=0,startColorstr='#c9c223', endColorstr='#dad226'); */} .button:active { position: relative; top: 1px; color: #ccc; /*background: linear-gradient(top, #c9c223, #dad226); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#dad226'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientype=0,startColorstr='#f47a20', endColorstr='#dad226'); */} .orchester .button, .orchester .button:visited { background: #00b3cd; background: linear-gradient(top, #00b3cd, #03dcfb); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b3cd', endColorstr='#03dcfb'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientype=0,startColorstr='#00b3cd', endColorstr='#03dcfb'); } .konzerte .button, .konzerte .button:visited { background: #ffd000; background: linear-gradient(top, #ffd000, #fdeb9d); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd000', endColorstr='#fdeb9d'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientype=0,startColorstr='#ffd000', endColorstr='#fdeb9d'); } /*** WP Audio ***/ /* yellow = #ffd000 blue = #00b3cd white = #ffffff light grey = #969598 dark grey = #69686b */ .wpa_container { display: inline-block; vertical-align: top; text-align: left; color: #69686b!important; min-width:150px } .konzerte .wpa_container { background: #ffd000; background: linear-gradient(top, #ffd000, #fdeb9d); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd000', endColorstr='#fdeb9d'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientype=0,startColorstr='#ffd000', endColorstr='#fdeb9d'); min-width:150px } .orchester .wpa_container { background: #00b3cd; background: linear-gradient(top, #00b3cd, #03dcfb); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b3cd', endColorstr='#03dcfb'); -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientype=0,startColorstr='#00b3cd', endColorstr='#03dcfb'); min-width:150px } .wpa_container { border-radius: 4px; padding:4px;} .wpa_container:hover {} .wpa_container a { text-decoration: none; margin:0 4px 0 4px; border-bottom:0; color: #69686b!important; } .wpa_container a:before {display:none;} .wpa_container a:hover { text-decoration: none!important; } .wpa_container, .wpa_container img, .wpa_container div, .wpa_container span { margin: 0; border: 0; padding: 0; } .wpa_container, .wpa_container img, .wpa_container div, .wpa_container span { font-weight: normal; letter-spacing: normal; line-height: normal; } .wpa_container img.wpa_play { width: 16px; height: 14px; margin: 1px 5px 0 5px; vertical-align: baseline; background: transparent; } .wpa_container span.wpa_text {color:#69686b;} .wpa_container span.wpa_text em {} .wpa_container div.wpa_bar, .wpa_container div.wpa_bar div { height: 5px; font-size: 1px; line-height: 1px; overflow: hidden; } .wpa_container div.wpa_bar { display: none; position: relative; margin: 4px 4px 0 30px; background: #fff; } .wpa_container div.wpa_bar div { position: absolute; top: 0px; left: 0px; } .wpa_container div.wpa_bar div.wpa_bar_load { width: 0; z-index: 10; background: #ccc; } .wpa_container div.wpa_bar div.wpa_bar_position { width: 0; z-index: 11; background: #69686b; } .wpa_container div.wpa_bar div.wpa_bar_click { width: 100%; z-index: 12; background: transparent; cursor: pointer; } .wpa_container div.wpa_sub { display: none; position: relative; margin: 0 4px 0 30px; color: #69686b; } .wpa_container div.wpa_sub, .wpa_container div.wpa_sub span.wpa_time, .wpa_container div.wpa_sub span.wpa_dl { font-size: 11px; color:#69686b; } .wpa_dl_info:before {content:'(';} .wpa_dl_info:after {content:')';} /*** Google cse ***/ #cse-search-box {background:transparent;margin:5px 0 0 0;} #q {background-color:white!important; background-image:none!important; width:118px; height:15px!important; border:#ccc 1px solid; line-height:15px!important; border-radius:4px; behavior: url(/files/_layout/_php/css3pie/PIE.htc);} .ie8 #q {background-color:#ddd!important;} .ie9 #q {behavior:none;} /*** Scroll to Top ***/ #toTop {width:100px; background:#f1f1f1; border:1px solid #ccc; border-radius: 5px; text-align:center; padding:5px; position:fixed; bottom:10px; right:10px; cursor:pointer; color:#666; text-decoration:none; } .ie6 #toTop, .ie7 #toTop, .ie8 #toTop, .ie9 #toTop {behavior: url(/files/_layout/_php/css3pie/PIE.htc);} /*** Accordion ***/ /* .kmu-accordion {display:block; margin:10px 15px 20px 0; border:1px solid #ddd; background-color:#fff; padding:5px; } .kmu-accordion header {display:block; width:100%; height:auto; padding:0; border:0px solid #ccc; border-bottom:none; cursor: pointer; margin:0; float:none; } .kmu-accordion img {width:100px; height:50px;} .kmu-accordion h3 {margin:15px 0 0 0;} .kmu-accordion span {} .kmu-accordion article {width:100%; height:auto; display: none; padding:0 0 15px 0; margin:0; float:none; } .kmu-accordion .text {width:100%; margin:10px 0 10px 0; font-style:italic;} .kmu-accordion .left {float:left;} .kmu-accordion .right {float:right;} .kmu-accordion a {} .kmu-accordion .close {} /*** Rexkalender Addon and Moduls ***/ /* .rexkal-month, .rexkal-pager, .rexkal-backlink, .rexcal_list {} .rexkal-back {display:none;} /* Übersicht*/ /* .rexcal_list dt {font-weight:bold; float:left; margin:0 20px 0 0;} .rexcal_list dd {margin:0 0 20px 0; text-align:left;} .rexkal table {margin:0 0 40px 0; background: #fff;} .rexkal tr {border-bottom:solid 5px #fbfbfb;} .rexkal td {padding:5px;} td.rexkal-eventName, td.rexkal-venueName {display:none;} th.rexkal-month {font-size:21px; padding:0 0 10px 0; background:#fbfbfb;} td.rexkal-dateStartFormatted {font-weight:bold;} p.eventName {font-weight:bold;} .rexkal-shortDesc p {margin-bottom:5px;} /* Detailansicht */ /* h3.rexkal-eventName {font-size:21px; margin-bottom:20px;} p.label {float:left; margin:0 5px 0 0; font-weight:bold;} p.rexkal-picture img {float:right; margin:-90px 0 0 10px; width:200px; height:300px;} /*** Social Recommendation Buttons ***/ /* #recommend {height:40px; padding:0; margin:5px 0 0 0; text-align:center; } #recommend a {width:16px; height:16px; margin:0 5px 0 5px; padding:1px; background-repeat: no-repeat; text-decoration:none; } #recommend a:hover {} #recommend a.fb {background: url(../_social/16x16/facebook.png) no-repeat;} #recommend a.fb:hover {background: url(../_social/16x16/facebook.png) no-repeat;} #recommend a.tw {background: url(../_social/16x16/twitter.png) no-repeat;} #recommend a.tw:hover {background: url(../_social/16x16/twitter.png) no-repeat;} #recommend a.gb {background: url(../_social/16x16/googlebuzz.png) no-repeat;} #recommend a.gb:hover {background: url(../_social/16x16/googlebuzz.png) no-repeat;} #FBlike {margin:0px 0 0 0;width:100%;} #FBlike iframe {padding:0;border:none;overflow:hidden;width:800px;height:200px;} /*** RSS-Fetcher Carp***/ /* #rssfetcher {margin:0 0 0 15px; padding:0 0 0 0;} .rssfetch_channel {display:none;} .rssfetch_channel img {display:none;} .ffde img {display:none;} .rssfetch_item {margin:0 0 15px 0; padding:0 18px 0 0; background-color:transparent;} .tw, .ffde, .yt {color:#fff;margin:20px 0 0 0;} .rssfetch_item a {} .rssfetch_item a:hover {text-decoration: underline;} /*** Guestbook ***/ /* form.a63-form fieldset {border:0;} form.a63-form legend {display:none;} form.a63-form label {display:block;float:left;width:150px;} form.a63-form input, form.a63-form textarea {background: #b5dbf0; border:0; border-bottom:1px dotted #AD9D5F; font-size:12px; width:200px;} form.a63-form input.a63-fsubmit {width:100px;} #content form.a63-form fieldset ul.error {list-style-type: none;} #content form.a63-form fieldset ul.error li {background:red; color:#fff; padding:4px; margin: 0 0 2px 0;} #content form.a63-form p.a63-info {color:red;} #content form.a63-form p.a63-info {color:red;} #content .a63-entries table td {padding:10px;} /*** Spam protected E-Mail Display ***/ /* #nospamemailtitle {} #nospamemailscript {margin-top:0;margin-bottom:27px;} /*** Shadowbox Bildergalerie ***/ #shadowbox_modul {} #shadowbox_modul a.shadowbox_modul {float:left;} #shadowbox_modul img {float:left;border:0px solid #225384;margin-right:10px;margin-bottom:10px;} #shadowbox_modul img:hover {border:0px solid #D86A0F;} /*** Rexpoll ***/ /* .rexpoll {text-align:left;margin:0 0 10px 0;padding:14px 0 14px 0;border-bottom: 2px solid rgba(0,0,0,0.2);} .rexpoll div {display:inline-table; margin:0 0 5px 0;border-bottom:1px solid rgba(0,0,0,0.1);padding:0 0 2px 0;} .rexpoll form {margin:0;} .rexpoll h3 {margin:0 0 15px 0;} .rexpoll input[type=radio] {} .rexpoll label {display:block;width:160px;float:right;clear:both;margin:0;padding:0;} .rexpoll input.submit {margin:15px 0 0 0;} */ /*** XForm ***/ label.text {display:block;float:left;} label.textarea {display:block;float:left;} label.captcha img {margin-left:60px;} p.answertext {background:#095d20; color:#fff; padding:5px; } ul.form_warning {margin: 0 0 3px 0;} ul.form_warning li {color:white; font-size:14px; list-style-type: none !important; background-color: red; border-bottom:2px solid #fff; margin-left:0px !important; padding:4px;} /*** Sitemap; Template: "Infinite Levels"*/ /* .wglLinkTree {margin:0 0 0 -15px;} .wglLinkTree * {margin:0;padding:0} .wglLinkTree ul {list-style-type:none} .wglLinkTree li {overflow:hidden; list-style-image:none;} .wglLinkTree a {display:block;width:100%;text-decoration:none;background-image: none !important;} .wglLinkTree a:hover {display:block;width:100%;text-decoration:none;background-image: none;color:#FFF105 !important;} .wglLinkTree span {} .wglLinkTree .navLevel1space {padding:0 0 0 15px} .wglLinkTree .navLevel2space {padding:0 0 0 0px} .wglLinkTree .navLevel3space {padding:0 0 0 10px} .wglLinkTree .navLevel3spaceLast {padding:0 0 0 0px} .wglLinkTree .navLevel4space {padding:0 0 0 10px} /* Sitemap Level 1-4 */ /* .wglLinkTree .navLevel1 {} .wglLinkTree .navLevel1 span {padding:0 1px 0 1px;} .wglLinkTree a.navLevel1 {padding:2px 0 4px 0;font-weight:normal;background-image: none;} .wglLinkTree a.navLevel1:hover {padding:2px 0 4px 0;font-weight:bold;background-image: none;} .wglLinkTree .navLevel1Open {} .wglLinkTree .navLevel1Open span {padding:0 1px 0 1px;} .wglLinkTree a.navLevel1Open {padding:2px 0 4px 0;font-weight:bold;background-image: none;} .wglLinkTree a.navLevel1Open:hover {padding:2px 0 4px 0;font-weight:bold;background-image: none;} .wglLinkTree .navLevel2 {} .wglLinkTree .navLevel2 span {} .wglLinkTree a.navLevel2 {padding:1px 0px 3px 22px; margin:0px; background-image: none;} .wglLinkTree a.navLevel2:hover {padding:1px 0px 3px 22px;} .wglLinkTree .navLevel2Open {padding:0px; margin:0px;background-image: none;} .wglLinkTree .navLevel2Open span {} .wglLinkTree a.navLevel2Open {padding:1px 0px 3px 22px;} .wglLinkTree a.navLevel2Open:hover {padding:1px 0px 3px 22px;} .wglLinkTree .navLevel2Last {padding:1px 0px 15px 22px; margin:0px; background-image: none;} .wglLinkTree .navLevel2OpenLast {padding:1px 0px 15px 22px; margin:0px; background-image: none;} .wglLinkTree .navLevel3 {} .wglLinkTree .navLevel3 span {} .wglLinkTree a.navLevel3 {padding:1px 0px 3px 22px; margin:0px; background-image: none;} .wglLinkTree a.navLevel3:hover {padding:1px 0px 3px 22px;} .wglLinkTree .navLevel3Open {padding:0px; margin:0px; background-image: none;} .wglLinkTree .navLevel3Open span {} .wglLinkTree a.navLevel3Open {padding:1px 0px 3px 22px;background-image: none;} .wglLinkTree a.navLevel3Open:hover {padding:1px 0px 3px 22px;background-image: none;} .wglLinkTree .navLevel3Last {padding:1px 0px 15px 22px; margin:0px; background-image: none;} .wglLinkTree .navLevel3OpenLast {padding:1px 0px 15px 22px; margin:0px; background-image: none;} .wglLinkTree .navLevel4 {} .wglLinkTree .navLevel4 span {} .wglLinkTree a.navLevel4 {padding:1px 0px 3px 22px; margin:0px; background-image: none;} .wglLinkTree a.navLevel4:hover {padding:1px 0px 3px 22px;} .wglLinkTree .navLevel4Open {padding:0px; margin:0px; background-image: none;} .wglLinkTree .navLevel4Open span {} .wglLinkTree a.navLevel4Open {padding:1px 0px 3px 22px;background-image: none;} .wglLinkTree a.navLevel4Open:hover {padding:1px 0px 3px 22px;background-image: none;} .wglLinkTree .navLevel4Last {padding:1px 0px 15px 22px; margin:0px; background-image: none;} .wglLinkTree .navLevel4OpenLast {padding:1px 0px 15px 22px; margin:0px; background-image: none;} /************************************************************/ /*** NON-SEMANTIC HELPER CLASSES ****************************/ /************************************************************/ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clear:before, .clear:after { content: ""; display: table; } .clear:after { clear: both; } .clear { zoom: 1; } /************************************************************/ /*** MOBILE DEVICES *****************************************/ /************************************************************/ /*** Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) ***/ @media screen and (max-width: 1024px) { /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */ * {float:none;} html {background:none; padding:0;} img{max-width:100%;height:auto;} #summsel, #main, #printlogo, #socialshareprivacy, aside {display:none;} html, #header, #mobilenav, body, #articlemain, .txt-img, #footer, #wrap {width:99.99%!important;height:auto;margin:0;padding:0;} body {font-size: 90%;background:none!important;background-size:0;margin:0;color: #000;padding:80px 0 0 0;} #wrap{padding:0 1%;box-sizing:border-box;} /*#indexlink4mobile {display:block;width:100%;} #logo4mobile {display:block;width:100%;margin:0 0 0 0;} */ #mobilenav {display:block;text-align:center;background: #ccc;margin:0;padding:3px 0 5px 0;position:fixed;left:0;top:0;box-shadow:0 1px 5px #000;} #mobilenav select {display:block;width:98%;margin:10px auto 10px auto;color:#000;height:35px;font-size:10px;} #select4mobile {} #header {text-align:center;margin:0 0 10px 0;} #screenlogo {float:none;padding:0;margin:0 0 0 0;} #screenlogo img {width:98%;height:auto;} #articlemain {margin:20px 0 0 0;padding:0;overflow:visible;border:0;box-shadow:none;} table {width:98%;} address {font-size:14px;} #footer {margin:0 0 20px 0;} /* Typo */ h1 {font-size:2em;line-height:1.2em;} h2 {font-size:1.4em;} h3 {font-size:1.2em;} } /*** iPad ***/ @media screen and (max-device-width: 768px) { } /************************************************************/ /*** PRINT **************************************************/ /************************************************************/ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important;filter:none !important; -ms-filter: none !important; box-shadow: none !important;-moz-box-shadow: none !important;-webkit-box-shadow: none !important; } a, a:visited { color: blue !important; text-decoration: none; } a:before {content:""!important;margin:0;} a[href^="http://"]:after { content: " (" attr(href) ")"; } a:before {content:""!important;margin:0;} abbr:after { content: " (" attr(title) ")"; } .ir a:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } body {font:12pt/120% Arial, serif;background-image: none !important;} #header, #articlemain {float:none;padding:0;margin:30px auto 0 auto;width:80%;height:auto;text-align:left;} #header {height:100px;} footer, #footer, #footerwrap, #footerwrap div {float:none;padding:0;margin:30px auto 0 auto;width:800px;text-align:left;} #printlogo {display:block;} h1 {font-size:22pt;} h2 {font-size:16pt;margin:20px 0 20px 0;} h3 {font-size:12pt;} fieldset {border:0px;} /* article #shadowbox_modul img {display:none;} article #shadowbox_modul a {display:none;} article #shadowbox_modul:after {content:" (Um Tinte zu sparen, werden Bildergalerien nicht ausgedruckt)";} */ .footerbox, nav, #main, aside, video, iframe, audio, #screenlogo, #key, #space, #socialshareprivacy, #summsel {display:none !important;} } ul#articlelister{list-style:none;} #yform-formular-termsofuse_accepted{display:none;}