@import url(//cdn.website-start.de/s/css/templates/Abel.css);
@import url(//cdn.website-start.de/s/css/templates/PT+Sans.css);
/* ###### HELPER CLASSES ###### */

	.diyw #diywebWrapper {
		width: 100%;
	}

/* ###### PAGE WRAPPER ###### */

	.diyw #diywebPageWrapper {
		width: 1161px;
		background: url("https://www.s-unrein.de/s/img/background_left_main.png") repeat-y left top;
	}

/* ###### LEFT PAGE ###### */

	.diyw #diywebLeftPage {
		width: 386px;
		overflow: hidden;
		float: left;
	}

	.diyw #diywebNavigation {
		width: 220px;
		margin: 290px 0 0 130px;
	}


/* ###### RIGHT PAGE ###### */

	.diyw #diywebRightPage {
		float: left;
		min-height: 1100px;
		background: url("https://www.s-unrein.de/s/img/background_left_shadow.png") repeat-y left top;
	}

	.diyw #diywebContentWrapper {
		width: 730px;
		margin: 0 0 0 40px;
		font-family: 'Abel', sans-serif;
	}

.diyw #diywebSidebar
{
	float: right;
	width: 240px;
}

.diyw a,
.diyw a:link,
.diyw a:visited
	{
		text-transform: none;
		color: #777777;
		text-decoration: underline;
	}

.diyw h1,
.diyw h2
	{
		margin: 0;
		padding: 0;
		font-family: 'Abel', sans-serif;
		font-weight: 400;
		color: #701000;
	}

.diyw p
 {
		font-family: Verdana;
		margin: 0;
		padding: 0;
	}

/* ###### RIGHT PAGE: HEADER ###### */

	.diyw #diywebHeaderWrapper {
		width: 729px;
		margin: 30px 0 40px 40px;
	}

	.diyw #diywebHeader {
		width: 723px;
		margin-left: 3px;
	}

	.diyw #diywebHeaderTop {
		width: 100%;
		height: 2px;
		background: url("https://www.s-unrein.de/s/img/background_emotion_header_top.png") no-repeat left top;
	}

	.diyw #diywebHeaderMain {
		width: 100%;
		background: url("https://www.s-unrein.de/s/img/background_emotion_header_main.png") repeat-y left top;
	}

	.diyw #diywebHeaderBottom {
		width: 100%;
		height: 4px;
		background: url("https://www.s-unrein.de/s/img/background_emotion_header_bottom.png") no-repeat left top;
	}


/* ###### RIGHT PAGE: CONTENT ###### */

	.diyw #diywebMainContent {
		width: 485px;
		float: left;
		padding: 5px 0 0 5px;
	}

.diyw h1 {
		font-size: 40px;
		line-height: 40px;
		padding-bottom: 10px;
	}

.diyw h2 {
		font-size: 24px;
		line-height: 24px;
		padding-bottom: 10px;
	}

.diyw p,
.diyw ul {
		font-size: 14px;
		color: #777777;
	}



/* ###### RIGHT PAGE: FOOTER ###### */
	.diyw #diywebFooter {
		width: 690px;
		font-family: 'PT Sans', sans-serif;
		font-size: 12px;
		font-weight: 400;
		color: #333333;
		float: left;
		margin: 40px 0 0 40px;
		padding: 5px 40px 20px 5px;
	}

	.diyw #diywebFooter a,
	.diyw #diywebFooter a:link,
	.diyw #diywebFooter a:visited
	{
		color: #333333;
		text-transform: none;
		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 #mainNav3:after,
.diyw #diywebPageWrapper:before,
.diyw #diywebPageWrapper:after,
.diyw #diywebContentWrapper:before,
.diyw #diywebContentWrapper:after,
.diyw .thumbElement {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}

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

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


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

	.diyw #mainNav1,
	.diyw #mainNav2,
	.diyw #mainNav3 {
		margin: 0;
		padding: 0;
		list-style: none;
		font-family: 'Abel', sans-serif;
		font-size: 18px;
		font-weight: 400;
	}

/* ###### NAVIGATION: LEVEL 1 ###### */

	.diyw #mainNav1 li {
		margin: 0 0 1px 0;

	}

	.diyw #mainNav1 a,
	.diyw #mainNav1 a:link,
	.diyw #mainNav1 a:visited {
		width: 150px;	/* 196 - 35 */
	    padding: 3px 20px 3px 25px; /*7*/
		display: block;
		text-decoration: none;
		color: #fff;
		white-space: normal;
	    word-wrap: break-word;
		background: #8D8D8D;
		border-radius: 2px;
	}

	.diyw #mainNav1 span {
		padding-left: 10px;
		background: url("https://www.s-unrein.de/s/img/bulletpoint_navigation_level1.png") no-repeat left 10px;
	}

	.diyw #mainNav1 a.parent, .diyw #mainNav1 a.parent:hover,
	.diyw #mainNav1 a.current, .diyw #mainNav1 a.current:hover {
	  background: url("https://www.s-unrein.de/s/img/background_navigation_red_gradient.png") repeat-y left top;
	}

	.diyw #mainNav1 a.parent span, .diyw #mainNav1 a.parent:hover span,
	.diyw #mainNav1 a.current span, .diyw #mainNav1 a.current:hover span {
	  background: url("https://www.s-unrein.de/s/img/bulletpoint_navigation_level1_parent.png") no-repeat left 10px;
	}

	.diyw #mainNav1 a:hover,
	.diyw #mainNav1 a:active,
	.diyw #mainNav1 a:focus {
	 background: url("https://www.s-unrein.de/s/img/background_navigation_red_gradient.png") repeat-y left top;
	}

	.diyw #mainNav1 a:hover span,
	.diyw #mainNav1 a:active span,
	.diyw #mainNav1 a:focus span {
	 background: url("https://www.s-unrein.de/s/img/bulletpoint_navigation_level1_parent.png") no-repeat left 10px;
	}


/* ###### NAVIGATION: LEVEL 2 ###### */



	.diyw #mainNav2 a,
	.diyw #mainNav2 a:link,
	.diyw #mainNav2 a:visited {
		margin: 0 0 0 25px;
		font-size: 15px;
	}

	.diyw #mainNav2 a span,
	.diyw #mainNav2 a.parent span,
	.diyw #mainNav2 a.parent:hover span,
	.diyw #mainNav2 a.current span,
	.diyw #mainNav2 a.current:hover span {
		background-position: left 8px;
	}

	.diyw #mainNav2 a:hover span,
	.diyw #mainNav2 a:active span,
	.diyw #mainNav2 a:focus span {
		background-position: left 8px;
	}

/* ###### NAVIGATION: LEVEL 3 ###### */



	.diyw #mainNav3 a,
	.diyw #mainNav3 a:link,
	.diyw #mainNav3 a:visited {
		margin: 0 0 0 50px;

	}

	.diyw #mainNav3 a span,
	.diyw #mainNav3 a.parent span,
	.diyw #mainNav3 a.parent:hover span,
	.diyw #mainNav3 a.current span,
	.diyw #mainNav3 a.current:hover span {
		background-position: left 8px;
	}

	.diyw #mainNav3 a:hover span,
	.diyw #mainNav3 a:active span,
	.diyw #mainNav3 a:focus span {
		background-position: left 8px;
	}