/********************************************* *** Designed by Juergen Koller *** *** Designers Home: http://www.LernVid.com *** **********************************************/ /****************** Template Colors ******************/ body { color: #555; background-color: #a2cdfd; } a, a:link, a:visited, a:active, a:focus { color: #a52a2a; } #wrapper { background-color: #efefef; border-left: 1px solid #fff; border-right: 1px solid #fff; } #foot_container { background-color: #efefef; border-left: 1px solid #fff; border-right: 1px solid #fff; } #header { background-color:#383838; border-top:1px solid #000; border-left:1px solid #111; border-right:1px solid #111; } /* triangles in header */ .heckl { border-top: 10px solid #222; } .heckr { border-top: 10px solid #222; } /* triangles in header end */ #banner { color: #ccc; border:1px solid #444; background-color:#282828; } #logo { color:#ddd; } a.imglogo { color: #ddd !important; } #subhead { background-color: #f9f9f9; border: 1px solid #fff; } .breadcrumbs { color:#888; } .breadcrumbs span { color:#555; } #maincontent { background-color: #f9f9f9; border: 1px solid #e9e9e9; border-top: 2px solid #fff; border-bottom: 2px solid #fff; border:3px double #e9e9e9; } #subfoot { background-color: #313131; border-top: 1px solid #fff; border-bottom: 1px solid #222; } .copytext { color: #5b6c71; } #footer { background-color:#222; border-top: 1px solid #444; border-left:1px solid #444; border-right:1px solid #444; border-bottom:2px solid #555; } #footermodule1234, #footermodule1234 a, #footermodule1234 ul.menu, #footermodule5, #footermodule5 a { color:#5B6C71; } #footer a#gotop { color: #fff; } span#copy a { color: #555; } /* triangles in footer */ .feckl { border-bottom: 10px solid #222; } .feckr { border-bottom: 10px solid #222; } /* triangles in footer end */ #leftcol .module div div, #leftcol .module_menu div div, #leftcol .module_text div div, #rightcol .module div div, #rightcol .module_menu div div, #rightcol .module_text div div { border: 1px solid #fff; } #leftcol .module div.lvround-inner, #leftcol .module_menu div.lvround-inner, #leftcol .module_text div.lvround-inner, #rightcol .module div.lvround-inner, #rightcol .module_menu div.lvround-inner, #rightcol .module_text div.lvround-inner { background: #f9f9f9; border: 1px solid #ddd; } #wrapper #leftcol h3.moduleh3 { background-color:#383838; color: #ddd; border-top: 1px solid #555; border-right: 1px solid #999; border-left: 1px solid #555; } #wrapper #rightcol h3.moduleh3 { background-color:#383838; color: #ddd; border-top: 1px solid #555; border-left: 1px solid #999; border-right: 1px solid #555; } /* triangles in module h3 */ .h3eckl { border-top: 10px solid #222; } .h3eckr { border-top: 10px solid #222; } /* triangles in module h3 end */ /**** Global Modules ****/ div.module { background-color:#fff; color:#505050; border:1px solid #ddd; } div.module h3.moduleh3 { background-color:#efefef; border:1px solid #ddd; } #sidepanel { background: #222; border: 2px solid #434345; border-left:0; } .input, .inputbox { color: #555; background-color: #efefef; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } .input:hover, .inputbox:hover { color : #000; background-color: #f9f9f9; } input.button, button.button, button.validate, .pagenav, ul.pagenav li a { color: #555; background-color: #efefef; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #fff; border-bottom: 1px solid #fff; background-image:url('../images/button.png'); background-repeat:repeat-x; } input.button:hover, button.button:hover, button.validate:hover, .pagenav, ul.pagenav li a:hover { color: #000; background-color: #fff; } .contentheading, .contentheading a { color: #353535 !important; } div.item-separator { border-bottom:3px double #eee; } #simpleTooltip { border: 3px double #A6A7AB; background-color: #F2F3F5; color: #800000; } /****************** Menu Colors ******************/ /**** Dropdown Menu with suffix: _lv_dropdown ****/ #topmenu ul.menu { background-color:#222; border-top:3px double #fff; border-bottom:3px double #fff; } #topmenu ul.menu li { border-right: 1px solid #555; } #topmenu ul.menu li a, #topmenu ul.menu li span.separator { border:1px solid #000; border-right:1px solid #222; border-bottom:1px solid #333; color:#ccc; background-color:#222; } #topmenu ul.menu a:hover { color:#fff; } /** LEVEL 2 **/ #topmenu ul.menu ul { border:2px solid #000; background-color:#222; } #topmenu ul.menu li ul li a, #topmenu ul.menu li ul li span.separator { color: #999; border-top: 1px solid #000; border-left: 1px solid #333; border-bottom: 1px solid #333; border-right: 1px solid #333; } #topmenu ul.menu li ul li a:hover { color : #fff; } #topmenu ul.menu li li { background-color: #171717; } #topmenu ul.menu li li:hover { background-color: #212121; } /**** Mainmenu with suffix: _menu ****/ .module_menu ul.menu li a, .module_menu ul.menu li span.separator { color: #333; border-bottom:1px dotted #ccc; } .module_menu ul.menu li a:hover, .module_menu ul.menu li a:active, .module_menu ul.menu li a:focus { color: #000; font-weight:bold; } .module_menu ul.menu li.current a { color: #000; } .module_menu ul.menu li.current ul li a { color: #000; } /* Joomla specific */ /* contact component */ #basic-details, #display-form, #display-links, #display-misc { background-color:#fff; border:1px solid #ddd; border-bottom:1px solid #bbb; } #contact-slider { border: 5px solid #eee; }/********************************************* *** Designed by Juergen Koller *** *** Designers Home: http://www.LernVid.com *** **********************************************/ /****************** LAYOUT ******************/ html { height : 100%; } body { font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; margin:0; padding:0; line-height:1.3em; background-image:url('../images/background.png'); } #wrapper, #foot_container { margin: 0 auto; } #wrapper { padding: 0 0 10px 0; } #foot_container { padding:0; overflow:visible; } #header_container { height: auto; width: 100%; margin:auto; padding: 14px 0 0 0; } #header { min-height: 120px; margin: 0 -21px 5px -21px; padding:0 0 0 21px; position:relative; background-image:url('../images/header.png'); background-repeat:repeat-x; } /* triangles in header */ .heckl { width: 0; height: 0; line-height: 0; border-left: 19px solid transparent; top: 100%; left: 0; position: absolute; } .heckr { width: 0; height: 0; line-height: 0; border-right: 19px solid transparent; top: 100%; right: 0; position: absolute; } /* triangles in header end */ #logo { width: auto; overflow:hidden; } a.imglogo { line-height: normal; font-size:36px; display:block; margin:0; padding:0; } a.imglogo:hover { text-decoration:none; } a.medialogo { line-height: normal; font-size:36px; display:block; margin:0; padding:0; } a.medialogo:hover { text-decoration:none; } #logo a.logo { line-height: normal; font-size:46px; display:block; margin:0; letter-spacing:-1px; padding: 20px 40px 10px 60px; } a.logo:hover { text-decoration:none; } div.slogan { line-height: normal; font-size:18px; display:block; margin:0; padding: 0 40px 10px 100px; } #headermodule1,#headermodule2 { } #topmenu_container { width: 100%; margin: 15px 0 0 0; height: auto; min-height:30px; } #topmenu { height:auto; margin:auto; } #topmenu ul, #topmenu ul li { list-style : none; } #subhead { height:33px; width: 99.5%; margin: 10px .2% 0 .2%; background-image:url('../images/subhead.png'); background-repeat:repeat-x; } .breadcrumbs { float:left; width: 650px; height:16px; line-height:16px; overflow:hidden; font-family: Verdana; font-size:11px; margin:8px 0 0 26px; padding: 0 7px; } #search { position:relative; float:right; width: 210px; height:20px; padding: 0 0 0 18px; margin-top:4px; background-image:url('../images/search.png'); background-repeat:no-repeat; background-position: left 2px; } #container { text-align:left; padding: 10px 7px 0 7px; margin:auto; } #container2 { text-align:left; margin:auto; } #page_content { padding: 0px; margin: 0px; width: 100%; } #leftcol { width: 21%; float: left; margin:0; padding: 0 0 10px 0; } #rightcol { float: right; margin:0; padding: 0 0 10px 0; } /* left and right NOT loaded */ #content_out { margin: 0 0 0 0.2%; } /* just left loaded */ #content_outleft { float:right; } /* left and right loaded */ #content_outmiddle { float:left; margin: 0 1%; } /* just right loaded */ #content_outright { float:left; } #maincontent { float:left; width: 93.6%; padding: 20px 3% 20px 3%; margin:10px 0 0 0; min-height: 200px; overflow:hidden; background-image:url('../images/background.png'); } .clr { clear:both; } #subfoot { min-height: 15px; line-height: 15px; width: 100%; } .copytext { padding: 3px 0; font-size: 11px; text-align:center; font-weight:bold; } #footer { min-height: 80px; margin: 0 -16px 0 -16px; padding:0; position:relative; overflow:visible; background-image:url('../images/footer.png'); background-repeat:repeat-x; } .footer-inner { display:inline-block; width:100%; min-height:62px; } .feckl { width: 0; height: 0; line-height: 0; border-left: 14px solid transparent; top: -11px; left: 0; position: absolute; } .feckr { width: 0; height: 0; line-height: 0; border-right: 14px solid transparent; top: -11px; right: 0; position: absolute; } #scroll_up { float: right; width: 10%; } a#gotop { display:block; height:50px; line-height:45px; width:100%; text-align:center; } a#gotop:hover { text-decoration:overline; } .footer-bottom { display:inline-block; width: 100%; line-height:normal; font-style:italic; } span#date { font-size:10px; float:left; padding-left:20px; } span#copy { font-size:10px; text-align:right; float:right; padding-right:20px; } span#copy a:hover { text-decoration:none; } #leftcol .module, #leftcol .module_menu, #leftcol .module_text, #rightcol .module, #rightcol .module_menu, #rightcol .module_text { margin-top:0; background-color: transparent; border:0; } #leftcol .module div div, #leftcol .module_menu div div, #leftcol .module_text div div, #rightcol .module div div, #rightcol .module_menu div div, #rightcol .module_text div div { } #leftcol .module div.lvround-inner, #leftcol .module_menu div.lvround-inner, #leftcol .module_text div.lvround-inner, #rightcol .module div.lvround-inner, #rightcol .module_menu div.lvround-inner, #rightcol .module_text div.lvround-inner { margin: 0; padding: 10px 3%; } #leftcol .module div div div div, #leftcol .module_menu div div div div, #leftcol .module_text div div div div, #rightcol .module div div div div, #rightcol .module_menu div div div div, #rightcol .module_text div div div div { border: 0; } #leftcol h3.moduleh3, #rightcol h3.moduleh3 { font-size: 120%; background-image:url('../images/h3-module.png'); background-repeat:repeat-x; border-bottom:0; } #wrapper #leftcol h3.moduleh3 { min-height:35px; line-height:35px; margin: 10px 0 0 -20px; padding: 0 10px 0 30px; text-align:left; position:relative; border-bottom:0; } #wrapper #rightcol h3.moduleh3 { min-height:30px; line-height:30px; margin: 10px -20px 0 0; padding: 0 30px 0 10px; text-align:right; position:relative; } .h3eckl { width: 0; height: 0; line-height: 0; border-left: 11px solid transparent; top: 100%; left: 0; position: absolute; } .h3eckr { width: 0; height: 0; line-height: 0; border-right: 11px solid transparent; top: 100%; right: 0; position: absolute; } .moduletable h3 { margin: 10px 0; } /****************** MENUES ******************/ /* Mainmenu default*/ .module_menu ul.menu { margin: 0; padding : 0; background : none; list-style:none; } .module_menu ul.menu li { margin : 0; padding : 0 0 0 4px; background : none; list-style:none; margin: 0; } .module_menu ul.menu li a, .module_menu ul.menu li span.separator { display : block; vertical-align : middle; font-size : 14px; text-align : left; text-decoration : none; padding:3px 0; margin:4px 0 0 0; border-bottom:1px dotted #ccc; clear:both; overflow:visible; } .module_menu ul.menu li a img { vertical-align:middle; padding-right: 5px; } .module_menu ul.menu li a span { vertical-align:middle; } .module_menu ul.menu li.current a { font-weight:bold; } .module_menu ul.menu li.current ul li a { font-weight:normal; } .module_menu ul.menu li ul { margin : 0 0 0 10px; padding : 0px; } .module_menu ul.menu li li { list-style: none !important; margin :0; padding : 0; min-height:22px; line-height: 22px; background : none; } .module_menu ul.menu ul li a { background: none; font-size:11px; min-height:18px; line-height:18px; } /* Mainmenu default END */ /* Mainmenu normal */ ul.menu { font-size:14px; line-height:22px; } ul.menu li a span { font-size:14px; clear:both; vertical-align:middle; } /* Mainmenu normal END */ .input, .inputbox { font-size:11px; padding : 2px 3px 2px 3px; margin : 2px 3px 2px 3px; } a, a:link, a:visited, a:active, a:focus { outline : none; text-decoration : none; } .shadow-left { display: block; height:8px; background-image:url('../images/shadow-l.png'); background-repeat:no-repeat; background-position: left; } .shadow-right { display: block; height:8px; background-image:url('../images/shadow-r.png'); background-repeat:no-repeat; background-position: right; margin-top:-8px; margin-bottom:10px; } #simpleTooltip { padding: 7px; max-width:300px; }/********************************************* *** Designed by Juergen Koller *** *** Designers Home: http://www.LernVid.com *** **********************************************/ /****************** Blog Cols ******************/ .cols-1 { display: block; float: none !important; margin: 0 !important; } .cols-2 .column-1 { width:46%; float:left; } .cols-2 .column-2 { width:46%; float:right; margin:0 } .cols-3 .column-1 { float:left; width:29%; padding:0px 5px; margin-right:4% } .cols-3 .column-2 { float:left; width:29%; margin-left:0; padding:0px 5px } .cols-3 .column-3 { float:right; width:29%; padding:0px 5px } .items-row { overflow:hidden; margin-bottom:10px !important; } .column-1, .column-2, .column-3 { padding:10px 5px } .column-2 { width:55%; margin-left:40%; } .column-3 { width:30% } .item { overflow:hidden; } .blog-more { padding:10px 5px } /****************** System TOOLTIPS ******************/ .tip-wrap { float : left; background-color : #202020; border:3px double #555; padding : 7px 9px; z-index: 13000; max-width:300px; } .tip-title { color: #fff; font-weight:bold; font-size:12px; } .tip-text { color: #999; font-size:11px; font-weight: normal; margin : 0; } /****************** PAGENAV ******************/ input.button, button.button, .pagenav, button.validate { font-size:11px; padding : 3px 6px !important; } #maincontent ul.pagenav { list-style-type:none; padding:0; overflow:hidden; border: 0; background:none; } ul.pagenav { display:inline-block; margin-top:20px; width:99%; } ul.pagenav li { display:inline-block; padding:0px; margin:0; } #maincontent ul.pagenav li { line-height:2em } ul.pagenav li a { display:inline; text-decoration:none; padding : 4px 6px !important; } ul.pagenav li.pagenav-prev { float:left } ul.pagenav li.pagenav-next { float:right } /****************** PAGENATION ******************/ #maincontent .pagination { margin:10px 0 ; padding:10px 0 10px 0px; } #maincontent .pagination ul { list-style-type:none; margin:0; padding:0; text-align:left; clear:both; } #maincontent .pagination li { display:inline; padding:2px 5px; text-align:left; margin:0 2px } #maincontent .pagination li.pagination-start, #maincontent .pagination li.pagination-next, #maincontent .pagination li.pagination-end, #maincontent .pagination li.pagination-prev { border:0 } #maincontent .pagination li.pagination-start , #maincontent .pagination li.pagination-start span { padding:0 } p.counter { font-weight:bold; text-align:right; clear:both; } /****************** PRINT-EMAIL ******************/ #maincontent ul.actions { text-align:right; padding:0 ; width:100%; margin:0 } #maincontent ul.actions li { display:inline } #maincontent ul.actions a { text-decoration:none } /* vote */ span.content_rating,span .content_vote { display:block; } .contentheading { background-image:url('../images/balloon.png'); background-repeat:no-repeat; min-height:32px; line-height:32px; padding-left:40px; font-family:Verdana; margin: 10px 0; } /****************** ARTICLE INFOS ******************/ .article-detailer { font-weight:bold; background-image:url('../images/article-detailer-plus.png'); background-position:left 4px; background-repeat:no-repeat; padding: 0 0 0 20px; margin: 0 0 10px 0; display:block; letter-spacing:2px; height:22px; line-height:22px; cursor:pointer; } .article-detailer:hover { } .article-info { margin:0 0 30px 0px; font-size:11px; padding-left: 20px; } .article-info-term { display:none } dd.parent-category-name, dd.category-name, dd.create, dd.modified, dd.published, dd.createdby, dd.hits { padding-left:20px; min-height:16px; line-height:16px; background-repeat:no-repeat; margin:10px 0 !important; line-height: normal !important; } dd.parent-category-name { background-image:url('../images/parent-catagory.png'); } dd.category-name { background-image:url('../images/category.png'); } dd.create { background-image:url('../images/create.png'); } dd.modified { background-image:url('../images/modified.png'); } dd.published { background-image:url('../images/create.png'); } dd.createdby { background-image:url('../images/createdby.png'); } dd.hits { background-image:url('../images/hits.png'); } .archive .article-info dd, .article-info dd { margin:2px 0 0px 0; line-height:1.2em } dd.createdby { } .article-info dd span { text-transform:none; display:inline-block; padding:0 5px 0 0px; margin:0 10px 0 0px; } /****************** CATEGORIES LIST ******************/ #maincontent .categories-listalphabet ul { padding:0; margin:20px 10px 10px 0; list-style-type:none; list-style-position:inside } #maincontent .categories-listalphabet ul li { display :inline; padding:5px; border-right:solid 1px #ddd } #maincontent .categories-list ul { list-style-type:none; margin:0 } #maincontent .cat-children{ padding-left:5px; } #maincontent .cat-children ul dl dt, #maincontent .cat-children ul dl dd, #maincontent dl.article-count dt, #maincontent dl.article-count dd { display:inline; } #maincontent dl.article-count dd { margin:0; } #maincontent .cat-children ul { list-style-type :none; margin:0; padding:0; } #maincontent .cat-children ul { margin:20px 20px 20px 0; } #maincontent .cat-children ul ul{ margin:20px } #maincontent .cat-children ul li { margin:10px 0 10px 0 } /****************** TABLES ******************/ table.weblinks, table.category { font-size:1em; margin:10px 10px 20px 0px; width:99%; } table.weblinks td { border-collapse:collapse; } table.weblinks td, table.category td { padding:7px; } table.weblinks th, table.category th { padding:7px; text-align:left } td.num { vertical-align:top; text-align:left; } td.hits { vertical-align:top; text-align:center } td p { margin:0; line-height:1.3em } .filter { margin:10px 0 } .display-limit, .filter { text-align:right; margin-right:7px } /****************** CATEGORY TABLE ******************/ table.category th a img { padding:2px 10px } .filter-search { float:left; } .filter-search .inputbox{width:6em;} legend.element-invisible { position:absolute; margin-left:-3000px; margin-top:-3000px; height:0px; } .cat-items { margin-top:20px } /* contact */ #main .contact h3 { border-bottom:solid 1px #ddd; margin: 20px 0 } .form-required { font-weight:bold; margin:10px 0; background-image:url('../images/req.png'); background-repeat:no-repeat; background-position:10px; padding:10px 50px; } .contact .inputbox { padding:3px } /* contact slider */ .panel { margin-top:-1px; padding:3px; } #basic-details, #display-form, #display-links, #display-misc { margin:0; padding:0; background-image:url('../images/tables.png'); background-repeat:repeat-x; } #main .contact .panel h3 { margin:0px 0 0px 0; padding: 0; border:0 } .panel h3 a { display:block; padding:6px; text-decoration:none; padding:6px; } .panel h3.pane-toggler a { background: url(../images/slider-plus.png) right top no-repeat; } .panel h3.pane-toggler-down a { background: url(../images/slider-minus.png) right top no-repeat; } .pane-slider { border:solid 0px; padding:0px 10px !important; margin:0; } .panel .contact-form, .panel .contact-miscinfo { padding:10px } .contact .panel .contact-form form, .contact .panel .contact-address { margin:20px 0 0 0 } /* tabs */ div.current { background: url(../images/nav_level_1.gif) repeat-x ; } /******************** contacts ********************/ .contact { padding:0 5px } .contact-category { padding:0 10px } .contact-category #adminForm fieldset.filters { border:0; padding:0 } .contact-image { margin:10px 0; float:right; overflow:hidden; } .contact-image img { float:right; } address { font-style:normal; margin:10px 0; } address span { display:block; } .contact-position { font-weight:bold; font-size:1.4em; } .contact-address { margin:20px 0 10px 0; } .contact-email div { padding:2px 0; margin:0 0 10px 0; } .contact-email label { width:17em; float:left; } span.contact-image { margin-bottom:10px; overflow:hidden; display:block } #contact-textmsg {padding: 2px 0 10px 0} #contact-email-copy { float:left; margin-right:10px; } .contact .button { float:none !important; clear:left; display:block; margin:20px 0 0 0 } dl.tabs { float: left; margin: 50px 0 0 0; z-index: 50; clear:both; } dl.tabs dt { float: left; padding: 4px 10px; margin-right: 3px; } dl.tabs dt.open { z-index: 100; color: #000; } div.current { clear: both; padding: 10px 10px; max-width: 500px; } div.current dd { padding: 0; margin: 0; } dl#content-pane.tabs { margin: 1px 0 0 0; } /* tables */ table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th { font-size:16px; } table.category th a img { border:solid 0px ; } #main table.moduletable td, #main table.moduletable tr, fieldset.filters { border:0; } /* login */ #login-form { padding-top:5px } #login-form ul { padding:15px } #login-form fieldset { padding:0px; border:0; } #login-form fieldset.input { padding:10px 0 0 0; margin:0px 0 10px 5px } #login-form label { margin-right:10px; width:8.4em; display:block; float:left } #form-login-remember label { float:none; width:auto; display:inline } fieldset.input { border:0 ; } #modlgn-username, #modlgn-passwd { width:9em } .module_content #form-login-username label, .module_content #form-login-password label { float:left; width:5.2em } .login-fields { margin:10px 0 } .login-fields label { float:left; width:9em } .login-description img, .logout-description img { float:left; margin-right:20px } .login-description, .logout-description { overflow:hidden; padding-left:5px; margin:20px 0 10px 0 } .logout-description { margin-bottom:20px } /* forms */ #member-registration { padding:0 5px } #member-registration fieldset { border:solid 1px #ddd } form fieldset dt { clear:left; float:left; width:12em; padding:3px 0 } form fieldset dd { float:left; padding:3px 0 } /* form validation */ .invalid { border-color:red !important; } label.invalid { color:red; } /* user profile */ #users-profile-core, #member-profile #users-profile-custom { border:solid 1px #ccc; } fieldset { border:solid 1px #ccc; } /* user profile */ #users-profile-core, #users-profile-custom { margin:10px 0 15px 0; padding:15px; } #users-profile-core dt, #users-profile-custom dt { float:left; width:10em; padding:3px 0 } #users-profile-core dd, #users-profile-custom dd { padding:3px 0 } #member-profile fieldset, .registration fieldset { margin:10px 0 15px 0; padding:15px; } #users-profile-core legend, .profile-edit legend, .registration legend { font-weight:bold } /* search */ .searchintro { font-weight:normal; margin:20px 0 20px; } #searchForm { padding:0 5px } .form-limit { margin:20px 0 0; text-align:right; padding:0 10px 0 20px; } .highlight { font-weight:bold; } .ordering-box { width:40%; float:right; } .phrases-box { width:60%; float:left } .only, .phrases { margin:10px 0 0 0px; padding:15px ; line-height:1.3em; } label.ordering { display:block; margin:10px 0 10px 0 } .word { padding:10px 10px 10px 0; } .word input { font-weight:bold; margin:1px 1px 1px 10px; padding:3px; } .word input:focus { margin:0 0 0 9px; } .word label { font-weight:bold } fieldset.only label, fieldset.phrases label { margin:0 10px 0 0px } .ordering-box label.ordering { margin:0 10px 5px 0; float:left } form .search label { display:none } /* selects */ .phrases .inputbox { width:10em; } .phrases .inputbox option { padding:2px; } /* search results */ dl.search-results dt.result-title { padding:15px 15px 0px 5px; font-weight:bold; } dl.search-results dd { padding:2px 15px 2px 5px } dl.search-results dd.result-text { padding:10px 15px 10px 5px; line-height:1.7em } dl.search-results dd.result-created { padding:2px 15px 15px 5px } dl.search-results dd.result-category S{ padding:10px 15px 5px 5px } .highlight { background: #FF9999; color: red; font-weight:bold; padding:2px; } /* editor */ .contentpaneopen_edit img { border:0 } form.editor fieldset { border:solid 1px #ccc; } /* edit */ form#adminForm { border:solid 0px #000 } .edit form#adminForm fieldset { border:solid 1px #ddd } .edit form#adminForm legend { font-weight:bold } /* edit */ legend { padding:3px 5px; } .edit form#adminForm fieldset { padding:20px 15px; margin:10px 0 15px 0; } .formelm { margin:5px 0 } .formelm label { width:13em; display:inline-block; vertical-align:top; } form#adminForm .formelm-area { padding:5px 0 } form#adminForm .formelm-area label { vertical-align:top; display:inline-block; width:7.9em } .formelm-buttons { text-align:right; margin-bottom:10px } a.modal-button, .button2-left .blank a, .button2-left a, .button2-left div.readmore a { background:#eee; padding:4px !important; margin:0 !important; line-height:1.2em; border:solid 1px #ddd; font-weight:bold; text-decoration:none; margin-top:10px !important } /* -- buttons */ #editor-xtd-buttons { padding: 0px; } .button2-left, .button2-right, .button2-left div, .button2-right div { float: left; } .button2-left a, .button2-right a, .button2-left span, .button2-right span { display: block; float: left; cursor: pointer; } .button2-left span, .button2-right span { cursor: default; } .button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span { padding: 0 6px; } .page span { font-weight: bold; } .button2-left a:hover, .button2-right a:hover { text-decoration: none; } .button2-left a, .button2-left span { padding: 0 24px 0 6px; } .button2-right a, .button2-right span { padding: 0 6px 0 24px; } .button2-left { float: left; margin-left: 5px; } .button2-right { float: left; margin-left: 5px; } /* mod stats */ .stats-module dl { margin:10px 0 10px 0; } .stats-module dt { float:left; margin:0 10px 0 0; font-weight: bold; } .stats-module dt, .stats-module dd{ padding:2px 0 2px 0; } /****************** GLOBAL THINGS ******************/ #maincontent ul li, #maincontent ol li { padding:0; line-height:1.7em; margin: 0; } .category-desc { line-height:1.7em; margin:10px 0; padding-left:0px } .image-left { float:left; margin:0 15px 5px 0; } .image-right { float:right; margin:0 0 5px 15px } fieldset { border:0; } dl#system-message { font-weight:bold; font-size:15px; } dl#system-message dt.error { color: red; } #mailto-window{ width:950px; margin:0 auto; padding:20px; } div.item-separator { clear:both; margin:15px 0; } p.readmore { background-image:url('../images/readmore.png'); background-repeat: no-repeat; padding-left:19px; background-position: 0 1px; line-height:normal; clear: both; }/********************************************* *** Designed by Juergen Koller *** *** Designers Home: http://www.LernVid.com *** **********************************************/ a, a:link, a:visited, a:active, a:focus { font-family: Verdana; outline : none; text-decoration : none; } a:hover { text-decoration : underline; } /* ACCORDION */ a.lvacc { cursor:pointer; color: #555; font-weight:bold; display:block; padding:6px 5px 7px 35px; margin:5px; background-color:#eee; background-image : url(../images/lvacc.jpg); background-repeat : no-repeat; } a.lvacc:hover { color: #000; display:block; background-color:#fff; background-position: left -30px; text-decoration:none; } a.lvacc:active { color: #0099FF !important; } a.lvacc_active { color: #0099FF; background-position: left -60px; } a.lvacc_active:hover { color: #000; background-position: left -60px; } .hideme { margin-bottom:50px; } /* ACCORDION end */ hr { border:none; border-top: 3px double #999; margin: 15px 0; } hr.black { border-top: 3px double #000; } hr.red { border-top: 3px double #FF5050; } hr.blue { border-top: 3px double #00CCFF; } hr.green { border-top: 3px double #66FF66; } h1,h2,h3,h4,h5,h6 {margin-top: 25px; margin-bottom:10px} h1 {font-size: 2em;} h2 {font-size: 1.8em;} h3 {font-size: 1.6em;} h4 {font-size: 1.4em;} h5 {font-size: 1.2em;} h6 {font-size: 1em;} h1.section, h2.section, h3.section { background-image : url(../images/icons/section.png); background-repeat : no-repeat; background-position: 10px; padding: 15px 0 15px 65px; margin:40px 0 20px -20px; text-decoration:underline; font-family:Georgia; } h1.section {font-size:2.2em;} h2.section {font-size:2em;} h3.section {font-size:1.8em;} h3.the-end { font-family: Georgia; text-align:right; } /* special paragraphs */ p.contenthead { background:#fff; padding: 15px; border: 10px solid #e9e9e9; display:inline-block; width: 90%; color: #333; margin:20px 0; } p.contenthead-dark { background:#333; padding: 15px; border: 10px solid #555; display:inline-block; width: 90%; color: #ccc; margin:20px 0; } p.contenthead-blue { background:#c3d2e5; padding: 15px; border: 10px solid #e4ebf3; display:inline-block; width: 90%; color: #2c55bb; margin:20px 0; } p.contenthead-red { background:#e4c5ca; padding: 15px; border: 10px solid #efdee0; display:inline-block; width: 90%; color: #d55175; margin:20px 0; } p.contenthead-green { background:#8bf279; padding: 15px; border: 10px solid #c8f9bf; display:inline-block; width: 90%; color: #348525; margin:20px 0; } p.tip, p.alert, p.info, p.right, p.alarm, p.tell, p.note, p.content, p.question { width: auto; padding: 20px 30px 20px 50px; margin:10px 0; background-repeat : no-repeat; background-position: 10px center; } p.tip { border-top: 2px solid #ffea51; border-bottom: 2px solid #ffea51; border-left: 1px solid #fff; border-right: 1px solid #fff; background-color: #ffffb0; background-image : url(../images/icons/tip.png); } p.alert { border-top: 1px solid #FF5050; border-bottom: 1px solid #FF5050; border-left: 1px solid #fff; border-right: 1px solid #fff; background-color: #ffe1e1; background-image : url(../images/icons/alerts.png); } p.info { background-image : url(../images/icons/info.png); } p.right { background-image : url(../images/icons/right.png); } p.alarm { background-image : url(../images/icons/alert.png); } p.tell { background-image : url(../images/icons/tell.png); } p.content { background-image : url(../images/icons/content.png); } p.note { background-image : url(../images/icons/note.png); } p.question { background-image : url(../images/icons/question.png); } p.hot, p.new, p.top { background:#fff; padding: 15px; border: 1px solid #ccc; display:inline-block; width: auto; color: #555; margin:20px 0; padding: 15px 50px 15px 15px; background-position:right top; background-repeat:no-repeat; } p.hot { background-image : url(../images/icons/hot.gif); } p.new { background-image : url(../images/icons/new.gif); } p.top { background-image : url(../images/icons/top.gif); } form { width:99%; display: inline-block; } ul, ol { margin:0; padding:0 0 0 15px; } ul li { list-style: square; } ul li li { list-style: disc; } ul li li li { list-style: circle; } ul li li li li { list-style: upper-roman; } ul li li li li li { list-style: lower-roman; } ul.arrow, ul.arrow ul, ul.folder, ul.folder ul, ul.ok, ul.ok ul, ul.star, ul.star ul, ul.cross, ul.cross ul { margin:0; padding:10px 0 10px 10px; } ul.arrow li, ul.arrow li li, ul.folder li, ul.folder li li, ul.ok li, ul.ok li li, ul.star li, ul.star li li, ul.cross li, ul.cross li li { margin:0; padding:0; background-repeat : no-repeat; background-position:0 4px; padding-left: 16px !important; list-style:none; line-height:1.6em !important; } ul.arrow li, ul.arrow li li { background-image : url(../images/icons/arrow.gif); } ul.folder li, ul.folder li li { background-image : url(../images/icons/folder.gif); } ul.ok li, ul.ok li li { background-image : url(../images/icons/ok.gif); } ul.star li, ul.star li li { background-image : url(../images/icons/star.gif); } ul.cross li, ul.cross li li { background-image : url(../images/icons/cross.png); } table.gray, table.blue, table.red, table.yellow, table.white { border:0; padding: 3px; font-family:Verdana; } table.gray th, table.blue th, table.red th, table.yellow th, table.white th, table.gray td, table.blue td, table.red td, table.yellow td, table.white td { padding: 3px 10px; background-image:url('../images/tables.png'); background-repeat:repeat-x; } table.gray th, table.blue th, table.red th, table.yellow th, table.white th { padding:6px 10px; font-size:15px; font-weight:bold; } table.gray { color:#000; border:3px double #eee; background-color:#aaa; } table.gray th { color: #fff; border:3px solid #ccc; background-color:#444; } table.gray td { border:3px solid #ccc; background-color:#eee; } table.blue { color: #2c55bb; border:3px double #66CCFF; background-color:#409fff; } table.blue th { border:3px solid #62b0ff; background-color:#bbddff; } table.blue td { border:3px solid #62b0ff; background-color:#88c4ff; } table.red { color: #bf515b; border:3px double #ff484d; background-color:#ff777a; } table.red th { border:3px solid #FF9999; background-color:#ffd9d9; } table.red td { border:3px solid #FF9999; background-color:#ffb5b5; } table.yellow { color: #8e8e00; border:3px double #d7d700; background-color:#ffff55; } table.yellow th { border:3px solid #e8e800; background-color:#ffff6c; } table.yellow td { border:3px solid #e8e800; background-color:#ffff6c; } table.white { color: #333; border:3px double #ddd; background-color:#f3f3f3; } table.white th { border:3px solid #ddd; background-color:#f5f5f5; } table.white td { border:3px solid #ddd; background-color:#fff; } td { font-size: 13px; } /* special Links */ a.extern { background-image : url(../images/icons/extern.gif); background-repeat : no-repeat; padding-left: 18px; } a.www { background-image : url(../images/icons/www.gif); background-repeat : no-repeat; padding-left: 18px; } a.download { background-image : url(../images/icons/download.gif); background-repeat : no-repeat; padding-left: 18px; } a.run { background-image : url(../images/icons/run.gif); background-repeat : no-repeat; padding-left: 18px; } a.image { background-image : url(../images/icons/image.gif); background-repeat : no-repeat; padding-left: 18px; } a.user { background-image : url(../images/icons/user.gif); background-repeat : no-repeat; padding-left: 18px; } a.pdf { background-image : url(../images/icons/pdf.gif); background-repeat : no-repeat; padding-left: 18px; } a.zip { background-image : url(../images/icons/zip.gif); background-repeat : no-repeat; padding-left: 18px; } a.text { background-image : url(../images/icons/text.gif); background-repeat : no-repeat; padding-left: 18px; } a.sound { background-image : url(../images/icons/sound.gif); background-repeat : no-repeat; padding-left: 18px; } a.video { background-image : url(../images/icons/video.gif); background-repeat : no-repeat; padding-left: 18px; } a.info { background-image : url(../images/icons/info.gif); background-repeat : no-repeat; padding-left: 18px; } img.border-dark { border: 1px solid #555; padding:2px; background:#000; } img.border-light { border: 1px solid #ccc; padding:2px; background:#fff; } img.featured { float:left; padding: 9px; border:1px solid #ccc; background:#fff; margin: 5px 10px 10px 0; } img.featured-dark { float:left; padding: 9px; border:1px solid #000; background:#333; margin: 5px 10px 10px 0; } object, img, a { outline:none; } img { border:0; } blockquote { margin:0; padding: 20px 30px 20px 40px; font-style:italic; font-size: 18px; font-family: Georgia; color: #333; background:#fefefe; border: 1px dotted #ccc; text-align:justify; background-image : url(../images/icons/quote.png); background-position: 4px 8px; background-repeat:no-repeat; } pre { border:1px solid #f3f3f3; border-left: 1px solid lime; background:#fff; padding-left:12px; font-size:11px; font-family: monospace !important; color: #000; background-image : url(../images/icons/pre.png); background-position: right top; background-repeat: no-repeat; overflow-x: auto; } span.dropcap { font-family:Georgia; float: left; font-size: 3em; line-height: 0.9em; margin-right: 0.03em; margin-bottom:-0.25em; }/*--------------------------------------------------- Designed by Juergen Koller Designers Home: http://www.LernVid.com ---------------------------------------------------*/ /* Module Styles Start */ /* Module Round Styles */ div.module { background-image : url(../images/modules/module-lb.png); background-repeat: no-repeat; background-position: left bottom; margin-top:10px; } div.module div { background-image : url(../images/modules/module-rb.png); background-repeat: no-repeat; background-position:right bottom; } div.module div div { background-image : url(../images/modules/module-rt.png); background-repeat: no-repeat; background-position:right top; } div.module div div div { padding:10px; background-image : url(../images/modules/module-lt.png); background-repeat: no-repeat; background-position:left top; } div.module div div div div { border:0; padding:0; background-image:none; } div.module h3.moduleh3 { font-size:120%; padding:0; margin:0; margin:0 0 10px 0; padding:7px 8px; font-size:1.3em; background-image : url(../images/module-h3.png); background-repeat : repeat-x; } /* Module Round Styles end */ #slider { width:auto; } #banner { position:absolute; right:0; max-width:50%; max-height:80px; overflow:hidden; margin:5px 26px 5px 5px; padding:5px; } #beforehead123, #beforehead45, #beforehead6out, #afterhead123, #afterhead45, #afterhead6out, #top123, #top45, #top6out, #advert123, #advert45, #advert6out, #advert789, #advert1011, #advert12out, #bottom123, #bottom45, #bottom6out, #foot123, #foot45, #foot6out { width: 100%; display: inline-block; margin: 15px 0; padding: 0; height: auto; } #beforehead1, #beforehead2, #beforehead3, #afterhead1, #afterhead2, #afterhead3, #top1, #top2, #top3, #advert1, #advert2, #advert3, #advert7, #advert8, #advert9, #bottom1, #bottom2, #bottom3, #foot1, #foot2, #foot3 { float:left; width: 31.2%; margin: 0 1%; padding: 0; } #beforehead4, #beforehead5, #afterhead4, #afterhead5, #top4, #top5, #advert4, #advert5, #advert10, #advert11, #bottom4, #bottom5, #foot4, #foot5 { float:left; width: 47.9%; margin: 0 1%; padding: 0; } #beforehead6, #afterhead6, #top6, #advert6, #advert12, #bottom6, #foot6 { float:left; width: 97.9%; margin: 0 1%; padding: 0; } /* special module styles */ div.module-style1 { background-image : url(../images/modules/module-lb.png); background-repeat: no-repeat; background-position: left bottom; background-color:#fff; border:1px solid #ddd; color: #505050; } div.module-style1 div { background-image : url(../images/modules/paper-rb.png); background-repeat: no-repeat; background-position:right bottom; } div.module-style1 div div { background-image : url(../images/modules/module-rt.png); background-repeat: no-repeat; background-position:right top; } div.module-style1 div div div { padding:10px; background-image : url(../images/modules/module-lt.png); background-repeat: no-repeat; background-position:left top; } div.module-style2 { background-color:#FFFF99; border:1px solid #dddd00; color: #000066; font-family:"Comic Sans MS"; background-image : url(../images/modules/module-bg.png); background-repeat: repeat-x; background-position: left bottom; } div.module-style3 { background-color:#000; border:5px solid #333; color: #aaa; background-image : url(../images/modules/carbon.jpg); } div.module-style4 { background-color:#333; border:5px solid #444; color: #eee; background-image : url(../images/modules/rausch.jpg); } div.module-style5 { background-color:#222; border:5px solid #333; color: #eee; background-image : url(../images/modules/scan.jpg); } div.module-style6 { background-color:#bbb; border:5px solid #ccc; color: #000; font-weight:bold; background-image : url(../images/modules/riffle.jpg); } div.module-style2 div div div, div.module-style3 div div div, div.module-style4 div div div, div.module-style5 div div div, div.module-style6 div div div { padding:10px; } div.module-style1 div div div div, div.module-style2 div div div div, div.module-style3 div div div div, div.module-style4 div div div div, div.module-style5 div div div div, div.module-style6 div div div div { border:0; padding:0; background-image:none; } div.module-style1 h3.moduleh3, div.module-style2 h3.moduleh3, div.module-style3 h3.moduleh3, div.module-style4 h3.moduleh3, div.module-style5 h3.moduleh3, div.module-style6 h3.moduleh3 { font-size:120%; padding:0; margin:0; margin:0 0 10px 0; padding:7px 8px; font-size:1.3em; } div.module-style6 h3.moduleh3 { background-image : url(../images/modules/riffle-h3.jpg); border:2px solid #ccc; background-repeat: repeat-x; height:30px; line-height:30px; margin:0; padding:0 20px; } /* Module Styles End */ /* top-panel */ #toppanel { width: 99.9%; height:auto; display:inline-block; margin:0; position:relative; z-index:9999; } a#toppanel-toggle { width: 110px; height:18px; display:block; position:absolute; position:fixed; top:0; right:60px; z-index:9999; background-image:url('../images/toppanel-toggle.png'); background-repeat:no-repeat; background-position:left bottom; } a#toppanel-toggle:hover { height:26px; text-decoration:none; background-position: 0 -26px; } /* side-panel */ #sidepanel-outer { /* position:absolute; */ position:fixed; left:0; top:30%; z-index:9999; display:inline-block; } #sidepanel { display:inline-block; padding: 10px 20px; min-height:110px; float:left; } a#sidepanel-toggle { width: 18px; height:110px; display:block; float:left; margin-top:10px; background-image:url('../images/leftpanel-toggle.png'); background-repeat:no-repeat; background-position: right top; } a#sidepanel-toggle:hover { width: 26px; text-decoration:none; color: #440000; background-position: -26px; } /* footer modules */ #footermodule { font-size: 11px; width: 80%; overflow: hidden; text-align:center; padding:10px 0 10px 10%; } #footermodule1234, #footermodule5 { font-size: 11px; width: 80%; overflow: hidden; padding:0 0 5px 10%; } #footermodule1234, #footermodule1234 a, #footermodule1234 ul.menu, #footermodule5, #footermodule5 a { font-size:11px !important; line-height:normal !important; } #footermodule1, #footermodule2, #footermodule3, #footermodule4 { float:left; width: 22%; margin: 0; padding: 0 1.4%; } #footermodule1234 .moduletable h3, #footermodule5 .moduletable h3 { font-size:11px; text-transform:uppercase; margin:0 0 3px 0; } #footermodule1234 .moduletable, #footermodule5 .moduletable { font-size:10px; margin:10px 0; }