/*
 * kbergCMSV3
 * ci/stylesheet.css
 * programmer: mike.kronenberg@kberg.ch
 * copyright: mike.kronenberg@kberg.ch
 */

* {
	border-color:                  rgb(96,96,96);
	color:                         rgb(64,64,64);
	text-transform:                lowercase;
	font-family:                   Verdana, Arial;
	font-size:                     12px;
}

BODY {
	margin:                        0px;
	padding:                       75px 50px 50px 300px;
	background-image:              url(../userfiles/bg/DSC_2167_1.jpg);
	background-repeat:             no-repeat;
	background-position:           0px 18px;
	background-attachment:         fixed;
}

TABLE {
	border-spacing:                0px;
	border-collapse:				collapse;
}

H1 {
	margin:                        0px 0px 3px 0px;
	font-size:                     24px;
	text-transform:                uppercase;
	font-weight:                   normal;
	color:                         rgb(96,96,96);
}

H2 {
	border-style:                  dotted;
	border-width:                  0px 0px 1px 0px;
	margin:                        25px 0px 0px 0px;
	font-size:                     12px;
	text-transform:                uppercase;
	font-weight:                   normal;
}

IMG {
	display:                       inline;
	float:                         right;
	border-style:                  none;
	padding:                       5px 5px 5px 5px;
}

DIV#elementContent {
    width:                         500px;
    line-height:                    1.5;             
}

DIV#elementNavPath {
	margin:                        0px 0px 50px 0px;
}

DIV#elementNavPath A {
	text-decoration:               none;
}

DIV#elementNavPath A:hover {
	text-decoration:               underline;
}

IMG.left {
	float:                         left;
}

IMG.nofloat {
	float:                         none;
}

A {
	color:                         rgb(255,128,0);
}

IMG.fileicon {
	float:                         left;
	width:                         12px;
	height:                        12px;
	border-style:                  none;
	padding:                       0px 5px 0px 0px;
}

IMG#logo {
    float:                         none;
}

DIV#logo {
    position:                      fixed;
	//position:                    absolute;
/*	bottom:                        15px;
	left:                         850px; */
	top:                           20px;
	left:                          5px;
}

TD.logo {
	vertical-align:                top;
	line-height:                   19px;
	color:                         rgb(128,128,128);
	font-size:                     14px;
}

DIV#bild {
	position:					fixed;
	//position:					absolute;
	bottom:						19px;
	right:						24px;
}

DIV#icon {
	position:					fixed;
	//position:					absolute;
	bottom:						8px;
	left:						8px;
}

DIV#elementNavTree {
	position:                      fixed;
	//position:                    absolute;
	top:                           72px;
	left:                          0px;
	width:                         240px;
	margin:                        0px;
	padding:                       100px 0px 75px 0px;
}

DIV#elementNavTree A {
	display:                       block;
	margin:                        0px;
	border-style:                  none;
	border-color:                  rgb(128,64,0);
	border-width:                  0px;
	padding:                       1px 0px 1px 10px;
	text-transform:                uppercase;
	text-decoration:               none;
}

DIV#elementNavTree A:hover {
	background-color:              rgb(255,192,128);
	color:                         rgb(64,64,64);
}

DIV#elementNavTree A#selected {
	border-style:                  solid;
	border-width:                  1px 0px 1px 0px;
	padding-top:                   0px;
	padding-bottom:                0px;
	color:                         rgb(64,64,64);
}

DIV#elementNavTree A.navlevel1 {
	padding-left:                  20px;
	text-transform:                lowercase;
}

DIV#elementNavTree A.navlevel2 {
	padding-left:                  30px;
	text-transform:                lowercase;
}

DIV#elementNavTree A.navlevel3 {
	padding-left:                  40px;
	text-transform:                lowercase;
}

DIV#adresse {
/*	opacity:						0.66;
	-filter(opacity)				0.66; */
	position:					fixed;
	//position:					absolute;
	bottom:						0px;
	right:						0px;
	width:						100%;
	margin:						0px;
	border-style:				solid;
	border-width:				1px 0px 0px 0px;
	padding:						5px 5px 5px 5px;
	background-color:			rgb(255,255,255);
	text-align:					right;
}

IMG.shopProductImage {
	padding:						0px;
	float:						left;
}

TD.shopProductImage {
	width:						225px;
	vertical-align:				top;
}

TD.shopProductNumber {
	height:						25px;
	background-color:			rgb(255,224,192);
	padding-left:				5px;
}

TD.shopProductName {
	height:						25px;
	background-color:			rgb(255,224,192);
	padding-left:				5px;
	font-weight:					bold;
}

TD.shopProductDescription {
	padding-bottom:				25px;
	text-align:					top;
}

TD.shopProductPrice {
	width:						100px;
	background-color:			rgb(255,224,192);
	text-align:					right;
}

TD.shopProductQuantity {
	width:						40px;
	background-color:			rgb(255,224,192);
	padding-right:				0px;
	text-align:					right;
}

TD.shopProductBuy {
	width:						25px;
	background-color:			rgb(255,224,192);
	padding-left: 				0px;
}

INPUT.shopQuantity {
	width:						33px;
	height:						20px;
	border-width:				1px;
	text-align:					right;
}

DIV.shopProductTax {
	font-size: 					9px;
}

DIV.shopAutor {
	padding-bottom:				10px;
	font-weight:					bold;
}

INPUT.shopProductBuy {
	border-style:				solid;
	/*border-style:				groove;*/
	border-width:				1px;
	border-color:				rgb(128,128,128);
	padding:						1px;
}

INPUT.shopProductBuy:hover {
	border-color:				rgb(255,128,0);
	background-color:			rgb(255,128,0);
}

TD.wkPrice1Header,TD.wkPrice2Header,TD.wkPrice3Header,TD.wkTax {
	text-align:					right;
}

TD.wkNumber,TD.wkName,TD.wkQantity,TD.wkBuy,TD.wkPrice1,TD.wkPrice2,TD.wkPrice3,TD.wkNameHeader,TD.wkPrice1Header,TD.wkPrice2Header,TD.wkPrice3Header,TD.wkTotalName,TD.wkTotal {
	height:						25px;
	border-style:				solid;
	border-width:				0px 0px 1px 0px;
	border-color:				rgb(224,224,224);
	padding:						0px 5px 0px 5px;
}

TD.wkNumber {
}

TD.wkName {
	width:						250px;
}

TD.wkPrice1 {
	width:						100px;
	text-align:					right;
}

TD.wkPrice2 {
	width:						75px;
	text-align:					right;
}

TD.wkPrice3 {
	width:						75px;
	text-align:					right;
}

TD.wkQuantity {
	width:						40px;
	text-align:					right;
}

TD.wkBuy {
	width:						25px;
	padding-left: 				0px;
}

TD.wkTaxHeader,TD.wkTotalName,TD.wkTotal {
	padding:						10px 5px 5px 5px;
}

TD.wkTaxName {
	padding:						0px 5px 0px 5px;
}

TD.wkTotal {
	text-align:					right;
	font-weight:					bold;
}

INPUT.rOrganisation, INPUT.rTelefon {
	border-width:				1px;
	width:						350px;
}

INPUT.rStrasse,INPUT.rOrt {
	border-width:				1px;
	width:						300px;
}

INPUT.rNummer,INPUT.rPLZ {
	border-width:				1px;
	width:						50px;
}

INPUT.rName,INPUT.rVorname {
	border-width:				1px;
	width:						175px;
}

INPUT.rButton {
	width:						150px;
}

TEXTAREA.rBemerkungen {
	border-width:				1px;
	width:						485px;
	height:						50px;
}

TD.rHeader {
	padding:						25px 5px 5px 5px;
}

TD.rDescription {
	width:						125px;
	padding:						5px;
	text-align:					right;
}

TD.rButton {
	text-align:					right;
}

TD.rButtons {
	padding:						25px 0px 5px 5px;
	text-align:					right;
}

TD.wkAnleitung1 {
	border-style:				dotted;
	border-width:				0px 0px 1px 0px;
	border-color:				rgb(128,128,128);
	font-size:					16.5px;
}

SPAN.wkAnleitung2 {
	font-size:					33px;
}

TD.wkAnleitung2 {
	border-style:				dotted;
	border-width:				0px 0px 1px 0px;
	border-color:				rgb(128,128,128);
	font-size:					16.5px;
}

TD.wkAnleitung3 {
	border-style:				dotted;
	border-width:				0px 0px 1px 0px;
	border-color:				rgb(128,128,128);
	text-align:					right;
}

TD.wkAnleitung4 {
	padding:						25px 0px 25px 25px;
}

TD.rpds {
	height:                    110px;
	padding:                   0px 25px 0px 0px;
	text-align:                center;
	border:                    none;
	border-width:              0px;
}

IMG.rpdi {
	float:                     none;
	padding:                   0px;
}

DIV.rpdd {
	display:                   block;
	//position:                fixed;
	position:                  absolute;
	top:                       180px;
	left:                      525px;
	padding:                   0px;
	visibility:                hidden;
}