/* CSS Document */


body 
{
font: 100.01% Arial, sans-serif;
color: #333333;
margin:0;
padding:0;
background-color: #FFFFFF;
}

.unsichtbar
{	position:absolute;
	top: -2000px;
	left: -2000px;
	overflow:hidden;
	text-indent: -1000em;
	margin: 0;
	padding: 0;
	font-size: 0;
}


/* Title 
**********************************************************/

div#title
{	position:relative;
	background:url(../img/desico_title.gif) no-repeat;
	height: 100px;
	width: 955px;
	margin: 0;
	padding: 0;
}

div#title h1
{	position:absolute;
	top: -1000em;
	left: -1000em;
	overflow:hidden;
	text-indent:-1000em;
	margin: 0;
	padding: 0;
	font-size: 0;
}
img#signet {
border: none;
position: absolute;
width: 165px;
top: 65px;
left: 0;
}

div#lang {
position: absolute;
margin: 0;
padding: 0;
top: 5px;
right: 0;

}
div#lang img {
margin: 3px;
border: none;
}


/* Navigation
**********************************************************/

#navigation {
position: absolute;
top: 100px;
left: 0;
width: 165px;

padding: 5px 0 5px 0;
text-align: right;
background: #E4E7DC url(../img/bg_nav.gif) repeat-y right top;
font-size: 0.75em;
}

#navigation ul {
list-style: none;
margin: 5px 0 10px 0;
padding: 0;
}
#navigation li {
list-style: none;
margin: 4px 0 4px 0;
padding: 0;
text-transform: uppercase;
font-weight: bold;
}
#navigation li a {
text-decoration: none;
padding-right: 20px;
color: #666666;
}
#navigation li.active {
background: url(../img/pfeil_aktiv.gif) no-repeat top right;
}
#navigation li.active a,
#navigation li.active a:hover {
color: #0066CC;
}

#navigation li.active li a
{	color:#333333;
}


#navigation ul ul,
{
margin: 0 0 12px 0;
font-size: 0.7em;
}

#navigation ul ul li,
#navigation ul ul ul li {
list-style: none;
margin: 0 0 3px 0;
padding: 0;
text-transform:none;
font-weight: normal;
background: none;
}
#navigation ul ul li.active {
background: url(../img/pfeil_aktiv2.gif) no-repeat top right;
}
#navigation li.active ul ul li a,
#navigation li.active ul ul li.active ul.ebene2 li a {
color: #515151;
padding-right: 22px;
}
#navigation li.active ul ul li.active a,
#navigation li.active ul ul li.active a:hover,
#navigation li.active ul ul li.active ul li.active a,
#navigation li.active ul ul li.active ul li.active a:hover {
color: #0066CC;
}

#navigation li a:hover,
#navigation li.active ul ul li a:hover,
#navigation li.active ul ul li.active ul li a:hover {
color: #333333;
}


/* Navi Anpassung (Neue GN2 "Layout" Navigation) */
#navigation li.active li.active a
{	color:#0066CC;
}
#navigation li.active li.active ul li a
{	border:none;
	color:#333333;
}
#navigation li.active li.active ul li.active a
{	color: #0066CC;
}

#navigation ul ul
{	font-size:0.95em;
}


/* Inhalt
**********************************************************/

#content {
position: relative;
margin: 0 0 0 230px;
padding: 0 0 25px 0;
font-size: 0.75em;
width: 725px;
color: #4F5242;
}

#content a img {
border: none;
}

/* Inhaltsblöcke */

div.section-txt {	
margin: 0 0 15px 0;
padding: 0;
}

/* Infobox mit Rahmen und Bild links */
div.section-info {	
border: 1px solid #787761;
margin: 0 0 15px 0;
padding: 8px 0 5px 0;
color: black;
}
div.section-info p {
padding: 0 8px;
line-height: 1.1em;
}

div.section-info img {
float: left;
margin: 3px 10px 10px 0;
}

div.section-txt:after,
div.section-info:after,
div.pagehead:after
{	content: "."; 
	display: block; 
	clear: left;
	height: 0;
	font-size: 0;
	visibility: hidden;
}

/*linke und rechte Spalte definieren */
.li-breit {
width: 425px;

}
.re-breit {
float: right;
width: 425px;
}
.li-schmal {
width: 255px;

}
.re-schmal {
float: right;
width: 255px;
}

/* Seitenüberschrift */

div.pagehead {	
margin: 0 0 15px 0;
padding: 0;
}

div.pagehead h1,
div.pagehead h2,
div.pagehead h3,
div.pagehead h4,
div.pagehead h5,
div.pagehead h6 {
margin: 0;
text-transform: uppercase;
}



/* Formulare mit FORMation */

form.formation {
width: 414px;
}

body#redaxo5 form.formation /* Kontakt */ {
float: right;
margin-bottom: 15px;
padding-left: 10px;
border-left: 1px solid #CACFB9;
}

form.formation fieldset 
{	border: none;
	padding: 0px;
}

form.formation legend
{	font-weight: bold;
	font-size: 1.1em;
	padding: 0 0 10px 0;
	margin-left: -5px;
	background-color: transparent;
}
form.formation label 
{	width:9.5em;
	float:left;
	margin:0.2em 0 0.6em 0;
}

form.formation p.radio,
form.formation p.checkbox
{	width:9.5em;
	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;
}


div.checkset,
div.radioset
{	margin-bottom: 10px;
}
			
form.formation input,
form.formation select, 
form.formation textarea 
{	float:left;
	margin:0.2em 0 0.6em 0;
	border: 1px solid #A1A68F;
	background-color: #F6F8F1;
}

			
form.formation fieldset br 
{	clear:left;
}
		
form.formation input.text,
form.formation input
{	padding:0.1em;
	margin-top: 0;
	width: 65%;
}

form.formation textarea 
{	padding:0.1em;
	width: 65%;
}
			
form.formation input.button 
{	color:black;
	text-transform: uppercase;
	background-color: #B0B3A4;
	border: 1px solid #787761;
	width: 8em;
}

form.formation p.capDesc 
{	margin: 15px 0 0 0;
	font-size: 1em;
	color: #000000;
}
form.formation input.captchatext
{	margin-top: 5px;
	width: 8em;
}
img.captcha
{	float: left;
	padding-right: 10px;
}
form.formation p
{	
}
.textdesc
{	font-size: 1em;
	font-weight: bold;
	margin-top: 16px;
}

.req
{	color: #0066CC;
	font-size: 1.2em;
	margin-left: 3px;
}
.required,
.FORMATIONsuccess,
.FORMATIONerror
{	color: #0066CC;
}

.required {
width: 10em;
float: left;
font-size: 0.95em;
}



/* Text-Formate allgemeim
**************************/

h1 {
color: #4F5242;
font-size: 1.3em;
font-weight:bold;
font-style: italic;
margin: 20px 0 12px 0;
}
h2 {
color: #67695F;
font-size: 1.1em;
margin: 20px 0 8px 0;
letter-spacing: 0.03em;
}
h3 {
color: #4F5242;
font-size: 0.95em;
margin: 20px 0 8px 0;
letter-spacing: 0.05em;
font-weight: normal;
text-transform: uppercase;
}
h4 {
color: #67695F;
font-size: 0.9em;
margin: 16px 0 4px 0;
}
h5 {
color: #4F5242;
font-size: 0.8em;
margin: 16px 0 4px 0;
letter-spacing: 0.05em;
font-weight: normal;
}
h6 {
color: #4F5242;
font-size: 0.8em;
margin: 16px 0 3px 0;
font-weight: normal;
}

p {
margin: 0 0 10px 0;
line-height: 1.5em;
}

strong 
{	
}

ul {
margin: 0 0 18px 30px;
line-height: 1.2em;
}
ol {
margin: 0 0 18px 30px;
line-height: 1.2em;
}
li {
margin: 8px 0;
}

a {
/*color: #787761;*/
color: #4F5242;
}
/*#content a {
font-weight: bold;
}*/
a.extern {
padding-left: 8px;
background: url(../img/link_ex.gif) no-repeat;
}
a:link, a:active, a:visited {
text-decoration: underline;
}
a:hover {
text-decoration: none;
color: #787761;
}

hr /* Modul horizontale Linie */{
height: 1px;
background-color: #CACFB9;
color: #CACFB9;
border: none;
margin: 0 45px 10px 0;
}
hr.space /* Modul Abstandshalter */{
height: 1px;
background-color: #ffffff;
color: #ffffff;
border: none;
margin: 20px 45px 10px 0;
}

table {
border-collapse: collapse;
margin-bottom: 15px;
line-height: 1em;
}

th
{
border: 1px solid #666666;
padding: 0.3em 0.3em 0.6em 0.3em;
background-color: #cccccc;
text-align: left;
vertical-align: top;
}
td {
border: 1px solid #666666;
padding: 0.8em 0.5em 0.5em 0.3em;
text-align: left;
vertical-align: top;
}


/* Footer
**********************************************************/

#footer {
font-size: 0.65em;
margin: 0 0 0 230px;
padding: 25px 0 10px 0;
clear: both;
}
#footer p {
color: #B1B4A7;
}
#footer a {
color: #B1B4A7;
}


/* Desico RexSale */
#sidenav
{	width:153px;
	border-top:20px solid #FFFFFF;
	margin-top:40px;
	margin-left:0;
}
*+html #sidenav
{	position:relative;
	left:-12px;
}
* html #sidenav
{	position:relative;
	left:-12px;
}

/* Shopnav */
#shopnav
{   border-bottom:1px solid #E4E7DC;
	border-right:1px solid #E4E7DC;
    margin:0 0 0 0;
	padding: 0 10px 5px 0;
}
#shopnav ul
{    margin:0;
    padding:0;
    list-style:none;
    text-align:right;
}
#shopnav li
{   display:inline;
    margin:0 10px 0 0;
}
#shopnav li a
{	text-decoration:none;
}

/* Shop Categories */
#navigation .shopnav
{	margin-top:-4px;
}
#navigation .shopnav ul li
{	font-size:0.95em;
	text-transform:none;
	font-weight:normal;
}
#navigation .shopnav li.active
{	background: url(../img/pfeil_aktiv2.gif) no-repeat top right;
}





.minibasket,
.categories,
.minilogin
{	background-color:#F1F3EA;
	padding:0px 10px 14px 10px;
	margin:35px 0 0 0;
}
.minilogin
{	margin-bottom:20px;
}
.minibasket
{	text-align:right;
}

#sidenav h4
{	font-style:italic;
	text-transform:uppercase;
	font-size:1em;
	text-align:right;
	position:relative;
	top:-1.1em;
	margin:0 0 0 0;
}


/* RexSale Navi */
/*
.categories
{	padding:0 0 15px 0;
}
.categories ul
{	margin:0 0 5px 0;
	padding:0 0 0 0;
	list-style:none;
}
.categories ul li
{	text-align:right;
	margin:0;
}
.categories ul li a
{	color:#666666;
	text-decoration:none;
	display:block;
	padding:0 10px 0 0;
}
.categories ul ul li a
{	font-size:0.9em;
}
.categories ul li.active a,
.categories ul li.active li.active a
{	background: url(../img/pfeil_aktiv_shop.gif) no-repeat 144px 0px;
}
.categories ul li.active li a
{	background:none;
}*/

/* Rexsale Forms */
fieldset
{	border:none;
}
.minilogin label
{	display:block;
	clear:left;
}
.minilogin input.text
{	border:1px solid #333333;
	width:106px;
	margin:8px 0 12px 0;
	font-family:Arial,sans-serif;
	font-size:1em;
	padding:2px;
}
.minilogin input.button
{	margin:5px 0 10px 0;
	background-color:#B0B3A4;
	border:1px solid #787761;
	color:black;
	text-transform:uppercase;
	width:112px;
	padding:2px;
	font-size:1em;
}
.minilogin p
{	text-align:right;
	margin:3px 0 0 0;
}
.minilogin br
{	display:none;
	clear:none;
}

/* RexSale Layout */

#shopPage-p h1 {
	float:left;
	width:250px;
	margin:0 0 20px 0;
}

#shopPage-p {
padding-top:20px;
}

#shopPage-p #desc3 {
	padding-top:20px;
}

/* RexSale Catview */
.metabild 
{	margin-bottom:20px;
}
.metatext
{	margin-bottom:20px;
}
.product
{	border:1px solid #CCCCCC;
	margin:-4px 0 20px 0;
	padding:12px 15px;
	float:left;
	width:690px;
}
.product h2
{	margin:0;
}
.product img
{ 	float:right;
	border:1px solid #666666;
	margin:0 0 0 30px;
}

.product h4 {
	font-size:1.1em;
}

.product .price {
	font-size:1.2em;
	font-weight:bold;
}

/* RexSale Prodview */
#amount
{	width:32px;
}
.p-price
{	font-weight:bold;
	font-size:1.2em;
	margin:20px 0 20px 0;
	clear:left;
}
.variations label
{	text-transform:uppercase;
	font-size:0.8em;
}
.variations div
{	border:1px solid #F1F3EA;
	padding:10px;
	width:20em;
	margin:0 20px 20px 0;
	
}
.variations
{	/*float:left;*/
}
.calcPrice
{	clear:left;
	font-weight:bold;
	margin:20px 0 10px 0;
}
#shopPage-p input.text
{	background-color:#F6F8F1;
	border:1px solid #A1A68F;
	margin:0 0 0 10px;
}
#shopPage-p input.button
{	display:block;
}
input.button
{	margin:20px 0 10px 0;
	background-color:#B0B3A4;
	border:1px solid #787761;
	color:black;
	text-transform:uppercase;
	padding:2px;
	font-size:1em;
}
#prodimage
{	float:right;
	margin:0 0 0 20px;
	width:426px;	
}
#prodimage .sheath
{	height:283px;
	overflow:hidden;
}
#prodimage img
{	
}
#prodthumbs
{	margin:10px 0 0 0;
}
#prodthumbs img
{	width:104px;
	height:69px;
	overflow:hidden;
}


/* RexSale Basket */
#page-basket table
{	width:100%;
	border:1px solid #787761;
}
#page-basket table th
{	background-color:#F1F3EA;
}
* html #page-basket table
{	width:98%;
}
#page-basket input.text
{	width:20px;
}
#page-basket select
{	display:block;
	border:1px solid #787761;
}
#page-basket #kundenwunsch {
	display:block;
	width:350px;
	height:70px;
}