/*

Möbius Shop CSS

(c) 2010 Holger Eiboeck EDV Dienstleitungen; holger(at)eiboeck.de, http://www.eiboeck.de

*/

@import url(reset.css);
@import url(https://fonts.googleapis.com/css?family=Dosis:500);

body
{
    font-size: 67.5%;
    background: #fff;
    color: #666;
    text-align: center; /* for IE */
    background: #fff;
}

body, h1, h2, h3, h4, h4, h6, p, table, td, tr, tbody
{
    font-family: 'Dosis', Helvetica, Arial, sans-serif;
}

#welcome
{ margin-top: 50px;
}

.topnews {
	margin-top: 20px;
}

hr { color:#CCC;
}

table
{
    table-layout: fixed !important;
    border-collapse: separate;
}

#backgroundtable
{
    background: #fff;
    text-align: left;
}

#backgroundtable .infoBoxContents a {
    color: #fff;
}

#backgroundtable .infoBoxContents a:hover {
    color: #c00;
}

.boxText
{
    font-size: 12px;
    color: #fff;
    line-height: 1.5;
    padding-left: 6px;
}

#backgroundtable .infoBoxContents
{
    background: #000;
    text-align: left;
    color: #fff;
}

#backgroundtable .infoBoxContents .infoBoxContents
{
    background: transparent;
}

#backgroundtable .infoBoxContents .infoBoxContents .infoBoxContents
{
    background: transparent;
}

#acctHist {
    text-align: left;
}
#shoppingCartTable .boxText table, #acctHist table
{
    table-layout: auto !important;
}

#innerFrame, .innerFrame {
    padding: 2em !important;
}

.errorBox
{
    font-size: 12px;
    background: #ffb3b5;
    font-weight: bold;
}

.main h2, .main h3, .main h4
{
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 150%;
}

.main p
{
    padding-bottom: 1em;
}

.stockWarning
{
    font-size: 12px;
    color: #cc0033;
}

.productsNotifications
{
    background: #4d4c4c;
}

.orderEdit
{
    font-size: 10px;
    color: #a3321c;
    text-decoration: underline;
}



#wrapper
{
    position:relative;
    margin: 0px auto;
    width: 1030px;
    text-align: left; /* counter the body center */
    background: url(/moebius-shop/images/bg_shadow.png) repeat-y center top;
}
#bg_background
{
    position:absolute;
    __left:-175px;
    margin:0 auto;
    width: 1380px;
    height: 650px;
}
#subwrapper
{
    position:relative;
    left:25px;
    width: 980px;
}

#cartInfo {
    text-align: left; /* counter the body center */
    padding: 2em;
    background-color: #a3321c;
    height: 420px;
}

#cartInfo p {
    padding-top: 1em;
}


#box-kopf
{
    height: 300px;
    background: #000 url(/moebius-shop/images/bg_header.jpg) no-repeat;
    position: relative;
}

#box-kopf h2
{
    display: none;
}

#box-kopf .logo
{
    width: 368px;
    height: 159px;
    position: absolute;
    top: 20px;
    left: 60px;
}

.hidden
{
    display: none;
}

A
{
    color: #990000;
    text-decoration: none;
}

A:hover
{
    color: #cc0000;
    text-decoration: none;
}

.navigation A:visited
{
    color: #990000;
    text-decoration: none;
}

.navigation A:hover
{
    color: #cc0000;
    text-decoration: none;
}

FORM
{
    display: inline;
}

TR.header
{
    background: #fff;
}

#information, #categoriesList, #moebius, .moebius
{
    padding-left: 8px;
}

#categoriesList ul ul, #categoriesList ul ul ul, #categoriesList ul ul ul ul
{
    padding-left: 8px;
}

#categoriesList ul
{
    padding-left: 0;
}

#information li, #categoriesList li, #moebius li, .moebius li
{
    text-indent: -8px;
    list-style: none;
    padding-top: 5px;
    padding-bottom: 2px;
}

#information li a, #moebius li a, .moebius li a
{
    color: #990000;
}

#headerNaviTable
{
    padding: 0;
    margin: 0;
}

TD.headerNavigation
{
    font-weight: bold;
    font-size: 12px;
    background: #900; /* fensterchen header */
    color: #fff;
    height: 26px;
    padding-left: 5px;
    padding-right: 5px;
}

.headerNavigation {
    text-align: left;
}
.headerNavigationRight {
    text-align: right;
}

.right {
    text-align: right !important;
}

#shoppingCartTable .infoBoxHeadingText a
{
    margin-right: 18px;
    display: block;
    text-align: left;
}

A.headerNavigation
{
    color: #fff;
}

A.headerNavigation:hover
{
    color: #fff;
}

TR.headerError
{
    background: #ff0000;
}

TD.headerError
{
    font-size: 12px;
    background: #ff0000;
    color: #7e7f77;
    font-weight: bold;
    text-align: center;
}

TR.headerInfo
{
    background: #00ff00;
}

TD.headerInfo
{
    font-size: 12px;
    background: #0f0;
    color: #7e7f77;
    font-weight: bold;
    text-align: center;
}

TR.footer
{
    background: #000; /* fensterchen footer */
    height: 26px;
}

TD.footer
{
    font-size: 10px; /* fensterchen footer */
    color: #fff;
    font-weight: bold;
}

.infoBox
{
    background: #fff; /* fensterchen rahmen */
    padding:5px;
}


.infoBoxNavi
{
    padding: 0 4px 4px 4px;
}

#noborder .infoBoxNavi
{
    border: 0;
    margin: 0;
    width: 100%;
}

.mittefarbe, .mittefarbe table, .mittefarbe td, .mittefarbe tr, .infobox .mittenfarbe
{
    background: #fff !important;
}

.mittenfarbe, .mittenfarbe table, .mittenfarbe td, .mittenfarbe tr, .infobox .mittenfarbe
{
    background: #fff !important;
}

.mittefarbe2, .mittefarbe2 table, .mittefarbe2 td, .mittefarbe2 tr, .infobox .mittenfarbe2
{
    background: #fff !important;
}

.mittefarbe table, .mittenfarbe table  {
    padding-top: 5px;
    padding-bottom: 5px;
}

.mittefarbe table table, .mittenfarbe table  table {
    border-top: 0 solid #fff;
}
.infoBoxContents
{
/* linke und rechte spalte */
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 3px;
}

.infoBoxContentsBeige td
{
/* linke und rechte spalte */
    color: #7e7f77;
    font-size: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 4px;
}

.infoBoxContentsBeige .coloredLink
{
    height: 2em;
}
.infoBoxContentsBeige .imgCol
{
    height: auto;
}

.infoBoxNotice
{
    background: #FF8E90;
}

.infoBoxNoticeContents
{
    background: #FFE6E6;
    font-size: 10px;
}

.infoBoxTable
{
    padding-left: 4px;
    padding-right: 12px;
}

TD.infoBoxHeading
{
    font-size: 17px;
    font-weight: bold;
    line-height: 24px;
    color: #fff;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    border-bottom: 2px solid #ccc;
}

TD.infoBoxHeadingBeige
{
    font-size: 15px;
    font-weight: bold;
    color: #7e7f77;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 4px;
}

.infoBoxHeading a
{
    color: #7e7f77;
}

TD.infoBox, SPAN.infoBox
{
    color: #7e7f77;
    font-size: 14px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd
{
    background: #9c9c9c; /* fensterchen hintergrund */
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even
{
/* xbackground: #9c9c9c;	*/
/* fensterchen hintergrund */
}

TR.productListing-odd
{
    color: #7e7f77;
    border: 1px solid #9c9c9c;
}

TR.productListing-even
{
    color: #7e7f77;
    border: 1px solid #9c9c9c;
}

.productListing-data input
{
    margin-bottom: 5px;
    margin-right: 3px;
}

.productListing .smalltext
{
    font-size: 80%;
    font-weight: normal;
    padding: 4px;
    display: block;
}

TABLE.productListing
{
    border: 1px solid #9c9c9c; /* fensterchen rahmen */
    border-spacing: 1px;
    padding: 6px;
}

.productListing-heading
{
    font-size: 12px;
    color: #7e7f77;
    font-weight: bold;
}

TD.productListing-data
{
    color: #7e7f77;
    font-size: 12px;
    text-align: left;
}

TD.pageHeading, DIV.pageHeading
{
    font-size: 18px;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #7e7f77;
}


#moebius p, .moebius p {
    padding-bottom: 1.5em;
}


TR.subBar
{
    background: #f4f7fd;
}

TD.subBar
{
    font-size: 10px;
    color: #7e7f77;
}

.main
{
    font-size: 11px;
    line-height: 1.5;
    text-align: left;
}

.main .smalltext
{
    font-size: 66%;
}

table.productListing
{
    table-layout: auto !important;
}

.productListing-odd td.main a img
{
    display: block;
    padding: 6px;
    margin: 0 auto;
}

.whiteColor { color: #fff; }

.white
{
    color: #333;
    font-weight: bold;
    line-height: 200%;
    padding-top: 0;
}

#whatsnew .infoBoxContents td.boxtext a img
{
    display: block;
    margin: 0 auto;
}

#whatsnew .infoBoxContents td.boxtext .smalltext
{
    font-size: 66%;
}

#whatsnew .infoBoxNavi
{
    padding-right: 12px;
}

#whatsnew .infoBoxTable {
    padding-bottom: 1em;
}
#whatsnew .boxtext
{
    line-height: 120%;
}

TD.smallText, SPAN.smallText, P.smallText, #whatsnew .boxtext
{
    font-size: 10px;
}


.white span.smalltext, #whatsnew .boxtext
{
    font-weight: normal;
    line-height: normal;
    font-size: 90%;
}

.infoBoxContentsBeige
{
    border-spacing: 8px;
}

.infoBoxContentsBeige span.smallText
{
    font-size: 80%;
    font-weight: normal;
    line-height: normal;
}
.infoBoxContentsBeige td
{
    border: 1px solid #7e7f77;
    text-align: left;
    padding-top: 4px;
    padding-bottom: 3px;
    padding-left: 4px;
    font-size: 11px;
}

#whatsnew .infoBoxContents {
    border: 1px solid #7e7f77;
}
#whatsnew .infoBoxContents .boxText {
    text-align: left;
}
.infoBoxContentsBeige td a 
{
    text-align: center;
    display: block;
}

.infoBoxContentsBeige td a img
{
    display: inline;
}

.infoBoxBeige td.smalltext, #whatsnew .boxtext
{
    padding: 6px;
}

#categoryTopBlock
{
    padding: 5px 5px 10px 5px;
}

#categoryTopBlock a
{
    border: 1px solid gray;
    padding: 10px;
    width: 170px;
    height: 36px;
    display: block;
    text-align: left;
}

TD.accountCategory
{
    font-size: 13px;
    color: #aabbdd;
}

TD.fieldKey
{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}

p
{
    font-size: 1.2em;
    line-height: 1.5em;
}

img
{
    border: none;
}

TD.fieldValue
{
    color: #FFFFFF;
    font-size: 12px;
}

TD.tableHeading
{
    font-size: 12px;
    font-weight: bold;
}

SPAN.newItemInCart
{
    font-size: 10px;
    color: #fff;
}

INPUT, SELECT
{
    font-size: 11px;
}

TEXTAREA
{
    width: 100%;
    font-size: 11px;
}

SPAN.greetUser
{
    color: #990000;
    font-weight: bold;
}

TABLE.formArea
{
    background: #f1f9fe;
    border: 1px solid #7b9ebd;
}

TD.formAreaTitle
{
    font-size: 12px;
    font-weight: bold;
}

SPAN.markProductOutOfStock
{
    font-size: 12px;
    color: #c76170;
    font-weight: bold;
}

SPAN.productSpecialPrice
{
    color: #ff0000;
}

SPAN.errorText
{
    color: #ff0000;
}

#footer1, #footer4
{
    display: none;
}

.HL
{
    font-size: 13px;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #7e7f77;
}

.copy
{
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}

.copy2
{
    font-size: 14px;
    font-style: normal;
    line-height: 24px;
    font-weight: bold;
    font-variant: normal;
    color: #7e7f77;
    border-bottom: 3px solid #990000;
    margin-bottom: 5px;
}

.copyBlack
{
    font-size: 11px;
    font-style: normal;
    line-height: 15px;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #000;
}

.whiteFont
{

    font-size: 11px;
    line-height: 1.5;

}

A.coloredLink
{
    color: #990000;
    font-weight: bold;
    text-decoration: underline;
}

A.coloredLink:hover
{
    color: #990000;
    text-decoration: none;
}

.legende
{
    font-size: 9px;
    font-style: italic;
    line-height: normal;
    font-weight: normal;
    color: #CCCCCC;
    text-align: left;
}

.legende_2
{
    font-size: 9px;
    line-height: normal;
    font-weight: normal;
}

.conditions .infoBoxContents
{
    background-color: #fff !important;
}

.featured_products .infoBoxHeading, .also_purchased_products .infoBoxHeading {
    color: #900;
}

.featured_products .infoBoxContents, .also_purchased_products .infoBoxContents {
    background-color: #fff !important;
    color: #000;
}

.featured_products .infoBoxContents a, .also_purchased_products .infoBoxContents a {
    color: #900 !important;
}

.featured_products .infoBoxContents a:hover, .also_purchased_products .infoBoxContents a:hover {
    color: #c00 !important;
}

.featured_products .infoBoxContents .smallText {
    color: #000 !important;
}


.conditions
{
    background-color: #fff !important;
}

.conditions .infoBoxContents table
{
    background-color: #fff !important;
}

.rot
{
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    color: #7e7f77;
}

.moduleRow
{
    height: 2em;
}

.moduleRowOver
{
    background-color: red;
    cursor: pointer;
}

.moduleRowSelected
{
    background-color: red;
}

.moduleRowSelected td
{
    background-color: red;
}

.checkoutBarFrom, .checkoutBarTo
{
    font-size: 10px;
}

.checkoutBarCurrent
{
    font-size: 10px;
    color: red;
}

/* message box */

.messageBox
{
    font-size: 10px;
}

.messageStackError, .messageStackWarning
{
    font-size: 12px;
    background-color: #f00;
    padding: 5px;
}

.messageStackSuccess
{
    font-size: 12px;
    background-color: #0f0;
    padding: 5px;
}

/* input requirement */

.inputRequirement
{
    font-size: 12px;
    color: #f00;
}

.menuHighlight
{
    color: #cc0000;
    font-weight: bold;
    text-decoration: underline;
}

.loginHeaderText {
    padding-left: 5px;
}

.loginFrame {
    padding: 0 5px 5px 5px;
    border: 1px solid gray;
    border-spacing:5px;
}

.loginTable {
    padding: 5px;
}
/* the overlayed element */
.simple_overlay {

	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index:10000;

	/* styling */
	background-color:#fff;

	width:675px;
	min-height:200px;
	border:1px solid #666;

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.tableSpace table {
    border-spacing:3px;
    padding-bottom: 5px;
}

.tableSpace2 table {
    border-spacing: 3px;
}
.abstand { padding-top: 5px; }

.geld { width: 10em; }

.abstandOben { padding-bottom: 30px; }

.linie {
    border-top: 1px solid #fff;
    padding-top: 5px;
    padding-bottom: 5px;
}

#footer2 {
}


#triggers img {
		cursor:pointer;
		margin:0 5px;
		padding:2px;
	}
    .details {
		position:absolute;
		top:15px;
		left:15px;
		font-size:9px;
		color:#fff;
        text-align: left;
	}

	.details h3 {
		color:#aba;
		font-size:13px;
		margin:0 0 -10px 0;
        padding-bottom: 2em;
	}
    .simple_overlay img {
        padding-top: 15px;
        padding-bottom: 15px;
    }