body 
{
   background: url(../img/bg.jpg) repeat-x #f2f2f2;
   margin: 0px;
  margin-left: auto;
  margin-right: auto;
    text-align: left;
}


/* Design-specifika Element */

#wrapper { width: 983px; height: auto; margin-left: auto; margin-right: auto; margin-top: 10px;}

#frame
{
    width: 963px;
    height: auto;
    float: left;
    background: #fff;
    padding: 10px 10px 0px 10px;
}

#top
{
    width: 963px;
    height: auto;
    text-align: left;
    float: left;
    
}

#logo
{
    width: 150px;
    height: auto;
    margin-bottom: 25px;
    padding-right: 15px;
    text-align: right;
}

#bar
{
    width: 983px;
    height: 39px;
    float: left;
    background: url(../img/bg_bar.png) #336699;
    text-align: left;
}
    #bar img { float: left; }
    
    #navigation { float: right; color: #fff; padding: 0px 10px 10px 10px; }
        #navigation a { float: left;  font-size: 11px; font-family: arial; color: #dff4ff; padding-left: 5px; padding-right: 5px; padding-top: 12px; padding-bottom: 14px; font-weight: bold; text-decoration: none; }
        #navigation a:hover { color: #336699; background: url(../img/bg_bar.png) #b6dcf0; }

#middle
 { 
   width: 968px;
   height: 20px;
   background: #dff4ff;
   float:left;
   border-bottom: 1px dotted #ccc;
   padding: 5px 5px 5px 10px;
   border-top: 4px solid #b6dcf0;
   }

#status 
{
    width: auto;
    height: auto;
    float: right;
    font-size: 90%;
    padding-top: 6px;
    margin-right: 10px;
    position:relative;
    top:-10px;
    
}
  .icons { 
           
    position:relative;
    
    top:4px;
           }
  .nav-icons { 
           
    margin-right: 5px;
           }

    #status a { font-weight:bold;color: #000; text-decoration: none; }
    #status a:hover { color: #7d7d7d; }

#search-container 
{
    width: auto;
    float: right;
    font-size: 90%;
    
}

.menu 
{
    width:120px;
    height: auto;
    padding: 10px 15px 15px 15px;
    margin-bottom: 10px;
    background: #f0f9fe;
    border: 1px dotted #ccc;
    text-align: left;
}
    .headline { font-size: 13px; font-weight: bold; color: #000; }
        .headline a { color: #000000; font-weight: bold; }
    .menu img { margin-left: -8px; margin-right: 3px; }
    .menu a { color: #4e4e4e; font-size: 11px; text-decoration: none; }
    .menu a:hover { color: #336699; text-decoration: none; }
    
    .revenza-submenu { margin-left: 7px; margin-top: 5px; margin-bottom: 10px; }
    .revenza-submenu img { display: none; }
    .revenza-submenu a { color: #111111; }
    

#left 
{
    width:150px;
    height: auto;
    margin-right: 15px;
    background: #fff;
    float: left;
}
 
 #right 
 {
     width: 798px;
     height: auto;
     background: #fff;
     float: left;
 }
 
 
  #bottom
 {
     width: 798px;
     height: 35px;
     background: #fff;
     border-top: 1px solid #ccc;
     float: left;
     text-align: right;
     padding-top: 10px;
 }
 
     #bottom a { color: #7d7d7d; padding-left: 5px; padding-right: 5px;font-size: 90%; text-decoration: none; }
     #bottom a:hover { color: #000; }
 
 
 .content 
 {
   width: 798px;
   float: left;
   text-align: left;
   background: #fff;
 }
    .content a { color: #336699; text-decoration: none; }
    .content a:hover { color: #6299c5 }
    
    
    .content-headline { display: none; float: left; color: #ccc; font-weight: bold; font-size: 13px; }
    .content-pages { float: right; text-align: right; margin-bottom: 10px; }
        .content-pages a { padding-left: 2px; padding-right: 2px; color: #777; font-size: 80%; text-decoration: none; }
        .content-pages a:hover { background-color:  #000; color: #fff; font-size: 80%; text-decoration: none; }

.border-right { margin-right: 10px; padding-right: 10px; border-right: 1px dotted #ccc; }
.product-1 { width: 183px; height: auto; float: left; text-align: left;}
.product-1 a{text-decoration:none;}
    .product-1-picture { padding-top: 10px; padding-bottom: 10px; text-align: center; }
    .product-1-name 
    {
        font-size: 13px;
        color: #000;
        font-weight: bold;
        margin: 0px;
    }
    .product-1-description 
    {
       
        font-size: 11px;
        color: #777;
        padding-bottom: 10px;
    }
    
    .product-1-price 
    {
        font-size: 16px;
        font-weight: bold;
        color: #000;
        text-align: left;
        float: left;
        width: 130px;
        
    }
    
    
    .product-2 { width: 389px; margin-right: 12px; float: left; text-align: left; margin-bottom: 10px; border-bottom: 1px dotted #ccc; padding-bottom: 5px;}
    .product-2-picture { floaT: left;width: 100px; margin-bottom: 5px; }
    .product-2-name 
    {
        width: 279px;
        font-size: 12px;
        color: #000;
        margin: 0px;
    }
    .product-2-description 
    {
        width: 279px;
        font-size: 11px;
        color: #777;
        padding-bottom: 10px;
    }
    
    .product-2-price 
    {
        padding-top: 2px;
        height: 26px;
        font-size: 16px;
        font-weight: bold;
        color: #000;
        width: 75px;
        float:left;
        
    }
    
    
    
    
    
    .product-3 { line-height: 25px; padding: 5px; background-color: #ccc; width: 788px; float: left; text-align: left; }
    .product-3-artnr 
    {
        float: left;
        font-weight: bold;
        font-size: 12px;
        color: #000;
        margin-right: 10px;
    }
    
    
    
    .product-3-name 
    {
        font-size: 12px;
        color: #000;
        margin: 0px;
        float: left;
    }
    
    .product-3-quantity { float: right; width: 35px; margin-left: 10px; }
    
    .product-3-price 
    {
        padding-top: 2px;
        height: 26px;
        font-size: 12px;
        font-weight: bold;
        color: #000;
        float:right;
         margin-right: 10px;
    }
    
    
    
    
    
    
    

.productview-image { width: 274px; height: auto; float: left; margin-right: 15px; }
    .productview-image a { color: #555555; font-size: 10px; text-decoration: none; font-weight: bold; }
.productview-thumbnails { width: 274px; margin-top: 10px; float:left; }
    .productview-thumbnails img { margin-right: 5px; }
.productview-text { width: 400px; float: left; }
.productview-name { font-size: 18px; font-weight: bold; }
.productview-description { color: #555; margin-bottom: 5px; }
.productview-price { font-size: 18px; margin-bottom: 5px; }
.productview-left { width: 274px; height: auto; float: left; margin-right: 15px; }
.productview-size { margin-bottom: 5px; }
.productview-quantity { margin-bottom: 25px; }
.productview-info { width: 274px; height: auto; border-bottom: 1px dotted #ccc; margin-bottom: 10px; float: left }
.price-info { font-size: 10px; }




.spacer 
{
    padding: 0 3px 0 3px;
    color: #ccc;
}








body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }








a.button, button {
  display:block;
  float:left;
  margin: 0 0.5em 0.7em 0;
  padding: 5px 8px 5px 7px;   /* Links */
  
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background:#f5f5f5 url(../img/bg_button.png) repeat-x;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:100%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
}
button {
  width:auto;
  overflow:visible;
  padding: 4px 10px 3px 7px;   /* IE6 */
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}
*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}
button img, a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
  
}

/* Button Sizes
-------------------------------------------------------------- */

a.small { padding: 3px 3px 3px 3px; font-size: 90% }
a.medium { padding: 3px 3px 3px 3px; }
a.large { font-size: 16px; }

/* Button colors
-------------------------------------------------------------- */

/* Standard */
button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
a.button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}

/* Search */
body .search 
{
    margin: 0px;
}

a.search:hover, button.search:hover {
  background-color:#474747;
  border:1px solid #474747;
  color:#fff;
}
a.search:active {
  background-color:#000;
  border:1px solid #000;
  color:#fff;
}

/* Buy */
body .buy {
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
a.buy:hover, button.buy:hover {
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}
a.buy:active {
  background-color:#000;
  border:1px solid #000;
  color:#fff;
}
/* Positive */
body .positive {
  color:#529214;
}
a.positive:hover, button.positive:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}
a.positive:active {
  background-color:#529214;
  border:1px solid #529214;
  color:#fff;
}


/* Negative */
body .negative {
  color:#d12f19;
}

a.negative:hover, button.negative:hover {
  background-color:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}

a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}




label       { font-weight: bold; margin: 0px; }
.fieldset    { border: 1px solid #ccc; text-align: left; }
    .fieldset-small { padding: 10px 25px 10px 10px; width: 294px; float: left; margin-right: 10px; }
    .fieldset-large {padding: 10px 25px 10px 10px; width: 632px; float: left; margin-right: 10px; }
    .fieldset-icons { position:relative; top:3px; }
    .fieldset-content { display: none; }
.legend      { width:auto; padding-right: 5px; font-weight: bold; padding-right: -20px; font-size:1.2em; margin-bottom: -25px; background-color: #fff; position:relative; bottom: 23px; float:left;}



/* Form fields
-------------------------------------------------------------- */

.forms-description { font-size: 11px; border-collapse: 0px; padding-bottom: 10px; vertical-align: top;  padding-top: 10px; width: 142px; border-bottom: 1px solid #fff; margin-right: 0px;}
.forms-input { border-collapse: 0px; padding-top: 10px; padding-bottom: 10px;vertical-align: top; border-bottom: 1px solid #fff;}


input[type=text], input[type=password],

input.text, input.title, 
textarea, select { 
  background-color:#fff; 
  border:1px solid #bbb; 
}
input[type=text]:focus, input[type=password]:focus, 
input.text:focus, input.title:focus, 
textarea:focus, select:focus { 
  border-color:#666; 
}

select 
{
    border: 1px solid #ccc;
   
}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {
  margin:0.3em 0;
}

input.text, 
input.title   { width: 100%; padding: 5px; }
input.search   { float: left; width: 146px; padding:3px; border: 1px solid #ccc; background: #fff; height: 13px; font-size: 11px; margin: 0px; margin-right: 5px; }
input.title   { font-size:1.5em; }
textarea      { width: 100%; height: 250px; padding:5px; }

input[type=checkbox], input[type=radio], 
input.checkbox, input.radio { 
  position:relative; top:.25em; 
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; display: none; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
error img{
  margin:0 3px -3px 0 !important;
  }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }



/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #222;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 12px; margin: 0px; font-weight: bold; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }




/* Select boxes */


div.skinned-select {
	height: 20px;
	width: 150px;
	text-align: left;
	background: url('../img/bg_select.png') no-repeat scroll 0pt 100%;
}
div.skinned-select select {
	opacity: 0;
	margin: 0px;
	filter: alpha(opacity = 0);
	moz-opacity: 0;
	position: relative;
	z-index: 100;
}
div.skinned-select .select-text {
  position: absolute;
	text-indent: 5px;
	line-height: 20px;
	width: 150px;
	z-index: 1;
}
div.skinned-select .select-text,
div.skinned-select select,
div.skinned-select select option {
	width: 150px;
	font-size: 10px;
	color: #424242;
}

/* non javascript version select */

.my-skinnable-select select {
  width: 150px;
  font-size: 10px;
  border: 1px solid #777777;
}

.revenza-chart { border-bottom: 1px solid #ccc; margin-bottom: 15px; padding-bottom: 15px; }
.revenza-chart-tr {}
.revenza-chart-tr-alternative { background: #eee;}
.revenza-chart-remove { width: 18px; height: 18px; background: url(../img/icons/trash.gif); }

.revenza-box-container { width: 800px; float: left; padding-bottom: 15px; }
.revenza-box-container-small { width: 390px; margin-right: 10px; float: left; }
.revenza-box-large { width: 800px; float: left; }
.revenza-box-small { width: 390px; float: left; padding-bottom: 15px; }
	.revenza-box-small input { background-color: #eeeeee; margin: 0px; }
.revenza-box-title { width: 800px; padding-bottom: 5px; margin-bottom: 10px; float: left; border-bottom: 1px solid #ccc; font-weight: bold; }
.revenza-box-title-small { width: 390px; padding-bottom: 5px; margin-bottom: 10px; float: left; border-bottom: 1px solid #ccc; font-weight: bold; }
.revenza-chart-total { float: right; width: 150px; font-size: 14px; }
.revenza-second { margin: 0px; }


.revenza-button
{
   display:block;
  float:left;
  margin: 0 0.5em 0.7em 0;
  padding: 5px 8px 5px 7px;   /* Links */
  
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;

  background:#f5f5f5 url(../img/bg_button.png) repeat-x;
  font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
  font-size:90%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#565656;
  cursor:pointer;
    }
/* revenza-remove */
body .revenza-remove {
  background-color:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
}

a.revenza-remove:hover, button.revenza-remove:hover {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}

a.revenza-remove:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
}