/* LAYOUT SETTINGS */

@import url(//cdn.website-start.de/s/css/templates/Arvo.css);
@import url(//cdn.website-start.de/s/css/templates/Titillium+Web.css);


html body
{ margin: 0; padding: 0; height: auto; background: url('https://www.safranundorange.com/s/img/image04.png') repeat-x top center #c96717;
}

html body .diyw
{ color: #28231B;font-family: 'Titillium Web', sans-serif;
}


.diyw #diywebWrapper{ width: 940px; margin: auto; margin-top: 50px;}
.diyw #diywebBGWrapper { background-image: url('https://www.safranundorange.com/s/img/image02.png');}
.diyw #diywebLeftSide { float: left; position: relative; width: 630px; padding-right: 30px;}
.diyw #diywebRightSide { width: 250px;float: right; padding-left: 30px;}
.diyw #diywebFooter { width: 550px; padding: 40px 20px 20px 20px;clear: both;}
.diyw #diywebMainContent {}
.diyw #diywebSidebar {padding-top: 10px;background-image: url('https://www.safranundorange.com/s/img/image03.png'); background-position: center top; background-repeat: repeat-x;}


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


/* TEXTFORMATIERUNG */

.diyw p,
.diyw table,
.diyw .n { font-size: 13px;line-height: 21px;color: #28231B;}
.diyw #diywebRightSide .n a { color: #F9BB70; text-decoration: none; display: block; margin-top: 5px;}
html .diyw a { color: #28231B;}
.diyw .hr { border-color: #111; }

.diyw h1,.diyw h2,.diyw h3,.diyw h4,.diyw h5,.diyw h6 {font-family: 'Arvo', serif; color: #1A1A1A;}

.diyw h1 { font-size: 22px;}
.diyw h2 { font-size: 15px;}

/* HEADER */

.diyw #diywebHeader { background-color: #333333; border-bottom: 1px solid #ffa905;font-family: 'Arvo', serif; border-top:2px solid #4d4d4d; padding-bottom: 20px}

/* NAVIGATION */

.diyw #mainNav1 a, .diyw #mainNav2 a, .diyw #mainNav3 a {
    display: block;
    text-decoration: none;
    white-space: normal;
    word-wrap: break-word;
}

.diyw #mainNav1 { width: 940px; margin: auto; padding-top: 20px; font-size: 16px; padding-left: 0;}
.diyw #mainNav1 li { display: inline-block; padding: 0 20px 0 0; float: left;}
.diyw #mainNav1 li:hover a { color: #FFA905;}
.diyw #mainNav1 a.current { color: #FFA905;}
.diyw #mainNav1 li:first-child { padding-left: 0;}
.diyw #mainNav1 a { color: #fff;}

.diyw #mainNav2 { padding: 0; list-style: none;font-family: 'Arvo', serif; text-transform: none; margin-bottom: 100px; font-size: 15px; font-weight: normal;background-image: url('https://www.safranundorange.com/s/img/image03.png'); background-position: center bottom; background-repeat: repeat-x;}
.diyw #mainNav2 > li { border-top: 1px solid #e88a06; border-bottom: 1px solid #bb5e05; padding: 10px; font-weight: bold;}
.diyw #mainNav2 > li:first-child { border-top:none; }
.diyw #mainNav2 > li:last-child { border-bottom:none; }
.diyw #mainNav2 > li:hover > a { color: #F9BB70;}
.diyw #mainNav3 > li:hover > a { color: #F9BB70;}

.diyw #mainNav3 { list-style: disc; padding-left: 25px;}
.diyw #mainNav3 li { padding: 5px 0;}

/* EMOTIONHEADER */

/* FOOTER */

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

.diyw .diywebNavigation{
    margin: 0 auto;
    width: 940px;
}