html {
font-family: "Verdana",Arial,sans-serif;
min-height: 100%;
margin-bottom: 0.1px;
}

body {
font-size: 100.01%;
min-height: 600px;
min-width: 900px;
height: 100%;
position: relative;
}

.unsichtbar, .sef {
position: absolute;
top: -5000em;
left: -5000em;
overflow: hidden;
text-indent: -5000em;
margin: 0;
}

/* 
	CONTAINER
*/

p {
font-size: 12px;
color: black;
}

#footer {
width: 900px;
height: 31px;
margin: 0 auto 40px auto;
clear: both;
background-image: url(../_img/footerbg.gif);
}

#footerlinks {
width: 900px;
margin: 0px auto;
text-align: center;
font-size: 12px;
position: relative;
top: 8px;
}

#footerlinks a {
color: #203D39;
text-decoration: underlined;
}

#footerlinks a.hover {
color: #58B0A2;
}

/* 
	HEADER/TITLE/BRANDING
*/

#headline {	
width: 900px;
clear: left;
margin: 0 auto;
height: 200px;
}

#headerbar {
width: 900px;
margin: 0 auto;
position: relative;
}

/* 
	NAVIGATION
*/

#navwrap {
width: 900px;
clear: left;
margin: 0 auto;
background-color: #FFFFFF;
overflow: hidden;
}

#navigation {
width: 900px;
margin: 10px auto 0 auto;
}

#navigation ul {
float: left;
}

#navigation li {
width: 100px;
float: left;
display: block;
}

#navigation li a {
background-image: url(../_img/b-up-kurz.gif);
color: #FFFFFF;
text-decoration: none;
text-align: center;
font-size: 13px;
font-weight: bold;
display: block;
padding: 11px 25px 10px 25px;
}

#navigation li.active a {
background-image: url(../_img/b-over-kurz.gif);
}

#navigation li a:hover {
background-image: url(../_img/b-over-kurz.gif);
}

/* 
	CONTENT
*/

#content {
clear: both;
width: 900px;
margin: 0 auto 0 auto;
padding: 0;
border-left: 1px dotted #CCC;
border-right: 1px dotted #CCC;
overflow: hidden;
}

#mainbody {	
float: right;
/* clear: both;*/
width: 645px;
margin: 0;
padding: 0 25px 0 0;
}

#mainbody h1 {
font-weight: bold;
font-size: 16px;
font-style: italic;
padding: 15px 0 8px 0;
color: #376961;
}

#mainbody h2 {
font-weight: bold;
font-size: 14px;
font-style: normal;
padding: 15px 0 8px 0;
color: #376961;
}

#mainbody h3 {
font-weight: bold;
font-size: 12px;
padding: 15px 0px 5px 0px;
margin: 10px 0 0 0;
color: #40857B;
}

#mainbody h4 {
font-size: 12px;
margin: 10px 0 0 0;
font-style: italic;
color: #666666;
}

#mainbody a {
font-size: 12px;
color: #40857B;
text-decoration: none;
}

#mainbody a:hover {
color: #58B0A2;
text-decoration: none;
}

#mainbody p {
font-size: 12px;
margin: 5px 0 0 0;
line-height: 14px;
}

#mainbody ul {
padding: 0px 0px 10px 30px;
margin: 0px;
list-style-image: url(../_img/pfeil.gif);
}

#mainbody li {
padding: 0px;
margin: 0px 0px 5px 0px;
font-size: 12px;
line-height: 10px;
}

/* 
	TABLES
*/

#mainbody table {
/* border: 1px solid #CCCCCC; */
border-collapse: collapse;
margin: 30px 0 0 0;
}

#mainbody table th {
border: 1px dotted #CCCCCC;
padding: 5px 8px 5px 8px;
text-align: center;
background-color: #58B0A2;
color: #FFFFFF;
font-style: italic;
font-size: 11px;
}

#mainbody table th.head {
font-weight: bold;
}

#mainbody table .inforow th {
background: none;
color: #000000;
text-align: right;
}

#mainbody table td {
/* border: 1px dotted #CCCCCC; */
padding: 5px 8px 10px 8px;
}

#mainbody table td.last {
text-align: right;
}

/* 
	MINIBASKET
*/

div.minibasket {
float: right;
padding: 10px 0 0 26px;
background-image: url(../_img/basket.gif);
background-position: 0px 9px;
background-repeat: no-repeat;
color: #FFFFFF;
position: relative;
height: 35px;
margin: 0;
text-align: right;
font-size: 11px;
font-style: normal;
}

div.minibasket h4 {
display: none;
}

div.minibasket a {
position: absolute;
top: 10px;
right: 0;
display: block;
color: #40857B;
text-decoration: none;
text-indent: 1000em;
overflow: hidden;
width: 100%;
height: 30px;
}

div.minibasket a:hover {
text-decoration: none;
color: #58B0A2;
}

/* 
	SIDENAV
*/

#sidenav {
float: left;
width: 200px;
background-color: #72E0CD;
}

#sidenav h4 {
background-color: #58B0A2;
padding: 9px 13px 11px 13px;
color: #FFFFFF;
text-align: left;
margin: 30px 0 0 0;
font-size: 13px;
font-weight: bold;
border-top: 1px solid #FFFFFF;
}

#sidenav a {
color: #FFFFFF;
}

#sidenav a:hover {
color: #203d39;
}

/*
	MINILOGIN
*/

#sidenav .minilogin form {
padding: 10px 10px 15px 10px;
background-color: #58B0A2;
border-bottom: 1px solid #FFFFFF;
}

#sidenav .minilogin p {
padding: 10px 10px 5px 13px;
font-size: 12px;
color: #FFFFFF;
}

#sidenav .minilogin form input {
margin: 5px 0 5px 0;
}

/*
	BREAD
*/

#bread {
padding: 5px 0 5px 0;
margin: 10px 0 0px 0;
font-size: 10px;
}

#bread img {
margin: 0 8px 0 8px;
}

#bread a {
color: #CCCCCC;
text-decoration: none;
}

/*
	CATEGORY PAGE
*/

#page-category h1 {
font-size: 16px;
color: #000000;
margin: 0 0 30px 0;
text-align: center;
}

#page-category .product {
border: 1px dotted #CCCCCC;
width: 270px;
float: left;
padding: 10px 20px;
margin: 0 10px 12px 0px;
text-align: center;
height: 12,5em;
overflow: hidden;
}

#page-category .catEmpty {	
padding: 20px 0px 30px 0px;
text-align: left;
}

#page-category .product:hover {
border: 1px solid #CCCCCC;
}

#page-category .product h2 {
font-size: 14px;
font-weight: bold;
text-align: center;
margin: 0 0 10px 0;
padding: 0;
}

#page-category .product h2 a {
text-decoration: none;
color: #000000;
}

#page-category .product a {
width: 100%;
display: block;
}

#page-category .product img {
margin: 0 auto 10px auto;
display: block;
}

#page-category .product h4 {
font-weight: bold;
font-style: normal;
color: #666666;
display: inline;
margin: 0 5px 0 0;
}

#page-category .product p {
display:inline;
}

#page-category .metatext {
padding: 20px 0 30px 0;
}

/*
	PRODUCT PAGE
*/

#shopPage-p h1 {
font-size: 14px;
font-style: italic;
margin: 0 0 0 240px;
color: #22211D;
}

#amount {
width: 32px;
}

#prodimage {
float: left;
margin: 0 0 0 20px;
}

.desc h3 {
font-weight: bold;
font-style: italic;
font-size: 12px;
padding: 10px 0 0 0;
}

.proddetails {
margin: 0 20px 0 240px;
}

.p-price {
text-align: right;
font-size: 12px;
margin: 10px 0 10px 0;
padding: 20px 0 30px 0;
color: #000000;
}

.priceinfo {
clear: left;
color: #666666;
font-size: 9px;
text-align: center;
margin: 0 0 20px 0;
border-top: 1px solid #58B0A2;
padding: 10px 0 25px 0;
}

#prodthumbs {
text-align:center;
}

#prodthumbs img {
margin: 10px 20px 0 10px;
}

#shopPage-p p.pager {
clear: left;
text-align: center;
padding: 20px 0 0px 0;
}

#shopPage-p p.pager a {
text-decoration: none;
font-size: 12px;
font-weight: bold;
margin: 0 20px 0 20px;
color: #58B0A2;
font-style: normal;
}

#shopPage-p p.pager a:hover {
color: #203D39;
}

#shopPage-p .variations h3 {
font-weight: bold;
font-style: normal;
padding: 15px 0 7px 0;
display: block;
}

#shopPage-p .variations p.prodopt {
margin: 0 0 10px 30px;
font-size: 12px;
}

#shopPage-p .variations p.prodopt input {
margin: 0 10px 0 0;
}

#shopPage-p p.calcPrice {
margin: 30px 0 20px 0;
font-weight: bold;
}

#shopPage-p p.calcPrice span {
font-weight: normal;
font-style: italic;
}

/*
	SHOP NAVIGATION
*/

#sidenav .categories ul {
border-top: 1px solid #FFFFFF;
}

#sidenav .categories li {
height: 30px;
font-size: 13px;
border-bottom: 1px solid #72E0CD;
}

#sidenav .categories li a {
height: 30px;
color: #FFFFFF;
text-align: left;
text-decoration: none;
font-weight: bold;
padding: 11px 0 0 13px;
display: block;
background-image: url(../_img/b-up.gif);
background-repeat: no-repeat;
}

#sidenav .categories li a:hover {
background-image: url(../_img/b-over.gif);
}

#sidenav .categories li.active a {
background-image: url(../_img/b-over.gif);
}

/*	WEITERE MENUEITEMS  */

#sidenav .others ul {
border-bottom: 1px solid #FFFFFF;
}

#sidenav .others li {
height: 30px;
font-size: 13px;
border-bottom: 1px solid #72E0CD;
}

#sidenav .others li a {
height: 30px;
color: #FFFFFF;
text-align: left;
text-decoration: none;
font-weight: bold;
padding: 11px 0 0 13px;
display: block;
background-image: url(../_img/b-up.gif);
background-repeat: no-repeat;
}

#sidenav .others li a:hover {
background-image: url(../_img/b-over.gif);
}

#sidenav .others li.active a {
background-image: url(../_img/b-over.gif);
}


/*
	SHOP MENUE
*/

div#shopnav {
margin: 10px 0 30px 0;
padding: 15px 10px 10px 25px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
background-color: #58B0A2;
}

div#shopnav ul {
text-align:left;
font-size: 12px;
}

div#shopnav li {
padding: 0 0 10px 0;
}

/*
	ACCOUNT
*/

#page-account-update table {
width: 100%;
}

#page-account-update td {
text-align: center;
}

tr.order_OPEN td {
background-color: #FFFFE8;
}

tr.order_PROCESS td {
background-color: #B9FFCB;
}

tr.order_FRAUDULENT td {
background-color: #FFCAB8;
}

tr.order_SENT td {
background-color: #CAFFF4;
}

tr.order_CANCELLED td {
background-color: #FFCAB8;
}

#page-account-update .order {
padding: 0 0 0 30px;
}

#page-account-update div.orderdetails h3 {
padding: 10px 0 10px 0;
}

#page-account-update div.orderdetails pre {
white-space: pre;
font-size: 11px;
font-family: "Monaco","Lucida Console","Courier New",monospace;
overflow: auto;
border: 1px solid #CCCCCC;
padding: 10px;
margin: 0 0 30px 0;
}

/*
	WARENKORB
*/

#page-basket strong {
font-weight: bold;
font-size: 14px;
}

#page-basket table {
width: 630px;
clear: left;
}

#page-basket table td {
font-size: 12px;
}

#page-basket input.button {
margin-top: 15px;
}

div.addresses {
float: left;
width: 600px;
margin: 15px 0 0 0;
}

div.addresses h3 {
font-weight: bold;
font-size: 12px;
}

div.addresses div {
float: left;
margin: 0 40px 0 0;
}

div.addresses input {
margin: 20px 0 0 0;
}

/* 
	FORMS
*/

/* Formulare */

form.formation {
margin: 15px 0 20px 0;
padding: 0;
font-size: 12px;
width: 98%;
}

form.formation fieldset {
border: none;
padding: 0;
float: left;
width: 100%;
margin: 0 0 20px 0;
}

form.formation legend {
font-weight: bold;
font-size: 12px;
padding: 0 5px 0 0;
margin-left: -5px;
background-color: transparent;
color: #666666;
}

form.formation label {
width: 11px;
float: left;
margin: 0.2em 0 0.6em 0;
}

form.formation h3 {
font-size: 12px;
margin: 20px 0 10px; 0;
}

form.formation p.radio, form.formation p.checkbox {
width: 9em;
float: none !important;
margin: 0.2em 0 0.6em 0;
font-size: 1em;
color: #000000;
}

form.formation label.radio, form.formation label.checkbox {
float: none;
margin: 0 0 5px 5px;
width: auto;
}

form.formation input.radio, form.formation input.checkbox {
float: left;
width: auto;
margin: 0 0.4em 8px 0;
border: none;
background: none;
}

div.checkset, div.radioset {
margin-bottom: 10px;
margin-left: 9em;
}
			
form.formation input, form.formation select, form.formation textarea {
float: left;
margin: 0.3em 5px 0.6em 0;
padding: 2px;
border: 1px solid #b4babd;
background-color: #f8f8f8;
font-family: "Monaco","Lucida Console","Courier New",monospace;
font-size: 1.07em;
}
			
form.formation input.text {
background: none;
background-color: #FFFFFF;
}
		
form.formation input.text, form.formation input {
margin-top: 0;
width: 70%;
}

form.formation textarea {
width: 70%;
height: 140px;
}

form.formation input.button, form.formation input.submit {
width: 150px;
}

/* search box */

#rexsale_search {
height: 57px;
background-image: url(../_img/bg-suche.gif);
padding: 5px 13px 6px 13px;
text-align: left;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
margin: 30px 0 30px 0;
font-size: 12px;
color: #FFFFFF;
}

#rexsale_search input {
margin: 5px 10px 5px 8px;
}

/* komplett verlinktes magazin_Layout */

a.magazine-link, a:link.magazine-link, a:visited.magazine-link {
cursor: pointer;
display: table;
display: inline-block;
filter: alpha(opacity=80);
line-height: 0.0em;
opacity: 0.80;
-moz-opacity: 0.80;
}

a:focus.magazine-link, a:hover.magazine-link, a:active.magazine-link {
cursor: pointer;
filter: alpha(opacity=100);
opacity: 1.00;
-moz-opacity: 1.00;
}