/* Basic Stylesheet for www.kiteandmore.de xt:C Online Shop */
/* author: www.ideenwerft.com */


* {padding:0px;margin:0px;}
img {border:0;}
table {font-size:1em;}
html[xmlns^="http"] {
/* f&uuml;r inaktiven scrollbalken bei mozilla */
overflow-y: scroll;
}
body {
font-size: 75%; /* setzt Standardschriftgr&ouml;&szlig;e auf 12px */
font-family: verdana, arial, Sans-Serif;
color:#333333;
text-align:center;
}

#wrap {
width: 935px;
height: 650px;
min-height:650px;
margin: 0 auto 1%;
background: url(bg.jpg) no-repeat;
text-align:left;
}
#header {
background:url(layout/header.jpg) no-repeat;
}
#headerNavi {
clear:both;
padding-right:20px;
}
#main {
clear:both;
padding: 0 30px 0 15px;
hei ght: 400px;
min-height:400px;
background: url(layout/stamp.gif) bottom right no-repeat;
}
#left {
width: 140px;
float:left;
}
#content  {
width: 530px;
float:left;
margin-left: 20px;
display:inline;
padding-top:5px;
}
#right  {
width: 155px;
float:right;
padding-top: 0px;
height:400px;

}
#footer {
height:35px;
} 
#static {
float:left;
margin: 0px 0 0 5px;
font-size: 0.9em;
color:#ccc;
width: 300px;
}
#cr {
float:right;
margin: 0px 10px 0 0;
color:#ccc;
font-size: 0.9em;
width:300px;
text-align:right;
}

/* top navis *** */
span.topShop {
font-size:0.9em;
float:right;
}
span.topShop a:link, span.topShop a:visited {
color:#999;
}
span.topShop a:hover, span.topShop a:focus {
color:#99cccc;
}

/*footer *** */
#static a:link, #static a:visited, #cr a:link, #cr a:visited {
color:#999999;
}
#static a:hover, #static a:focus, #cr a:hover, #cr a:focus {
color:#006666;
}

/* xt:C Hinweis *** */
div.copyright {
width:935px;
margin:20px auto 0;
clear:both;
font-size: 10px;
text-align:center;
color:#eaeaea;
padding-bottom:10px;
}
div.copyright a:link, div.copyright a:visited {
color:#eaeaea;
}
div.copyright a:hover, div.copyright a:focus {
color:#ccc;
}
div.parseTime {
display:none;
}

/* kategorie navi links **** */
#left ul {list-style:none;}
#left ul li {margin-bottom: 3px;}
#left ul li a:link, #left ul li a:visited {
display:block;
height: 22px;
background-image:url(layout/navi.jpg);
background-repeat: no-repeat;
background-position:top left;
color:#FFFFFF;
font-weight:bold;
padding: 8px 0 0 10px;
}
#left ul li a:hover, #left ul li a:focus, #left ul li.CurrentParent a:link {
color:#fff;
background-position:bottom left;
}
/* aktive Ebenen */
#left ul li.CurrentParent a:link, #left ul li.CurrentParent a:visited {
background-image:url(layout/navi_cur.jpg);
}
#left ul li.Current a:link, #left ul li.Current a:visited {
background-image:url(layout/navi_cur.jpg);
}
#left ul li.CurrentSub a:link, #left ul li.CurrentSub a:visited {
background-image:url(layout/navi_cur.jpg);
}
/* 2. Ebene */
#left ul li ul {margin-bottom:5px;}
#left ul li ul li a:link, #left ul li ul li a:visited {
display:block;
height: 10px;
background-image:none;
color:#333;
font-weight:bold;
font-size:0.9em;
padding: 2px 0 2px 10px;
}
#left ul li ul li a:hover, #left ul li ul li a:focus {
color:#993300;
}

/* aktive 2. Ebenen */
#left ul li.Current ul li a:link, #left ul li.Current ul li a:visited {
background-image:none;
color: #333;
}
#left ul li.CurrentParent ul li a:link, #left ul li.CurrentParent ul li a:visited {
background-image:none;
color: #333;
}
#left ul li ul li.Current a:link, #left ul li ul li.Current a:visited {
color: #993300;
}

/* 3. Ebene */
#left ul li ul li ul, #left ul li ul li ul {margin: 4px 0 6px;}
#left ul li ul li ul li a:link, #left ul li ul li ul li a:visited {
font-weight:normal;
color: #333333;
padding: 0 0 0 20px;
}
#left ul li ul li ul li a:link, #left ul li ul li ul li a:visited {
font-weight:normal;
color:#993300;
padding: 0 0 0 20px;
}


/* 3. Ebene */
/*
#left ul li ul li.Current ul, #left ul li ul li.CurrentParent ul {margin: 4px 0 6px;}
#left ul li ul li.Current ul li a:link, #left ul li ul li.Current ul li a:visited {
font-weight:normal;
color: #333333;
padding: 0 0 0 20px;
}
#left ul li ul li.CurrentParent ul li.Current a:link, #left ul li ul li.CurrentParent ul li.Current a:visited {
font-weight:normal;
color:#993300;
padding: 0 0 0 20px;
}
*/
/* rechte spalte ******* */
div#right h2 {
font-size:1em;
margin-top:10px;
margin-bottom: 3px;
border-bottom: 1px solid #ccc;
padding:0 0 2px;
}
div#right p {margin:3px 0 6px;font-size:0.9em;}
div#right img {margin-top: 5px;}

/* kategorie navi links **** */
ul.info {list-style:none;}
ul.info li {margin-bottom: 5px;}
ul.info li a:link, ul.info li a:visited {
color: #666666;
f ont-weight:bold;
font-size:1em;
}

/* allgemeine Text-Styles ****** */
h1 {font-size: 1.2em;margin: 0 0 13px;}
h2 {font-size: 1.1em;margin: 0 0 10px;color:#333399;}
h3 {font-size: 1.1em; margin: 0 0 10px;}
#content p {margin: 5px 0 9px; text-align:justify;} 
.small {font-size:0-9em;}
.grey {color:#999;}
.red {color:#990000;}
a.grey:link, a.grey:visited {color:#999;}
hr {
clear:both;
background-color:#CCCCCC; /* Mozilla 1.4 */
color:#CCCCCC; /* IE 6 */
border: #CCCCCC; /* Opera 7.11 */
height: 1px; /* in Opera f&uuml;r die Anzeige n&ouml;tig, in Mozilla f&uuml;r die einheitliche H&ouml;he */
width:100%;
margin:0px auto 10px;
}
#content ul {
margin-left: 30px;
margin-top: 5px;
margin-bottom:10px;
list-style-position: outside;
list-style-type: disc;
}

a:link, a:visited {
  color:#003366;
  text-decoration: none;
}
a:hover, a:focus {
color:#006666;
  text-decoration: underline;
}
a.download:link, a.download:visited {
padding-left: 15px;
background:url(layout/download.gif) no-repeat;
}

/* kontakt formular **** */
fieldset.contact {border: 1px solid #ccc;padding:10px 20px 10px 10px;margin-top:10px;}
fieldset.contact legend {padding: 0 5px 0px; font-weight:bold;color:#666666;}
fieldset.contact p label {display:block;float:left;width:150px;}



/* kategorie listing ********** */
div#catListing {width: 155px;float:left; margin-right: 10px; margin-top:10px; text-align:center;display:inline;b order:1px solid #ccc;padding: 5px 0 5px;}
div#cat h4 {margin-top: 5px;}

/* product_listing ******** */
div.prodListing {width:100%;}
div.prodItem {float:left;width:248px;border:1px solid #ccc;margin-right:15px;display:inline;margin-bottom:15px;}
div.prodImgThumb {float:left;width:100px;}
div.prodImgThumb img {margin:10px;}
div.prodItemInfo {float:right;width:138px;display:inline;margin-bottom:10px;}
div.prodItem h2 {font-size:1em;margin:5px 5px 0;height:30px;}
#content div.prodItem p {text-align:left;margin: 5px 5px 9px 5px;}
span.prodItemPrice {font-weight:bold;color:#003366;}
span.prodItemTax {font-size:0.9em;}
div.shippingBuy {margin:0 5px 0; }

div.prodListNavi {clear:both;margin-top: 10px;padding-right:15px;font-size:0.9em;}
div.prodListNavi span.left {display:block;float:left;width:65%;}
div.prodListNavi span.right {display:block;float:right;width:30%;text-align:right;}

/* product_detail ******** */
div#prodDetail {}
div.prodDetailImg {float:right;width:200px;margin:30px 0px 15px 15px;padding:15px;display:inline;border:2px solid #eaeaea;}
div.prodDetailImg img {border:1px solid #fff;padding:2px;margin-bottom:10px;}
div.prodDetailImg img:hover {border:1px solid #c30;}
div.prodDetailImg span.thumb {float:right;margin:6px 3px 0;}
div.prodDetailImg span.thumb img {width:53px;height:53px;border:1px solid #999;margin-bottom:0;}
div.prodDetailImg span.thumb img:hover {border:1px solid #c30;}
div.prodDetailBox {width: 245px;padding: 10px;background:#eaeaea;margin-bottom:15px;}
span.prodDetailPrice {font-weight:bold;color:#003366;}
span.prodDetailTax {font-size:0.9em;}
div.prodDetailDesc table {font-size:1.2em;font-family:Verdana, Arial, Helvetica, sans-serif;}
div.prodDetailDesc table tr td {border-bottom: 1px solid #ccc;padding: 2px 0 ;}

/* cross selling */



/* login,  account , bestellung etc ******* */

h5 {
font-size: 1em;
border-bottom: 1px solid #ccc;
padding:0 0 2px;
margin:0 0 10px;
}
div#content table.account p {text-align:left;}


/* galerie ************ */
div.galerie {float:left;width: 100%;display:inline;margin-bottom: 15px;}
div.galerie h4 {clear:both;}
div.galerie img {float:left;margin-right:5px; margin-bottom: 5px;padding:2px;border:1px solid #fff;}
div.galerie img:hover {border:1px solid #c60;}


/* original styles **** */



.boxText { 
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}

.boxTextBG {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #f1f1f1;
}
.boxTextBGII {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #FFCC99;
}
.boxTextPrice {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FF0000;
}

.errorBox {
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	font-weight: bold;
	background-color: #ffb3b5;
}
.gvBox {
	font-family : Verdana, Arial, sans-serif;
	font-size : 14px;
	font-weight: bold;
	border-color: #FFFFFF;
	border: 1px solid;
	background-color: #ffb3b5;
}
.stockWarning { 
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	color: #cc0033;
}

.productsNotifications {
	background-color: #f2fff7;
}

.orderEdit { 
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	color: #70d250;
	text-decoration: underline;
}




FORM {
	display: inline;		   
}


TR.header {
	background-color: #ffffff;
}

TR.headerNavigation {
  background: #F6F6F6;
}

TD.headerNavigation {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight : bold;
	border-bottom: 1px solid;
	border-color: #b6b7cb;
	background-color: #F6F6F6;
}

A.headerNavigation { 
  color: #000000; 
}

A.headerNavigation:hover {
  color: #000000;
}

TD.conditions {
  background-color: #FFCCCC;
}

A.confirmationEdit {
	color: #009933;
	font-style: italic;
}
A.confirmationEdit:hover {
	color: #009933;
	font-style: italic;
	text-decoration: underline;
}
TR.headerError {
  background-color: #ff0000;
}

TR.headerMessage {
	background-color: #00CC33;
}

.moduleHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	padding-bottom: 10px;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
    background: #F6F6F6;
  color: #000000;
  font-weight : bold;
  border-bottom: 1px solid;
  border-color: #b6b7cb;
}

.infoBox {
}

.infoBoxContents {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #666666;
  height:17px;
  color: #ffffff;
}

TD.infoBoxHeading_right {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #C4C4C4;
  height:17px;
  color: #000000;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border-right: 4px solid;
  background: #E6E6E6; 
  border-color: #C4C4C4;
}

TD.infoBox_right, SPAN.infoBox_right {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #E6E6E6; 

}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
	color: #0000FF;
	text-decoration: underline;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}

TEXTAREA {
  width: 60%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

SPAN.underline {
	text-decoration: underline;
}

TABLE.formArea {
  backgr ound: #f1f1f1;
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
}

TABLE.formArea tr td {padding:2px 5px;}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}


SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}
SPAN.productOldPrice {
	font-family: Verdana, Arial, sans-serif;
	color: #ff0000;
	text-decoration: line-through;
}
SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.productDiscountPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
  font-weight: bold;
}

.smallHeading {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: Black;
}

.moduleRow {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 line-height: 1.5;
 background-color: #E6E6E6;
 border: 1px solid;
 border-color: #E6E6E6;

}
.moduleRowOver { 
	background-color: #D7E9F7; 
	border: 1px solid;
	border-color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    line-height: 1.5; 
	
	}
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; }
.heading2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }
.heading3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }
.heading4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; }
.heading5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; }

/* Sitemap Tables */
.sitemap_heading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; 
	background-color: #666666; 
	padding-top: 2px; padding-bottom: 2px;}
.sitemap_heading a {color:#FFFFFF;}
.sitemap_heading a:hover {color:#CCCCCC; text-decoration:none;}

.sitemap_sub {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; background-color: #E6E6E6; padding: 2px 2px;}
.sitemap_sub a {color:#000000;}
.sitemap_sub a:hover {color:#999999; text-decoration:none;}


/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color:#990000; }

.tableShop {
background-color: #ffffff;
border-left: 1px solid;
border-right: 1px solid;
border-color: #b6b7cb;
}

.navLeft {
	border-right: 1px solid;
	border-color: #b6b7cb;
	background-image: url(img/bg_left_column.jpg);
	width: 185px;
}
.navRight {
	border-color: #666666;
	border-top-width: 4px;
	border-top-style: solid;
	border-left-width: 4px;
	border-left-style: solid;
	background-color: #E6E6E6;
	width: 185px;
}

.contentsTopics {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.tableListingI {
	backgr ound-color: #eeeeee;
}

.tableListingII {
	backgro und-color: #d0d0d0;
}

.tableBody {
padding: 5px;
}

.poweredby {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}
.onepxwidth {
	width: 1px;
}

