/* Basic Definition */

body       {
background-image:url('./images/0_bg.jpg');
background-repeat: repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
background-color: #6D6C6C;
margin: 0;
padding: 0;
}

#content{
border-left: 1px solid #999999; 
border-right: 1px solid #999999;
background-color:#FFFFFF;
}
.clear /*  wird benötigt um die ineinandergeschachtelten div Tags wieder aufzuheben  */{
clear: both;
line-height: 0;
font-size: 0;
height: 0;
}

.address {
width: 49%;
height: 140px;
float: left;
overflow: hidden;
}

.address a {
color: black !important;
text-decoration: underline !important;
}

/* ###################################################################### */
/* ###########################  Gesamtrahmen  ########################### */
/* ###################################################################### */
#BORDER {
border:0px solid #999999;
width: 1000px
}



/* ###################################################################### */
/* ########################  Gestaltungsrahmen  ######################### */
/* ###################################################################### */
#HEADERSTART {
background-color:#DCDCDC;
top: 0;
width: 1000px;
height: 10px;
overflow: hidden
}

#HEADER {
/*background-image: url(images/header.gif);*/
width: 1000px
}


#HEADEREND {
/*background-image: url(images/header.gif);*/
width: 1000px;
height: 4px;
overflow: hidden
}


/* ###################################################################### */
/* ###########################  Fussbereich  ############################ */
/* ###################################################################### */
#FOOTERSTART  {
/*background-image: url(images/header.gif);*/
width: 1000px;
height: 10px;
overflow: hidden
}

#FOOTER        {
background-color: #663333;
text-align: left;
margin: 0;
padding: 0;
width: 1000px;
height: 30px;
overflow: hidden
}

.footercontent  {
border-top: 1px solid #666666; border-bottom: 0px solid #666666;background-color:#FFFFFF;
color: #666666;
font-size: 10px;
width: 1000px;
height: 25px;
overflow: hidden;
text-align: center;
vertical-align: middle;
padding: 5px;
}

.footercontent a:link {
color: #666666;
text-decoration: none
}

.footercontent a:visited {
color: #666666;
text-decoration: none
}

.footercontent a:hover {
color: #666666;
text-decoration: underline
}

#FOOTEREND {
visibility: hidden;
width: 1000px;
height: 0px;
overflow: hidden;
}



/* ###################################################################### */
/* #########################  Inhaltsbausteine  ######################### */
/* ###################################################################### */


/* -------------------  Promotion / Animationsbereich  ------------------ */
.promotion {
background-color: white;
background-image: url(images/promotion.gif);
margin: 8px;
width: 565px;
height: 170px;
float: left;
overflow: hidden;
}


.promotion h1 {
font-size: 15px;
font-weight: bold;
text-align: left;
text-transform: uppercase;
padding-top: 40px;
padding-left: 20px;
}


/* ---------------  Einbindung des Logos als Hintergrund  -------------- */
.logo {
background-image: url(images/logo.gif);
margin-top: 8px;
margin-bottom: 8px;
width: 235px;
height: 170px;
}

.logo a {
display: block;
background-image: url(images/logo.gif);
width: 235px;
height: 170px;
}


/* ------------------------------  Zusatzmenü  -------------------------- */
.additionalmenu  {
text-align: left;
visibility: hidden;
width: 850px;
height: 0;
float: left;
overflow: hidden;
}

/* ---------------------------  Hauptnavigation  ----------------------- */
.mainmenu {
background-color: #CCCC66;
text-align: left;
width: 850px;
height: 25px;
float: left;

overflow: hidden;
}


.mainmenu1-norm a   {
float: left;
}

.mainmenu1-norm a:hover    {
float: left;
}

.mainmenu1-act a    {
float: left;
}




.mainmenu1-act a:hover    {
float: left;
}

.mainmenu2-norm a   {
float: left;
}

.mainmenu2-norm a:hover     {
float: left;
}


.mainmenu2-act a    {
float: left;
}

.mainmenu2-act a:hover      {
float: left;
}





/* ----------------------  Optionale Unternavigation  ------------------ */
.submenu    {
text-align: left;
background-color: #CCCC66;
margin-left: 8px;
width: 565px;
height: 20px;
float: left;
}


/* ----------  Optionale Contentspalte (3spaltiger Auftritt)  ---------- */
.subcontent {
}




/* -------------------  Brotkrummenpfad / Seitenpfad  ----------------- */
.sitepath  { color: #CCCC66 !important; font-size: 9px; text-align: left; padding-left: 20px; width: 235px; height: 20px; float: left; overflow: hidden }

.sitepath a:link  { color: #CCCC66 !important; text-decoration: none }

.sitepath a:hover {
color: white !important;
text-decoration: none;
}

.sitepath a:visited  { color: #CCCC66 !important; text-decoration: none }

/* ------------------------  Eigentlicher Inhalt  ---------------------- */

.content {
color: white;
text-align: left;
margin-left: 8px;
width: 565px;
}


.content .contentelement {
float:left;
width: 98%
}


.contentend {
text-align: left;
margin-left: 8px;

width: 15px;
height: 100px;
float: left;
}

.content a:link {
color: #CC6666;
font-weight: 700;
text-decoration: none;
}

.content a:hover  {

color: #CC6666;
font-weight: 700;
text-decoration: underline;
}

.content a:visited {
color: #CC6666;

font-weight: 700;
text-decoration: none;
}

.content ul  {
font-size: 12px;
margin: 0 0 0 20px;
padding: 0;
}

.content li  {
font-size: 12px;
line-height: 20px;
list-style-image: url(images/csc-bulletlist.gif);
}

H1  {
	font-family : Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 30pt;
	color: #DF7300;
	font-weight : normal;
}

H2  {
	font-family : Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 15pt;
	color: #000000;
	font-weight : normal;
}

H3  {
	font-family : Comic Sans MS, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-weight : bold;
}


.content h2   {
color: #CCCC66;
font-size: 13px;
font-style: italic;
font-weight: 400;
text-decoration: none;
margin: 0;
padding: 0
}

.content h3 {
color: #666666;
font-size: 12px;
font-weight: 700;
text-decoration: none;
margin: 0;
padding: 0 0 0 120px
}

/*Bilduntertitel*/
.content small {
font-size: 10px
}


.content p   {
color: #666666;
font-size: 12px;
line-height: 20px;
padding-left: 120px
}


.content imgtext-table    {
padding-left: 20px;
margin-left: 20px;
}

.csc-frame-indent table {
position: relative;
left: 120px;
}

.csc-frame-indent img {
padding-right: 10px;
}

/*wichtig bei Bildern links neben Text, da der Text dann in der Tabelle erscheint*/
.content td p {
padding-left:0px;
}

.content td h1 {
padding: 0px
}

.content td h2 {
padding: 0px;
}

.content td h3 {
padding: 0px
}


.content table {
}

.content tr  {
padding: 5px 5px 5px 0;
border-bottom: 1px dotted white;
}

.content td  {
font-size: 12px;
line-height: 18px;
color: #CCCC66;
vertical-align: top;

}


.content form   {
padding-left: 120px;
width: 100%;
}


.content form table   {
width: 70%;
}


.content input {
width: 100%;
font-size: 12px;
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
}

.content textarea {
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
background-color: #FFFFFF;
}


.content select {
width: 100%;
font-size: 12px;
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
}



.trenner {
background-image: url(images/trenner.gif);
background-repeat: no-repeat;
width: 560px;
height: 30px
}

.news  {
width: 100%;
height: inherit;
float: left;
}

.news small {
color: white;
font-size: 9px;
}

.newsbild  {
margin-right: 10px;
width: 120px;
float: left;
}

.newslink {
color: #d88174;
font-size: 10px;
text-decoration: none;
text-align: right;
width: 100%;
height: 20px;
border-bottom: 1px dotted white;
}

.newslink a:link {
color: #d88174;
text-decoration: none;
}

.newslink a:hover {
color: white;
text-decoration: none;
}

.newstext   {
}



/* -------------------  Definition der Highlightbereiche  ----------------- */
.highlight     { width: 229px; float: left }

.highlightstart      { background-image: url(images/highlightstart.gif); background-repeat: no-repeat; margin: 0; padding: 0; width: 226px; height: 10px; float: left; overflow: hidden }

.highlightcontent       { background-image: url(images/highlightcontent.gif); background-repeat: repeat-y; text-align: left; margin: 0; padding: 0; width: 226px; float: left }

.highlightcontent h1     { color: black; font-size: 10px; font-weight: 700; text-decoration: none; padding-right: 10px; padding-left: 10px }

.highlightcontent p    { color: gray; font-size: 10px; padding-right: 10px; padding-left: 10px }
.highlightcontent a:link { color: #5c5959; font-weight: 700; text-decoration: none }
.highlightcontent a:visited { color: #5c5959; font-weight: 700; text-decoration: none }
.highlightcontent a:hover { color: black; font-weight: 700; text-decoration: underline }
.highlightend      { background-image: url(images/highlightend.gif); background-repeat: no-repeat; margin: 0 0 10px; padding: 0; width: 226px; height: 12px; float: left }


/* ------------------------  verhindert die ineinderverschachtelung der Contentelemente  ---------------------- */

.contentelement   {
width: 100%;
float: left;
overflow:hidden
}

/* ------------------------  Typo3 CSS Definitionen  ---------------------- */

.contenttable { 
/*margin-left:120px;*/
width:100%;
border-collapse: collapse; 
border-top: hidden;
}

.contenttable tr {
border-top: 1px dotted #ffffff;
}

.contenttable td   { margin: 0; padding: 0 }

.input {
width: 100% !important;
}

.submit {
width: 100% !important;
}

.textarea {
width: 100% !important;
}

.checkbox {
width: 20px !important;
background: none !important;
}

.csc-mailform {
width: 100% !important;
}

.label {
margin: 0px !important;
padding: 0px !important;
font-weight: bold;
line-height: 14px !important;
}

.csc-form-label-req {
margin-top: 0px;
font-weight: bold;
}


.csc-form-label {
margin-top: 0px;
font-weight: bold;
}


.boxText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.errorBox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background: #CC0000; font-weight: bold; }
.stockWarning { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #CC0000; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: underline; }

a {
  color: #666666;
  text-decoration: none;
}

a:hover {
  color: #666666;
  text-decoration: underline;
}

a.nav_image {
  color: #000000;
  text-decoration: none;
#  border: 1px solid #EFEFEF;
}

a.nav_image:hover {
  color: #AABBDD;
  text-decoration: none;
#  border: 1px solid #808080;
}
a.nav_image_link{font-family : Comic Sans MS, Arial, Helvetica, sans-serif; font-size: 11px;color: #666666;text-decoration: none;}
a.nav_image:hover {{font-family : Comic Sans MS, Arial, Helvetica, sans-serif; font-size: 11px;color: #666666;text-decoration: underline;}

FORM {
        display: inline;
}

tr.header {
  background: #ffffff;
}

tr.headerNavigation {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 14px; 
color: #666666;
background-color:#DCDCDC; 
line-height: 17px ; 
text-decoration: none; 
font-weight: normal
}

td.headerNavigation {
  height: 25px;
  overflow: hidden;
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; line-height: 17px ; text-decoration: none; font-weight: normal
}

a.headerNavigation {
  color: #666666;
}

a.headerNavigation:hover {
  color: #666666;
}

#navigation_oben{
padding:0px;
height:30px;
background-image:url('./images/bg_topnavi.gif');
background-repeat: repeat-x;
}
tr.headerNavigation_w {
font-family: Comic Sans MS, Arial, Helvetica, sans-serif;
font-size: 14px; 
color: #ffffff; 
line-height: 38px ; 
text-decoration: none; 
font-weight: normal;
}

td.menue_o {
overflow: hidden;
padding:0px;
spacing:0px;
 font-family: Comic Sans MS, Arial, Helvetica, sans-serif; 
 font-size: 14px; 
 color: #FFFFFF; 
 line-height: 30px ; 
 text-decoration: none; 
 font-weight: normal;
 text-align:center;
}
.menue_o {
font-family: Comic Sans MS, Arial, Helvetica, sans-serif; 
font-size: 14px; 
color: #ffffff; 
text-decoration: none; 
font-weight: normal;

}
a.menue_o {
font-family: Comic Sans MS, Arial, Helvetica, sans-serif; 
font-size: 14px; 
color: #ffffff; 
text-decoration: none; 
font-weight: normal;
}

a.menue_o:visited{
font-family: Comic Sans MS, Arial, Helvetica, sans-serif; 
font-size: 14px; 
color: #ffffff; 
text-decoration: none; 
font-weight: normal;
}

a.menue_o:hover{
font-family: Comic Sans MS, Arial, Helvetica, sans-serif; 
font-size: 14px; 
color: #ffffff; 
text-decoration: underline; 
font-weight: normal;
}

TD.pageHeading, DIV.pageHeading, a.pageHeading {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #990134;
}
a.pageHeading:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #666666;
}

.bl {background:url(./images/rahmen_ul.gif) 0 100% no-repeat; width:100%; text-align:center}
.br {background:url(./images/rahmen_ur.gif) 100% 100% no-repeat}
.tl {background:url(./images/rahmen_ol.gif) 0 0 no-repeat}
.tr {background:url(./images/rahmen_or.gif) 100% 0 no-repeat; padding:10px}
.t {background:url(./images/rahmen_dot.gif) 0 0 repeat-x; width:99%}
.b {background:url(./images/rahmen_dot.gif) 0 100% repeat-x}
.l {background:url(./images/rahmen_dot.gif) 0 0 repeat-y}
.r {background:url(./images/rahmen_dot.gif) 100% 0 repeat-y}




tr.headerError {
  background: #ff0000;
}

td.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #CCCC66;
}

TD.footer {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  background: #CC6666;
  color: #FFFFCC;
  font-weight: bold;
}

.infoBox {
//    filter:alpha(opacity=75);
//  -moz-opacity:0.75;
}

.infoBoxContents {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #F2FF99;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

TD.infoBoxHeading {
  font-family:  Comic Sans MS, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #666666;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 0px;
  border-style: solid;
  border-color: #F2FF99;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #666666;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

A.pageResults {
  color: #666666;
}

A.pageResults:hover {
  color: #666666;
  background: #F2FF99;
}

TD.pageHeading, DIV.pageHeading, a.pageHeading {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #990134;
}
a.pageHeading:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #666666;
}
a.ButtonLink {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #666666;
}
a.ButtonLink:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #990134;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
}

TD.main, P.main {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
TD.mediumText, SPAN.mediumText, P.mediumText {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
}

TD.accountCategory {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #F2FF99
  border-color: #CCCC66;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #CC0000;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #CC0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #CC0000;
}

.moduleRow { }
.moduleRowOver { background-color: #CCCC66; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #F2FF99; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; }

/* message box */

.messageBox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #F2FF99; }
.messageStackSuccess { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #F2FF99; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #CC0000; }

#productimage
{
width: 160px;
height:160px;
padding: 2px;
float: right;
}
P { margin-bottom: 0.21cm; direction: ltr; color: #000000; widows: 2; orphans: 2 }
P.western { font-family: Times New Roman, serif; font-size: 12pt; so-language: de-DE }
P.cjk { font-family: Times New Roman, serif; font-size: 12pt }
P.ctl { font-family: Times New Roman, serif; font-size: 12pt; so-language: ar-SA }

/* Shipping Site Beginn */

TR.shippingHeader {
  background: #bbc3d3;
}

TR.shippingNavigation {
  background: #bbc3d3;
}

TD.shippingNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #bbc3d3;
  color: #000000;
  font-weight : bold;
}
/* Shipping Site End */