html {
	height:100%;
	margin-bottom: 0.1px;
	overflow-y: scroll;
}
body {
	font: 100% /*'Segoe UI',  'Lucida Grande', 'Lucida Sans',*/ Arial, Helvetica, sans-serif;
	background: #212121; /*#1d1d1d url(/fax/images/bg.png);*/
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}
a {
	outline: none;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
	border: 0;
	text-align: left;
}
#topSpacer {
	height: 40px;
	background: #212121; /*#1d1d1d url(/fax/images/bg.png) url(/fax/images/bgLanguage.png) no-repeat top left*/;		
}
#languageSelector {
	height: 40px;
	margin: 0 0 0 0;
	padding: 0 0 0 83px;
	color: #555658; /* #6f7173;*/
	font: bold 10px/40px /*'Segoe UI',  'Lucida Grande', 'Lucida Sans',*/ Arial;
	text-align: left;
	text-shadow: rgba(0, 0, 0, 0.8) 0px 1px 0px;
/*	background: url(/fax/images/bgLanguage.png) no-repeat top left;	*/
}
#languageSelector a {
	color: #9d9fa2;
	text-decoration: none;
}
#languageSelector a:hover {
	color: #cccccc;
	text-decoration: underline;
}
#header {
	height: 60px;
	margin: 0 0 0 0;
	padding: 0;
	background: url(/fax/images/header.png) no-repeat bottom left;
}
#home {
	float: left;
	height: 60px;
	margin: 0 0 0 15px;
	padding: 0;	
}
#language {
	float: left;
	height: 60px;
    width: 80px;
	margin: 0 0 0 0;
	padding: 0;
    cursor: hand;   
}
#logo {
	float: right;
	height: 60px;
	margin: 0 15px 0 0;
	padding: 0;	
}
#main {
	height: 500px;
	margin: 0;
	padding: 0;;
	background: #ffffff;
}
#navigation {
	float: left;
	height: 500px;
	width: 320px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	height: 100px;
	margin: 0;
	padding: 0;
	background: url(/fax/images/bgTab.png) no-repeat 0 0;
	overflow: hidden;
}
#navigation a {
	display: block;
	height: 100px;
	text-align: right;
	padding: 17px 30px;

	width: 260px !important;
	width/**/:/**/320px;	
	
	color: #444444;
	font: normal 18px/14px /*'Segoe UI',  'Lucida Grande', 'Lucida Sans',*/ Arial;
	text-decoration: none;
/*	text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;*/
}
#navigation a.button01 {
	background: url(/fax/images/bgTab01.png) no-repeat 0 0;
}
#navigation a.button02 {
	background: url(/fax/images/bgTab02.png) no-repeat 0 0;
}
#navigation a.button03 {
	background: url(/fax/images/bgTab03.png) no-repeat 0 0;
}
#navigation a.button04 {
	background: url(/fax/images/bgTab04.png) no-repeat 0 0;
}
#navigation a.button05 {
	background: url(/fax/images/bgTab05.png) no-repeat 0 0;
}
#navigation a.button01:hover, #navigation a.button02:hover, #navigation a.button03:hover, #navigation a.button04:hover, #navigation a.button05:hover {
	color: #bd1d20;
	background-position: 0 -200px;
}
#navigation a.active {
	color: #222222;
	background-position: 0 -100px;
}
#navigation a.active:hover {
	color: #222222;
	background-position: 0 -100px;
}
#navigation a span {
	color: #666666;
	font: normal 12px/15px /*'Segoe UI',  'Lucida Grande', 'Lucida Sans',*/ Arial;
	text-decoration: none;
	text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;		
}
#navigation a:hover span {
	color: #444444;
}
#navigation a.active span {
	color: #222222;
	text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;	
}
#content {
	float: right;
	height: 500px;
	width: 640px;
	margin: 0;
	padding: 0;
}
.panelContent {
	width: 640px;
	height: 440px;
	overflow: hidden;
}
.contentBlue .panelContent, .contentGreen .panelContent, .contentYellow .panelContent, .contentOrange .panelContent, .contentPurple .panelContent {
	width: 640px;
	height: 500px;
	overflow: hidden;
}
.panelLink {
	width: 620px;
	height: 60px;
	text-align: right;
	line-height: 60px;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}
.panelLink a {
	text-decoration: none;
	color: #ffffff;
}
.panelLink a:hover {
/*	text-decoration: underline;*/
}
.spacerText {
	height: 22px;
}
.spacerListing {
	height: 12px;
}
.spacer20 {
	height: 20px;
}
.spacer30 {
	height: 30px;
}
.spacer40 {
	height: 40px;
}
.spacer60 {
	height: 60px;
}
.spacer70 {
	height: 70px;
}
.spacer80 {
	height: 80px;
}
.spacer90 {
	height: 80px;
}
.spacer100 {
	height: 100px;
}
.spacer110 {
	height: 110px;
}
.spacer120 {
	height: 120px;
}
.spacer130 {
	height: 130px;
}
.spacer140 {
	height: 140px;
}
.spacer160 {
	height: 160px;
}
.spacer180 {
	height: 180px;
}
.spacer200 {
	height: 200px;
}
.spacer220 {
	height: 220px;
}
.spacer240 {
	height: 240px;
}
.introRight {
	float: right;
	text-align: right;
	color: #ffffff;
	font: bold 16px/27px /*'Segoe UI',  'Lucida Grande', 'Lucida Sans',*/ Arial;
	margin: 0 20px 0 0;	
}
.introLeft {
	float: left;
	text-align: left;
	color: #ffffff;
	font: bold 16px/27px /*'Segoe UI',  'Lucida Grande', 'Lucida Sans',*/ Arial;
	margin: 0 0 0 30px;	
}
h1 {
	font: bold 36px/40px /*'Segoe UI',  'Lucida Grande', 'Lucida Sans',*/ Arial;
	margin: 11px 0 0 30px;
	padding: 0;
}
h2 {
	font: bold 18px/20px /*'Segoe UI',  'Lucida Grande', 'Lucida Sans',*/ Arial;
	margin: 0 0 0 30px;
	padding: 0;	
}
h3 {
	font: bold 13px/18px Arial;
	margin: 13px 0 0 0;
	color: #333333;
	padding: 0;	
}
h4 {
	font: bold 13px/18px Arial;
	color: #222222;
	margin: 13px 0 0 0;
	padding: 0;	
}
strong {
	color: #333333;
}
p {
	margin: 10px 0px;
}
div>p {
	margin: 3px 0 0 0;
	padding: 0;
}
h3 + p {
	margin: 0;
	padding: 0;
}
p + p {
	margin: 13px 0px 0px 0px;
	padding: 0;
}
.textLeft1col {
	float: left;
	margin-right: 20px;
}
.textLeft2col {
	float: left;
	width: 280px;
	margin-right: 30px;
}
.textRight2col {
	float: left;
	width: 280px;
}
.textLeft3col {
	float: left;
	width: 180px;
	margin-right: 30px;
}
.textMiddle3col {
	float: left;
	width: 180px;
	margin-right: 30px;	
}
.textRight3col {
	float: left;
	width: 190px;
}
.red {
	background: #ffffff url(/fax/images/cloud.jpg) no-repeat top left;
	color: #bd1d20;
}
.blue {
	background: #ffffff url(/fax/images/blick.jpg) no-repeat bottom left;
	color: #7a9cc4;
}
.green {
	background: #ffffff url(/fax/images/datacenter.jpg) no-repeat bottom left;
	color: #88c01a;
}
.yellow {
	background: #ffffff url(/fax/images/einkaufswagen.jpg) no-repeat bottom left;
	color: #e1cc1d;
}
.orange {
	background: #ffffff url(/fax/images/mann_wand.jpg) no-repeat bottom left;
	color: #f08924;
}
.purple {
	background: #ffffff url(/fax/images/tasse.jpg) no-repeat top left;
	color: #a39cc1;
}
/*
.content {
	background: url(/fax/images/bgContent85.png);
}
*/
.red span, .red a {
	padding: 1px 5px;
	background-color: #bd1d20;
}
#campaignContent a {
	background: none;
	padding: 0;
}
.blue span, .blue a {
	padding: 2px 5px;
	background-color: #7a9cc4;
}
.green span, .green a {
	padding: 2px 5px;
	background-color: #88c01a;
}
.yellow span, .yellow a {
	padding: 2px 5px;
	background-color: #e1cc1d;
}
.orange span, .orange a {
	padding: 2px 5px;
	background-color: #f08924;
}
.purple span, .purple a {
	padding: 2px 5px;
	background-color: #a39cc1;
}
.contentBlue {
	background: url(/fax/images/bgContent00.png);
}
.contentGreen {
	background: url(/fax/images/bgContent00.png);
}
.contentYellow {
	background: url(/fax/images/bgContent00.png);
}
.contentOrange {
	background: url(/fax/images/bgContent00.png);
}
.contentPurple {
	background: url(/fax/images/bgContent00.png);
}
.contentBlue .introLeft, .contentGreen .introLeft, .contentYellow .introLeft, .contentOrange .introLeft, .contentPurple .introLeft {
	color: #444444;
	font: normal 13px/18px /*'Segoe UI',  'Lucida Grande', 'Lucida Sans',*/ Arial;
	text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;	
}
a.jumper {
	height: 0px;
	width: 0px;
	padding: 0px;
	margin: 0px;
	font-size: 0px;
	line-height: 0px;
}
.red a.more {
	padding: 5px 40px 5px 10px;
	background: #bd1d20 url(/fax/images/moreWhiteIntro.png) no-repeat top right;
}
.blue a.more {
	padding: 5px 40px 5px 10px;
	background: #7a9cc4 url(/fax/images/moreWhiteIntro.png) no-repeat top right;
}
.blue a.moreText {
	padding: 1px 20px 1px 3px;
	background: #7a9cc4 url(/fax/images/moreText.png) no-repeat top right;
	color: #333333;
}
.blue a:hover.moreText {
	color: #000000;	
}
.green a.more {
	padding: 5px 40px 5px 10px;
	background: #88c01a url(/fax/images/moreWhiteIntro.png) no-repeat top right;
}
.green a.moreText {
	padding: 1px 20px 1px 3px;
	background: #88c01a url(/fax/images/moreText.png) no-repeat top right;
	color: #333333;
}
.green a:hover.moreText {
	color: #000000;	
}
.yellow a.more {
	padding: 5px 40px 5px 10px;
	background: #e1cc1d url(/fax/images/moreWhiteIntro.png) no-repeat top right;
}
.yellow a.moreText {
	padding: 1px 20px 1px 3px;
	background: #e1cc1d url(/fax/images/moreText.png) no-repeat top right;
	color: #333333;	
}
.yellow a:hover.moreText {
	color: #000000;	
}
.orange a.more {
	padding: 5px 40px 5px 10px;
	background: #f08924 url(/fax/images/moreWhiteIntro.png) no-repeat top right;
}
.purple a.more {
	padding: 5px 40px 5px 10px;
	background: #a39cc1 url(/fax/images/moreWhiteIntro.png) no-repeat top right;
}
.purple a.moreText {
	padding: 1px 20px 1px 3px;
	background: #a39cc1 url(/fax/images/moreText.png) no-repeat top right;
	color: #333333;
}
.purple a:hover.moreText {
	color: #000000;	
}
a:hover.more {
	color: #444444;
}
.introLeft a, .introRight a {
	padding: 1px 3px;
	color: #ffffff;
	text-decoration: none;
	text-shadow: none;		
}
.introLeft a:hover, .introRight a:hover {
	color: #444444;
	text-shadow: none;		
}
.blue a.arrowMore {
	padding: 1px 18px;
	background: url(/fax/images/moreBlue.png) no-repeat center center;
	text-decoration: none;
}


a.productClose {
	font: normal 13px/18px /*'Segoe UI',  'Lucida Grande', 'Lucida Sans',*/ Arial;
	text-decoration: none;
	text-shadow: none;
	padding: 1px 3px 1px 20px;
	background: #7a9cc4 url(/fax/images/backText.png) no-repeat top left;
	color: #333333;
}
a:hover.productClose {
	color: #000000;	
}

#footer {
	height: 50px;
	margin: 0;
	padding: 0;
}
.de {
	background: url(/fax/images/deFooter.png) no-repeat 0 0;
}
.en {
	background: url(/fax/images/enFooter.png) no-repeat 0 0;
}
.fr {
	background: url(/fax/images/frFooter.png) no-repeat 0 0;
}
#footer p {
	margin: 0;
	padding: 0;
	margin-right: 20px;
	text-align: right;
}
#bottomNav a {
	color: #ffffff;
	font: normal 12px/48px /*'Segoe UI',  'Lucida Grande', 'Lucida Sans',*/ Arial;
	text-decoration: none;
	padding: 20px 0 20px 22px;
	background: url(/fax/images/spacerFooter.png) no-repeat 10px 0;
	text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;	
}
#bottomNav a:hover {
	color: #cccccc;
}




#footer #copyright {
	margin: 10px 0 0 0;
	color: #555658; /* #6f7173;*/
	font: bold 10px/14px /*'Segoe UI',  'Lucida Grande', 'Lucida Sans',*/ Arial;
	text-align: right;
	text-shadow: rgba(0, 0, 0, 0.4) 0px 1px 0px;		
}
#footer #copyright a {
	color: #696b6d; /* #6f7173;*/
	text-decoration: none;		
}
#footer #copyright a:hover {
	color: #ffffff; /* #6f7173;*/
	text-decoration: underline;		
}
.panelContent h1>span {
	font: bold 18px/18px Arial;
	background: none;
	padding: 0;
}

/* ---------------------------------------- Modal -------*/

/*
#control_overlay {
	background-color:#000;
}
*/
.modal {
	background-color:#fff;
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 640px;
	height: 500px;
}
#copyright .modal {
	background: none;
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: auto;
	height: auto;
}
.modal .contentBlue, .modal .contentRed {
	width: 640px;
	height: 500px;
	overflow: hidden;
}
.modal .introLeft {
	float: left;
	text-align: left;
	color: #ffffff;
	font: bold 16px/27px /*'Segoe UI',  'Lucida Grande', 'Lucida Sans',*/ Arial;
	margin: 0 20px 0 30px;
}
.modal .spacerText {
	height: 22px;
}
/*
.modal h1.products {
	font: bold 25px/25px Arial;
	margin: 14px 0 0 30px;
	padding: 0;
	text-align: left;
}
.modal h2.products {
	font: bold 15px/15px Arial;
	margin: 3px 0 13px 30px;
	padding: 0;
	text-align: left;	
}
.modal h3.products {
	font: bold 13px/18px Arial;
	margin: 13px 0 0 0;
	color: #333333;
	padding: 0;	
}
*/
.modal h1 {
	font: bold 36px/40px /*'Segoe UI',  'Lucida Grande', 'Lucida Sans',*/ Arial;
	margin: 11px 0 0 30px;
	padding: 0;
	text-align: left;	
}
.modal h2 {
	font: bold 18px/20px /*'Segoe UI',  'Lucida Grande', 'Lucida Sans',*/ Arial;
	margin: 0 0 0 30px;
	padding: 0;
	text-align: left;	
}
.modal h3 {
	font: bold 13px/18px Arial;
	margin: 13px 0 0 0;
	color: #333333;
	padding: 0;
	text-align: left;		
}
.modal strong {
	color: #333333;
}
.modal p {
	margin: 10px 0px;
}
.modal div>p {
	margin: 3px 0 0 0;
	padding: 0;
}
.modal h3 + p {
	margin: 0;
	padding: 0;
}
.modal p + p {
	margin: 13px 0px 0px 0px;
	padding: 0;
}
.modal .blue {
	background: #ffffff url(/fax/images/blick.jpg) no-repeat bottom left;
	color: #7a9cc4;
}
.modal .red {
	background: #ffffff url(/fax/images/cloud.jpg) no-repeat bottom left;
	color: #bd1d20;
}
.modal .contentBlue {
	background: url(/fax/images/bgContent00.png);
}
.modal .contentRed {
	background: url(/fax/images/bgContent00.png);
}
.modal .contentBlue .introLeft, .modal .contentRed .introLeft {
	color: #444444;
	font: normal 13px/18px /*'Segoe UI',  'Lucida Grande', 'Lucida Sans',*/ Arial;
	text-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;	
}
.modal a.productClose {
	font: normal 13px/18px /*'Segoe UI',  'Lucida Grande', 'Lucida Sans',*/ Arial;
	text-decoration: none;
	text-shadow: none;
	padding: 1px 3px 1px 20px;
	background: #7a9cc4 url(/fax/images/backText.png) no-repeat top left;
	color: #333333;
    float: left;
}
.modal a:hover.productClose {
	color: #000000;	
}
.modal a.productMore {
	font: normal 13px/18px /*'Segoe UI',  'Lucida Grande', 'Lucida Sans',*/ Arial;
	text-decoration: none;
	text-shadow: none;
	padding: 1px 20px 1px 3px;
	color: #333333;
    float: right;
}
.modal .blue a.productMore {
	background: #7a9cc4 url(/fax/images/moreText.png) no-repeat top right;
}
.modal .red a.productMore {
	background: #bd1d20 url(/fax/images/moreText.png) no-repeat top right;
}
.modal a:hover.productMore {
	color: #000000;	
}
.modal h1>span {
	font: bold 18px/18px Arial;
	background: none;
	padding: 0;
}
.modal #message {
	background: none;
}
.modal input[type=text] {
	color: #bbbbbb;
	width: 150px;
}

/* ---------------------------------------- Panels -------*/

.SlidingPanels {
	position: relative;
	width: 640px;
	height: 500px;
	padding: 0;
	border: none;
}
.SlidingPanelsContentGroup {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
}
.SlidingPanelsContent {
	width: 640px;
	height: 500px;
	margin: 0px;
	padding: 0px;
	border: none;
}

#SlidingPanelsSub01 .SlidingPanels {
	width: 640px;
	height: 500px;
	padding: 0;
	border: none;
	float: left;
}
#SlidingPanelsSub01 .SlidingPanelsContentGroup {
	margin: 0px;
	padding: 0px;
	border: none;
	float: left;
	width: 10000px;
}
#SlidingPanelsSub01 .SlidingPanelsContent {
	margin: 0px;
	padding: 0px;
	border: none;
	float: left;
	width: 640px;
}

#SlidingPanelsSub02 .SlidingPanels {
	width: 640px;
	height: 500px;
	padding: 0;
	border: none;
	float: left;
}
#SlidingPanelsSub02 .SlidingPanelsContentGroup {
	margin: 0px;
	padding: 0px;
	border: none;
	float: left;
	width: 10000px;
}
#SlidingPanelsSub02 .SlidingPanelsContent {
	margin: 0px;
	padding: 0px;
	border: none;
	float: left;
	width: 640px;
}

#SlidingPanelsSub03 .SlidingPanels {
	width: 640px;
	height: 500px;
	padding: 0;
	border: none;
	float: left;
}
#SlidingPanelsSub03 .SlidingPanelsContentGroup {
	margin: 0px;
	padding: 0px;
	border: none;
	float: left;
	width: 10000px;
}
#SlidingPanelsSub03 .SlidingPanelsContent {
	margin: 0px;
	padding: 0px;
	border: none;
	float: left;
	width: 640px;
}

#SlidingPanelsSub04 .SlidingPanels {
	width: 640px;
	height: 500px;
	padding: 0;
	border: none;
	float: left;
}
#SlidingPanelsSub04 .SlidingPanelsContentGroup {
	margin: 0px;
	padding: 0px;
	border: none;
	float: left;
	width: 10000px;
}
#SlidingPanelsSub04 .SlidingPanelsContent {
	margin: 0px;
	padding: 0px;
	border: none;
	float: left;
	width: 640px;
}

#SlidingPanelsSub05 .SlidingPanels {
	width: 640px;
	height: 500px;
	padding: 0;
	border: none;
	float: left;
}
#SlidingPanelsSub05 .SlidingPanelsContentGroup {
	margin: 0px;
	padding: 0px;
	border: none;
	float: left;
	width: 10000px;
}
#SlidingPanelsSub05 .SlidingPanelsContent {
	margin: 0px;
	padding: 0px;
	border: none;
	float: left;
	width: 640px;
}

.SlidingPanelsAnimating * {
	overflow: hidden !important;
}
.SlidingPanelsCurrentPanel {
}
.SlidingPanelsFocused {
}