/* //////////////////////////////////////////////////////////////// // // Allgemeine Styles // // Weblication GRID CMS Strukturdesign Version 5.0.9.1 // erstellt durch Scholl Communications AG, 77694 Kehl, www.scholl.de // erstellt mit Weblication Content Management Server, www.weblication.de // //////////////////////////////////////////////////////////////// */ /* Stylesheet für Standard-Gui-Element */ @import url(wgl.css); /* Stylesheet für Navigationen */ @import url(nav.css); /* Formatierung von HTML-Elementen */ * {margin:0;padding:0} html {overflow-y:scroll;overflow-x:auto} #body {background-color:#FFFFFF} #bodyPopup {background-color:#FFFFFF} body {font-family:Helvetiva,Verdana,Sans-serif, Helvetica;font-size:12px;color:#000;font-weight:normal;line-height:16px} div {} span {} /* Überschriften */ h1 {font-size:18px;font-weight:bold;line-height:22px;color:#2A3865;margin:0 0 14px 0} h2 {font-size:15px;font-weight:bold;line-height:19px;color:#2A3865;margin:0 0 14px 0} h3 {font-size:12px;font-weight:bold;line-height:16px;color:#2A3865;margin:0 0 14px 0} h4 {font-size:11px;font-weight:bold;line-height:13px;color:#2A3865;;margin:0 0 14px 0} h5 {font-size:11px;font-weight:bold;line-height:13px;color:#2A3865;margin:0 0 14px 0} h6 {font-size:11px;font-weight:bold;line-height:13px;color:#2A3865;margin:0 0 14px 0} /* Textblöcke */ p {margin:0 0 14px 0} /* Listen */ ul {margin:0 0 14px 16px;padding:0 0 0 9px;list-style-image:url(/tria/wGlobal/layout/images/decoration/bullet_list.gif)} ol {margin:0 0 14px 28px;list-style-type:decimal} /* Definitionslisten */ dl {} dt {} dd {margin:0 0 14px 0;padding:0 0 0 16px;color:#a0a0a0} /* Horizontale Linien */ hr {background-color:#AEA794;color:#AEA794;height:1px;border-style:none} /* Formularelemente */ form {} input {font:inherit;border:1px solid #666666;border-color:#666666 #B6B6B6 #B6B6B6 #666666;font-size:11px;padding:1px 2px 1px 2px} select {font:inherit;border:1px solid #666666;border-color:#666666 #B6B6B6 #B6B6B6 #666666;font-size:11px;padding:1px 2px 1px 2px} textarea {font:inherit;border:1px solid #666666;border-color:#666666 #B6B6B6 #B6B6B6 #666666;font-size:11px;padding:1px 2px 1px 2px} button {cursor:pointer;background-color:#B6B6B6;border:none;font-size:11px;line-height:18px;height:18px;color:#ffffff} button:hover {cursor:pointer;background-color:#98BFD7;border:none;font-size:11px;line-height:18px;height:18px;color:#ffffff} /* Links */ a {text-decoration:none;color:#2A3865;} a:hover {text-decoration:underline;color:#32A0E0} a.intern {padding:0 0 0 14px;background:url(/tria/wGlobal/layout/images/links/intern.gif) center left no-repeat} a.extern {padding:0 0 0 14px;background:url(/tria/wGlobal/layout/images/links/extern.gif) center left no-repeat} a.download {padding:0 0 0 14px;background:url(/tria/wGlobal/layout/images/links/download.gif) center left no-repeat} a.audio {padding:0 0 0 14px;background:url(/tria/wGlobal/layout/images/links/audio.gif) center left no-repeat} a.video {padding:0 0 0 14px;background:url(/tria/wGlobal/layout/images/links/video.gif) center left no-repeat} /* Bilder */ li img {border:1px solid #FFF;} a img {border:1px solid #FFF;} img.picture {margin:4px 4px 4px 4px} img.pictureLeft {float:left;margin:4px 4px 4px 0} img.pictureRight {float:right;margin:4px 0 4px 4px} /* Tabellen */ table {font:inherit;color:inherit;border:none} tr, thead, tbody {} th, td {vertical-align:top} table.light {border:none;margin-bottom:12px;} table.light th {border:none;text-align:left;background-color:#f0f0f0} table.light td {border:none;padding:2px} table.default {border-style:solid none none solid;border-width:1px;border-color:#a0a0a0;margin-bottom:12px;} table.default th {border-style:none solid solid none;border-width:1px;border-color:#a0a0a0;padding:2px;text-align:left;background-color:#f0f0f0} table.default td {border-style:none solid solid none;border-width:1px;border-color:#a0a0a0;padding:2px} table.full {border-style:solid none none solid;border-width:1px;border-color:#a0a0a0;margin-bottom:12px;} table.full th {border-style:none solid solid none;border-width:1px;border-color:#a0a0a0;padding:2px;text-align:left;background-color:#f0f0f0} table.full td {border-style:none solid solid none;border-width:1px;border-color:#a0a0a0;padding:2px} td.bgColor1, th.bgColor1 {background-color:#f0f0f0} /* Grundgerüst */ #blockPre {} #blockPreInner {} #blockMain {width:1010px;background-color:#FFFFFF;margin:0 auto} #blockMainInner {padding:10px 10px 10px 10px} #blockMainPopup {} #blockMainInnerPopup {padding:10px 10px 10px 10px} #blockContent {float:left;width:590px;padding:0 0 15px 0} #blockContentInner {padding:0px 16px 16px 16px} #blockTop {margin:0 0 0px 0} #blockTopInner {overflow:hidden;} #blockRight {float:right;width:200px;vertical-align:top} #blockRightInner {padding:0 0 0 0} #blockBottom {padding:10px 0 0 0;} #blockBottomInner {color:#FFF;text-align:right;padding:0 8px 0 0;font-size:10px;line-height:40px;height:41px;background:#2A3865 url(/tria/wGlobal/layout/images/backgrounds/bottom.gif) bottom left no-repeat;} #blockLeft {float:left;width:200px;} #blockLeftInner {} #blockLeftContentRight {overflow:hidden;margin:0 0 0 0;background-repeat:repeat-y} #blockPost {} #blockPostInner {} /* Globale Elemente */ #login {margin:5px} #login input {margin-bottom:5px;color:#FFF;background-color:#2A3865;} #logout {margin:5px} #globalFunctions {height:18px;margin:0 0 8px 0;text-align:right} #globalFunctions a {line-height:18px;padding:0 4px 0 4px;color:#939393} #globalFunctions a:hover {} #languages {height:30px; position:absolute; color:#808080} #languages a {height:18px;display:block;font-size:11px;float:left;line-height:18px;color:#808080;text-transform:uppercase; border:1px solid #DBE9F2; padding: 0 6px; margin-right:2px;} #languages span {height:18px;display:block;font-size:11px;float:left;line-height:18px;color:#808080;text-transform:lowercase; border:1px solid #DBE9F2; padding: 0 6px; margin-right:2px;} #languages a:hover {line-height:18px;display:block;font-size:11px;float:left;color:#808080;text-decoration:none; margin-right:2px;} #languages .selected {line-height:18px;display:block;font-size:11px;float:left;color:#808080;text-decoration:none; text-transform:uppercase; background-color:#DBE9F2;} #languages .selected:hover {line-height:18px;display:block;font-size:11px;float:left;color:#808080;text-decoration:none; text-transform:uppercase; background-color:#DBE9F2;} #languages .last {display:inline;} #logo {float:left;background-color:#ffffff} #banner {float:right;margin:0 0 0 10px} #search {float:right;margin:0 0 0 0} .searchLabel {float:left;line-height:20px;margin:0 8px 0 0} .searchInput {float:left;width:120px;margin:0 8px 0 0} .searchButton {float:left} .clearBoth {height:0px;line-height:0px;font-size:0px;clear:both;padding:0px;margin:0;overflow:hidden;} /* Pflegeschaltflächen */ #beButtonLayoutwizard {position:absolute;margin:8px 0 0 8px} #beButtons {float:right;margin:-23px 0 0 3px} #beButtonAdmin {} #beButtonPage {float:left;margin:0} #beButtonContent {float:left} #beButtonEditTop {} #beButtonEditRight {position:absolute;margin:1px 0 0 5px} #beButtonEditBottom {position:absolute;margin:1px 0 0 5px} #beButtonEditLeft {position:absolute;margin:5px 0 0 5px} #beButtonEditNavigation {position:absolute;margin:0 0 0 5px} /* Allgemeine Elemente */ .elementStandard {margin:0 0 10px 0} .elementHeadline {margin:0 0 10px 0} .elementText {margin:0 0 10px 0} .elementText .fragmentInfo {background-position:4px 4px;background-repeat:no-repeat;background-image:url(/tria/wGlobal/layout/images/icons/info.gif);padding:8px 8px 8px 64px;border:solid 1px #c0c0c0;background-color:#ffffff} .elementText .fragmentWarning {background-position:4px 4px;background-repeat:no-repeat;background-image:url(/tria/wGlobal/layout/images/icons/warning.gif);padding:8px 8px 8px 64px;border:solid 1px #c0c0c0;background-color:#ffffff} .elementText .fragmentTip {background-position:4px 4px;background-repeat:no-repeat;background-image:url(/tria/wGlobal/layout/images/icons/info.gif);padding:8px 8px 8px 64px;border:solid 1px #c0c0c0;background-color:#ffffff} .elementPicture {margin:0 0 10px 0} .elementPicture .title {line-height:20px;font-size:10px} .elementLink {margin:0 0 10px 0} .elementVideo {margin:0 0 10px 0} .elementAudio {margin:0 0 10px 0} .elementPortlet {margin:0 0 10px 0} .elementScript {margin:0 0 10px 0} .elementSource {margin:0 0 10px 0;padding:4px;background-color:#FFFFCC;overflow:auto;white-space:nowrap} .elementSource h4 {margin:0 0 4px 0;background-color:#ffffcc;padding:4px 4px 4px 0;border-bottom:solid 1px #cccccc} .elementPlain {margin:0 0 10px 0;overflow:auto;padding:4px;background-color:#f0f0f0;border:solid 1px #a0a0a0} .elementDelimiter {margin:0 0 10px 0} .elementContainer {margin:0 0 18px 0} .elementContainerBox {margin:0 0 18px 0} .elementContainer1 {margin:0 0 0 0} .elementContainer1 .col1 {} .elementContainer2 {margin:0 0 0 0} .elementContainer2 .col1 {float:left;width:254px;margin:0 16px 0 0} .elementContainer2 .col2 {float:left;width:254px} .elementContainer3 {margin:0 0 0 0} .elementContainer3 .col1 {float:left;width:164px;margin:0 16px 0 0} .elementContainer3 .col2 {float:left;width:164px;margin:0 16px 0 0} .elementContainer3 .col3 {float:left;width:164px} .elementContainerBox1 {margin:0 0 16px 0;padding:8px;background-color:#DBE9F2;border:1px none #e0e0e0} .elementContainerBox1 .col1 {} .elementContainerBox2 {margin:0 0 16px 0;padding:8px;background-color:#DBE9F2;border:1px none #e0e0e0} .elementContainerBox2 .col1 {float:left;width:49%;margin:0 2% 0 0} .elementContainerBox2 .col2 {float:left;width:49%} .elementContainerBox3 {margin:0 0 16px 0;padding:8px;background-color:#DBE9F2;border:1px none #e0e0e0} .elementContainerBox3 .col1 {float:left;width:32%;margin:0 2% 0 0} .elementContainerBox3 .col2 {float:left;width:32%;margin:0 2% 0 0} .elementContainerBox3 .col3 {float:left;width:32%} /* Elemente des oberen Bereich */ /* Elemente des linken Bereiches */ #blockLeft .elementHeadline {margin:0 0 8px 0px;padding:6px 10px 6px 10px;} #blockLeft .elementText {margin:0 0 8px 0px;padding:6px 10px 6px 10px;} /* Elemente des Inhaltsbereiches */ /* Elemente des rechten Bereiches */ #blockRight .elementHeadline {margin:0 0 1px 0;padding:2px 6px 2px 10px;background-color:#98BFD7} #blockRight .elementHeadline h1 {margin:0;padding:0;color:#ffffff;} #blockRight .elementHeadline h2 {margin:0;padding:0;color:#ffffff;} #blockRight .elementHeadline h3 {margin:0;padding:0;color:#ffffff;} #blockRight .elementHeadline h4 {margin:0;padding:0;color:#ffffff;} #blockRight .elementText {margin:0 0 10px 0;padding:10px 6px 6px 10px;background-color:#DBE9F2} /* Elemente des unteren Bereiches */ /* Navigation Liste blättern */ .pageNaviList {} .pageNaviList .pageNaviLink {text-decoration:none;margin:0px 3px 0px 3px} .pageNaviList .pageNaviCurrent {font-weight:bold;text-decoration:none;margin:0px 3px 0px 3px} /**** Rating **/ .referenzen .rating {} .listEntry .rating {margin:10px 0 0 -10px;} .rating {list-style:none;margin: 0 0 0 20px;padding:0px;width: 55px;height: 11px;position: relative; overflow:hidden;background: url(/arcguide/wGlobal/layout/images/icons/rating-stars.gif) top left repeat-x; } .rating li{padding:0px;margin:0px;width:11px;height:11px;float: left;} .rating li a{display:block;width:11px; height: 11px;line-height:11px;text-decoration: none;text-indent: -9000px; z-index: 20;position: absolute; padding: 0px; overflow:hidden;} .rating li a:hover{background: url(/arcguide/wGlobal/layout/images/icons/rating-stars.gif) left bottom;z-index: 2;left: 0px;border:none;} .rating a.ein-stern{left: 0px;} .rating a.ein-stern:hover{width:11px;} .rating a.zwei-sterne{left:12px;} .rating a.zwei-sterne:hover{width: 22px;} .rating a.drei-sterne{left: 24px;} .rating a.drei-sterne:hover{width: 33px;} .rating a.vier-sterne{ left: 36px;} .rating a.vier-sterne:hover{ width: 44px;} .rating a.fuenf-sterne{ left: 38px;} .rating a.fuenf-sterne:hover{width: 55px;} .rating li.current-rating{background: url(/arcguide/wGlobal/layout/images/icons/rating-stars.gif) left center;position: absolute; height: 11px; display: block; text-indent: -9000px; z-index: 1;} #kommentarForm .formLabel {display:inline-block;width:130px;} #kommentarForm .buttons {font-size:9px;margin:0 0 0 46px;width:142px;} #kommentarForm .buttons a {border-color:#D4D0C8 #808080 #808080 #D4D0C8;border-style:solid;border-width:1px;display:block;height:12px;line-height:10px;margin-bottom:3px;text-decoration:none;text-transform:uppercase;width:142px;} #kommentarForm .buttons span {padding-left:6px;} #kommentarForm .buttons a.preview, #kommentarForm .buttons a.publizieren {background-image:url(/arcguide/wGlobal/layout/images/icons/navarrow_a.gif);background-position:125px center;background-repeat:no-repeat;} .toggle {overflow:hidden;background:transparent url(/arcguide/wGlobal/layout/images/bg-searchToggle.gif) no-repeat scroll left top;height:19px;} /* Listen */ ul {margin:0 0 14px 16px;padding:0 0 0 9px;list-style-image:url(/tria/wGlobal/layout/images/decoration/bullet_list.gif)} ol {margin:0 0 14px 28px;list-style-type:decimal} .list {list-style:none;margin:0 0 0 0;padding:0;clear:both;} .listEntry {background-color:#98d2f0;cursor:pointer;padding: 5px 0px 5px 5px;margin:0 0 12px 0;list-style-image:none;overflow:hidden;border:solid 1px #f0f0f0;} .listEntryHover {background-color:#e0e0e0;cursor:pointer;padding: 5px 0px 5px 5px;margin:0 0 12px 0;list-style-image:none;overflow:hidden;border:solid 1px #f0f0f0} .listEntryTitle {margin:8px 0px 8px 8px;font-size:12px} .listEntryTitle a {color:#2A3865;; text-decoration:none} .listEntryThumbnail {float:left;margin:0 8px 0 0;} .listEntryDescription {margin:8px 0px 8px 8px;} .listEntryElement {margin-left:8px;} /* Seiten-Blättern-Navigation */ .pageNaviList {position:relative;text-align:center} .pageNaviLeftLink {position:absolute;left:100px} .pageNaviRightLink {position:absolute;right:100px} .pageNaviCurrent {font-weight:bold;margin-right:3px} .pageNaviLink {margin-right:3px} /* Events */ .eventsListFilterArea {border: 1px solid #CCCCCC; padding: 5px; overflow: hidden; background-color: #F0F0F0;margin-bottom:12px}; .eventsListFilterHeadline {margin:0px 0px 0px 10px} .eventsFilterArea {margin:5px 0px} .eventsFilterAreaLabel {float:left;width:120px;font-weight:bold;padding-top:2px;padding-left:10px} .eventsFilterSelect {float:left;width:200px} .eventsFilterMonth {width:95px} .eventsFilterYear {width:95px;margin-left:10px} .eventDetailsLabel {font-weight:bold} /* Kommentare / Comments */ .commentsAreaAdmin {padding:5px;margin-bottom:15px;border:1px solid #CCC;overflow:hidden} .commentStatus {font-weight:bold;margin-bottom:5px} .commentsEditArea {margin-bottom:10px} .commentOnline {color:green} .commentOffline {color:red} .commentArea {margin-bottom:10px;border:1px solid #CCC;overflow:hidden;padding:5px} .commentText {margin-bottom:5px} .commentEntryInfo {font-size:10px;color:#999} .commentsEditButton {float:left;margin-right:8px;border:1px solid #CCC; background-color:#FFF;padding:3px 10px 3px 10px} .commentsEditLink {text-decoration:none;font-weight:bold} .commentsFormArea {border-width:0px 1px 1px 1px;border-color:#CCC; border-style:solid;padding:10px 5px 10px 5px} .commentsFormAreaHeadline {line-height:14px;font-size:14px;border-width:1px 1px 1px 1px;border-style: solid;border-color: #CCC;margin:0px;padding:5px;background-color:#FFF} .commentsFormLabel {font-weight:bold;width:100px;float:left} .commentsFormInput {width:300px;margin-bottom:10px} .commentsFormTextarea {width:300px;margin-bottom:10px} .commentsFormSubmit {margin-left:100px} .commentsAfterSubmitArea {border:1px solid #CCC; padding: 15px;margin-bottom:10px} .commentsAfterSubmitText {color:red;font-weight:bold;text-decoration:none;cursor:pointer} /* Seite bewerten Ratings */ .listEntryRating {border-bottom:1px solid #CCC} .ratingStarsArea {display:inline-block;margin-right:10px;float:left} .rateCurrentStarsArea {padding:3px;float:left;margin-right:10px} .rateCurrentText {font-weight:bold;padding:3px} .rateCurrentArea {padding:5px ;margin-top:10px} .textNotRated {font-weight:bold} .rateCurrentArea h2 {} .currentRatingTextArea {font-weight:bold} .textAfterRatingArea {font-weight:bold;margin:10px;padding:5px;font-weight:bold;border:1px solid #CCC} .textIsRatedArea {font-weight:bold;margin:10px;padding:5px;font-weight:bold;border:1px solid #CCC} .ratingImgFull {} .ratingImgHalf {} .ratingImgDefault {} .listRatingArea {margin-bottom:8px} .listRatingStarsArea {margin-right:10px;float:left} .listRatingTextArea {font-weight:bold} .listRatingTimeLast {color:#999;font-weight:normal;font-size:0.8em} /* Objekte */ /* events */ .objectEvent {margin-bottom:10px}