body {font: 80% Verdana, Arial, Helvetica, sans-serif;margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0;text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ } /* Tips for Elastic layouts 1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate. 2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this. 3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing. */ /****************************************** GENERAL SETRUP *****************************/ .thrColElsHdr #superbanner { margin:5px auto; width: 1220; } .thrColElsHdr #container { background: url(../grafik/hg.gif) fixed;margin:0px auto; padding: 10 10 10 10; /* the auto margins (in conjunction with a width) center the page */ border-bottom: 1px solid #E69116;border-left: 1px solid #333; border-right: 1px solid #333; border-top: 1px solid #333; width: 1200px; text-align: left; } /* this overrides the text-align: center on the body element. */ .thrColElsHdr #header { background: #fff url(../grafik/logonet_vari.gif) repeat; /* header logo is set here, rest of the header is CMS*/ padding: 0px; margin: 0px; width: 100%; }/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may */ .thrColElsHdr #header h1 {margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */ padding: 0px 0; } /* using padding instead of margin will allow you to keep the element away from the edges of the div */ /************* Tips for sidebar1 *******************: 1. Be aware that if you set a font-size value on this div, the overall width of the div will be adjusted accordingly. 2. Since we are working in ems, it's best not to use padding on the sidebar itself. It will be added to the width for standards compliant browsers creating an unknown actual width. 3. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".thrColElsHdr #sidebar1 p" rule. */ /*--------------- Abstände und relative Lagen zueinander ----------------*/ .thrColElsHdr #sidebar1 { float: left; width: 21em; /* since this element is floated, we set the range of movement */ border:#f49103 inset thin; background: url(../grafik/varinet.gif) repeat;/* top and bottom padding create visual space within this div */ } .thrColElsHdr #sidebar1 h1, .thrColElsHdr #sidebar2 h1, .thrColElsHdr #sidebar1 h2, .thrColElsHdr #sidebar2 h2, .thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar2 h3, .thrColElsHdr #sidebar1 h4, .thrColElsHdr #sidebar2 h4 { margin: 5px 5px 5px 5px; } /* the left and right margin should be given to every element that will be placed in the side columns */ .thrColElsHdr #sidebar1 p, .thrColElsHdr #sidebar2 p { margin: 0px 5px 10px 10px; } /* but we use diverent margin for p tags */ .thrColElsHdr #sidebar1 h5, .thrColElsHdr #sidebar2 h5 { margin: 0px 5px 0px 8px;} /* the left and right margin should be given to every element that will be placed in the side columns */ .thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar1 h4 { letter-spacing:0.2em;} /* set letter-spacing on the subline tags */ .thrColElsHdr #sidebar1 a, .thrColElsHdr #sidebar2 a { font-style: italic; } /* and sidebar linkitems */ /* ----------------------- LAYOUT GENERAL ----------------------------------*/ /*-------------- generelle Linkfarbe ----------*/ a:link {color: #881010; text-decoration: none; } a:visited {text-decoration: none; color:#771010; } a:hover {text-decoration: none; color:#f49103; } a:active {text-decoration: none; color: #99FF00; } /*-------------- generelle Header ----------*/ h1, h1.csc-firstHeader {font-size: 3.5em; color: #ff0000; font-style: italic;font-weight: bold;} h2 {font-size: 2.0em; font-style:italic; color: #2c2d2c;} h3 {font-size: 1.4em; color: #440000; font-style: italic;font-weight: bold; } h4 {font-size: 1.2em; color: #660000; font-style: italic; } h5 {font-size: 0.9em; color: #000000;} /*----------- layout maincontent ------------------ The space between the mainContent and sidebar1 is created with the left margin on the mainContent div. No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.*/ .thrColElsHdr #mainContent { margin-left: 20em; margin-right: 0; padding: 10 10 10 10; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1.2em; font-style: italic; min-height:500px; } /*---------------- maincontent subs-----------------------*/ .thrColElsHdr #mainContent h3, .thrColElsHdr #mainContent h4 { padding: 0px 8px 0px 15px; margin-right: 30px; } /*---------------- maincontent fliesstext-----------------------*/ #mainContent p { padding: 0px 20px 0px 20px; margin: 0; font-size: 1.2em; } /*---------------- maincontent imagesetup -----------------------*/ /*#mainContent img {border:#FFFFFF inset thin; background: url(../grafik/SPA_2272_1.gif) repeat; padding: 5px 5px 25px 5px;} */ /*----------special Headers----------------*/ .thrColElsHdr #mainContent h1.bgred { background: #660000; font-color:#000; /*a special red background class for Headlines in maincontent div */ } /*----------- layout MAINNAVIGATION-------------*/ #mainNavi { font-size: 1.3em; font-style: italic; margin: 0 auto; color:#FFFFCC; background: #101212; letter-spacing:0.1em;line-height: 1.5em; padding: 0px 0px 0px 5px;text-align:left; width: 100%; } #mainNavi a:link {color: #f49103; text-decoration: none; } #mainNavi a:visited {color: #f49103; text-decoration: none; } #mainNavi a:hover {color: #ff0000; text-decoration: none; } #mainNavi a:active {text-decoration: none; color: #99FF00; } /*----------- layout FOOTER-------------*/ .thrColElsHdr #footer { padding: 1em 5em; margin: 2em 2em; border:#f68635 solid thin /* url(../grafik/net.gif) repeat*/;} /*---------fontstyles für footer--------------*/ .thrColElsHdr #footer h1{ color: #FFF;font-size: 2.8em;font-weight: bold;} .thrColElsHdr #footer h2{ color: #FF0000;letter-spacing: 0.1;font-size: 1.8em;font-variant:small-caps;font-weight: bold; } .thrColElsHdr #footer h3{ color: #FFFDE4;font-size: 1.6em; } .thrColElsHdr #footer h4{ color: #FFFDE4;font-size: 1.2em; } .thrColElsHdr #footer h5{ color: #FFF;font-size: 0.9em;font-weight: bold; } .thrColElsHdr #footer p { font-size: 1.0em;color: #FFFDE4; padding: 5px 5px 5px 5px;font-style:italic; } /******************************** THE NEWS KONFIGURATION ********************************************/ /*------------------------------------------ NEWS Singelview-----------------------------------------------*/ .news-single-item h1{ color:#000; width: 100%; text-align: right;border-top:#f49103 dotted thin; border-bottom:#f49103 dotted thin;} .news-single-item .newscontent h3 { background-color:#000000; color: #FFFFFF; margin-left:150px; margin-right: 0;} .news-single-item .newscontent { border-bottom:#f49103 solid thin; } .news-single-item .news-single-img { padding: 20px; margin:0 auto; width:85%; border:#f49103 inset thin;} .news-single-item .news-single-img a img{ float: left;} .news-single-item .newscontent p { font-size:12px;} .news-single-item .news-single-imgcaption{color:#000000;} /*------------------------------------------ NEWS smoothgallery-----------------------------------------------*/ #news-first-container .firstnews .news-single-img { float:left; } #news-first-container .firstnews .news-list-subheader { margin-left: 275px; height: 155px; padding: 80px 10px 10px 10px; background-color :#000000;} #news-first-container .firstnews .news-list-subheader h3 { padding: 10px 10px 10px 10px;} #news-first-container .firstnews .news-list-subheader h3 p{ color: #FFFFFF;} #news-first-container .firstnews .news-list-subheader .news-list-morelink {text-align: right; margin-right: 10px; margin-bottom: 10px; } /*-------------------------- NEWS "TOPNEWS"------------------------------------------------*/ #news-first-container { min-height: 500px;} #news-first-container .firstnews { margin-top:10px;padding: 5px 10px 10px 10px;font-size:11px;text-align:left; } #news-first-container .firstnews a img { float: left; padding: 5px 10px 40px 10px; border:#f49103 inset thin;} #news-first-container .firstnews .news-latest-subheader {display:inline; padding: 180px 10px 10px 10px;float:right; width: 55%; background-color :#000000;} #news-first-container .firstnews .news-latest-subheader h3 { padding: 10px 10px 10px 10px;} #news-first-container .firstnews .news-latest-subheader h3 p{ color: #FFFFFF;} #news-first-container .firstnews .news-latest-subheader .news-latest-morelink {text-align: right; margin-right: 10px;margin-bottom: 10px; } #news-first-container .firstnews h1{ text-align:right;padding: 5px 10px 10px 5px; border-bottom:#f49103 dotted thin;} #news-first-container .firstnews .news-latest-category { float: right; border:none; margin:0px; font-size:1.4em; font-style:italic;} .news-latest-container .news-latest-item .latest-image { float: left; padding:25px; width:50%;} /*----------------------------------- LEFTNEWS CONTAINER -----------------------------------*/ /*----------------------------------- RIGHTNEWS CONTAINER -----------------------------------*/ .rightnews { padding: 0px 10px 0px 10px; font-size:9px;text-align:right; border-bottom:#f49103 dotted thin;} /* -------------as Latestview---------------*/ #rightnews-latest-container .rightnews {width:17em} #rightnews-latest-container .rightnews a img{padding: 0 3px 3px 10px; float: left;} #rightnews-latest-container .rightnews h4 {padding: 3px; margin:3px; float:left;} #rightnews-latest-container .rightnews p.bodytext {color: #000; padding-left: 3px; margin:5px; text-align: left;} /*------------- as Listview----------------*/ #rightnews-list-container .rightnews {width:17em} #rightnews-list-container .rightnews a img{ padding: 0 3px 3px 10px; float: left;} #rightnews-list-container .rightnews .rightnews h4 {padding: 3px; margin:3px; float:left;} #rightnews-list-container .rightnews p.bodytext {text-align: left; color: #fff; padding:2px; margin:3px; background-color: #232627; } /**************************** GENERAL & MISCANCELATION CLASSES ***************************************************/ .div.news.additional-info { margin-bottom:10px;} div.csc-header { padding-right: 15px;} .prvnxt { margin-left: 2px; margin-right: 2px; text-align:center;} /*----------------------------------- individuell definierte Subheader -------------------------------------*/ p.csc-subheader csc-subheader-0 {font-size: 1.4em; color: #660000; font-style: italic; font-weight: bold; } p.csc-subheader csc-subheader-1 {font-size: 1.4em; color: #444; font-style: italic; font-weight: bold; } p.csc-subheader csc-subheader-2 {font-size: 1.0em; color: #444; font-weight: bold; } p.csc-subheader csc-subheader-3 { } p.csc-subheader csc-subheader-4 { } p.csc-subheader csc-subheader-5 { } p.news-single-imgcaption{max-width: 300px;} p.align-center { text-align:center;} /*--------------------------------- individuell definierte images in artikeln ------------------------------------------------------*/ DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {padding: 0px 10px 0px 10px;!important} DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {padding: 0px 10px 0px 10px;!important} DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {padding: 0px 10px 0px 10px;!important} .csc-textpicHeader csc-textpicHeader-26 { } .logo { } /*-------------------- feste textweiten ------------*/ .text {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1.2em;max-width: 1200px;} .ext {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1.0em;font-style: italic; padding-left: 30px;max-width: 1200px;} /*------------------ flash mp3 players-------------------------------------- */ .tx-wecflashplayer-pi2 { border:#FFFFFF inset thin; } #wec_flashplayer_390 {margin: 0 auto; width: 150px;} .tx-femp3player-pi1 { width: 250px; float:right; margin-right: 50px;} /*------------------ Linklisten -------------------------------------- */ /* ************************************** Der Maincontent - Bereich *******************************************/ /*----------srdmailmailsabscribtion--------*/ .tx-sremailsubscribe-pi1 {padding: 50px 10px 10px 30px; border-bottom:#f49103 dotted thin; } .tx-sremailsubscribe-pi1 p { } .tx-sremailsubscribe-pi1 p.tx-sremailsubscribe-pi1-click-to-edit { } .tx-sremailsubscribe-pi1 h4 { } .tx-sremailsubscribe-pi1 legend { } .tx-sremailsubscribe-pi1 .tx-sremailsubscribe-pi1-notice { } .tx-sremailsubscribe-pi1 .tx-sremailsubscribe-pi1-trash { } .tx-sremailsubscribe-pi1 a { } .tx-sremailsubscribe-pi1 label { } .tx-sremailsubscribe-pi1 label span { } .tx-sremailsubscribe-pi1 .tx-sremailsubscribe-pi1-error { } .tx-sremailsubscribe-pi1 input { } .tx-sremailsubscribe-pi1 input[type=password] { } * html .tx-sremailsubscribe-pi1 input.tx-sremailsubscribe-pi1-password { } .tx-sremailsubscribe-pi1 input[type=radio], .tx-sremailsubscribe-pi1 input[type=checkbox] { } * html .tx-sremailsubscribe-pi1 input.tx-sremailsubscribe-pi1-radio, * html .tx-sremailsubscribe-pi1 input.tx-sremailsubscribe-pi1-checkbox { } .tx-sremailsubscribe-pi1 .tx-sremailsubscribe-pi1-delete-icon { } .tx-sremailsubscribe-pi1 .tx-sremailsubscribe-pi1-delete-icon:hover { } .tx-sremailsubscribe-pi1 a.tx-sremailsubscribe-pi1-file-view { } .tx-sremailsubscribe-pi1 ul { } .tx-sremailsubscribe-pi1 ul.tx-sremailsubscribe-multiple-checkboxes { } .tx-sremailsubscribe-pi1 ul.tx-sremailsubscribe-multiple-checkboxes li { } .tx-sremailsubscribe-pi1 ul.tx-sremailsubscribe-multiple-checkboxes li label { } .tx-sremailsubscribe-pi1 ul.tx-sremailsubscribe-multiple-checked-values li { } .tx-sremailsubscribe-pi1 dl { } .tx-sremailsubscribe-pi1 dt, .tx-sremailsubscribe-pi1 dd { } .tx-sremailsubscribe-pi1 dt { } .tx-sremailsubscribe-pi1 dd { } .tx-sremailsubscribe-pi1 .tx-sremailsubscribe-pi1-multiple-checkboxes dt { } .tx-sremailsubscribe-pi1 .tx-sremailsubscribe-pi1-multiple-checkboxes dd { } * html .tx-sremailsubscribe-pi1 dd { } .tx-sremailsubscribe-pi1 dd p { } .tx-sremailsubscribe-pi1 dd label { } /*----------daNewslettersubscription--------*/ DIV.tx-danewslettersubscription-pi1 { padding: 50px 10px 10px 30px; border-bottom:#f49103 dotted thin;} DIV.tx-danewslettersubscription-pi1 P.tx-danewslettersubscription-pi1-premsg {} DIV.tx-danewslettersubscription-pi1 DIV.tx-danewslettersubscription-pi1-listrow {} DIV.tx-danewslettersubscription-pi1 DIV.tx-danewslettersubscription-pi1-listrow TABLE {} DIV.tx-danewslettersubscription-pi1 DIV.tx-danewslettersubscription-pi1-listrow TABLE TR.tx-danewslettersubscription-pi1-listrow-header {} DIV.tx-danewslettersubscription-pi1 DIV.tx-danewslettersubscription-pi1-listrow TABLE TR.tx-danewslettersubscription-pi1-listrow-header TD P {} DIV.tx-danewslettersubscription-pi1 DIV.tx-danewslettersubscription-pi1-listrow TABLE TR.tx-danewslettersubscription-pi1-listrow-header TD P INPUT {} DIV.tx-danewslettersubscription-pi1 DIV.tx-danewslettersubscription-pi1-listrow TABLE TR {} DIV.tx-danewslettersubscription-pi1 DIV.tx-danewslettersubscription-pi1-listrow TABLE TR.tx-danewslettersubscription-pi1-listrow-header TD {} DIV.tx-danewslettersubscription-pi1 DIV.tx-danewslettersubscription-pi1-listrow TABLE TR TD.tx-danewslettersubscription-pi1-descr {} DIV.tx-danewslettersubscription-pi1 DIV.tx-danewslettersubscription-pi1-listrow TABLE TR TD.tx-danewslettersubscription-pi1-descr P {} DIV.tx-danewslettersubscription-pi1 TABLE {} DIV.tx-danewslettersubscription-pi1 TABLE TR.tx-danewslettersubscription-pi1-form-row {} DIV.tx-danewslettersubscription-pi1 TABLE TR.tx-danewslettersubscription-pi1-form-row TD {} DIV.tx-danewslettersubscription-pi1 TABLE TR.tx-danewslettersubscription-pi1-form-row TD P INPUT {} DIV.tx-danewslettersubscription-pi1 TABLE TR.tx-danewslettersubscription-pi1-form-row TD P SELECT {} DIV.tx-danewslettersubscription-pi1 TABLE TR.tx-danewslettersubscription-pi1-form-row TD P {} DIV.tx-danewslettersubscription-pi1 TABLE TR.tx-danewslettersubscription-pi1-form-row TD.tx-danewslettersubscription-pi1-form-header P {} DIV.tx-danewslettersubscription-pi1 TABLE TR.tx-danewslettersubscription-pi1-form-row TD.tx-danewslettersubscription-pi1-form-header {} DIV.tx-danewslettersubscription-pi1 TABLE TR.tx-danewslettersubscription-pi1-form-row TD P TEXTAREA {} DIV.tx-danewslettersubscription-pi1 INPUT {} DIV.tx-danewslettersubscription-pi1 DIV.tx-danewslettersubscription-pi1-listrow TABLE TR TD.tx-danewslettersubscription-pi1-descr P {margin-bottom: 10px;} DIV.tx-danewslettersubscription-pi1 TABLE TR.tx-danewslettersubscription-pi1-form-row TD {background-color: #ffffff;} DIV.tx-danewslettersubscription-pi1 TABLE TR.tx-danewslettersubscription-pi1-form-row TD.tx-danewslettersubscription-pi1-form-header { background-color: #eeeeee;} DIV.tx-danewslettersubscription-pi1 DIV.tx-danewslettersubscription-pi1-listrow TABLE TR.tx-danewslettersubscription-pi1-listrow-header TD {background-color: #EEEEEE;} DIV.tx-danewslettersubscription-pi1 DIV.tx-danewslettersubscription-pi1-listrow TABLE TR.tx-danewslettersubscription-pi1-listrow-header TD P {font-weight: bold;} /*----------Linklisten--------*/ div.tx-ablinklist-pi1 .tx_ablinklist_topView_links { padding: 5px 10px 5px 7px; } div.tx-ablinklist-pi1 .tx_ablinklist_topView_links .tx_ablinklist_topView_link {padding-left: 5px; font-style:italic; } div.tx-ablinklist-pi1 a.tx_ablinklist_listView_linkAddNew { font-size: 16px; font-weight:bold;} #mainContent .tx-ablinklist-pi1 { margin:2em 20em;} #sidebar1 .tx-ablinklist-pi1 { margin:0px auto; width:100%;} /*---------- iframe --------*/ #mainContent div.tx-ffiframe-pi1 { display:inline; margin-top: 0; } #mainContent div.tx-ffiframe-pi1 iframe {margin-top: 0; border-width: 0px;} /*---------- submenues & sidemaps --------*/ #mainContent .csc-menu { list-style:none;} #mainContent .csc-menu a{ font-size: 14px; } #mainContent ul.csc-menu li ul li.csc-section { list-style:none;} #mainContent ul.csc-menu li ul li.csc-section a{ list-style:none; font-size: 12px!important; } /*---------- Pressecentrum --------*/ #mainContent .tx-cwtpresscenter-pi1, #mainContent .tx-cwtpresscenter-pi1 .tx-cwtpresscenter-pi1-listrow { padding-left: 10px;} /*---------- Addresslisten --------*/ #mainContent .tx_dmaddredit-pi1-dotted { border: 1px solid #DADADA; } #mainContent .tx_dmaddredit-pi1-small { font-size: 9px; } #mainContent .tx-dmaddredit-pi1 td { font-size: 11px; font-style:italic; } #mainContent .tx_dmaddredit-pi1-groups { font-size: 9px; vertical-align: top;} #mainContent .tx_dmaddredit-pi1-grouptable {} /*---------- Seitenspezifische Einstellungen --------*/ /*---------- Page 6 --------*/ #mainContent .p6-textpic { margin:0 300px 0 15px; padding: 0 0 50px 0; display:block; border-bottom:#f49103 dotted thin; } #mainContent .p6-textpic h3 { padding: 0 0 5px 0;} /*---------- Page 22 --------*/ #mainContent .p22-header { padding: 60px 0 10px 0; display:block; border-bottom:#f49103 dotted thin; } /*---------- Page 134 --------*/ #mainContent .p134-textpic { border-bottom:#f49103 dotted thin; height:400px;} #mainContent .p134-textpic h3 { padding: 0 0 5px 0; margin-right:300px; text-align: right;!important;} #mainContent .p134-textpic .csc-textpic-left .csc-textpic-text { clear:none;!important;} #mainContent .p134-textpic .csc-textpic .csc-textpic-imagewrap .csc-textpic-image img {margin-left: 100px; padding: 20px; border: #f49103 inset thin; background: url(../grafik/SPA_2272_1.gif) repeat;} #mainContent .p134-menu {clear:none; border-bottom:#f49103 dotted thin;} /**************************** Die SidebarBereiche ********************************************************************/ /*---------- submenues & sidemaps --------*/ #sidebar1 .csc-menu { list-style:none;} #sidebar1 .csc-menu a{ font-size: 14px; } #sidebar1 ul.csc-menu li ul li.csc-section { list-style:none; padding: 5px 0 10px 0; border-bottom:#f49103 dotted thin;} #sidebar1 ul.csc-menu li ul li.csc-section a{ list-style:none; font-size: 12px!important; } /*---------- Lastfm-player--------*/ #sidebar1 .sidebarWidget { margin:0 auto; width: 17em; padding: 0 0 10px 0; border-bottom:#f49103 dotted thin;} /*---------- flash-player audio--------*/ #sidebar1 .tx-wecflashplayer-pi2 { margin:0 auto; width: 17em; padding: 3px 2px; border-bottom:#f49103 dotted thin;} /*----------Submenues--------*/ #sidebar1 .csc-menu {max-width: 17em; padding: 0 0 10px 0; border-bottom:#f49103 dotted thin;} /*----------Linklisten--------*/ #sidebar1 .tx-ablinklist-pi1 {max-width: 17em; padding: 0 0 10px 0; border-bottom:#f49103 dotted thin;} /*---------search--------*/ #sidebar1 .p14-search {max-width: 17em; padding: 0 0 10px 0; border-bottom:#f49103 dotted thin;} /*----------fromtend User-Registrierung--------*/ #sidebar1 .tx-srfeuserregister-pi1 {max-width: 17em; padding: 0 0 10px 0; border-bottom:#f49103 dotted thin;} /*---------- fromtend Userloginbox --------*/ #sidebar1 .tx-newloginbox-pi1 {max-width: 17em; padding: 0 0 10px 0; border-bottom:#f49103 dotted thin;} /**************************** Styles, die zum Editieren im Texteditor verwendbar sind ********************************************************************/ .styleInsetBright { border:#f49103 inset thin; background: url(../grafik/SPA_2272_1.gif) repeat; } .styleInset { border:#f49103 inset thin;!important } .styleBlackBg { padding: 60px 15px 20px 15px; background-color :#000000; color: #FFFFFF;} .styleBottomDotted { padding: 5px 5px 15px 5px; border-bottom:#f49103 dotted thin; } .styleMarginLeft { margin-left: 0 0 0 25px;!important} .styleWidth05 { width: 50%;!important } .styleWidth03 { width: 30%;!important } .fltrt {float: right;margin-left: 8px; }/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ .fltlft {float: left;margin-right: 8px; padding: 15px 15px 15px 20px;} hr.clearer { border-bottom:#f49103 dotted thin; clear:left; } .clearfloat { clear:both;font-size:9px;text-align:right;}