body {
	margin: 10;
	padding: 0;
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 95%;
    	
	
	color: #666666;
	text-align: center;
}

/* ***************************************************************************** */
/* General */

a {
	color: #000000;
	font-weight: bold;
}

a:hover {
	color: #000000;
}

.invisible {
	display: none;
}

.clear {
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
	overflow: hidden;
}

img {
	border: none;
}

form {
  margin: 0px;
  padding: 0;
}

small {
	font-size: 0.85em;
	font-weight: bold;
	color: #000000;
	margin: 5px 0 5px 0;
}

td {
	font-size: 1em;
	color:#000000;
}

.sub {
	font-size: 0.6em;
	 margin: 0;
 	 padding: 0;
}

.spacer {
	height: 15px;
	font-size: 0;
	line-height: 1px;
	 margin: 0;
 	 padding: 0;
}


/* ***************************************************************************** */
/* Header */

#header {
	margin: 0;
	font-size: 0.7em;
	background-color: #99cc00; 
	border-bottom:2px solid #d3d3d3;	
	border-top:2px solid #d3d3d3;	
}

#logo_mc {
	height: 150px;
	padding: 0;
	margin: 0;
	float: right;
	overflow: visible;
}

#logo_lh {
	height: 70px;
	width: 240px;
	margin: 0;
	float: left;
	overflow: hidden;
}

/* ***************************************************************************** */
/* Meta-Navigation */

#metanav {
	font-size: 0.7em;
	margin: 3px 0 7px 0;
	padding: 0;
	float: right;
}

#metanav ul {
	margin: 0;
	padding: 0;
}

#metanav ul li {
	float: left;
	margin: 0 2px 0 0;
	background-image: url(/images/cgn/121_farblos.gif);
	background-repeat: no-repeat;
	background-position: 0 -2px;

	padding-left: 16px;
	padding-right: 12px;
	list-style: none;
}


#metanav ul li:hover {
	background-image: url(/images/cgn/121_gelb.gif);
}


#metanav ul li a {
	color: #646464;
	text-decoration: none;
	font-weight: normal;
}

#metanav ul li a:hover {
	color:  #666666;
	text-decoration: none;
}


/* ***************************************************************************** */
/* Bottom-Navigation */

#bottomnav {
	
	margin: 0px 0 0px 0;
	padding: 0;
	float: left;
}

#bottomnav ul {
	margin: 0;
	padding: 0;
}

#bottomnav ul li {
	float: left;
	margin: 0 2px 0 0;
	background-image: url(/images/cgn/146_farblos.gif);
	background-repeat: no-repeat;
	background-position: 0 -2px;

	padding-left: 20px;
	padding-right: 40px;
	list-style: none;
}


#bottomnav ul li:hover {
	background-image: url(/images/cgn/146_grau.gif);
}

#bottomnav ul li.x{
	background-image: url(/images/cgn/144_farblos.gif);
}
#bottomnav ul li.x:hover {
	background-image: url(/images/cgn/144_grau.gif);
}



#bottomnav ul li a {
	color: #646464;
	text-decoration: none;
	font-weight: normal;
}

#bottomnav ul li a:hover {
	color:  #666666;
	text-decoration: none;
}


/* ***************************************************************************** */
/* Sub-Navigation */

.subnav {
	margin: 15px;
 	padding: 0;
}

.subnav h2 {
	font-size: 1.0em;
	font-weight: bold;
	color: #000000;
	border-bottom: 1px solid #999999;
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
}

.subnav ul {
	margin: 0;
 	padding: 0;
}

.subnav ul li {
	margin: 0;
	background-image: url(/images/cgn/148_farblos.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding: 5px 0 5px 12px;
	list-style: none;
}

.subnav ul li:hover {
	background-image: url(/images/cgn/148_blau.gif);
}


.subnav ul li a {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

.subnav ul li a:hover {
	color:  #303030;
	text-decoration: none;
}

.subnav ul ul {
	margin: 0;
	padding: 0 0 0 22px;
	width: auto;
}

.subnav .hi {
	color: #63c4f5;
	background-image: none;
	font-weight: bold;
}

.subnav .hi:hover {
	color: #63c4f5;
	background-image: none;
	font-weight: bold;
}




/* Added by LX to fix bug in IE6 05.06.07 flmo */


ul.more {
	margin: 25px 0 0 0;
}

/* ***************************************************************************** */
/* Layout */

#wrapper {
	;
	margin: 0 auto 0 auto;
	width: 780px;
	text-align: left;
	border-right:2px solid #d3d3d3;
	border-left:2px solid #d3d3d3;	
	border-bottom:2px solid #d3d3d3;
	border-top:2px solid #d3d3d3;
}

#main {
	margin: 0;
	padding: 0;
	font-size: 0.75em;
	background-color: #FFFFFF;
}

.one-col {
	width: 240px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: left;
}

.middle-col {
	width: 540px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	float: right;
	background-color: #FFFFFF;
}

/* 3px-Bug ie6 */

* html .middle_col{
	display: inline-block;
	margin-left: -3px;
}

* html .one_col{
	margin-right: -3px;
}


/* ***************************************************************************** */
/* Footer */

#footer {
	margin: 20px 0 20px 0;
	padding: 0;
	font-size: 0.6em;
}

#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul li {
	float: left;
	padding-left: 13px;
	margin-right: 10px;
}

#footer ul li.first {
	padding-left: 6px;
}

#footer ul li a {
	color: #646464;
	text-decoration: none;
	font-weight: normal;
	

}

#footer ul li a:hover {
	color: #000000;
	text-decoration: none;
}

#footer .copyright {
	margin: 0;
	padding: 0 15px 0 0;
	float: right;
	color: #000000;
}

#footer .copyright a{
	text-decoration: none;
}



#footer .bottomnavigationarea {
	margin: 0;
	margin-left: 45px;
	padding: 0 0 0 0;
	float: left;
	color: #000000;
}




/* ***************************************************************************** */
/* Content */

.contentpage {
	line-height: 1.5em;
	margin: 0;
	padding: 15px 15px 15px 15px;
	color: #000000;
	overflow: visible;
}

.contentpage h2 {
	line-height: 1.2em;
	color: #63c4f5;
	font-weight: bold;
	border: none;
	margin: 0 0 10px 0;
	padding: 0;
}

.contentpage h3 {
	line-height: 1.2em;
	color: #63c4f5;
	font-weight: bold;
	border: none;
	margin: 0 0 10px 0;
	padding: 0;
}

.contentpage h4 {
	line-height: 1em;
	color: #012B6F;
	font-weight: bold;
	border: none;
	margin: 0 0 10px 0;
	padding: 0;
}

.contentpage p {
	margin: 0 0 10px 0;
	padding: 0;
}

.portfolio-image {
	text-align: left;
	margin: 0;
	padding: 0;
}

.portfolio-image img {
	margin: 0 10px 10px 0;
	padding: 0;
}

/* ***************************************************************************** */
/* specialised classes */

.image_descripton {font-size: 0.9em;}
.price { white-space: nowrap; }
.tons { white-space: nowrap; }
.required {font-weight:bold; }

/* ***************************************************************************** */
/* Error, Autocompletion, Shopping Cart */

/ * Autocomplete */

  div.auto_complete {
  	margin: 0;
	padding: 0;
    width: 300px;
    background: #fff;
  }
  
  div.auto_complete ul {
    border:1px solid #888;
    margin:0;
    padding:0;
    width:100%;
    list-style-type:none;
  }
  
  div.auto_complete ul li {
    margin:0;
    padding:3px;
    font-size: 0.8em;
    background: #fff;
  }
  
  div.auto_complete ul li.selected { 
    background-color: #ffb; 
    font-size: 0.8em;
  }
  
  div.auto_complete ul strong.highlight { 
    color: #800; 
    margin:0;
    padding:0;
    font-size: 0.8em;
  }

/* ***************************************************************************** */
/* The error box */

.fieldWithErrors {
  padding: 2px;
  background-color: #ff9900;
  display: table;
}

#errorExplanation {
/* width: 410px;*/
  border: 2px solid #ff9900;
  padding: 0x;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
/* width: 410px;*/
  background: none;
  text-align: left;
  font-weight: bold;
  padding: 5px;
  font-size: 12px;
  margin: 0;
  margin-bottom: 5px;
  background-color: #ff9900;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  
  font-size: 12px;
  list-style: square;
  margin-left: 20px;
}

/* ***************************************************************************** */
/* notice */

#notice {
  border: 2px solid #f0f0f0;
  padding: 1em;
  margin-bottom: 2em;
  background-color: #5DBAE8;
  font-weight: bold;
}

/* ***************************************************************************** */
/* shopping cart */

#shoppingcart {
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

#shoppingcart th {
	font: bold;
	color: black;
	letter-spacing: 2px;
	text-align: left;
	padding: 3px 3px 3px 6px;
	background: #5DBAE8;
    vertical-align:top;
}

#shoppingcart td {
	border: 1px solid #C1DAD7;
	padding: 3px 3px 3px 6px;
}