@import url(//cdn.website-start.de/s/css/templates/Allan.css);
/* LAYOUT SETTINGS */


body
{
 background-image: url(https://www.safe-machine.de/s/img/background2.png);
 background-position: left top;
 background-repeat: repeat;
 background-color: #E0DDD9;
}

.diyw #diywebWrapper{
 width: 960px;
 margin: 0 auto;
 padding: 30px 0;
 font-family: "Arial", sans-serif;
 font-size: 13px;
 color: #666666;
}
.diyw #diywebEmotionWrapper {
 width: 100%;
 padding-top: 20px;
 background: url(https://www.safe-machine.de/s/img/emotion_bg.png) no-repeat left top;
}
.diyw #diywebEmotionHeader {
 width: 100%;
}
.diyw #diywebCenterWrapper {
 width: 100%;
 background: url(https://www.safe-machine.de/s/img/center_wrapper_top.png) no-repeat left top;
 padding-top: 40px;
}
.diyw #diywebLeftWrapper {
 width: 245px;
 float: left;
}
.diyw #diywebContentWrapper {
 width: 715px;
 float: right;
}
.diyw #diywebMainContent {
 background-color: #FFF;
 min-height: 400px;
 padding: 25px 65px;
}
.diyw #diywebContentBottom {
 width: 100%;
 height: 20px;
 background: url(https://www.safe-machine.de/s/img/content_wrapper_bottom.png) no-repeat left top;
}

/* CONTENT */

.diyw #diywebMainContent h1,
.diyw #diywebMainContent h2,
.diyw #diywebMainContent p,
.diyw #diywebSidebar h1,
.diyw #diywebSidebar h2,
.diyw #diywebSidebar p {
 padding: 0;
 margin: 0;
}
.diyw #diywebMainContent h1,
.diyw #diywebMainContent h2,
.diyw #diywebSidebar h1,
.diyw #diywebSidebar h2 {
 color: #FF9900;
 font-family: 'Allan', cursive;
}
.diyw #diywebMainContent h1 {
 font-size: 36px;
}
.diyw #diywebMainContent h2 {
 font-size: 21px;
}
.diyw #diywebMainContent a,
.diyw #diywebSidebar a {
 color: #FF9900;
 font-family: 'Allan', cursive;
 font-size: 15px;
}
.diyw #diywebFooter a {
 color: #FFF;
}
.diyw #diywebMainContent a,
.diyw #diywebSidebar a,
.diyw #diywebFooter a {
 text-decoration: none;
}
.diyw #diywebMainContent a:hover,
.diyw #diywebMainContent a:active,
.diyw #diywebMainContent a:focus,
.diyw #diywebSidebar a:hover,
.diyw #diywebSidebar a:active,
.diyw #diywebSidebar a:focus,
.diyw #diywebFooter a:hover,
.diyw #diywebFooter a:active,
.diyw #diywebFooter a:focus {
 text-decoration: underline;
}
.diyw #diywebNavigation {
 background: url(https://www.safe-machine.de/s/img/nav_bg.png) no-repeat left bottom;
 padding-bottom: 20px;
}
.diyw #diywebSidebar {
 padding: 35px;
}
.diyw #diywebSidebar h1,
.diyw #diywebSidebar h2 {
 font-size: 18px;
 padding-bottom: 10px;
}
.diyw #diywebFooter {
 width: 880px;
 height: 122px;
 background: url(https://www.safe-machine.de/s/img/footer_bg.png) no-repeat left top;
 margin: 50px 0 10px 0;
 padding: 40px;
 font-size: 12px;
 color: #FFF;
}
.diyw #diywebFooterCenter {
}

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

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

/* NAVIGATION SETTINGS */

.diyw #mainNav1,
.diyw #mainNav2,
.diyw #mainNav3 {
 list-style: none;
 margin: 0;
 padding: 0;
 white-space: normal;
 word-wrap: break-word;
 font-family: 'Allan', cursive;
 font-size: 17px;
}
.diyw #mainNav1 {
 background-color: #FEE9D1;
 padding: 35px 0;
}
.diyw #mainNav1 a,
.diyw #mainNav1 a:link,
.diyw #mainNav1 a:visited {
 display: block;
 color: #333333;
 text-decoration: none;
 padding: 5px 35px;
}
.diyw #mainNav1 a.parent, .diyw #mainNav1 a.parent:hover,
.diyw #mainNav1 a.current, .diyw #mainNav1 a.current:hover {
  color: #FFF;
  padding-bottom: 10px;
  position: relative;
  z-index: 1000;
  width: 255px;
  left: -45px;
  background: url(https://www.safe-machine.de/s/img/nav_parent.png) no-repeat 35px bottom;
}
.diyw #mainNav1 a.parent span, .diyw #mainNav1 a.parent:hover span,
.diyw #mainNav1 a.current span, .diyw #mainNav1 a.current:hover span {
  display: block;
  padding: 10px 35px 10px 45px;
  background-color: #FF9900;
}
.diyw #mainNav1 a:hover,
.diyw #mainNav1 a:active,
.diyw #mainNav1 a:focus {
 color: #FF9900;
}
.diyw #mainNav2  {
 margin: -10px 0 10px 0;
 padding-bottom: 5px;
 background-color: #FFCE96;
}
.diyw #mainNav2 a,
.diyw #mainNav2 a:link,
.diyw #mainNav2 a:visited {
 padding: 5px 45px;
}
.diyw #mainNav2 a.parent, .diyw #mainNav2 a.parent:hover,
.diyw #mainNav2 a.current, .diyw #mainNav2 a.current:hover {
 color: #FF6000;
 padding-bottom: 5px;
 position: relative;
 z-index: 10;
 width: 165px;
 left: 0;
 background: none;
}
.diyw #mainNav2 a.parent span, .diyw #mainNav2 a.parent:hover span,
.diyw #mainNav2 a.current span, .diyw #mainNav2 a.current:hover span {
  display: inline;
  padding: 0;
  background-color: transparent;
}
.diyw #mainNav2 a:hover,
.diyw #mainNav2 a:active,
.diyw #mainNav2 a:focus {
 color: #FF6000;
}
.diyw #mainNav3 a,
.diyw #mainNav3 a:link,
.diyw #mainNav3 a:visited {
 padding: 5px 55px;
}
.diyw #mainNav3 a.current,
.diyw #mainNav3 a.current:hover {
 color: #FF6000;
 padding-bottom: 5px;
 position: relative;
 z-index: 10;
 width: 145px;
 left: 0;
 background: none;
}