Results of the CSS crunched for www.hille-works.de

Let's see what we've done for www.hille-works.de

CSSCruncher.com has crunched this CSS to
13.13 %Less Size! Nice!

Crunched CSS code:

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}
fieldset,img{border:0}
a:focus{outline:none}
option{padding-left:0.4em}
ul,ol,dl{margin:1em 0;padding-left:30px}
dl{margin:1em 0}
dd{padding-left:40px}
blockquote{margin:0 0 1em 1.5em}
p{margin:1em 0}
td,th{padding:1px}
html{height:100%;margin-bottom:1px}
body{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:12px;line-height:150%;color:#646464}
body#page{background:#5A643C url(../images/page_bg.png) 0 0 repeat}
body.font-small{font-size:11px}
body.font-medium{font-size:12px}
body.font-large{font-size:13px}
div.wrapper{margin:auto}
div#absolute{position:absolute;z-index:15;top:0px;left:0px;width:100%}
div#page-body{background:url(../images/page_body_bg.png) 0 0 repeat-x}
div#toolbar{width:auto;height:27px;padding:3px 0px 0px 0px;clear:both}
div#date{margin:4px 10px 0px 0px;float:left;font-size:85%;color:#ffffff}
div#styleswitcher{height:20px;margin:3px 0px 0px 10px;float:right}
div#styleswitcher a{width:15px;height:20px;float:right;text-decoration:none;display:block}
a#switchfontsmall{background:url(../images/styleswitcher_fontsmall.png) 0 0 no-repeat}
a:hover#switchfontsmall{background:url(../images/styleswitcher_fontsmall.png) 0 -20px no-repeat}
a#switchfontmedium{background:url(../images/styleswitcher_fontmedium.png) 0 0 no-repeat}
a:hover#switchfontmedium{background:url(../images/styleswitcher_fontmedium.png) 0 -20px no-repeat}
a#switchfontlarge{background:url(../images/styleswitcher_fontlarge.png) 0 0 no-repeat}
a:hover#switchfontlarge{background:url(../images/styleswitcher_fontlarge.png) 0 -20px no-repeat}
a#switchwidththin{background:url(../images/styleswitcher_widththin.png) 0 0 no-repeat}
a:hover#switchwidththin{background:url(../images/styleswitcher_widththin.png) 0 -20px no-repeat}
a#switchwidthwide{background:url(../images/styleswitcher_widthwide.png) 0 0 no-repeat}
a:hover#switchwidthwide{background:url(../images/styleswitcher_widthwide.png) 0 -20px no-repeat}
a#switchwidthfluid{background:url(../images/styleswitcher_widthfluid.png) 0 0 no-repeat}
a:hover#switchwidthfluid{background:url(../images/styleswitcher_widthfluid.png) 0 -20px no-repeat}
div#search{height:18px;margin:3px 0px 0px 10px;float:right}
div.wrapper-t{background:#ffffff url(../images/wrapper_t.png) 0 0 repeat-x}
div.wrapper-b{background:url(../images/wrapper_b.png) 0 100% repeat-x}
div.wrapper-l{background:url(../images/wrapper_l.png) 0 0 repeat-y}
div.wrapper-r{background:url(../images/wrapper_r.png) 100% 0 repeat-y}
div.wrapper-tl{background:url(../images/wrapper_tl.png) 0 0 no-repeat}
div.wrapper-tr{background:url(../images/wrapper_tr.png) 100% 0 no-repeat}
div.wrapper-bl{background:url(../images/wrapper_bl.png) 0 100% no-repeat}
div.wrapper-br{padding:10px 10px 10px 10px;background:url(../images/wrapper_br.png) 100% 100% no-repeat}
div#header{width:auto;height:220px;padding:0px 0px 0px 0px;background:url(../images/header_bg.png) 0 100% repeat-x;position:relative;z-index:10;clear:both}
div#headerbar{width:auto;height:180px;clear:both}
div#headermodule{margin:0px 0px 0px 0px;float:right}
div#topmenu{position:absolute;top:0px;left:0px}
div#logo{position:absolute;top:0px;left:0px}
div#menu{position:absolute;bottom:0px;left:0px;top:180px;height:35px}
div#banner{position:absolute;top:-10px;right:-20px;width:0px;z-index:3}
div#top{width:auto;margin:0px 0px 0px 0px;clear:both}
div#top .topbox{margin-top:10px}
div#middle{width:auto;margin:10px 0px 0px 0px;clear:both}
div#middle .background{min-height:140px}
div#middle .background{padding:0px 0px 0px 0px;background:none}
.left div#middle .background{padding:0px 0px 0px 0px;background:none}
.right div#middle .background{padding:0px 0px 0px 0px;background:none}
div#left{width:190px}
.left div#middle div#left{float:left}
.right div#middle div#left{float:right}
div#main{width:auto}
div#main{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}
.left div#main{margin:0px 0px 0px 200px}
.right div#main{margin:0px 200px 0px 0px}
div#maintop{padding:0px 0px 10px 0px}
div#mainmiddle{}
.showright div#mainmiddle{background:url(../images/right_bg.png) 100% 0 repeat-y}
div#right{width:160px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;float:right}
div#content{width:auto}
div#content{margin:0px 0px 0px 0px;padding:0px 0px 10px 0px}
.showright div#content{margin:0px 180px 0px 0px;padding:0px 0px 10px 0px}
div#contenttop{margin:0px 0px 10px 0px}
div#breadcrumb{height:19px;font-size:85%}
div#contentbottom{margin:10px 0px 0px 0px}
div#mainbottom{padding:0px 0px 10px 0px}
div#bottom{width:auto;margin:0px 0px 0px 0px;clear:both}
div#bottom .bottomblock{margin-top:10px;margin-bottom:-10px}
div#footer{width:auto;padding:0px 0px 50px 0px;clear:both}
div#footer .footer-b{background:#282828 url(../images/footer_b.png) 0 100% repeat-x}
div#footer .footer-l{background:url(../images/footer_l.png) 0 0 repeat-y}
div#footer .footer-r{background:url(../images/footer_r.png) 100% 0 repeat-y}
div#footer .footer-bl{background:url(../images/footer_bl.png) 0 100% no-repeat}
div#footer .footer-br{min-height:40px;padding:20px 20px 20px 20px;background:url(../images/footer_br.png) 100% 100% no-repeat;text-align:center;color:#ffffff}
div#footer a.anchor{margin:10px 0px 0px 0px;width:30px;height:5px;background:url(../images/footer_anchor_white.png) 0 0 no-repeat;display:block;float:right;text-decoration:none}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
.floatbox{overflow:hidden}
.float-left{float:left;overflow:hidden}
.float-right{float:right;overflow:hidden}
.width20{width:19.999%}
.width25{width:24.999%}
.width33{width:33.333%}
.width50{width:49.999%}
.width66{width:66.666%}
.width75{width:74.999%}
.width100{width:100%}
a:link,a:visited{color:#66cc33;text-decoration:none}
a:hover{color:#66cc33;text-decoration:underline}
body.green a:link,body.green a:visited{color:#5a8c00}
body.green a:hover{color:#73c800}
body.pink a:link,body.pink a:visited{color:#aa2dd2}
body.pink a:hover{color:#fa4bff}
body.orange a:link,body.orange a:visited{color:#66cc33}
body.orange a:hover{color:#ff6400}
body.blue a:link,body.blue a:visited{color:#1e87c8}
body.blue a:hover{color:#00afff}
ul.arrow,ul.arrow-big, ul.checkbox,ul.checkbox-big, ul.check,ul.check-big, ul.star,ul.star-big, ul.plus,ul.plus-big{margin:10px 10px 10px 20px;padding:0px 0px 0px 0px;list-style:none}
ul.arrow li, ul.checkbox li, ul.check li, ul.star li, ul.plus li{margin:10px 0px 10px 0px;padding:7px 0px 6px 35px;font-weight:bold;line-height:100%}
ul.arrow-big li, ul.checkbox-big li, ul.check-big li, ul.star-big li, ul.plus-big li{margin:15px 0px 15px 0px;padding:15px 0px 15px 60px;font-size:200%;font-weight:bold}
ul.arrow li{background:url(../images/list_arrow.png) 0 0 no-repeat}
ul.arrow-big li{background:url(../images/list_arrow_big.png) 0 0 no-repeat}
ul.checkbox li{background:url(../images/list_checkbox.png) 0 0 no-repeat}
ul.checkbox-big li{background:url(../images/list_checkbox_big.png) 0 0 no-repeat}
ul.check li{background:url(../images/list_check.png) 0 0 no-repeat}
ul.check-big li{background:url(../images/list_check_big.png) 0 0 no-repeat}
ul.star li{background:url(../images/list_star.png) 0 0 no-repeat}
ul.star-big li{background:url(../images/list_star_big.png) 0 0 no-repeat}
ul.plus li{background:url(../images/list_plus.png) 0 0 no-repeat}
ul.plus-big li{background:url(../images/list_plus_big.png) 0 0 no-repeat}
ol.disc,ol.disc-big{margin:10px 10px 10px 20px;padding:0px 0px 0px 15px}
ol.disc{padding:0px 0px 0px 27px;background:url(../images/list_disc.png) 0 0 repeat-y}
ol.disc li{margin:0px 0px 0px 0px;padding:0px 0px 6px 12px;font-weight:bold;line-height:28px}
ol.disc-big{padding:0px 0px 0px 45px;font-size:200%;background:url(../images/list_disc_big.png) 0 0 repeat-y}
ol.disc-big li{margin:0px 0px 0px 0px;padding:0px 0px 12px 20px;font-weight:bold;line-height:45px}
span.note, span.info, span.alert, span.download, span.tip{display:block}
div.note,span.note{margin:10px 0px 10px 0px;padding:5px 10px 5px 10px;background:#f4f5f6;border-top:1px dotted #aab4be;border-bottom:1px dotted #aab4be;text-align:justify}
div.info,span.info, div.alert,span.alert, div.download,span.download, div.tip,span.tip{margin:10px 0px 10px 0px;padding:7px 10px 7px 35px}
div.info,span.info{background:#f4f5f6 url(../images/div_info.png) 3px 3px no-repeat;border-top:1px dotted #aab4be;border-bottom:1px dotted #aab4be}
div.alert,span.alert{background:#fff5eb url(../images/div_alert.png) 3px 3px no-repeat;border-top:1px dotted #ffb4a0;border-bottom:1px dotted #ffb4a0}
div.download,span.download{background:#f5faeb url(../images/div_download.png) 3px 3px no-repeat;border-top:1px dotted #78be5a;border-bottom:1px dotted #78be5a}
div.tip,span.tip{background:#fffdeb url(../images/div_tip.png) 3px 3px no-repeat;border-top:1px dotted #ffc864;border-bottom:1px dotted #ffc864}
blockquote{margin:10px 0px 10px 0px;padding:10px 35px 10px 35px;background:url(../images/blockquote_start.png) 0 0 no-repeat;text-align:justify}
blockquote p{margin:0px -35px -10px 0px;padding:0px 35px 10px 0px;background:url(../images/blockquote_end.png) 100% 100% no-repeat}
blockquote.big{margin:10px 0px 10px 0px;padding:50px 50px 50px 50px;background:url(../images/blockquote_big_start.png) 0 0 no-repeat;font-family:"Arial Narrow",Arial,Helvetica,sans-serif;font-size:300%;text-transform:uppercase;font-weight:bold;line-height:100%;text-align:left}
blockquote.big p{margin:0px -50px -50px 0px;padding:0px 30px 50px 0px;background:url(../images/blockquote_big_end.png) 100% 100% no-repeat}
pre{margin:2px 0px 2px 0px;padding:10px 10px 10px 10px;border:1px dotted #aab4be;border-left:20px solid #b4b4b4;background:#f4f5f6;font-size:90%}
em.box,em.file,em.directory{font-family:"Courier New",Courier,monospace;font-style:normal}
em.box{padding:0px 2px 0px 2px;background:#f4f5f6;border:1px dotted #aab4be}
em.file{padding:0px 0px 0px 13px;background:transparent url(../images/em_file.png) 0 1px no-repeat;color:#000000}
em.directory{padding:0px 0px 0px 16px;background:transparent url(../images/em_directory.png) 0 1px no-repeat;color:#000000}
h1,h2,h3,h4,h5,h6,h7{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-weight:bold;padding-bottom:0px;margin-bottom:5px;line-height:100%}
h1{font-size:300%;font-weight:normal;color:#7887A0}
h2{font-size:250%;color:#b4b4be}
h3{font-size:200%;color:#646478}
h4{font-size:175%;font-weight:normal;color:white;background-color:#000000}
h5{font-size:150%;color:#878796}
h6{font-size:125%;color:#7887A0}
body.green h1,body.green h4,body.green h6{color:#739141}
body.pink h1,body.pink h4,body.pink h6{color:#c83cbe}
body.orange h1,body.orange h4,body.orange h6{color:#f06400}
body.blue h1,body.blue h4,body.blue h6{color:#5591d7}
fieldset{border:1px solid #ccc}
legend{background:#fff}
textarea,input[type='text'],select{border:1px solid #ccc;background:#fff}
textarea:hover,input[type='text']:hover,input[type='password']:hover,select:hover{border-color:#aaa}
textarea:focus,input[type='text']:focus,input[type='password']:focus,select:focus{border-color:#888;outline:2px solid #ddd}
input[type='button'],input[type='submit'],input[type='checkbox'],input[type='image'],input[type='radio'],input[type='reset'],select,button{cursor:pointer}
input[type='hidden']{display:none}
fieldset{padding:0 1em 1em 1em;margin:1.6em 0}
legend{padding:0 .8em 0 .8em}
legend+*{margin-top:1em}
textarea,input[type='text'],input[type='password']{padding:.1em 0 .1em .4em}
option{padding:0 .4em .1em}
form div{margin-bottom:.8em}
button,input[type='button']{padding:.2em .3em .2em .1em;line-height:100%}
div#topmenu ul{margin:0px;padding:0px;list-style:none;float:left}
div#topmenu li{margin:0px;padding:0px;float:left;display:block}
div#topmenu li a{height:20px;padding:0px 10px 0px 10px;background:url(../images/topmenu_item_bg.png) 0 4px no-repeat;float:left;display:block;position:relative;line-height:17px;overflow:hidden;font-size:85%;text-decoration:none}
div#topmenu li.item1 a{padding:0px 10px 0px 0px;background:none}
div#topmenu a:link,div#topmenu a:visited{color:#646464}
div#topmenu a:hover{color:#000000}
div#menu ul{margin:0px;padding:0px;list-style:none;float:left}
div#menu li{position:relative;margin:0px;padding:0px;display:block;float:left}
div#menu li a,#menu li span.separator{height:35px;display:block;float:left;line-height:35px;text-decoration:none;color:#000000}
div#menu li span{display:block}
div#menu li span{background-repeat:no-repeat;background-position:95% 0px}
div#menu li a.current{color:#66cc33}
div#menu a:hover,div#menu span.separator:hover,div#menu span.sfhover,div#menu a.current:hover{color:#66cc33}
div#menu li.active{font-weight:bold}
div#menu li.active ul{font-weight:normal}
div#menu li.parent span.separator{cursor:pointer}
div#menu li.background{position:absolute;top:26px;visibility:hidden;z-index:-1}
div#menu li.background .left{height:8px;margin:0px 30px 0px 0px;background:#66cc33;overflow:hidden}
body.green div#menu li.background .left{background:#9bc800}
body.pink div#menu li.background .left{background:#d237cd}
body.orange div#menu li.background .left{background:#ff7800}
body.blue div#menu li.background .left{background:#00c8ff}
div#menu ul.menu{}
div#menu li.level1{}
div#menu a.level1{line-height:20px;font-family:"Arial Narrow";font-size:150%;font-weight:bold;text-transform:lowercase}
div#menu a.level1 span,div#menu span.level1 span{padding:0px 30px 0px 0px}
div#menu li.current a.level1{color:#646478}
div#menu li:hover a.level1,div#menu li.sfhover a.level1,div#menu li:hover span.level1,div#menu li.sfhover span.level1{color:#646478}
div#menu li.active{}
div#menu a.active,div#menu span.active{}
div#menu li.active li{}
div#menu li li a.active{}
div#menu ul.menu ul{position:absolute;top:35px;left:-999em;width:165px;padding:0px 0px 1px 0px;background:url(../images/menu_dropdown_bg.png) 0 100% no-repeat}
div#menu li:hover ul,div#menu li.sfhover ul{left:0px;z-index:100}
div#menu li.level1 li{width:100%;text-indent:15px}
div#menu li.level1 li a,div#menu li.level1 li span.separator{height:25px;padding:0px;margin:0px 1px 0px 1px;;background:#ffffff url(../images/menu_level2_item.png) 100% 0 no-repeat;float:none;display:block;line-height:25px}
div#menu li.level2 a.parent,div#menu li li.level2 span.parent{background:#ffffff url(../images/menu_level2_item_parent.png) 100% 0 no-repeat}
div#menu li ul ul{margin:-36px 0 0 164px}
div#menu li:hover ul ul,div#menu li.sfhover ul ul{border-top:1px solid #C8C8C8}
div#menu li:hover ul ul,div#menu li.sfhover ul ul, div#menu li:hover ul ul ul,div#menu li.sfhover ul ul ul, div#menu li:hover ul ul ul ul,div#menu li.sfhover ul ul ul ul{left:-999em}
div#menu li li:hover ul,div#menu li li.sfhover ul, div#menu li li li:hover ul,div#menu li li li.sfhover ul, div#menu li li li li:hover ul,div#menu li li li li.sfhover ul{left:0;z-index:100}
div#middle div.module_menu ul, div#middle div.moduletable_menu ul{margin:0px;padding:0px;overflow:hidden;list-style:none;background:#ffffff}
div#middle ul.menu li{margin:0px;padding:0px;display:block}
div#middle ul.menu li a,div#middle ul.menu li span.separator{height:25px;display:block;line-height:25px;text-decoration:none;color:#000000}
div#middle ul.menu li span{display:block}
div#middle ul.menu li span{background-repeat:no-repeat;background-position:95% 0px}
div#middle ul.menu a.current{color:#aa1428}
div#middle ul.menu a:hover,div#middle ul.menu span.separator:hover,div#middle ul.menu span.sfhover,div#middle ul.menu a.current:hover{color:#aa1428}
div#middle ul.menu li.active{font-weight:bold}
div#middle ul.menu li.active li{font-weight:normal}
div#middle ul.menu li.parent span.separator{cursor:pointer}
div#middle ul.menu li.level1{}
div#middle ul.menu a.level1,div#middle ul.menu span.level1{background:#ffffff url(../images/submenu_level1_item.png) 100% 0 no-repeat;text-indent:15px}
div#middle ul.menu li.parent a.level1,div#middle ul.menu li.parent span.level1{background:#ffffff url(../images/submenu_level1_item_parent.png) 100% 0 no-repeat}
div#middle ul.menu li.level2{}
div#middle ul.menu li.level2 a{height:20px;line-height:20px}
div#middle ul.menu a.level2{background:#ffffff url(../images/submenu_level2_item.png) 100% 0 no-repeat;text-indent:35px}
div#middle ul.menu a.level2 span{background:url(../images/submenu_level2_item_icon.png) 15px 2px no-repeat}
div#middle ul.menu li.level3{}
div#middle ul.menu a.level3{background:#ffffff url(../images/submenu_level2_item.png) 100% 0 no-repeat;text-indent:45px}
div#middle ul.menu a.level3 span{background:url(../images/submenu_level3_item_icon.png) 25px 2px no-repeat}
div#middle ul.menu li.level4{}
div#middle ul.menu a.level4{background:#ffffff url(../images/submenu_level2_item.png) 100% 0 no-repeat;text-indent:55px}
div#middle ul.menu a.level4 span{background:url(../images/submenu_level4_item_icon.png) 35px 2px no-repeat}

div.moduletable h3, div.moduletable_menu h3, div.moduletable-blank h3, div.module h3, div.module_menu h3, div.module-blank h3, div.module-fading h3, div.module-light h3, div.module-black h3, div.module-grey h3, div.module-new h3, div.module-top h3, div.module-pick h3, div.module-thin h3, div.module-clipping h3{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;font-size:100%}
#left div.moduletable, #left div.moduletable_menu{margin:0px 0px 20px 0px;padding:0px 15px 0px 15px}
#left div.moduletable h3, #left div.moduletable_menu h3{margin:0px -15px 5px -15px;height:25px;line-height:25px;background:#282828;font-family:"Arial Narrow","Trebuchet MS",Arial,Helvetica,sans-serif;font-size:120%;text-indent:15px;text-transform:uppercase;color:#ffffff}
#left div.moduletable_menu{padding:0px 0px 0px 0px}
#left div.moduletable_menu h3{margin:0px 0px 0px 0px}
#left div.moduletable-blank{margin:0px 0px 20px 0px;overflow:hidden}
#right div.moduletable, #right div.moduletable_menu{margin:0px 0px 20px 0px}
#right div.moduletable h3, #right div.moduletable_menu h3{margin:0px 0px 5px 0px;font-size:150%;font-family:"Times New Roman","Trebuchet MS",Arial,Helvetica,sans-serif;font-style:italic;font-weight:normal}
#right div.moduletable-blank{margin:0px 0px 20px 0px;overflow:hidden}
#top div.module, #bottom div.module, #maintop div.module, #mainbottom div.module, #contenttop div.module, #contentbottom div.module, #headermodule div.module{margin:0px 0px 0px 0px;padding:8px 8px 8px 8px;background:#282828;text-align:justify}
#top .seperator div.module, #bottom .seperator div.module, #maintop .seperator div.module, #mainbottom .seperator div.module, #contenttop .seperator div.module, #contentbottom .seperator div.module{margin:0px 10px 0px 0px}
#top div.module div, #bottom div.module div, #maintop div.module div, #mainbottom div.module div, #contenttop div.module div, #contentbottom div.module div, #headermodule div.module div{padding:7px 7px 7px 7px;background:#ffffff}
#top div.module div div, #bottom div.module div div, #maintop div.module div div, #mainbottom div.module div div, #contenttop div.module div div, #contentbottom div.module div div, #headermodule div.module div div{padding:0px 0px 0px 0px;background:none}
#top div.module h3, #bottom div.module h3, #maintop div.module h3, #mainbottom div.module h3, #contenttop div.module h3, #contentbottom div.module h3, #headermodule div.module h3{margin:0px 0px 5px 0px;text-align:left;font-weight:bold}
#top div.module-fading, #bottom div.module-fading, #maintop div.module-fading, #mainbottom div.module-fading, #contenttop div.module-fading, #contentbottom div.module-fading, #headermodule div.module-fading{margin:0px 0px 0px 0px;padding:8px 8px 8px 8px;background:#282828;text-align:justify}
#top .seperator div.module-fading, #bottom .seperator div.module-fading, #maintop .seperator div.module-fading, #mainbottom .seperator div.module-fading, #contenttop .seperator div.module-fading, #contentbottom .seperator div.module-fading{margin:0px 10px 0px 0px}
#top div.module-fading div, #bottom div.module-fading div, #maintop div.module-fading div, #mainbottom div.module-fading div, #contenttop div.module-fading div, #contentbottom div.module-fading div, #headermodule div.module-fading div{padding:7px 7px 7px 7px;background:#ffffff url(../images/module_bg_fading.png) 0 100% repeat-x}
#top div.module-fading div div, #bottom div.module-fading div div, #maintop div.module-fading div div, #mainbottom div.module-fading div div, #contenttop div.module-fading div div, #contentbottom div.module-fading div div, #headermodule div.module-fading div div{padding:0px 0px 0px 0px;background:none}
#top div.module-fading h3, #bottom div.module-fading h3, #maintop div.module-fading h3, #mainbottom div.module-fading h3, #contenttop div.module-fading h3, #contentbottom div.module-fading h3, #headermodule div.module-fading h3{margin:0px 0px 5px 0px;text-align:left;font-weight:bold}
#top div.module-light, #bottom div.module-light, #maintop div.module-light, #mainbottom div.module-light, #contenttop div.module-light, #contentbottom div.module-light, #headermodule div.module-light{margin:0px 0px 0px 0px;padding:8px 8px 8px 8px;background:#DCDFE1;text-align:justify}
#top .seperator div.module-light, #bottom .seperator div.module-light, #maintop .seperator div.module-light, #mainbottom .seperator div.module-light, #contenttop .seperator div.module-light, #contentbottom .seperator div.module-light{margin:0px 10px 0px 0px}
#top div.module-light div, #bottom div.module-light div, #maintop div.module-light div, #mainbottom div.module-light div, #contenttop div.module-light div, #contentbottom div.module-light div, #headermodule div.module-light div{padding:7px 7px 7px 7px;background:#ffffff}
#top div.module-light div div, #bottom div.module-light div div, #maintop div.module-light div div, #mainbottom div.module-light div div, #contenttop div.module-light div div, #contentbottom div.module-light div div, #headermodule div.module-light div div{padding:0px 0px 0px 0px;background:none}
#top div.module-light h3, #bottom div.module-light h3, #maintop div.module-light h3, #mainbottom div.module-light h3, #contenttop div.module-light h3, #contentbottom div.module-light h3, #headermodule div.module-light h3{margin:0px 0px 5px 0px;text-align:left;font-weight:bold}
#top div.module-black, #bottom div.module-black, #maintop div.module-black, #mainbottom div.module-black, #contenttop div.module-black, #contentbottom div.module-black, #headermodule div.module-black{margin:0px 0px 0px 0px;padding:8px 8px 8px 8px;background:#282828;text-align:justify}
#top .seperator div.module-black, #bottom .seperator div.module-black, #maintop .seperator div.module-black, #mainbottom .seperator div.module-black, #contenttop .seperator div.module-black, #contentbottom .seperator div.module-black{margin:0px 10px 0px 0px}
#top div.module-black div, #bottom div.module-black div, #maintop div.module-black div, #mainbottom div.module-black div, #contenttop div.module-black div, #contentbottom div.module-black div, #headermodule div.module-black div{padding:7px 7px 7px 7px;color:#ffffff}
#top div.module-black div div, #bottom div.module-black div div, #maintop div.module-black div div, #mainbottom div.module-black div div, #contenttop div.module-black div div, #contentbottom div.module-black div div, #headermodule div.module-black div div{padding:0px 0px 0px 0px;background:none}
#top div.module-black h3, #bottom div.module-black h3, #maintop div.module-black h3, #mainbottom div.module-black h3, #contenttop div.module-black h3, #contentbottom div.module-black h3, #headermodule div.module-black h3{margin:0px 0px 5px 0px;text-align:left;font-weight:bold;color:#ffffff}
#page div.module-black a:link,#page div.module-black a:visited{color:#ffffff}
#page div.module-black a:hover{color:#ffffff}
#top div.module-grey, #bottom div.module-grey, #maintop div.module-grey, #mainbottom div.module-grey, #contenttop div.module-grey, #contentbottom div.module-grey, #headermodule div.module-grey{margin:0px 0px 0px 0px;padding:8px 8px 8px 8px;background:#DCDFE1;text-align:justify}
#top .seperator div.module-grey, #bottom .seperator div.module-grey, #maintop .seperator div.module-grey, #mainbottom .seperator div.module-grey, #contenttop .seperator div.module-grey, #contentbottom .seperator div.module-grey{margin:0px 10px 0px 0px}
#top div.module-grey div, #bottom div.module-grey div, #maintop div.module-grey div, #mainbottom div.module-grey div, #contenttop div.module-grey div, #contentbottom div.module-grey div, #headermodule div.module-grey div{padding:7px 7px 7px 7px;color:#323232}
#top div.module-grey div div, #bottom div.module-grey div div, #maintop div.module-grey div div, #mainbottom div.module-grey div div, #contenttop div.module-grey div div, #contentbottom div.module-grey div div, #headermodule div.module-grey div div{padding:0px 0px 0px 0px;background:none}
#top div.module-grey h3, #bottom div.module-grey h3, #maintop div.module-grey h3, #mainbottom div.module-grey h3, #contenttop div.module-grey h3, #contentbottom div.module-grey h3, #headermodule div.module-grey h3{margin:0px 0px 5px 0px;text-align:left;font-weight:bold;color:#323232}
#page div.module-grey a:link,#page div.module-grey a:visited{color:#323232}
#page div.module-grey a:hover{color:#323232}
#top div.module-new, #bottom div.module-new, #maintop div.module-new, #mainbottom div.module-new, #contenttop div.module-new, #contentbottom div.module-new, #headermodule div.module-new{margin:0px 0px 0px 0px;padding:8px 8px 8px 8px;background:#282828;text-align:justify}
#top .seperator div.module-new, #bottom .seperator div.module-new, #maintop .seperator div.module-new, #mainbottom .seperator div.module-new, #contenttop .seperator div.module-new, #contentbottom .seperator div.module-new{margin:0px 10px 0px 0px}
#top div.module-new div, #bottom div.module-new div, #maintop div.module-new div, #mainbottom div.module-new div, #contenttop div.module-new div, #contentbottom div.module-new div, #headermodule div.module-new div{padding:7px 7px 7px 7px;background:#ffffff url(../images/module_bg_new.png) 100% 0 no-repeat}
#top div.module-new div div, #bottom div.module-new div div, #maintop div.module-new div div, #mainbottom div.module-new div div, #contenttop div.module-new div div, #contentbottom div.module-new div div, #headermodule div.module-new div div{padding:0px 0px 0px 0px;background:none}
#top div.module-new h3, #bottom div.module-new h3, #maintop div.module-new h3, #mainbottom div.module-new h3, #contenttop div.module-new h3, #contentbottom div.module-new h3, #headermodule div.module-new h3{margin:0px 0px 5px 0px;text-align:left;font-weight:bold}
#top div.module-top, #bottom div.module-top, #maintop div.module-top, #mainbottom div.module-top, #contenttop div.module-top, #contentbottom div.module-top, #headermodule div.module-top{margin:0px 0px 0px 0px;padding:8px 8px 8px 8px;background:#282828;text-align:justify}
#top .seperator div.module-top, #bottom .seperator div.module-top, #maintop .seperator div.module-top, #mainbottom .seperator div.module-top, #contenttop .seperator div.module-top, #contentbottom .seperator div.module-top{margin:0px 10px 0px 0px}
#top div.module-top div, #bottom div.module-top div, #maintop div.module-top div, #mainbottom div.module-top div, #contenttop div.module-top div, #contentbottom div.module-top div, #headermodule div.module-top div{padding:7px 7px 7px 7px;background:#ffffff url(../images/module_bg_top.png) 100% 0 no-repeat}
#top div.module-top div div, #bottom div.module-top div div, #maintop div.module-top div div, #mainbottom div.module-top div div, #contenttop div.module-top div div, #contentbottom div.module-top div div, #headermodule div.module-top div div{padding:0px 0px 0px 0px;background:none}
#top div.module-top h3, #bottom div.module-top h3, #maintop div.module-top h3, #mainbottom div.module-top h3, #contenttop div.module-top h3, #contentbottom div.module-top h3, #headermodule div.module-top h3{margin:0px 0px 5px 0px;text-align:left;font-weight:bold}
#top div.module-pick, #bottom div.module-pick, #maintop div.module-pick, #mainbottom div.module-pick, #contenttop div.module-pick, #contentbottom div.module-pick, #headermodule div.module-pick{margin:0px 0px 0px 0px;padding:8px 8px 8px 8px;background:#282828;text-align:justify}
#top .seperator div.module-pick, #bottom .seperator div.module-pick, #maintop .seperator div.module-pick, #mainbottom .seperator div.module-pick, #contenttop .seperator div.module-pick, #contentbottom .seperator div.module-pick{margin:0px 10px 0px 0px}
#top div.module-pick div, #bottom div.module-pick div, #maintop div.module-pick div, #mainbottom div.module-pick div, #contenttop div.module-pick div, #contentbottom div.module-pick div, #headermodule div.module-pick div{padding:7px 7px 7px 7px;background:#ffffff url(../images/module_bg_pick.png) 100% 0 no-repeat}
#top div.module-pick div div, #bottom div.module-pick div div, #maintop div.module-pick div div, #mainbottom div.module-pick div div, #contenttop div.module-pick div div, #contentbottom div.module-pick div div, #headermodule div.module-pick div div{padding:0px 0px 0px 0px;background:none}
#top div.module-pick h3, #bottom div.module-pick h3, #maintop div.module-pick h3, #mainbottom div.module-pick h3, #contenttop div.module-pick h3, #contentbottom div.module-pick h3, #headermodule div.module-pick h3{margin:0px 0px 5px 0px;text-align:left;font-weight:bold}
#top div.module-thin, #bottom div.module-thin, #maintop div.module-thin, #mainbottom div.module-thin, #contenttop div.module-thin, #contentbottom div.module-thin, #headermodule div.module-thin{margin:0px 0px 0px 0px;padding:1px 1px 1px 1px;background:#969696;text-align:justify}
#top .seperator div.module-thin, #bottom .seperator div.module-thin, #maintop .seperator div.module-thin, #mainbottom .seperator div.module-thin, #contenttop .seperator div.module-thin, #contentbottom .seperator div.module-thin{margin:0px 10px 0px 0px}
#top div.module-thin div, #bottom div.module-thin div, #maintop div.module-thin div, #mainbottom div.module-thin div, #contenttop div.module-thin div, #contentbottom div.module-thin div, #headermodule div.module-thin div{padding:14px 14px 14px 14px;background:#ffffff}
#top div.module-thin div div, #bottom div.module-thin div div, #maintop div.module-thin div div, #mainbottom div.module-thin div div, #contenttop div.module-thin div div, #contentbottom div.module-thin div div, #headermodule div.module-thin div div{padding:0px 0px 0px 0px;background:none}
#top div.module-thin h3, #bottom div.module-thin h3, #maintop div.module-thin h3, #mainbottom div.module-thin h3, #contenttop div.module-thin h3, #contentbottom div.module-thin h3, #headermodule div.module-thin h3{margin:0px 0px 5px 0px;text-align:left;font-weight:bold}
#top div.module-clipping, #bottom div.module-clipping, #maintop div.module-clipping, #mainbottom div.module-clipping, #contenttop div.module-clipping, #contentbottom div.module-clipping, #headermodule div.module-clipping{margin:0px 0px 0px 0px;background:#ffffff url(../images/module_br_clipping.png) 100% 100% no-repeat;text-align:justify}
#top .seperator div.module-clipping, #bottom .seperator div.module-clipping, #maintop .seperator div.module-clipping, #mainbottom .seperator div.module-clipping, #contenttop .seperator div.module-clipping, #contentbottom .seperator div.module-clipping{margin:0px 10px 0px 0px}
#top div.module-clipping div, #bottom div.module-clipping div, #maintop div.module-clipping div, #mainbottom div.module-clipping div, #contenttop div.module-clipping div, #contentbottom div.module-clipping div, #headermodule div.module-clipping div{background:url(../images/module_tr_clipping.png) 100% 0 no-repeat}
#top div.module-clipping div div, #bottom div.module-clipping div div, #maintop div.module-clipping div div, #mainbottom div.module-clipping div div, #contenttop div.module-clipping div div, #contentbottom div.module-clipping div div, #headermodule div.module-clipping div div{background:url(../images/module_bl_clipping.png) 0 100% no-repeat}
#top div.module-clipping div div div, #bottom div.module-clipping div div div, #maintop div.module-clipping div div div, #mainbottom div.module-clipping div div div, #contenttop div.module-clipping div div div, #contentbottom div.module-clipping div div div, #headermodule div.module-clipping div div div{padding:15px 15px 15px 15px;background:url(../images/module_tl_clipping.png) 0 0 no-repeat}
#top div.module-clipping div div div div, #bottom div.module-clipping div div div div, #maintop div.module-clipping div div div div, #mainbottom div.module-clipping div div div div, #contenttop div.module-clipping div div div div, #contentbottom div.module-clipping div div div div, #headermodule div.module-clipping div div div div{padding:0px 0px 0px 0px;background:none}
#top div.module-clipping h3, #bottom div.module-clipping h3, #maintop div.module-clipping h3, #mainbottom div.module-clipping h3, #contenttop div.module-clipping h3, #contentbottom div.module-clipping h3, #headermodule div.module-clipping h3{margin:0px 0px 5px 0px;text-align:left;font-weight:bold}
#top div.module-blank, #bottom div.module-blank, #maintop div.module-blank, #mainbottom div.module-blank, #contenttop div.module-blank, #contentbottom div.module-blank{margin:0px 0px 0px 0px}
#top .seperator div.module-blank, #bottom .seperator div.module-blank, #maintop .seperator div.module-blank, #mainbottom .seperator div.module-blank, #contenttop .seperator div.module-blank, #contentbottom .seperator div.module-blank{margin:0px 10px 0px 0px}
#top div.module-blank h3, #bottom div.module-blank h3, #maintop div.module-blank h3, #mainbottom div.module-blank h3, #contenttop div.module-pick h3, #contentbottom div.module-blank h3, #headermodule div.module-blank h3{margin:0px 0px 5px 0px;text-align:left;font-weight:bold}
#top .topblock div.module, #top .topblock div.module-fading, #top .topblock div.module-light, #top .topblock div.module-black, #top .topblock div.module-grey, #top .topblock div.module-new, #top .topblock div.module-top, #top .topblock div.module-pick, #top .topblock div.module-thin, #top .topblock div.module-clipping, #top .topblock div.module-blank{margin:10px 0px 0px 0px}
#bottom .bottomblock div.module, #bottom .bottomblock div.module-fading, #bottom .bottomblock div.module-light, #bottom .bottomblock div.module-black, #bottom .bottomblock div.module-grey, #bottom .bottomblock div.module-new, #bottom .bottomblock div.module-top, #bottom .bottomblock div.module-pick, #bottom .bottomblock div.module-thin, #bottom .bottomblock div.module-clipping, #bottom .bottomblock div.module-blank{margin:0px 0px 10px 0px}
#headermodule div.module, #headermodule div.module-fading, #headermodule div.module-light, #headermodule div.module-black, #headermodule div.module-grey, #headermodule div.module-new, #headermodule div.module-top, #headermodule div.module-pick, #headermodule div.module-thin, #headermodule div.module-clipping, #headermodule div.module-blank{margin:0px 0px 0px 10px;float:right}
#headermodule div.module div div div, #headermodule div.module-fading div div div, #headermodule div.module-light div div div, #headermodule div.module-black div div div, #headermodule div.module-grey div div div, #headermodule div.module-new div div div, #headermodule div.module-top div div div, #headermodule div.module-pick div div div, #headermodule div.module-thin div div div, #headermodule div.module-clipping div div div, #headermodule div.module-blank div div div{height:150px;overflow:hidden}
#headermodule div.module div div div div, #headermodule div.module-fading div div div div, #headermodule div.module-light div div div div, #headermodule div.module-black div div div div, #headermodule div.module-grey div div div div, #headermodule div.module-new div div div div, #headermodule div.module-top div div div div, #headermodule div.module-pick div div div div, #headermodule div.module-thin div div div div, #headermodule div.module-clipping div div div div, #headermodule div.module-blank div div div div{height:auto}
div#yoo-search{width:120px;height:18px;padding:0px;background:url(../images/search_bg.png) 0 0 no-repeat}
div#yoo-search input{width:93px;height:14px;padding:2px 2px 2px 7px;border:none;outline:none;background:none;float:left;color:#646464;font-size:75%}
div#yoo-search button{width:18px;height:18px;padding:0px;border:none;background:url(../images/search_button.png) 0 0 no-repeat;cursor:pointer;text-indent:100px;line-height:0px}
div#yoo-search:hover,div#search div.sfhover{background:url(../images/search_bg.png) 0 -18px no-repeat}
div#yoo-search:hover input,div#yoo-search input.sfhover{color:#000000}
div#yoo-search input:focus,div#yoo-search input.sffocus{color:#000000}
.contentheading, .componentheading{margin:0px 0px 0px 0px;padding:5px 0px 5px 0px;font-family:Arial Narrow,Arial,Helvetica,sans-serif;font-size:250%;line-height:100%;font-weight:bold;color:#64696e}
body.green .contentheading,body.green .componentheading{color:#6ea028}
body.pink .contentheading,body.pink .componentheading{color:#8c3caa}
body.orange .contentheading,body.orange .componentheading{color:#f04600}
body.blue .contentheading,body.blue .componentheading{color:#5087d7}
#overDiv{line-height:100%;font-weight:normal;padding:0px;margin:0px}
.tool-tip{float:left;background:#ffc;border:1px solid #D4D5AA;padding:5px;max-width:200px;color:#323232}
.tool-title{padding:0;margin:0;font-size:100%;font-weight:bold;margin-top:-15px;padding-top:15px;padding-bottom:5px;background:url(../../system/images/selector-arrow.png) no-repeat}
.tool-text{font-size:100%;margin:0}
.contentpane{margin:0;padding:0;width:auto}
.contentpaneopen{margin:0;padding:0;width:auto}
.contentpaneopen hr{border-top:0px;border-right:0px;border-bottom:1px solid #c8c8c8;border-left:0px;line-height:0px;height:1px}
.contentdescription{}
.article_separator{display:block;height:50px;background:url(../images/article_separator.png) 50% 50% no-repeat}
.small{font-size:95%;font-style:italic;color:#969696}
.createdate{height:20px;vertical-align:top;font-size:95%;font-weight:bold;color:#646464}
.modifydate{height:20px;vertical-align:bottom;font-size:95%;color:#646464}
.buttonheading{}
.buttonheading img{margin-right:2px}
div.mosimage{margin:5px}
div.mosimage_caption{font-size:95%}
.button{font-size:95%}
.inputbox{}
.sectiontableheader{padding:5px 5px 5px 5px;background:#ebebeb;border-bottom:1px solid #b4b4b4;font-weight:bold}
tr.sectiontableentry1 td{padding:5px 5px 5px 5px;background:#ffffff;border-bottom:1px solid #dcdcdc}
tr.sectiontableentry2 td{padding:5px 5px 5px 5px;background:#f0f0f0;border-bottom:1px solid #dcdcdc}
td.sectiontableentry1{padding:5px 5px 5px 5px;background:#ffffff;border-bottom:1px solid #dcdcdc}
td.sectiontableentry2{padding:5px 5px 5px 5px;background:#f0f0f0;border-bottom:1px solid #dcdcdc}
.poll{}
.poll input.button{margin:10px 0px 0px 0px}
input.system-openid{background:url(http://openid.net/login-bg.gif) no-repeat;background-color:#fff;background-position:0 50%;color:#000;padding-left:18px}
.system-unpublished{background:#e8edf1;border-top:4px solid #c4d3df;border-bottom:4px solid #c4d3df}
#system-message{margin-bottom:10px;padding:0}
#system-message dt{font-weight:bold}
#system-message dd{margin:0;font-weight:bold;text-indent:30px;padding:0}
#system-message dd ul{color:#0055BB;margin-bottom:10px;list-style:none;padding:10px;border-top:3px solid #84A7DB;border-bottom:3px solid #84A7DB}
#system-message dt.message{display:none}
#system-message dd.message{}
#system-message dt.error{display:none}
#system-message dd.error ul{color:#c00;background-color:#E6C0C0;border-top:3px solid #DE7A7B;border-bottom:3px solid #DE7A7B}
#system-message dt.notice{display:none}
#system-message dd.notice ul{color:#c00;background:#EFE7B8;border-top:3px solid #F0DC7E;border-bottom:3px solid #F0DC7E}
#system-debug{color:#ccc;background-color:#fff;padding:10px;margin:10px}
#system-debug div{font-size:11px}
.invalid{border-color:#ff0000}
label.invalid{color:#ff0000}
#editor-xtd-buttons{padding:5px}
.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;height:22px;float:left;line-height:22px;font-size:11px;color:#666;cursor:pointer}
.button2-left span, .button2-right span{cursor:default;color:#999}
.button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span{padding:0 6px}
.page span{color:#000;font-weight:bold}
.button2-left a:hover, .button2-right a:hover{text-decoration:none;color:#0B55C4}
.button2-left a, .button2-left span{padding:0 24px 0 6px}
.button2-right a, .button2-right span{padding:0 6px 0 24px}
.button2-left{background:url(../../system/images/j_button2_left.png) no-repeat;float:left;margin-left:5px}
.button2-right{background:url(../../system/images/j_button2_right.png) 100% 0 no-repeat;float:left;margin-left:5px}
.button2-left .image{background:url(../../system/images/j_button2_image.png) 100% 0 no-repeat}
.button2-left .readmore{background:url(../../system/images/j_button2_readmore.png) 100% 0 no-repeat}
.button2-left .pagebreak{background:url(../../system/images/j_button2_pagebreak.png) 100% 0 no-repeat}
div.tooltip{float:left;background:#ffc;border:1px solid #D4D5AA;padding:5px;max-width:200px}
div.tooltip h4{padding:0;margin:0;font-size:95%;font-weight:bold;margin-top:-15px;padding-top:15px;padding-bottom:5px;background:url(../../system/images/selector-arrow.png) no-repeat}
div.tooltip p{font-size:90%;margin:0}
.img_caption .left{float:left;margin-right:1em}
.img_caption .right{float:right;margin-left:1em}
.img_caption .left p{clear:left;text-align:center}
.img_caption .right p{clear:right;text-align:center}
a img.calendar{width:16px;height:16px;margin-left:3px;background:url(../../system/images/calendar.png) no-repeat;cursor:pointer;vertical-align:middle}
#page span.quick span.yoo-login span.login{width:231px;height:45px;overflow:visible;font-size:150%}
#page span.quick span.yoo-login span.login .login-button-text, #page span.quick span.yoo-login span.login .login-button-icon{padding-right:0px}
#page span.quick span.yoo-login span.login .lostpassword, #page span.quick span.yoo-login span.login .lostusername, #page span.quick span.yoo-login span.login .registration{padding-top:5px}
#page span.quick span.yoo-login span.logout{height:30px;padding-top:10px;overflow:visible;font-size:130%}
#page span.quick span.yoo-login span.logout .logout-button-text, #page span.quick span.yoo-login span.logout .logout-button-icon{padding-right:0px}
#page span.default span.yoo-login{width:135px;font-size:100%}

» Show original CSS code

« Hide original CSS code

/*
 * Browser Reset
 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0; 
	padding: 0;
}

fieldset, img { border: 0; }

a:focus { outline: none; }

option { padding-left: 0.4em; }

ul, ol, dl { margin: 1em 0; padding-left: 30px }
dl { margin: 1em 0; }
dd { padding-left: 40px; }

blockquote { margin: 0 0 1em 1.5em; }

p {	margin: 1em 0; }

td, th { padding: 1px; }

html {
	height: 100%;
	margin-bottom: 1px;
}
	
/*
 * Page
 */
 
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #646464;
}

body#page {
	background: #5A643C url(../images/page_bg.png) 0 0 repeat;
}

/* set body font size (styleswitcher) */
body.font-small {
	font-size: 11px;
}

body.font-medium {
	font-size: 12px;
}

body.font-large {
	font-size: 13px;
}

/* center page */
div.wrapper {
	margin: auto; 
}

/*
 * Layout
 */

div#absolute {
	position: absolute;
	z-index: 15;
	top: 0px;
	left: 0px;
	width: 100%;
}

div#page-body {
	background: url(../images/page_body_bg.png) 0 0 repeat-x;
}

div#toolbar {
	width: auto;  
	height: 27px;
	padding: 3px 0px 0px 0px;
	clear: both;  
}

div#date {
	margin: 4px 10px 0px 0px;
	float: left;
	font-size: 85%;
	color: #ffffff;
}

div#styleswitcher {
	  
	height: 20px;
	margin: 3px 0px 0px 10px;
	float: right;
}

div#styleswitcher a {
	width: 15px;
	height: 20px;
	float: right;
	text-decoration: none;
	display: block;
	 
}

a#switchfontsmall {
	background: url(../images/styleswitcher_fontsmall.png) 0 0 no-repeat;
}

a:hover#switchfontsmall {
	background: url(../images/styleswitcher_fontsmall.png) 0 -20px no-repeat;
}

a#switchfontmedium {
	background: url(../images/styleswitcher_fontmedium.png) 0 0 no-repeat;
}

a:hover#switchfontmedium {
	background: url(../images/styleswitcher_fontmedium.png) 0 -20px no-repeat;
}

a#switchfontlarge {
	background: url(../images/styleswitcher_fontlarge.png) 0 0 no-repeat;
}

a:hover#switchfontlarge {
	background: url(../images/styleswitcher_fontlarge.png) 0 -20px no-repeat;
}

a#switchwidththin {
	background: url(../images/styleswitcher_widththin.png) 0 0 no-repeat;
}

a:hover#switchwidththin {
	background: url(../images/styleswitcher_widththin.png) 0 -20px no-repeat;
}

a#switchwidthwide {
	background: url(../images/styleswitcher_widthwide.png) 0 0 no-repeat;
}

a:hover#switchwidthwide {
	background: url(../images/styleswitcher_widthwide.png) 0 -20px no-repeat;
}

a#switchwidthfluid {
	background: url(../images/styleswitcher_widthfluid.png) 0 0 no-repeat;
}

a:hover#switchwidthfluid {
	background: url(../images/styleswitcher_widthfluid.png) 0 -20px no-repeat;
}

div#search {
	height: 18px;
	margin: 3px 0px 0px 10px;
	float: right;
}

div.wrapper-t {
	background: #ffffff url(../images/wrapper_t.png) 0 0 repeat-x;
}

div.wrapper-b {
	background: url(../images/wrapper_b.png) 0 100% repeat-x;
}

div.wrapper-l {
	background: url(../images/wrapper_l.png) 0 0 repeat-y;
}

div.wrapper-r {
	background: url(../images/wrapper_r.png) 100% 0 repeat-y;
}

div.wrapper-tl {
	background: url(../images/wrapper_tl.png) 0 0 no-repeat;
}

div.wrapper-tr {
	background: url(../images/wrapper_tr.png) 100% 0 no-repeat;
}

div.wrapper-bl {
	background: url(../images/wrapper_bl.png) 0 100% no-repeat;
}

div.wrapper-br {
	padding: 10px 10px 10px 10px;
	background: url(../images/wrapper_br.png) 100% 100% no-repeat;
}

div#header {
	width: auto;  
	height: 220px;
	padding: 0px 0px 0px 0px;
	background: url(../images/header_bg.png) 0 100% repeat-x;
	position: relative;
	z-index: 10;
	clear: both;  
}

div#headerbar {
	width: auto;  
	height: 180px;
	clear: both;  
}

div#headermodule {
	margin: 0px 0px 0px 0px;
	float: right;
}

div#topmenu {
	position: absolute;
	top: 0px;
	left: 0px;
}

div#logo {
	position: absolute;
	top: 0px;
	left: 0px;
}

div#menu {
	position: absolute;
	bottom: 0px;
	left: 0px;
	top: 180px;
	height: 35px;
}

div#banner {
	position: absolute;
	top: -10px;
	right: -20px;
	width: 0px;
	z-index: 3;
}

div#top {
	width: auto;  
	margin: 0px 0px 0px 0px;
	clear: both;  
}

div#top .topbox {
	margin-top: 10px;
}

div#middle {
	width: auto;  
	margin: 10px 0px 0px 0px;
	clear: both;  
}

div#middle .background {
	min-height: 140px;
	 
	 
	 
	 
}

div#middle .background {
	padding: 0px 0px 0px 0px;
	background: none;
}

.left div#middle .background {
	padding: 0px 0px 0px 0px;
	background: none;
}

.right div#middle .background {
	padding: 0px 0px 0px 0px;
	background: none;
}

div#left {
	width: 190px;  
	 
}

.left div#middle div#left {
	float: left;
}

.right div#middle div#left {
	float: right;
}

div#main {
	width: auto;
	 
}

div#main {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.left div#main {
	margin: 0px 0px 0px 200px;  
}

.right div#main {
	margin: 0px 200px 0px 0px;  
}

div#maintop {
	padding: 0px 0px 10px 0px;
}

div#mainmiddle {
}

.showright div#mainmiddle {  
	background: url(../images/right_bg.png) 100% 0 repeat-y;
}

div#right {
	width: 160px;  
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}

div#content {
	width: auto;
	 
}

div#content {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

.showright div#content {
	margin: 0px 180px 0px 0px;  
	padding: 0px 0px 10px 0px;
}

div#contenttop {
	margin: 0px 0px 10px 0px;
}

div#breadcrumb {
	height: 19px;
	font-size: 85%;
}

div#contentbottom {
	margin: 10px 0px 0px 0px;
}

div#mainbottom {
	padding: 0px 0px 10px 0px;
}

div#bottom {
	width: auto;  
	margin: 0px 0px 0px 0px;
	clear: both;  
}

div#bottom .bottomblock {
	margin-top: 10px;
	margin-bottom: -10px;
}

div#footer {
	width: auto;  
	padding: 0px 0px 50px 0px;
	clear: both;  
}

div#footer .footer-b {
	background: #282828 url(../images/footer_b.png) 0 100% repeat-x;
}

div#footer .footer-l {
	background: url(../images/footer_l.png) 0 0 repeat-y;
}

div#footer .footer-r {
	background: url(../images/footer_r.png) 100% 0 repeat-y;
}

div#footer .footer-bl {
	background: url(../images/footer_bl.png) 0 100% no-repeat;
}

div#footer .footer-br {
	min-height: 40px;
	 
	padding: 20px 20px 20px 20px;
	background: url(../images/footer_br.png) 100% 100% no-repeat;
	text-align: center;
	color: #ffffff;
}

div#footer a.anchor {
	margin: 10px 0px 0px 0px;
	width: 30px;
	height: 5px;
	background: url(../images/footer_anchor_white.png) 0 0 no-repeat;
	display: block;
	float: right;
	text-decoration: none;
}

/*
 * Clearing & Floating
 */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0;  
	clear: both; 
	visibility: hidden;
}
	
 
.clearfix { display: block; }

.floatbox { overflow:hidden; }

.float-left { float: left; overflow: hidden; }
.float-right { float: right; overflow: hidden; }

.width20 { width: 19.999%; }
.width25 { width: 24.999%; }
.width33 { width: 33.333%; }
.width50 { width: 49.999%; }
.width66 { width: 66.666%; }
.width75 { width: 74.999%; }
.width100 { width: 100%; }/*
 * links
 */

a:link, a:visited {
	color: #66cc33;
	text-decoration: none;
}

a:hover {
	color: #66cc33;
	text-decoration: underline;
}

body.green a:link, body.green a:visited { color: #5a8c00; }
body.green a:hover { color: #73c800; }
body.pink a:link, body.pink a:visited { color: #aa2dd2; }
body.pink a:hover { color: #fa4bff; }
body.orange a:link, body.orange a:visited { color: #66cc33; }
body.orange a:hover { color: #ff6400; }
body.blue a:link, body.blue a:visited { color: #1e87c8; }
body.blue a:hover { color: #00afff; }

/*
 * unsorted lists
 */
 
ul.arrow, ul.arrow-big,
ul.checkbox, ul.checkbox-big,
ul.check, ul.check-big,
ul.star, ul.star-big,
ul.plus, ul.plus-big {
	margin: 10px 10px 10px 20px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

ul.arrow li,
ul.checkbox li,
ul.check li,
ul.star li,
ul.plus li {
	margin: 10px 0px 10px 0px;
	padding: 7px 0px 6px 35px;
	font-weight: bold;
	line-height: 100%
}

ul.arrow-big li,
ul.checkbox-big li,
ul.check-big li,
ul.star-big li,
ul.plus-big li {
	margin: 15px 0px 15px 0px;
	padding: 15px 0px 15px 60px;
	font-size: 200%;
	font-weight: bold;
}

ul.arrow li { background: url(../images/list_arrow.png) 0 0 no-repeat; }
ul.arrow-big li { background: url(../images/list_arrow_big.png) 0 0 no-repeat; }
ul.checkbox li { background: url(../images/list_checkbox.png) 0 0 no-repeat; }
ul.checkbox-big li { background: url(../images/list_checkbox_big.png) 0 0 no-repeat; }
ul.check li { background: url(../images/list_check.png) 0 0 no-repeat; }
ul.check-big li { background: url(../images/list_check_big.png) 0 0 no-repeat; }
ul.star li { background: url(../images/list_star.png) 0 0 no-repeat; }
ul.star-big li { background: url(../images/list_star_big.png) 0 0 no-repeat; }
ul.plus li { background: url(../images/list_plus.png) 0 0 no-repeat; }
ul.plus-big li { background: url(../images/list_plus_big.png) 0 0 no-repeat; }

/*
 * ordered lists
 */
 
ol.disc, ol.disc-big {
	margin: 10px 10px 10px 20px;
	padding: 0px 0px 0px 15px;
}

ol.disc {
	padding: 0px 0px 0px 27px;
	background: url(../images/list_disc.png) 0 0 repeat-y;
}

ol.disc li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 6px 12px;
	font-weight: bold;
	line-height: 28px;
}

ol.disc-big {
	padding: 0px 0px 0px 45px;
	font-size: 200%;
	background: url(../images/list_disc_big.png) 0 0 repeat-y;
}

ol.disc-big li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 12px 20px;
	font-weight: bold;
	line-height: 45px;
}

/*
 * highlighted div and span boxes
 */

span.note,
span.info,
span.alert,
span.download,
span.tip {
	display: block;
}

div.note, span.note {
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	background: #f4f5f6;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
	text-align:justify;
}

div.info, span.info,
div.alert, span.alert,
div.download, span.download,
div.tip, span.tip {
	margin: 10px 0px 10px 0px;
	padding: 7px 10px 7px 35px;
}

div.info, span.info {
	background: #f4f5f6 url(../images/div_info.png) 3px 3px no-repeat;
	border-top: 1px dotted #aab4be;
	border-bottom: 1px dotted #aab4be;
}

div.alert, span.alert {
	background: #fff5eb url(../images/div_alert.png) 3px 3px no-repeat;
	border-top: 1px dotted #ffb4a0;
	border-bottom: 1px dotted #ffb4a0;
}

div.download, span.download {
	background: #f5faeb url(../images/div_download.png) 3px 3px no-repeat;
	border-top: 1px dotted #78be5a;
	border-bottom: 1px dotted #78be5a;
}

div.tip, span.tip {
	background: #fffdeb url(../images/div_tip.png) 3px 3px no-repeat;
	border-top: 1px dotted #ffc864;
	border-bottom: 1px dotted #ffc864;
}

/*
 * highlighted quotations
 */

blockquote {
	margin: 10px 0px 10px 0px;
	padding: 10px 35px 10px 35px;
	background: url(../images/blockquote_start.png) 0 0 no-repeat;
	text-align:justify;
}

blockquote p {
	margin: 0px -35px -10px 0px;
	padding: 0px 35px 10px 0px;
	background: url(../images/blockquote_end.png) 100% 100% no-repeat;
}

blockquote.big {
	margin: 10px 0px 10px 0px;
	padding: 50px 50px 50px 50px;
	background: url(../images/blockquote_big_start.png) 0 0 no-repeat;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 300%;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 100%;
	text-align: left;
}

blockquote.big p {
	margin: 0px -50px -50px 0px;
	padding: 0px 30px 50px 0px;
	background: url(../images/blockquote_big_end.png) 100% 100% no-repeat;
}

/*
 * preformatted text elements
 */

pre {
	margin: 2px 0px 2px 0px;
	padding: 10px 10px 10px 10px;
	border: 1px dotted #aab4be;
	border-left: 20px solid #b4b4b4;
	background: #f4f5f6;
	font-size: 90%;
	/* Browser specific (not valid) styles to make preformatted text wrap */
	/* white-space: pre-wrap;       /* css-3 */
	/* white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
}

/*
 * highlighted emphasis
 */

em.box, em.file, em.directory {
	font-family: "Courier New", Courier, monospace;
	font-style: normal;
}

em.box { 
	padding: 0px 2px 0px 2px;
	background:#f4f5f6;
	border: 1px dotted #aab4be;
}

em.file { 
	padding: 0px 0px 0px 13px;
	background: transparent url(../images/em_file.png) 0 1px no-repeat;
	color: #000000;
}

em.directory { 
	padding: 0px 0px 0px 16px;
	background: transparent url(../images/em_directory.png) 0 1px no-repeat;
	color: #000000;
}

/*
 * headings
 */

h1, h2, h3, h4, h5, h6, h7{
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 5px;
	line-height: 100%;
}

h1 {
	font-size: 300%;
	font-weight: normal;
	color: #7887A0;
}

h2 {
	font-size: 250%;
	color: #b4b4be;
}

h3 {
	font-size: 200%;
	color: #646478;
}

h4 {
	font-size: 175%;
	font-weight: normal;
	/*color: #7887A0;*/
	color:white;
background-color:#000000;
}

h5 {
	font-size: 150%;
	color: #878796;
}

h6 {
	font-size: 125%;
	color: #7887A0;
}

body.green h1, body.green h4, body.green h6 { color: #739141; }
body.pink h1, body.pink h4, body.pink h6 { color: #c83cbe; }
body.orange h1, body.orange h4, body.orange h6 { color: #f06400; }
body.blue h1, body.blue h4, body.blue h6 { color: #5591d7; }

/*
 * forms
 */

fieldset { border: 1px solid #ccc; }
legend { background: #fff; }
textarea, input[type='text'], select { border: 1px solid #ccc; background: #fff; }
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover { border-color: #aaa; }
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus { border-color: #888; outline: 2px solid #ddd; }
input[type='button'], input[type='submit'], input[type='checkbox'], input[type='image'], input[type='radio'], input[type='reset'], select, button { cursor: pointer; }
input[type='hidden'] { display:none; }

fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; }  
legend { padding: 0 .8em 0 .8em; }
legend+* { margin-top: 1em; }  
textarea, input[type='text'], input[type='password'] { padding: .1em 0 .1em .4em; }
option { padding: 0 .4em .1em; }
form div { margin-bottom: .8em; }
button, input[type='button'] { padding: .2em .3em .2em .1em; line-height: 100%; }
/*
 * topmenu
 */

div#topmenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;  
}

div#topmenu li {
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
}

div#topmenu li a {
	height: 20px;
	padding: 0px 10px 0px 10px;
	background: url(../images/topmenu_item_bg.png) 0 4px no-repeat;
	float: left;
	display: block;
	position: relative;
	line-height: 17px;
	overflow: hidden;  
	font-size: 85%;
	text-decoration: none;
}

div#topmenu li.item1 a {
	padding: 0px 10px 0px 0px;
	background: none;
}

div#topmenu a:link, div#topmenu a:visited {
	color: #646464;
}

div#topmenu a:hover {
	color: #000000;
}

/*
 * menu
 */

div#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;  
}

div#menu li {
	position: relative;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}

div#menu li a, #menu li span.separator {
	height: 35px;
	display: block;
	float: left;
	line-height: 35px;
	text-decoration: none;
	color: #000000;
}

div#menu li span {  
	display: block;
}

div#menu li span {  
	background-repeat: no-repeat;
	background-position: 95% 0px;
}

div#menu li a.current {  
	color: #66cc33;
}

div#menu a:hover, div#menu span.separator:hover, div#menu span.sfhover, div#menu a.current:hover {  
	color: #66cc33;
}

div#menu li.active {  
	font-weight: bold;
}

div#menu li.active ul {  
	font-weight: normal;
}

div#menu li.parent span.separator {  
	cursor: pointer;
}

div#menu li.background {
	position: absolute;
	top: 26px;
	visibility: hidden;
	z-index: -1;
}
  
div#menu li.background .left {
	height: 8px;
	margin: 0px 30px 0px 0px;
	background: #66cc33;
	overflow: hidden;  
}

body.green div#menu li.background .left { background: #9bc800; }
body.pink div#menu li.background .left { background: #d237cd; }
body.orange div#menu li.background .left { background: #ff7800; }
body.blue div#menu li.background .left { background: #00c8ff; }

div#menu ul.menu {
}

div#menu li.level1 {
}

div#menu a.level1 {
	line-height: 20px;
	font-family: "Arial Narrow";
	font-size: 150%;
	font-weight: bold;
	text-transform: lowercase;
}

div#menu a.level1 span, div#menu span.level1 span {
	padding: 0px 30px 0px 0px;
}

div#menu li.current a.level1 {  
	color: #646478;
}

div#menu li:hover a.level1, div#menu li.sfhover a.level1, div#menu li:hover span.level1, div#menu li.sfhover span.level1 {  
	color: #646478;
}

div#menu li.active {  
}

div#menu a.active, div#menu span.active {  
}

div#menu li.active li {  
}

div#menu li li a.active {  
}

div#menu ul.menu ul {
	position: absolute;
	top: 35px;
	left: -999em;  
	width: 165px;
	padding: 0px 0px 1px 0px;
	background: url(../images/menu_dropdown_bg.png) 0 100% no-repeat;
}

div#menu li:hover ul, div#menu li.sfhover ul {
	left: 0px;  
	z-index: 100;
}

div#menu li.level1 li {
   	width: 100%;  
	text-indent: 15px;
}

div#menu li.level1 li a, div#menu li.level1 li span.separator{
	height: 25px;
	padding: 0px;
	margin: 0px 1px 0px 1px;;
	background: #ffffff url(../images/menu_level2_item.png) 100% 0 no-repeat;
	float: none;  
	display: block;
	line-height: 25px;
}

div#menu li.level2 a.parent, div#menu li li.level2 span.parent {  
	background: #ffffff url(../images/menu_level2_item_parent.png) 100% 0 no-repeat;
}

div#menu li ul ul {
	margin: -36px 0 0 164px;  
}

div#menu li:hover ul ul, div#menu li.sfhover ul ul {
	border-top: 1px solid #C8C8C8;
}

div#menu li:hover ul ul, div#menu li.sfhover ul ul,  
div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul,  
div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul {  
	left: -999em;
}

div#menu li li:hover ul, div#menu li li.sfhover ul,  
div#menu li li li:hover ul, div#menu li li li.sfhover ul,  
div#menu li li li li:hover ul, div#menu li li li li.sfhover ul {  
	left: 0;
	z-index: 100;
}

/*
 * sub menu
 */
 
 
div#middle div.module_menu ul,
div#middle div.moduletable_menu ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	list-style: none;
	background: #ffffff;
}

div#middle ul.menu li {
	margin: 0px;
	padding: 0px;
	display: block;
}

div#middle ul.menu li a, div#middle ul.menu li span.separator {
	height: 25px;
	display: block;
	line-height: 25px;
	text-decoration: none;
	color: #000000;
}

div#middle ul.menu li span {  
	display: block;
}

div#middle ul.menu li span {  
	background-repeat: no-repeat;
	background-position: 95% 0px;
}

div#middle ul.menu a.current {  
	color: #aa1428;
}

div#middle ul.menu a:hover, div#middle ul.menu span.separator:hover, div#middle ul.menu span.sfhover, div#middle ul.menu a.current:hover {  
	color: #aa1428;
}

div#middle ul.menu li.active {  
	font-weight: bold;
}

div#middle ul.menu li.active li {  
	font-weight: normal;
}

div#middle ul.menu li.parent span.separator {  
	cursor: pointer;
}

div#middle ul.menu li.level1 {
}

div#middle ul.menu a.level1, div#middle ul.menu span.level1 {
	background: #ffffff url(../images/submenu_level1_item.png) 100% 0 no-repeat;
	text-indent: 15px;
}

div#middle ul.menu li.parent a.level1, div#middle ul.menu li.parent span.level1 {  
	background: #ffffff url(../images/submenu_level1_item_parent.png) 100% 0 no-repeat;
}

div#middle ul.menu li.level2 {
}

div#middle ul.menu li.level2 a {
	height: 20px;
	line-height: 20px;
}

div#middle ul.menu a.level2 {
	background: #ffffff url(../images/submenu_level2_item.png) 100% 0 no-repeat;
	text-indent: 35px;
}

div#middle ul.menu a.level2 span {
	background: url(../images/submenu_level2_item_icon.png) 15px 2px no-repeat;
}

div#middle ul.menu li.level3 {
}

div#middle ul.menu a.level3 {
	background:  #ffffff url(../images/submenu_level2_item.png) 100% 0 no-repeat;
	text-indent: 45px;
}

div#middle ul.menu a.level3 span {
	background: url(../images/submenu_level3_item_icon.png) 25px 2px no-repeat;
}

div#middle ul.menu li.level4 {
}

div#middle ul.menu a.level4  {
	background: #ffffff url(../images/submenu_level2_item.png) 100% 0 no-repeat;
	text-indent: 55px;
}

div#middle ul.menu a.level4 span {
	background: url(../images/submenu_level4_item_icon.png) 35px 2px no-repeat;
}
/* reset header for all modules */
div.moduletable h3,
div.moduletable_menu h3,
div.moduletable-blank h3,
div.module h3,
div.module_menu h3,
div.module-blank h3,
div.module-fading h3,
div.module-light h3,
div.module-black h3,
div.module-grey h3,
div.module-new h3,
div.module-top h3,
div.module-pick h3,
div.module-thin h3,
div.module-clipping h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 100%;
}

/*
 * left modules
 */
 
#left div.moduletable,
#left div.moduletable_menu {
	margin: 0px 0px 20px 0px;
	padding: 0px 15px 0px 15px;
}

#left div.moduletable h3,
#left div.moduletable_menu h3 {
	margin: 0px -15px 5px -15px;
	height: 25px;
	line-height: 25px;
	background: #282828;
	font-family: "Arial Narrow", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 120%;
	text-indent: 15px;
	text-transform: uppercase;
	color: #ffffff;
}

/* menu */
#left div.moduletable_menu {
	padding: 0px 0px 0px 0px;
}

#left div.moduletable_menu h3 {
	margin: 0px 0px 0px 0px;
}

/* blank */
#left div.moduletable-blank {
	margin: 0px 0px 20px 0px;
	overflow: hidden;
}

/*
 * right modules
 */
 
#right div.moduletable,
#right div.moduletable_menu {
	margin: 0px 0px 20px 0px;
}
 
#right div.moduletable h3,
#right div.moduletable_menu h3 {
	margin: 0px 0px 5px 0px;
	font-size: 150%;
	font-family: "Times New Roman", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
}

/* blank */
#right div.moduletable-blank {
	margin: 0px 0px 20px 0px;
	overflow: hidden;
}

/*
 * modules (top, bottom, maintop, mainbottom, contenttop, contentbottom)
 */
 
/* default */
#top div.module,
#bottom div.module,
#maintop div.module,
#mainbottom div.module,
#contenttop div.module,
#contentbottom div.module,
#headermodule div.module {
	margin: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	background: #282828;
	text-align:justify;
}

#top .seperator div.module,
#bottom .seperator div.module,
#maintop .seperator div.module,
#mainbottom .seperator div.module,
#contenttop .seperator div.module,
#contentbottom .seperator div.module {
	margin: 0px 10px 0px 0px;
}

#top div.module div,
#bottom div.module div,
#maintop div.module div,
#mainbottom div.module div,
#contenttop div.module div,
#contentbottom div.module div,
#headermodule div.module div {
	padding: 7px 7px 7px 7px;
	background: #ffffff;
}

#top div.module div div,
#bottom div.module div div,
#maintop div.module div div,
#mainbottom div.module div div,
#contenttop div.module div div,
#contentbottom div.module div div,
#headermodule div.module div div {
	padding: 0px 0px 0px 0px;
	background: none;
}

#top div.module h3,
#bottom div.module h3,
#maintop div.module h3,
#mainbottom div.module h3,
#contenttop div.module h3,
#contentbottom div.module h3,
#headermodule div.module h3 {
	margin: 0px 0px 5px 0px;
	text-align: left;
	font-weight: bold;
}

/* fading */
#top div.module-fading,
#bottom div.module-fading,
#maintop div.module-fading,
#mainbottom div.module-fading,
#contenttop div.module-fading,
#contentbottom div.module-fading,
#headermodule div.module-fading {
	margin: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	background: #282828;
	text-align:justify;
}

#top .seperator div.module-fading,
#bottom .seperator div.module-fading,
#maintop .seperator div.module-fading,
#mainbottom .seperator div.module-fading,
#contenttop .seperator div.module-fading,
#contentbottom .seperator div.module-fading {
	margin: 0px 10px 0px 0px;
}

#top div.module-fading div,
#bottom div.module-fading div,
#maintop div.module-fading div,
#mainbottom div.module-fading div,
#contenttop div.module-fading div,
#contentbottom div.module-fading div,
#headermodule div.module-fading div {
	padding: 7px 7px 7px 7px;
	background: #ffffff url(../images/module_bg_fading.png) 0 100% repeat-x;
}

#top div.module-fading div div,
#bottom div.module-fading div div,
#maintop div.module-fading div div,
#mainbottom div.module-fading div div,
#contenttop div.module-fading div div,
#contentbottom div.module-fading div div,
#headermodule div.module-fading div div {
	padding: 0px 0px 0px 0px;
	background: none;	
}

#top div.module-fading h3,
#bottom div.module-fading h3,
#maintop div.module-fading h3,
#mainbottom div.module-fading h3,
#contenttop div.module-fading h3,
#contentbottom div.module-fading h3,
#headermodule div.module-fading h3 {
	margin: 0px 0px 5px 0px;
	text-align: left;
	font-weight: bold;
}

/* light */
#top div.module-light,
#bottom div.module-light,
#maintop div.module-light,
#mainbottom div.module-light,
#contenttop div.module-light,
#contentbottom div.module-light,
#headermodule div.module-light {
	margin: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	background: #DCDFE1;
	text-align:justify;
}

#top .seperator div.module-light,
#bottom .seperator div.module-light,
#maintop .seperator div.module-light,
#mainbottom .seperator div.module-light,
#contenttop .seperator div.module-light,
#contentbottom .seperator div.module-light {
	margin: 0px 10px 0px 0px;
}

#top div.module-light div,
#bottom div.module-light div,
#maintop div.module-light div,
#mainbottom div.module-light div,
#contenttop div.module-light div,
#contentbottom div.module-light div,
#headermodule div.module-light div {
	padding: 7px 7px 7px 7px;
	background: #ffffff;
}

#top div.module-light div div,
#bottom div.module-light div div,
#maintop div.module-light div div,
#mainbottom div.module-light div div,
#contenttop div.module-light div div,
#contentbottom div.module-light div div,
#headermodule div.module-light div div {
	padding: 0px 0px 0px 0px;
	background: none;	
}

#top div.module-light h3,
#bottom div.module-light h3,
#maintop div.module-light h3,
#mainbottom div.module-light h3,
#contenttop div.module-light h3,
#contentbottom div.module-light h3,
#headermodule div.module-light h3 {
	margin: 0px 0px 5px 0px;
	text-align: left;
	font-weight: bold;
}

/* black */
#top div.module-black,
#bottom div.module-black,
#maintop div.module-black,
#mainbottom div.module-black,
#contenttop div.module-black,
#contentbottom div.module-black,
#headermodule div.module-black {
	margin: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	background: #282828;
	text-align:justify;
}

#top .seperator div.module-black,
#bottom .seperator div.module-black,
#maintop .seperator div.module-black,
#mainbottom .seperator div.module-black,
#contenttop .seperator div.module-black,
#contentbottom .seperator div.module-black {
	margin: 0px 10px 0px 0px;
}

#top div.module-black div,
#bottom div.module-black div,
#maintop div.module-black div,
#mainbottom div.module-black div,
#contenttop div.module-black div,
#contentbottom div.module-black div,
#headermodule div.module-black div {
	padding: 7px 7px 7px 7px;
	color: #ffffff;
}

#top div.module-black div div,
#bottom div.module-black div div,
#maintop div.module-black div div,
#mainbottom div.module-black div div,
#contenttop div.module-black div div,
#contentbottom div.module-black div div,
#headermodule div.module-black div div {
	padding: 0px 0px 0px 0px;
	background: none;	
}

#top div.module-black h3,
#bottom div.module-black h3,
#maintop div.module-black h3,
#mainbottom div.module-black h3,
#contenttop div.module-black h3,
#contentbottom div.module-black h3,
#headermodule div.module-black h3 {
	margin: 0px 0px 5px 0px;
	text-align: left;
	font-weight: bold;
	color: #ffffff;
}

#page div.module-black a:link, #page div.module-black a:visited { color: #ffffff; }
#page div.module-black a:hover { color: #ffffff; }

/* grey */
#top div.module-grey,
#bottom div.module-grey,
#maintop div.module-grey,
#mainbottom div.module-grey,
#contenttop div.module-grey,
#contentbottom div.module-grey,
#headermodule div.module-grey {
	margin: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	background: #DCDFE1;
	text-align:justify;
}

#top .seperator div.module-grey,
#bottom .seperator div.module-grey,
#maintop .seperator div.module-grey,
#mainbottom .seperator div.module-grey,
#contenttop .seperator div.module-grey,
#contentbottom .seperator div.module-grey {
	margin: 0px 10px 0px 0px;
}

#top div.module-grey div,
#bottom div.module-grey div,
#maintop div.module-grey div,
#mainbottom div.module-grey div,
#contenttop div.module-grey div,
#contentbottom div.module-grey div,
#headermodule div.module-grey div {
	padding: 7px 7px 7px 7px;
	color: #323232;
}

#top div.module-grey div div,
#bottom div.module-grey div div,
#maintop div.module-grey div div,
#mainbottom div.module-grey div div,
#contenttop div.module-grey div div,
#contentbottom div.module-grey div div,
#headermodule div.module-grey div div {
	padding: 0px 0px 0px 0px;
	background: none;	
}

#top div.module-grey h3,
#bottom div.module-grey h3,
#maintop div.module-grey h3,
#mainbottom div.module-grey h3,
#contenttop div.module-grey h3,
#contentbottom div.module-grey h3,
#headermodule div.module-grey h3 {
	margin: 0px 0px 5px 0px;
	text-align: left;
	font-weight: bold;
	color: #323232;
}

#page div.module-grey a:link, #page div.module-grey a:visited { color: #323232; }
#page div.module-grey a:hover { color: #323232; }

/* new */
#top div.module-new,
#bottom div.module-new,
#maintop div.module-new,
#mainbottom div.module-new,
#contenttop div.module-new,
#contentbottom div.module-new,
#headermodule div.module-new {
	margin: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	background: #282828;
	text-align:justify;
}

#top .seperator div.module-new,
#bottom .seperator div.module-new,
#maintop .seperator div.module-new,
#mainbottom .seperator div.module-new,
#contenttop .seperator div.module-new,
#contentbottom .seperator div.module-new {
	margin: 0px 10px 0px 0px;
}

#top div.module-new div,
#bottom div.module-new div,
#maintop div.module-new div,
#mainbottom div.module-new div,
#contenttop div.module-new div,
#contentbottom div.module-new div,
#headermodule div.module-new div {
	padding: 7px 7px 7px 7px;
	background: #ffffff url(../images/module_bg_new.png) 100% 0 no-repeat;
}

#top div.module-new div div,
#bottom div.module-new div div,
#maintop div.module-new div div,
#mainbottom div.module-new div div,
#contenttop div.module-new div div,
#contentbottom div.module-new div div,
#headermodule div.module-new div div {
	padding: 0px 0px 0px 0px;
	background: none;	
}

#top div.module-new h3,
#bottom div.module-new h3,
#maintop div.module-new h3,
#mainbottom div.module-new h3,
#contenttop div.module-new h3,
#contentbottom div.module-new h3,
#headermodule div.module-new h3 {
	margin: 0px 0px 5px 0px;
	text-align: left;
	font-weight: bold;
}

/* top */
#top div.module-top,
#bottom div.module-top,
#maintop div.module-top,
#mainbottom div.module-top,
#contenttop div.module-top,
#contentbottom div.module-top,
#headermodule div.module-top {
	margin: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	background: #282828;
	text-align:justify;
}

#top .seperator div.module-top,
#bottom .seperator div.module-top,
#maintop .seperator div.module-top,
#mainbottom .seperator div.module-top,
#contenttop .seperator div.module-top,
#contentbottom .seperator div.module-top {
	margin: 0px 10px 0px 0px;
}

#top div.module-top div,
#bottom div.module-top div,
#maintop div.module-top div,
#mainbottom div.module-top div,
#contenttop div.module-top div,
#contentbottom div.module-top div,
#headermodule div.module-top div {
	padding: 7px 7px 7px 7px;
	background: #ffffff url(../images/module_bg_top.png) 100% 0 no-repeat;
}

#top div.module-top div div,
#bottom div.module-top div div,
#maintop div.module-top div div,
#mainbottom div.module-top div div,
#contenttop div.module-top div div,
#contentbottom div.module-top div div,
#headermodule div.module-top div div {
	padding: 0px 0px 0px 0px;
	background: none;	
}

#top div.module-top h3,
#bottom div.module-top h3,
#maintop div.module-top h3,
#mainbottom div.module-top h3,
#contenttop div.module-top h3,
#contentbottom div.module-top h3,
#headermodule div.module-top h3 {
	margin: 0px 0px 5px 0px;
	text-align: left;
	font-weight: bold;
}

/* pick */
#top div.module-pick,
#bottom div.module-pick,
#maintop div.module-pick,
#mainbottom div.module-pick,
#contenttop div.module-pick,
#contentbottom div.module-pick,
#headermodule div.module-pick {
	margin: 0px 0px 0px 0px;
	padding: 8px 8px 8px 8px;
	background: #282828;
	text-align:justify;
}

#top .seperator div.module-pick,
#bottom .seperator div.module-pick,
#maintop .seperator div.module-pick,
#mainbottom .seperator div.module-pick,
#contenttop .seperator div.module-pick,
#contentbottom .seperator div.module-pick {
	margin: 0px 10px 0px 0px;
}

#top div.module-pick div,
#bottom div.module-pick div,
#maintop div.module-pick div,
#mainbottom div.module-pick div,
#contenttop div.module-pick div,
#contentbottom div.module-pick div,
#headermodule div.module-pick div {
	padding: 7px 7px 7px 7px;
	background: #ffffff url(../images/module_bg_pick.png) 100% 0 no-repeat;
}

#top div.module-pick div div,
#bottom div.module-pick div div,
#maintop div.module-pick div div,
#mainbottom div.module-pick div div,
#contenttop div.module-pick div div,
#contentbottom div.module-pick div div,
#headermodule div.module-pick div div {
	padding: 0px 0px 0px 0px;
	background: none;	
}

#top div.module-pick h3,
#bottom div.module-pick h3,
#maintop div.module-pick h3,
#mainbottom div.module-pick h3,
#contenttop div.module-pick h3,
#contentbottom div.module-pick h3,
#headermodule div.module-pick h3 {
	margin: 0px 0px 5px 0px;
	text-align: left;
	font-weight: bold;
}

/* thin */
#top div.module-thin,
#bottom div.module-thin,
#maintop div.module-thin,
#mainbottom div.module-thin,
#contenttop div.module-thin,
#contentbottom div.module-thin,
#headermodule div.module-thin {
	margin: 0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	background: #969696;
	text-align:justify;
}

#top .seperator div.module-thin,
#bottom .seperator div.module-thin,
#maintop .seperator div.module-thin,
#mainbottom .seperator div.module-thin,
#contenttop .seperator div.module-thin,
#contentbottom .seperator div.module-thin {
	margin: 0px 10px 0px 0px;
}

#top div.module-thin div,
#bottom div.module-thin div,
#maintop div.module-thin div,
#mainbottom div.module-thin div,
#contenttop div.module-thin div,
#contentbottom div.module-thin div,
#headermodule div.module-thin div {
	padding: 14px 14px 14px 14px;
	background: #ffffff;
}

#top div.module-thin div div,
#bottom div.module-thin div div,
#maintop div.module-thin div div,
#mainbottom div.module-thin div div,
#contenttop div.module-thin div div,
#contentbottom div.module-thin div div,
#headermodule div.module-thin div div {
	padding: 0px 0px 0px 0px;
	background: none;	
}

#top div.module-thin h3,
#bottom div.module-thin h3,
#maintop div.module-thin h3,
#mainbottom div.module-thin h3,
#contenttop div.module-thin h3,
#contentbottom div.module-thin h3,
#headermodule div.module-thin h3 {
	margin: 0px 0px 5px 0px;
	text-align: left;
	font-weight: bold;
}

/* clipping */
#top div.module-clipping,
#bottom div.module-clipping,
#maintop div.module-clipping,
#mainbottom div.module-clipping,
#contenttop div.module-clipping,
#contentbottom div.module-clipping,
#headermodule div.module-clipping {
	margin: 0px 0px 0px 0px;
	background: #ffffff url(../images/module_br_clipping.png) 100% 100% no-repeat;
	text-align:justify;
}

#top .seperator div.module-clipping,
#bottom .seperator div.module-clipping,
#maintop .seperator div.module-clipping,
#mainbottom .seperator div.module-clipping,
#contenttop .seperator div.module-clipping,
#contentbottom .seperator div.module-clipping {
	margin: 0px 10px 0px 0px;
}

#top div.module-clipping div,
#bottom div.module-clipping div,
#maintop div.module-clipping div,
#mainbottom div.module-clipping div,
#contenttop div.module-clipping div,
#contentbottom div.module-clipping div,
#headermodule div.module-clipping div {
	background: url(../images/module_tr_clipping.png) 100% 0 no-repeat;
}

#top div.module-clipping div div,
#bottom div.module-clipping div div,
#maintop div.module-clipping div div,
#mainbottom div.module-clipping div div,
#contenttop div.module-clipping div div,
#contentbottom div.module-clipping div div,
#headermodule div.module-clipping div div {
	background: url(../images/module_bl_clipping.png) 0 100% no-repeat;
}

#top div.module-clipping div div div,
#bottom div.module-clipping div div div,
#maintop div.module-clipping div div div,
#mainbottom div.module-clipping div div div,
#contenttop div.module-clipping div div div,
#contentbottom div.module-clipping div div div,
#headermodule div.module-clipping div div div {
	padding: 15px 15px 15px 15px;
	background: url(../images/module_tl_clipping.png) 0 0 no-repeat;
}

#top div.module-clipping div div div div,
#bottom div.module-clipping div div div div,
#maintop div.module-clipping div div div div,
#mainbottom div.module-clipping div div div div,
#contenttop div.module-clipping div div div div,
#contentbottom div.module-clipping div div div div,
#headermodule div.module-clipping div div div div {
	padding: 0px 0px 0px 0px;
	background: none;
}

#top div.module-clipping h3,
#bottom div.module-clipping h3,
#maintop div.module-clipping h3,
#mainbottom div.module-clipping h3,
#contenttop div.module-clipping h3,
#contentbottom div.module-clipping h3,
#headermodule div.module-clipping h3 {
	margin: 0px 0px 5px 0px;
	text-align: left;
	font-weight: bold;
}

/* blank */
#top div.module-blank,
#bottom div.module-blank,
#maintop div.module-blank,
#mainbottom div.module-blank,
#contenttop div.module-blank,
#contentbottom div.module-blank {
	margin: 0px 0px 0px 0px;
}

#top .seperator div.module-blank,
#bottom .seperator div.module-blank,
#maintop .seperator div.module-blank,
#mainbottom .seperator div.module-blank,
#contenttop .seperator div.module-blank,
#contentbottom .seperator div.module-blank {
	margin: 0px 10px 0px 0px;
}

#top div.module-blank h3,
#bottom div.module-blank h3,
#maintop div.module-blank h3,
#mainbottom div.module-blank h3,
#contenttop div.module-pick h3,
#contentbottom div.module-blank h3,
#headermodule div.module-blank h3 {
	margin: 0px 0px 5px 0px;
	text-align: left;
	font-weight: bold;
}

/*
 * top modules
 */

#top .topblock div.module,
#top .topblock div.module-fading,
#top .topblock div.module-light,
#top .topblock div.module-black,
#top .topblock div.module-grey,
#top .topblock div.module-new,
#top .topblock div.module-top,
#top .topblock div.module-pick,
#top .topblock div.module-thin,
#top .topblock div.module-clipping,
#top .topblock div.module-blank {
	margin: 10px 0px 0px 0px;
}

/*
 * bottom modules
 */

#bottom .bottomblock div.module,
#bottom .bottomblock div.module-fading,
#bottom .bottomblock div.module-light,
#bottom .bottomblock div.module-black,
#bottom .bottomblock div.module-grey,
#bottom .bottomblock div.module-new,
#bottom .bottomblock div.module-top,
#bottom .bottomblock div.module-pick,
#bottom .bottomblock div.module-thin,
#bottom .bottomblock div.module-clipping,
#bottom .bottomblock div.module-blank {
	margin: 0px 0px 10px 0px;
}

/*
 * header modules
 */
 
#headermodule div.module,
#headermodule div.module-fading,
#headermodule div.module-light,
#headermodule div.module-black,
#headermodule div.module-grey,
#headermodule div.module-new,
#headermodule div.module-top,
#headermodule div.module-pick,
#headermodule div.module-thin,
#headermodule div.module-clipping,
#headermodule div.module-blank {
	margin: 0px 0px 0px 10px;
	float: right;
}

#headermodule div.module div div div,
#headermodule div.module-fading div div div,
#headermodule div.module-light div div div,
#headermodule div.module-black div div div,
#headermodule div.module-grey div div div,
#headermodule div.module-new div div div,
#headermodule div.module-top div div div,
#headermodule div.module-pick div div div,
#headermodule div.module-thin div div div,
#headermodule div.module-clipping div div div,
#headermodule div.module-blank div div div {
	height: 150px;
	overflow: hidden;
}

#headermodule div.module div div div div,
#headermodule div.module-fading div div div div,
#headermodule div.module-light div div div div,
#headermodule div.module-black div div div div,
#headermodule div.module-grey div div div div,
#headermodule div.module-new div div div div,
#headermodule div.module-top div div div div,
#headermodule div.module-pick div div div div,
#headermodule div.module-thin div div div div,
#headermodule div.module-clipping div div div div,
#headermodule div.module-blank div div div div {
	height: auto;
}/*
 * YOOsearch
 */

div#yoo-search {
	width: 120px;
	height: 18px;
	padding: 0px;
	background: url(../images/search_bg.png) 0 0 no-repeat;
}

div#yoo-search input {
	width: 93px;  
	 
	height: 14px;  
	 
	padding: 2px 2px 2px 7px;
	 
	border: none;
	outline: none;
	background: none;
	float: left;
	color: #646464;
	font-size: 75%;
}

div#yoo-search button {
	width: 18px;
	height: 18px;
	padding: 0px;
	border: none;
	background: url(../images/search_button.png) 0 0 no-repeat;
	cursor: pointer;
	text-indent: 100px;
	line-height: 0px;
}

div#yoo-search:hover, div#search div.sfhover  {
	background: url(../images/search_bg.png) 0 -18px no-repeat;
}

div#yoo-search:hover input, div#yoo-search input.sfhover {
	color: #000000;
}

div#yoo-search input:focus, div#yoo-search input.sffocus {
	color: #000000;
}

/*
 * Joomla!
 */

.contentheading,
.componentheading {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 250%;
	line-height: 100%;
	font-weight: bold;
	color: #64696e;
}

body.green .contentheading, body.green .componentheading { color: #6ea028; }
body.pink .contentheading, body.pink .componentheading { color: #8c3caa; }
body.orange .contentheading, body.orange .componentheading { color: #f04600; }
body.blue .contentheading, body.blue .componentheading { color: #5087d7; }

#overDiv {
	line-height: 100%;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	color: #323232;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

.contentpane {
  margin: 0;
  padding: 0;
  width: auto;
}

.contentpaneopen {
  margin: 0;
  padding: 0;
  width: auto;
}

.contentpaneopen hr {
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px solid #c8c8c8;
	border-left: 0px;
	line-height: 0px;
	height: 1px;
}

.contentdescription {
}

.article_separator {
	display: block;
	height: 50px;
	background: url(../images/article_separator.png) 50% 50% no-repeat;
}

.small {
	font-size: 95%;
	font-style: italic;
	color: #969696;
}

.createdate {
	height: 20px;
	vertical-align: top;
	font-size: 95%;
	font-weight: bold;
	color: #646464;
}

.modifydate {
	height: 20px;
	vertical-align: bottom;
	font-size: 95%;
	color: #646464;
}

.buttonheading {
}

.buttonheading img {
	margin-right: 2px;
}

div.mosimage {
	margin: 5px;
}

div.mosimage_caption {
	font-size: 95%;
}

.button {
	font-size: 95%;
}

.inputbox {
}

.sectiontableheader {
	padding: 5px 5px 5px 5px;
	background: #ebebeb;
	border-bottom: 1px solid #b4b4b4;
	font-weight : bold;
}

tr.sectiontableentry1 td {
	padding: 5px 5px 5px 5px;
	background: #ffffff;
	border-bottom: 1px solid #dcdcdc;
}

tr.sectiontableentry2 td {
	padding: 5px 5px 5px 5px;
	background: #f0f0f0;
	border-bottom: 1px solid #dcdcdc;
}

td.sectiontableentry1 {
	padding: 5px 5px 5px 5px;
	background: #ffffff;
	border-bottom: 1px solid #dcdcdc;
}

td.sectiontableentry2 {
	padding: 5px 5px 5px 5px;
	background: #f0f0f0;
	border-bottom: 1px solid #dcdcdc;
}

.poll {
}

.poll input.button {
	margin: 10px 0px 0px 0px;
}

/*
 * Joomla! system CSS file: system.css
 */
 
/* OpenID icon style */
input.system-openid {
   background: url(http://openid.net/login-bg.gif) no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
}

/* Unpublished */
.system-unpublished {
background: #e8edf1;
border-top: 4px solid #c4d3df;
border-bottom: 4px solid #c4d3df;
}

/* System Messages */
#system-message    { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; padding: 0;}
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;}

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}

/*
 * Joomla! system CSS file: general.css
 */
 
 /* Form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* Buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.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;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

.page span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(../../system/images/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(../../system/images/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(../../system/images/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore {
	background: url(../../system/images/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(../../system/images/j_button2_pagebreak.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
.img_caption .left {
	float: left;
	margin-right: 1em;
}

.img_caption .right {
	float: right;
	margin-left: 1em;
}

.img_caption .left p {
	clear: left;
	text-align: center;
}

.img_caption .right p {
	clear: right;
	text-align: center;
}

/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../../system/images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}/*
 * YOOlogin
 */

#page span.quick span.yoo-login span.login {
	width: 231px;
	height: 45px;
	overflow: visible;
	font-size: 150%;
}

#page span.quick span.yoo-login span.login .login-button-text,
#page span.quick span.yoo-login span.login .login-button-icon {
	padding-right: 0px;
}

#page span.quick span.yoo-login span.login .lostpassword, 
#page span.quick span.yoo-login span.login .lostusername,
#page span.quick span.yoo-login span.login .registration {
	padding-top: 5px;
}

#page span.quick span.yoo-login span.logout {
	height: 30px;
	padding-top: 10px;
	overflow: visible;
	font-size: 130%;
}

#page span.quick span.yoo-login span.logout .logout-button-text,
#page span.quick span.yoo-login span.logout .logout-button-icon {
	padding-right: 0px;
}

#page span.default span.yoo-login {
	width: 135px;
	font-size: 100%;
}

Some information about this website:

URL: http://www.hille-works.de/
CSS URL: http://www.hille-works.de/templates/yoo_mee/css/template.css
Charset: utf-8
Title: web
Meta-Description: Joomla! - dynamische Portal-Engine und Content-Management-System
Meta-Keywords: joomla, Joomla