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

.diyw #diywebWrapper{
	width:100%;
	min-height: 100%;
}

.diyw #diywebWrapperCenterBox {
	width: 940px;
	min-height: 900px;
	margin: 0 auto;
	font-family: 'Istok Web', sans-serif;
}

.diyw #diywebNavigation {
	width: 100%;
}

.diyw #diywebEmotionHeader{
	width: 940px;
}

.diyw #diywebPageWrapper{
	margin-top: 30px;
}

.diyw #diywebRightPageWrapper {
	width: 210px;
	float: right;
	padding-right: 10px;
}

.diyw #diywebPageNavigation h1,
.diyw #diywebPageNavigation h2,
.diyw #diywebPageNavigation p,
.diyw #diywebPageContent h1,
.diyw #diywebPageContent h2,
.diyw #diywebPageContent p,
.diyw #diywebPageSidebar h1,
.diyw #diywebPageSidebar h2,
.diyw #diywebPageSidebar p {
	margin: 0;
	padding: 0;
}

.diyw #diywebPageContent{
	width: 660px;
	float: left;
	padding-right: 60px;
}

.diyw #diywebPageContent h1 {
	font-size: 32px;
	color: #656565;
	padding-bottom: 25px;
	font-weight: 400;
}

.diyw #diywebPageContent h2 {
	padding-top: 5px;
	font-size: 26px;
	color: #656565;
	font-weight: 400;
}

.diyw #diywebPageContent p {
	font-family: 'Istok Web', sans-serif;
	font-size: 13px;
	color: #656565;
}

.diyw #diywebPageContent a,
.diyw #diywebPageContent a:link,
.diyw #diywebPageContent a:visited {
	font-family: 'Istok Web', sans-serif;
	font-size: 13px;
	color: #646464;
}

.diyw #diywebPageContent ul {
	margin: 10px 0 10px 17px;
	padding: 0;
	font-size: 13px;
	color: #656565;
	line-height: 20px;
}

.diyw #diywebPageSidebar{
	margin-top: 30px;
}

.diyw #diywebPageSidebar h1,
.diyw #diywebPageSidebar h2 {
	font-size: 14px;
	color: #656565;
	margin-bottom: 5px;
}

.diyw #diywebPageSidebar p {
	font-size: 13px;
	color: #646464;
}

.diyw #diywebPageSidebar a,
.diyw #diywebPageSidebar a:link,
.diyw #diywebPageSidebar a:visited {
	font-size: 13px;
	color: #646464;
}

.diyw #diywebFooterWrapper {
	background-color: #85C3D9;
}

.diyw #diywebFooterWrapperCenterBox {
	width: 940px;
	height: 65px;
	padding: 20px 0;
	margin: 25px auto 0 auto;
	font-family: 'Istok Web', sans-serif;
	color: #FFFFFF;
	font-size: 14px;
}

.diyw #diywebFooterWrapper a,
.diyw #diywebFooterWrapper a:link,
.diyw #diywebFooterWrapper a:visited {
	font-size: 14px;
	color: #FFFFFF;
}

.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 #diywebPageWrapper:before,
.diyw #diywebPageWrapper:after,
.diyw .thumbElement {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}

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

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

.diyw #mainNav1,
.diyw #mainNav2,
.diyw #mainNav3 {
	margin: 0;
	padding: 0;
	font-family: 'Istok Web', sans-serif;
	list-style: none;
}

.diyw #mainNav1 {
	font-size: 16px;
	padding-bottom: 13px;
}

.diyw #mainNav1 li {
	float: left;
	padding-top: 15px;
	margin-right: 30px;
}

.diyw #mainNav1 li:hover {
	color: #84C4D9;
	padding-top: 12px;
	border-top: 3px #84C4D9 solid;
}

.diyw #mainNav1 a,
.diyw #mainNav1 a:link,
.diyw #mainNav1 a:visited {
	text-decoration: none;
	color: #656565;
}

.diyw #mainNav1 a.parent,
.diyw #mainNav1 a.parent:hover,
.diyw #mainNav1 a.current,
.diyw #mainNav1 a.current:hover,
.diyw #mainNav1 a:hover,
.diyw #mainNav1 a:active,
.diyw #mainNav1 a:focus {
	color: #84C4D9;
	padding-top: 12px;
	border-top: 3px #84C4D9 solid;
}

.diyw #mainNav2 > li > a,
.diyw #mainNav2 > li > a:link,
.diyw #mainNav2 > li > a:visited {
	font-size: 14px;
	color: #656565;
	text-decoration: none;
  white-space: normal;
  word-wrap: break-word;
	display: block;
	padding-top: 8px;
}

.diyw #mainNav2 > li > a:hover,
.diyw #mainNav2 > li > a:active,
.diyw #mainNav2 > li > a:focus {
	border-top: 3px solid #84C4D9;
	padding-top: 5px;
	color: #0E7D92;
}

.diyw #mainNav2 > li > a.parent,
.diyw #mainNav2 > li > a.current {
	border-top: 3px solid #84C4D9;
	padding-top: 8px;
	color: #0E7D92;
	margin-top: 30px;
}

.diyw #mainNav2 > li:first-of-type > a {
	margin-top: 0px;
}

.diyw #mainNav3 a,
.diyw #mainNav3 a:link,
.diyw #mainNav3 a:visited {
	font-size: 12px;
	color: #999999;
	text-decoration: none;
}

.diyw #mainNav3 a.current,
.diyw #mainNav3 a.current:hover,
.diyw #mainNav3 a:hover,
.diyw #mainNav3 a:active,
.diyw #mainNav3 a:focus {
	color: #0E7D92;
}