﻿body {
	margin: 0px;
	padding: 10px 30px 30px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: url(Images/bg_top.jpg) center;
	color: #000;
}

.CssHeader {
	background: url(Images/powerbar-logo.gif) no-repeat left top;
	height: 100px;
}

a:link, a:visited {
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

a:hover, a:active {
	text-decoration: underline;
}

.CssButton {
	background: url(Images/ButtonsBack.jpg) no-repeat right bottom;
	color: #000;
	font: bold 12px Arial, Helvetica, sans-serif;
	cursor: pointer;
	margin: 0px;
	padding-right: 15px;
	padding-left: 5px;
	height: 20px;
	border-right: 2px solid #897E4F;
	border-bottom: 2px solid #897E4F;
	border-top: 1px solid #897E4F;
	border-left: none;
	text-transform: uppercase;
}

.CssArticleContainer {
	width: 740px;
	background: #fff;
	float: left;
}

.clear {
	clear: both;
}


/* ------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------
Article Styles
--------------------------------------------------------------------------------------------- */
.CssMarginalnoteContainerOnlyPics {
	margin-bottom: 20px;
	margin-top: 20px;
}

.CssArtikelPicturesContainerLeft {
	margin: 0px 20px 20px 0px;
	width: 295px;
}

.CssArtikelPicturesContainerRight {
	margin: 0px 0px 20px 20px;
	width: 295px;
}

.CssArtikelPicturesCaptionContainer {
	font-size: 10px;
	width: 295px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.CssArticleHeadlineContainer,
.CssArticleHeadlineContainer h1 {
	color: #666 !important;
	font: bold 21px/20px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-left: 7px;
}

.CssArticleHeadlineContainer h2 {
	color: #57C3ED !important;
	font: bold 16px/20px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.CssArticlePreviewHeadlineContainer,
.CssArticlePreviewHeadlineContainer h1,
.CssArticlePreviewHeadlineContainer a:link,
.CssArticlePreviewHeadlineContainer a:visited {
	color: #57C3ED;
	font: bold 16px/20px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 5px;
	text-decoration: none;
}

.CssArticlePreviewTeaserContainer {}

a.CssArticlePreviewBtnNext:link,
a.CssArticlePreviewBtnNext:visited {
}

a.CssArticlePreviewBtnNext:hover,
a.CssArticlePreviewBtnNext:active {}

.CssArticleTeaserContainer {
	margin-bottom: 5px;
	font-weight: bold;
	padding-right: 15px;
	padding-left: 15px;
}

.CssArticleTextContainer {
	color: #000;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

.CssArticleTextContainer p {
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.CssArticleTextContainer h3 {
	font-size: 11px;
}

.CssArticleTextContainer ul {
	margin: 0px 0px 12px;
	padding: 0px;
}

.CssArticleTextContainer li {
	margin-left: 15px;
}

.CssArticleTextContainerRight {
	color: #FFF;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	width: 385px;
	float: left;
}

.CssArticleTextContainerRight p {
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.CssArticleTextContainerRight h3 {
	font-size: 11px;
}

.CssArticleTextContainerRight ul {
	margin: 0px 0px 12px;
	padding: 0px;
}

.CssArticleTextContainerRight li {
	margin-left: 15px;
}

.CssArticleTextContainerLeft {
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	width: 385px;
	float: left;
	padding-left: 15px;
}

.CssArticleTextContainerLeft p {
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.CssArticleTextContainerLeft h3 {
	font-size: 11px;
}

.CssArticleTextContainerLeft ul {
	margin: 0px 0px 12px;
	padding: 0px;
}

.CssArticleTextContainerLeft li {
	margin-left: 15px;
}

/* -----------------------------
Small Pictures
----------------------------- */

.CssArtikelPicturesContainerLeftSmall {
	margin: 0px 20px 20px 0px;
	width: 150px;
}

.CssArtikelPicturesContainerRightSmall {
	margin: 0px 0px 20px 20px;
	width: 150px;
}

.CssArtikelPicturesSmallCaptionContainer {
	font-size: 10px;
	width: 150px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.CssArticleTextContainerRightSmall {
	color: #FFF;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	width:530px;
	float: left;
}

.CssArticleTextContainerRightSmall p {
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.CssArticleTextContainerRightSmall h3 {
	font-size: 11px;
}

.CssArticleTextContainerRightSmall ul {
	margin: 0px 0px 12px;
	padding: 0px;
}

.CssArticleTextContainerRightSmall li {
	margin-left: 15px;
}

.CssArticleTextContainerLeftSmall {
	color: #FFF;
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
	width: 530px;
	float: left;
}

.CssArticleTextContainerLeftSmall p {
	font-size: 11px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.CssArticleTextContainerLeftSmall h3 {
	font-size: 11px;
}

.CssArticleTextContainerLeftSmall ul {
	margin: 0px 0px 12px;
	padding: 0px;
}

.CssArticleTextContainerLeftSmall li {
	margin-left: 15px;
}


/* -----------------------------
End Small Pictures
----------------------------- */



/* -----------------------------
Downloads
----------------------------- */

.CssArticleDownloads {
	font-weight: bold;
	margin: 10px 0px 1px;
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 2px 0px;
}

.CssArticleDownloads ul {
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
}

li.CssArticleDownloadItem {
	margin: 0px;
	padding: 4px 0px;
	list-style: url(none) none;
}

li.CssArticleDownloadItem span{
	font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	padding-top: 3px;
}

li.CssArticleDownloadItem a:link,
li.CssArticleDownloadItem a:visited {
	text-decoration: none !important;
}

li.CssArticleDownloadItem a:hover,
li.CssArticleDownloadItem a:active {
	text-decoration: underline;
}

/* -----------------------------
End Downloads
----------------------------- */



/* -----------------------------
Article Subheadlines
----------------------------- */

.CssArticleTextHeadlineWhite {
	color: #FFF;
	font: bold 16px/20px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.CssArticleTextHeadlineBlue {
	color: #57C3ED;
	font: bold 16px/20px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.CssArticleTextHeadlineYellow {
	color: #F7E100;
	font: bold 16px/20px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.CssArticleTextHeadlineGrey {
	color: #999;
	font: bold 16px/15px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.CssArticleTextHeadlineOrange {
	color: #EDBD57;
	font: bold 16px/20px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.CssArticleTextHeadlineGreen {
	color: #38BA2A;
	font: bold 16px/20px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 10px;
}

/* -----------------------------
Ende Article Subheadlines
----------------------------- */

.CssArticleTextUppercase {
	text-transform: uppercase;
}

.CssArticleTextYellow {
	color: #000 !important;
}



/* -----------------------------
Article Backgrounds
----------------------------- */

.CssArticleTextBackgroundBlue {
	background: #469EC0;
	padding: 10px;
	margin-bottom: 14px;
	display: block;
}

.CssArticleTextBackgroundDarkBlue {
	background: #2B4357;
	padding: 10px;
	margin-bottom: 14px;
	display: block;
}

.CssArticleTextBackgroundLightGrey {
	background: #999;
	padding: 10px;
	margin-bottom: 14px;
	display: block;
}

.CssArticleTextBackgroundGrey {
	background: #4B5258;
	padding: 10px;
	margin-bottom: 14px;
	display: block;
}

.CssArticleTextBackgroundDarkGrey {
	background: #1E2328;
	padding: 10px;
	margin-bottom: 14px;
	display: block;
}

.CssArticleTextBackgroundDarkGreen {
	background: #2F572A;
	padding: 10px;
	margin-bottom: 14px;
	display: block;
}

/* -----------------------------
Ende Article Backgrounds
----------------------------- */



/* -----------------------------
Article Colortext
----------------------------- */

.CssArticleTextBlue {
	color: #57C3ED;
}

.CssArticleTextYellow {
	color: #F7E100;
}

a.CssArticleTextYellow:link,
a.CssArticleTextYellow:visited {
	color: #000 !important;
}

.CssArticleTextGrey{
	color: #999;
}

.CssArticleTextOrange {
	color: #EDBD57;
}

.CssArticleTextGreen {
	color: #38BA2A;
}

.CssArticleTextRed {
	color: #FF0000;
}

/* -----------------------------
Ende Article Colortext
----------------------------- */




/* -----------------------------
Article Tables
----------------------------- */

.CssArticleTableHeader {
}

.CssArticleTableItem {
}

.CssArticleTableFooter{
}

/* -----------------------------
Ende Article Tables
----------------------------- */



/* ---------------------------------------------------------------------------------------------
Buttons
--------------------------------------------------------------------------------------------- */

.CssButton {
	background: #1E2328;
	padding: 3px 10px;
	color: #F7E100;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	border: 0;
	cursor: pointer;
	margin: 0px;
}

.CssMarginalButton {
	text-align: center;
	background: #4B5258;
}

/* -----------------------------
Back to Overview
----------------------------- */

a.CssBtnBackYellow:link,
a.CssBtnBackYellow:visited {
	color: #F7E100;
	text-decoration: none;
	font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	margin: 5px 20px 0px 0px;
	padding: 0px 0px 0px 28px;
	background: url(Images/BackButtonBackgr_yellow.gif) no-repeat left center;
	position: absolute;
	right: 0px;
	top: 3px;
	height: 22px;
	vertical-align: middle;
}

a.CssBtnBackYellow:hover,
a.CssBtnBackYellow:active {
	text-decoration: underline;
}

/* -----------------------------
End Back to Overview
----------------------------- */


/* -----------------------------
Buy Online Button
----------------------------- */


.BtnBuyImageContainer {
	height: 20px;
	display: block;
	margin-bottom: 1px;
}

.BtnBuyImage {
	height: 20px;
	width: 22px;
	float: left;
	background: url(Images/BuyOnlineButtonBackgr.gif) no-repeat left center;
}

.BtnBuyText {
	float: left;
	height: 20px;
	background: #4B5258 url(Images/ButtonBackgrRight.gif) no-repeat right center;
}

.BtnBuyText a:link,
.BtnBuyText a:visited {
	color: #3ABA2A;
	text-decoration: none;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	margin: 3px 12px 0px 8px;
}

.BtnBuyText a:hover,
.BtnBuyText a:active {
	text-decoration: underline;
}

/* -----------------------------
End Buy Online Button
----------------------------- */

/* -----------------------------
Dealer Button
----------------------------- */


.BtnDealerImageContainer {
	height: 20px;
	display: block;
}

.BtnDealerImage {
	height: 20px;
	width: 22px;
	float: left;
	background: url(Images/DealerButtonBackgr.gif) no-repeat left center;
}

.BtnDealerText {
	float: left;
	height: 20px;
	background: #4B5258 url(Images/ButtonBackgrRight.gif) no-repeat right center;
}

.BtnDealerText a:link,
.BtnDealerText a:visited {
	color: #F7E100;
	text-decoration: none;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	margin: 3px 12px 0px 8px;
}

.BtnDealerText a:hover,
.BtnDealerText a:active {
	text-decoration: underline;
}

/* -----------------------------
End Dealer Button
----------------------------- */


/* -----------------------------
Special Offer Button
----------------------------- */


.BtnSpecialOfferImageContainer {
	height: 20px;
	display: block;
	margin-top: 10px;
}

.BtnSpecialOfferImage {
	height: 20px;
	width: 22px;
	float: left;
	background: url(Images/SpecialOfferButtonBackgr.gif) no-repeat left center;
}

.BtnSpecialOfferText {
	float: left;
	height: 20px;
	background: #4B5258 url(Images/ButtonBackgrRight.gif) no-repeat right center;
}

a.BtnSpecialOfferInnerText {
	color: #57c3ed !important;
	text-decoration: none !important;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	margin: 3px 12px 0px 8px;
}

a.BtnSpecialOfferInnerText:hover {
    text-decoration: underline !important;
}



.CssCategoryTeaserContainer {
	width: 740px;
	height: 165px;
	background: #4B5258;
	border-bottom: solid 3px black;
	font-size: 1px;
}



a.CssYellowInk:link,
a.CssYellowInk:visited {
	color: #000 !important;
	text-decoration: none;
	font-weight: normal;
}

a.CssYellowInk:hover,
a.CssYellowInk:active {
	text-decoration: underline;
}

.CssPage {
	width: 952px;
	margin: 0px;
	padding: 0px;
}

.CssLogoContainer {
	height: 63px;
	background: url(Images/PowerToPush.gif) no-repeat 465px bottom;
}

.CssLogoAttributes {
	width: 126px;
	height: 36px;
	margin: 14px 0 0px 20px;
}

.CssHeaderNavigationContainer {}

.CssContentMainContainer {
	margin: 20px 0px 20px 20px;
	background: #fff url(Images/Contentbackgr.png) repeat-y right top;
	width: 932px;
	overflow: auto; /* um den Background korrekt anzuzeigen */
}

* html .CssContentMainContainer {
	overflow: hidden; /* um den Background korrekt anzuzeigen */
}

*+html .CssContentMainContainer {
	overflow: hidden; /* um den Background korrekt anzuzeigen */
}


.CssContentHeaderPictureContainer {
	margin: 0px;
	padding: 0px;
	font-size: 1px; /* braucht der ie */
	border-bottom: 3px solid #1E2328;
}

.CssContentHeaderContainer {
	background: #4B5258;
	line-height: 18px; /* braucht der ie */
	border-top: 1px solid #6D7073;
	position: relative;
}

.CssContentHeaderContainer h1 {
	text-transform: uppercase;
	font: 18px/18px Arial, Helvetica, sans-serif;
	padding: 10px 18px;
	color: #FFF;
	margin: 0px;
}

.CssContentContainer {
	width: 740px;
	background: #6D7073;
	float: left;
	display: inline;
	position: relative;
}

.CssTeaserContainer {
	display: inline;
	width: 178px;
	float: left;
	background: #1E2328;
	padding: 6px 7px 0px;
}

.CssFooterContainer {
	color: #000;
	width: 740px;
	margin: 0px 0px 40px 20px;
}

.CssFooterContainer a:link,
.CssFooterContainer a:visited {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}

.CssFooterContainer a:hover,
.CssFooterContainer a:active {
	text-decoration: underline;
}


/*******************************************************************/

.CssShopAdvertising {
	width: 180px;
	float: left;
	margin-left: 10px;
}

.CssShopAdvertisingInline {}

a.CssAdvertisingInks {
	margin: 0;
	padding: 0;
}

a.CssAdvertisingInks img {
	margin: 0 0 10px;
	padding: 0;
	border: 0;
}