*						{
						margin: 0px;
						padding: 0px;
						}

html						{
						min-height: 100%;
						}

body						{
						min-height: 100%;

						color: #f9f9f9;
						font-size: 12px;
						font-family: verdana, arial, helvetica, sans-serif;

						background: #000000 url(../img/layout/body.jpg) top left repeat-x;
						}

acronym					{
						cursor: help;
						}

sup						{
						font-family: georgia, verdana, arial, sans-serif;
						}

form, img					{
						border: none;
						}

button					{
						padding: 0px 15px 0px 23px;
						height: 18px;
						line-height: 18px;

						color: #ffffff;

						border: none;
						background: url(../img/layout/button_default.gif) top left no-repeat;
						}

button:hover				{
						background-position: bottom left;
						}

input, textarea				{
						padding: 4px;

						color: #bbbbbb;
						font-size: 0.9em;
						font-family: verdana, arial, helvetica, sans-serif;

						border: #6c6c6c 1px solid;
						border-right: #6c6c6c 2px solid;
						border-bottom: #6c6c6c 2px solid;
						background: #1a1a1a;
						}

input[type=checkbox]			{
						padding: 0px;
						}

input[type=radio]			{
						border: none;
						}

select					{
						color: #bbbbbb;
						background: #1a1a1a;
						}

select option				{
						padding-right: 10px;
						}

input.form_error, textarea.form_error, select.form_error	{
						color: #ec6364;
						border-color: #ec6364;
						}

input:focus, textarea:focus		{
						color: #ffffff;

						border-color: #bbbbbb;
						background: #353535;
						}

a						{
						color: #7cc241;
						text-decoration: underline;
						}

a:hover					{
						color: #ffffff;
						}

a[target=_blank]			{
						padding-right: 5px;
						background: url(../img/icons/a_blank.gif) top right no-repeat;
						}

p						{
						margin: 0 0 1.5em 0;

						line-height: 1.5em;
						}

q						{
						font-style: italic;
						}

address					{
						margin: 1em 1.5em;
						padding-left: 1em;

						font-style: normal;
						line-height: 1.5em;
						border-left: #000000 5px solid;
						}

table, td					{
						line-height: 1.5em;
						}

small						{
						font-size: 0.8em;
						}

em						{
						font-style: normal;
						font-weight: bold;
						}

hr						{
						display: none;
						}

big						{
						color: #006567;
						font-size: 1.3em;
						font-weight: bold;
						}

td						{
						vertical-align: top;
						}


/* ---------------------------- Content-Bereich ---------------------------- */

#content p				{
						margin: 0 0em 1.5em 0em;
						}


#content h1				{
						margin-bottom: 1em;

						color: #ffffff;
						font-size: 1.8em;
						font-weight: bold;
						line-height: 1.8em;
						}

#content h2				{
						margin-bottom: 0.8em;

						font-size: 1.5em;
						}

#content h3				{
						margin-bottom: 0.8em;

						font-size: 1.3em;
						}

#content h4				{
						margin-bottom: 1em;

						font-size: 1em;
						}

#content ul				{
						margin: 0 0 0 2em;
						}

#content .box_top a			{
						color: #ffffff;
						text-decoration: none;
						}


/* ---------------------------- Brotkrumen-Navigation ---------------------------- */

.Breadcrumbs				{
						color: #9d9d9d;
						font-size: 0.9em;
						}

.Breadcrumbs ul				{
						list-style: none;
						}

.Breadcrumbs ul li			{
						float: left;
						}

.Breadcrumbs li a			{
						color: #dddddd;
						text-decoration: none;
						}

.Breadcrumbs a:hover		{
						color: #ffffff;
						text-decoration: underline;
						}

.Breadcrumbs .LinkButton		{
						float: left;
						}

.Breadcrumbs .divider			{
						float: left;
						margin: 0px 3px;
						}

.Breadcrumbs .Title			{
						float: left;
						padding-right: 0.5em;
						}
						
/* -------------------------------------- Kopfnavigation --------------------------------------------- */						
						
#header #head_navigation .Navigation a:hover {
						color:#000000;
}

#header #head_navigation .Navigation li {
						line-height:20px;
}


/* -------------------------------------- Navigation Top --------------------------------------------- */

#navigation_top .Navigation ul	{
						list-style: none;

						height: 42px;
						line-height: 42px;
						}

#navigation_top .Navigation li	{
						float: left;

						padding: 0px 21px;
						}

#navigation_top .Navigation ul a	{
						color: #9d9d9d;
						text-decoration: none;
						}

#navigation_top .Navigation ul a:hover		{
						color: #ffffff;
						}

#navigation_top .Navigation ul li.on a	{
						color: #ffffff;
						}


/* -------------------------------------- Navigation Left --------------------------------------------- */

#navigation_left .Navigation ul	{
						margin-left: 10px;

						line-height: 18px;
						list-style: none;
						}

#navigation_left .Navigation ul ul	{
						margin: 10px 0px 0px 0px;
						}

#navigation_left .Navigation li	{
						padding: 0px 0px 12px 18px;

						background: url(../img/layout/navigation_li.jpg) top left no-repeat;
						}

#navigation_left .Navigation li.on	{
						background: url(../img/layout/navigation_li_on.jpg) top left no-repeat;
						}

#navigation_left .Navigation li a	{
						color: #ffffff;
						text-decoration: none;
						}

#navigation_left .Navigation li a:hover	{
						color: #ffffff;
						text-decoration: underline;
						}

#navigation_left .Navigation li.on a	{
						color: #7cc241;
						}

#navigation_left .Navigation li.on li.off a	{
						color: #ffffff;
						}


/* -------------------------------------- Navigation Right --------------------------------------------- */

#navigation_right ul			{
						list-style: none;
						}


/* ---------------------------- Footer ---------------------------- */

#footer					{
						color: #ffffff;
						font-size: 0.9em;
						}

#footer a					{
						color: #ffffff;
						text-decoration: none;
						}


/* ---------------------------- Startseite ---------------------------- */

#home #content .box_middle a	{
						display: block;

						height: 46px;

						padding: 114px 22px 0px 0px;

						color: #ffffff;
						font-weight: bold;
						text-decoration: none;
						text-align: right;

						background: url(../img/layout/box_middle_a.png) bottom right no-repeat;
						}

#home #content .box_middle a .old_price {
						text-decoration: line-through; 
						font-size: 10px; 
						display: block; 
						width: 50px; 
						padding: 0px 0px 0px 168px;
}

/* ---------------------------- Kategorieuebersicht ---------------------------- */

#category_folder #content .box_middle a	{
						display: block;
						height: 150px;
						}


/* ---------------------------- Kategorieansicht ---------------------------- */

#category #content .box_top, #search #content .box_top	{
						font-size: 1.1em;
						line-height: 1.5em;
						}

#category .smallInfo, #search .smallInfo, #em2008 .smallInfo	{
						font-size: 0.9em;
						line-height: 14px;
						}

#category .smallInfo img, #search .smallInfo img, #em2008 .smallInfo img	{
						vertical-align: middle;
						margin: 0px 3px;
						}


/* ---------------------------- Produktansicht ---------------------------- */

#product #content a.zoom		{
						padding-left: 18px;
						background: url(../img/icons/zoom.gif) center left no-repeat;
						}


#product #content .print a, #product #content .recommend a	{
						display: block;
						padding-left: 28px;

						color: #ffffff;
						font-size: 0.9em;
						line-height: 2em;
						}

#product #content .print a:hover, #product #content .recommend a:hover	{
						text-decoration: none;
						}

#product #content .print a		{
						background: url(../img/icons/print.gif) center left no-repeat;
						}

#product #content .recommend a	{
						background: url(../img/icons/recommend.gif) center left no-repeat;
						}

#product #content a.cart		{
						font-weight: bold;
						}


/* -------------------------------------- Paging --------------------------------------------- */


/* -------------------------------------- Cart small --------------------------------------------- */

#navigation_right table.cart 	{
						width: 90%;
						margin-bottom: 1.5em;

						border-collapse: separate;
						border-spacing: 1px;

						font-size: 0.9em;
						}

#navigation_right table.cart td.description 	{
						font-weight: bold;
						}

#navigation_right table.cart td.quantity, #navigation_right table.cart td.price 	{
						border-bottom: #6c6c6c 1px solid;
						}

#navigation_right table.cart td.price 	{
						text-align: right;
						}

#navigation_right table.cart td.totalprice 	{
						text-align: right;
						border-top: #6c6c6c 1px solid;
						}


/* -------------------------------------- Cart full --------------------------------------------- */
#cart #content p.terms		{
						margin: 0.5em 0 2.5em 0;
						}

#cart #content a.clear, #cart #content a.update		{
						float: right;
						}

#cart #content a.clear		{
						margin-right: 1em;
						}

#cart #content table.cart 		{
						width: 100%;

						border-collapse: separate;
						border-spacing: 0px;

						font-size: 0.9em;
						}

#cart #content table.cart th 	{
						text-align: left;
						border-bottom: #6c6c6c 1px solid;
						}

#cart #content table.cart td 	{
						padding: 0.5em 0px;
						}

#cart #content table.cart th.price, #cart #content table.cart td.price, #cart #content table.cart th.totalprice, #cart #content table.cart td.totalprice, #cart #content table.cart tr.taxvalue td.taxvalue 	{
						text-align: right;
						}

#cart #content table.cart td.quantity input 	{
						width: 2.5em;
						}

#cart #content table.cart td.quantity a 	{
						margin: 0px 2px;
						}

#cart #content table.cart tr.odd td, #cart #content table.cart tr.even td	{
						border-bottom: #6c6c6c 1px solid;
						}

#cart #content table.cart tr.totalprice td	{
						font-weight: bold;
						border-top: #6c6c6c 3px double;
						border-bottom: none;
						white-space: nowrap;
						}

#cart #content .comment		{
						font-size: 0.9em;
						font-style: italic;
						}


/* -------------------------------------- Checkout --------------------------------------------- */

div.notice					{
						font-size: 0.9em;
						font-style: italic;
						clear: both;
						}


/* -------------------------------------- Cart finish --------------------------------------------- */

#finish #content div.box_top a	{
						margin-left: 0.5em;

						color: #7cc241;
						font-size: 0.9em;
						font-weight: normal;
						text-decoration: underline;
						}

#finish #content div.box_top a:hover	{
						color: #ffffff;
						}

#finish #content table.cart 		{
						width: 100%;

						border-collapse: separate;
						border-spacing: 0px;
						}

#finish #content table.cart td 	{
						padding: 0.5em 0px;
						}

 #finish #content table.cart td.price
,#finish #content table.cart td.quantity
,#finish #content table.cart td.totalprice
,#finish #content table.cart th.price
,#finish #content table.cart th.quantity
,#finish #content table.cart th.totalprice
{
    text-align: right;
}

 #finish #content table.cart th.description
,#finish #content table.cart th.number
{
    text-align: left;
}


#finish #content table.cart tr.shipping td	{
						border-top: #6c6c6c 1px solid;
						}

#finish #content table.cart tr.totalprice td	{
						padding-bottom: 2em;

						font-weight: bold;
						border-top: #6c6c6c 3px double;
						}

#finish #content .comment		{
						font-size: 0.9em;
						font-style: italic;
						}


/* -------------------------------------- Order Navigation --------------------------------------------- */

#content .order_top ul		{
						list-style: none;
						padding: 0px;
						margin: 0px;

						height: 1.8em;
						}

#content .order_top li			{
						float: left;

						width: 130px;

						color: #909090;
						font-size: 0.9em;
						text-align: center;
						line-height: 2em;

						background: #353535;
						}

#content .order_top li.on		{
						color: #ffffff;
						font-weight: bold;
						font-style: italic;

						background: #7cc241;
						}

#content .order_top li.off		{
						color: #ffffff;
						background: #6DB332;
						}

#content .order_bottom div.left a.button		{
						float: left;
						}

#content .order_bottom div.right a.button		{
						float: right;
						}


/* -------------------------------------- Order1: Address --------------------------------------------- */

#address #content .SalutationSelect	{
						width: 6em;
						}

#address #content input.street_nr	{
						width: 4em;
						margin-left: 0.5em;
						}

#address #content input.zipcode	{
						width: 4em;
						margin-right: 0.5em;
						}


/* -------------------------------------- Order2: Shipping --------------------------------------------- */

#shipping #content ul.shipping_method	{
						margin: 0px;
						list-style: none;
						}

#shipping #content ul.shipping_method li	{
						padding: 0.5em 0em;
						}


/* -------------------------------------- Order3: Payment --------------------------------------------- */

#payment #content ul.payment_method	{
						margin: 0px;
						list-style: none;
						}

#payment #content ul.payment_method li	{
						padding: 0.5em 0em;
						}

#payment #content ul.payment_method img	{
						vertical-align: middle;
						}


/* -------------------------------------- Account --------------------------------------------- */

#navigation_left .loginbox a, #navigation_right .loginbox a:visited
						{
						line-height: 1.5em;
						}


/* -------------------------------------- Account: Navigation --------------------------------------------- */

#content .account_top ul		{
						list-style: none;
						padding: 0px;
						margin: 0px;

						height: 1.8em;
						}

#content .account_top li		{
						float: left;

						width: 130px;

						text-align: center;
						line-height: 2em;

						background: #353535;
						}

#content .account_top li.on		{
						background: #7cc241;
						}

#content .account_top ul a		{
						color: #909090;
						font-size: 0.9em;
						}

#content .account_top ul li.on a	{
						color: #ffffff;
						font-weight: bold;
						font-style: italic;
						}

#content .account_top ul a:hover{
						color: #ffffff;
						}


/* -------------------------------------- Account: Profile --------------------------------------------- */

#profile #content div.box_top a	{
						margin-left: 0.5em;

						color: #7cc241;
						font-size: 0.9em;
						font-weight: normal;
						text-decoration: underline;
						}

#profile #content div.box_top a:hover	{
						color: #ffffff;
						}

#profile #content input		{
						width: 100%;
						}

#profile #content a.submit		{
						font-weight: bold;
						}

#profile #content a.cancel		{
						margin-left: 1em;
						}

/* -------------------------------------- Account: editCustomer --------------------------------------------- */

#editCustomer #content div.account_bottom a	{
						float: left;
						}

#editCustomer #content a.cancel	{
						margin-left: 1em;
						font-weight: normal;
						}

/* -------------------------------------- Account: editAddress --------------------------------------------- */

#editAddress #content div.account_bottom a	{
						float: left;
						}

#editAddress #content a.cancel	{
						margin-left: 1em;
						font-weight: normal;
						}


/* ---------------------------- Kontakt ---------------------------- */

#contact #content input		{
						width: 90%;
						}

#contact #content textarea		{
						width: 90%;
						height: 8em;

						overflow: hidden;
						}


/* ---------------------------- Produkt weiterempfehlen ---------------------------- */

#recommend #content input		{
						width: 100%;
						}

#recommend #content textarea		{
						width: 100%;
						height: 8em;

						overflow: hidden;
						}


/* ---------------------------- Buttons ---------------------------- */

a.button					{
						position: relative;

						display: block;
						height: 25px;
						margin-right: 5px;

						padding: 0px 25px 0px 30px;

						color: #ffffff;
						cursor: pointer;
						font-size: 1em;
						font-weight: bold;
						text-align: center;
						text-decoration: none;
						line-height: 25px;

						background-color: none;
						background-repeat: no-repeat;
						background-position: top left;
						background-image: url(../img/layout/button_default.gif);
						}

a.button span				{
						position: absolute;
						top: 0px;
						right: -5px;

						width: 10px;
						height: 25px;

						background-position: top right;
						background-image: url(../img/layout/button_default.gif);
						}

a.button:active				{
						color: #dddddd;
						text-decoration: none;

						background-position: bottom left;
						}

a.button:active span			{
						background-position: bottom right;
						}


/* ----------------------- Cart Button ------------------------ */

a.button.cart, a.button.cart span	{
						background-image: url(../img/layout/button_cart.gif);
						}

a.button.cart				{
						padding: 0px 20px 0px 35px;
						}

/* ----------------------- Back Button ------------------------ */

a.button.back, a.button.back span	{
						background-image: url(../img/layout/button_back.gif);
						}

a.button.back				{
						padding: 0px 20px 0px 35px;
						}

/* ----------------------- Top Button ------------------------ */

a.button.top, a.button.top span	{
						background-image: url(../img/layout/button_top.gif);
						}

a.button.top				{
						clear: both;
						float: left;

						margin-top: 3em;
						padding: 0px 20px 0px 35px;
						}

/* ----------------------- Update Button ------------------------ */

a.button.update, a.button.update span	{
						background-image: url(../img/layout/button_update.gif);
						}

a.button.update				{
						padding: 0px 15px 0px 30px;
						}

/* ----------------------- Clear Button ------------------------ */

a.button.clear, a.button.clear span	{
						background-image: url(../img/layout/button_clear.gif);
						}

a.button.clear				{
						padding: 0px 15px 0px 30px;
						}

/* ----------------------- Checkout Button ------------------------ */

a.button.checkout, a.button.checkout span	{
						background-image: url(../img/layout/button_checkout.gif);
						}

a.button.checkout			{
						padding: 0px 35px 0px 30px;
						}

a.button.checkout span		{
						width: 20px;
						}

/* ---------------------------- MISC: Klassen ---------------------------- */

.left						{
						float: left;
						}

.right					{
						float: right;
						}

.center					{
						text-align: center;
						}

#content .textleft			{
						text-align: left;
						}

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

.nm						{
						margin: 0px;
						}

img.left					{
						margin: 0px 10px 10px 0px;
						}

img.right					{
						margin: 0px 0px 10px 10px;
						}

.bold						{
						font-weight: bold;
						}

.italic					{
						font-style: italic;
						}

.uppercase				{
						text-transform: uppercase;
						}

.nowrap					{
						white-space: nowrap;
						}

#content .error_message		{
						color: #ec6364;
						}

#content .error_message a		{
						color: #ec6364;
						}

#content .error_message a:hover	{
						color: #ec6364;
						}

#content ol.none, #content ul.none	{
						list-style-type: none;
						}


/*------ DATA-TABLE -------*/

table.dataTable				{
						width: 100%;
						}

table.dataTable td			{
						padding: 3px 4px 2px 4px;
						}

table.dataTable tr.inactive td	{
						color: #aaaaaa;
						}

table.dataTable thead tr {
    background:url(../img/layout/box_top.jpg) top left repeat-x;
    font-weight:bold;
    color: #ffffff;
}

table.orderInfo, table.shippingaddress, table.paymentaddress, table.moreInfo {
						font-size:0.9em;
}
/*----- SHIPPING -----*/
#shipping_costs div.box {
    width: 300px;
    float: left;
    margin: 0px 10px 10px 0px;
}

#shipping_costs div.box table {
    width: 250px;
}



/* Temporaerer Kram */

a.em2008					{
						display: block;
						width: 518px;
						height: 170px;
						text-indent: -900px;
						overflow: hidden;
						background: url(../2008-06-03/banner.png) top left no-repeat;
						}

#em2008 #content .box_middle	{
						height: 200px;
						}