@import url(//cdn.website-start.de/s/css/templates/Source+Sans+Pro.css);
.diyw #mainNav1 a,.diyw #mainNav2 a, .diyw #mainNav3 a{
 white-space: normal;
 word-wrap: break-word;
}
/* Layout */
.diyw #diywebWrapper{
	width: 100%;
	font-family: 'Source Sans Pro', sans-serif;
}
.diyw #diywebEmotionHeaderWrapper {
	width: 100%;
	background-color: #EAEAEA;
}
.diyw #diywebEmotionHeader {
	width: 940px;
	border: 1px solid #FFF;
	margin: 0 auto;
}
.diyw #diywebTopNavigationWrapper {
	margin-bottom: 45px;
	background: #D8D8D8 url(https://www.kgplatt.de/s/img/nav_border.png) repeat-x left bottom;
}
.diyw #diywebNavigation {
	width: 790px;
	margin: 0 auto;
}
.diyw #diywebCenterWrapper {
	width: 940px;
	margin: 0 auto;
	margin-bottom: 100px;
}
.diyw #diywebLeftCenterWrapper {
	float: left;
	width: 210px;
	padding-left: 50px;
}
.diyw #diywebSidebar h1,
.diyw #diywebSidebar h2,
.diyw #diywebSidebar p {
	margin: 0;
	padding: 0;
}
.diyw #diywebSidebar h1,
.diyw #diywebSidebar h2 {
	font-size: 24px;
	color: #8FC51D;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 10px;
}
.diyw #diywebSidebar p {
	font-family: Verdana, sans-serif;
	font-size: 13px;
	color: #6D6D6D;
}
.diyw #diywebSidebar a,
.diyw #diywebSidebar a:link,
.diyw #diywebSidebar a:visited {
	color: #6D6D6D;
	font-weight: bold;
}
.diyw #diywebSidebar a:hover,
.diyw #diywebSidebar a:active,
.diyw #diywebSidebar a:focus {
	color: #8FC51D;
}
.diyw #diywebRightCenterWrapper {
	float: right;
	width: 580px;
	padding-left: 100px;
}
.diyw #diywebContent {
	margin-bottom: 50px;
}
.diyw #diywebContent h1,
.diyw #diywebContent h2,
.diyw #diywebContent p {
	margin: 0;
	padding: 0;
}
.diyw #diywebContent h1 {
	font-size: 40px;
	font-weight: 400;
	color: #8FC51D;
}
.diyw #diywebContent h2 {
	font-size: 26px;
	font-weight: 400;
	color: #8FC51D;
}
.diyw #diywebContent p,
.diyw #diywebContent ul {
	font-family: Verdana, sans-serif;
	font-size: 14px;
	color: #6D6D6D;
}
.diyw #diywebContent a,
.diyw #diywebContent a:link,
.diyw #diywebContent a:visited {
	color: #6D6D6D;
	text-decoration: underline;
	font-weight: bold;
}
.diyw #diywebContent a:hover,
.diyw #diywebContent a:active,
.diyw #diywebContent a:focus {
	color: #8FC51D;
}
.diyw #diywebFooterWrapper {
	width: 840px;
	height: 100px;
	margin: 0 auto;
}
.diyw #diywebFooter,
.diyw #diywebFooter a,
.diyw #diywebFooter a:link,
.diyw #diywebFooter a:visited {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #818181;
}
.diyw #diywebFooter a:hover,
.diyw #diywebFooter a:active,
.diyw #diywebFooter a:focus {
	color: #8FC51D;
}

/* Clearfix */
.diyw #mainNav1:before,
.diyw #mainNav1:after,
.diyw #mainNav2:before,
.diyw #mainNav2:after,
.diyw #mainNav3:before,
.diyw #mainNav3:after,
.diyw #diywebCenterWrapper:before,
.diyw #diywebCenterWrapper:after,
.diyw .thumbElement {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
.diyw #mainNav1:after,
.diyw #mainNav2:after,
.diyw #mainNav3:after,
.diyw #diywebCenterWrapper:after,
.diyw .thumbElement {
	clear: both;
}
.diyw #mainNav1,
.diyw #mainNav2,
.diyw #mainNav3,
.diyw #diywebCenterWrapper,
.diyw .thumbElement {
	zoom: 1;
}

/* Navigation */
.diyw #mainNav1,
.diyw #mainNav2,
.diyw #mainNav3 {
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: normal;
	word-wrap: break-word;
}
.diyw #mainNav1 {/*
	background: #FFF;*/
	-webkit-border-radius: 5px;
  border-radius: 5px;
	-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-15deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-15deg) skewY(0deg);
  -o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-15deg) skewY(0deg);
  -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-15deg) skewY(0deg);
  transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-15deg) skewY(0deg);
}
.diyw #mainNav1 li {
	float: left;
	margin-right: 1px;
	-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(15deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(15deg) skewY(0deg);
  -o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(15deg) skewY(0deg);
  -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(15deg) skewY(0deg);
  transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(15deg) skewY(0deg);
}
.diyw #mainNav1 a,
.diyw #mainNav1 a:link,
.diyw #mainNav1 a:visited {
	display: block;
	min-width: 100px;
	font-size: 16px;
	color: #4D4D4D;
	text-decoration: none;
	-webkit-border-radius: 5px;
  border-radius: 5px;
	-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-15deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-15deg) skewY(0deg);
  -o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-15deg) skewY(0deg);
  -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-15deg) skewY(0deg);
  transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-15deg) skewY(0deg);
  -webkit-box-shadow: inset 1px 1px 0px 1px #96D114;
  box-shadow: inset 1px 1px 0px 1px #96D114,7px 0px 3px -6px white;
  background: #b1f618;
	background: -moz-linear-gradient(top,  #b1f618 0%, #8fc31e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1f618), color-stop(100%,#8fc31e));
	background: -webkit-linear-gradient(top,  #b1f618 0%,#8fc31e 100%);
	background: -o-linear-gradient(top,  #b1f618 0%,#8fc31e 100%);
	background: -ms-linear-gradient(top,  #b1f618 0%,#8fc31e 100%);
	background: linear-gradient(to bottom,  #b1f618 0%,#8fc31e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1f618', endColorstr='#8fc31e',GradientType=0 );

}
.diyw #mainNav1 a span {
	display: block;
	padding: 6px 25px 6px 25px;
	-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(15deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(15deg) skewY(0deg);
  -o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(15deg) skewY(0deg);
  -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(15deg) skewY(0deg);
  transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(15deg) skewY(0deg);
}
.diyw #mainNav1 a.parent,
.diyw #mainNav1 a.current {
	background: #a1a1a1;
	background: -moz-linear-gradient(top,  #a1a1a1 0%, #6c6c6c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1a1a1), color-stop(100%,#6c6c6c));
	background: -webkit-linear-gradient(top,  #a1a1a1 0%,#6c6c6c 100%);
	background: -o-linear-gradient(top,  #a1a1a1 0%,#6c6c6c 100%);
	background: -ms-linear-gradient(top,  #a1a1a1 0%,#6c6c6c 100%);
	background: linear-gradient(to bottom,  #a1a1a1 0%,#6c6c6c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1a1a1', endColorstr='#6c6c6c',GradientType=0 );
	-webkit-box-shadow: inset 1px 1px 0px 1px #898989;
	box-shadow: inset 1px 1px 0px 1px #898989;
}
.diyw #mainNav1 a.parent:hover,
.diyw #mainNav1 a.current:hover,
.diyw #mainNav1 a:hover,
.diyw #mainNav1 a:active,
.diyw #mainNav1 a:focus {
	background: #a1a1a1;
	background: -moz-linear-gradient(top,  #a1a1a1 0%, #6c6c6c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1a1a1), color-stop(100%,#6c6c6c));
	background: -webkit-linear-gradient(top,  #a1a1a1 0%,#6c6c6c 100%);
	background: -o-linear-gradient(top,  #a1a1a1 0%,#6c6c6c 100%);
	background: -ms-linear-gradient(top,  #a1a1a1 0%,#6c6c6c 100%);
	background: linear-gradient(to bottom,  #a1a1a1 0%,#6c6c6c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1a1a1', endColorstr='#6c6c6c',GradientType=0 );
	-webkit-box-shadow: inset 1px 1px 0px 1px #898989;
	box-shadow: inset 1px 1px 0px 1px #898989,-7px 0px 3px -6px white ;
  color: #FFF;
  transition:box-shadow 1s ease-in-out,color 0.1s ease-in-out;
}
.diyw #mainNav1 a.parent span,
.diyw #mainNav1 a.current span {
	color: #FFF;
}
.diyw #mainNav2 {
 margin-bottom: 75px;
}
.diyw #mainNav2 li {
	width: 190px;
	margin-bottom: 1px;
}
.diyw #mainNav2 a,
.diyw #mainNav2 a:link,
.diyw #mainNav2 a:visited {
	display: block;
	text-decoration: none;
	background-color: #E6E6E6;
	-webkit-border-radius: 5px;
  border-radius: 5px;
	-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-15deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-15deg) skewY(0deg);
  -o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-15deg) skewY(0deg);
  -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-15deg) skewY(0deg);
  transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(-15deg) skewY(0deg);
}
.diyw #mainNav2 a:hover,
.diyw #mainNav2 a:active,
.diyw #mainNav2 a:focus,
.diyw #mainNav2 a.parent,
.diyw #mainNav2 a.current {
	background-color: #6D6D6D;
}
.diyw #mainNav2 a span {
	display: block;
	padding: 3px 15px 3px 15px;
	font-size: 16px;
	color: #6D6D6D;
	text-decoration: none;
	-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(15deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(15deg) skewY(0deg);
  -o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(15deg) skewY(0deg);
  -ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(15deg) skewY(0deg);
  transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(15deg) skewY(0deg);
}
.diyw #mainNav2 a:hover span,
.diyw #mainNav2 a:active span,
.diyw #mainNav2 a:focus span,
.diyw #mainNav2 a.parent span,
.diyw #mainNav2 a.current span {
	color: #FFF;
/*	font-weight: bold;	*/
}
.diyw #mainNav3 li:last-of-type {
	margin-bottom: 0px;
}
.diyw #mainNav3 a,
.diyw #mainNav3 a:link,
.diyw #mainNav3 a:visited {
	width: 190px;
	margin-left: 20px;
}
.diyw #mainNav3 a:hover,
.diyw #mainNav3 a:active,
.diyw #mainNav3 a:focus,
.diyw #mainNav3 a.current {
	background-color: #818181;
}