/* Design: CENTERED with TOPNAV */ /* File: style.css */ /*-----------------------------------------------------------*/ /* Autor: Reto Bühler, www.traumwerk.ch */ /* Datum: 04.03.2009 */ /* Site: wwww.sms-sg.ch */ /*************************************************************/ /* Colors: black-font: #282525 */ /* black: #747474 (subnavigation inaktiv) */ /* blue: #4980c0 (subnavigation aktiv / links) */ /* white: #ffffff (mainnavigation inaktiv) */ /* black: #4d4d4d (mainnavigation aktiv) */ /*************************************************************/ @import "festyle.css"; @import "message.css"; @import "editor.css"; /* GLOBAL LAYOUT */ /*************************************************************/ html, body {min-width:901px; margin:0 auto; height:100%; font: 100.01%/1em Arial, Verdana, Helvetica, sans-serif; letter-spacing: 0em;} body {background:url(images/design/bg.gif) top repeat-y; position:relative;} #container-page {position: relative; min-height: 100%; width:901px; margin-left:auto; margin-right:auto; font-size:0.7em;} * html #container-page {height: 100%;} #container-footer {width:901px; position: relative; margin-top: -58px; margin-left:auto; margin-right:auto;} #header {height:214px; width:901px; padding: 0; background:url(images/design/mainnav.jpg) bottom no-repeat; position:relative;} #header #logoarea {position: absolute; top: 18px; left: 0;} #footer-bg {background:url(images/design/footer.jpg) center no-repeat;} #cleaner{clear:both;} .invisible {display:none;} /* GLOBAL TEXT FORMATS AND CONTENT FORMATS */ /*************************************************************/ a, a:link, a:visited{text-decoration:none; color:#747474;} a:hover, a:active{text-decoration:none; color:#4980c0;} a.aktiv:link, a.aktiv:visited, a.aktiv:hover, a.aktiv:active, a.aktiv {text-decoration:none; color:#4980c0;} #maincontainer{padding:10px 0 0 14px; display:block; clear:both; font-size:1em;} #maincontainer p{padding:5px 0; display:block;} #maincontainer h1{font-size:1.2em; background:url(images/design/content_seperator.gif) bottom no-repeat; padding:15px 0 6px 0; color:#4d4d4d; margin:0 0 9px 0; line-height:1.43em; font-weight:bold;} #maincontainer h2{font-size:1em; padding:6px 0 5px 0; color:#4d4d4d; font-weight:bold;} #maincontainer #column-01 {width:178px; display:block; float:left; margin:0 50px 0 0;} #maincontainer #column-02 {width:638px; display:block; float:left; margin:0;} /*#maincontainer #column-03 {width:153px; display:block; float:left; margin:0 0 0 50px; padding:12px 0 0 0;}*/ #maincontainer ul {margin:0; padding:5px 0; display:list-item;} #maincontainer ul li {margin:0 0 0 2px; padding:0 0 0 16px; list-style:none; background:url(images/design/listitem.gif) top left no-repeat;} #maincontainer #contentnav {width:638px; padding:17px 0 0 0; display:block; height:23px; line-height:1.29em;} #maincontainer #breadcrumb ul {float:left; margin:0; padding:0; display:list-item; font-size:0.88em;} #maincontainer #breadcrumb ul li {margin:0 5px 0 0; padding: 0 10px 0 0; float:left; list-style:none; background:url(images/design/breadcrumb_seperator.gif) right no-repeat;} #maincontainer #breadcrumb ul li.active {color:#4980c0; background:none;} #maincontainer #contentnav .sitenav {float:right; margin:0 0 0 22px; padding:0 0 0 22px; width:81px; background:none; text-align:left;} #maincontainer #contentnav .print {background:url(images/design/icon_print.gif) top left no-repeat;} .pdf_link {position:absolute; top:240px; left:818px; padding:0 0 0 22px; margin:0; text-align:right; display:block; background:url(images/design/icon_print.gif) left no-repeat;} .ce_toplink {width:638px; display:block; text-align:right; padding: 6px 0 0 0; margin:14px 0 20px 0; float:left; background:url(images/design/content_seperator.gif) top no-repeat;} .ce_toplink a, .pdf_link a {text-decoration:none !important; color:#747474 !important;} .ce_toplink a:hover, .pdf_link a:hover {text-decoration:none !important; color:#4980c0 !important;} #maincontainer #contentnav .tellafriend {background:url(images/design/icon_tellafriend.gif) top left no-repeat;} /* MAIN-NAVIGATION / GEN-NAVIGATION / SEK-NAVIGATION */ /*************************************************************/ #hnav {position:absolute; top:186px; left:0;} #hnav ul {list-style-type:none; font-size:1.09em; width:901px; font-weight:bold;} #hnav ul li {text-transform: uppercase; float: left; padding: 0 0 0 1px; margin:0; line-height:1em; display:inline; background:url(images/design/mainnav_seperator.jpg) left no-repeat;} #hnav ul li.first{float: left; padding: 0; margin:0; line-height:1em; display:inline; background:none;} #hnav ul li a {height:28px; float:left; display:block; font-size:1em; line-height:2em; color:#fff; padding: 0 14px; margin:0; text-decoration:none;} #hnav ul li a:link {text-decoration:none;} #hnav ul li a:hover {background:url(images/design/mnav_active.jpg) top left repeat-x; color:#4d4d4d; text-decoration:none;} #hnav ul li a.active, #hnav ul li a.trail, #hnav ul li.highlight a.active, #hnav ul li.highlight a.trail {height:28px; float:left; display:block; font-size:1em; line-height:2em; color:#fff; padding: 0 14px; margin:0; background:url(images/design/mnav_active.jpg) top left repeat-x; color:#4d4d4d; text-decoration:none;} #hnav ul li.highlight a:hover {background:url(images/design/mnav_active.jpg) top left repeat-x; color:#4d4d4d; text-decoration:none;} #hnav ul li.highlight a {background:url(images/design/mnav_highlight.jpg) top left repeat-x; color:#fff; text-decoration:none;} #gnav {position:absolute; top:17px; left:485px;} #gnav ul {list-style-type:none; width:260px; font-weight:normal; font-size:1em;} #gnav ul li {padding: 0 5px; margin:0; display:inline; float:right; background:url(images/design/gnav_seperator.gif) right no-repeat;} #gnav ul li.first {padding: 0 0 0 5px; margin:0; display:inline; float:right; background:none;} #gnav ul li a {height:16px; float:left; display:block; color:#747474;} #gnav ul li a.active {color:#4980c0;} #gnav ul li a:hover {color:#4980c0;} #snav {margin:0; padding:48px 0 0 0;} #snav ul{display:list-item; line-height:1.7em; font-size:1em;} #snav ul li{padding:0; margin:0; background:url(images/design/snav_seperator.gif) bottom left no-repeat;} /*#snav ul li.member {padding:20px 0 0 0 !important; margin:0; background:url(images/design/snav_seperator.gif) bottom left no-repeat;}*/ #snav ul li.member {position:absolute; top:189px; left:840px; margin:0 !important; padding:0 !important; background:none !important;} #snav ul li.member a {margin:0 !important; padding:0 !important; color:#fff; font-weight:bold; width:60px; background:none !important;} #snav ul li.member a:hover {margin:0 !important; padding:0 !important; color:#fff; text-decoration:underline; font-weight:bold; background:none !important;} #snav ul li.last{padding:0; margin:0; background:none;} #snav ul li a {color:#747474; letter-spacing:0em; margin:1px 0 0 2px; padding:2px 0 5px 16px; list-style:none; display:block; width:160px; background:url(images/design/snav_inactive.gif) top left no-repeat;} #snav ul li a:hover {display:block; text-decoration:none; color:#4980c0; background:url(images/design/snav_active.gif) top left no-repeat;} #snav ul li a.active {color:#4980c0; display:block; background:url(images/design/snav_active.gif) top left no-repeat;} #snav ul li a.trail {color:#4980c0; display:block; background:url(images/design/snav_active.gif) top left no-repeat;} #snav ul li ul {margin:-7px 0 0 0; padding:0 0 10px 18px; display:list-item; line-height:1.13em; font-size:1em;} #snav ul li ul li {background:none;} #snav ul li ul li a {color:#747474; letter-spacing:0em; margin:1px 0 0 2px; padding:6px 0 0 16px; list-style:none; display:block; width:142px; background:url(images/design/snav_inactive.gif) top left no-repeat;} #snav ul li ul li a.active {color:#4980c0; display:block; background:url(images/design/snav_active.gif) top left no-repeat;} #snav ul li ul li ul {margin:0; padding:0 0 10px 18px; display:list-item; line-height:1.13em; font-size:1em;} #snav ul li ul li ul li {background:none;} #snav ul li ul li ul li a {color:#747474; letter-spacing:0em; margin:1px 0 0 0; padding:6px 0 0 0; list-style:none; display:block; width:142px; background:none;} #snav ul li ul li ul li a:hover {background:none;} #snav ul li ul li ul li a.active {color:#4980c0; display:block; background:none !important;} /* FOOTER */ /*************************************************************/ #innerfooter {width:901px; height:47px; display:block; font-size: 0.73em; line-height:1em; color:#282525; padding:11px 0 0 0; margin:0;} #innerfooter address {position:absolute; top:22px; left:13px; font-size:0.88em; font-style:normal;} #innerfooter address a, #maincontainer #column-02 .contentarea a {text-decoration:underline; color:#4d4d4d;} #innerfooter address a:hover, #maincontainer #column-02 .contentarea a:hover {text-decoration:underline; color:#4980c0;} /* INHALTS-VORLAGEN */ /*************************************************************/ #maincontainer #column-02 .contentarea .ce_text div.image_container {display:inline; margin:0;} #maincontainer #column-02 .contentarea .ce_text div.float_right {padding:5px 0 5px 34px;} #maincontainer #column-02 .contentarea .ce_text div.float_left {padding:5px 34px 5px 0;} #maincontainer #column-02 .contentarea .col-2 {display:block; width:638px; margin:0; padding:0; clear:both;} #maincontainer #column-02 .contentarea .col-2 .col-a {float:left; width:302px; margin:0 34px 0 0;} #maincontainer #column-02 .contentarea .col-2 .col-b {float:left; width:302px; margin:0;} #maincontainer #column-02 .contentarea .col-4 {display:block; width:638px; margin:0; padding:0; clear:both;} #maincontainer #column-02 .contentarea .col-4 .col-a, #maincontainer #column-02 .contentarea .col-4 .col-b, #maincontainer #column-02 .contentarea .col-4 .col-c {float:left; width:132px; margin:0 34px 0 0;} #maincontainer #column-02 .contentarea .col-4 .col-d {float:left; width:132px; margin:0;} #maincontainer #column-02 .contentarea .col-4 a, #maincontainer #column-02 .contentarea .col-4 a:hover {text-decoration:none;} #maincontainer #column-02 .contentarea .ce_text img {border:1px solid #747474; vertical-align:bottom; margin:4px 0 0 0;} #maincontainer #column-02 .contentarea .ce_text {clear:both; with:638px;} #maincontainer .mod_sitemap ul {margin:0; padding:5px 0; display:list-item; float:left; width:100%;} #maincontainer .mod_sitemap ul li {margin:0 0 6px 0; padding:0; list-style:none; background:none; font-weight:bold; float:left; width:638px;} #maincontainer .mod_sitemap ul li.last {margin:0;} #maincontainer .mod_sitemap ul li ul li a {text-decoration:none !important;} #maincontainer .mod_sitemap ul li ul {margin:0 0 6px 0; padding:5px 0; display:list-item; float:left;} #maincontainer .mod_sitemap ul li ul li {margin:0 0 0 2px; padding:0 0 0 16px; list-style:none; font-weight:normal; background:url(images/design/listitem.gif) top left no-repeat; float:left; width:620px;} #maincontainer .mod_sitemap ul li ul li.last {margin:0 0 0 2px;} #maincontainer .mod_sitemap ul li ul li ul li {width:602px; display:inline;} #maincontainer .mod_sitemap ul li ul li ul li ul li {width:584px; display:inline;} /* FORMULARE SEARCH */ /*************************************************************/ #search_en, #search_de {position:absolute; top:17px; width:136px; text-align:right; display:block; float:left; left:764px;} #search_en label, #search_de label {float:left; padding:0 6px 0 0; font-weight:normal; font-size:1em;} #search_en img, #search_de img {float:left; padding:0 0 0 6px; margin:4px 0 0 0;} #search_en input, #search_en input, #search_de input {float: left; width: 72px; height: 14px; border: 1px solid #747474; margin: 0; color: #282525; padding:0 0 0 4px; background: #f5f5f5; font-size: 0.88em;} #search_en input.submit, #search_en input.submit, #search_de input.submit {border:none; color:#fff; cursor: pointer; background:url(images/design/search_go.gif) left no-repeat; float:left; width:7px; height:7px; padding:0; margin:4px 0 0 6px;} #maincontainer #column-02 .contentarea .mod_asteriskSearch input#keywords {float: left; width: 72px; height: 14px; border: 1px solid #747474; margin:0; color: #282525; padding:0 0 0 4px; background: #f5f5f5; font-size: 0.88em;} #maincontainer #column-02 .contentarea .mod_asteriskSearch input#submit {border:none; color:#fff; cursor: pointer; background:url(images/design/search_go.gif) left no-repeat; float:left; width:7px; height:7px; padding:0; margin:4px 0 0 6px;} #maincontainer #column-02 .contentarea .mod_asteriskSearch label {float:left; padding:5px 6px 0 0; margin:0; font-weight:normal; font-size:1em;} #maincontainer #column-02 .contentarea .mod_asteriskSearch .formbody {margin:0; padding:5px 0 0 0;} #maincontainer #column-02 .contentarea .mod_asteriskSearch p.header {float:right; padding:0; margin:0;} #maincontainer #column-02 .contentarea .mod_asteriskSearch div.even, #maincontainer #column-02 .contentarea .mod_asteriskSearch div.odd {float:left; display:block; padding:10px 15px; margin:0; width:608px;} #maincontainer #column-02 .contentarea .mod_asteriskSearch div.even a, #maincontainer #column-02 .contentarea .mod_asteriskSearch div.odd a {font-weight:bold;} #maincontainer #column-02 .contentarea .mod_asteriskSearch div.even {background:#f5f5f5;} #maincontainer #column-02 .contentarea .mod_asteriskSearch div.odd {background:#fff;} #maincontainer #column-02 .contentarea .mod_asteriskSearch .highlight {font-weight:bold;} #maincontainer #column-02 .contentarea .mod_asteriskSearch div.first {margin-top:15px; border-top:1px solid #adadad;} #maincontainer #column-02 .contentarea .mod_asteriskSearch div.last {margin-bottom:10px; border-bottom:1px solid #adadad;} #maincontainer #column-02 .contentarea .mod_asteriskSearch div.pagination {float:left; display:block;} #maincontainer #column-02 .contentarea .mod_asteriskSearch div.pagination ul {float:right;} #maincontainer #column-02 .contentarea .mod_asteriskSearch div.pagination p {float:left;} #maincontainer #column-02 .contentarea .mod_asteriskSearch div.pagination ul li {display:inline; background:none;} p.back {display:block; clear:both;} p.back a {text-decoration:none !important; color:#747474 !important;} /* FORMULARE NEWSLETTER */ /*************************************************************/ #maincontainer #column-02 .contentarea .mod_subscribe input.text {float: left; width: 200px; height: 14px; border: 1px solid #747474; margin: 0; color: #282525; padding:0 0 0 4px; background: #f5f5f5; font-size: 0.88em;} #maincontainer #column-02 .contentarea .mod_subscribe input.checkbox {border:none; display:block; width:15px; margin:4px 0 0 0; background:none; float:left;} #maincontainer #column-02 .contentarea .mod_subscribe input#submit {float:left; padding:0; height:17px; display:inline; width: 206px; margin:4px 0 4px 180px;} #maincontainer #column-02 .contentarea .mod_subscribe label {float:left; padding:5px 6px 0 0; margin:0; font-weight:normal; font-size:1em;} #maincontainer #column-02 .contentarea .mod_subscribe .formbody {margin:0; padding:10px 0 0 0;} #maincontainer #column-02 .contentarea .mod_subscribe .formbody .checkbox_container {float:left; display:block;} /* FORMULARE MEMBER LOGIN */ /*************************************************************/ #maincontainer #column-02 .contentarea .mod_login {clear:both; float:left; width:100%;} #maincontainer #column-02 .contentarea .mod_login input.text {float: left; width: 200px; height: 14px; border: 1px solid #747474; margin: 0; color: #282525; padding:0 0 0 4px; background: #f5f5f5; font-size: 0.88em;} #maincontainer #column-02 .contentarea .mod_login input.checkbox {border:none; display:block; width:15px; margin:4px 0 0 0; background:none; float:left;} #maincontainer #column-02 .contentarea .mod_login input#submit {float:left; padding:0; height:17px; display:inline; width: 206px; margin:4px 0 4px 180px;} #maincontainer #column-02 .contentarea .logout input#submit {float:left; padding:0; height:17px; display:inline; width: 206px; margin:4px 0 4px 0;} #maincontainer #column-02 .contentarea .mod_login label {float:left; padding:5px 6px 0 0; margin:0; font-weight:normal; font-size:1em;} #maincontainer #column-02 .contentarea .mod_login .formbody {margin:0; padding:10px 0 14px 0; float:left;} #maincontainer #column-02 .contentarea .mod_lostPassword input#submit {float:left; padding:0; height:17px; display:inline; width: 206px; margin:4px 0 4px 180px;} #maincontainer #column-02 .contentarea .mod_lostPassword .formbody {margin:0; padding:10px 0 0 0;} /* FORMULARE MEMBER REGISTRATION */ /*************************************************************/ #maincontainer #column-02 .contentarea .mod_registration input#submit {float:left; padding:0; height:17px; display:inline; width: 206px; margin:4px 0 4px 180px;} #maincontainer #column-02 .contentarea .mod_registration .formbody {margin:0; padding:10px 0 0 0;} /* FORMULARE TELL-A-FRIEND */ /*************************************************************/ #maincontainer #contentnav .tellafriend input {float: left; width: 140px; height: 14px; border: 1px solid #747474; margin: 0; color: #282525; padding:0 0 0 4px; background: #fff; font-size: 0.88em; display:block;} #maincontainer #contentnav .tellafriend label {float:left; width: 160px; padding:3px 0; display:block;} #maincontainer #contentnav .tellafriend input.submit {float:left; padding:0; height:16px; display:block; width: 146px; margin:4px 0;} #maincontainer #contentnav .tellafriend span.captcha_text {float:left; width: 160px; display:block; padding:3px 0;} #maincontainer #contentnav .tellafriend span.mandatory {float:left;} #maincontainer #contentnav .tellafriend .error {color:#ff0000;} /* FORMULARE ANMELDUNG */ /*************************************************************/ #maincontainer #column-02 .contentarea .formbody label {float:left; width: 180px; padding:3px 0; display:block;} #maincontainer #column-02 .contentarea .formbody input {float: left; width: 200px; height: 14px; border: 1px solid #747474; margin: 0; color: #282525; padding:0 0 0 4px; background: #f5f5f5; font-size: 0.88em;} #maincontainer #column-02 .contentarea .formbody br {clear:both; margin:0; padding:0;} #maincontainer #column-02 .contentarea .select {float: left; width: 206px; height: 14px; border: 1px solid #747474; margin: 0 0 6px 0; color: #282525; padding:0 0 0 4px; background: #f5f5f5; font-size: 0.88em;} #maincontainer #column-02 .contentarea textarea {float: left; width: 200px !important; height: 80px !important; border: 1px solid #747474; margin: 0 0 6px 0; color: #282525; padding:0 0 0 4px; background: #f5f5f5; font-size: 1em; font-family:Arial, Helvetica, sans-serif !important;} #maincontainer #column-02 .contentarea .submit_container .submit {float:left; padding:0; height:17px; display:inline; width: 206px; margin:4px 0 4px 180px;} #maincontainer #column-02 .contentarea .formbody p.error {float:right; width: 230px; padding:3px 0; display:block;} #maincontainer #column-02 .contentarea .formbody select {float: left; width: 206px; height: 16px; border: 1px solid #747474; margin: 0 0 6px 0; color: #282525; padding:0; background: #f5f5f5; font-size: 0.88em;} /* VORLAGE BILDERGALERIE */ /*************************************************************/ table {width:638px; margin:5px 0 0 0;} #maincontainer #column-02 .contentarea td.col_last .image_container {margin:0 0 16px 0;} #maincontainer #column-02 .contentarea td .image_container {margin:0 17px 16px 0;} #maincontainer #column-02 .contentarea tr.row_last td .image_container {margin-bottom:0;} /* EVENTS */ /*************************************************************/ .mod_eventlist table.all_records th.head {width:120px; background:#fff; text-align:left; padding:6px 0; font-weight:bold;} .mod_eventlist table.all_records th.col_last, .mod_memberlist table.all_records td.col_last {width:38px; float:left; text-align:left;} .mod_eventlist table.single_record {width:638px; width:638px; float:left; text-align:left;} .mod_eventlist table.single_record .label {width:180px; float:left; text-align:left;} .mod_eventlist table.single_record .value {width:200px; float:left; text-align:left;} .mod_eventlist h2 {width:638px; float:left;} .mod_eventlist .submit_container {width:638px !important; float:left; margin:0 0 8px 0;} .mod_eventlist .widget {width:638px !important; float:left;} .mod_eventlist .widget label {width:210px !important; float:left;} .mod_eventlist .widget p.error {width:335px !important;} .mod_eventlist h1 {background:none !important; margin:0 !important; padding:5px 0 !important; font-weight:bold;} .mod_eventlist .even {background:#fff; margin:0; padding:2px 0; line-height:1.4em;} .mod_eventlist .odd {background:#fff; margin:0; padding:2px 0; line-height:1.4em;} .mod_eventlist .header {background:url(images/design/content_seperator.gif) top no-repeat #f5f5f5; padding:2px 0 2px 0;} .mod_eventlist .all_records .body a, .mod_memberlist .all_records .head a {text-decoration:none !important;} .mod_eventlist .all_records .body {border-top:1px solid #acacac !important; padding:0 0 2px 0; vertical-align:top;} .mod_eventlist .all_records .body img {padding:0; margin:0; float:left;} .mod_eventlist .submit_container .submit {margin-left:0 !important;} .mod_eventlist .event { margin:0; padding:0 0 12px 0; background:url(images/design/content_seperator.gif) top no-repeat #fff;} .calendar h2 {margin:0 !important; padding:5px 0 5px 0 !important; width:318px !important;} .calendar .header {background:none; margin:0; padding:0;} .calendar .event {margin:0; padding:0; background:none;} .calendar .even {background:none; margin:0; padding:0;} .calendar .odd {background:none; margin:0; padding:0;} .calendar {width:318px !important; float:left; display:block;} /* MEMBERLIST */ /*************************************************************/ .list_search {width:638px; display:block; clear:both;} .mod_memberlist table.all_records th.head {width:120px; background:#fff; text-align:left; padding:6px 0; font-weight:bold;} .mod_memberlist table.all_records th.col_last, .mod_memberlist table.all_records td.col_last {width:38px; float:left; text-align:left;} .mod_memberlist table.single_record {width:638px; width:638px; float:left; text-align:left;} .mod_memberlist table.single_record .label {width:180px; float:left; text-align:left;} .mod_memberlist table.single_record .value {width:200px; float:left; text-align:left;} .mod_memberlist h2 {width:638px; float:left;} .mod_memberlist .submit_container {width:638px !important; float:left; margin:0 0 8px 0;} .mod_memberlist .widget {width:638px !important; float:left;} .mod_memberlist .widget label {width:210px !important; float:left;} .mod_memberlist .widget p.error {width:335px !important;} .mod_memberlist .all_records .even {background:#fff; margin:0; padding:0; line-height:1.4em;} .mod_memberlist .all_records .odd {background:#f5f5f5; margin:0; padding:0; line-height:1.4em;} .mod_memberlist .all_records .body a, .mod_memberlist .all_records .head a {text-decoration:none !important;} .mod_memberlist .all_records .body {border-top:1px solid #acacac !important; padding:0 0 2px 0; vertical-align:top;} .mod_memberlist .all_records .body img {padding:0; margin:0; float:left;} .mod_memberlist .submit_container .submit {margin-left:0 !important;} #maincontainer #column-02 .contentarea .list_search .formbody {width:638px; display:block; float:left;} #maincontainer #column-02 .contentarea .list_search .formbody {margin:0; padding:5px 0 0 0;} #maincontainer #column-02 .contentarea .list_search .formbody .select {float: left; width: 206px; height: 19px; border: 1px solid #747474; margin: 0 7px 0 0; color: #282525; padding:0; background: #f5f5f5; font-size: 0.88em;} #maincontainer #column-02 .contentarea .list_search .formbody .text {float: left; width: 206px; height: 17px; border: 1px solid #747474; margin: 0 7px 0 0; color: #282525; padding:0; background: #f5f5f5; font-size: 0.88em;} #maincontainer #column-02 .contentarea .list_search .formbody .submit {float:left; padding:0; height:19px; width: 206px; margin:0;} /*table.calendar {width:630px;}*/ /*table.calendarhead th.head {height:30px; width:210px;}*/ /*table.calendarhead th.previous {text-align:left;}*/ /*table.calendarhead th.next {text-align:right;}*/ /*table.calendarbox th.label {text-align:center; vertical-align:middle; height:30px; width:90px; border-top:1px solid #acacac; border-right:1px solid #acacac;}*/ /*table.calendarbox {border-left:1px solid #747474; border-bottom:1px solid #acacac; width:630px;}*/ /*table.calendarbox td.days { background:url(images/design/calendar_field_day.jpg) top left no-repeat; height:50px; padding-left: 10px; border-top:1px solid #acacac; border-right:1px solid #acacac;}*/ /*table.calendarbox td.active { background:url(images/design/calendar_field_event.jpg) top left no-repeat; height:50px; padding-left: 10px; border-top:1px solid #acacac; border-right:1px solid #acacac;}*/ /*table.minicalendar {width:630px;}*/ /*table.minicalendar th.head {height:30px; width:90px; font-weight:bold;}*/ /*table.minicalendar th.previous {text-align:left;}*/ /*table.minicalendar th.next {text-align:right;}*/ /*table.minicalendar th.label {text-align:center; vertical-align:middle; font-weight:bold; height:30px; width:90px;}*/ /*table.minicalendar {width:630px;}*/ /*table.minicalendar td.empty { background:url(images/design/calendar_field_empty.jpg) top left no-repeat !important; height:50px;}*/ /*table.minicalendar td.days { background:url(images/design/calendar_field_day.jpg) top left no-repeat; height:50px; text-align:center; vertical-align:middle;}*/ /*table.minicalendar td.active {color:#fff; background:url(images/design/calendar_field_event.jpg) top left no-repeat; height:50px;}*/ /*table.minicalendar td.active a {color:#fff !important; width:90px; height:50px; display:block; line-height:1.83em; font-size:2em; font-weight:bold; text-decoration:none !important; margin:0 !important;}*/ .calendar {float:left; width:300px; display:block;} .mod_calendar {float:right; width:301px;} table.minicalendar {width:301px;} table.minicalendar th.head {height:30px; width:43px; font-weight:bold; line-height:1.4em;} table.minicalendar th.head a {text-decoration:none !important;} table.minicalendar th.previous {text-align:left;} table.minicalendar th.next {text-align:right;} table.minicalendar th.label {text-align:center; vertical-align:middle; font-weight:bold; height:30px; width:43px;} table.minicalendar td.empty { background:url(images/design/calendar_field_empty.jpg) top left no-repeat !important; height:43px;} table.minicalendar td.days { background:url(images/design/calendar_field_day.jpg) top left no-repeat; height:43px; font-size:1.09em; text-align:center; vertical-align:middle;} table.minicalendar td.active {color:#fff; background:url(images/design/calendar_field_event.jpg) top left no-repeat; height:43px;} table.minicalendar td.active a {color:#fff !important; width:43px; height:43px; display:block; line-height:2.09em; font-size:1.73em; font-weight:bold; text-decoration:none !important; margin:0 !important;} /* Radiobuttons */ .radio_container { display:block; width:208px; float: left; padding:0 0 5px 0; } .radio_container span { width:208px; display:block; float:left; } .radio_container span input { width:auto !important; background:none !important; border:none !important; float: left; margin: 4px 4px 0 0 !important; } .radio_container span label { float:left; width:180px !important; display:inline; } .checkbox { display:block; background:none !important; border:none !important; width:14px !important; float: left; margin:5px 5px 0 0 !important; padding:0 0 5px 0; } .checkbox_container { width:458px; display:block; float:left; } .checkbox_container span { width:208px; display:block; float:left; } .avatar_container {display:none;} .mod_personalData .avatar_container {display:block;} input.upload {height:22px !important; margin-bottom:5px !important; border: 1px solid #747474 !important;} .mod_personalData .avatar_container #avatar_reset_container {float:left; margin:0 0 0 180px; display:inline;} .mod_personalData .avatar_container .label_container {float:left; margin:0 0 0 180px; display:inline;} .mod_personalData .avatar_container .file_container {float:left; margin:0 0 0 180px; display:inline;} .mod_personalData .avatar_container .hint {float:left; margin:0; padding:4px 0 8px 0; display:inline; width:458px;} .mod_personalData .avatar_container .file_container input.upload {width:200px !important; float:left;} #maincontainer #column-02 .contentarea .mod_personalData .submit {float:left; padding:0; height:17px; display:inline; width: 206px; margin:4px 0 4px 180px;} .mod_personalData .avatar_container p.error {color:#FF0000;} .mod_article {} .mod_personalData {float:left; width:638px; padding:10px 0;} #ctrl_helpdesk_subscriptions {padding:0 0 10px 0;} strong {font-weight:bold;} #motiv img {position:absolute; top:41px; left:0;} .endcontent {height:60px;} #opt_publicFields_16, #lbl_publicFields_16 {display:none !important;} .mod_helpdesk {} .mod_helpdesk .breadcrumb {width:638px; background:#f5f5f5; font-size:0.92em; margin:0; padding:2px 0 4px 0; display:block; clear:both;} .mod_helpdesk .breadcrumb a {text-decoration:none;} .mod_helpdesk .breadcrumb span {color:#4980c0;} .mod_helpdesk .bottomfindcontrols {display:none;} .mod_helpdesk .searcherror {padding:10px 0 0 0;} .mod_helpdesk .submit_container {margin:0 0 30px 0;} #maincontainer #column-02 .contentarea .mod_helpdesk textarea {width:631px !important; height:150px;} #maincontainer #column-02 .contentarea .mod_helpdesk .formbody {width:638px; display:block; float:left; margin:0; padding:5px 0 0 0;} #maincontainer #column-02 .contentarea .mod_helpdesk .hint {width:638px; display:block; clear:both; padding:6px 0 12px 0;} #maincontainer #column-02 .contentarea .mod_helpdesk .formbody .searchterms {float: left; width: 206px; height: 17px; border: 1px solid #747474; margin: 0 7px 0 0; color: #282525; padding:0; background: #f5f5f5; font-size: 0.88em;} #maincontainer #column-02 .contentarea .mod_helpdesk .formbody .submit {float:left; padding:0; height:19px; width: 206px; margin:0;} /*.mod_helpdesk .message-container {background:yellow; width:636px; float:left;}*/ /*.mod_helpdesk .message-container .attachment {float:left !important; background:green;}*/ /*.mod_helpdesk .message_container .attachment {width:638px !important; float:left !important; background:red; clear:both;}*/ .attachment input.textinput {width:638px !important; height:20px !important; padding:3px 0; float:left !important; clear:both;} /* FIXES */ /*************************************************************/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */