/* LAYOUT SETTINGS */



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

body .diyw 
{
    color: #1868A8;
}


.diyw #mainNav1 a,.diyw #mainNav2 a, .diyw #mainNav3 a{
white-space: normal;
word-wrap: break-word;    
}


.diyw #diywebWrapper{ width: 940px; margin: auto; margin-top: -100px;}
.diyw .diywebBg {background: url('../img/bg.png');}
.diyw #diywebLeftSide { width: 190px;float: left; position: relative; font-size: 11px; background-color: #d1e2ed; padding: 15px; }
.diyw #diywebRightSide { width: 680px;float: right; margin-right: 20px;}
.diyw #diywebFooter { width: 910px; padding: 20px 20px 0px 20px;clear: both; background-color: #fff; margin-top:5px; }
.diyw #diywebMainContent {}
.diyw #diywebContentWrapper { background-color: #fff; width: 940px; margin: 0 auto; border: 5px solid #fff; border-top: none; }
.diyw #diywebSubContent { padding: 5px;}

body.diyBgActive .diyw .diywebBg,
body.diyBgActive .diyw .diywebGradient
{
    background: transparent;
    border: none;
}


.diyw #diywebFooterCenter,
.diyw .diywebListItem, 
.diyw #diywebAllContent, 
.diyw #diywebHeader, 
.diyw .diywebFooterCenter, 
.diyw #mainNav1, 
.diyw #diywebHeader div#emotion-header, 
.diyw #diywebHeadWrap{ margin: 0 auto;}
 

/* TEXTFORMATIERUNG */

.diyw a {text-decoration: underline; font-size: 15px; color: #1868A8; font-weight: bold;}

.diyw .hr { border-color: #ccc; }



.diyw .diywebBg h1, .diyw .diywebBg h2,.diyw .diywebBg h3,.diyw .diywebBg h4,.diyw .diywebBg h5,.diyw .diywebBg h6
{
    text-transform: uppercase;
}
.diyw .diywebBg a
{
    margin-top: 5px;
}
.diyw #d
#diywebLeftSide .n { color: #606078;}


/* HEADER */

.diyw #diywebHeader { position: relative;  margin-bottom: 20px; background-image: url('../img/header.png'); background-position: 0 -9px;}
.diyw .diywebGradient{
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,.6) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,.6))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,.6) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,.6) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,.6) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,.6) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
border-bottom: solid 1px rgba(0,0,0, .6);
padding: 20px 0 100px 0;
}

/* NAVIGATION */

.diyw #diywebMenuBar { width: 100%; height: 51px; background-color: #808080; position: absolute; top: 23px; z-index: 1;}

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

.diyw #mainNav1 {margin: auto; font-size: 15px; padding-left: 35px; padding-top: 13px; position: relative; z-index: 2; width: 950px;}
.diyw #mainNav1 li { float: left; max-width: 924px; padding-right: 12px; background: url('../img/image01.png') right center no-repeat; margin-right: 5px; list-style: none;}
.diyw #mainNav1 li a { background-color: #1868A8; text-align: center; color: #fff; padding: 0 10px; line-height: 70px; color: #fff; font-size: 18px; text-transform: uppercase;}
.diyw #mainNav1 li:last-child {}
.diyw #mainNav1 li a.current,
.diyw #mainNav1 li:hover a { }
.diyw #mainNav1 > .navTopItemGroup_1 > a,
.diyw #mainNav1 > .navTopItemGroup_7 > a { background-color: #1868A8;}
.diyw #mainNav1 > .navTopItemGroup_2 > a,
.diyw #mainNav1 > .navTopItemGroup_8 > a {background-color:#607080 ;}
.diyw #mainNav1 > .navTopItemGroup_3 > a,
.diyw #mainNav1 > .navTopItemGroup_9 > a {background-color:#305048 ;}
.diyw #mainNav1 > .navTopItemGroup_4 > a,
.diyw #mainNav1 > .navTopItemGroup_10 > a {background-color:#68A0C8 ;}
.diyw #mainNav1 > .navTopItemGroup_5 > a,
.diyw #mainNav1 > .navTopItemGroup_11 > a { background-color: #1868A8;}
.diyw #mainNav1 > .navTopItemGroup_6 > a,
.diyw #mainNav1 > .navTopItemGroup_12 > a {background-color:#607080 ;}

.diyw #mainNav2 { font-size: 15px; list-style: none; padding-left: 0; margin-bottom: 20px; margin-top: 0px; font-weight: bold;}
.diyw #mainNav2 li { }
.diyw #mainNav2 li a {padding: 10px 0px 10px 30px; background: url('../img/image02.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: 40px; font-size: 13px; }
.diyw #mainNav3 li { border: none; padding: 0px;}
.diyw #mainNav3 li a {background: url('../img/image03.png') no-repeat center left; padding: 3px 0px 3px 10px; }
.diyw #mainNav3 li a.current,
.diyw #mainNav3 li:hover a {}

/* EMOTIONHEADER */

.diyw #emotion-header { border: 5px solid #fff; font-size: 0px; width: 940px;}

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