html { font-size: 99.9%; } 	

body {
	font: 0.9em "Lucida Grande", Verdana, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	color: #0A1052;
	}

#center {
	margin: 0 auto;
	padding: 0px 0 30px 0;
	border: 0;
	background-color: #fff;
	text-align: left;
	width: 780px; 	
	}

#content h1 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 2em 0;
	}

#content h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 1em 0;
	}

#content h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 0.5em 0;
	}

#content p {
	font-size: 0.9em;
	line-height: 1.8em;
	}

#content p#small {
	font-size: 0.8em;
	line-height: 1.4em;
	}

#content a:link {
	text-decoration: underline;
	color: #000;
	}

#content a:visited {
	text-decoration: underline;
	color: #333;
	}

#content a:hover {
	text-decoration: none;
	background: #31377B;
	color: #FEF493;
	}

#content ul li {
	line-height: 1.6em;
	font-weight: bold;
	font-size: 1em;
	margin: 30px 20px;
	padding: 0 20px;
	} 

#content li#glas {
	list-style: url(bilder/bullet-glas.gif) inside;
	}

#content li#alu {
	list-style: url(/bilder/bullet-alu.gif) inside;
	}

#content li#holz {
	list-style: url(bilder/bullet-holz.gif) inside;
	}

#content li#plastik {
	list-style: url(bilder/bullet-plastik.gif) inside;
	}

#content li#album {
	list-style: url(bilder/bullet-album.gif) inside;
	}

#content li#holz li, #content li#plastik li {
	list-style: url(bilder/bullet-blue-small.gif) inside;
	margin: 15px 0;
	padding: 0 10px;
	}
	
#content li#album li {
	list-style: url(bilder/bullet-fotoecke.gif) inside;
	margin: 15px 0;
	padding: 0 10px;
	}

#content #en {
	font-style: italic;
	}

#content #variante {
	background-color: #FEF493;
	}

#content #size table {
	width: 500px;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	font-size: 0.9em;
	}
	
#content #size th {
	background-color: #31377B;
	color: #FFF;
	border: 1px solid #31377B;
	padding: 3px 10px;
	text-align: left;
	}

#content #size td {
	color: #31377B;
	border: 1px solid #31377B;
	padding: 3px 10px;
	}

#content .mitte, #content #size .mitte {
	text-align: center;
	}

#content .rechts,  #content #size .rechts {
	text-align: right;
	}

#content img#detail {
	float: right; 
	margin: 10px 0 10px 20px;
	border: 1px solid #31377B; 
	}

#sidebar-a,
#sidebar-b {
	width: 16%;
	margin: 120px 0 0 0;
	background: #FEF493;
	}

#sidebar-b {
	float: right;
	text-align: left;
	}

#sidebar-a {
	float: left;
	text-align: right;
	}

#sidebar-b h1,
#sidebar-a h1 {
	font-size: 1em;
	font-weight: bold;
	padding: 2px;
	margin: 5px 0;
	border-top: 1px solid grey;
	border-bottom: 1px solid grey;
	}

#sidebar-b h2,
#sidebar-a h2 {
	font-size: 0.8em;
	font-weight: bold;
	}

#sidebar-b ul,
#sidebar-a ul {
	font-size: 0.9em;
	list-style-type: none outside;
	padding: 0;
	margin: 0 5px;
	}
	
#sidebar-b ul li,
#sidebar-a ul li {
	margin: 0;
	padding: 0;
	}
	
#sidebar-b a,
#sidebar-a a {
	display: block;
	color: #2B316C;
	text-decoration: none;
	padding: 2px 0;
	}

#sidebar-b a:hover,
#sidebar-a a:hover {
	background: #2B316C;
	text-decoration: underline;
	color: yellow;
	}	

#sidebar-b p,
#sidebar-a p {
	font-size: 0.85em;
	}

#footer {	
	position: relative;
	bottom:0;
	clear: both;
	height: 30px;
	padding: 10px 0;
	}
	
#footer p {
	text-align: center;
	font-size: 0.7em;
	font-style: italic;
	color: grey;
	}

#footer a {
	color: grey;
	text-decoration: none;
	}
	
#footer a:hover {
	text-decoration: underline;
	}

ul#fortschritt {
	width: 100%
	background: #A5BDE5;
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
ul#fortschritt li {
	float: left;
	width: 120px;
	background: #A5BDE5;
	color: #2B316C;
	text-align: center;
	padding: 10px 2px 3px 2px;
	margin:0;
	}

ul#fortschritt li.current {
	background: #A5BDE5 url(bilder/checkout_bullet.gif) no-repeat 60px 3px;
	}

 ul#fortschritt li a {	
 	color: #2B316C;
	text-align: center;	
 	}

.box-prod-list {
	margin: 10px 0;
	padding: 10px 0;
	border-bottom: 1px solid grey;
	}

.prod-description {
/* 	height: 100px; */
	margin-left: 120px;
	}

.product_navigator {
	width: 100%;
	background: #A5BDE5;
	color: #2B316C;
	margin-bottom: 10px;
	text-align: center;
	font-size: 0.8em;
	}

.cart_sum {
	text-align: right;
	font-weight: bold;
	}

.errorBox {
	border: 2px solid red;
	background: #fbb;
	padding: 5px;
	color: black;
	font-size: 1.3em;
	font-weight: bold;
	}

.greetUser {
	font-weight: bold;
	}

.small {
	font-size: 0.82em;
	font-weight: normal;
	font-style: italic;
	}
	
.error {
	font-size: normal;
	font-style: normal;
	font-weight: normal;
	color: red;
	}

.right {
	text-align: right;
	}

.box {
	border: 1px solid #0A1052;
	padding: 5px 20px;
	margin-left: 200px;
	}

em.expreis {
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	color: red;
	text-decoration: line-through;
	}

a img, a:hover img {
	background: transparent;
	border: none;
	}

#content #agb {
	border: 1px solid #0A1052;
	height: 300px;
	width: 100%;
	overflow: auto;
	}

#sidebar-a a[ href="http://www.arte-bilderrahmen.de/index.php?cPath=10"] {
	color: red;
	font-weight: bold;
	font-size: 1.2em;
	}

td .small {
	font-style: normal;
	}

#messe {
	position: fixed;
	bottom:20px;
	right: 20px;
	z-index: 999;
	}