/*
>>>>    Facelifting www.hsbctrinkaus-heat.de
>>>>    content-type: standard-styles
>>>>    version: nov 2007
>>>>    author: m faerber
*/

/*
>>>>    imported styles    <<<<
*/
@import url(image.css);
@import url(form.css);
@import url(table.css);

/*
>>>>    generals    <<<<
*/

body {
margin: 0; padding: 0;
background: #b9bfc4 url(../images/rebrush/bg_body.gif) top left repeat-x;
font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #435e6c;
}

.clear {
margin: 0; padding: 0;
clear: both;	
}

.spacer {
margin: 0; padding: 0;
height: 15px;
}

img {
border: none;
}

.imgLeft img {
margin: 2px 10px 3px 3px;
padding: 3px;
border: 1px solid #C0CFDA;
float: left;
}

img.button {
margin: 0 10px 0 0;
}

object.teaser {
margin-bottom: 10px;
}

a:active, a:link, a:visited {
color: #435e6c;
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

a.mehr:active, a.mehr:link, a.mehr:visited {
color: #162b38;
font-weight: bold;
text-decoration: none;
}

a.mehr:hover {
text-decoration: underline;
}

a.read:active, a.read:link, a.read:visited {
margin: 0 10px 0 0;
padding: 0 0 0 17px;
background: transparent url(../images/rebrush/toolicon_read.gif) top left no-repeat;
color: #162b38;
font-weight: bold;
text-decoration: none;
}

a.read:hover {
text-decoration: underline;
}

a.mailto:active, a.mailto:link, a.mailto:visited {
padding: 0 0 0 17px;
background: transparent url(../images/rebrush/toolicon_mailto.gif) top left no-repeat;
color: #162b38;
font-weight: bold;
text-decoration: none;
}

a.mailto:hover {
text-decoration: underline;
}

a.download:active, a.download:link, a.download:visited {
padding: 0 0 0 17px;
background: transparent url(../images/rebrush/toolicon_download.gif) top left no-repeat;
color: #162b38;
font-weight: bold;
text-decoration: none;
}

a.download:hover {
text-decoration: underline;
}

a.zoom:active, a.zoom:link, a.zoom:visited {
padding: 0 0 0 17px;
background: transparent url(../images/rebrush/toolicon_zoom.gif) top left no-repeat;
color: #162b38;
font-weight: bold;
text-decoration: none;
}

a.zoom:hover {
text-decoration: underline;
}

a.print:active, a.print:link, a.print:visited {
padding: 0 0 0 20px;
background: transparent url(../images/rebrush/toolicon_print.gif) top left no-repeat;
color: #162b38;
font-weight: bold;
text-decoration: none;
}

a.print:hover {
text-decoration: underline;
}

a.rss:active, a.rss:link, a.rss:visited {
padding: 0 0 0 20px;
background: transparent url(../images/rebrush/toolicon_rss.gif) top left no-repeat;
color: #162b38;
font-weight: bold;
text-decoration: none;
}

a.rss:hover {
text-decoration: underline;
}

a.pdf:active, a.pdf:link, a.pdf:visited {
padding: 0 0 0 20px;
background: transparent url(../images/rebrush/toolicon_pdf.gif) top left no-repeat;
color: #162b38;
font-weight: bold;
text-decoration: none;
}

a.pdf:hover {
text-decoration: underline;
}

/*
>>>>    header - logo & generic-left-navigation & generic-right-navigation    <<<<
*/

#header {
width: 991px;
height: 254px;
background: #fff url(../images/rebrush/bg_header.jpg) bottom left no-repeat;
border-right: 1px solid #fff;
float: left;
voice-family: "\"}\"";
voice-family:inherit;
width: 990px;
}

html>body #header {
width: 990px;
}

#genericLogo {
position: absolute;
top: 25px;
left: 80px;
}

#genericNav {
background-color: #f00;
height: 15px;
text-align: right;
font-size: 11px;
width: 300px;
float: right;
}

#genericNav #genericNavLeft {
font-weight: bold;
float: left;
}

#genericNav #genericNavRight {
float: right;
}

#genericNav a:link, #genericNav a:visited, #genericNav a:active {
background: transparent url(../images/rebrush/bg_generic_li.gif) top left no-repeat;
color: #FFFFFF;
padding: 0 12px 0 15px;
text-decoration: none;
}

#genericNav a:hover {
text-decoration: underline;	
}

#genericNav #genericNavLeft a.first, #genericNav #genericNavRight a.first {
background: transparent none repeat 0%;
}

/*
>>>>    main-navigation    <<<<
*/

#navi {
margin: 0; padding: 0;
background: #fff url(../images/rebrush/bg_subnavlist_redline.gif) top left repeat-y;
font-size: 11px; text-align: left;
width: 200px;
float: left;
}

#subnavlist {
margin: 0; padding: 0;
list-style-image: none; list-style-position: outside; list-style-type: none;
voice-family: inherit;
width: 180px;
}

#subnavlist li {
margin: 1px 0pt; padding: 0;
display: inline;
}

#subnavlist a {
margin: 1px 0; padding: 6px 0 6px 20px;
background: #7c99ab url(../images/rebrush/bg_subnavlist_inactive.gif) top left repeat-y;
font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; color: #fff; text-decoration: none; line-height: 14px;
display: block;
width: 200px;
voice-family: "\"}\"";
voice-family:inherit;
width: 180px;
}

html>body #subnavlist a {
width: 180px;
}

#subnavlist a:hover, #subnavlist a#active {
background: #7c99ab url(../images/rebrush/bg_subnavlist_active.gif) top left no-repeat;
}

#subnavlist a.home {
background: #ced9e2 url(../images/rebrush/bg_subnavlist_inactive.gif) top left repeat-y;
color: #233c4b;
}

#subnavlist a.home:hover, #subnavlist a.home#active {
background: #ced9e2 url(../images/rebrush/bg_subnavlist_active.gif) top left no-repeat;
}

#subnavlist .tertnavlist {
margin: 0; padding: 0;
list-style-image: none; list-style-position: outside; list-style-type: none;
voice-family: inherit;
width: 180px;
}

#subnavlist .tertnavlist li {
margin: 0; padding: 0;
display: inline;
}

#subnavlist .tertnavlist a {
margin: 0; padding: 2px 0px 2px 30px;
background: #ced9e2 url(../images/rebrush/bg_subnavlist_inactive.gif) top left no-repeat;
font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; color: #233c4b; text-decoration: none; line-height: 14px;
display: block;
width: 200px;
voice-family: "\"}\"";
voice-family:inherit;
width: 170px;
}

html>body #subnavlist .tertnavlist a {
width: 170px;
}

#subnavlist .tertnavlist a:hover {
background: #ced9e2 url(../images/rebrush/bg_tertnavlist_active.gif) top left no-repeat;
}

#subnavlist .tertnavlist a#subactive {
background: #ced9e2 url(../images/rebrush/bg_tertnavlist_active.gif) top left no-repeat;
font-weight: bold;
}

#subnavlist .tertnavlist a#subactive:hover {
background: #ced9e2 url(../images/rebrush/bg_tertnavlist_active.gif) top left no-repeat;
}

/*
>>>>    contentcontainer (mainnav, content, marginalspalte)    <<<<
*/

#contentcontainer {
margin: 0;
padding: 21px 0 0 0;
width: 991px;
float: left;
}

/*
>>>>    content / contentbig    <<<<
*/

#content {
margin: 0 0 0 30px; padding: 7px 0 20px 0;
width: 430px;
float:left;
}

#contentbig {
margin: 0 0 0 30px; padding: 7px 0 15px 0;
width: 730px;
float:left;
}

h1 {
margin: 0; padding: 0;
font-family: Arial,Helvetica,sans-serif; color: #162B38; font-size: 16px; font-weight: bold; line-height: 30px;
}

h1.home {
margin: 0; padding: 0 0 0 20px;
font-family: Arial,Helvetica,sans-serif; color: #f00; font-size: 16px; font-weight: bold; line-height: 30px;
background: transparent url(../images/rebrush/bg_h1_home.gif) top left no-repeat;
}

h2 {
margin: 0; padding: 0;
font-size: 11px; color: #162b38; font-weight: bold;
}

#content p {
margin: 5px 0 10px 0; padding: 0;
color: #435e6c; line-height: 16px;
}

#content p.notice {
margin: 0; padding: 0;
text-align: right;
font-size: 10px;
}

#content p.spacer {
margin: 0; padding-bottom: 25px;
}

#content ul {
margin: 0 0 10px 15px !important;
margin: 0 0 10px 9px;
padding: 0 0 5px 0;
list-style: url(../images/rebrush/bg_li.gif);
}

#content ul li {
margin: 0;
padding: 0 0 3px 0 !important;
padding: 0 0 5px 5px;
}

#contentbig p {
margin: 5px 0 10px 0; padding: 0;
color: #435e6c; line-height: 16px;
}

#contentbig ul {
margin: 0 0 10px 15px !important;
margin: 0 0 10px 9px;
padding: 0 0 5px 0;
list-style: url(../images/rebrush/bg_li.gif);
}

#contentbig ul li {
margin: 0;
padding: 0 0 3px 0 !important;
padding: 0 0 5px 5px;
}

/*
>>>>    marginalspalte    <<<<
*/

#marginalspalte {
margin: 0; padding: 0;
width: 300px;
float: right;
}

#marginalspalte h1 {
margin: 0;
padding: 14px 0 2px 34px;
font-family: Arial,Helvetica,sans-serif; color: #435e6c; font-size: 11px; font-weight: bold; line-height:14px;
text-transform: uppercase;
}

#marginalspalte h1.downloads {
background: transparent url(../images/rebrush/bg_marginalspalte_h1_downloads.gif) bottom left no-repeat;
}

#marginalspalte h1.newsletter {
background: transparent url(../images/rebrush/bg_marginalspalte_h1_newsletter.gif) bottom left no-repeat;
}

#marginalspalte h1.umfrage {
background: transparent url(../images/rebrush/bg_marginalspalte_h1_umfrage.gif) bottom left no-repeat;
}

#marginalspalte h1.info {
background: transparent url(../images/rebrush/bg_marginalspalte_h1_info.gif) bottom left no-repeat;
}

#marginalspalte h1.tools {
background: transparent url(../images/rebrush/bg_marginalspalte_h1_tools.gif) bottom left no-repeat;
}

#marginalspalte h1.kontakt {
background: transparent url(../images/rebrush/bg_marginalspalte_h1_kontakt.gif) bottom left no-repeat;
}

#marginalspalte h1.pressrelease {
background: transparent url(../images/rebrush/bg_marginalspalte_h1_pressrelease.gif) bottom left no-repeat;
}

#marginalspalte p {
color: #435e6c;
font-size: 11px;
line-height: 16px;
margin: 5px 0 0 0;
padding: 0 10px 5px 10px;
}

#marginalspalte p.mehr {
font-weight: bold;
}

#marginalspalte .marginal {
margin: 0 0 10px 0; padding: 0 0 10px 0;
width: 300px;
background: transparent url(../images/rebrush/bg_marginalspalte.gif) top right no-repeat;
}

#marginalspalte .marginal .teaser {
margin: 0 0 0 5px; padding: 0;
width: 118px;
height: 122px;
float: right;
}

#marginalspalte img.keyvisual {
padding: 10px 0 5px 10px;
}

#marginalspalte .toolbox {
margin: 0;
padding: 0 0 5px 0;
background: transparent url(../images/rebrush/bg_marginalspalte.gif) top right no-repeat;
}

#toolbox {
width: 294px;	
}

#toolsleft {
float: left;	
}

#toolsright {
float: right;	
}

#toolsleft, #toolsright {
margin: 5px 0;
width: 147px;	
}

/*
>>>>    footer    <<<<
*/

#footer {
margin: 0;
padding: 0;
background: #fff url(../images/rebrush/bg_footer.gif) left top no-repeat;
height: 31px;
width: 991px;
border-right: 1px solid #fff;
voice-family: "\"}\"";
voice-family:inherit;
width: 990px;
}

html>body #footer {
width: 990px;
}

#footerLeft {
margin: 0;
padding: 0;
width: 600px;
float: left;
}

#footerLeftLogo {
margin: 12px 5px 10px 7px;
padding: 0;
width: 52px;
float: left;
}

#footerLeftGeneric {
width: 500px;
float: left;
}

#footerLeftGeneric p {
margin: 10px 0 10px 0;
padding: 0;
color: #668497;
}

#footerLeftGeneric a:active, #footerLeftGeneric a:link, #footerLeftGeneric a:visited {
margin: 0 15px 0 15px;
padding: 0;
color: #668497;
text-decoration: none;
}

#footerLeftGeneric a:hover {
text-decoration: underline;
}

#footerRight {
margin: 0;
padding: 0;
width: 390px;
float: right;
}

#footerRight p {
margin: 10px 7px 10px 0;
padding: 0;
color: #668497;
text-align: right;
}

/*
>>>>    navigator / easy access    <<<<
*/

#navigator {
background: transparent url(../images/rebrush/bg_navigator.jpg) top left no-repeat;
height: 110px;
width: 300px;
position: absolute;
top: 85px;
left: 690px;
}
	
p.navigator {
font-size: 11px;
color: #435e6c;
font-weight: bold;
padding: 0;
margin: 0 0 3px 0;
}

#easyaccess {
position: relative;
top: 10px;
left: 10px;
z-index: 1000;
}

#easyaccessliste, #easyaccessliste ul {
padding: 0;
margin: 0;
list-style: none;
border: 1px solid #6f8b9a;
width: 277px;
color: #a1b0ba;
background-color: #fff;
}

#easyaccessliste {
height: 18px;
}

#eadesc {
background: url(../images/rebrush/btn_easyaccess.gif) top right no-repeat;
height: 16px;
display: block;
color: #000;
font-weight: bold;
text-decoration: none;
padding: 1px 0 1px 5px;
width: 277px;
voice-family: "\"}\""; 
voice-family:inherit;
width: 272px;
}

#easyaccessliste li {
font-size: 11px;
float: left;
width: 272px;
}

#easyaccessliste li li a {
text-decoration: none;
display: block;
width: 252px;
padding: 2px 5px 4px 5px;
color: #a1b0ba;
background-image: none;
}

#easyaccessliste li li a:hover {
color: #000;
}

#easyaccessliste li ul {
position: absolute;
border: 1px solid #6f8b9a;
background-color: #fff;
width: 255px;
left: -999em;
}

#easyaccessliste li ul li {
width: 255px;
}

#easyaccessliste li:hover ul, #easyaccessliste li.sfhover ul {
left: auto;
}

#search {
position: relative;
top: 15px;
left: 10px;
}

#search form {
margin: 0;
padding: 0;
}

input.eingabe {
width: 216px;
background: #fff;
border: 1px solid #6f8b9a;
padding: 2px 2px 2px 5px;
font: normal 11px Arial, Helvetica, sans-serif;
color: #a1b0ba;
}

input.eingabe:focus {
font: normal 11px Arial, Helvetica, sans-serif;
color: #000;
}

/*
>>>>    thumbnailviewer    <<<<
*/

#thumbBox{
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 5px;
margin: 0;
background: #fff;
border: 5px solid #dde6ec;
visibility: hidden;
z-index: 10;
cursor: pointer;
}

#thumbBox .footerbar{
font-size: 11px;
font-weight: bold;
color: #162b38;
padding: 5px 5px;
text-align: right;
}

#thumbBox #thumbImage{
background-color: transparent;
}

#thumbLoading{
position: absolute;
visibility: hidden;
border: 1px solid #e6e6e6;
background-color: #fff;
padding: 5px;
z-index: 5;
}