/* LAYOUT SETTINGS */


body 
{margin: 0; padding: 0; height: auto; background: #fff;
}

body .diyw 
{ color: #000; font-family: 'times new roman';
}

.diyw #mainNav1 a,.diyw #mainNav2 a, .diyw #mainNav3 a{
white-space: normal;
word-wrap: break-word;    
}
.diyw #diywebWrapper,
.diyw #emotion-header{ width: 940px; margin: auto;}
.diyw #diywebLeftSide { width: 525px;float: left; position: relative; width: 630px; padding-right: 30px;}
.diyw #diywebRightSide { width: 220px;float: right;}
.diyw #diywebFooter { width: 920px; padding: 40px 20px 20px 20px;clear: both;}
.diyw #diywebSubContent { color: #000; padding: 10px; position: relative; z-index: 2;}

.diyw #diywebSidebar { position: relative;}


.diyw .diywebGradient
{
    background: url('https://www.seengineersmt.com/s/img/image03.png') repeat-x top left; 

}
body.diyBgActive .diyw .diywebGradient
{
    background: transparent;
}


.diyw #diywebFooterCenter,
.diyw .diywebListItem, 
.diyw #diywebAllContent, 
.diyw #diywebHeader, 
.diyw .diywebFooterCenter, 
.diyw #mainNav1, 
.diyw #diywebHeader div#emotion-header, 
.diyw #diywebHeadWrap{ margin: 0 auto;}
 
.diyw #diywebEmotionHeaderWrap
 {
     background: url('https://www.seengineersmt.com/s/img/image04.png');
 }

/* TEXTFORMATIERUNG */

.diyw #diywebSubContent p { color: #000;}
.diyw p,
.diyw table{ font-size: 13px;line-height: 16px;}
.diyw #diywebRightSide p > a { color: #C20E4A; text-decoration: none; display: block; float: right;}

.diyw #diywebSidebar h1 { font-size: 20px; line-height: 24px;}
.diyw #diywebSubContent h1,
.diyw #diywebSubContent h2 { margin-top: 0px;}



.diyw p > a { color: #000; text-decoration: underline; }
.diyw .hr { border-color: #ccc; }

.diyw #diywebSubContent p { color: #000;}

.diyw h1,.diyw h2,.diyw h3,.diyw h4,.diyw h5,.diyw h6 { line-height: 26px;}

.diyw #diywebLeftSide h1 {text-transform: uppercase;}

.diyw h1 { font-size:25px;}
.diyw h2 { font-size: 16px; color: #fff; padding: 7px; display: block; background-color: #292929;}

.diyw .diywebGradient h1
{
     text-transform: uppercase;
}
/* HEADER */

.diyw #diywebHeader { background-color: #292929; position: relative; color: #fff; border-bottom: solid 1px #fff;}

/* NAVIGATION */

.diyw #diywebNavigation {background-color: #000; padding: 15px; background: url('https://www.seengineersmt.com/s/img/image04.png'); margin-bottom: 30px;}

.diyw #mainNav1 a, .diyw #mainNav2 a, .diyw #mainNav3 a { display: block; text-decoration: none;}

.diyw #mainNav1 { width: 940px; margin: auto;font-size: 15px; padding-left: 0px; position: relative;}
.diyw #mainNav1 li {float:left; line-height: 60px; border-right:1px solid #fff; list-style: none;  }
.diyw #mainNav1 li a {padding: 0 15px;}
.diyw #mainNav1 li a.current,
.diyw #mainNav1 li:hover a { background-color: #fff; color: #000;}
.diyw #mainNav1 li:first-child a {}
.diyw #mainNav1 a { color: #fff;}

.diyw #mainNav2 { padding: 0px; font-size: 15px; list-style: none; margin: 0;}
.diyw #mainNav2 a { color: #fff; padding-left: 20px; background: url('https://www.seengineersmt.com/s/img/image01.png') no-repeat left center; margin-bottom: 10px;}

.diyw #mainNav3 {list-style: none;font-size: 13px;  padding-left: 0px; padding-left: 35px; }
.diyw #mainNav3 a {color: #fff; background: url('https://www.seengineersmt.com/s/img/image02.png') no-repeat left 0px; padding-left: 10px;}
.diyw #mainNav3 li {}
.diyw #mainNav3 li:first-child { }
.diyw #mainNav3 li:hover a,
.diyw #mainNav3 li a.current { color: #fff;}

/* EMOTIONHEADER */

.diyw #diywebEmotionHeaderWrap { position: relative;}
.diyw #emotion-header {}
.diyw #emotion-header img {}

/* FOOTER */

.diyw #diywebFooter { color: #646604; border-top: 1px solid #ccc; }
.diyw #diywebFooterCenter { font-size: 10px;}
.diyw #diywebFooterCenter a { color: #646604; 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; }

