@import url(//cdn.website-start.de/s/css/templates/PT+Sans+Narrow.css);
@import url(//cdn.website-start.de/s/css/templates/PT+Sans.css);
/* Layout */


body
{
 background-color: #01213D;
}

.diyw #diywebWrapper {
 background: url("https://www.thomas-bartetzko.de/s/img/transparent_background.png") repeat-x;
}
.diyw #diywebPageWrapper {
 width: 950px;
 margin: 0 auto;
 font-family: 'PT Sans Narrow', sans-serif;
}
.diyw #diywebNavigation {
 width: 882px;
 margin: 0 auto;
}
.diyw #diywebEmotionHeaderWrapper {
 width: 950px;
 background-color: #FFF;
 padding: 5px 0;
 -webkit-box-shadow: 0px 0px 5px 0px #000;
 box-shadow: 0px 0px 5px 0px #000;
 position: relative;
}
.diyw #diywebEmotionHeader {
 width: 940px;
 margin: 0px 5px;
}
.diyw #diywebCenterWrapper {
 width: 940px;
 margin: 0 auto;
}
.diyw #diywebLeftCenterWrapper {
 float: left;
 width: 215px;
}
.diyw #diywebSidebar{
 background-color: #FFF;
 padding: 15px;
}
.diyw #diywebSidebar h1,
.diyw #diywebSidebar h2 {
 text-transform: uppercase;
 font-size: 18px;
 color: #2F2F32;
}
.diyw #diywebSidebar p {
 color: #2F2F32;
 font-size: 12px;
 font-family: Arial, sans-serif;
}
.diyw #diywebSidebar a,
.diyw #diywebSidebar a:link,
.diyw #diywebSidebar a:visited {
 color: #189BED;
 text-decoration: none;
}
.diyw #diywebSidebar a:hover,
.diyw #diywebSidebar a:active,
.diyw #diywebSidebar a:focus {
 text-decoration: underline;
}
.diyw #diywebRightCenterWrapper {
 float: right;
 width: 705px;
}
.diyw #diywebContent {
 background-color: #FFF;
 padding: 40px 35px 50px 20px;
}
.diyw #diywebContent h1,
.diyw #diywebContent h2,
.diyw #diywebContent p {
 margin: 0;
 padding: 0;
}
.diyw #diywebContent h1 {
 font-size: 45px;
 font-weight: 400;
 color: #181818;
 text-transform: uppercase;
}
.diyw #diywebContent h2 {
 font-size: 27px;
 color: #181818;
 font-weight: 400;
 text-transform: uppercase;
}
.diyw #diywebContent p {
 font-size: 14px;
 color: #0C0C0C;
 font-family: 'PT Sans', sans-serif;
}
.diyw #diywebContent a,
.diyw #diywebContent a:link,
.diyw #diywebContent a:visited {
 text-decoration: underline;
 color: #0C0C0C;
}
.diyw #diywebContent a:hover,
.diyw #diywebContent a:active,
.diyw #diywebContent a:focus {
 color: #189BED;
}
.diyw #diywebFooter {
 font-family: Arial, sans-serif;
 font-size: 12px;
 color: #FFF;
 padding: 20px 30px;
}
.diyw #diywebFooter a,
.diyw #diywebFooter a:link,
.diyw #diywebFooter a:visited {
 text-decoration: none;
 color: #5B9DE0;
}
.diyw #diywebFooter a:hover,
.diyw #diywebFooter a:active,
.diyw #diywebFooter a:focus {
 text-decoration: underline;
}

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

/* Navigation */

.diyw #mainNav1,
.diyw #mainNav2,
.diyw #mainNav3,
.diyw #diywebCenterWrapper,
.diyw .thumbElement {
 zoom: 1;
}
.diyw #mainNav1,
.diyw #mainNav2,
.diyw #mainNav3 {
 margin: 0;
 padding: 0;
 list-style: none;
 white-space: normal;
 word-wrap: break-word;
}
.diyw #mainNav1 li {
 float: left;
}
.diyw #mainNav1 li:first-of-type {
 border-left: 1px solid #918A46;
}
.diyw #mainNav1 a,
.diyw #mainNav1 a:link,
.diyw #mainNav1 a:visited {
 text-decoration: none;
 color: #000;
 font-size: 19px;
 display: block;
 min-width: 86px;
 max-width: 882px;
 min-height: 55px;
 vertical-align: bottom;
 border-right: 1px solid #918A46;
 padding: 45px 15px 10px 15px;
 background: #faf2a3;
 background: -moz-linear-gradient(top,  #faf2a3 0%, #e5d20f 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faf2a3), color-stop(100%,#e5d20f));
 background: -webkit-linear-gradient(top,  #faf2a3 0%,#e5d20f 100%);
 background: -o-linear-gradient(top,  #faf2a3 0%,#e5d20f 100%);
 background: -ms-linear-gradient(top,  #faf2a3 0%,#e5d20f 100%);
 background: linear-gradient(to bottom,  #faf2a3 0%,#e5d20f 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf2a3', endColorstr='#e5d20f',GradientType=0 );
}
.diyw #mainNav1 span {
 display: block;
 background: url("https://www.thomas-bartetzko.de/s/img/top_navigation_black_bullet.png") right bottom no-repeat;
}
.diyw #mainNav1 a.parent,
.diyw #mainNav1 a.current {
 background: #abe131;
 background: -moz-linear-gradient(top,  #abe131 0%, #719a11 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abe131), color-stop(100%,#719a11));
 background: -webkit-linear-gradient(top,  #abe131 0%,#719a11 100%);
 background: -o-linear-gradient(top,  #abe131 0%,#719a11 100%);
 background: -ms-linear-gradient(top,  #abe131 0%,#719a11 100%);
 background: linear-gradient(to bottom,  #abe131 0%,#719a11 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abe131', endColorstr='#719a11',GradientType=0 );
}
.diyw #mainNav1 a.parent:hover,
.diyw #mainNav1 a.current:hover,
.diyw #mainNav1 a:hover,
.diyw #mainNav1 a:active,
.diyw #mainNav1 a:focus {
 background: #73B9F3;
}
.diyw #mainNav2 {
 margin-bottom: 30px;
}
.diyw #mainNav2 a,
.diyw #mainNav2 a:link,
.diyw #mainNav2 a:visited {
 display: block;
 width: 189px;
 background-color: #FFEE55;
 color: #000;
 font-size: 17px;
 margin-bottom: 1px;
 text-decoration: none;
 padding: 7px 13px 6px 13px;
}
.diyw #mainNav2 a:hover,
.diyw #mainNav2 a:active,
.diyw #mainNav2 a:focus {
 background-color: #73B9F3;
}

.diyw #mainNav2 a.parent,
.diyw #mainNav2 a.current {
 background-color: #8DC709;
}
.diyw #mainNav3 {
 width: 205px;
 background-color: #C6E384;
 margin-left: 5px;
 padding: 5px 0;
}
.diyw #mainNav3 li {
 padding: 0 15px 5px 15px;
}
.diyw #mainNav3 a,
.diyw #mainNav3 a:link,
.diyw #mainNav3 a:visited {
 display: inline;
 background: none;
 color: #2F2F32;
 padding: 0;
}
.diyw #mainNav3 a:hover,
.diyw #mainNav3 a:active,
.diyw #mainNav3 a:focus {
 text-decoration: underline;
 background: none;
}
.diyw #mainNav3 a.current {
 font-weight: bold;
}