/* SCREEN SPECIFIC STYLES */
/* disable all print elements */
.print {
	display: none;
}
body {
    font-size:1em;
}
.contents, .contents p{
    font-size:0.8em;
    color:#595959;
}

/* ELEMENTS */
h1 {
	font-size:1.2em;
	padding:0;
	margin:0;
	line-height:1.3em;
}

td {
	/* text formatting */
	font-family: Arial, Sans;
	line-height: 1.2em;
}

body {
	border: 0;
	padding: 0;
	margin: 0;
	
	background-color: #EFF3F7;
}

img {
	padding: 0;
	margin: 0;
}

/* link icons */
a *.icon {
	padding-left: 10px;
	width: 10px;
}

.contents span.icon {
	background: url('images/linkIcon.gif') no-repeat 0 0.2em;
	-background: none
}

td.headerContent a *.icon {
	background: url('images/linkIconHeaderOrange.gif') no-repeat 0 0.3em;
	-background: white
}

.boxHighlight a *.icon {
	background: url('images/linkIconBoxHighlight.gif') no-repeat 0 0.3em;
	-background: transparent
}

.boxNormal a *.icon {
	background: url('images/linkIconBoxNormal.gif') no-repeat 0 0.3em;
	-background: white
}

/* links */
/* Default */
a {
	text-decoration: none;
}

a:link {
	color: black;
}

a:active {
	/* TODO adjust color */
	color: black;
}

a:visited {
	color: black;
}

a:hover {
	/* TODO adjust color */
	color: grey;
}

/* Navigations (Quickbar, Footers) */
.navigation a, .navigation a:link, .navigation a:visited, .navigation a:active {
	color: #9a9c9d;
}

.navigation a:hover {
	color: black;
}

.quickbar .highlight a, .quickbar .highlight a:link, .quickbar .highlight a:visited, .quickbar .highlight a:active {
	color: #575758;
}

.quickbar .highlight a:hover {
	color: #000;
}

/* Header */
.headerContent a {
	background: url('images/linkUnderline.gif') repeat-x bottom;
}

td.headerContent a:link, td.headerContent a:visited {
	color: #704808;
}

td.headerContent a:hover {
	color: black;
}

/* Navigation */

/* Level 1 */  
/* non-active items */  
.navigation.level1 a:link, .navigation.level1 a {
	color: #dae3ef;
	 
}

.navigation.level1 a:visited {
	color: #dae3ef;
}

.navigation.level1 a:hover {
	color: #fff;
}

/* active items */     
.navigation *.active a:visited, .navigation *.active a:link, .navigation *.active a {
	color: white;
}

.navigation *.active a:hover {
	color: #dae3ef;
}

/* Level 2 */
.navigation.level2 a:link, .navigation.level2 a {
	color: #c4ccd7;
	 
}

.navigation.level2 a:active {	 
	color: #c4ccd7;
 
}

.navigation.level2 a:visited {
	color: #c4ccd7;
}

.navigation.level2 li.active a {
	color: #fff;
}

.navigation.level2 a:hover {
	color: #fff;
}
        
	
/* BodyMain */
.contents a[href] {
/*	background: url('images/linkUnderline.gif') repeat-x bottom; */
	/* TODO adjust color */
	color: #eeb000;
	 
}


/* IE */
.contents a {
/*	background: url('images/linkUnderline.gif') repeat-x bottom; */
	color: #255380;            /* blue */
	/* color: #eeb000; */      /* orange */
	-padding-left: 1px
}



.contents a:link {
	color: #255380;
}

.contents a:visited {
	/* TODO adjust color */
	color: #255380;
}

.contents a:hover {
	/* TODO adjust color */
	color: #666;
}

.breadcrumb a {
	background: transparent;
	color: #575a5c;
}

.breadcrumb a:visited {
	background: transparent;
	color: #575a5c;
}

.breadcrumb a:hover {
	color: black;
}

/* BodyRight */    
.box a {
	color: #333;
	background: url('images/linkUnderline.gif') repeat-x bottom;
}

.box a:link, .box a:visited {
	color: #333;
}

.box a:hover {
	color: #000;
}

/* Footer */ 
td.footerBarMain a, td.footerBarMain a:link, td.footerBarMain a:visited, td.footerBarMain a:active {
	color: #dae3ef;
}        

td.footerBarMain a:hover {
	color: #fff;
}        

/* GLOBAL PAGE ELEMENTS */

/* navigations */
ul.navigation {
	margin: 0;
	padding: 0;
}

ul.navigation li {
	list-style-type: none;
}

ul.navigation.horizontal li {
	float: left;
	margin-right: 0px;
}

ul.navigation.horizontal+br {
	clear: left;
}


/* PAGE ELEMENTS */

.separator {
	position: relative;
}

/* HEADER */
.header {
	background-color: white;
}

.quickbar .separator {
	position: relative;
	background: url('images/navigationSeparator.gif') no-repeat bottom;
	top: -5px;
	padding-left: 3px;
	padding-right: 6px;
	width: 14px
}
	
/* HeaderBar */
table.headerBar {
	width: 955px;
	margin: 0 auto;
	padding: 0px 30px 0 30px;
	margin-bottom: 5px;
}

table.headerBar td {
	font-size: 0.7em;
}

/* Quickbar */
.quickbar {
	position: relative;
	height: 24px;
}

.quickbar * input {
	height: 1.4em;
	font-size: 0.8em;
}

.quickbar * {
	vertical-align: top;
	/* TODO adjust color - DONE */
	color: #9a9c9d;
	background: #fff;	/* style.background.color */
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.quickbar .search {
	width: 10.5em;
}

.searchQuery {
	width: 6em;
	font-size: 10px;
	margin-top: 0px;
	-margin-top: -1px;
	height: 14px;
	border:1px solid #9a9c9d;
}


/* Slogan */
img.slogan {
	position: relative;
}


/* Logos */
td.logos {
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: right;
	vertical-align: top;
	white-space:nowrap;
}

img.logoVersino {
	margin-right: 42px;
}

img.logoSAP {
	position: relative;
	top: -13px;
}


/* Eye catcher */
table.eyeCatcher {
	background-color: #d2dadf;
	height: 150px;
	width: 955px;
	margin: 0 auto;
}

td.eyeCatcherLeftGap {
	background: url('images/eyeCatcherLeftGap.gif') repeat-x top left;
}

td.eyeCatcherLeftGap img.spacer {
	width: 30px;
}

td.eyeCatcherTopGap {
	font-size: 0px;
	height: 15px;
}

td.headerImage {
	vertical-align:top;
	font-size: 0px;
	width:373px;
 
}

td.headerImage img{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
}

td.headerContent {
	vertical-align: top;
	background-color: #eeb000;
	width: 500px;
 
	padding: 0px 30px 0px 22px;
	color: white;
}

td.headerContent h1 {
	padding-bottom: 5px;
	padding-top: 5px;
}

td.headerContent p {
	font-size: 0.8em;
	line-height: 1.5em;
}
    	
    	
/* BODY */
table.body {
	padding: 0;
	width: 955px;
	margin: 0 auto;
	background: url('images/bodyContentBackground.gif') repeat-x;
}

table.body * td {
	vertical-align: top;
}

/* BodyLeft */
td.bodyLeftSpacer {
    width: 30px;
	background: url('images/navigationLeftGap.gif') repeat-x;
}

td.bodyLeft {
	width: 190px;
	background: #26598c url('images/navigationBackground.gif') repeat-y;
}

/* Navigation */
td.navigation {    
    vertical-align: top;
	font-size: 0.7em;
}

.bodyLeft ul.navigation.level1 {
	width: 190px;
	padding-top: 10px;
	padding-bottom: 40px;
}

.bodyLeft ul.navigation.level1 li {
	vertical-align: middle;
	padding-left: 33px;
	padding-top: 7px;
	padding-bottom: 7px;
	background: url('images/navigationItemNormalBackground.gif') repeat-y;
	margin-bottom: 1px
}

.bodyLeft ul.navigation.level1 li.active {
	background: url('images/navigationItemActiveBackground.gif');
	margin-bottom: 0px;
	margin-top: -1px
}

.bodyLeft ul.navigation li.active img.icon {
	position: relative; 
	left: -13px; 
	margin-right: -4px;
}

.bodyLeft ul.navigation.level1 li.subnavigation {
	padding-top: 0;
	padding-bottom: 0;
	width: 187px;
	margin-bottom: 0;
}

.bodyLeft ul.navigation.level2 li {
	background: url('images/subnavigationItemNormalBackground.gif') repeat-y;
	margin-left: -33px;
	margin-bottom: 0;
	padding-top: 8px;
	padding-bottom: 7px;
	padding-left: 45px
}

.bodyLeft ul.navigation.level2 li.active {
	background: url('images/subnavigationItemNormalBackground.gif') repeat-y;
}

.bodyLeft ul.navigation.level2 li.active {
	color: white;
}

td.address {
	vertical-align: bottom;
	width: 156px;
	height: 150px;
	padding: 12px 12px 12px 22px;
}

/*
tr.address td img.spacer {
	width: 10px;
}
*/

td.address * {
	font-size: 0.6em;
	line-height: 1.4em;
	/* color: #575a5c; */
	color: #7298bf;    
	font-style: normal;
}
     
     
/* BodyMain */
td.bodyMain {
	padding-top: 16px; 
	width: auto;

	background: white url('images/bodyContentBackground.gif') repeat-x;
}

td.bodyMainOhneBox {
	padding-top: 16px; 
	width: auto;
}

td.bodyMain table {
	width: 100%;
}

/* Breadcrumb */
td.breadcrumb {
	font-size: 0.7em;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 6px;
	padding-left: 31px;
}

.breadcrumb .separator {
	background: url('images/breadcrumbSeparator.gif') no-repeat center;
	padding-right: 5px;
	padding-left: 5px;
	width: 14px
}


/* Contents */
td.contents {
	margin-right: 15px;
	padding: 0 25px 10px 31px;
	background-color: white;
	color: #595959;
}

td.contents h1 {
	font-size: 0.9em;
	line-height: 1.4em;
	color: #003366;
	text-transform: uppercase;
	margin: 15px 0 5px 0;
	font-weight: bold;
}

td.contents p {
	
	margin: 0 0 5px 0;
}

td.contents li {
	
	padding-left: 20px;
	list-style-type: none;
	background: url('images/listItem.gif') no-repeat 10px 6px;; margin-left:0px; margin-right:0; margin-top:0; margin-bottom:5px
}

td.contents ul {
	padding: 0;
	margin: 0;
}

td.contents p+ul {
	padding-top: 5px;
}

td.contents img {
	padding: 5px 0 5px 0;
}

td.contents .searchQuery {
	position: relative;
	top: -3px;
}
 
td.contents input[type=image] {
	position: relative;
	top: 1px;
}           
         
/* BodyRight */
td.bodyRight {
	width: 234px;

	background: url('images/bodyBackground.gif') no-repeat bottom right;
}

td.bodyRight.withoutBoxes {
	width: 60px;
}

td.bodyRight table {
	margin-top: 41px;
}

td.bodyRight table tr td {
	padding: 10px 0 10px 0;
}

/* boxes */
.box {
	width: 205px;
	padding: 0;
}

.box h2 {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	color: white;
}

.box p {
	margin: 0;
	padding: 5px 5px 5px 23px;
	font-size: 0.7em;
}

.boxHighlight h2 {
	background: #999900 url('images/boxHighlightTitleBackground.gif') repeat-x;
}

.boxHighlight p {
	background: #999900 url('images/boxHighlightBackground.gif') repeat-y;
	color: white
}

.boxHighlight h2 *.icon {
	padding-left: 10px;
	background: url('images/boxHighlightIcon.gif') no-repeat center;
}

.boxNormal h2 {
	background: #999900 url('images/boxNormalTitleBackground.gif') repeat-x;
	color: black
}

.boxNormal p {
	background: #999900 url('images/boxNormalBackground.gif') repeat-y;
	color: black
}

.boxNormal h2 *.icon {
	padding-left: 10px;
	background: url('images/boxNormalIcon.gif') no-repeat center;
}

/* RightBorder */
td.rightBorder {
	background: url('images/bodyBackground.gif') no-repeat bottom right;
	width: 16px
} 

/* FOOTER */

/* FooterBars */
tr.footer td {        
	font-size: 0.7em;    
	color: #a3a6a8;
}

tr.footer .navigation {
	display: block;
	padding: 5px 12px 5px 12px;
}
/* 
td.footerBarMain {
	background-color: #f6f8fa;
	color: #d0d1d2;
}
 */
 
td.footerBarMain .navigation {
	margin-left: 10px;
	width: 100%;
}

/* FooterBarContent */
td.footerBarContent {
	text-align: right;
	background-color: white;
}

tr.footer .copyright {
	font-size: 0.8em;
	color: #C6C6CE;
	display: block;
	float: left;
	text-align: left;
	padding: 5px 12px 5px 30px;
}

.footer .separator {
	position: relative;
	background: url('images/navigationSeparator.gif') no-repeat bottom;
	top: 5px;
	padding-left: 3px;
	padding-right: 3px
}
/* CONTENT ELEMENTS */
    /* boxes */