/* LAYOUT SETTINGS */


body {background-color: #fff; margin: 0; padding: 0; height: auto; color: #333333; font-family: Arial, Helvetica, sans-serif;}

#diywebWrapper{ width: 940px; margin: auto; padding-top: 40px;}
#diywebLeftSide { width: 220px;float: left; position: relative; font-size: 11px; }
#diywebRightSide { float: right; width: 700px;}
	#diywebMainContent { width: 700px; float: left;}
	#diywebSidebarWrapper { width: 220px; float: right;}


#diywebFooter { width: 940px; padding: 20px 20px 0px 20px;clear: both; border-top: 1px solid #ccc;}
#diywebMainContent {}
#diywebContentWrapper { margin: 0 auto; padding-top: 20px; }
#diywebSubContent { padding: 5px;}

#diywebFooterCenter,
.diywebListItem, 
#diywebAllContent, 
#diywebHeader, 
.diywebFooterCenter, 
#mainNav1, 
#diywebHeader div#emotion-header, 
#diywebHeadWrap{ margin: 0 auto;}
 
 
.diywebGradient
{
    background: url('file:///C:/Users/Randy/Documents/My%20Web%20Sites/HG-mysite/s/img/body.png') repeat-x left top;
}
.diyBgActive .diywebGradient
{
    background: transparent;
}
 
 

/* TEXTFORMATIERUNG */

h1,h2,h3,h4,h5,h6 { color: #4D4D4D; }
p,
table { font-size: 12px;line-height: 16px;color: #333333; font-family: Arial, Helvetica, sans-serif}
#diywebLeftSide a {color: #006837; }
a { color: #1683C3;}
.hr { border-color: #ccc; }
#diywebMainContent .n img  { padding: 10px 0; border-bottom: 1px solid #ccc; border-top:1px solid #ccc;}

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

h1 { display: block; font-size: 30px; color: #1683C3;  line-height: 30px;}
h2 { display: block; color: #E79224; font-size: 20px;  line-height: 20px;}


.diywebGradient h2, .diywebGradient h1
{
    text-transform: uppercase;
}

#diywebSidebarWrapper h1 { font-size: 16px; line-height: 16px;}
#diywebSidebarWrapper h2 {font-size: 16px; line-height: 16px;}
#diywebSidebarWrapper a {color: #4D4D4D;}

/* HEADER */

#diywebHeader { position: relative; }

/* NAVIGATION */

#mainNav1 a, #mainNav2 a, #mainNav3 a { text-decoration: none;color: #4D4D4D; font-family: 'Times New Roman', serif;}

#mainNav1 {font-size: 15px;  padding-left: 0px; font-size: 19px; list-style: none;
background: rgb(66,174,217); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(66,174,217,1) 0%, rgba(30,145,201,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(66,174,217,1)), color-stop(100%,rgba(30,145,201,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(66,174,217,1) 0%,rgba(30,145,201,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(66,174,217,1) 0%,rgba(30,145,201,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(66,174,217,1) 0%,rgba(30,145,201,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(66,174,217,1) 0%,rgba(30,145,201,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42aed9', endColorstr='#1e91c9',GradientType=0 ); /* IE6-9 */
border-radius: 10px 10px 0 0;

}
#mainNav1 li { float: left;  line-height: 55px;padding: 0px; margin: 0; border-left:1px solid #eee; border-right:1px solid #444; max-width: 938px;}
#mainNav1 li a { text-align: center; color: #fff; padding: 0px 20px; margin: 0; display: block;}
#mainNav1 li a.current,
#mainNav1 li:hover a { background-color: #104763;}
#mainNav1 li:last-child { border-right:none; }
#mainNav1 li:first-child { border-left:none; }

#mainNav2 { font-size: 16px; list-style: none; padding-left: 0; font-weight: bold; }
#mainNav2 li { padding: 7px 15px; border-bottom: 1px solid #ccc; }
#mainNav2 li a {padding-left: 25px; background: url('file:///C:/Users/Randy/Documents/My%20Web%20Sites/HG-mysite/s/img/image02.png') no-repeat left 50%; 
color: #1683C3;
}


#mainNav3 { list-style: none; padding-left: 27px; font-size: 13px;}
#mainNav3 li { border: none; padding: 0px;}
#mainNav3 li a {background: url('file:///C:/Users/Randy/Documents/My%20Web%20Sites/HG-mysite/s/img/image03.png') no-repeat left 50%;
padding-left: 10px; color: #4D4D4D;
}
#mainNav3 li a.current,
#mainNav3 li:hover a {}

/* EMOTIONHEADER */

#emotion-header {margin-top: 20px; }

/* FOOTER */

#diywebFooter { color: #000;}
#diywebFooterCenter { font-size: 10px;}
#diywebFooterCenter a { color: #000; text-decoration: none;}

/* CLEARFIX */

#diywebAllContent:before,
#diywebAllContent:after,
#mainNav1:before,
#mainNav1:after,
#mainNav2:before,
#mainNav2:after,
#mainNav3:before,
#mainNav4:after,
.thumbElement { content: "\0020"; display: block; height: 0; overflow: hidden;}

#mainNav1:after, 
#mainNav2:after, 
#mainNav3:after, 
#diywebAllContent:after, 
.thumbElement  { clear: both; }

#mainNav1, 
#mainNav2, 
#mainNav3, 
#diywebAllContent, 
.thumbElement {  zoom: 1; }