/* LAYOUT SETTINGS */



body 
{background-color: #509D25; margin: 0; padding: 0; height: auto;
}

body .diyw 
{ color: #333333; font-family: 'Arial', sans-serif;
}



.diyw .diywebGradient
{
background: rgb(24,108,48); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(24,108,48,1) 0%, rgba(137,208,25,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(24,108,48,1)), color-stop(100%,rgba(137,208,25,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(24,108,48,1) 0%,rgba(137,208,25,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(24,108,48,1) 0%,rgba(137,208,25,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(24,108,48,1) 0%,rgba(137,208,25,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(24,108,48,1) 0%,rgba(137,208,25,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#186c30', endColorstr='#89d019',GradientType=0 ); /* IE6-9 */
padding-top: 20px;

}
body.diyBgActive .diyw .diywebGradient
{
    background: transparent;
    filter: none;
}

.diyw #diywebWrapper{ width: 940px; margin: auto;}
.diyw #diywebLeftSide { width: 220px;float: left; position: relative; font-size: 11px; }
.diyw #diywebRightSide { width: 590px;float: right; margin-right: 20px;}
.diyw #diywebFooter { width: 810px; padding: 20px 20px 0px 20px;clear: both; border-top: 1px solid #ccc;}
.diyw #diywebMainContent {}
.diyw #diywebContentWrapper { background-color: #fff; width: 860px; margin: 0 auto; padding: 20px;}
.diyw #diywebSubContent { padding: 5px;}

.diyw #diywebFooterCenter,
.diyw .diywebListItem, 
.diyw #diywebAllContent, 
.diyw #diywebHeader, 
.diyw .diywebFooterCenter, 
.diyw #mainNav1, 
.diyw #diywebHeader div#emotion-header, 
.diyw #diywebHeadWrap{ margin: 0 auto;}
 
.diyw #mainNav1 a,.diyw #mainNav2 a, .diyw #mainNav3 a{
white-space: normal;
word-wrap: break-word;    
}
/* TEXTFORMATIERUNG */

.diyw h1,.diyw h2,.diyw h3,.diyw h4,.diyw h5,.diyw h6 { color: #006837; font-family: 'Arial', sans-serif;}
.diyw p,
.diyw table,
.diyw .n { font-size: 12px;color: #333333; }
.diyw #diywebLeftSide a { text-decoration: none; margin-top: 5px;}
.diyw a { color: #006837;}
.diyw .hr { border-color: #ccc; }

.diyw h1 { font-size: 30px; font-weight: 200; text-transform: uppercase;}
.diyw h2 { font-size: 20px; font-weight: 200; color: #8CC63F;}
.diyw #diywebRightSide h1 { display: block; border-bottom: 1px solid #ccc; padding-bottom: 12px;}
.diyw #diywebLeftSide h1 { font-size: 18px; text-transform: none; font-weight: bold;}
.diyw #diywebLeftSide h2 { font-size: 12px;}


/* HEADER */

.diyw #diywebHeader { position: relative; font-family: 'Times New Roman' serif; }

/* NAVIGATION */

.diyw #mainNav1 a, .diyw #mainNav2 a, .diyw #mainNav3 a { display: block; text-decoration: none;color: #4D4D4D;}
.diyw #mainNav1 > li:hover > a,
.diyw #mainNav2 > li:hover > a,
.diyw #mainNav3 > li:hover > a {}

.diyw #mainNav1 { width: 900px; margin: auto; font-size: 15px; font-family: Times; background-color: #006837; padding-top: 13px; padding-bottom: 13px; }
.diyw #mainNav1 li {float: left; list-style: none; border-right:1px solid #eee; padding: 0 8px 0 5px; line-height: 27px; max-width: 760px;}
.diyw #mainNav1 li a { text-align: center; color: #fff; padding: 0 8px;}
.diyw #mainNav1 li:last-child { border-right: none;}
.diyw #mainNav1 li a.current,
.diyw #mainNav1 li:hover a { background-color: #8CC63F; }

.diyw #mainNav2 { font-size: 13px; list-style: none; padding-left: 0; margin-bottom: 20px; margin-top: 70px;}
.diyw #mainNav2 li { padding: 7px 15px; border-bottom: 1px solid #ccc; }
.diyw #mainNav2 li a {padding-left: 10px; background: url('https://www.gemanagersuk.org/s/img/image01.png') no-repeat center left;}
.diyw #mainNav2 > li:hover > a {font-weight: bold;} 
.diyw #mainNav2 li:first-child a {}

.diyw #mainNav3 { list-style: none; padding-left: 5px; }
.diyw #mainNav3 li { border: none; padding: 0px;}
.diyw #mainNav3 li a {}
.diyw #mainNav3 li a.current,
.diyw #mainNav3 li:hover a {}

/* FOOTER */

.diyw #diywebFooter { color: #006837;}
.diyw #diywebFooterCenter { font-size: 10px;}
.diyw #diywebFooterCenter a { color: #006837; 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 .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; }