html
{	font-family:Georgia,"Times New Roman",sans-serif;
	min-height: 100%;
	margin-bottom: 0.1px;
}



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



/* 
	CONTAINER
*/
#container
{	position:relative;
	height:100%;
	
}



/* 
	HEADER/TITLE/BRANDING
*/

#branding
{	background-image:url(../_img/headerbg.gif);
	height:50px;
	z-index:90;
	position:relative;
}

#branding h1
{	width:900px;
	height:30px;
	background-image:url(../_img/livebytes.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	text-indent:-1000em;
	overflow:hidden;
	margin:0 auto 0 auto;
	position:relative;
	top:24px;
	
}

#headline
{	background-image:url(../_img/metabg.gif);
	background-repeat:repeat-x;
	height:155px;
}
#headerbar
{	width:900px;
	margin:0 auto;
	position:relative;
	top:-7px;
}
#headerbar p
{	margin:0;
	padding:0;
}
#headline img.metabild
{   margin-top:-7px;
}


/* 
	NAVIGATION
*/
#navwrap
{	width:100%;
	float:left;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	height:0px;
	overflow:hidden;
}

#navigation
{	
	
}

#navigation ul
{	float:right;
}

#navigation li
{	float:left;
	display:block;
}

#bnavigation li a
{	color:#FFFFFF;
	text-decoration:none;
	font-size:0.9em;
	font-weight:bold;
	display:block;
	padding:11px 25px 10px 25px;
}

#bnavigation li.active a
{	
}

#bnavigation li a:hover
{	
}


/* 
	CONTENT
*/
#content
{	clear:left;
		
}
#mainbody
{	margin:0 ;
	padding:0 ;
	width: 420px;
}
#mainbody h1,
#mainbody h2
{	font-weight:bold;
	font-size:1.2em;
	 
	padding:15px 0px 8px 0px;
}

#mainbody a
{	color:#123a46;
}

#mainbody h3
{    
    padding:10px 0px 5px 0px;
    margin:10px 0 0 0;
    color:#515151;
font-size:13px;
}
#mainbody h4
{	margin:10px 0 0 0;
	 
	color:#666666;
}

#mainbody p
{    margin:5px 0 0 0;
}



/* 
	TABLES
*/

#mainbody table
{   border:1px solid #A6E0F6;
    border-collapse:collapse;
	margin:30px 0 0 0;

}
#mainbody table th
{   border:1px solid #A6E0F6;
    padding:5px 8px 5px 8px;
    text-align:left;
    
    color:#666;
     
    font-size:1em;
}
#mainbody table th.head
{	font-weight:bold;
}
#mainbody table .inforow th
{	background:none;
	color:#000000;
	text-align:right;
}
#mainbody table td
{   border:1px solid #A6E0F6;
    padding:5px 8px 10px 8px;
}
#mainbody table td.last
{	text-align:right;
}



/* 
	MINIBASKET
*/
div.minibasket
{	
	padding:10px  0px;
	color:#FFFFFF;
	position:relative;
	
	margin:0 0 0 0;
	text-align:right;
	
}

div.minibasket h4
{	
}

div.minibasket a
{color:#555555;
	display:block;
	overflow:hidden;
	width:100%;
	height:16px;
}
div.minibasket p
{color:#555555;
	display:block;
	overflow:hidden;
	
	height:16px;
padding: 0 10px;
}

/* 
	SIDENAV
*/
#sidenav
{	float:right;
	width:148px;
background-color:#A6E0F6;
display: inline;
}
#sidenav h4
{	
	background-color:#515151;
	
	padding:9px 13px 11px 13px;
	color:#FFFFFF;
	
	text-align:right;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	margin:30px 0 10px 0;
	font-size:0.9em;
	font-weight:bold;
}
#sidenav a
{	color:#515151;
}


/*
	MINILOGIN
*/
#accountbox{
padding: 0 10px 0 10px;
}
#sidenav .minilogin form
{	padding:0 0px 5px 0px;
}
#sidenav .minilogin p
{	padding:0 0px 5px 0px;
	text-align:right;
	font-size:0.9em;
}
#sidenav .minilogin form input
{	margin:0 0 5px 0; width: 118px;
}
#sidenav .minilogin form input submit
{	margin:0 0 5px 0; width: 18px;
}
/*
	BREAD
*/
#bread
{	padding:5px 0 5px 0;
	margin:10px 0 0px 0;
	font-size:0.86em;
}
#bread img
{	margin:0 8px 0 8px;
}
#bread a
{	color:#22211D;
	text-decoration:none;
}



/*
	CATEGORY PAGE
*/
#page-category h1
{	font-size:1.8em;
	color:#22211D;
	margin:0 0 30px 0;
	text-align:center;
}
#page-category .product
{	border:1px solid #ffffff;
	width:152px;
	float:left;
	padding: 10px 20px;
	margin:0 10px 10px 0px;
	text-align:left;
	height:150px;
background-image: url(http://h2-mechatronic.de/files/productrahmen.jpg);
	background-repeat: no-repeat;
	background-position: 0 0; 
	overflow:visible;
}
#page-category .catEmpty
{	padding:20px 0px 30px 0px;
	text-align:left;
}

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

#page-category .product h2
{	font-size:1em;
	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;
	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:1.8em;
	 
	margin:0 0 0 240px;
	color:#22211D;
}
#amount
{	width:32px;
}
#prodimage
{	
	margin:0 0 0 20px;
}
.desc h3
{	font-weight:bold;
	 
	font-size:1em;
	padding:10px 0 0 0;
}
.proddetails
{	margin: 0 20px 0 0px;
}
.p-price
{	text-align:right;
	font-size:1.1em;
	margin:10px 0 10px 0;
	padding:10px 0 10px 0;
	color:#515151;
}
.priceinfo
{	clear:left;
	color:#555555;
	font-size:1em;
	text-align:right;
	margin:0px 0 0 0;
	border-top:1px solid #b3e1ed;
	padding:10px 5px 0 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:1em;
	font-weight:bold;
	margin:0 20px 0 20px;
	color:#555555;
	 
}
#shopPage-p p.pager a:hover
{	color:#000000;
}
#shopPage-p .variations h3
{	font-weight:bold;
	 
	padding:15px 0 7px 0;
	display:block;
}
#shopPage-p .variations p.prodopt
{	margin:0 0 10px 30px;
	font-size:0.9em;
}
#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;
	 
}

/*
	SHOP NAVIGATION
*/

/*level1*/
#sidenav .categories ul
{	border-top:1px solid #FFFFFF;
}
#sidenav .categories li
{	text-align:left;
	background-color:#515151;
	padding:10px 10px; 
	border-bottom:1px solid #FFFFFF;
	font-size:0.9em;
}
#sidenav .categories li a
{	color:#FFFFFF;
	text-decoration:none;
	display:block;
	text-align:right;
	
}
#sidenav .categories li a:hover
{	color:#FFFFFF;
	background-image:url(../_img/blackarrow.gif);
	background-repeat:no-repeat;
	background-position:center left;
}
#sidenav .categories li.active a
{	font-weight:bold;
}
/* reset level 2*/
#sidenav .categories li li
{	background-color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font-weight:normal;
	padding:0;
}
/* level 2 */
#sidenav .categories li ul
{	margin-bottom:10px;	
}
#sidenav .categories li li
{	font-size:1em;
}
#sidenav .categories li li a
{	color:#000000;
	text-align:center;
}
#sidenav .categories li li a:hover
{	background-color:#F0F0F0 !important;
	color:#000000;
	background-image:none;
}
#sidenav .categories li.active li.active a
{	background-color:#E7E7E7;
	font-weight:bold;
}

/* level 3 */
#sidenav .categories li li li
{	font-size:0.9em;
}
#sidenav .categories li li li a
{	color:#515151;
	padding:2px;
}
#sidenav .categories li.active li.active li a
{	background-color:#FFFFFF;
}
#sidenav .categories li.active li.active li.active a
{	background-color:#F0F0F0;
}
#sidenav .categories li li li a:hover
{	background-color:#F0F0F0;
}


/*
	SHOP MENÜ
*/
div#shopnav
{	margin:10px 0 30px 0;
	padding:20px 10px 10px 10px;
	border-top:1px solid #ffffff;
}
div#shopnav ul
{	text-align:right;
	font-size:0.9em;
}
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 
{	padding:0 10px 0 00px;
}
#page-account-update .order
{	padding:0 10px 0 00px;
}

#page-account-update div.orderdetails h3
{	padding:10px 0 10px 0;
}
#page-account-update div.orderdetails pre
{	white-space:pre;
	font-size:1em;
	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:0.9em;
}
#page-basket table
{	width:430px;
	clear:left;
}
#page-basket table td
{	font-size:0.9em;
}
#page-basket input.button
{	margin-top:10px;margin-bottom:10px;
}
div.addresses
{	float:left;
	width:600px;
	margin:15px 0 0 0;
}
div.addresses h3
{	font-weight:bold;
	font-size:0.9em;
}
div.addresses div
{	float:left;
	margin:0 40px 0 0;
}
div.addresses input
{	margin:10px 0 10px 0;width:120px;
}



/* 
	FORMS
*/
/* Formulare */

form.formation
{	margin: 15px 0 20px 0;
	padding: 0;
	font-size:0.8em;
	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: 1.15em;
	padding: 0 5px 0 0;
	margin-left: -5px;
	background-color: transparent;
	color: #878376;
}
form.formation label 
{	width:9em;
	float:left;
	margin:0.2em 0 0.6em 0;
}
form.formation h3
{	font-size:1em;
	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:Arial, sans-serif;
	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%;
}

input.text
{	margin-top: 0;
	width: 100%;
	border: 1px solid #b4babd;
}
input.amount
{	margin-top: 0;
	width: 20px;
	border: 1px solid #b4babd;
}
form.formation textarea 
{	width: 70%;
	height:140px;
}
form.formation input.button,
form.formation input.submit
{	width:120px;
}
input.button,
input.submit
{	 width: 35%;
}
label{display:block;}
.amount, .price{text-align:right;}
#basketform 
{	text-align:right;
}
input.submit { 
  color:#555; 
	  font: bold 100% 'trebuchet ms',helvetica,sans-serif; 
	  background-color:#EFEFEF; 
	  border:1px solid; 
	  border-color: #666 #111 #111 #666; 
	} 
	input.button {
  color:#555; 
	  font: bold 100% 'trebuchet ms',helvetica,sans-serif; 
	  background-color:#EFEFEF; 
	  border:1px solid; 
	  border-color: #666 #111 #111 #666; 
	} 
/* search box */
#rexsale_search
{	
	background-color:#515151;
	
	padding:5px 13px 6px 13px;
	color:#FFFFFF;
	 
	text-align:center;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	margin:10px 0 10px 0;
	font-size:0.9em;
	font-weight:bold;
}
#rexsale_search input
{	margin-top:4px;
	margin-bottom:4px;
width:118px;
}