@charset "utf-8";

body, input, select { 
	font: 12px Arial, Verdana, sans-serif;
}

body { 
	color: #000;
	margin: 0px;
}

.special { color: #c00000; }
div.special { margin: 0 0 15px 0; }
div.clear { clear: both; }

.margin-bottom { margin-bottom: 15px; }
span.margin-bottom { margin-bottom: 3px; }
span.rabatt { color: #c00000; }
span.strike { display: block; font-size: 14px; color: #777; margin-bottom: 5px; }

.border { border: 1px solid #808080; }
.float-right { float: right; margin: 0 0 10px 10px; }
.float-left { float: left;}
.right { text-align: right; }

form { margin: 0; }
img { border: 0; }

input.disabled { color:#808080; }

/* div build table */
div.spacer { height: 1		5px; }
div.table div { float: left; line-height: 12px; height: 20px; }
div.table div.th { width: 100px; font-weight: bold; text-align: right; padding: 4px 8px 0 0; }
div.table div.input { width: 200px; }
div.table div.em { width: 10px; padding: 4px 0 0 0; }
div.table div.example { padding: 4px 0 0 0; color: #a0a0a0; }
div.table div.td-error { color: #e25f53; padding: 4px 0 0 0; }

td.line { padding: 0; height: 5px; }
td.example { color: #a0a0a0; padding-left: 5px; }


/* default table */
th { text-align: right; padding-right: 8px; }
td.line { padding: 0; height: 5px; }
td.example { color: #a0a0a0; padding-left: 5px; }

/* warenkorb */
table.warenkorb { margin-bottom: 15px; }
table.warenkorb th, table.warenkorb td { padding: 2px 4px 2px 4px; }
table.warenkorb th { text-align: left; background-color: #EFF6FF; border-bottom: 1px solid #000; }
table.warenkorb tr td { border-bottom: 1px dotted #c0c0c0; }
table.warenkorb tr.ende td { border-bottom: 1px solid #000; }
table.warenkorb tr.disabled td { color: silver; }
table.warenkorb tr.zwischensumme td { border-bottom: 1px dotted #000; }
table.warenkorb td.delete { padding: 2px 0 0 0; }

table.warenkorb th.right { text-align: right; }

div.block {
	float: left;
	width: 220px;
	margin: 0 0 0 0;
}

div.block span {
	display: block;
	width: 80px;
	float: left;
}

span.highlight { 
	display: block;
	font-size: 14px;
	margin: 0 0 3px 0;
	color: #0D3863;
}

#container {
	margin: 15px 0 0 0;
	width: 800px;
	background-color: #fff;
}

#content { 
	color: #000;
	width: 800px;
}

#content span.step {
	display: block;
	font-size: 11px;
	color: #808080;
}

#content h1, #sidebar h1 {
	font-size: 18px;
	margin: 0 0 5px 0;
}

#content h2 { 
	margin: 0 0 3px 0;
	font-size: 14px;
}

#content h3 { margin: 0 0 1px 0; font-size: 12px; }
#content h3.p { margin-left: 140px;}

#content h2.margin-top { margin-top: 15px; }

#content p { margin: 0 0 15px 0; }
#content p.small { font-size: 11px; color: #a1a1a1; }
#content p.hint { font-size: 11px; color: #808080; }

#content sup { line-height: 0px; }

#nav { 
	text-align: right; 
	margin: 25px 0 0 0;
}

a, #nav a, #nav span {
	font-weight: bold;
	color: #5ea2d2;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

#nav span { color: #8f8f8f; font-size: 12px; }
#nav span.previous { background: url(img/btn-previous-disabled.gif) no-repeat 0 2px; padding-left: 15px; float: left; }
#nav span.next { background: url(img/btn-next-disabled.gif) no-repeat right; padding-right: 15px; }

#nav a:hover { text-decoration: underline; }
#nav a.previous { background: url(img/btn-previous.gif) no-repeat 0 2px; padding-left: 15px; float: left; }
#nav a.next { background: url(img/btn-next.gif) no-repeat right; padding-right: 15px; }


#order-nav {
	text-align: center;
	margin: 30px 0 15px 0;
	padding: 0 25px 0 25px;
	height: 50px;
}

#order-nav span {
	font-size: 11px;
}

#order-nav ul { 
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#order-nav li {
	margin: 0 0 3px 0;
	display: block;
	color: #A1A1A1;
	text-decoration: none;
	float: left;
	text-transform: uppercase;
	background: url(img/line-inactive.gif) repeat-x 0 8px;
}

#order-nav li.active {
	background-image: url(img/line-active.gif);
}

#order-nav li img {
	padding: 0 0 5px 0;
}

#order-nav li a, #order-nav li span {
	width: 100px;
	display: block;
}

#order-nav li a {
	color: #808080;
	text-decoration: none;
	font-size: 11px;
}

#order-nav a img { margin-bottom: 3px; }

#order-nav li span.active { color: #5ea2d2; font-weight: bold; }
#order-nav li a { font-weight: normal; }
#order-nav li a.active { color: #fff; font-weight: bold;  }

#order-nav li a:hover {
	color: #5ea2d2;
}

div.error {
	color: #E25F53;
	margin: 0 0 15px 0;
	background: url(img/exclamation.gif) no-repeat;
	padding: 0 0 0 25px; 
}

div.error a { color: #E25F53; text-decoration: underline; }
div.error a:hover { text-decoration: none; }

div.hint {
	color: #bc7c12;
	margin: 0 0 15px 0;
	background: url(img/icon_alert.gif) no-repeat;
	padding: 0 0 0 25px; 
}

div.hint a { color: #bc7c12; text-decoration: underline; }
div.hint a:hover { text-decoration: none; }

#content span.error {
	display: inline;
	font-weight: bold;
	color: #E25F53;
	font-size: 14px;
}

td.error {
	color: #E25F53;
}
	
fieldset { border: 1px dotted #808080; margin: 0 0 15px 0; }
legend { font-weight: bold; font-size: 12px; }
legend a  { float: right; }
#content fieldset p { margin-bottom: 0; }

#content div.shop { margin: 0 0 25px 0; text-align: justify; border-bottom: 1px solid silver; 
	padding-bottom: 20px; }
#content div.shop h2 { margin-bottom: 8px; }
#content div.shop div { }
#content span.price { display: block; font-size: 18px; font-weight: bold;	text-align: right; }

#content div.product { text-align: right; }
#content div.product span { color: #a1a1a1; font-weight: bold; }

.l { float:left; }
.r { float:right; margin: 0 0 0 15px; }

table.em-table {width:775px;color:#444;margin:10px 0 15px 0;}

table.em-table a, table.em-table a :visited{text-decoration:none;color:#3F83C7;font-weight:normal;}
table.em-table a:hover {text-decoration:underline;color:#3F83C7;font-weight:normal;}

table.em-table td {text-align:center;}
table.em-table td.header {color:#3F83C7;font-weight:bold;background-color:#F5F5F5;padding:10px 0 20px 0;}
table.em-table td.bt {border-top:dotted 1px #ccc;}
table.em-table td.gray{background-color:#F5F5F5;}
table.em-table td.right{text-align:right; padding-right:10px;}
table.em-table td.left{text-align:left;}
table.em-table td.order a{display:block;font-weight:bold;padding:15px 0 8px 0; font-size:1.2em;}

table.em-table tr.top td.bg-top-left {background:URL(http://emagcreator.com/ecommerce/images/products-table-tl.png) left top;}
table.em-table tr.top td.bg-top {background:URL(http://emagcreator.com/ecommerce/images/products-table-top.png) left top;}
table.em-table tr.top td.bg-top-right {background:URL(http://emagcreator.com/ecommerce/images/products-table-tr.png) right top;}

table.em-table tr td.bg-bottom-left {background:URL(http://emagcreator.com/ecommerce/images/products-table-bl.png) left bottom;}
table.em-table tr td.bg-bottom {background:URL(http://emagcreator.com/ecommerce/images/products-table-bb.png) left bottom;}
table.em-table tr td.bg-bottom-right {background:URL(http://emagcreator.com/ecommerce/images/products-table-br.png) right bottom;}

table.em-table tr td.bg-right {background:URL(http://emagcreator.com/ecommerce/images/products-table-right.png) right top;}
table.em-table tr td.bg-left {background:URL(http://emagcreator.com/ecommerce/images/products-table-left.png) left top;}

div.space {margin:15px 20px 20px 20px; text-align:left;}
div.error2 {font-weight:bold;color:red;}