/* @override 
	http://websrv/dev/koelner-hausundgrund.de/fileadmin/templates/shop/css/khg-main.css
	http://khg.nctec.net/fileadmin/templates/shop/css/khg-main.css
*/

/* Colors:
 * #007950 dark green
 * #deede8 very light mint green
 * #9ec8ba light green content area
 * #2c2c2c near black (text)
 * #4a6da1 medium dark blue
 * #7d9ac1 tad brighter blue (buttons)
 */
 
/* @group Page */

* {
	margin: 0;
	padding: 0;
	border:  0;
}
html,body {
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	color: #2c2c2c;
	font-size: 12px;
}
a {
	color: #007950;
	text-decoration: none;
}
/*a:hover {
	text-decoration: underline;
}*/
a img {
	border: 0;
}
h1 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
input, textarea {
	outline: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
	cursor: pointer;
	font-size: 12px;
}
input.fakelink {
	background: transparent;
	display: inline;
	color: #007950;
	text-decoration: none;
}
table {
	empty-cells: show;
}
#page {
	width: 1000px;
}
.smaller {
	font-size: 11px;
}

/* @end */

/* @group Header */

#header {
	height: 162px;
}

/* @end */

/* @group Columns */

#columns {
	/* fake columns applied here */
	background: url(../img/bgshop02b.png) repeat-y;
}
#columns .column {
	min-height: 1em;
}

/* @group Left */

#left {
	width: 160px;
	float: left;
	margin-right: 1px;
	padding: 20px;
}
#left li a {
	display: block;
	color: #deede8;
	padding-left: 7px;
}
#left li a:hover,
#left li a.active {
	background: url(../img/menu-bullet01.png) 0 3px no-repeat;
}
#left ul {
	list-style-type: none;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-left: -7px;
}
#left li {
	margin-bottom:.5em;
}
#left ul ul {
	font-size: 12px;
	text-transform: none;
	padding: 15px 0 0;
	margin-left: 7px;
}
#left li li {
	padding: 5px 0 10px;
	border-bottom: 1px solid #deede8;
}
#left li li a {
	padding-left: 20px;
}
#left li li a:hover,
#left li li a.active {
	background: url(../img/menu-bullet02.png) 13px 2px no-repeat;
}
#left ul ul ul {
	font-weight: normal;
	margin: 5px 0 -5px;
	border-top: 1px solid #deede8;
	padding-top: 10px;
}
#left li li li {
	padding: 0;
	border-bottom: none;
}
#left li li li a {
	padding-left: 30px;
}
#left li li li a:hover,
#left li li li a.active {
	background: url(../img/menu-bullet02.png) 23px 2px no-repeat;
}
#siteseal {
	text-align: center;
	margin: 2em 0;
}

/* @end */

/* @group Center */

#rootline {
	color: #9ec8ba;
	border-bottom: 1px solid #9ec8ba;
	margin-bottom: 1em;
	padding-bottom: 3px;
	/*font-weight: bold;*/
}
#rootline a {
	color: #9ec8ba;
}
#rootline .page-path {
	text-transform: uppercase;
}
#center {
	width: 366px;
	float: left;
	padding: 20px 20px 10px;
}
#center h1 {
	display: block;
	color: #007950;
	padding-bottom: 3px;
	border-bottom: 1px solid #007950;
	margin-bottom: 1em;
}
#center p {
	margin-bottom: 1em;
}
#center ul {
	padding-left: 2em;
}
#center .grid-2col {
	list-style-type: none;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #007950;
	margin: 0 -5px;
	padding: 0;
}
#center .grid-2col img {
	margin-top: 7px;
}
#center .grid-2col li {
	float: left;
	margin: .5em 0 0;
}
#center .grid-2col a {
	display: block;
	padding: 5px;
}
#center .grid-2col a:hover {
	background: #deede8;
}

/* @end */

#image {
	width: 191px;
	float: left;
	margin-left: 1px;
}
#image .csc-textpic-image {
	margin-bottom: 0 !important;
}

/* @group Right */

#right {
	width: 160px;
	float: left;
	margin-left: 1px;
	padding: 20px;
	color: #deede8;
}
#right h1 {
	display: block;
	padding-bottom: 3px;
	border-bottom: 1px solid #deede8;
	margin-bottom: .5em;
}
#right dl {
	margin-top:  1em;
	color:  #fff; /* XXX Absicht? */
}
#right dt {
	margin: 1em 0 .5em;
}
#right dd {
	text-align: right;
	margin-top: -.3em;
}
#right ul {
	padding-left: 2em;
}
#rtotal {
	border-top: 1px solid #deede8;
	margin-top: 1em;
	padding-top: 1em;
}
#rtotal_desc {
	float: left;
}
#rtotal_sum {
	float: right;
	color:  #fff;
}
#rtotal_info {
	clear: both;
	text-align: right;
	font-size: 10px;
	color: #fff;
	padding-top: 1em;
}
#right a {
	color: #fff;
}
#right .button {
	display: block;
	background: #7d9ac1;
	color: #fff;
	border: 1px solid #fff;
	padding: 3px 0;
	width: 160px;
	margin-top: 2.5em;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
}
#right .search-input {
	width: 134px;
	height: 17px;
	float: left;
	padding: 3px 3px 0;
}
#right .search-button {
	display: block;
	background: #7d9ac1 url(../img/shop_icon_search01.png) 0 center no-repeat;
	color: #fff;
	height: 20px;
	width: 20px;
	border: 1px solid #fff;
	/*text-indent: -100em;*/
}

/* @end */



/* @end */

/* @group Footer */

#footer {
	height: 30px;
	background: url(../img/service_footer4.png) no-repeat;
	line-height: 28px;
	text-align: center;
	color: #007950;
	font-size: 11px;
}
#footer_left {
	height: inherit;
	width: 200px;
	float: left;
}
#footer_center {
	width: 598px;
	float: left;
	margin: 0 1px;
}
#footer_right {
	width: 200px;
	float: left;
}

/* @end */

/* @group Browser Hacks */

/* clear without structural mark-up */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* mac hide  \*/
.clearfix {display: block;}
/* End hide */

/* @end */

/* @group Shop Views */

/* @group Search */
#tx-ttproducts-pi1-search {
	margin-bottom: 2em;
}
/* @end */

/* @group List */

#shop-list {
	
}
#shop-list .header {
	padding: 2px 0 3px;
	border-bottom: 1px solid #9ec8ba;
	margin-bottom: 1em;
	color: #9ec8ba;
}
#shop-list .header a {
	color: #9ec8ba;
}
#shop-list .header a:hover {
	color: #007950;
}
#center .search-input {
	width: 289px;
	height: 17px;
	float: left;
	border: 1px solid #9ec8ba;
	padding: 3px 3px 0;
	margin-right: -1px;
}
#center .search-button {
	display: block;
	background: #007950 url(../img/shop_icon_search02.png) 0 center no-repeat;
	color: #fff;
	height: 22px;
	width: 70px;
	padding-left: 15px;
	border: 1px solid #9ec8ba;
	font-weight: bold;
	margin-bottom: 3em;
}
#center .note {
	background: #E4F3ED;
	border:1px solid #007950;
	border-left: 3px solid #007950;
	margin-left: -3px;
	padding: .25em .5em;
	margin-top: 1em;
}
#shop-list .rootline {
	font-size: 12px;
	color: #9ec8ba;
	border: none;
	padding: 0;
	margin: 0;
	text-transform: none;
	float: left;
}
#shop-list .pagenav-top {
	float: right;
	margin-top: -2.5em;
	color: #9ec8ba;
}
#shop-list .pagenav-top-current,
#shop-list .pagenav-top b {
	font-weight: bold;
	color: #007950;
}
#shop-list .pagenav-top a {
	color: #9ec8ba;
}
#shop-list .pagenav-top a:hover {
	color: #007950;
}
#shop-list .item {
	padding-bottom: 3px;
	border-bottom: 1px solid #9ec8ba;
	margin-bottom: 1em;
}
#shop-list .item-title {
	width: 75%;
	font-weight: bold;
	font-size: 12px;
	color: #2c2c2c;
	float: left;
}
#shop-list .item-price {
	font-weight: bold;
	color: #007950;
	float: right;
}
#shop-list .item-desc {
	clear: both;
	padding-top: .5em;
}
#shop-list .item-links {
	margin-top: .5em;
	text-align: right;
}
/*#shop-list*/
.item-image-hidden {
	display: none;
}
#shop-list-image {
	width: 191px;
	margin-top: 50px;
	text-align: center;
}
#shop-list-image img {
	border: 1px solid #fff;
}
#shop-list .pagenav-bottom {
	padding-top: 1em;
}
#shop-list .pagenav-bottom-prev {
	font-weight: bold;
	color: #9ec8ba;
	float: left;
}
#shop-list .pagenav-bottom-next {
	font-weight: bold;
	color: #007950;
	float: right;
}

/* @end */

/* @group Detail */

#shop-detail {
	
}
#shop-detail .rootline {
	color: #9ec8ba;
	padding: 2px 0 3px;
	border-bottom: 1px solid #9ec8ba;
	margin-bottom: 1em;
	font-weight: bold;
}
#shop-detail .item {
	min-height: 424px;
}
#shop-detail .item-sidebar {
	float: right;
	width: 191px;
	margin-right: -212px;
	text-align: center;
}
#shop-detail .item-sidebar img {
	border: 1px solid #fff;
}
#shop-detail .item-image-spacer {
	width: auto;
	min-height: 200px;
}
#shop-detail .item-price {
	color: #007950;
	font-weight: bold;
	margin-top: 1em;
}
#shop-detail .item-sidebar .item-add {
	display: block;
	background: #007950 url(../img/shop_icon_add01.png) 10px center no-repeat;
	color: #fff;
	border: 1px solid #fff;
	padding: 5px 0 5px 5px;
	width: 171px;
	margin: 2em auto 0;
	font-size: 12px;
	font-weight: bold;
}
#shop-detail ul {
	padding-left: 2em;
}
#shop-detail ul li {
	padding-left: .5em;
	margin-bottom: 1em;
}
#shop-detail .item-title {
	font-size: 12px;
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: .5em;
	
}
#shop-detail .members-note {
	/*font-weight: bold;*/
	margin-top: 2em;
}
#shop-detail .pagenav-bottom {
	padding-top: 3px;
	border-top: 1px solid #9ec8ba;
	font-weight: bold;
}
#shop-detail .pagenav-bottom-list a {
	color: #4a6da1;
	float: left;
	padding-top: .5em;
}
#shop-detail .pagenav-bottom-prev a {
	color: #9ec8ba;
	float: left;
	clear: left;
	padding-top: .5em;
}
#shop-detail .pagenav-bottom-next a {
	float: right;
	padding-top: .5em;
}

#shop-detail-side {
	margin-top: 40px;
	text-align: center;
}
#shop-detail-side .item-add {
	display: block;
	background: #007950 url(../img/shop_icon_add01.png) 10px center no-repeat;
	color: #fff;
	border: 1px solid #fff;
	padding: 5px 0 5px 5px;
	width: 171px;
	margin: 4em auto 0;
	font-size: 12px;
	font-weight: bold;
}

/* @end */

/* @group Basket */

#shop-basket {
	
}
#shop-basket .wrap {
	min-height: 438px;
}
#shop-basket .item {
	padding-bottom: 3px;
	border-bottom: 1px solid #9ec8ba;
	margin-bottom: 1em;
}
#shop-basket .item-title,
#shop-basket .item-title-members {
	width: 75%;
	font-weight: bold;
	font-size: 12px;
	color: #2c2c2c;
	float: left;
}
#shop-basket .item-title-members,
#shop-basket .members-note h2 {
	background: url(../img/shop_icon_crown03.png) 0 2px no-repeat;
	text-indent: 18px;
}
#shop-basket .item-price {
	font-weight: normal;
	color: #007950;
	float: right;
}
#shop-basket .item-links {
	clear: both;
	padding-top: .5em;
	text-align: right;
}
#shop-basket input.text {
	border: 1px solid #007950;
	text-align: right;
	width: 1.6em;
	padding: .1em .3em;
	/*font-size: 10px;*/
}
#shop-basket .item-lbl-sum,
#shop-basket .item-sum {
	color: #007950;
	font-weight: bold;
}
#shop-basket .item-sum {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 6em;
}
#shop-basket .payment-options {
	padding-bottom: 3px;
	border-bottom: 1px solid #9ec8ba;
	margin-bottom: 1em;
}
#shop-basket .payment-options h2,
#shop-basket .members-note h2 {
	font-weight: bold;
	font-size: 12px;
	color: #2c2c2c;
	margin-bottom: .5em;
}
#shop-basket .payment-options dt {
	float: left;
	clear: left;
	line-height: 2em;
}
#shop-basket .payment-options dd {
	float: right;
	clear: right;
	color: #007950;
	line-height: 2em;
}
#shop-basket .payment-options input {
	margin: 0 .5em;

}
#shop-basket .total {
	color: #007950;
}
#shop-basket .total-lbl {
	float: left;
	font-weight: bold;
}
#shop-basket .total-sum {
	float: right;
	font-weight: bold;
}
#shop-basket .total-tax {
	display: block;
	text-align: right;
	clear: both;
	font-size: 10px;
	padding-top: .5em;
}
/*#shop-basket*/
.members-note {
	font-size: 11px;
	border: 1px solid #007950;
	border-left: 3px solid #007950;
	padding: 1em 1em 0;
	margin-left: -3px;
	background: #e4f3ed;	
}
#shop-basket .pagenav-bottom {
	padding-top: 1em;
}
#shop-basket .pagenav-bottom-refresh {
	float: left;
	color: #007950;
	/*clear: left;*/
	display: block;
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/shop_icon_reload01.png) 0px 3px no-repeat;
	margin-right: 5px;
}
#shop-basket .pagenav-bottom-clear {
	float: left;
	color: #007950;
	display: block;
	padding: 5px 0px 5px 20px;
	background: transparent url(../img/shop_icon_delete02.png) 3px 6px no-repeat;
}
#shop-basket .pagenav-bottom-next {
	font-weight: bold;
	color: #fff;
	float: right;
	display: block;
	padding: 5px 10px 5px 30px;
	border: 1px solid #9ec8ba;
	background: #007950 url(../img/shop_icon_ssl01.png) 10px 4px no-repeat;
}

#members-teaser {
	padding: 20px;
}
#members-teaser h1 {
	display: block;
	color: #007950;
	padding-bottom: 3px;
	border-bottom: 1px solid #007950;
	margin-bottom: 1em;
}
#members-teaser ul {
	margin-top: 1em;
	padding-left:  1.5em;
}
#members-teaser li {
	margin-bottom: 1em;
}

/* @end */

/* @group Order Address */

#shop-order-address {
	
}
#shop-order-address h2,
#shop-order-address caption {
	font-weight: bold;
	font-size: 12px;
	color: #2c2c2c;
	margin-bottom: .5em;
	text-align: left;
}
#shop-order-address table {
	width: 100%;
	margin-bottom: 1em;
}
#shop-order-address table.textinput {
	width: 320px;
	margin-bottom: 1em;
}
#shop-order-address col.label {
	width: 26%;
}
#shop-order-address table td {
	padding: 2px 0;
	vertical-align: top;
}
#shop-order-address input.text,
#shop-order-address textarea {
	border: 1px solid #9ec8ba;
	width: 100%;
	padding: .1em 3px .1em 6px;
	/*font-size: 10px;*/
}
#shop-order-address input.required,
#shop-order-address textarea.required {
	border-left: 3px solid #007950;
	padding-left: 3px;
}
#shop-order-address input.text:focus,
#shop-order-address textarea:focus {
	border-color: #007950;
}
#shop-order-address .validation-failed {
	border-color: #b59192 !important;
	border-left-color: #b51c21 !important;
}
#shop-order-address .validation-failed:focus {
	border-color: #b51c21 !important;
}
#shop-order-address input[type="checkbox"].validation-failed {
	outline: 1px solid #b51c21;
} 
#shop-order-address .validation-advice {
	font-size: 11px;
	padding: 3px;
	background: #e4f3ed;
	border: 1px solid #007950;
	margin: .5em 0;
}
#shop-order-address input.checkbox {
	margin: 0 .5em 1em;
}
#addr-delivery {
	display: none;
}
#tbl-accept-tos {
	border: 1px solid #007950;
	border-left: 3px solid #007950;
	background: #e4f3ed;
	margin-left: -3px;
}
#tbl-accept-tos caption {
	margin-left: 3px;
}
#shop-order-address .pagenav-bottom {
	padding-top: 1em;
}
#shop-order-address .pagenav-bottom-prev {
	color: #9ec8ba;
	float: left;
	clear: left;
	line-height: 26px;
}
#shop-order-address .pagenav-bottom-next {
	font-weight: bold;
	color: #fff;
	float: right;
	display: block;
	padding: 5px 10px 5px 30px;
	border: 1px solid #9ec8ba;
	background: #007950 url(../img/shop_icon_ssl01.png) 10px 4px no-repeat;
}
/* @end */

/* @group Order Check */

#shop-order-check {
	
}
#shop-order-check .wrap {
	min-height: 438px;
}
#shop-order-check h2,
#shop-order-check caption {
	font-weight: bold;
	font-size: 12px;
	color: #2c2c2c;
	margin-bottom: .5em;
	text-align: left;
}
#tbl-order-check {
	border-collapse: collapse;
	margin-bottom: 2em;
	width: 100%;
}
#tbl-order-check td {
	vertical-align: top;
}
#tbl-order-check td {
	padding: .5em;
}
#tbl-order-check col.item-quantity {
	width: 3em;
}
#tbl-order-check col.item-sum {
	width: 7em;
}
#tbl-order-check td:first-child {
	text-align: right;
}
/* exploiut IE6 non-strandard behaviour for good */
* html #tbl-order-check col.item-quantity {
	text-align: right;
}
#tbl-order-check td:first-child + td + td {
	text-align: right;
	color: #007950;
}
* html #tbl-order-check col.item-sum {
	text-align: right;
	color: #007950;
}
#tbl-order-check thead th {
	font-weight: bold;
	color: #007950;
	border-bottom: 1px solid #007950;
	padding: .5em .5em;
	/*background: #007950;
	color: #fff;*/
}
#tbl-order-check tbody td {
	border-top: 1px solid #deede8;
}
#tbl-order-check tfoot td {
	background: #e4f3ed; /* #deede8 brightened a bit */
	padding: .3em .5em;
}
#tbl-order-check .total-sum td {
	font-weight: bold;
	color: #007950;
	border-top: 1px solid #007950;
	padding: .5em;
}
#shop-order-check .check-address p {
}
#shop-order-check .check-address .col {
	float: left;
	width: 50%;
}
#shop-order-check .pagenav-bottom-prev {
	color: #9ec8ba;
	float: left;
	clear: left;
	line-height: 26px;
}
#shop-order-check .pagenav-bottom-next {
	font-weight: bold;
	color: #fff;
	float: right;
	display: block;
	padding: 5px 10px 5px 30px;
	border: 1px solid #9ec8ba;
	background: #007950 url(../img/shop_icon_ssl01.png) 10px 4px no-repeat;
}
/* @end */

/* @group Order Finish */

#shop-order-finish {
	
}
#shop-order-finish .wrap {
	min-height: 438px;
}
#shop-order-finish .pagenav-bottom-next {
	float: right;
}
/* @end */