@import url(//cdn.website-start.de/s/css/templates/Courgette.css);

/*CSS RESET*/

html
{
	margin: 0;
	padding: 0;
}

html .diyw
{
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

 body
{
	margin: 0;
	padding: 0;
}

 body .diyw
{
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
 .diyw div, .diyw span, .diyw applet, .diyw object, .diyw iframe, .diyw blockquote, .diyw pre, .diyw a, .diyw abbr, .diyw acronym, .diyw address, .diyw big, .diyw cite, .diyw code, .diyw del, .diyw dfn, .diyw fieldset, .diyw form, .diyw label, .diyw legend, .diyw table, .diyw caption, .diyw tbody, .diyw tfoot, .diyw thead, .diyw tr, .diyw th, .diyw td, .diyw article, .diyw aside, .diyw canvas, .diyw details, .diyw embed, .diyw figure, .diyw figcaption, .diyw footer, .diyw header, .diyw hgroup, .diyw menu, .diyw nav, .diyw output, .diyw ruby, .diyw section, .diyw summary, .diyw time, .diyw mark, .diyw audio, .diyw video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
.diyw article, .diyw aside, .diyw details, .diyw figcaption, .diyw figure, .diyw footer, .diyw header, .diyw hgroup, .diyw menu, .diyw nav, .diyw section {
	display: block;
}

/* LAYOUT SETTINGS */

html body
{
	height: auto;
}



body
{
	background: #d7f5fd url(http://www.casa-harmony.de/s/img/bg1.png);
	background-repeat: repeat;
}

body .diyw
{
	min-height: 100%;
	font-family: Georgia;
	font-size: 13px;
	color: #998675;
}


.diyw #diywebHead {
	background-image: url(http://www.casa-harmony.de/s/img/header_back.jpg);
	background-repeat: repeat-x;
	width: 100%;
	background-color: #fdedcb;
	border-bottom: 2px solid #FFFFFF;
	overflow: hidden;
	padding-bottom: 40px;
}

.diyw #diywebHeadCenter {
	width: 940px;
	height: auto;
	margin: auto;
	margin-top: 20px;
}

.diyw #diywebNavigation {
	width: 100%;
	height: auto;
	margin: auto;
	margin-top: 40px;
}

.diyw #diywebWrapper {
	width: 940px;
	height: 100%;
	min-height: 100%;
	margin: auto;
}

.diyw #diywebHeaderPicBack {
	width: 965px;
	margin-top: -38px;
	position: relative;
}

.diyw #diywebHeaderTop {
	position: absolute;
	left: 0px;
	top: -18px;
	background-image: url(http://www.casa-harmony.de/s/img/header_pic_back.png);
	background-repeat: no-repeat;
	width: 965px;
	height: 150px;
	background-position: center top;
}

.diyw #diywebHeaderBottom {
	position: absolute;
	bottom: -18px;
	background-image: url(http://www.casa-harmony.de/s/img/header_pic_back.png);
	background-repeat: no-repeat;
	width: 942px;
	height: 230px;
	background-position: center bottom;
	left: 13px;
}

.diyw .n .hr {
	border: 1px dotted #998675;
}

.diyw #diywebHeader {
	width: 940px;
	margin-left: 12px;
	margin-top: 18px;
}

.diyw #diywebAllContent {
	width: 960px;
	height: auto;
	padding-bottom: 53px; /* Wert der Footer-Höhe */
	float: left;
	margin-top: 40px;
	margin-bottom: 0px;
}

.diyw #diywebAllHead {
	background-image: url(http://www.casa-harmony.de/s/img/all_head_back.png);
	background-position: top;
	background-repeat: no-repeat;
	width: 960px;
	height: 305px;
	position: relative;
}

.diyw #diywebAllMiddle {
	background-image: url(http://www.casa-harmony.de/s/img/all_middle_back.png);
	background-repeat: repeat-y;
	width: 960px;
	height: auto;
	position: relative;
	float: left;
}

.diyw #diywebAllBottom {
	background-image: url(http://www.casa-harmony.de/s/img/all_bottom_back.png);
	background-position: bottom;
	background-repeat: no-repeat;
	width: 960px;
	height: 305px;
	position: relative;
	float: left;
	z-index: -1;
}

.diyw #diywebSidebar {
	float: left;
	margin: -285px 40px 0 20px;
	padding-left: 25px;
	padding-top: 25px;
	position: relative;
	width: 21%;
	word-wrap: break-word;
}

.diyw #diywebSubContent {
	margin-left: -2px;
	line-height: 1.5em;
}

.diyw #diywebSubContentHead {
	background: url(http://www.casa-harmony.de/s/img/subcontent_back_head.png);
	background-repeat: no-repeat;
	width: 208px;
	height: 16px;
}

.diyw #diywebSubContentBody {
	background: url(http://www.casa-harmony.de/s/img/subcontent_back2.png);
	background-repeat: repeat-y;
	width: 208px;
	height: auto;
	border-bottom: 20px solid #FFFFFF;
}

.diyw #diywebMainContent {
	margin-top: -270px;
	margin-bottom: -250px;
	padding-right: 39px;
	z-index: 10;
	float: right;
	width: 66%;
	height: auto;
	position: relative;
	line-height: 1.5em;
}

.diyw .diywebListItem {
	width: inherit;
	display: block;
}

.diyw #diywebFooter {
	background-image: url(http://www.casa-harmony.de/s/img/footer_back.png);
	background-color: #e2dfd7;
	background-repeat: repeat-x;
	width: 100%;
	position: relative;
	margin-top: 32px; /* Negativer Wert der Footer-Höhe */
	float: none;
	clear: both;
	bottom: 0px;
	padding: 0px;
}

.diyw #diywebFooterCenter {
	width: 940px;
	margin: auto;
}

/*STYLES*/
.diyw #diywebAllContent a {
	color: #534741;
}

.diyw #diywebAllContent h1, .diyw #mainNav1 {
	font-family: 'Courgette', cursive;
}

.diyw #diywebAllContent h2, .diyw #mainNav2 {
	font-family: Georgia;
}

.diyw #diywebAllContent h1 {
	color: #5D8375;
	font-size: 24px;
	font-weight: normal;
}

.diyw #diywebAllContent h2 {
	color: #5D8375;
	font-size: 18px;
	font-weight: normal;
}

.diyw #diywebSubContentBody {
	color: white;
	width: 183px;
	padding: 0px 15px 10px 15px;
	margin-top: 0px;
}

.diyw #diywebSubContent h2, .diyw #diywebSubContent h1 {
	color: white;
	border-bottom: 1px dotted #fff;
	width: 178px;
	line-height: 1.2em;
	padding-bottom: 5px;
	margin-bottom: 0px;
}

.diyw #diywebAllContent a {
	color: white;
}

.diyw #diywebFooterCenter, .diyw #diywebFooterCenter a {
	color: #8c8c8c;
	font-size: 10px;
	padding-top: 10px;
	text-decoration: none;
	font-family: Arial;
}

/*Menü1*/
.diyw .mainNav1 {
	width: 940px;
}

.diyw #mainNav1, .diyw #mainNav2, .diyw #mainNav3 {
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

.diyw #mainNav1 li, .diyw #mainNav1 li:hover {
	background-repeat: repeat-x;
	float: left;
	min-width: 155px;
	width: auto;
	display: block;
}

.diyw #mainNav1 li {
	background-image: url(http://www.casa-harmony.de/s/img/menu_split.png);
	background-repeat: no-repeat;
	background-position: left;
}

.diyw #mainNav1 li:hover, .diyw #mainNav1 li a.current {
	background-image: url(http://www.casa-harmony.de/s/img/menu_split.png);
	background-repeat: no-repeat;
	background-position: left;
}

.diyw #mainNav1 a, .diyw #mainNav1 a:hover {
	padding: 4px 10px;
	text-decoration: none;
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	display: block;
}

.diyw #mainNav1 a {
	color: #998675;
}

.diyw #mainNav1 a:hover, .diyw #mainNav1 li a.current {
	color: #534741;
}

.diyw #mainNav1 li:first-child, .diyw #mainNav1 li:first-child a.current {
	background-image: none;
}

.diyw #mainNav1 a, .diyw #mainNav2 a, .diyw #mainNav3 a {
	white-space: normal;
	word-wrap: break-word;
}

.diyw #mainNav1 a, .diyw #mainNav2 a, .diyw #mainNav3 a {
	display: block;
}

/*Submenü*/
.diyw #mainNav2 {
	padding-bottom: 40px;
}

.diyw #mainNav2 li.navTopItemGroup_0 {
	display: block;
	font-size: 18px;
	background-image: url(http://www.casa-harmony.de/s/img/submenu_li.png);
	background-position: 0px 50%;
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 1.8em;
	border-top: 1px dotted #998675;
}

.diyw #mainNav2 li.navTopItemGroup_0:first-child {
	border-top: none;
}

.diyw #mainNav2 a {
	color: #998675;
	font-size: 16px;
	display: block;
	text-decoration: none;
}

.diyw #mainNav2 li a.current, .diyw #mainNav2 a:hover {
	background-image: url(http://www.casa-harmony.de/s/img/submenu_active_li.png);
	background-position: 0px 50%;
	background-repeat: no-repeat;
	color: #5D8375;
	padding-left: 20px;
	margin-left: -20px;
}

.diyw #mainNav3 li.navTopItemGroup_0 {
	color: #706A5E;
	font-size: 16px;
	display: block;
	background-image: none;
	padding-left: 32px;
	border-top: none;
}

.diyw #mainNav3 li a.current, .diyw #mainNav3 a:hover {
	background-image: none;
	padding-left: 15px;
	margin-left: -15px;
}

/* CLEARFIX */
.diyw #diywebAllContent:before, .diyw #diywebAllContent:after, .diyw #mainNav1:before, .diyw #mainNav1:after, .diyw #mainNav2:before, .diyw #mainNav2:after, .diyw #mainNav3:before, .diyw #mainNav4:after, .diyw .thumbElement {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}

.diyw #mainNav1:after, .diyw #mainNav2:after, .diyw #mainNav3:after, .diyw #diywebAllContent:after, .diyw .thumbElement {
	clear: both;
}

.diyw #mainNav1, .diyw #mainNav2, .diyw #mainNav3, .diyw #diywebAllContent, .diyw .thumbElement {
	zoom: 1;
}