@import url(//cdn.website-start.de/s/css/templates/PT+Mono.css);
@import url(//cdn.website-start.de/s/css/templates/PT+Serif.css);
@import url(//cdn.website-start.de/s/css/templates/PT+Sans.css);

/* LAYOUT SETTINGS */

body
{
 margin: 0;
 padding: 0;
 background-color: #e7e7e7;
}

.diyw #mainNav1 a,.diyw #mainNav2 a, .diyw #mainNav3 a{
white-space: normal;
word-wrap: break-word;
}
.diyw #diywebWrapper {
 position: relative;
 width: 1110px;
 margin-bottom: 50px;
}
.diyw #diywebNavigation {
 position: relative;
 display: block;
 width: 1110px;
 padding: 20px 75px 0;
}
.diyw #diywebHeader {
 position: relative;
 width: 1110px;
 float: left;
 overflow: hidden;
 margin-bottom: 50px;
}
.diyw #diywebAllContent {
 position: relative;
 width: 1110px;
 float: left;
}
.diyw #diywebSidebarLeft {
 position: relative;
 width: 230px;
 float: left;
 margin-left: 75px;
}
.diyw #diywebSubNavigation {
 position: relative;
 display: block;
 width: 230px;
}
.diyw #diywebSubContent {
 position: relative;
 display: block;
 margin-bottom: 100px;
 width: 230px;
 min-width: 230px;
 min-height: 1px;
 font: 13px 'PT Sans';
 color: #333;
 border-top: 2px solid #777;
 padding-top: 10px;
}
.diyw #diywebSubContent h1, .diyw #diywebSubContent h2 {
 position: relative;
 font: 14px 'PT Mono';
 color: #333;
}
.diyw #diywebSubContent a {
 text-decoration: underline;
 color: #777;
}
.diyw #diywebMainContent {
 position: relative;
 width: 680px;
 float: left;
 margin-left: 50px;
 margin-bottom: 100px;
 font: 13px 'PT Sans';
 color: #333;
 border-top: 2px solid #777;
}
.diyw #diywebMainContent h1 {
 font: 36px 'PT Serif';
 font-weight: normal;
 color: #333;
}
.diyw #diywebMainContent h2 {
 font: 24px 'PT Serif';
 font-weight: normal;
 color: #333;
}
.diyw #diywebMainContent a {
 text-decoration: underline;
 color: #333;
}
.diyw #diywebFooter {
 position: relative;
 display: inline-block;
 font: 13px 'PT Sans';
 color: #333;
 margin-left: 75px;
 padding: 25px 0;
 width: 960px;
 border-top: 2px solid #777;
}
.diyw #diywebFooter a {
 font: 13px 'PT Sans';
 color: #333;
 text-decoration: none;
}

/* NAVIGATION SETTINGS */

.diyw #mainNav1,
.diyw #mainNav2,
.diyw #mainNav3 {
 list-style: none;
 margin: 0;
 padding: 0;
 white-space: normal;
 word-wrap: break-word;
 position: relative;
}
.diyw #mainNav1 li {
 position: relative;
 display: inline-block;
 margin: 0;
 margin-right: 20px;
 margin-bottom: 20px;
 width: 145px;
 zoom: 1;
 *display: inline;
 vertical-align: top;
}
.diyw #mainNav1 a,
.diyw #mainNav1 a:link,
.diyw #mainNav1 a:visited {
 display: inline-block;
 position: relative;
 font: 14px 'PT Mono';
 color: #777;
 text-decoration: none;
 padding: 10px 0;
 width: 145px;
 border-top: 2px solid #777;
 vertical-align: top;
}
.diyw #mainNav1 a.parent, .diyw #mainNav1 a.parent:hover,
.diyw #mainNav1 a.current, .diyw #mainNav1 a.current:hover {
 border-top: 2px solid #CC0000;
 color: #CC0000;
}
.diyw #mainNav1 a:hover, .diyw #mainNav1 a:active, .diyw #mainNav1 a:focus {
 color: #AAA;
 border-top: 2px solid #AAA;
}
.diyw #mainNav2 {
 border-top: 2px solid #777;
 padding-top: 10px;
 margin-bottom: 70px;
}
.diyw #mainNav2 a,
.diyw #mainNav2 a:link,
.diyw #mainNav2 a:visited {
 display: block;
 position: relative;
 font: 14px 'PT Mono';
 color: #777;
 padding: 10px 0;
 text-decoration: none;
}
.diyw #mainNav2 a.parent, .diyw #mainNav2 a.parent:hover,
.diyw #mainNav2 a.current, .diyw #mainNav2 a.current:hover {
 color: #CC0000;
}
.diyw #mainNav2 a:hover, .diyw #mainNav2 a:active, .diyw #mainNav2 a:focus {
 color: #AAA;
}
.diyw #mainNav3 {
 margin-bottom: 10px;
}
.diyw #mainNav3 a,
.diyw #mainNav3 a:link,
.diyw #mainNav3 a:visited {
 display: block;
 position: relative;
 font: 14px 'PT Mono';
 color: #777;
 text-decoration: none;
 padding: 5px 0 5px 20px;
}
.diyw #mainNav3 a.current, .diyw #mainNav3 a.current:hover {
 color: #CC0000;
}
.diyw #mainNav3 a:hover, .diyw #mainNav3 a:active, .diyw #mainNav3 a:focus {
 color: #AAA;
}

/* 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;
}