/* Basics */
* {
	border: 0;
	font-family: Arial, Verdana, Helvetica;
	list-style: none;
	margin: 0;
	padding: 0;
	}

html, body {
	font-size: 11px;
	height: auto !important;
	min-height: 100%;
	}

body {
	background: #fff url("../images/body_bgr.jpg") left bottom repeat-x;
	}

a {
	color: #FF9B33;
	text-decoration: none;
	}

a:hover {
	color: #666;
	}

a:focus {
	outline: none;
	}

.clearing {
	clear: both;
	}

.hideElement {
	display: none;
	}


/* Top Line */
#bg_left, #bg_right {
	height: 180px;
	position: absolute;
	top: 0;
	width: 50%;
	z-index: 2;
	}

#bg_left {
	background: url("../images/body_bgr_left.jpg") repeat-x;
	left: 0;
	}

#bg_right {
	background: url("../images/body_bgr_right.jpg") repeat-x;
	right: 0px;
	}


/* Frame */
#ctFrame {
	margin: 0 auto;
	position: relative;
	width: 950px;
	z-index: 4;
	}


/* Header */
#logo {
	background: url("../images/header_logo.jpg") no-repeat;
	cursor: pointer;
	float: left;
	height: 140px;
	width: 270px;
	}

#moodImage {
	background: url("../images/header_mood.jpg") no-repeat;
	float: left;
	height: 140px;
	width: 680px;
	}


/* Columns */
#colLeft {
	float: left;
	width: 240px;
	}

#colRight {
	float: left;
	margin: 25px 0 0 20px;
	width: 690px;
	}


/* Navigation: Meta (Top) */
#navMeta {
	float: right;
	}

#navMeta li {
	display: inline;
	}

#navMeta li a {
	background: url("../images/nav_meta_bgr.jpg") top center no-repeat;
	border-right: 1px solid #D1DDE1;
	display: block;
	float: left;
	height: 20px;
	padding: 4px 6px 0 6px;
	}

#navMeta li a.first {
	background: url("../images/nav_meta_bgr.jpg") top left no-repeat;
	}

#navMeta li a.last {
	background: url("../images/nav_meta_bgr.jpg") top right no-repeat;
	border: 0;
	}

#navMeta li a:hover, #navMeta li a.active {
	background-position: bottom center;
	color: #fff;
	}

#navMeta li a.first:hover, #navMeta li a.first.active {
	background-position: bottom left;
	}

#navMeta li a.last:hover, #navMeta li a.last.active {
	background-position: bottom right;
	}


/* Navigation: Main */
#navMain li {
	display: inline;
	}

#navMain a.item_13 {
	background-image: url("../images/nav_main_de_produkte.jpg");
	width: 96px;
	}

#navMain a.item_14 {
	background-image: url("../images/nav_main_de_beratung.jpg");
	width: 92px;
	}

#navMain a.item_15 {
	background-image: url("../images/nav_main_de_geschaeft.jpg");
	width: 158px;
	}

#navMain a.item_16 {
	background-image: url("../images/nav_main_de_berichte.jpg");
	width: 145px;
	}

#navMain a {
	display: block;
	float: left;
	height: 40px;
	text-indent: -9999px;
	}

#navMain a:hover, #navMain a.active {
	background-position: 0px 40px;
	}


/* Navigation: Left Hand */
#navLeftHand {
	float: left;
	margin-top: 1px;
	margin-bottom: 20px;
	}

#navLeftHand a.level1 {
	background: url("../images/nav_lefthand_item.jpg") top left no-repeat;
	display: block;
	font-weight: bold;
	height: 18px;
	padding: 5px 0 0 28px;
	width: 212px;
	}

#navLeftHand a.level1.first {
	background: url("../images/nav_lefthand_first.jpg") top left no-repeat;
	}

#navLeftHand a.level1.last {
	background: url("../images/nav_lefthand_last.jpg") top left no-repeat;
	}

#navLeftHand a.level1:hover, #navLeftHand a.level1.active {
	background-position: bottom left;
	color: #fff;
	}

#navLeftHand ul {
	background: url("../images/nav_lefthand_bgr.jpg");
	padding: 1px 0;
	}

#navLeftHand ul a {
	display: block;
	padding: 3px 0 3px 40px;
	width: 200px;
	}

#navLeftHand ul a:hover, #navLeftHand ul a.active {
	background: #FF9B33;
	color: #fff;
	font-weight: bold;
	}


/* Navigation: Info */
#navInfo {
	float: left;
	margin: 20px;
	}

#navInfo a {
	color: #bbb;
	}

#navInfo a:hover {
	color:#FF9B33;
	}


/* Navigation: Breadcrumb */
#navBreadcrumb {
	color: #FF9B33;
	}

#navBreadcrumb .first {
	color: #999;
	}


/* Search */
#search {
	background: url("../images/search_bgr.jpg") no-repeat;
	display: block;
	float: left;
	height: 40px;
	width: 219px;
	}

#search input {
	background: transparent;
	color: #999;
	font-size: 12px;
	margin: 10px 0 0 14px;
	padding: 3px;
	width: 198px;
	}


/* Basket Teaser */
#basketTeaser {
	background: url("../images/basket_teaser_bgr.jpg") no-repeat;
	float: left;
	height: 40px;
	width: 240px;
	}

#basketTeaser p {
	background: url("../images/ico_basket.gif") right center no-repeat;
	float: left;
	margin: 12px 0 0 18px;
	padding-right: 16px;
	}


/* Basket */
#basket td {
	padding: 8px 4px;
	color: #666;
	}

#basket th {
	background: #F8E7D3;
	border-bottom: 1px solid #FF9B33;
	padding: 6px 4px;
	text-align: left;
	}

#basket .border {
	border-bottom: 1px dotted #ccc;
	}

#basket .right {
	text-align: right;
	}

#basket .center {
	text-align: center;
	}

#basket .solid {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	}

#basket .buttons {
	padding: 20px 0 0 90px;
	}

#basket input {
	text-align: right;
	border: 1px solid #ccc;
	font-size: 11px;
	font-weight: bold;
	}


/* Teaser Left Column */
.teaserBox {
	float: left;
	margin-top: 1px;
	}

.teaserBox img {
	float: left;
	}

.teaserBox a {
	display: block;
	height: 142px;
	width: 240px;
	}

.teaserBox .customerReports {
	background-image: url("../images/teaser_customer_reports.jpg");
	height: 75px;
	}

.teaserBox .hotline {
	background-image: url("../images/teaser_hotline.jpg");
	}

.teaserBox a:hover {
	background-position: left bottom;
	}


/* Content */
.content {
	color: #666;
	font-size: 13px;
	line-height: 18px;
	padding-right: 100px;
	}

p {
	margin: 1em 0;
	}

h1 {
	font-size:0;
	line-height: 0;
	text-indent: -9999px;
	}

h2 {
	color: #FF9B33;
	font-family: Arial Narrow, Arial;
	font-size: 16px;
	margin: 1em 0;
	}

h2 a {
	font-family: Arial Narrow, Arial;
	}

h4 {
	font-size: 12px;
	color: #666;
	}

.headline {
	margin: 2em 0 0.5em 0;
	}

.date {
	color: #ccc;
	font-size: 10px;
	}

.newslist p {
	margin: 0.5em 0 2em 0;
	}

.newslist h2 {
	margin: 0;
	}

.content ul {
	list-style-type: square;
	margin-left: 16px;
	}

.content ul li {
	list-style-type: square;
	margin: 0.5em 0;
	}

.small {
	color: #aaa;
	font-size: 11px;
	}


/* Products */
.listProduct {
	float: left;
	height: 50px;
	margin: 0 20px 20px 0;
	padding-top: 160px;
	width: 200px;
	text-align: center;
	}

.listProduct h2 {
	color: #FF9B33;
	font-size: 14px;
	margin: 0;
	}

.listProduct a {
	color: #666;
	}

.listProduct a:hover {
	color: #FF9B33;
	}


/* Product Detail */
.article {
	padding: 20px 0 0 0;
	display: block;
	float: left;
	width: 420px;
	position: relative;
}

.article .headline {
	margin-bottom: 0;
	}

.article .button {
	float: right;
	margin-top: 1em;
	}

.article .prize {
	color: #FF9B33;
	font-size: 14px;
	font-weight: bold;
	margin-top: 2em;
	}

.article .divX {
	border-top: 1px dotted #ccc;
	}

.article_image {
	width: 260px;
	float: left;
	padding-top: 20px;
	text-align: center;
	}

#messageBox {
	background: #fff;
	width: 420px;
	height: 112px;
	display: none;
	top: 80px;
	left: 0px;
	position: absolute;
}

#messageBox .bold {
	font-weight: bold;
}


/* Footer */
#footer {
	border-top: 1px dotted #bbb;
	margin-top: 60px;
	}

#footer li {
	float: left;
	padding: 0.6em;
	}

#footer li a {
	color: #bbb;
	}

#footer li a:hover {
	color: #FF9B33;
	}


/* Order: Address */
.delivery fieldset, .payment fieldset {
	display: block;
	margin: 1.5em 0;
	background: #fafafa;
	border: 1px solid #eee;
	padding: 8px;
	}

.delivery label, #accountData label {
	color: #666;
	display: block;
	float: left;
	font-size: 12px;
	padding-top: 4px;
	width: 140px;
	}

.delivery br {
	clear: both;
	}

.delivery fieldset {
	margin: 1.5em 0;
	}

.delivery input, .delivery select, #accountData input {
	border: 1px solid #aaa;
	color: #666;
	font-size: 12px;
	margin: 0 0 14px 0;
	padding: 2px;
	width: 260px;
	}

.delivery select {
	width: 266px;
	}

.delivery .button {
	margin-left: 148px;
	}

.delivery fieldset p {
	font-size: 12px;
	color: #444;
	line-height: 160%;
	}


/* Order: Payment */
.payment .terms {
	height: 140px;
	overflow: auto;
	margin: 0 0 10px 0;
	border: 1px dotted #ccc;
	padding: 8px;
	margin-top: 10px;
	}

.payment label {
	color: #666;
	font-size: 12px;
	}

.terms {
	color: #666;
	}

#accountData {
	margin-top: 1.5em;
	display: none;
	}


/* Order: Checkout */
.editData {
	float: right;
	margin-top: 10px;
	}

.confirmBlock {
	background: #fafafa;
	border: 1px solid #eee;
	padding: 8px;
	}


/* Error */
.errorBox {
	border: 1px solid #a00;
	background: #fee;
	color: #a00;
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
	}

label.error, #accountData .error {
	color: #a00;
	font-weight: bold;
	}


/* Contact */
.contact fieldset {
	display: block;
	margin: 1.5em 0;
	background: #fafafa;
	border: 1px solid #eee;
	padding: 8px;
	}

.contact label {
	color: #666;
	display: block;
	float: left;
	font-size: 12px;
	padding-top: 8px;
	width: 140px;
	}

.contact .send {
	margin-left: 140px;
	width: 264px;
	}

.contact textarea, .contact input {
	border: 1px solid #aaa;
	color: #666;
	font-size: 12px;
	margin: 7px 0 7px 0;
	padding: 2px;
	width: 260px;
	}

.errorMessage {
	color: #c00;
	font-weight: bold;
	}

.contact .error {
	border: 1px solid #c00;
	}


/* Special Button */
a.specialButton {
	background: url("../images/button_dynamic_end.gif") top right;
	color: #FF9B33;
	display: block;
	float: left;
	font-weight: bold;
	height: 24px;
	padding-right: 18px;
	margin-right: 10px;
	}

a.specialButton span {
	background: transparent url("../images/button_dynamic_start.gif") top left;
	display: block;
	line-height: 24px;
	padding: 0 8px 0 16px;
	}

a.specialButton:hover {
	background-position: bottom right;
	color: #AD9728;
	text-decoration: none;
	}

a.specialButton:hover span {
	background-position: bottom left;
	}


/* FAQs */
.faqs h3 {
	background: url("../images/bullet_raquo.gif") 0px 8px no-repeat;
	cursor: pointer;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
	padding: 4px 0 0 12px;
	}

.faqs h3:hover {
	color: #FF9B33;
	}

.faqs div {
	background: #f1f1f1;
	width: 560px;
	padding: 0 1em;
	}

.faqs span {
	display: block;
	border-bottom: 1px dotted #aaa;
	}

.faqs p {
	margin: 0;
	padding: 0.5em 0 0.3em 0;
	}


/* Sitemap */
#sitemap {
	margin-left: 1.6em;
	}

#sitemap ul {
	margin-left: 4em;
	}

#sitemap li {
	list-style-type: square;
	margin: 0;
	}


/* Range */
#ranges {
	background: url("../images/ranges_bgr.jpg") no-repeat;
	height: 550px;
	width: 670px;
	padding-top: 20px;
	}

#ranges .block {
	float: left;
	height: 140px;
	width: 160px;
	padding: 0 0 0 170px;
	}

#ranges ul a {
	color: #666;
	}

#ranges ul a:hover {
	color: #FF9B33;
	}

#ranges h2 {
	font-size: 12px;
	margin: 1em 0 0 0;
	text-transform: uppercase;
	}

#rangeDual {
	background: url("../images/range_dual_system.jpg");
	cursor: pointer;
	height: 112px;
	margin-bottom: 1px;
	width: 670px;
	}

#rangeDual:hover {
	background-position: left bottom;
	}

#rangeDual p {
	color: #666;
	margin: 0;
	width: 390px;
	padding: 64px 0 0 32px;
	}


/* Product Gate */
a.prGate_manuals {
	background: url("../images/button_pflegesystem_anleitung.jpg") top left no-repeat;
	display: block;
	float: left;
	height: 50px;
	margin-top: 10px;
	width: 670px;
	}

.prGate_with, .prGate_without {
	background: url("../images/button_pflegesystem_mitds.jpg") top left no-repeat;
	display: block;
	float: left;
	height: 120px;
	margin-top: 14px;
	width: 330px;
	}

.prGate_without {
	background-image: url("../images/button_pflegesystem_ohneds.jpg");
	margin-left: 10px;
	}

a.prGate_manuals:hover, a.prGate_with:hover, a.prGate_without:hover {
	background-position: bottom left;
	}