/* --- GENERAL --- */
body, p, form, input, select, textarea, button, ul, ol, dl, dt, dd {
	margin				:	0;
	padding				:	0;
}
body {
	background			:	#fff;
}
img {
	border				:	0;
}

/* --- FORMULARE --- */
input, select {
	vertical-align		:	middle;
}
textarea {
	vertical-align		:	top;
}
.check {
	width				:	14px;
	height				:	14px;
}
.radio {
	width				:	12px;
	height				:	12px;
}

/* ---------------------- SEITENAUFBAU / SKIN ---------------------------*/
#pWrapper {
	width				:	800px;
}
.VF, .KSC {
	width				:	969px !important;
}

/* ---------------------- LISTEN / NAVIs ---------------------------*/

/* DEFAULT */
li {
	list-style-type		:	none;
}

/* --- CLEARFIX --- */
/* ------------------------------------------------------------------------------------------- */
.tabNavigation:after, .boxBasic:after, .boxContent:after, .boxContent .padding6px:after, .boxContent .padding12px:after, .articleBasic:after, #popHeader:after, #popBody:after, #popFooter:after {
	content				:	".";
	line-height			:	1px;
	display				:	block;
	height				:	0;
	clear				:	both;
	visibility			:	hidden;
}
/* Hides from IE-mac \*/
* html .tabNavigation, * html .boxBasic, * html .boxContent, * html .boxContent .padding6px, * html .boxContent .padding12px, * html .articleBasic, * html #popHeader, * html #popBody, * html #popFooter {
	height				:	1%;
}
/* End hide from IE-mac */
/* ------------------------------------------------------------------------------------------- */

/* --- BASICs --- */
/* ------------------------------------------------------------------------------------------- */
.VF, table, input, select, textarea, #pSubNav, #logInOut {
	font-family			:	Arial, Verdana, Helvetica, sans-serif;
	font-size			:	11px;
	color				:	#333333;
}
.KSC #content a:hover,
.priv a.icCartPersonalised:hover,
.priv a.icClosePersonalised:hover,
.priv a.icDeletePersonalised:hover,
.priv a.icDownloadPersonalised:hover,
.priv a.icInfoPersonalised:hover,
.priv a.icMinusPersonalised:hover,
.priv a.icPlusPersonalised:hover,
.priv a.icPopupPersonalised:hover,
.priv a.icPrintPersonalised:hover,
.priv a.icRightPersonalised:hover,
.priv .leftNavigation a:hover {
	color				:	#f39500;
}
.show {
	display				:	block;
}
.hide {
	display				:	none;
}
.left {
	float				:	left;
}
.right {
	float				:	right;
}
.spacer {
	width				:	1px;
	height				:	1px;
	clip				:	rect(0px 0px 1px 1px);
	overflow			:	hidden;
}
.clear {
	float				:	none;
	clear				:	both;
}
br.clear {
	float				:	none;
	clear				:	both;
	line-height			:	0px;
	height				:	0px;
}
.vMiddle {
	vertical-align		:	middle;
}
.padding6px {
	padding				:	6px;
}
.padding12px {
	padding				:	12px;
}
.mT5 {
	margin-top			:	5px;
}
.mT10 {
	margin-top			:	10px;
}
.mB5 {
	margin-bottom		:	5px;
}
.mB10 {
	margin-bottom		:	10px;
}
.stripLine {
	background			:	url(../images/css/dottedLine.gif) repeat-x top;
	margin				:	15px 0;
	height				:	1px;
	overflow			:	hidden;
}
/* ------------------------------------------------------------------------------------------- */

/* --- POPUP --- */
/* ------------------------------------------------------------------------------------------- */
#popWrapper {
	width				:	auto !important;
	margin				:	0 0 0 10px;
}
#popHeader {
	margin				:	28px 0 60px 13px;
}
#popHeader ul,
#popFooter ul {
	float				:	right;
}
#popHeader ul li,
#popFooter ul li  {
	display				:	inline;
	margin-left			:	12px;
}
#popFooter {
	margin				:	28px 0 14px 0;
}
/* ------------------------------------------------------------------------------------------- */

/* --- FOOTER --- */
/* ------------------------------------------------------------------------------------------- */
.footerNavigation li {
	list-style-type		:	none;
	float				:	left;
	border-left			:	1px solid #333333;
	margin-left			:	7px;
	padding-left		:	7px;
	line-height			:	11px;
	color				:	#000000;
}
.footerNavigation li:first-child, .footerNavigation li.first {
	border-left			:	none;
}
/* ------------------------------------------------------------------------------------------- */

/* --- FORMs --- */
/* ------------------------------------------------------------------------------------------- */
input, select, textarea {
	border				:	1px solid #CCCCCC;
}
input, textarea {
	padding				:	1px 4px;
}
select option {
	padding				:	0px 4px;
}
input, select {
	vertical-align		:	middle;
}
textarea {
	vertical-align		:	top;
}
.check {
	*width				:	14px;
	*height				:	14px;
	padding				:	0px;
	border				:	none;
}
.radio {
	*width				:	12px;
	*height				:	12px;
	padding				:	0px;
	border				:	none;
}
input.error, select.error, textarea.error {
	background-color	:	#f3b700;
	color				:	#000000;
}
/* ------------------------------------------------------------------------------------------- */

/* --- GRID --- */
/* ------------------------------------------------------------------------------------------- */
.width1Col {
	float				:	left;
	width				:	192px;
}
.width2Col {
	float				:	left;
	width				:	384px;
}
.width3Col {
	float				:	left;
	width				:	576px;
}
.width4Col {
	float				:	left;
	width				:	768px;
}
.width5Col {
	width				:	960px;
}
/* ------------------------------------------------------------------------------------------- */

/* --- NAVIGATION --- */
/* ------------------------------------------------------------------------------------------- */
/* --- logReg --- */
.logReg {
	margin-right		:	3px;
	height				:	30px;
	float				:	right;
}
.logReg li {
	list-style-type		:	none;
	float				:	left;
	margin				:	4px 0 0 5px;
	padding-left		:	7px;
}
/* --- leftNavigation --- */
.leftNavigation * {
	font-size			:	11px;
}
.leftNavigation li {
	list-style-type		:	none;
	display				:	inline;
}
.leftNavigation li a, .leftNavigation li ul li:first-child a, .leftNavigation li ul li.first a, .leftNavigation li.first ul li a {
	background			:	url(../images/css/dottedLine.gif) repeat-x top;
}
.leftNavigation li:first-child a, .leftNavigation li.first a {
	background			:	none;
}
.leftNavigation li a {
	padding				:	6px 5px 4px 10px;
	margin				:	0 1px 0px 1px;
	line-height			:	14px;
	display				:	block;
}
.leftNavigation li.active a,
.leftNavigation li.selected a {
	font-weight			:	bold;
}
.leftNavigation li.active ul li a {
	font-weight			:	normal;
}
.leftNavigation li.selected a, 
.leftNavigation li.active ul li.selected a,
.leftNavigation ul li a.aActive {
	text-decoration		:	none;
	color				:	#333333 !important;
}
.leftNavigation li ul li a {
	padding-left		:	22px;
}
.leftNavigation li ul li ul li a {
	padding-left		:	34px;
}
.pub .leftNavigation li.selected a {
	background-color	:	#bad4da;
}
.priv .leftNavigation li.selected a {
	background-color	:	#fccf86;
}
/* KSC: */
.KSC .leftNavigation .width1Col {
	width				:	100%;
}
.KSC .leftNavigation h1 {
	color				:	#ffffff;
	padding				:	0 0 0 6px;
	line-height			:	24px;
	margin				:	0;
}
.pub .leftNavigation h1 {
	background-color	:	#008698;
}
.priv .leftNavigation h1 {
	background-color	:	#f39500;
}
.pub .leftNavigation ul li a.aActive  {
	background-color	:	#bad4da;
}
.priv .leftNavigation ul li a.aActive  {
	background-color	:	#fccf86;
}

.pub .leftNavigation li.header {
	background-color	:	#008698;
}
.priv .leftNavigation li.header {
	background-color	:	#f39500;
}
/* --- tabNavigation --- */
@media projection, screen {
    .tabs-hide {
		display			:	none !important;
    }
}
@media print {
    .tabs-nav, .tabs-hide {
		display			:	none;
    }
}
.tabNavigation {
	margin				:	0 3px;
}
.tabNavigation li {
	list-style-type		:	none;
	float				:	left;
	line-height			:	12px;
	border-left			:	1px solid #ffffff;
}
.tabNavigation li:first-child, .tabNavigation li.first {
	border-left			:	none;
}
.tabNavigation li a:hover {
	color				:	#333333 !important;
}
.tabNavigation li.disabled {
	opacity				:	0.4;
	*filter				:	alpha(opacity=40);
}
.tabNavigation li.disabled a {
	text-decoration		:	none;
}
.tabNavigation li a {
	display				:	block;
	padding				:	7px 9px 6px 9px;
}
.tabNavigation li.selected a, .tabNavigation li.on a, .tabNavigation li.selected a:hover, .tabNavigation li.on a:hover {
	color				:	#ffffff !important;
	text-decoration		:	none;
}
/* --- Petrol --- */
.tabColorPetrol li a,
.pub .tabColorPersonalised li a {
	background-color	:	#a7c6cd;
}
.tabColorPetrol li.selected a, .tabColorPetrol li.on a, .tabColorPetrol li.selected a:hover, .tabColorPetrol li.on a:hover,
.pub .tabColorPersonalised li.selected a, .pub .tabColorPersonalised li.on a, .pub .tabColorPersonalised li.selected a:hover, .pub .tabColorPersonalised li.on a:hover {
	background-color	:	#008698;
}
/* --- Orange --- */
.tabColorOrange li a,
.priv .tabColorPersonalised li a {
	background-color	:	#fccf86;
}
.tabColorOrange li.selected a, .tabColorOrange li.on a, .tabColorOrange li.selected a:hover, .tabColorOrange li.on a:hover,
.priv .tabColorPersonalised li.selected a, .priv .tabColorPersonalised li.on a, .priv .tabColorPersonalised li.selected a:hover, .priv .tabColorPersonalised li.on a:hover {
	background-color	:	#f39500;
}
/* ------------------------------------------------------------------------------------------- */

/* --- LISTs --- */
/* ------------------------------------------------------------------------------------------- */
/* --- linkList --- */
.linkList {
	background			:	url(../images/css/dottedLine.gif) repeat-x bottom;
	padding-bottom		:	1px;
	font-size			:	11px;
}
.linkList li {
	background			:	url(../images/css/dottedLine.gif) repeat-x top;
	list-style-type		:	none;
	padding				:	1px 0;
}
.linkList li a {
	background-position	:	100% 0px;
	background-repeat	:	no-repeat;
	display				:	block;
	margin				:	3px 0 0 0;
	padding-right		:	16px;
	line-height			:	19px;
	*line-height		:	17px;
	*padding-bottom		:	2px;
}
.linkList li a:hover {
	background-position	:	100% -100px;
}
/* --- pointList --- */
.pointList li {
	list-style-type		:	square;
	background			:	none;
	padding				:	0px;
	margin-left			:	13px;
	*margin-left		:	16px;
}
/* ----- numberList ----- */
.numberList li {
	list-style-type		:	decimal;
	margin-left			:	37px;
}
/* ----- footNote ----- */
.footNote {
	color				:	#333333;
	margin				:	0px 3px 0px 3px;
	padding				:	0px 10px 0px 10px;
}
.footNote dt {
	margin				:	10px 0 0 0;
	font-weight			:	bold;
}
.footNote dd {
	margin				:	-14px 0 0 20px;
}
/* ----- pagingList ----- */
.pagingList {
	text-align			:	right;
}
.pagingList li {
	display				:	inline;
	padding				:	0 5px;
	color				:	#333333;
}
.pagingList li a {
	text-decoration		:	underline;
	color				:	#000000;
}
.pagingWhite li a, .pagingWhite li {
	color				:	#ffffff;
}
.pagingList .selected {
	font-weight			:	bold;
}
/* ------------------------------------------------------------------------------------------- */

/* --- TABLEs --- */
/* ------------------------------------------------------------------------------------------- */
/* --- tableBasic --- */
table.tableBasic {
	width				:	100%;
	table-layout		:	auto;
	border-collapse		:	collapse;
	border-left			:	1px solid #cccccc;
	border-top			:	1px dotted #cccccc;
}
.boxBasic .boxContent table.tableBasic {
	border-left			:	none;
}
table.tableBasic tr th {
	text-align			:	left;
	vertical-align		:	top;
}
table.tableBasic tr td, table.tableBasic tr th {
	border-right		:	1px solid #cccccc;
	border-bottom		:	1px dotted #cccccc;
	padding				:	4px 10px 4px 11px;
}
table.tableBasic thead tr td, table.tableBasic thead  tr th {
	border-top			:	none;
}
/* --- tableForm --- */
table.tableForm {
	width				:	100%;
}
table.tableForm th {
	text-align			:	right;
	font-weight			:	normal;
	width				:	25%;
}
table.tableForm td, table.tableForm th {
	padding				:	5px 8px 5px 0px;
	vertical-align		:	top;
}
table.tableForm tfoot td, table.tableForm tfoot th {
	padding				:	5px 0 0 0;
}
/* --- tableData --- */
table.tableData {
	width				:	100%;
	border-collapse		:	collapse;
}
table.tableData td {
	padding				:	2px 8px 2px 0px;
	vertical-align		:	top;
}
/* ------------------------------------------------------------------------------------------- */

/* --- LINKs --- */
/* ------------------------------------------------------------------------------------------- */
a:link, a:focus, a:visited, a:active { 
	color				:	#333333;
	text-decoration		:	none;
}
a:hover {
	color				:	#008698;
	text-decoration		:	underline;
}
a.aLink:link, a.aLink:visited, a.aLink:active, a.aLink:hover {
	text-decoration		:	underline;
}
a.icLink, a.icLinkRight {
	background-position	:	right top;
	background-repeat	:	no-repeat;
	color				:	#333333;
	line-height			:	19px;
}
a.icLink:hover, a.icLinkRight:hover {
	background-position	:	100% -100px;
	color				:	#008698;
	text-decoration		:	underline;
}
a.noDecoration:hover {
	text-decoration		:	none;
}
a.icLink {
	padding				:	0px 20px 5px 0px;
}
a.icLinkRight {
	padding				:	0px 20px 0px 0px;
	display				:	block;
}
a.sortLink:link, a.sortLink:visited, a.sortLink:active, a.sortLink:hover {
	color				:	#000;
	padding-right		:	12px;
}
a.desc {
	background			:	url(../images/css/iconDesc.gif) no-repeat right 5px;
}
a.asc {
	background			:	url(../images/css/iconAsc.gif) no-repeat right 5px;
}
/* ------------------------------------------------------------------------------------------- */

/* --- BUTTONs --- */
/* ------------------------------------------------------------------------------------------- */
/* --- TextLinkButton --- */
a.aButton, a.aButton:hover {
	text-decoration		:	none;
}
a.aButton span, a.aButton b {
	line-height			:	24px;
	color				:	#ffffff;
	font-size			:	11px;
	background-repeat	:	no-repeat;
}
a.aButton b {
	background-position	:	left top;
	padding				:	2px 6px 8px 6px;
}
a.aButton span {
	background-position	:	right top;
	padding				:	2px 0px 8px 0px;
}
* html a.aButton span {
	padding				:	0px;
}
a.aButton:hover span {
	background-position	:	100% -95px;
}
a.aButton:hover b {
	background-position	:	0% -95px;
}
/* --- InputFormButton --- */
.iButton input {
	background			:	none;
	border				:	none;
	padding				:	0px !important;
	color				:	#ffffff;
	font-weight			:	bold;
	text-align			:	left;
	overflow			:	visible;
	cursor				:	pointer;
	height				:	24px;
	line-height			:	24px;
	font-size			:	11px;
	position			:	relative;
	top					:	-2px;
}
* html .iButton input {
	top					:	0px;
}
.iButton  {
	line-height			:	24px;
	background-repeat	:	no-repeat;
	background-position	:	right top;
	*background-position:	100% 5px;
	padding				:	2px 0px 8px 0px;
	*padding			:	0px;
}
.iButton b {
	background-repeat	:	no-repeat;
	background-position	:	left top;
	padding				:	2px 3px 8px 3px;
	*padding			:	2px 6px 8px 6px;
	*background-position:	0% 5px;
}
.iButton:hover, .iButton_h  {
	background-position	:	100% -95px;
	*background-position:	100% -90px;
}
.iButton:hover b, .iButton_h b {
	background-position	:	0% -95px;
	*background-position:	0% -90px;
}
.bDisabled, .bDisabled input {
	cursor				:	default;
}
/* --- Disabled --- */
a.bDisabled span, span.bDisabled {
	background-image	:	url(../images/css/buttonGreyRightInactive.gif);
}
a.bDisabled b, span.bDisabled b {
	background-image	:	url(../images/css/buttonGreyLeftInactive.gif);
}
/* --- Grey --- */
a.bGrey span, span.bGrey {
	background-image	:	url(../images/css/buttonGreyRight.gif);
}
a.bGrey b, span.bGrey b {
	background-image	:	url(../images/css/buttonGreyLeft.gif);
}
/* --- GreyRed --- */
a.bGreyRed span, span.bGreyRed {
	background-image	:	url(../images/css/buttonGreyRightRed.gif);
}
a.bGreyRed b, span.bGreyRed b {
	background-image	:	url(../images/css/buttonGreyLeftRed.gif);
}
/* --- Orange --- */
a.bOrange span, span.bOrange {
	background-image	:	url(../images/css/buttonOrangeRight.gif);
}
a.bOrange b, span.bOrange b {
	background-image	:	url(../images/css/buttonOrangeLeft.gif);
}
/* --- Red --- */
a.bRed span, span.bRed {
	background-image	:	url(../images/css/buttonRedRight.gif);
}
a.bRed b, span.bRed b {
	background-image	:	url(../images/css/buttonRedLeft.gif);
}
/* ------------------------------------------------------------------------------------------- */

/* --- ICONs --- */
/* ------------------------------------------------------------------------------------------- */
/* --- Petrol --- */
a.icCartPetrol,
.pub a.icCartPersonalised		{ background-image:url(../images/css/iconCartPetrol.gif); }
a.icClosePetrol,
.pub a.icClosePersonalised		{ background-image:url(../images/css/iconClosePetrol.gif); }
a.icDeletePetrol,
.pub a.icDeletePersonalised		{ background-image:url(../images/css/iconDeletePetrol.gif); }
a.icDownloadPetrol,
.pub a.icDownloadPersonalised	{ background-image:url(../images/css/iconDownloadPetrol.gif); }
a.icInfoPetrol,
.pub a.icInfoPersonalised		{ background-image:url(../images/css/iconInfoPetrol.gif); }
a.icMinusPetrol,
.pub a.icMinusPersonalised		{ background-image:url(../images/css/iconMinusPetrol.gif); }
a.icPlusPetrol,
.pub a.icPlusPersonalised		{ background-image:url(../images/css/iconPlusPetrol.gif); }
a.icPopupPetrol,
.pub a.icPopupPersonalised		{ background-image:url(../images/css/iconPopupPetrol.gif); }
a.icPrintPetrol,
.pub a.icPrintPersonalised		{ background-image:url(../images/css/iconPrintPetrol.gif); }
a.icRightPetrol,
.pub a.icRightPersonalised		{ background-image:url(../images/css/iconRightPetrol.gif); }
/* --- Orange --- */
a.icCartOrange,
.priv a.icCartPersonalised		{ background-image:url(../images/css/iconCartOrange.gif); }
a.icCloseOrange,
.priv a.icClosePersonalised		{ background-image:url(../images/css/iconCloseOrange.gif); }
a.icDeleteOrange,
.priv a.icDeletePersonalised	{ background-image:url(../images/css/iconDeleteOrange.gif); }
a.icDownloadOrange,
.priv a.icDownloadPersonalised	{ background-image:url(../images/css/iconDownloadOrange.gif); }
a.icInfoOrange,
.priv a.icInfoPersonalised		{ background-image:url(../images/css/iconInfoOrange.gif); }
a.icMinusOrange,
.priv a.icMinusPersonalised		{ background-image:url(../images/css/iconMinusOrange.gif); }
a.icPlusOrange,
.priv a.icPlusPersonalised		{ background-image:url(../images/css/iconPlusOrange.gif); }
a.icPopupOrange,
.priv a.icPopupPersonalised		{ background-image:url(../images/css/iconPopupOrange.gif); }
a.icPrintOrange,
.priv a.icPrintPersonalised		{ background-image:url(../images/css/iconPrintOrange.gif); }
a.icRightOrange,
.priv a.icRightPersonalised		{ background-image:url(../images/css/iconRightOrange.gif); }
/* --- GrassGreen --- */
a.icCartGrassGreen				{ background-image:url(../images/css/iconCartGrassGreen.gif); }
a.icCloseGrassGreen				{ background-image:url(../images/css/iconCloseGrassGreen.gif); }
a.icDeleteGrassGreen			{ background-image:url(../images/css/iconDeleteGrassGreen.gif); }
a.icDownloadGrassGreen			{ background-image:url(../images/css/iconDownloadGrassGreen.gif); }
a.icInfoGrassGreen				{ background-image:url(../images/css/iconInfoGrassGreen.gif); }
a.icMinusGrassGreen				{ background-image:url(../images/css/iconMinusGrassGreen.gif); }
a.icPlusGrassGreen				{ background-image:url(../images/css/iconPlusGrassGreen.gif); }
a.icPopupGrassGreen				{ background-image:url(../images/css/iconPopupGrassGreen.gif); }
a.icPrintGrassGreen				{ background-image:url(../images/css/iconPrintGrassGreen.gif); }
a.icRightGrassGreen				{ background-image:url(../images/css/iconRightGrassGreen.gif); }
/* --- Blue --- */
a.icCartBlue					{ background-image:url(../images/css/iconCartBlue.gif); }
a.icCloseBlue					{ background-image:url(../images/css/iconCloseBlue.gif); }
a.icDeleteBlue					{ background-image:url(../images/css/iconDeleteBlue.gif); }
a.icDownloadBlue				{ background-image:url(../images/css/iconDownloadBlue.gif); }
a.icInfoBlue					{ background-image:url(../images/css/iconInfoBlue.gif); }
a.icMinusBlue					{ background-image:url(../images/css/iconMinusBlue.gif); }
a.icPlusBlue					{ background-image:url(../images/css/iconPlusBlue.gif); }
a.icPopupBlue					{ background-image:url(../images/css/iconPopupBlue.gif); }
a.icPrintBlue					{ background-image:url(../images/css/iconPrintBlue.gif); }
a.icSliderBlue					{ background-image:url(../images/css/iconSliderBlue.gif); }
a.icRightBlue					{ background-image:url(../images/css/iconRightBlue.gif); }
/* --- Grey --- */
a.icCartGrey					{ background-image:url(../images/css/iconCartGrey.gif); }
a.icCloseGrey					{ background-image:url(../images/css/iconCloseGrey.gif); }
a.icDeleteGrey					{ background-image:url(../images/css/iconDeleteGrey.gif); }
a.icDownloadGrey				{ background-image:url(../images/css/iconDownloadGrey.gif); }
a.icInfoGrey					{ background-image:url(../images/css/iconInfoGrey.gif); }
a.icLensGrey					{ background-image:url(../images/css/iconLensGrey.gif); }
a.icMinusGrey					{ background-image:url(../images/css/iconMinusGrey.gif); }
a.icPlusGrey					{ background-image:url(../images/css/iconPlusGrey.gif); }
a.icPopupGrey					{ background-image:url(../images/css/iconPopupGrey.gif); }
a.icPrintGrey					{ background-image:url(../images/css/iconPrintGrey.gif); }
a.icRightGrey					{ background-image:url(../images/css/iconRightGrey.gif); }
/* ------------------------------------------------------------------------------------------- */

/* --- HEADLINEs --- */
/* ------------------------------------------------------------------------------------------- */
h1 {
	 font-size			:	24px;
	 margin				:	0 0 9px 0;
}
h2 {
	 font-size			:	16px;
	 margin				:	0 0 8px 0;
}
h3 {
	font-size			:	13px;
	margin				:	0 0 6px 0;
}
h4 {
	font-size			:	11px;
	margin				:	0 0 5px 0;
	text-transform		:	none;
}
/* ------------------------------------------------------------------------------------------- */

/* --- FONT-SIZEs --- */
/* ------------------------------------------------------------------------------------------- */
sup {
	font-size			:	8px;
	font-weight			:	bold;
	vertical-align		:	top;
}
.txt10 {
	font-size			:	10px;
}
.txt11 {
	font-size			:	11px;
}
.txt12 {
	font-size			:	12px;
}
.txt13 {
	font-size			:	13px;
}
.bold {
	font-weight			:	bold;
}
.normal {
	font-weight			:	normal;
}
.credit {
	font-size			:	10px;
	color				:	#333333;
}
/* ------------------------------------------------------------------------------------------- */

/* --- FONT-COLORs --- */
/* ------------------------------------------------------------------------------------------- */
.txtColorWhite {
	color				:	#ffffff;
}
.txtColorGrey {
	color				:	#333333;
}
.txtColorRed {
	color				:	#ff0000;
}
.txtColorGrassGreen {
	color				:	#5b8424;
}
.txtColorPetrol, 
.pub .txtColorPersonalised {
	color				:	#008698;
}
.txtColorOrange,
.priv .txtColorPersonalised {
	color				:	#f39500;
}
/* ------------------------------------------------------------------------------------------- */

/* --- BACKGROUND-COLORs --- */
/* ------------------------------------------------------------------------------------------- */
/* --- White --- */
.bgColorWhite {
	background-color	:	#ffffff;
}
/* --- Petrol --- */
.bgColorPetrol, 
.pub .bgColorPersonalised {
	background-color	:	#008698;
}
.bgColorPetrol2, 
.pub .bgColorPersonalised2 {
	background-color	:	#7fb0bb;
}
.bgColorPetrol3, 
.pub .bgColorPersonalised3 {
	background-color	:	#bad4da;
}
.bgColorPetrol4, 
.pub .bgColorPersonalised4 {
	background-color	:	#F3FAFB;
}
/* --- Orange --- */
.bgColorOrange,
.priv .bgColorPersonalised {
	background-color	:	#f39500;
}
.bgColorOrange2,
.priv .bgColorPersonalised2 {
	background-color	:	#f6b040;
}
.bgColorOrange3,
.priv .bgColorPersonalised3 {
	background-color	:	#fccf86;
}
.bgColorOrange4,
.priv .bgColorPersonalised4 {
	background-color	:	#fce5bf;
}
/* --- GrassGreen --- */
.bgColorGrassGreen {
	background-color	:	#5b8424;
}
/* --- Blue --- */
.bgColorBlue {
	background-color	:	#0077b7;
}
/* ------------------------------------------------------------------------------------------- */

/* --- MODULs --- */
/* ------------------------------------------------------------------------------------------- */
/* --- articleBasic --- */
.articleBasic {
	margin				:	0px 3px 0px 3px;
	padding				:	0px 10px 13px 10px;
}
.articleBasic {
	font-size			:	13px;
	line-height			:	18px;
}
/* --- boxBasic --- */
.boxBasic {
	background			:	url(../images/css/bgBoxBasicLeft.gif) repeat-y left;
	margin-bottom		:	5px;
}
.boxBasic .boxTop {
	background			:	url(../images/css/bgBoxBasicRight.gif) repeat-y right;
	margin				:	0 0 0 3px;
	padding				:	0 3px 0 0;
}
.boxBasic .boxTop p {
	background			:	#cccccc;
	height				:	1px;
	overflow			:	hidden;
}
.boxBasic .boxBottom {
	background			:	url(../images/css/bgBoxBasicBottom.gif) no-repeat right top;
}
.boxBasic .boxBottom p {
	background			:	url(../images/css/bgBoxBasicBottom.gif) no-repeat left bottom;
	height				:	8px;
	font-size			:	1px;
	line-height			:	1px;
}
.boxBasic .boxContent {
	background			:	url(../images/css/bgBoxBasicRight.gif) repeat-y right;
	margin				:	0 0 0 4px;
	padding				:	0 4px 0 0;
}
.boxBasic .boxTop h2 {
	font-size			:	11px;
	color				:	#ffffff;
	padding				:	0 0 0 6px;
	line-height			:	24px;
	margin				:	0;
}

/* --- MESSAGEs --- */
/* ------------------------------------------------------------------------------------------- */
.warning {
	background			:	url(../images/css/warning_icon.gif) no-repeat 13px 18px;
	border				:	1px solid #0077b7;
	margin				:	0 3px 5px 3px;
	padding				:	18px 16px 18px 32px;
	color				:	#0077b7;
	font-weight			:	bold;
}
.hint {
	background			:	url(../images/css/warning_icon.gif) no-repeat 13px 18px;
	border				:	1px solid #5b8424;
	margin				:	0 3px 5px 3px;
	padding				:	18px 16px 18px 32px;
	color				:	#5b8424;
	font-weight			:	bold;
}
.error {
	background			:	url(../images/css/warning_icon.gif) no-repeat 13px 18px;
	border				:	1px solid #FF0000;
	margin				:	0 3px 5px 3px;
	padding				:	18px 16px 18px 32px;
	color				:	#FF0000;
	font-weight			:	bold;
}
.errorMessage {
	background			:	url(../images/css/warning_icon.gif) no-repeat top left;
	padding				:	1px 0px 1px 20px;
	margin				:	5px 0;
	color				:	#FF0000;
	font-weight			:	bold;
}
/* ------------------------------------------------------------------------------------------- */