/*
Project: Hamburg Sued
Version: 5
File: red.css
Author: Phillip Woelfel

Only include color and image specific styles in this stylesheet. Do not include layout content or form specific styles.
*/
@media screen {
button.btn_red {
        color: #fff; 
        background: url(img/bg_btn_red.gif) repeat-x 0 bottom;
}
button.btn_red:hover {
	color: #5a5c63;
	background: url(img/bg_btn_grey.gif) repeat-x 0 bottom;
}
.aceColumn_red {
    color: #fff; 
    background: url(img/bg_btn_red.gif) repeat-x 0 bottom;    
}
.aceColumn_grey {
    color: #000; 
    background: url(img/bg_btn_grey.gif) repeat-x 0 bottom    
}
/* @group backgrounds */
body {
	color: #535353;
	background: #afb3b6 url(img/bg_body.jpg) repeat-x 0 -10px;
}
#main {
	background: #fff url(img/bg_main.jpg) repeat-x 0 300px;
}
#main_half {
	background: #fff url(img/bg_main.jpg) repeat-x 0 0;
}
#col_sidebar {
	background: url(img/bg_sidebar.jpg) repeat-x top;
}
#quickinfo {
	background: #c00000 url(img/bg_quickinfo.jpg) repeat-x left bottom;
}
/* @end */
/* @group logo */
/* One can give h1 an id to implement different logos within the red color scheme. Please refer to h1#rao */
div#logo h1 a {
	background: url(img/logo_hamburg_sued.gif) no-repeat;
}
div#logo h1#rao_de a {
	background: url(img/logo_rao.gif) no-repeat;
}
div#logo h1#rao_en a {
	background: url(img/logo_rao.gif) no-repeat;
}
div#logo h1#hsdg_de a {
	background: url(img/logo_hsdg_de.gif) no-repeat;
}
div#logo h1#hsdg_en a {
	background: url(img/logo_hsdg_en.gif) no-repeat;
}
div#logo h1#group_de a {
	background: url(img/logo_group_de.gif) no-repeat;
}
div#logo h1#group_en a {
	background: url(img/logo_group_en.gif) no-repeat;
}
div#logo h1#group_pt a {
	background: url(img/logo_group_pt.gif) no-repeat;
}
div#logo h1#group_es a {
	background: url(img/logo_group_es.gif) no-repeat;
}
div#logo h1#group_cn a {
	background: url(img/logo_group_cn.gif) no-repeat;
}
div#chapter h2 {
	color: #fff;
}
/* @end */
/* @group toolbar */
#toolbar li {
	background: url(img/divider_toolbar.gif) no-repeat right;
}
#toolbar li.home a {
	background: url(img/icon_group.gif) no-repeat left center;
}
#toolbar a {
	color: #F3DCDC;
}
#toolbar a:hover {
	color: #fff;
}
li.search label {
	color: #F3DCDC;
}
li.search input.searchtxt {
	color: #000000;
	background-color: #ffffff;
}
li.search input.searchbtn {
	color: #fff;
	background: url(img/icon_search.gif) right center;
}
li.search input.searchbtn:hover { 
	background: url(img/icon_search_hover.gif) right center;
}
/* @end */
/* @group Navigation */
#navigation a{
	color: #fff;
	background: url(img/bg_nav_fade.jpg) repeat-x 0 0;
}
#navigation a:hover {
	color: #626262;
	background: url(img/bg_nav_fade.jpg) repeat-x 0 -46px;
}
#navigation a.current {
	color: #626262;
	background: #ff0000 url(img/bg_nav_current.jpg);	
}
#subnavigation ul li a {
	color: #535353;
	background: url(img/bg_subnav_l01.png) left top;
}
#subnavigation ul li a:hover, #subnavigation ul li a.active, #subnavigation ul li a.current {
	background: url(img/bg_subnav_l01_hover.png);
	color: #fff;
}
#subnavigation ul li li a {
	color: #535353;
	background: url(img/bg_subnav_l02.png) repeat left top;
}
#subnavigation ul li li a:hover, #subnavigation ul li li a.active, #subnavigation ul li li a.current {
	background: url(img/bg_subnav_l02_hover.png);
	}
#subnavigation ul li li li a {
	color: #535353;
	background: url(img/bg_subnavigation.png) repeat left top;
}
#subnavigation ul li li li a:hover, #subnavigation ul li li li a.active, #subnavigation ul li li li a.current {
	color: #fff;
	background: url(img/bg_subnavigation_hover.png) repeat left top;
}
/* @end */
/* @group footer, breadcrumb and tools */
div#footer a {
	color: #7d7d7d;
}
div#footer a:hover {
	color: #fff;
}
div#footer ul li {
	background: url(img/divider_footer.gif) no-repeat right;
}
#breadcrumb a {
	color: #7d7d7d;
	background: url(img/divider_breadcrumb.gif) no-repeat right;
}
#breadcrumb a:hover {
	color: #535353;
	}
a.print {
	background-image: url(img/icon_print.gif);
}
a.recommend {
	background-image: url(img/icon_mail2.gif);
}
a.download {
	background-image: url(img/icon_download2.gif);
}
/* @end */
/* @group elements, lists and links */
hr { 
	border-bottom: 1px solid #a0a0a0; 
}
h1 {
	color: #9F2D20;
	}
#col_sidebar h1 {
	color: #43494D;
}
h2, #col_sidebar h2 {
	/*color: #7d7d7d;*/
	color: #333333;
}
h3 {
	color: #43494d;
}
h4 {
	color: #50555a;
}
h5 {
	color: #c8001e;
}
h6 {
	color: #50555a;
}
.img100l span, .img120l span, .img225l span, .img340l span, .img475l span, .img705l span, .img100r span, .img120r span, .img225r span, .img340r span, .img475r span, .img705r span {
	background: #DFE0E0;
}
a {
	color: #626262;
}
a:active {
	color: #626262;
}
a:hover {
	color: #cb001a;
}
a.icon-folder {
	background: url(img/icon_folder.gif) 0 40% no-repeat;
}
a.icon-file {
	background: url(img/icon_file.gif) 0 40% no-repeat;
}
a.icon-download {
	background: url(img/icon_download.gif) 0 40% no-repeat;
}
a.icon-external {
	background: url(img/icon_external.gif) 0 40% no-repeat;
}
a.icon-pdf {
	background: url(img/icon_pdf.gif) 0 40% no-repeat;
}
a.icon-mail {
	background: url(img/icon_mail.gif) 0 60% no-repeat;
}
#page li {
	background: url(img/icon_bullet.gif) no-repeat left 6px;
}
#page ul.check li {
	background: url(img/icon_list_check.gif) no-repeat left 0;
}
#page ul.linklist li {
	background: url(img/icon_arrow.gif) no-repeat left 6px;
}
#page ul.linklist li a {
	color: #535353;
}
/* @end */
/* @group quotations and boxes */
blockquote.quotation {
	background: url(img/icon_quote_start.gif) no-repeat;
}
blockquote.quotation p { 
	background: url(img/icon_quote_end.gif) no-repeat 100% 100%;
}
div.note {
	background: #eaeaeb url(img/bg_note.jpg) repeat-x left top;
}
div.info { background: #eaeaeb url(img/box_info.gif) no-repeat 3px 5px; }
div.alert, span.alert {
	background: #fff5eb url(img/box_alert.gif) 3px 5px no-repeat;
	border-top-color: #ffb4a0;
	border-bottom: 1px solid #ffb4a0;
}
div.download, span.download { 
	background-image: url(img/box_download.gif); 
	border-top: 1px solid #cb001a; 
	border-bottom: 1px solid #cb001a; 
}
div.tip, span.tip {
	background: #fffdeb url(img/box_tip.gif) 3px 5px no-repeat;
	border-top: 1px solid #ffc864;
	border-bottom: 1px solid #ffc864;
}
/* @end */
/* @group teaser */
.teaser h4 a {
	color: #535353;
}
.teaser h4 a:hover {
	color: #90120F;
}
.teaser a.more {
	color: #535353;
	background: url(img/icon_arrow.gif) no-repeat right 5px;
}
.teaser a.more:hover {
	color: #90120F;
}
/* @end */
/* @group quickinfo box */
#quickinfo h4 {
	color: #eeeeee;
}
#quickinfo a {
	color: #eeeeee;
}
#quickinfo a:hover {
	color: #fff;
}
form.login input.txt {
	color: #fff;
	background: #780106;
}
/* @end */
/* @group tabels */
table {
	border-bottom: 1px solid #C6C9CC;	
}
table th.iceDatTblColHdr1, table th.iceDatTblColHdr2 {
	background: #DFE0E0;
}
table th.highlighted {
	background: #DFE0E0;	
}
table th.border {
	border-bottom: 1px solid #C6C9CC;
	border-top: 1px solid #C6C9CC;
}
table td.bullet {
	background: url(img/icon_bullet.gif) no-repeat 3px 10px;
}
table td.result {
	border-bottom: 1px solid #C6C9CC;	
}
table td.border, table td.border.highlighted {
	border-bottom: 1px solid #C6C9CC;
}
td.highlighted {
	background: #DFE0E0;	
}
/* @end */
/* @group forms */
input.btn_red, input.btn_grey:hover {
	color: #fff;
	background: url(img/bg_btn_red.gif) repeat-x 0 bottom;
}
input.btn_grey, input.btn_red:hover {
	color: #5a5c63;
	background: url(img/bg_btn_grey.gif) repeat-x 0 bottom;
}
fieldset.inline50 input.btn_grey, fieldset.inline50 input.btn_red:hover {
	color: #fff;
	background: url(img/bg_btn_grey.gif) repeat-x 0 bottom;
}
fieldset.inline50 input.btn_grey:hover, fieldset.inline50 input.btn_red {	
	color: #fff;
	background: url(img/bg_btn_red.gif) repeat-x 0 bottom;
}
a span.pgrNext {
 background: url(img/icon_pgrnext.gif) no-repeat;
 }
  a:hover span.pgrNext {
 background: url(img/icon_pgrnext_h.gif) no-repeat;  
 }
  a:hover span.pgrPrevious  {
 background: url(img/icon_pgrprev_h.gif) no-repeat;
  }
 a span.pgrPrevious {
 background: url(img/icon_pgrprev.gif) no-repeat;
 }
/* @end */
/* @group tabset */
.icePnlTbOn .LftTop {
    background: url( 'img/forms/Tab_LftTop.gif' ) no-repeat top left;
}
.icePnlTbOn .MidTop {
    background: url( 'img/forms/Tab_MidTop.gif' ) repeat-x top left;
}
.icePnlTbOn .RtTop {
    background: url( 'img/forms/Tab_RtTop.gif' ) no-repeat top left;
}
.icePnlTbOn .LftMid {
    background: url( 'img/forms/Tab_LftMid.gif' ) no-repeat top left;
}
.icePnlTbOn .MidMid {
    background: url( 'img/forms/Tab_MidMid.gif' ) repeat-x top left;
}
.icePnlTbOn .RtMid {
    background: url( 'img/forms/Tab_RtMid.gif' ) no-repeat top left;
}
.icePnlTbOn .LftBtm {
    background: url( 'img/forms/Tab_Btm_LftBtm.gif' ) no-repeat bottom left;
}
.icePnlTbOn .MidBtm {
    background: url( 'img/forms/Tab_Btm_MidBtm.gif' ) repeat-x bottom left;
}
.icePnlTbOn .RtBtm {
    background: url( 'img/forms/Tab_Btm_RtBtm.gif' ) no-repeat bottom left;
}
.icePnlTbOnBtm .LftMid {
    background: url( 'img/forms/Tab_Btm_LftMid.gif' ) no-repeat bottom left;
}
.icePnlTbOnBtm .MidMid {
    background: url( 'img/forms/Tab_Btm_MidMid.gif' ) repeat-x bottom left;
}
.icePnlTbOnBtm .RtMid {
    background: url( 'img/forms/Tab_Btm_RtMid.gif' ) no-repeat bottom left;
}
.icePnlTbOnBtm .LftBtm {
    background: url( 'img/forms/Tab_Btm_LftBtm.gif' ) no-repeat bottom left;
}
.icePnlTbOnBtm .MidBtm {
    background: url( 'img/forms/Tab_Btm_MidBtm.gif' ) repeat-x bottom left;
}
.icePnlTbOnBtm .RtBtm {
    background: url( 'img/forms/Tab_Btm_RtBtm.gif' ) no-repeat bottom left;
}
/* end group */
}