/* LAYOUT SETTINGS */



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

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


.diyw #diywebWrapper{ width: 960px; margin: auto; padding: 20px 0 0 0 ; background-color: #fff;}
.diyw #diywebLeftSide { width: 220px;float: left; position: relative; color: #fff; }
.diyw #diywebRightSide { width: 690px;float: right; padding-top: 20px; padding: 10px;}
.diyw #diywebFooter { width: 940px; padding: 40px 0px 20px 20px;clear: both; margin: auto;}
.diyw #diywebSidebarWrapper { background-color: #382840; position: relative; z-index: 1; border: 5px solid #fff; border-top: none; padding: 10px;}
.diyw #diywebMainContent {}
.diyw #diywebEmotionWrapper {box-shadow: 0 0 5px #000000; position: relative; z-index: 2;  margin-left: -5px;}


.diyw #diywebFooterCenter,
.diyw .diywebListItem, 
.diyw #diywebAllContent, 
.diyw #diywebHeader, 
.diyw .diywebFooterCenter, 
.diyw #mainNav1, 
.diyw #diywebHeader div#emotion-header, 
.diyw #diywebHeadWrap{ margin: 0 auto;}
 
.diyw #diywebHeader
{
background: rgb(112,72,120); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(112,72,120,1) 0%, rgba(58,41,66,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(112,72,120,1)), color-stop(100%,rgba(58,41,66,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(112,72,120,1) 0%,rgba(58,41,66,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(112,72,120,1) 0%,rgba(58,41,66,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(112,72,120,1) 0%,rgba(58,41,66,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(112,72,120,1) 0%,rgba(58,41,66,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#704878', endColorstr='#3a2942',GradientType=0 ); /* IE6-9 */
box-shadow: 0 0 5px #000000;
}

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

/* TEXTFORMATIERUNG */

.diyw h1,.diyw h2,.diyw h3,.diyw h4,.diyw h5,.diyw h6 { color: #704878;}
.diyw #diywebRightSide h1,
.diyw #diywebRightSide h2 { display: block; border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.diyw #diywebRightSide h1 { color: #382840;}

.diyw #diywebLeftSide h1,
.diyw #diywebLeftSide h2 { font-size: 21px; color: #fff;}


.diyw p,
.diyw table,
.diyw .n { font-size: 13px;line-height: 21px;}
.diyw #diywebLeftSide .n a { display: block; margin-top: 5px; color:#fff;}
.diyw a { color: #704878; text-decoration: underline;}
.diyw .hr { border-color: #ccc; }


.diyw h1 { font-size: 26px;  line-height: 31px; }
.diyw h2 { font-size: 20px; font-weight: 400;}

/* HEADER */

.diyw #diywebHeader { border-bottom: 4px solid #fff; border-top: 4px solid #fff; margin-top: 50px; font-family: 'times new roman'; position: relative;}
.diyw #diywebHeader a { color: #fff;}

/* NAVIGATION */

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

.diyw #mainNav1 { width: 940px; margin: auto; font-size: 15px; padding-top: 7px; font-weight: normal; padding-left: 0px; list-style: none; position: relative; z-index: 2;}
.diyw #mainNav1 li { float: left; line-height: 30px; text-align: center; border-right: 1px solid #333; border-left: 1px solid #ccc;  }
.diyw #mainNav1 > li > a { text-align: center; padding:0 20px;}
.diyw #mainNav1 > li a.current {}
.diyw #mainNav1 li:first-child { border-left: none;}
.diyw #mainNav1 li:last-child { border-right: none;}


.diyw #mainNav2 {font-size: 16px; list-style: none; padding-left: 0px;  }
.diyw #mainNav2 li { padding: 5px 10px; border-bottom: 1px solid #565656;}
.diyw #mainNav2 li a { color: #BD9BC6;}
.diyw #mainNav2 li:first-child a {}

.diyw #mainNav3 { list-style: none; padding-left: 0px; }
.diyw #mainNav3 li { border: none;}
.diyw #mainNav3 li a {font-size: 13px; color: #A868B0; padding-left: 10px; background-image: url('https://www.ra-halffter.de/s/img/image06.png'); background-repeat: no-repeat; background-position: left center;}
.diyw #mainNav3 li a.current,
.diyw #mainNav3 li:hover a {}

/* EMOTIONHEADER */

.diyw #emotion-header {position: relative; z-index: 3; font-size: 0px;border: 4px solid #fff; }
.diyw #emotion-header strong {font-size: 14px;}
.diyw #emotion-header img { margin: 0;}
/* FOOTER */

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