@import url(//cdn.website-start.de/s/css/templates/Oswald.css);
/* ###### HEADER-LAYOUT ###### */
.diyw #mainNav1 a,.diyw #mainNav2 a, .diyw #mainNav3 a{
 white-space: normal;
 word-wrap: break-word;
}
	.diyw #diywebWrapper{
		width: 940px;
		margin: 0 auto;
		font-family: 'Oswald', sans-serif;
	}

	.diyw #diywebNavigation {
		width: 100%;
		padding: 15px 0 15px 0;
	}

	.diyw #diywebEmotionHeader{
		width: 100%;
	}


/* ###### BODY-LAYOUT ###### */

	.diyw #diywebPageWrapper{
		width: 100%;
	}

	.diyw #diywebPageHeaderWrapper{
		width: 100%;
		height: 210px;
		padding: 10px;
	}

	.diyw #diywebPageBodyWrapper{
		margin: 55px auto;
	}

	.diyw #diywebLeftPageNavigation h1,
	.diyw #diywebLeftPageNavigation h2,
	.diyw #diywebLeftPageNavigation p,
	.diyw #diywebPageContent h1,
	.diyw #diywebPageContent h2,
	.diyw #diywebPageContent p,
	.diyw #diywebRightPageSidebar h1,
	.diyw #diywebRightPageSidebar h2,
	.diyw #diywebRightPageSidebar p {
		margin: 0;
		padding: 0;
	}


/* ###### BODY-LAYOUT: NAVIGATION (LEFT) ###### */

	.diyw #diywebLeftPageNavigation{
		width: 220px;
		min-height: 200px;
		float: left;
	}


/* ###### BODY-LAYOUT: CONTENT (CENTER) ###### */

	.diyw #diywebPageContent{
		width: 480px;
		padding: 0 30px 0 20px;
		float: left;
	}

	.diyw #diywebPageContent h1 {
		text-transform: uppercase;
		font-size: 32px;
		color: #333333;
		font-weight: 400;
		padding: 20px 0 30px 0;
	}

	.diyw #diywebPageContent h2 {
		padding: 20px 0 10px 0;
		font-size: 18px;
		color: #333333;
	}

	.diyw #diywebPageContent p {
		font-family: Arial;
		font-size: 13px;
		color: #646464;
	}

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

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


/* ###### BODY-LAYOUT: SIDEBAR (RIGHT) ###### */

	.diyw #diywebRightPageSidebar{
		width: 190px;
		margin: 30px 0 0 0;
		float: right;
	}

	.diyw #diywebRightPageSidebar h1,
	.diyw #diywebRightPageSidebar h2 {
		text-transform: uppercase;
		font-size: 24px;
		color: #333333;
		font-weight: 400;
		padding: 5px 0 5px 0;
		margin-bottom: 5px;
		border-top: 1px solid #CECECE;
		border-bottom: 1px solid #CECECE;
	}

	.diyw #diywebRightPageSidebar p {
		font-family: Arial;
		font-size: 13px;
		color: #333333;
	}

	.diyw #diywebRightPageSidebar a,
	.diyw #diywebRightPageSidebar a:link,
	.diyw #diywebRightPageSidebar a:visited {
		font-family: Arial;
		font-size: 13px;
		color: #333333;
		font-weight: 400;
	}

/* ###### FOOTER-LAYOUT ###### */

	.diyw #diywebFooterWrapper{
		width: 100%;
		height: 55px;
		margin: auto;
		font-family: Arial;
		font-size: 13px;
		color: #333333;
		margin-top: 30px;
		border-top: 1px solid #CECECE;
		padding: 15px 0 0 0;
	}

	.diyw #diywebFooterWrapper a,
	.diyw #diywebFooterWrapper a:link,
	.diyw #diywebFooterWrapper a:visited {
		font-size: 13px;
		font-weight: 400;
		color: #333333;
		text-decoration: none;
	}


/* ###### 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 #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:after, .diyw .thumbElement {
	clear: both;
}

.diyw #mainNav1, .diyw #mainNav2, .diyw #mainNav3, .diyw #diywebAllContent, .diyw .thumbElement, .diyw #diywebPageWrapper {
 zoom: 1;		/* IE-Fix */
}


/* ###### NAVIGATION 1 ###### */

	.diyw #mainNav1,
	.diyw #mainNav2,
	.diyw #mainNav3 {
		list-style: none;
		margin: 0;
		padding: 0;
		font-family: 'Oswald', sans-serif;
		text-transform: uppercase;
		font-size: 24px;
	}

	.diyw #mainNav1 {
		border-top: 1px solid #CECECE;
		border-bottom: 1px solid #CECECE;
	}

	.diyw #mainNav1 li {
		float: left;
		display: inline;
		padding: 0 28px 0 0;
	}

	.diyw #mainNav1 a,
	.diyw #mainNav1 a:link,
	.diyw #mainNav1 a:visited {
	 text-decoration: none;
	 color: #333333;
	 padding: 0 0 0 12px;
	}

	.diyw #mainNav1 a.parent, .diyw #mainNav1 a.parent:hover,
	.diyw #mainNav1 a.current, .diyw #mainNav1 a.current:hover {
		background: url("https://www.centurypump.org/s/img/navigation_level_2_asterisk.png") no-repeat left 8px;
	}

	.diyw #mainNav1 a:hover,
	.diyw #mainNav1 a:active,
	.diyw #mainNav1 a:focus {
	 background: url("https://www.centurypump.org/s/img/navigation_level_2_asterisk.png") no-repeat left 8px;
	}


/* ###### NAVIGATION 2 ###### */

	.diyw #mainNav2 {
		margin: 30px 0 0 0;
		border-top: 1px solid #CECECE;
	}

	.diyw #mainNav2 > li {
		padding: 6px 0 7px 0;
		border-bottom: 1px solid #CECECE;
		padding: 5px 20px 5px 0;
	}

	.diyw #mainNav2 a,
	.diyw #mainNav2 a:link,
	.diyw #mainNav2 a:visited {
	  white-space: normal;
	  word-wrap: break-word;
		display: block;
		text-decoration: none;
		color: #333333;
		padding: 0 0 0 12px;
	}

	.diyw #mainNav2 a.parent {
		background: url("https://www.centurypump.org/s/img/navigation_level_2_asterisk.png") no-repeat left 8px;
	}

	.diyw #mainNav2 a:hover,
	.diyw #mainNav2 a:active,
	.diyw #mainNav2 a:focus {
		background: url("https://www.centurypump.org/s/img/navigation_level_2_asterisk.png") no-repeat left 8px;
	}

/* ###### NAVIGATION 3 ###### */

	.diyw #mainNav3 a,
	.diyw #mainNav3 a:link,
	.diyw #mainNav3 a:visited {
		font-size: 20px;
		color: #666666;
		padding: 0 0 0 12px;
		margin: 0 0 0 12px
	}

	.diyw #mainNav3 a.current,
	.diyw #mainNav3 a.current:hover {
		background: url("https://www.centurypump.org/s/img/navigation_level_3_asterisk.png") no-repeat left 8px;

	}

	.diyw #mainNav3 a:hover,
	.diyw #mainNav3 a:active,
	.diyw #mainNav3 a:focus {
		background: url("https://www.centurypump.org/s/img/navigation_level_3_asterisk.png") no-repeat left 8px;
	}