/* LAYOUT SETTINGS */
@import url(//cdn.website-start.de/s/css/templates/Cardo.css);
@import url(//cdn.website-start.de/s/css/templates/Dosis.css);

body
{
 margin: 0;
 padding: 0;
 background-color: #d3dfe3;
}

.diyw #mainNav1 a,.diyw #mainNav2 a, .diyw #mainNav3 a,
.diyw #diywebAllContent p {
 white-space: normal;
 word-wrap: break-word;
}
.diyw #diywebWrapper {
 position: relative;
 width: 100%;
 display: block;
 background: url(http://www.ultimateconnections.net/s/img/bg_wrapper.gif) repeat;
}
.diyw #diywebAllContentWrapper {
 width: 1075px;
 position: relative;
 float: left;
 background: url(http://www.ultimateconnections.net/s/img/bg_content.png) repeat-y;
}
.diyw #diywebSidebarLeft {
 position: relative;
 float: left;
 display: inline-block;
 width: 360px;
 height: 100%;
 margin-right: 3px;
}
.diyw #diywebAllContent {
 position: relative;
 float: left;
 width: 706px;
 background: #6a7d84;
}
.diyw #diywebHeader {
 position: relative;
 width: 706px;
 display: block;
 overflow: hidden;
 margin-bottom: 20px;
}
.diyw #diywebMainContent {
 display: block;
 float: left;
 width: 450px;
 min-width: 445px;
 min-height: 1px;
 height: 100%;
 padding: 0 35px;
 font: 12px 'Arial';
 color: #FFF;
 margin-bottom: 30px;
}
.diyw #diywebMainContent h1 {
 font: 32px 'Cardo';
 color: #d3dfe3;
 font-weight: normal;
 border-bottom: 1px solid #d3dfe3;
 padding: 0 0 15px;
 margin: 10px 0;
 line-height: 35px;
}
.diyw #diywebMainContent h2 {
 font: 20px 'Cardo';
 color: #d3dfe3;
 font-weight: normal;
 padding: 5px 0;
}
.diyw #diywebSubContent {
 display: block;
 float: left;
 width: 155px;
 font: 12px 'Arial';
 color: #FFF;
 margin-bottom: 30px;
}
.diyw #diywebSubContent h1 {
 font: 20px 'Cardo';
 color: #d3dfe3;
 font-weight: normal;
 border-bottom: 1px solid #d3dfe3;
 padding: 0 0 5px;
 margin: 10px 0;
 line-height: 25px;
}
.diyw #diywebSubContent h2 {
 font: 16px 'Cardo';
 color: #d3dfe3;
 font-weight: normal;
 padding: 5px 0;
}
.diyw #diywebSubContent a, .diyw #diywebMainContent a {
 color: #cbca1d;
}
.diyw #diywebFooter {
 clear: both;
 width: 100%;
 background: #d3dfe3;
 font: 14px 'Dosis';
 font-weight: 400;
 color: #6a7d84;
}
.diyw #diywebFooterCenter {
 float: left;
 width: 915px;
 padding: 10px 30px 10px 100px;
}
.diyw #diywebFooter a {
 color: #6a7d84;
}

/* NAVIGATION SETTINGS */

.diyw #mainNav1,
.diyw #mainNav2,
.diyw #mainNav3 {
 list-style: none;
 margin: 0;
 padding: 0;
 font-family: 'Cardo';
 white-space: normal;
 word-wrap: break-word;
}
.diyw #mainNav1 li {
 display: block;
 float: right;
 width: 100%;
}
.diyw .navTopItemGroup_1, .diyw .navTopItemGroup_14, .diyw .navTopItemGroup_27 {
 background: #b76830;
}
.diyw .navTopItemGroup_2, .diyw .navTopItemGroup_15, .diyw .navTopItemGroup_28 {
 background: #85301c;
}
.diyw .navTopItemGroup_3, .diyw .navTopItemGroup_16, .diyw .navTopItemGroup_29 {
 background: #4b260b;
}
.diyw .navTopItemGroup_4, .diyw .navTopItemGroup_17, .diyw .navTopItemGroup_30 {
 background: #362217;
}
.diyw .navTopItemGroup_5, .diyw .navTopItemGroup_18, .diyw .navTopItemGroup_31 {
 background: #4e3646;
}
.diyw .navTopItemGroup_6, .diyw .navTopItemGroup_19, .diyw .navTopItemGroup_32 {
 background: #6f7197;
}
.diyw .navTopItemGroup_7, .diyw .navTopItemGroup_20, .diyw .navTopItemGroup_33 {
 background: #86a6b3;
}
.diyw .navTopItemGroup_8, .diyw .navTopItemGroup_21, .diyw .navTopItemGroup_34 {
 background: #b5c3c8;
}
.diyw .navTopItemGroup_9, .diyw .navTopItemGroup_22, .diyw .navTopItemGroup_35 {
 background: #84ae86;
}
.diyw .navTopItemGroup_10, .diyw .navTopItemGroup_23, .diyw .navTopItemGroup_36 {
 background: #616d46;
}
.diyw .navTopItemGroup_11, .diyw .navTopItemGroup_24, .diyw .navTopItemGroup_37 {
 background: #aeae78;
}
.diyw .navTopItemGroup_12, .diyw .navTopItemGroup_25, .diyw .navTopItemGroup_38 {
 background: #9c9b27;
}
.diyw .navTopItemGroup_13, .diyw .navTopItemGroup_26, .diyw .navTopItemGroup_39 {
 background: #c25625;
}
.diyw #mainNav1 a,
.diyw #mainNav1 a:link,
.diyw #mainNav1 a:visited {
 display: block;
 text-align: right;
 font-variant: small-caps;
 font-size: 25px;
 color: #FFF;
 text-decoration: none;
 padding: 15px 20px 16px;
}
.diyw #mainNav1 a span {
 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
 filter: dropshadow(color=#000000, offx=1, offy=1);
}
.diyw #mainNav1 a.parent, .diyw #mainNav1 a.parent:hover,
.diyw #mainNav1 a.current, .diyw #mainNav1 a.current:hover {
 background: url(http://www.ultimateconnections.net/s/img/bg_mainNav1.png) no-repeat;
 background-position: right 25px;
}
.diyw #mainNav1 a:hover,
.diyw #mainNav1 a:active,
.diyw #mainNav1 a:focus {
 background: url(http://www.ultimateconnections.net/s/img/bg_mainNav1.png) no-repeat;
 background-position: right 25px;
}
.diyw #mainNav2 a,
.diyw #mainNav2 a:link,
.diyw #mainNav2 a:visited {
 width: auto;
 font-size: 15px;
 font-variant: normal;
 font-weight: 700;
 padding: 5px 40px;
 padding-bottom: 15px;
}
.diyw #mainNav2 a.parent, .diyw #mainNav2 a.parent:hover,
.diyw #mainNav2 a.current, .diyw #mainNav2 a.current:hover {
 background: url(http://www.ultimateconnections.net/s/img/bg_mainNav2.png) no-repeat;
 background-position: right 13px;
}
.diyw #mainNav2 a:hover,
.diyw #mainNav2 a:active,
.diyw #mainNav2 a:focus {
 background: url(http://www.ultimateconnections.net/s/img/bg_mainNav2.png) no-repeat;
 background-position: right 13px;
}
.diyw #mainNav3 a,
.diyw #mainNav3 a:link,
.diyw #mainNav3 a:visited {
 font-size: 14px;
 padding: 3px 50px 3px 20px;
 font-weight: normal;
 padding-bottom: 10px;
}
.diyw #mainNav3 a.parent, .diyw #mainNav3 a.parent:hover,
.diyw #mainNav3 a.current, .diyw #mainNav3 a.current:hover,
.diyw #mainNav3 a:hover, .diyw #mainNav3 a:active, .diyw #mainNav3 a:focus {
 background: url(http://www.ultimateconnections.net/s/img/bg_mainNav3.png) no-repeat;
 background-position: right 10px;
}

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