﻿html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}﻿#bad {}
/* general */
body {
    background-color: #fff;
    font: normal 11px/15px Arial;
    color: #454545;
}

h1,h2,h3,h4,h5 {
    font-weight: normal;
}

h1 {
    font-size: 28px;
    margin-bottom: 10px;
    font-weight: bold;
}

h2 {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 20px;
}

h2.introduction {
    color: #757575;
}

h3 {
    font-size: 13px;
}

a, a:link, a:visited { 
    color: #424141;
    text-decoration: none;
}

a:hover {
    color: #707070;
}

p {
    line-height: 15px;
    margin-bottom: 15px;
}

#content a 
{
    text-decoration: underline;
}

#content ul, .teaser ul {
    list-style-type:disc;
    margin: 0 0 10px 15px;
}

#content ol, .teaser ol {
    list-style-type:decimal;
    margin: 0 0 10px 15px;
}

.clear {
    clear: both;
}

.clear-right {
    clear: right;
}

.left {
    float: left;
}

.right {
    float: right;
}

.error {
    color: #F00;
}

.success {
    color: #0F0;
}

.arrow-link-11, .arrow-link-13, .rss-link-13 { 
    background: url(../Images/arrow-link-11.png) no-repeat left top;
    font-size: 9px;
    color: #000;
    font-weight: normal;
    padding-left: 15px;
}

.arrow-link-11:hover,.arrow-link-13:hover {
    background-position: left -37px;
}

.arrow-link-13
{
    background-image: url(../Images/arrow-link-13.png);
    font-size: 11px;
}

.rss-link-13 {
    background: url(../Images/rss-link-13.png) no-repeat left top;
    font-size: 11px;
}

.rss-link-13:hover {
    background-position: left -38px;
}

.input-24 {
    background: url(../Images/input-24-bg-right.png) no-repeat right top;
    height: 24px;
    padding-right: 4px;
    float: left;
}

.input-24 input {
    background: url(../Images/input-24-bg-left.png) no-repeat left top;
    height: 20px; /* 24 - 3 */
    padding: 4px 0 0 8px;
    border: 0;
}

.button-24, .button-27 {
    background: url(../Images/button-24-bg-right.png) no-repeat right top;
    height: 24px;
    padding-right: 6px;
    float: left;
    display: block;
    font-size: 14px;
    font-weight: bold;
}

.button-27 {
    background: url(../Images/button-27-bg-right.png) no-repeat right top;
    height: 27px;
}

.button-24:hover, .button-27:hover {
    color: #009ada;
}

.button-24 span, .button-27 span {
    background: url(../Images/button-24-bg-left.png) no-repeat left top;
    height: 20px; /* 24 - 4 */
    padding: 4px 20px 0;
    text-align: center;
    display: block;
}

.button-27 span {
    background: url(../Images/button-27-bg-left.png) no-repeat left top;
    height: 21px; /* 27 - 6 */
    padding-top: 6px;
}

.button-24 span span, .button-27 span span {
    background:none;
    padding: 0;
}

#content a.button-24, #content a.button-27 
{
    text-decoration: none;
}﻿#bad {}
/* layout */
#header, #body, #footer .inner, #footerBar {
    width: 940px;
    margin: 0 auto;
}

/* Header */

#header {
    margin: 15px auto 7px auto;
    padding-bottom: 16px;
    background: url(../Images/top-bar-bg.png) repeat-x left bottom;
}

#logo {
    margin-left: 20px;
}

#topmenu {
    background: url(../Images/topmenu-bg-left.png) no-repeat left top;
    height: 50px;
    float: right;
    margin-top: 10px;
}

#topmenu input {
    background: url(../Images/topmenu-search-bg.png) no-repeat left top;
    font-size: 13px;
    margin-top: 6px;
    padding: 9px 35px 0 7px;
    width: 144px; /* 186 - 35 - 7 */
    height: 23px; /* 32 - 9 */
    border: 0;
}

#topmenu a {
    font-size: 13px;
    font-weight: bold;   
}

#topmenu ul {
    background: url(../Images/topmenu-bg-right.png) no-repeat right top;
    height: 50px;
    padding-right: 16px; /* 10 + 6 */
}

#topmenu li{
    float: left;
    height: 50px; 
    position: relative;
    left: 10px;
    margin-right: 10px;
    top: 0;
}

#topmenu li a{
    display: block;
    height: 43px;
    line-height: 43px;
    border: 1px solid transparent;
    padding: 0 15px;    
}

#topmenu li.last {
    padding-right: 0;
    margin-right: 0;
    line-height: 44px;
    position: relative;
}

#topmenu li.hover a {
    background-color: #fff;
    border: 1px solid #c8c8c8;
}

#topmenu li.active {
    background: url(../images/topmenu-active-bg.png) repeat-x top center;
}

#topmenu li.active a {
    border-top: 1px solid #005578;
    border-bottom: 1px solid transparent;
    background-color: Transparent;
}

#topmenu li.active a {
    color: #fff;
}

#topmenu .submenu{
    position: absolute;
    top: 44px;
    left: 0;  
    z-index: 500;
    background: url(../images/topmenu-submenu-bg-right.png) no-repeat right bottom;
    display: none;
}

#topmenu li.hover .submenu{
    display: block;
}

#topmenu .wide .inner {
    padding-right: 154px;   /* 134 + 20 */
}

#topmenu .inner {
    background: url(../images/topmenu-submenu-bg-left.png) no-repeat left bottom;    
    padding: 20px 20px 20px 5px;
    line-height: 15px;
    margin-right: 5px;
}

#topmenu ul ul, #quicksearch ul {
    background: none;
    height: auto;
    padding: 0;
    float:left;
    margin-right: 20px;
}

#topmenu li li, #quicksearch .inner li {
    float: none;
    margin: 0;
    padding: 0;
    line-height: 20px;
    height: 20px;
    white-space: nowrap;
}

#topmenu li.hover .inner a, #quicksearch .inner a {
    display: inline;
    height: auto;
    line-height: 15px;
    border: 0; 
    color: #000; 
}

#topmenu li.hover .inner a.arrow-link-11:hover {
    background-position: left -39px;
}

#topmenu .inner li a, #quicksearch .inner li a {
    font-size: 11px;
    font-weight: normal;
    padding: 0;
}

#topmenu .inner div {
    float: right;
    width: 134px;
    margin-right: -134px;
}

#topmenu .inner div a, #quicksearch .inner a.arrow-link-13 {
    font-size: 9px;
    font-weight: normal;   
}

#quicksearch {
    display: none;
    position: absolute;
    top: 33px;
    left: -10px;  
    z-index: 500;
    width:212px;
    
    background: url(../images/quicksearch-bg-top.png) no-repeat left top;    
}

#quicksearch .inner {
    background: url(../images/quicksearch-bg-bottom.png) no-repeat left bottom;    
    padding: 20px;
    line-height: 15px;
    margin: 8px 0 0;
    height: 100%;
}

#quicksearch .inner ul {
    margin: 0 0 10px;
    float: none;

}



/* Header end */

/* Footer */

#footerBar {
    height:5px;
    background: url(../Images/footer-bar-bg.png) repeat-x left top;
}

#footerBar hr {
    display: none;
}

#footer {
    background: url(../Images/footer-bg.png) repeat-x left bottom;
    font-size: 11px;
    z-index: 50;
}

#footer .inner {
    padding-top: 5px;
}

#footer li {
    float: left;
    width: 25%;
}

#footer li li {
    float: none;
    width: auto;
}

#footer h2 {
    margin-bottom: 10px;
    font-size: 17px;
}

#footer .date {
    color: #2888b0;
    font-size: 10px;
}

#footer .rss-link-13 {
    margin-left: 20px;
}

#footer .input-24, #footer .button-24,#footer li li {
    margin-bottom: 10px;
}

#footer .input-24 input {
    width: 220px;
}

#footer .button-24 span {
    width: 180px; /* 220 - 20 - 20 */   
}

#absoluteFooter 
{
    padding: 20px 0 10px;
}

/* Footer end */

/* left menu */
#leftMenu {
    width: 160px;
    margin: 30px 20px 0 0;
    float: left;
}

#leftMenu li {
    line-height: 30px;
    padding-left: 10px;
    border-bottom: 1px solid #ebebeb;
}
#leftMenu li.header img {
    margin-right: 5px;
}

#leftMenu li.header a {
    font-size: 15px;
    color: #787878;
    font-weight: bold;
}

#leftMenu li.active {
    background: url(../images/leftmenu-active-bg.png) no-repeat left top;
}

#leftMenu li.active a {
    color: #fff;
}

#leftMenu li.active li {
    border-bottom: 0;
    background: none;
    line-height: 18px;
    margin-bottom: 5px;
}

#leftMenu li.active li a {
    color: #000;
}

#leftMenu li.active li.active li a  
{
    color: #666;
}

 #leftMenu li.active li.active a, #leftMenu li.active li.active li.active a {
    color: #2888B0;
 }

/* left menu end */

/* content */
#body {
    z-index: 100;
}

#content {
    float: left;
    width: 760px; /* 940 - 160 - 20 */
    margin-top: 25px;
}

#body .wide, #body .standard {
    float: left;
}

#body .standard {
    width: 485px;
    margin-right: 20px;
}

#body .wide {
    
}
/* content end */

/* right area */
#rightarea {
    float: left;
    width: 236px;
}
/* right area end */

/* Breadcrumbs */ 
#breadcrumbs {
    background: url(../images/breadcrumbs-bg-right.png) no-repeat right top;
    height: 32px;
    padding-right: 4px;
    margin-top: 40px;
}

#breadcrumbs div {
    background: url(../images/breadcrumbs-bg-left.png) no-repeat left top;
    height: 32px;
}

#breadcrumbs a {
    display: block;
    float: left;
    height: 32px;
    line-height: 32px;
    background: url(../images/breadcrumbs-separator.png) no-repeat left top;
    padding-left: 25px;
    margin-left: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #868686;
}

#breadcrumbs a.home {
    background: none;
    padding-left: 0;
    margin: 0 0 0 15px;
    
}
/* Breadcrumbs end */ 

/* social bar */

#socialbar {
    width: 444px; /* 484 - 20 - 20 */
    height: 42px;
    margin: 0 auto;
    background: url(../images/socialbar-bg.png) no-repeat left top;
    padding: 0 20px;
}

#socialbar ul {
    line-height: 42px;
    padding: 0;
    list-style: none;
}

#socialbar li {
    float: left;
    width: 33%;
    text-align: center;
    position: relative;
}

#socialbar .social {
    background: no-repeat left center;
    padding-left: 20px;
    background-image: url(../images/socialbar-social.png);
}

#socialbar .tip {
    background: no-repeat left center;
    padding-left: 20px;
    background-image: url(../images/socialbar-tip.png);
}

#socialbar .print {
    background: no-repeat left center;
    padding-left: 20px;
    background-image: url(../images/socialbar-print.png);
}

#socialbar ul ul,#socialbar ul .inner {
    display:none;
    background-color: #fff;
    position: absolute;
    z-index: 100;
    top: 38px; /* 42 - 4 */
    left: 0;
    width: 100%;
    line-height: 16px;
}

#socialbar .hover ul, #socialbar .hover .inner {
    display: block;
}

#socialbar ul ul li {
    float: none;
    width: auto;
    text-align: left;
    height: 16px;
    line-height: 16px;
    margin: 0 0 10px 10px;
}

#socialbar ul div.inner {
    padding: 10px;
}

#socialbar img {
    margin-right: 5px;
    display: block;
    float: left;
}

#socialbar input {
    width: 100px;
}   

#socialbar .inner a.button-24 
{
    text-decoration: none;
}

/* social bar end */﻿#bad {}

#T1 #footerBar {
    margin-top: 60px;
}

#T1 #teasers 
{
    margin-top:30px;
}

#T1 .teaser {
    width: 213px;
    float:left;
}

#T1 #teasers .separator {
    width: 29px; 
    height: 29px;
    float: left;
}

#T1 .teaser img {
    margin-bottom: 10px;
}

#T1 #carousel {
    position: relative;
    height: 296px;
    background: #000;
    overflow: hidden;
}

#T1 .t1-carousel-arrow {
    background: no-repeat left top;
    display: block;
    width: 61px;
    height: 61px;
    position:absolute;
    top: 120px;
    z-index: 100;
}

#T1 .t1-carousel-arrow:hover {
    background-position: left bottom;
}

#T1 .prev {
    background-image: url(../images/t1-carousel-arrow-left.png);
    left: 20px;
}

#T1 .next{
    background-image: url(../images/t1-carousel-arrow-right.png);
    right: 20px;
}

#T1 #carousel .inner {
    width: 840px; 
    position: absolute;
    top: 0;
    right: -840px; 
}

#T1 #carousel .first {
    right: 5px; /* 90 */
}

#T1 #carousel .inner div {
    width: 330px; /* 400 */
    float:left;
}

#T1 #carousel .inner div p
{
    margin-bottom: 0;
}

#T1 #carousel .inner div img 
{
    margin: 0;
    float:none;
}

#T1 #carousel img {
    float: right;
    margin-top: 5px;
}

#T1 #carousel .button-27 
{
    margin-left: 50px;
}

#T3T4 .media {
    margin-bottom: 40px;

}

#T2 .box {
    float: left;
    width: 238px;
    margin: 0 0 30px 23px;
}

#T2 .first {
    margin-left: 0;
    clear: left;
    }

#T2 .box h2, #T2 .box p {
    margin-bottom: 5px;
}

.teaser h2, .teaser p  {
    margin-bottom: 10px;
}