/**
 * Template CSS Styles
 */
@import "report.css"; 
/* general body style */

body {
	margin-top: 20px;
	margin-left: 40px;
	background-color: #FFFFFF;
	font-size:8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	color: #000000;
	font-weight: normal;
}

a {
	color: #F6A800;
}


/*
	Backgrounds 
*/	
#content .content-block .input-form .submit-button,
#basket-toolbar a:hover,
#basket-toolbar a:active,
#navigation ul li a:hover, 
#navigation ul li a:active 
{
	background-color: #F6A800;
}
#top
{
	background-color: #FFFFFF;
}


#right,
#basket,
#basket .basket-row-sum,
#basket .basket-row,
#navigation {
    background-color: #FFFFFF;
}

#basket-toolbar,
#navigation li {
    background-color: #FFFFFF;
}

/* the top */

#top {
/*    border-bottom: 1px solid #F6A800; */
/*	background: url(bilder/bg.gif) no-repeat right #F6A800; */
}

#top h1 {
    position: relative; /* for ie bug */
    margin: 0;
    padding-top: 1em;
    color: #FFFFFF;
    font-style: italic;
}

#logo {
    float: left;
	border: none;
}

#wrapper {
    width: 100%;
    height: 100%;
    clear: left;
	margin-top: 1px;
}

/* The visualization of the navigation */

#navigation {
    float: top;
//    width: 12em;
}

#navigation ul,
#navigation li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#navigation ul {
	margin: 1.6em 0 3.2em 0;
	border-bottom: 1px solid #FFFFFF;
}

#navigation li {
	border-top: 1px solid #FFFFFF;
}

#basket-toolbar a,
#navigation ul li a  {
    display: block;
    padding: 0.3em 0.3em 0.3em 0.6em;        
    text-decoration: none;
    color: #F6A800;    
}

#basket-toolbar a:hover,
#basket-toolbar a:active,
#navigation ul li a:hover, 
#navigation ul li a:active  {
    color: #FFFFFF;
}

/* The visualization of the right pane */

#right {
    float: right;
    width: 10em;
	padding-top: 1.6em;
	padding-bottom: 3.2em;	
}

/* The visualization of the basket */

#basket {
	border-top: 1px solid #FFFFFF;
}


/* 
	a basket rows 
*/
#basket .basket-row-head {
    border-bottom: 1px solid #F6A800;
}

#basket .basket-row-head,
#basket .basket-row-sum,
#basket .basket-row {
    padding: 0.3em 1em 0.3em 0;
}

#basket .basket-row-head .left,
#basket .basket-row .left {
    float: left;
    width: 3em;
    text-align: right;
    padding-right: 1em;
	font-weight: bold;
}

#basket .basket-row-head .right,
#basket .basket-row .right {
    float: right;
    width: 5em;
    text-align: right;
}

#basket .basket-row .middle {
}

/* 
	a row to display the sum of the selected product 
*/

#basket .basket-row-sum {
  font-weight: bold;
  border-top: 1px solid #F6A800;
}

#basket .basket-row-sum .left {
   float: left;
   width: 3em;
   text-align: right;
   padding-right: 1em;
}

#basket .basket-row-sum .right {
    float: right;
    width: 5em;
    text-align: right;
}

#basket .basket-row-sum .middle {
}

/* The visualisation of the content */
/* defines the location of the context block (em=character equivalents)*/
#content {
    display: block;
	margin: 1em 0 1.0em 0em;
}

#content .width-basket {
	margin-right: 20em;
}

#content .content-block {
    padding: 0 0em 0em 0em;
}

#content .first {
    padding-top: 0em;
}

#content .content-block h1,
#content .content-block h2,
#content .content-block h3 {
    margin-top: 0;
    color: #F6A800;
}

#content .content-block h1 {
    font-size: 1.5em;
}

#content .content-block h2 {
    font-size: 1.25em;
}

#content .content-block h3 {
    font-size: 1em;
}

#content .content-block p {
    margin-top: 0;
}


#content .product-list .content-block ul {
	margin: 0;
	padding: 0;
    list-style-type: none;	
}

#content .content-block li {
    font-style: italic;
}


/*
 * form data
 */

.form-element label {
    float: left;
    width: 10em;
    color: black;
}

.form-element label.error {
    color: red;
}

.form-element input {
	width: 16em;
}

.form-element {
	padding-bottom: 0.6em;
}

.form-element-submit {
    margin-left: 10em;
}

/* The visualisation of the footer */

#bottom {
    padding-left: 15.2em;
/**    border-top: 0.6em solid #F6A800; */
/*    border-bottom: 1px solid #F6A800;	*/
}

/* some clear style */

.clear-all,
.clear {
	clear: both;
}