/* COLORS & OTHERS
::general::
778px+2x1px(frame)=780px
background-color:#0D0D0D; - main background
::navigation::
background-color:#4C4C4C; - mainNav active
background-color:#7E7E7E; - subNav active
background-color:#E17802; - mainNav active
background-color:#3C83A9; - subNav active
::content::
background-color:#3B691A; - frame left&right
background-color:#628748; - article nr/price
background-color:#7F9D6A; - article name
...to be completed...
*/

/***** GENERAL STUFF *****/
html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li {
  margin:0; padding:0; border:0;
  font-family:Helvetica, Arial, Geneva, Verdana, sans-serif;
  font-size:11px;
  color:#fff;
  letter-spacing:0.2pt;
}
html, body { background-color:#0D0D0D; }

/* "normalo-tags" */
h1 { font-size:11px; font-weight:bold; color:#1E1E1E; margin-bottom:8px; margin-top:15px; }
h2 { }
h3 { }
p { padding:0; padding-bottom:9px; color:#1E1E1E; line-height:20px }
ul { }
li { }

/***** NAVIGATION & ALL LINKS*****/
a:link, a:visited { text-decoration:none }
a:link { color:#FFF; }
a:visited { color:#FFF; }
a:hover, a:active, a:focus { color:#E07803; text-decoration:underline; }

/*** navigation - navMain (& navSub) ***/
a.linkNavMain,a.linkNavMainOn,a.linkNavHome,a.linkNavSub:link,a.linkNavSub:visited,a.linkNavSub:hover,a.linkNavSub:active,a.linkNavSubOn{
  background-color:#4C4C4C;
  color:#FFF; font-weight:bold;
  padding:3px; padding-left:20px; padding-right:20px;
  border:0; border-left:1px solid #4C4C4C; border-right:1px solid #4C4C4C;
  text-decoration:none }
a.linkNavMain:hover, a.linkNavMain:active, a.linkNavMainOn, a.linkNavHome:hover {
  border-left:1px solid #FFF; border-right:1px solid #FFF; background-color:#E07803; color:#FFF; text-decoration:none }
a.linkNavMainOn:link, a.linkNavMainOn:visited, a.linkNavMainOn:hover { color:#FFF; text-decoration:none  }
#linkNavHomeOn{border-left:1px solid #FFF; border-right:1px solid #FFF; background-color:#E07803; color:#FFF }

/* only subNav */
a.linkNavSub:link, a.linkNavSub:visited, a.linkNavSub:hover, a.linkNavSub:active, a.linkNavSubOn {
  background-color:#7E7E7E; padding-left:10px; padding-right:10px; border-left:1px solid #7E7E7E; border-right:1px solid #7E7E7E; text-decoration:none}
a.linkNavSub:hover, a.linkNavSub:active, a.linkNavSubOn {
  background-color:#3B84A4; border-left:1px solid #FFF; border-right:1px solid #FFF; text-decoration:none}
a.linkNavSubOn:link, a.linkNavSubOn:visited, a.linkNavSubOn:hover { color:#FFF;text-decoration:none }

/* home link */
.linkNavHome { padding:3px 20px 3px 0; text-decoration:none }

/* the first sub- & the first mainNav */
#linkNavMainFirst {  }
#linkNavSubFirst { border-left:0; padding-left:20px; padding-right:20px;; text-decoration:none}

/* other navigation stuff */
#teaserNavMain, #teaserNavSub {
  width:690px; margin: 0 auto;
  padding:3px; padding-left:0;
  background-color: #4C4C4C;
  border-left:1px solid #FFF; border-right:1px solid #FFF }
#teaserNavSub { background-color: #7E7E7E; border-top: 1px solid #FFF; clear:both; text-decoration:none }
.navSubEmpty { height:17px }

/*** articles links ***/
a.linkArt:link, a.linkArt:visited { color:#F1F1F1; text-decoration:none }
a.linkArt:visited { color:#D5E3D2 }
a.linkArt:hover, a.linkArt:active, a.linkArt:focus { color:#FFF; text-decoration:underline }

/*** link links ***/
a.linkLinks:link, a.linkLinks:visited { color:#1E1E1E; text-decoration:none }
a.linkLinks:visited { color:#424141 }
a.linkLinks:hover, a.linkLinks:active, a.linkLinks:focus { color:#E17A03; text-decoration:underline }

/*** contact ***/
#linkMailTo { color: #1E1E1E }

/***** END LINKS & NAVIGATION *****/


/***** SECTIONS *****/
#sectionOverAll { width:778px; margin:20px auto 0 auto; border:solid 1px #FFF; text-align:center }
#copyRight { width:778px; margin:2px auto 0 auto; border:0; text-align:center }
#txtCopyRight { margin-top:0px; margin-left:740px; font-weight:normal; font-size:8px; color:#D3D3D3 }
#txtVisitShop { margin-top:0px; margin-left:0px; font-weight:normal; font-size:8px; color:#D3D3D3 } 
.txtCRlink a:link, .txtCRlink a:visited, .txtCRlink a:hover { font-size:10px; color:#767980; text-decoration:none }
.txtCRlink a:hover, .txtCRlink a:active { color:#ff0000; text-decoration:none }



/* content */
#imgStripe { border:solid 1px #FFF; border-left:0; border-right:0; }
#teaserContent {
        width:778px;
        padding: 0; margin-top:-3px;
        background-color: #3C6819
}

/*** STARTSITE ***/
#txtStart { margin-top:35px; margin-left:58px; font-weight:bold; color:#FFF }
#txtCounter {position:relative; color:#FFF; font-weight:bold; left:333px; left:expression("342px") }

/*** CONTACT ***/
#overAllCont {
  width:778px;
        padding: 0; margin-top:-3px;
        background-color: #3C6819; }
#teaserContact {
  width:671px; margin: 0 auto;
  padding:3px; padding-left:19px;
  background-color: #FFF;
  border-left:1px solid #FFF; border-right:1px solid #FFF;
  border-top: 1px solid #FFF;
  color: #1E1E1E }
/* links formatting see above */

/*** ARTICLES ***/
/*** overview ***/
#article, #articleLastItem {
  width:694px; margin:0 auto; padding-top:0px; text-align:center; min-height:20px;
  overflow:auto; background-color:#638749; border-bottom:1px solid #FFF;
  border-left:1px solid #FFF; border-right:1px solid #FFF; }
#articleLastItem { border-bottom:0 }
#txtArtNr, #txtArt, #txtArtPri { border:0; padding:3px; color: #F9F9F7; float:left }
#txtArtNr, #txtArtPri { width:97px; }
#txtArt { width:466px; background-color:#7F9D69; text-align:left; padding-left:19px; }
#txtArtPri {text-align:right}
/*** >> ARTICLE-LINK formatting >> see above ***/

/*** article infos (description) ***/
#artInfo,#txtArtLineLess {
  width:694px; margin:0 auto; padding-top:0px; min-height:20px;
  overflow:auto; background-color:#638749; border-bottom:1px solid #FFF;
  border-left:1px solid #FFF; border-right:1px solid #FFF; }
#txtArtInfoTitle, #txtArtInfoDescr { border:0; padding:3px; padding-left:19px; color: #F9F9F7; float:left }
#txtArtInfoTitle, #txtArtInfoDescr { width:325px; }
#txtArtInfoDescr { background-color:#7F9D69; }

#txtArtLineLess { border-bottom:0 }

/*** END ARTICLES ***/

/* nav */
#navMainAll {width:693px;height:20px;float:left;background-color:#4C4C4C;border-left:1px solid #fff;border-right:1px solid #fff}
#navMainOut-1,#navMainOut-1-On,#navMainOut-2,#navMainOut-2-On,#navMainOut-2-leftIsOn,#navMainOut-2-rightIsOn,#navMainOut-3,#navMainOut-3-On,#navMainOut-4,#navMainOut-4-On,#navMainOut-4-leftIsOn,#navMainOut-4-rightIsOn {height:20px;float:left;}
#navMainOut-1    {width:105px;background-color:#4C4C4C;border:0}
#navMainOut-1-On {width:105px;background-color:#E17802;border:0}
#navMainOut-2    {width:105px;background-color:#4C4C4C;border-right:1px solid #4C4C4C; border-left:1px solid #4C4C4C}
#navMainOut-2-On {width:105px;background-color:#E17802;border-right:1px solid #fff; border-left:1px solid #fff}
#navMainOut-2-leftIsOn{width:105px;background-color:#4C4C4C;border-right:1px solid #4C4C4C; border-left:1px solid #fff}
#navMainOut-2-rightIsOn{width:105px;background-color:#4C4C4C;border-right:1px solid #fff; border-left:1px solid #4C4C4C}
#navMainOut-3    {width:105px;background-color:#4C4C4C;border:0}
#navMainOut-3-On {width:105px;background-color:#E17802;border:0}
#navMainOut-4    {width:105px;background-color:#4C4C4C;border-right:1px solid #4C4C4C; border-left:1px solid #4C4C4C}
#navMainOut-4-On {width:105px;background-color:#E17802;border-right:1px solid #ffffff; border-left:1px solid #ffffff}
#navMainOut-4-leftIsOn{width:105px;background-color:#4C4C4C;border-right:1px solid #4C4C4C; border-left:1px solid #fff}
#navMainOut-4-rightIsOn{width:105px;background-color:#4C4C4C;border-right:1px solid #fff; border-left:1px solid #4C4C4C}

#navMainInner-1 {padding:3px 0 3px 0;text-align:center;}
#navMainInner-2 {padding:3px 0 3px 0;text-align:center;}
#navMainInner-3 {padding:3px 0 3px 0;text-align:center;}
#navMainInner-4 {padding:3px 0 3px 0;text-align:center;}

.navMainLink {font-weight:bold;text-decoration:none;}
a.navMainLink:hover {font-weight:bold;text-decoration:none;color:#fff;}