/* CSS Document  tableless CSS two colum layout
see demo at http://www.outprize.com/includes/sts_templates/tableless/sts_template.html
author: avail1now , it@availcompany.com
compatible: with osCommerce 2.2 milestone MS 2.0 & STS v 4.2 
Release under GNU licence.
Original Release Date: 1/25/2006
Current version update : 8/22/06
*/
* { margin:0px; padding:0px; }
body {
  text-align: center;
  font: 100%/1.25 Arial , sans-serif;
  min-width: 987px;
  width: auto;
  margin: 0;
  padding: 0;
  margin: auto;
  min-height:100.1%;
  background: transparent url(/shop/images/background.gif) repeat-x scroll center top;
}
img {border:none;}
a { color: #000000; text-decoration: none; }
a:hover { text-decoration: underline; }
#wrapper {
  position: relative;
  width: 100%;
  margin: auto;
  text-align: center;
}
/* Header info */
#mastheadbg {
  width: 100%;
  min-width: 1024px;
  height: 74px;
  position: relative;
  text-align: center;
  margin: 0 auto;
} 

#header { position: relative; z-index: 2; height: auto; width: 770px; margin: auto; text-align: center; }
#innerbanner { text-align: center;}
#banner { 
        position: relative;
        z-index: 3;
        height: 215px;
        width: 772px;
        background: transparent url(/shop/images/banner.png);
        margin:0px;
        padding: 0px;
        border: none;
    }

#masthead {
     position: relative;
     margin: auto;
     background-image: url(/shop/images/fj_header.png);
     background-repeat:no-repeat;
     height: 74px;
     width: 1024px;
     left: 5px;
}
#masthead h1, #masthead h6 { font : 100%/1.25 "Arial Black"  ; color: white; margin: 0 0 0 0}
#mastcontent {position: relative; top: 45px; width:961px; margin: auto;}
#breadcrumb { margin: 4px 4px 4px 4px; vertical-align:top; background:white; color: #999999; height: 14px; padding: 0px; font-size: 10px; line-height: 10px;}
#breadcrumb a {color: #999999;}
/* main contents */

#mainContent {
  float: right;
  width: 772px;
  margin-top: 6px /* new */;
  display: inline /* new - IE-bug fix */;
  text-align: left;
}

#mainContent p {
  margin: 10px 8px 5px 10px;
}

#innercontent{
  /*border: 1px solid #d9d9d9;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='15p_black.png');*/
}
#innercontent[class] {
  /*background-image: url(15p_black.png);*/
}

#carpicture {
  width:770px;
  margin-bottom:10px;
  margin-top:0px;
}

#languagebox {
  position: absolute;
  top: 70px;
  left: 1038px;
}
#topmenu {
        position: absolute;
        z-index: 5;
        top: 72px;
        height: auto;
        width: 1024px;
        margin: 0 auto;
        left: 25px;
}

#topmenu ul { left: 0px; margin: 0px; padding: 0px; list-style: none;}
#topmenu ul li {float: left; }
#topmenu ul li a {vertical-align:bottom; text-transform: uppercase; text-decoration: none;  font-size: 12px; line-height: 30px;}
#topmenu ul li a img {border: 0px none;}

#logo {
  position: absolute;
  top: 5px;
  left: 25px;
}
#secondary {
float: left;
width: 176px;
margin-top: 6px;
margin-bottom: 7px;
}
#secondary p {
font-size: .85em;
margin: 10px 8px 5px 10px;
}
div.newsbox {
float: left;
width: 100%;
clear: left;
display: inline;
top: 0px;
}
#newsboxNav {
font-size: .75em;
padding: 0;
}
#newsboxNav a {
color: black;
text-decoration: underline;
}
#newsboxNav a:hover {
color: #95191c;
text-decoration: none;
}
#newsboxNav li {
list-style-type: none;
padding-top: 0px;
}
h3.news {
font-size: 90%;
margin:0;
padding: 0 0 3px;
background: #95191c;
color: white;
text-align: center
}
h4 {
font-size: 1.2em;
margin: 10px;
}
h5.thanks {
font-size: 1em;
margin: 10px;
}
#afooter {
font-size: .70em;
color: #cfcfcf;
padding: 5px;
background: gray;
clear: both;
/* height: 100%; */
text-align: center;
}
#afooter a { 
color: #cfcfcf;
text-decoration: underline; }
#afooter a:hover {
color: black;
text-decoration: none;
}

/* nav info */
#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
width: 100%;
float: left;
background: gray;
font-size: .70em;
text-align: right;
overflow: hidden; /* IC */
}
#navcontainer ul li { display: inline; }
li.outer { border: none; }
#navcontainer ul a {
padding: 0.5em 1em; /* 0 1em; IC */
line-height: 1.5em;
color: white;
text-decoration: none;
}
#navcontainer ul a:hover { /*color: black; background: gray url(/shop/images/nav-btn-bg.jpg) repeat-x;  repeat IC */ }

/*sidebar corners info*/
b.rtop, b.rbottom {
display: block;
background: none /* new */;
position: relative /* new - IE-bug fix */;
}
b.rtop {
margin-top: 0px /* new */;
}
b.rbottom {
margin-bottom: -5px /* new */;
}
b.rtop b {
display: block;
height: 1px;
overflow: hidden; 
background: #95191c;
}
b.rbottom b {
display: block;
height: 1px;
overflow: hidden; 
background: #F0F0E7;
}

b.maintop {
display: block;
margin-top: -4px;
background: none /* new */;
position: relative /* new - IE-bug fix */;
}
b.maintop b {
display: block;
height: 1px;
overflow: hidden; 
background: #F0F0E7;
}

.thumbImage {
  background-color: #56b9ff;
  border: none /*1px solid #d9d9d9*/;
  display: block;
  width: 125px;
}

/*IE-mac section \*//*/

#navcontainer li,
#navcontainer a  { 
display: inline-block; 
width: 1px;
white-space: nowrap;
}

/*end Mac section */

/*]]>*/


/* eigene Styles */
#cartSelect {
  vertical-align: top;
  margin:10px;
  width: 100%;
  float: left;
}

#prices {
	color: #000000;
	font-size: 18px;
  font-weight: bold;
  float: left;
  margin:10px;
}

#addcartbutton {
	color: #000000;
	font-size: 18px;
  font-weight: bold;
  float: left;
  margin:10px;
}


#colorSelect {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight : bold;
  color: #d9d9d9;
  width: 200px;
  float: left;
}

#colorSelect a {
  width: 20px;
  height: 20px;
  display: block; border: 1px solid #d9d9d9; float: left; margin: 0 10px 10px 0;
}

#paramSelect {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight : bold;
  color: #d9d9d9;
  width: 150px;
  float: left;
}

#paramSelect select {
  width: 120px;
}

#product_preview {
  text-align: center;
  background-color: #fff;
  border: none;
}

.clear {
  clear: both;
  margin-bottom: 10px;
}

.text_l {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  /*color: #d9d9d9;*/
  color: #000000;
  padding: 10 10 13px;
  margin-left:1.5em;
  margin-right:1.5em;
  margin-bottom:0.5em;
  margin-top:0.5em;
  vertical-align: top;
}

.text_l a{
  text-decoration:underline;
}

/* buttons */
#mnbtn_anfrage { width: 105px; height: 30px; background: transparent url(/shop/images/anfrage_normal.gif) no-repeat; display: block; color: #fff; }
.active #mnbtn_anfrage { width: 105px; height: 30px; background: transparent url(/shop/images/anfrage_aktiv.gif) no-repeat; display: block; color: #fff; }

#mnbtn_material { width: 110px; height: 30px; background: transparent url(/shop/images/material_normal.gif) no-repeat; display: block; color: #fff; }
.active #mnbtn_material { width: 110px; height: 30px; background: transparent url(/shop/images/material_aktiv.gif) no-repeat; display: block; color: #fff; }

#mnbtn_anleitung { width: 116px; height: 30px; background: transparent url(/shop/images/anleitung_normal.gif) no-repeat; display: block; color: #fff; }
.active #mnbtn_anleitung { width: 116px; height: 30px; background: transparent url(/shop/images/anleitung_aktiv.gif) no-repeat; display: block; color: #fff; }

#mnbtn_referenzen { width: 125px; height: 30px; background: transparent url(/shop/images/referenzen_normal.gif) no-repeat; display: block; color: #fff; }
.active #mnbtn_referenzen { width: 125px; height: 30px; background: transparent url(/shop/images/referenzen_aktiv.gif) no-repeat; display: block; color: #fff; }

#mnbtn_faq { width: 93px; height: 30px; background: transparent url(/shop/images/faq_normal.gif) no-repeat; display: block; color: #fff; }
.active #mnbtn_faq { width: 93px; height: 30px; background: transparent url(/shop/images/faq_aktiv.gif) no-repeat; display: block; color: #fff; }

#mnbtn_herstellung { width: 142px; height: 30px; background: transparent url(/shop/images/herstellung_normal.gif) no-repeat; display: block; color: #fff; }
.active #mnbtn_herstellung { width: 142px; height: 30px; background: transparent url(/shop/images/herstellung_aktiv.gif) no-repeat; display: block; color: #fff; }

#mnbtn_presse { width: 85px; height: 30px; background: transparent url(/shop/images/anfrage_normal.gif) no-repeat; display: block; color: #fff; }
.active #mnbtn_presse { width: 85px; height: 30px; background: transparent url(/shop/images/anfrage_aktiv.gif) no-repeat; display: block; color: #fff; }

#mnbtn_karriere { width: 142px; height: 30px; background: transparent url(/shop/images/herstellung_normal.gif) no-repeat; display: block; color: #fff; }
.active #mnbtn_karriere { width: 142px; height: 30px; background: transparent url(/shop/images/herstellung_aktiv.gif) no-repeat; display: block; color: #fff; }

ul.nav {
   overflow: hidden;
   height: 100%;
   clear:both;  
   margin:24px 0px 6px 0px;
   list-style-type:none;
   padding:4px;
  
}
ul.nav li.left {
  float:left;
}

ul.nav li.right {
  float:right;
  text-align: right;
}