body {

	margin: 0;
	padding: 0;
	color: #000;
	font-size: 100.01%;
	background: #D8EBEF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a {

	color: #0776ab;
	text-decoration: none;
}

a:hover {

	text-decoration: underline;
}	

#home {

	width: 500px;
	height: 110px;
	display: block;
}

#home em {

	display: none;
}

#header {

	width: 900px;
	height: 170px;
	margin: 0 auto;
	background: url(/design/header_neu.jpg) top left no-repeat;
	
}

#header h1 {

	
	display: none;
}

#main {

	width: 900px;
	margin: 0 auto;
	padding: 0;
	
}

#teaser {
	
	float: right;
	width: 200px;
	background: #FFF;
}

#subnav {
	
	float: left;
	width: 200px;
	margin: 0;
}

#content_wide {
	margin: 0;
	padding: 10px;
	border: 1px solide black;
	height: 350px;
	font-size: 0.8em;
}


#content {

	margin: 0;
	padding: 10px;
	border: 0;
	height: 350px;
	font-size: 0.8em;
}

#content[id] {
	height: auto;
	min-height: 350px;
}


#footer {

	width: 900px;
	margin: 0 auto;
	height: 20px;
	background: #099;
}


#navigation {
	margin:0;
	padding: 2px;

}


#navigation li {
	padding: 0;	
	margin: 0;
	display: inline;
	font-size: 0.7em;
}

#navigation li a {

	padding: 2px;
	margin: 0;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
}

#navigation li a:hover , #navigation li a.active1 {

	background: #FFF;
	color: #000;
	text-decoration: none;
}

#leftcol ul {

	padding: 0;
	margin: 0;
}

#leftcol ul ul {

	padding: 0;
	margin: 0;
}

#leftcol ul li {

	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 0.7em;
	
}

#leftcol li li {

	padding-left: 10px;	
	font-size: 0.85em;
}



#leftcol ul li a {
	
	text-decoration: none;
	color: #000;
	line-height: 1.8em;
	display: block;
	padding: 2px;
	height: 0.1%;
	border-bottom: 1px solid #FFF;
}

#leftcol li li a  {

	color: #000;
	border: none;
}

#leftcol ul li a:hover, #leftcol ul li a.active1 {

	/* background: #42ABAB; */
	background: #FFF;
	color: #000;
	
}

#leftcol li li a:hover, #leftcol li li a.active1 {

	background: #D8EBEF;
	color: #099;
}


#pagewidth{ 
 width:900px; 
 text-align:left; 
 min-width: 500px;
 margin-left:auto; 
 margin-right:auto; 
  
} 
 
#header{ 
 height:170px; 
 width:100%; 
} 
 
#leftcol{
 width:200px; 
 float:left; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px; 
 }
 
#outer{ 
 border:solid white 0px; 
  /*/*/ border-left-width: 200px ;  /* left column width. NN4 hack to hide borders */ 
border-left-color: #D8EBEF;   /* left column colour */ 
border-left-style: solid; 
 /*/*/ border-right-width: 200px; /* right column width. NN4 hack to hide borders */ 
border-right-color: #D8EBEF;  /* right column colour */ 
border-right-style: solid; 
  background-color: #FFFFFF; /* center column colour */ 
width: auto; 
 } 

#outer_wide { 
 border:solid white 0px; 
  /*/*/ border-left-width: 200px ;  /* left column width. NN4 hack to hide borders */ 
border-left-color: #D8EBEF;   /* left column colour */ 
border-left-style: solid; 
 /*/*/ border-right-width: 0px; /* right column width. NN4 hack to hide borders */ 
border-right-color: #D8EBEF;  /* right column colour */ 
border-right-style: solid; 
/*  background-color: #FFFFFF;  center column colour */ 
width: auto; 
 } 
  
#rightcol{
 /*/*/ width: 190px; /* hack keeps NN4 right column right? */ 
 float: right; 
 position: relative; 
 margin-right: -200px; 
 margin-left: 14px; 
} 
 
#footer{
 height:22px; 
 width:100%; 
 background-color:#099; 
 text-align: center;
} 
 
#inner{margin:0; width:100%;}
 
#maincol{ 
 float: left; 
 width: 100%; 
 position: relative; 
 margin: 0 -8px 0 -2px; 
}


#outer>#inner { border-bottom: 1px solid #FFFFFF;  }
 
.clr{clear:both; display: block;}
 
.content{padding: 0; } /*padding for content */ 
 
#header .content{padding: 0;} /*padding bottom 0 to remove space in IE5 Mac*/ 

#rightcol .content {

	padding: 0px;
}

#rightcol h2 {

	font-size: 0.8em;
}

#rightcol p {

	font-size: 0.8em;
}

#rightcol li {

	font-size: 0.8em;
}
 
 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 

/*hide the right column when printing*/
#rightcol{display:none;} 
#outer{border-right:0;} 
}



#footer ul {

	display: inline;
	padding: 0;
	margin: 0;
}

#footer li {

	padding: 0;
	margin: 0;
	list-style-type: none;
	color: #FFF;
	font-size: 0.7em;
	line-height: 2em;	
	display: inline;	
}

#footer ul li a {
	
	color: #FFF;
	line-height: 1.8em;
	padding: 2px;
	height: 0.1%;
	text-decoration: none;
}


#content h2, #content h1 {

	font-size: 0.9em;
	clear: both;
	
}

#content h3 {

	padding: 5px 0 3px 0;
	font-size: 0.9em;
	clear: both;
}

#content p {

	padding: 0 0 5px 0 ;
	margin: 0;
}

#content  img {

	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
}

#content .wysiwyg img {

	float: left;
}


label{
	display: block;
	width: 240px;
	height: 21px;
	padding: 1px;
	font-weight: normal;
	font-size: 11px;
	margin: 0;
	margin-left: 10px;
}

fieldset input,
fieldset select {
  font-size: 11px;
  position: absolute;
  margin-left: 170px;
  margin-top: -23px;
  color: #000;
  background: #FFF;
  border: 1px solid #666;
  padding: 2px;
}

input, textarea , select {
  font-size: 11px;
  position: static;
  margin: 0;
  color: #000;
  background: #FFF;
  border: 1px solid #666;
  padding: 2px;
}


div.data {
  position: absolute;
	margin-left: 170px;
	margin-top: -25px;
	font-weight: normal;
 
}

fieldset {
	border: 0 solid #FFFFFF;
	font-weight: bold;
	margin-top: 1em;
}

fieldset legend {
 padding: 3px 5px;
}	

fieldset textarea , fieldset span.multi {
	font-size: 11px;
	position: relative;
	left: 170px;
	top: -22px;
   border: 1px solid #666;
   padding: 2px;
   display: block;
   font-weight:  normal;
}

fieldset span.multi {
	
	border: 0;
	width: 250px;

}

fieldset span.multi span {
	margin: 0 5px 0 0;
	padding: 0;
	border: none;
	position: static;

}

fieldset span.multi span input {
	
	display: inline;
	position: static;
	margin: 0;
}


.error {
	font-size: 0.8em;
	color: #FF4500;
   font-weight:  bold;	
}

#basketlist {
	float: left;
	border: none;
	margin: 0;
	border-collapse:collapse;
	width: 680px;
	font-size: 0.85em;
	
}


/* Bestellseite */
#orderlist {

	border: none;
	margin: 0;
	border-collapse:collapse;
	width: 480px;
	font-size: 0.85em;
	
}

#orderlist form {

	padding: 0;
	margin: 0;
}

#orderlist input, #basketlist input  {
	
	background: #FFF;
	border: 1px solid #CCC;
	padding: 0 5px;
	color: #0776ab;
}

#orderlist select, #basketlist select {
	background: #FFF;
	border: 1px solid #CCC;
	padding: 0 0 0 1px;
	color: #0776ab;
}


#orderlist th, #basketlist th {

	font-weight: bold;
	background: #ff960f;
}

#orderlist td img, #basketlist td img {
	padding:  3px ;
	float: none;
}

#orderlist td.order, #basketlist td.order {
	text-align: right;
	vertical-align: bottom;
}

#orderlist td.top, #basketlist td.top {

	vertical-align: top;
}

/* Ungerade Zeilen */
#orderlist tr td, #basketlist tr td {

	background-color: #EEE;
}

/* Gerade zeilen */
#orderlist tr.odd td, #basketlist tr.odd td {

	background-color: #FFF;
}

#orderlist td.image, #basketlist td.image {
	
}

#orderlist td.title, 
#orderlist td.ve, 
#orderlist td.total, 
#orderlist td.einzel {

	vertical-align:top;
}

#orderlist td.subtotal, #basketlist td.subtotal {
	background: #FFF;
	font-weight: bold;
	text-align: right;
	padding: 5px 2px 1px 2px;
	color: #333;
}


#orderlist td.totalbasket, #basketlist td.totalbasket {
	border-top: 2px solid #000;
	background: #FFF;
	font-weight: bold;
	text-align: right;
	padding: 5px 2px;
}

#orderlist td.mwst, #basketlist td.mwst {
	background: #FFF;
	text-align: right;
	padding: 1px 2px 3px 1px;
}

#content p.button {

	text-align: center;
	font-width: bold;
	padding-top: 20px;
}

#content p.button a {

	border: 1px solid #CCC;
	padding: 2px 5px;
}


#content p.button a:hover {

	border: 1px solid #CCC;
	padding: 2px 5px;
	background: #EEE;
	text-decoration: none;
}

#userbox {
	font-size: 0.7em;	
	padding: 5px 5px 2px 5px;
	margin: 10px 10px 0 0;
	background: #FFF;
	border-bottom: 2px #ff9a0a solid ;
}

#userbox form {
	margin: 0;
	padding: 0;
}

#userbox small {

	color: #666;
}

#content p.infobox {

	border: 1px solid #090;
	background: #CFC;
	padding: 5px 10px;
	display: block;
}

#content p.errorbox {
	border: 1px solid #900;
	background: #FFE9E9;
	padding: 5px 10px;
	display: block;
	margin-bottom: 5px;
}

input:focus, textarea:focus, select:focus, input.missing, textarea.missing, select.missing {
	background: #FFA;
}

#content p.item {

	display: block;
	padding: 0 0;
}

hr {

	border: 0 none;
	height: 1px;
	border-bottom: 1px solid #CCC;
}